/* definitions for dashboard components */


/*ChartSelection ---Container*/
.u-chart-container-selected {

    border: 1;
    margin: 0px;
}

.u-chart-container-unselected {
    border: black thin solid;
    border-radius: 2px;
    border: 0;
    margin: 1px;
}

/*ChartSelection-- ControlStrip*/
.u-chart-controlStrip-visible {
    visibility: visible;
}

.u-chart-controlStrip-invisible {
    visibility: hidden;
}

.u-chart-control-strip {
    border-bottom: black thin dotted;

}

/* ChartSelection --- Select Button*/
.u-chart-selection-btn .sapMBtnInner {
    background-image: linear-gradient(-180deg, #34d058, #28a745 90%);


    color: #fff;
    border: green thin solid;
    border-radius: 5px;

    width: fit-content
}

.u-chart-selection-btn .sapMBtnInner:hover {

    border: black thin solid;
    background-image: linear-gradient(-180deg, #34d058, #28a745 90%);

}

.u-chart-selection-btn .sapMBtnInner:active {
    border: black thin solid;
    background-image: linear-gradient(-180deg, white, white 90%);
    color: black;
    border-radius: 5px;

}

/* ChartSelection --- Cancel Button*/
.u-chart-cancel-btn .sapMBtnInner {
    background-color: red;


    color: #fff;
    border: red thin solid;
    border-radius: 5px;
    margin-right: 2px;

    width: fit-content
}

.u-chart-cancel-btn .sapMBtnInner:hover {
    border: black thin solid;
    background-color: red;
}

.u-chart-cancel-btn .sapMBtnInner:active {
    border: black thin solid;
    background-color: white;
    color: black;
    border-radius: 5px;

}

.u-chart {
    width: 100%
}

/*Filter Editor Tool Bar*/
.u-page-filterEditor-toolBar {

    background-color: white !important;

}

.u-multilist-filter-editor-grid.sapUiRespGrid.sapUiRespGridHSpace1 {
    padding: 0 0;
}

.u-multilist-filtercombo-border div {
    border-radius: 3px;
    /*    height:35px;*/
}


/*Base Table*/
.baseTable table {
    border-radius: 2px;
}

.baseTable table tr:nth-child() {
    background-color: #34d058;
}

/* List Table cell selection */
td.u-tbcol-sel {
    background-color: var(--selected-tablecell-background-color);
}


/* Dashboard tables */
.u-chart .sapMInputBaseDisabled {
    opacity: 1.0;
}

/*MAp*/
.ui5-map.ui5-map-container {
    width: 100%;
    height: 100%;

}

.u-datemap-popover-label {
    height: 30px;
    box-sizing: border-box;
    white-space: normal;
    font-size: 12px;
}

/* u-date-range-pop-over-input */

.u-datemap-popover .sapMPopoverCont {
    padding: 4px;
}

.u-date-range-pop-over-input .sapMInputBaseContentWrapper {
    border: none;
    border-right: 2px solid white;
    background-color: #f7f7f7;
}

@media (orientation:landscape) {
    .u-filter-hider-button {
        display: none;
    }
}

.u-filter-hider-button.sapMBtn:hover>.sapMBtnInner>.sapUiIcon {
    /*button icon on hover (Initial)*/
    color: black;
}

.u-filter-hider-button.sapMBtn>.sapMBtnInner.sapMBtnActive>.sapUiIcon,
.u-filter-hider-button.sapMBtn:hover>.sapMBtnInner.sapMBtnActive>.sapUiIcon,
.u-filter-hider-button.sapMBtn:active>.sapMBtnInner.sapMBtnActive>.sapUiIcon,
.u-filter-hider-button.sapMBtn>.sapMToggleBtnPressed.sapMBtnInner>.sapUiIcon,
.u-filter-hider-button.sapMBtn:hover>.sapMToggleBtnPressed.sapMBtnInner>.sapUiIcon {
    /*button icon on hover,active (pressed)*/
    color: var(--main-toolbar-btn-hover-color);
}

.u-filter-hider-button.sapMBtn>.sapMBtnInner.sapMBtnActive>.sapMBtnContent,
.u-filter-hider-button.sapMBtn:hover>.sapMBtnInner.sapMBtnActive>.sapMBtnContent,
.u-filter-hider-button.sapMBtn:active>.sapMBtnInner.sapMBtnActive>.sapMBtnContent,
.u-filter-hider-button.sapMBtn>.sapMToggleBtnPressed.sapMBtnInner>.sapMBtnContent,
.u-filter-hider-button.sapMBtn:hover>.sapMToggleBtnPressed.sapMBtnInner>.sapMBtnContent {
    /*button icon on hover,active (pressed)*/
    color: var(--main-toolbar-btn-hover-color);
}

.u-filter-hider-button:not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive,
/*button Bg color (press, toggled)*/
.u-filter-hider-button .sapMToggleBtnPressed:not(.sapMBtnDisabled) {
    background-color: var(--selected-background-color);
}

.u-filter-hider-button>.sapMBtnInner>.sapMBtnContent {
    /*buttonText*/
    font-weight: bold;
}

/* coml charts action strip */
.u-ws-chart * {
    --atrip-btn-size: 1.5rem;
}

.u-ws-chart {
    position: relative;

}

.u-ws-chart .u-astrip {
    position: absolute;
    display: flex;
    box-sizing: border-box;
    top:0;
    right: 0;
    gap: calc(var(--atrip-btn-size) / 8);
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.u-ws-chart .u-astrip.u-hidden {
    display: none;
}

.u-ws-chart:hover .u-astrip {
    opacity: 1;
}


.u-ws-chart .u-astrip .u-astrip-btn {
    box-sizing: border-box;
    cursor: pointer;
    width: var(--atrip-btn-size);
    height: var(--atrip-btn-size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #4a4a4a;
    filter: grayscale(100%) brightness(1.4);
    border-radius: calc(var(--atrip-btn-size) / 8);
}

.u-ws-chart .u-astrip .u-astrip-btn:hover {
    background-color: black;
}

.u-astrip-btn.u-ok  {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACT0lEQVRYhcXWT4hNYRjH8c/cJEkSkiz0JslCUnTqaAxZIQsWbChKosZslNU0aRqz9WcjYWWBrChEwkqnjo2sLU6ShYQspEk3i3tu3TnOPffemXvHr0739Lzvc37fc5/zPu87BCGJ9mASAYtRyy8tv92qOb9eiNfzawYfMZ3F6dOhkEQjeIlFPRrNV3Ucrmm8+UKb0/inpmrY8B/Mm1pf06j5oJW2G2j92AahOkaxGx8WGqCOM1mcXs/i9DfGFhKgaX67Gcji9BkelgEM3BxCEi3HmkED1DFaYr4MT7Bz0AAXsji90cZ8uCyhn9/ApSxOLxfMl+ARRtol9cv8LiYK5otwD3urEqsA6vjShfk7nM7if3rNFRzqlFwFcBvb8b5izk8cyeL0V2swJNFZnOtkXgXwDeNZnH7CLrxqM28si9NZHS4k0Q5c68a8CuBiFqdfIYvTn9iP+4U5j3GnYL5Uo+5d7y9lAN9wszWQxekMjuFqHvqlsd6LudPY2K05DIUk+o4VhfgDnMh7+CyFJDqPVVmcjhfi2/BWb2eLH+1KcBTPQxKtLA7ka71oTqPuPR9sqlbBCN6EJAolEMXQPhXNZq4AsDmH2NJh3kSH8UqA4um1qHV4HZJoa9lgSKJhJZtMLwDdaDVehCTaVDJWetDoNwCNvfx5SKK1zUB+37HddgLoVIJWBTzKdzk4aZ6H2l4BIMKtkEQ1nJqPOY112ysAHMdKPXa9MtXwZ465B+Zr3gTI+vGgOepzDVPmVoZ+aHIIQhIdzEHCAhl/xmQWpw/+AsbCnZlYhfkMAAAAAElFTkSuQmCC")
    
}

.u-astrip-btn.u-cancel {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB90lEQVRYhcWXwUrDQBRFT0JwIYOIiAtxKV10IeJeRIr/kz8oxR/I/4i4ciciLqSUIi4URIqKDCIixcVMMG1emnkJ6oVAm3beOZ1pHjMRgM3MLnAMdIAlIAFi4Spm/j3AVHg9LVxfwCdwAwxMai8jDz8HloWCv5l3YD8GBv8AxzMHMdD9B3ieboxb86o8A3ctALfA04LPl2LcH07KBOgB+8C4AXwMHABHvpaUpEpgAvRMaq9Mau+BQ6XEGDg0qb03qb3G/RBJIpEerxx+nd8oSIw08ML4XGJ+OWJJ4BW39jPxBXs1EiV4IRPgTRKYzzZwajOzpZSohNvMbAJnvvasAXJH6yglQuAdgSPCtRKN4XUCoRKN4QCRzcwLsFojMsI9GdKfq5RQOPBaNwN5KmeiBRyoXwKVhBauFQj5vraeasCiJgMEN6tGArXwphIhAguf8wYdUyUQ0mSatO0ggdAOp23bJYGpcF/bXhtLSDNwq4RrJEqbGmkGDLCmhNdK4Nr9yty9qSSw4YvsKOGVEr7Wqa89IxDZzDwAm0KhfFM6UcCLGfnxqxVwgMcEd1ySsg6c4LZRpZ1MQDo48ZUKOMBXgjurVWVjweCQ1Il/xsCwBaBthjHQxx0U/zofQD8CsJnZwx1Su/wcz4tH9DYpHs3z4/kQ6JvUXnwDPTL+YkzgfuoAAAAASUVORK5CYII=")
}