*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb {
    background-color: gray;
}

[data-card] {
    order: 99;
}
[data-card='suspeitos'][data-card-value] {
    order: 2;
}
[data-card='confirmados'][data-card-value] {
    order: 1;
}
[data-card='fatais'][data-card-value] {
    order: 0;
}

div.myMapChart svg#myMapChart text.labelCidade {
    fill: black;
    stroke: black;
    text-shadow: 0px 0px 2px white;
    user-select: none;
}
div.myMapChart svg#myMapChart text.labelCidade.active {
    fill: white;
    stroke: white;
    text-shadow: 0px 0px 2px black;
}

div.chart-area svg path.layerCidade[data-em-queda].active,
div.chart-area svg path.layerCidade[data-em-queda].active {
    /* fill: rgb(17, 102, 204) !important; */
    fill: hsl(225, 69%, 49%) !important;
}
div.chart-area svg path.layerCidade[data-em-estabilidade].active,
div.chart-area svg path.layerCidade[data-em-estabilidade].active {
    /* fill: rgb(204, 187, 17) !important; */
    fill: hsl(43, 91%, 50%) !important;
}
div.chart-area svg path.layerCidade[data-em-alta].active,
div.chart-area svg path.layerCidade[data-em-alta].active {
    /* fill: rgb(170, 51, 51) !important; */
    fill: hsl(5, 78%, 47%) !important;
}

.chart-area {
    position: relative;
    /* height: 25rem; */
    width: 100%;
}
@media (orientation: landscape) and (max-width: 767px) {
    [data-card='list-city'] .card-body ul.list-city {
        /* height: 30rem; */
        /* height: 80vh; */
    }
    [data-card='mapa-chart-confirmados'] .chart-area,
    [data-card='mapa-chart-fatais'] .chart-area {
        height: 30.2vh !important;
    }
}

@media (min-width: 768px) {
    /* .chart-area, */
    [data-card='list-city'] .card-body ul.list-city,
    [data-card='map-chart'] .chart-area {
        height: 30.2vh;
    }

    [data-card='bar-line-chart'] .chart-area,
    [data-card='line-chart'] .chart-area {
        /*height: 20rem;*/
        /* height: 90vh; */
    }
}

.border-left-gray {
    border-left: 0.25rem solid #b7b9cc !important;
}

@media (min-width: 768px) {
    .region.tab {
        position: absolute;
        min-width: 200px;
        /*height: 27vh;*/
        z-index: 2;
    }
}

.region.tab .infoTile {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    border-bottom: none;
    /*margin-bottom: 20px;*/
}

.region.tab .infoTile .pageName {
    /*font-size: larger;*/
}

.region.tab .infoTile .totalCasos {
    font-size: x-large;
}

.region.tab .legend {
    display: grid;
    grid-template-columns: 15px auto min-content;
    grid-gap: 0px 10px;
    /*font-size: larger;*/
    /*font-size: 1.7em;*/
}
[data-card=mapa-chart-confirmados] .region.tab .legend,
[data-card=mapa-chart-fatais] .region.tab .legend {
    grid-template-columns: repeat(2, auto);
}

.region.tab .legend.legendMapa {
    grid-template-columns: max-content auto;
}

[id*=collapse_] .legend {
    display: grid;
    grid-template-columns: repeat(4, auto);
}

li.city [data-toggle='collapse']:not(.collapsed) {
    color: black !important;
}

li.city [data-toggle='collapse']:not(.collapsed) .list-city-hide {
    display: none;
}

li.city [data-toggle='collapse']:not(.collapsed) .list-city-nome,
.font-weight-bold2{
    font-weight: 600 !important;
}

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgb(255,255,255);
    color: #858796;
    border-radius: 5px;
    border: 1px solid #dddfeb;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    pointer-events: none;
    width: fit-content;
    padding: 0px 6px 4px;
    user-select: none;
}

.chartjs-tooltip-icon i {
    /* margin-right: 5px; */
}
.chartjs-tooltip-key {
    display: inline-block;
    margin-right: 12px;
    margin-left: 4px;
    vertical-align: sub;
}

.region-evolucao.tab .legend.legendPercent {
    display: grid;
    grid-template-columns: auto repeat(3, min-content);
}