@import url(https://fonts.googleapis.com/css2?family=Radio+Canada:wght@400;500;600&display=swap);
                            * {
                                margin: 0;
                                padding: 0;
                                box-sizing: border-box;
                                font-family: "Radio Canada", sans-serif !important;
                            }
                            
                             :root {
                                --frotaCor1: #ecc859;
                                --frotaCor2: rgb(238, 233, 207);
                                --frotaCor3: #c2af7d;
                                --frotaCor4: rgb(236, 200, 89, 0.25);
                                --frotaSemRoteiroCor1: #999;
                                --frotaSemRoteiroCor2: #eee;
                                --CooperativaSeletivaCor1: rgb(81, 189, 99);
                                --CooperativaSeletivaCor2: rgb(212, 247, 216);
                                --CooperativaSeletivaCor3: rgb(62, 131, 73);
                                --CooperativaSeletivaCor4: rgba(76, 145, 55, 0.25);
                                --CasCor1: #59b6ec;
                                --CasCor2: rgb(207, 226, 238);
                                --CasCor3: #4a8aaf;
                                --CasCor4: rgba(89, 148, 236, 0.25);
                                --PapeleiraCor1: #faab66;
                                --PapeleiraCor2: #F8E182;
                                --PapeleiraCor3: #F1C40F;
                                --PapeleiraCor4: #E67E22;
                                --PracaCor1: #F67467;
                                --PracaCor2: #FAA9A1;
                                --PracaCor3: #E74C3C;
                                --PracaCor4: #CB1806;
                                --EscolaCor1: #ba82ee;
                                --EscolaCor2: #e5caf7;
                                --EscolaCor3: #8c3ce7;
                                --EscolaCor4: #580579;
                                --IPLCor1: #c4a88f;
                                --IPLCor2: #9b8f5c;
                                --IPLCor3: #dac56c;
                                --IPLCor4: #6b6a5a;
                            }
                            
                            .frota {
                                /*ClassName do Pop dos marcadores*/
                                width: 22rem!important;
                            }
                            
                            .btMicrofone {
                                position: absolute;
                                background-color: #d8edfa;
                                opacity: 0.8;
                                left: 48%;
                                bottom: 3rem;
                                width: 3rem;
                                height: 3rem;
                                z-index: 999;
                                border-radius: 50% 50% 5% 50%;
                                border: 1px solid rgba( 255, 255, 255, 0.18);
                                box-shadow: 0.01rem 0.1rem 0.2rem #555;
                                transform: rotate(45deg);
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                            
                            .btMicrofone img {
                                width: 85%;
                                height: 85%;
                                transform: rotate(-45deg);
                            }
                            /*
Outros: rem
W e H: %

*/
                            /*
█▀█ █▀█ █ █▀▀ █ █▄░█ ▄▀█ █░░
█▄█ █▀▄ █ █▄█ █ █░▀█ █▀█ █▄▄
*/
                            
                            html,
                            body {
                                height: 100%;
                                padding: 0;
                                margin: 0;
                                position: relative;
                                width: 100%;
                                overflow: hidden;
                                background-color: #11101d;
                            }
                            
                            .off {
                                opacity: 0!important;
                                transition: .3s opacity;
                                transition-timing-function: ease-in-out;
                                /*display: none!important;*/
                            }
                            
                            .off2 {
                                transform: scale(0)!important;
                                transition: .3s all;
                                transition-timing-function: ease-in-out;
                                /*display: none!important;*/
                            }
                            
                            #map {
                                position: absolute;
                                height: 100% !important;
                                width: 100%;
                                transition: all 2s ease-in;
                            }
                            
                            .tituloTI {
                                text-align: center;
                                margin-top: 310px;
                            }
                            
                            .logoTI {
                                text-align: center;
                                margin-top: 70px;
                            }
                            
                            #aviso::after {
                                content: " - ✖ Fechar ";
                            }
                            /*  
                            █▀█ █▄▄ ░░█   █▀▄▀█ ▄▀█ █▀█ ▄▀█
                            █▄█ █▄█ █▄█   █░▀░█ █▀█ █▀▀ █▀█
*/
                            
                            .infoMap {
                                font-family: Georgia, 'Times New Roman', Times, serif !important;
                                font-size: 10pt !important;
                            }
                            
                            .formFlyFrota {
                                display: block;
                                margin: 20px
                            }
                            
                            .boxDadosMarker {
                                display: flex;
                                flex-wrap: wrap;
                                flex-direction: row;
                                align-items: flex-start;
                                justify-content: space-around;
                            }
                            
                            .boxDadosMarker div {
                                flex: 1 1 25%;
                                align-content: center;
                                margin: 2%;
                            }
                            
                            .boxDadosMarker .subTitulo {
                                flex: 0 0 100%;
                                align-content: center;
                                text-align: center;
                                margin-top: 3% !important;
                                background-color: #efefef;
                                border-radius: 6px;
                                padding: 0.5%
                            }
                            
                            .boxDadosMarker .subTituloFilho {
                                align-content: center;
                                flex: 0 0 100%;
                            }
                            /* .boxDadosMarker>div:first-child {
    flex: 0 1 100%;
    align-content: center;
    text-align: center;
} */
                            
                            .alinharCentro {
                                text-align: center;
                                display: inline;
                            }
                            
                            .boxDadosMarker strong {
                                clear: both;
                                display: block;
                                margin: auto
                            }
                            
                            .on {
                                background: #fff!important;
                                color: #1d1b31 !important;
                            }
                            
                            .leaflet-control-layers-toggle {
                                background-image: url("../icons/iconCamadas.png");
                                width: 36px;
                                height: 36px;
                            }
                            /* 
█ █▀▀ █▀█ █▄░█ █▀▀ █▀
█ █▄▄ █▄█ █░▀█ ██▄ ▄█
*/
                            
                            .iconFrotaPesado {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaFrotaCaminhao.png");
                                background-repeat: no-repeat;
                                background-position: left;
                                background-size: 32px 32px;
                            }
                            
                            .iconFrotaSemRoteiro {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaFrotaCaminhaoPB.png");
                                background-repeat: no-repeat;
                                background-position: left;
                                background-size: 32px 32px;
                            }
                            
                            .iconFrotaPesadoAlerta {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaFrotaCaminhao.png"), url("../icons/iconMapaAlerta.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 32px, 20px 20px
                            }
                            
                            .iconFrotaLeve {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaFrotaLeve.png");
                                background-repeat: no-repeat;
                                background-position: left;
                                background-size: 32px 32px
                            }
                            
                            .iconFrotaLeveAlerta {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaFrotaLeve.png"), url("../icons/iconMapaAlerta.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 32px, 20px 20px
                            }
                            
                            .iconFrotaEquipamento {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaFrotaEquipamento.png");
                                background-repeat: no-repeat;
                                background-position: left;
                                background-size: 32px 27px
                            }
                            
                            .iconFrotaEquipamentoAlerta {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaFrotaEquipamento.png"), url("../icons/iconMapaAlerta.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 27px, 20px 20px
                            }
                            
                            .iconCasPadrao {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCasPadrao.png");
                                background-repeat: no-repeat;
                                background-position: left;
                            }
                            
                            .iconCasRemocao {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCasPadrao.png"), url("../icons/iconCasRemocao.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 27px, 16px 16px
                            }
                            
                            .iconCasLimpeza {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCasPadrao.png"), url("../icons/iconCasLimpeza.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 27px, 16px 16px
                            }
                            
                            .iconCasVetores {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCasPadrao.png"), url("../icons/iconCasVetores.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 27px, 16px 16px
                            }
                            
                            .iconCasColetaDomiciliar {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCasPadrao.png"), url("../icons/iconCasColetaDomiciliar.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 27px, 16px 16px
                            }
                            
                            .iconCasManejoArboreo {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCasPadrao.png"), url("../icons/iconCasManejoArboreo.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 27px, 16px 16px
                            }
                            
                            .iconCasColetaSeletiva {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCasPadrao.png"), url("../icons/iconCasColetaSeletiva.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 27px, 16px 16px
                            }
                            
                            .iconCoopSeletivaPadrao {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaCoopSeletivaPadrao.png"), url("../icons/iconMapaAlerta.png");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 17px -1px;
                                background-size: 32px 32px, 20px 20px
                            }
                            
                            .iconSede {
                                width: 65px;
                                height: 40px;
                                /* background-image: url("../icons/novaMarcaMenor.PNG"), url("../icons/logo.png"); */
                                background-image: url("../icons/novaMarcaMenor.PNG");
                                background-repeat: no-repeat, no-repeat;
                                background-position: left, 45px -1px;
                                background-size: 20px 16px, 10px 7px
                            }
                            
                            .iconRotaPontos::before {
                                /*content: '⏱';*/
                            }
                            
                            .iconPapeleiraPadrao {
                                width: 16px;
                                height: 16px;
                                background-image: url("../icons/iconMapaPapeleiraPadrao.png");
                                background-repeat: no-repeat;
                                background-position: left;
                                background-size: contain;
                            }

                            .polyline-label{
                                /* font-size: 1rem;
                                background-color: #1c87c9;
                                color: #fff; */
                                /* width: 0.5rem;
                                height: 0.5rem; */
                                padding:0.1rem;
                                border-radius: 50%;
                                background-color: rgb(151, 3, 3);
                                opacity:0.5 ;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                font-size: 0.5rem;
                                color: white;
                            }

                            .btOpacity{opacity: 0.2;}
                            
                            
                            .iconPraca {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaPracaPadrao.png");
                                background-repeat: no-repeat;
                                background-position: left;
                            }
                            
                            .iconEscolaPadrao {
                                width: 40px;
                                height: 40px;
                                background-image: url("../icons/iconMapaEscolaPadrao.png");
                                background-repeat: no-repeat;
                                background-position: left;
                            }
                            /* 
█ █▀▀ █▀█ █▄░█ █▀▀ █▀   █▀▀ █░░ █░█ █▀ ▀█▀ █▀▀ █▀█ █▀
█ █▄▄ █▄█ █░▀█ ██▄ ▄█   █▄▄ █▄▄ █▄█ ▄█ ░█░ ██▄ █▀▄ ▄█
*/
                            
                            .clusterFrota,
                            .clusterCas,
                            .clusterCooperativaSeletiva,
                            .clusterFrotaSemRoteiro,
                            .clusterPapeleira,
                            .clusterPraca,
                            .clusterEscola,.clusterIPL {
                                border-radius: 50%;
                                text-align: center;
                                height: 4em;
                                width: 4em;
                                box-shadow: 2px 2px 5px #555
                                /*0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);*/
                            }
                            
                            .clusterFrotaSemRoteiro {
                                background: var(--frotaSemRoteiroCor1);
                            }
                            
                            .clusterFrota {
                                background: var(--frotaCor1);
                            }
                            
                            .clusterCas {
                                background: var(--CasCor1)
                            }
                            
                            .clusterCooperativaSeletiva {
                                background: var(--CooperativaSeletivaCor1);
                            }
                            
                            .clusterPapeleira {
                                background: var(--PapeleiraCor1);
                            }
                            
                            .clusterPraca {
                                background: var(--PracaCor1);
                            }
                            
                            .clusterEscola {
                                background: var(--EscolaCor1);
                            }
                                                        

                            .clusterIPL {
                              background: var(--IPLCor4);
                              color:#fff;
                            }
                            
                            
                            .giraConteudo {
                                position: absolute;
                                margin: 1%;
                                width: 50%;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                                font-weight: bold;
                            }
                            
                            .giraDentroFrota,
                            .giraDentroCas,
                            .giraDentroCooperativaSeletiva,
                            .giraDentroFrotaSemRoteiro,
                            .giraDentroPapeleira,
                            .giraDentroPraca,.giraDentroIPL {
                                position: absolute;
                                width: 85%;
                                height: 85%;
                                top: 8%;
                                left: 8%;
                                border-radius: 50%;
                                animation: gira 5s ease 10s alternate infinite;
                            }
                            
                            .giraDentroFrota {
                                background-image: linear-gradient(var(--frotaCor1), var(--frotaCor2));
                            }
                            
                            .giraDentroCas {
                                background-image: linear-gradient(var(--CasCor1), var(--CasCor2));
                            }
                            
                            .giraDentroCooperativaSeletiva {
                                background-image: linear-gradient(var(--CooperativaSeletivaCor1), var(--CooperativaSeletivaCor2));
                            }
                            
                            .giraDentroFrotaSemRoteiro {
                                background-image: linear-gradient( var(--frotaSemRoteiroCor1), var(--frotaSemRoteiroCor2))
                            }
                            
                            .giraDentroPapeleira {
                                background-image: linear-gradient( var(--PapeleiraCor4), var(--PapeleiraCor1))
                            }
                            
                            .giraDentroPraca {
                                background-image: linear-gradient( var(--PracaCor4), var(--PracaCor1))
                            }
                            
                            .giraDentroEscola {
                                background-image: linear-gradient( var(--EscolaCor4), var(--EscolaCor1))
                            }

                            .giraDentroIPL{
                                background-image: linear-gradient( var(--IPLCor3), var(--IPLCor4))
                            }
                            
                            @keyframes gira {
                                from {
                                    transform: rotate(0deg);
                                    opacity: 1;
                                }
                                to {
                                    transform: rotate(360deg);
                                    opacity: 0.2;
                                }
                            }
                            /*

█▄▄ █▀█ ▀█▀ █▀█ █▀▀ █▀   █▀▄▀█ █▀▀ █▄░█ █░█
█▄█ █▄█ ░█░ █▄█ ██▄ ▄█   █░▀░█ ██▄ █░▀█ █▄█

*/
                            
                            .boxMenu {
                                position: absolute;
                                right: 1rem;
                                top: 0;
                                display: flex;
                                flex-wrap: nowrap;
                                flex-direction: column;
                                align-items: flex-end;
                                justify-content: flex-start;
                                z-index: 999;
                                width: 21rem;
                                height: 100%;
                                overflow-y: auto;
                                overflow-x: hidden;
                                /*parameto para poder acessar elementos underneath esta camada*/
                                pointer-events: none;
                            }
                            
                            .btCamadaBase {
                                position: relative;
                                /*parameto para poder acessar elementos desta camada pelo mouse*/
                                pointer-events: auto;
                            }
                            
                            .btCamadaAux {
                                border-radius: 50% 50% 5% 50%;
                                border: 1px solid rgba( 255, 255, 255, 0.18);
                                height: 3rem;
                                width: 3rem;
                                margin: 1rem 0.5rem;
                                box-shadow: 0.01rem 0.1rem 0.2rem #555;
                                align-content: center;
                                opacity: 0.6;
                                transform: rotate(0);
                                /*2px 2px 5px #555;*/
                                -webkit-transition: transform .2s ease-in-out;
                                -ms-transition: transform .2s ease-in-out;
                                transition: transform .2s ease-in-out;
                                cursor: pointer;
                            }
                            
                            .btCamadaAux:hover {
                                -webkit-transition: transform .2s ease-in-out;
                                -ms-transition: transform .2s ease-in-out;
                                transform: rotate(140deg)!important;
                            }
                            
                            .btCamadaConteudo:hover+.btCamadaAux {
                                -webkit-transition: transform .2s ease-in-out;
                                -ms-transition: transform .2s ease-in-out;
                                transform: rotate(140deg);
                            }
                            
                            .btCamadaConteudo {
                                position: absolute;
                                text-align: center;
                                width: 50%;
                                top: 1.5rem;
                                left: 2rem;
                                transform: translate(-53%, -12%);
                                /* transform: translate(-53%, -12%); */
                                z-index: 998;
                                line-height: 1.9rem;
                                cursor: pointer
                            }
                            
                            .btCamadaConteudo img {
                                margin-top: 0.5rem;
                                width: 75%;
                                height: 75%;
                                -webkit-filter: drop-shadow(2px 2px 2px #222);
                                filter: drop-shadow(2px 2px 2px #222);
                            }
                            /* .btAnima {
    animation: animaHoverOut 200ms ease-in;
    animation-fill-mode: forwards;
}

.btAnima:hover {
    animation: animaHoverIn 500ms ease-out;
    animation-fill-mode: forwards;
} */
                            
                            .btCamadaFrota {
                                background: linear-gradient(188deg, var(--frotaCor3) 36%, var(--frotaCor1) 64%);
                            }
                            
                            .btCamadaCas {
                                background: linear-gradient(188deg, var(--CasCor3) 36%, var(--CasCor1) 64%);
                            }
                            
                            .btCamadaCooperativaSeletiva {
                                background: linear-gradient(188deg, var(--CooperativaSeletivaCor3) 36%, var(--CooperativaSeletivaCor1) 64%);
                            }
                            
                            .btCamadaPapeleira {
                                background: linear-gradient(188deg, var(--PapeleiraCor4) 36%, var(--PapeleiraCor1) 64%);
                            }
                            
                            .btCamadaPraca {
                                background: linear-gradient(188deg, var(--PracaCor4) 36%, var(--PracaCor1) 64%);
                            }
                            
                            .btCamadaEscola {
                                background: linear-gradient(188deg, var(--EscolaCor4) 36%, var(--EscolaCor1) 64%);
                            }
                            
                            .notransition {
                                -webkit-transition: none !important;
                                -moz-transition: none !important;
                                -o-transition: none !important;
                                transition: none !important;
                            }
                            /* @keyframes animaHoverIn {
    0% {
        transform: rotate(0);
    }
    75% {
        transform: rotate(175deg);
    }
    100% {
        transform: rotate(140deg);
    }
}

@keyframes animaHoverOut {
    from {
        transform: rotate(140deg);
    }
    to {
        transform: rotate(0);
    }
} */
                            /* .boxDadosMarker {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
}

.boxDadosMarker div {
    flex: 1 1 25%;
    align-content: center;
    margin: 2%;
} */


                            #btAP {
                                position: fixed;
                                bottom: 5rem;
                                right: 0.7rem;
                                padding: 0.3rem;
                                z-index:999;
                                display: fixed;                                
                                font-size: 16px;
                                font-weight: bold;
                                color: #ffffff;
                                background-color:#3f8fd2;
                                border: none;
                                border-radius: 30px;
                                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
                                transition: all 0.3s ease-in-out;
                                cursor:pointer;
                              }
                              
                              #btAP:hover {
                                background-color:  #6ac9ff;
                                box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
                              }
                            
                            .btMiniFiltroAux {
                                opacity: 0.7;
                                box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
                                border-radius: 50%;
                                position: absolute;
                                top: 1.5rem;
                                left: -2.9rem;
                                z-index: 997;
                                width: 2rem;
                                height: 2rem;
                                padding: 0.3rem 0.4rem;
                                opacity: 1;
                                transform: scale(1);
                                transition: .1s all;
                                transition-timing-function: ease-in-out;
                                cursor: pointer;
                            }
                            
                            .btMiniFiltroAux:hover {
                                transform: scale(1.3);
                                transition: .1s all;
                                transition-timing-function: ease-in-out;
                            }
                            
                            .btMiniFiltroFrota,
                            .btMiniFiltroFrota+.btMiniInfo span {
                                background-color: var(--frotaCor1);
                            }
                            
                            .btMiniFiltroFrota:hover {
                                background: linear-gradient(188deg, var(--frotaCor3), var(--frotaCor1)) !important;
                            }
                            
                            .btMiniFiltroCas,
                            .btMiniFiltroCas+.btMiniInfo span {
                                background-color: var(--CasCor1);
                            }
                            
                            .btMiniFiltroCas:hover {
                                background: linear-gradient(188deg, var(--CasCor3), var(--CasCor1)) !important;
                            }
                            
                            .btMiniFiltroCooperativaSeletiva,
                            .btMiniFiltroCooperativaSeletiva+.btMiniInfo span {
                                background-color: var(--CooperativaSeletivaCor1);
                            }
                            
                            .btMiniFiltroCooperativaSeletiva:hover {
                                background: linear-gradient(188deg, var(--CooperativaSeletivaCor3), var(--CooperativaSeletivaCor1))!important;
                            }
                            
                            .btMiniFiltroPapeleira,
                            .btMiniFiltroPapeleira+.btMiniInfo span {
                                background-color: var(--PapeleiraCor1);
                            }
                            
                            .btMiniFiltroPapeleira:hover {
                                background: linear-gradient(188deg, var(--PapeleiraCor4), var(--PapeleiraCor1))!important;
                            }
                            
                            .btMiniFiltroPraca,
                            .btMiniFiltroPraca+.btMiniInfo span {
                                background-color: var(--PracaCor1);
                            }
                            
                            .btMiniFiltroPraca:hover {
                                background: linear-gradient(188deg, var(--PracaCor4), var(--PracaCor1))!important;
                            }
                            
                            .btMiniFiltroEscola,
                            .btMiniFiltroEscola+.btMiniInfo span {
                                background-color: var(--EscolaCor1);
                            }
                            
                            .btMiniFiltroEscola:hover {
                                background: linear-gradient(188deg, var(--EscolaCor4), var(--EscolaCor1))!important;
                            }
                            
                            .btMiniInfo {
                                position: absolute;
                                top: 4.2rem;
                                left: -0.4rem;
                                z-index: 996;
                                width: 5.1rem;
                                font-size: 0.8rem;
                                text-align: center;
                                transform: scale(1);
                                transition: .1s all;
                                transition-timing-function: ease-in-out;
                                cursor: zoom-in;
                            }
                            
                            .btMiniInfo:hover {
                                left: -1.4rem;
                                transform: scale(1.5);
                                transition: .1s all;
                                transition-timing-function: ease-in-out;
                            }
                            
                            .boxFiltroAux {
                                width: 15rem;
                                height: 10rem;
                                overflow-y: auto;
                                overflow-x: clip;
                                position: absolute;
                                padding-right: 3rem;
                                z-index: 100;
                                right: 4.3rem;
                                top: 1rem;
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                justify-content: flex-start;
                                box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
                                backdrop-filter: blur( 4px);
                                -webkit-backdrop-filter: blur( 4px);
                                border-radius: 10px;
                                border: 1px solid rgba( 255, 255, 255, 0.18);
                                transform: scale(1);
                                transition: .3s all;
                                transition-timing-function: ease-in-out;
                            }
                            
                            .boxFiltroAux div {
                                flex: 1 1 100%;
                                margin: 0.5rem;
                                font-size: 0.8rem;
                            }
                            
                            .boxFiltroAux div select {
                                width: 100%;
                            }
                            
                            .boxFiltroAux div button {
                                font-size: 0.8rem;
                            }
                            
                            .boxFiltroFrota {
                                background: var(--frotaCor4);
                            }
                            
                            .boxFiltroCas {
                                background: var(--CasCor1);
                            }
                            
                            .boxFiltroCooperativaSeletiva {
                                background: var(--CooperativaSeletivaCor4);
                            }
                            
                            .boxFiltroPapeleira {
                                background: var(--PapeleiraCor4);
                            }
                            
                            .boxFiltroPraca {
                                background: var(--PracaCor2);
                            }
                            
                            .boxFiltroEscola {
                                background: var(--EscolaCor2);
                            }
                            
                             ::-webkit-scrollbar {
                                width: 7px;
                                opacity: 0.5;
                            }
                            
                             ::-webkit-scrollbar-track {
                                background: #f1f1f1;
                            }
                            
                             ::-webkit-scrollbar-thumb {
                                background: #888;
                            }
                            
                             ::-webkit-scrollbar-thumb:hover {
                                background: #555;
                            }
                            /* .tFrotaSemRoteiro {
    background-image: linear-gradient( #999, #eee)
} */
                            /* 
▀█▀ █▀█ █▀█ █░░ ▀█▀ █ █▀█
░█░ █▄█ █▄█ █▄▄ ░█░ █ █▀▀
*/
                            
                            .tooltip,
                            .tooltipEmpregado {
                                position: relative;
                                cursor: pointer;
                            }
                            
                            .tooltip .tooltiptext,
                            .tooltipEmpregado .tooltipEmpregadoText {
                                visibility: hidden;
                                width: 100%;
                                background-color: #555;
                                color: #fff;
                                text-align: center;
                                border-radius: 6px;
                                padding: 10px;
                                position: absolute;
                                z-index: 1;
                                bottom: 80%;
                                left: 80%;
                                margin-left: -60px;
                                opacity: 0;
                                transition: opacity 0.3s;
                                word-break: break-word!important;
                            }
                            
                            .tooltip .tooltiptext::after,
                            .tooltipEmpregado .tooltipEmpregadoText::after {
                                content: "";
                                position: absolute;
                                top: 100%;
                                left: 50%;
                                margin: auto;
                                border-width: 5px solid #555 transparent transparent transparent;
                            }
                            
                            .tooltipEmpregado .tooltipEmpregadoText {
                                background-color: rgb(158, 123, 6)!important;
                                font-size: 10px!important;
                            }
                            
                            .tooltip:hover .tooltiptext,
                            .tooltipEmpregado:hover .tooltipEmpregadoText {
                                visibility: visible;
                                opacity: 1;
                            }
                            /* 
█▀▀ █▀█ █░░ ▄▀█ █▀█ █▀ █▀▀
█▄▄ █▄█ █▄▄ █▀█ █▀▀ ▄█ ██▄
*/
                            
                             :root {
                                --space-xxs: 4px;
                                --space-xs: 8px;
                                --space-sm: 16px;
                                --space: 24px;
                                --space-md: 32px;
                                --space-lg: 48px;
                                --space-xlg: 64px;
                                --screen-sm: 768px;
                                --gray: #555;
                                --gray-dark: #333;
                                --gray-darker: #111;
                                --gray-light: #f1f1f1;
                                --gray-lighter: #fafafa;
                                --blue: #187888;
                                --yellow: #e6af05;
                                --white: #fff;
                                --black: #000;
                                --brand-primary: var(--blue);
                                --background: var(--white);
                                --text-color: var(--gray-darker);
                            }
                            
                            details summary {
                                list-style: none;
                            }
                            
                            .collapse {
                                border: solid 1px var(--gray-lighter);
                                border-radius: 4px;
                                box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
                                margin: 0 auto;
                                width: 200px;
                                /* max-width: 500px;*/
                                transition: background-color 0.25s;
                                will-change: background-color;
                            }
                            
                            .collapse:first-child {
                                margin-top: var(--space);
                            }
                            
                            .collapse:not(:last-child) {
                                margin-bottom: var(--space-sm);
                            }
                            
                            .collapse:hover {
                                background-color: var(--gray-lighter);
                                /*
      .title:after {
        content: "🙂";
      }*/
                            }
                            
                            .collapse[open] .titleNew:after {
                                content: "➖";
                            }
                            
                            .titleNew {
                                cursor: pointer;
                                /* font-weight: 600; */
                                padding: var(--space-sm);
                                position: relative;
                            }
                            
                            .titleNew:after {
                                content: "➕";
                                position: absolute;
                                right: var(--space-sm);
                                transform: translatey(-50%);
                                top: 50%;
                            }
                            
                            .description {
                                border-top: var(--gray-light) solid 1px;
                                /* // font-size: 14px;
    // line-height: 21px;
    // padding: var(--space-sm); */
                            }
                            /* 
▄▀█ █▄░█ █ █▀▄▀█ ▄▀█
█▀█ █░▀█ █ █░▀░█ █▀█

The animation property is a shorthand property for:

animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
*/
                            
                            .iconCssCarregando {
                                opacity: 1;
                                transition: .3s opacity;
                                transition-timing-function: ease-in-out;
                            }
                            
                            .iconCssCarregando::before {
                                animation: 1.5s linear infinite spinner;
                                animation-play-state: inherit;
                                border: solid 5px #333;
                                border-bottom-color: #1c87c9;
                                border-radius: 50%;
                                content: "";
                                background-color: #fff;
                                height: 1.5rem;
                                width: 1.5rem;
                                position: absolute;
                                transform: translate3d(-50%, -50%, 0);
                                will-change: transform;
                            }
                            
                            .btCamadaConteudo .iconCssCarregando::before {
                                height: 2.2rem;
                                width: 2.2rem;
                                top: 1rem;
                                left: 1rem;
                                z-index: -1;
                            }
                            
                            .animaFadeInOut {
                                background: #AAA;
                                -webkit-animation: fadeinout 2s linear forwards;
                                animation: fadeinout 2s linear forwards;
                                opacity: 0;
                            }
                            
                            @-webkit-keyframes fadeinout {
                                0%,
                                100% {
                                    opacity: 0;
                                }
                                50% {
                                    opacity: 1;
                                }
                            }
                            
                            @keyframes fadeinout {
                                0%,
                                100% {
                                    opacity: 0;
                                }
                                50% {
                                    opacity: 1;
                                }
                            }
                            
                            @-webkit-keyframes spinner {
                                0% {
                                    transform: translate3d(-50%, -50%, 0) rotate(0deg);
                                }
                                100% {
                                    transform: translate3d(-50%, -50%, 0) rotate(360deg);
                                }
                            }
                            
                            @keyframes spinner {
                                0% {
                                    transform: translate3d(-50%, -50%, 0) rotate(0deg);
                                }
                                100% {
                                    transform: translate3d(-50%, -50%, 0) rotate(360deg);
                                }
                            }