﻿.btn-mostrar-itens.active > div::after {
    content: ' Aplicados';
}

.btn-mostrar-itens:has(~ #filtros.collapse:not(.show))  {
    border-color: transparent;
}
.btn-mostrar-itens:has(~ #filtros.collapse.show) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

#filtros select,
#filtros input[type="date"],
#filtros input[type="text"]:placeholder-shown ~ label {
    color: darkgray;
}
    #filtros select:valid,
    #filtros input[type="date"]:valid,
    #filtros input[type="text"]:not(:placeholder-shown) {
        color: dodgerblue;
    }

#filtros select option {
    color: initial;
}



ol.list-multilevel-1 {
    counter-reset: level1;
}

    ol.list-multilevel-1 > li {
        counter-increment: level1;
    }

        ol.list-multilevel-1 > li::marker {
            content: counter(level1) ". ";
        }

ol.list-multilevel-2 {
    counter-reset: level2;
}

    ol.list-multilevel-2 > li {
        counter-increment: level2;
    }

        ol.list-multilevel-2 > li::marker {
            content: counter(level1) "." counter(level2) ". ";
        }


    /*ol.list-multilevel-2.list-sticky > li::marker {
        content: "";
    }*/

    ol.list-multilevel-2.list-sticky > li::before {
        content: counter(level1) "." counter(level2) ". ";
        position: sticky;
        top: 0;
        float: left;
        margin-left: -27px;
        background: white;
    }

ol.list-sticky > li > .list-sticky-item-label {
    display: inline-block;
    width: 100%;
    position: sticky;
    top: 0;
    outline: 1px solid white;
    background: white;
    z-index: 100;
}

thead.thead-sticky > tr > th {
    position: sticky;
    top: 20px;
}


#modalReportOptions .lista-ordenacao-colunas {
    min-width: 654px;
    width: unset;
    height: 28px;
    padding: 2px;
    gap: 2px;
}
    #modalReportOptions .lista-ordenacao-colunas .coluna {
        border: none;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
        font-size: 12px;
        line-height: 2 !important;
        padding-right: .5rem !important;
        padding-left: .5rem !important;
        white-space: nowrap !important;
        cursor: grab;
    }

#modalReportOptions fieldset:not(.desabilitado):hover .lista-ordenacao-colunas-disponiveis {
    background-color: var(--bs-secondary-bg-subtle) !important;
}    
    #modalReportOptions .lista-ordenacao-colunas-disponiveis .coluna {
        --bs-bg-opacity: 0.5;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
    }

#modalReportOptions fieldset:not(.desabilitado):hover .lista-ordenacao-colunas-utilizadas {
    background-color: var(--bs-primary-bg-subtle) !important;
}
    #modalReportOptions .lista-ordenacao-colunas-utilizadas .coluna {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
    }


/* FIELDSETS "DESABILITADOS" */
#modalReportOptions fieldset.desabilitado {
    background-color: lightgray !important;
    border-color: darkgray !important;
}
    #modalReportOptions fieldset.desabilitado > div {
        pointer-events: none;
    }

    #modalReportOptions fieldset.desabilitado .titulo-colunas {
        visibility: hidden;
    }

    #modalReportOptions fieldset.desabilitado .group-colunas {
        overflow-x: clip !important;
    }
    
    #modalReportOptions fieldset.desabilitado .label-lista-colunas {
        color: darkgray !important;
    }

    #modalReportOptions fieldset.desabilitado .coluna {
        outline: 1px solid darkgray !important;
        background-color: transparent !important;
        color: darkgray !important;
    }
