.controls #compare.subdivisao-selecionada,
.controls #comparacao.subdivisao-selecionada,
.controls #comparacaoEspecifico.subdivisao-selecionada {
	display: none;
}

/* cores do cartograma genérico */
.mapa svg g path.empty        { fill: lightgray; }
.mapa svg g path.color0       { fill: #00253d; }
.mapa svg g path.color0:hover { fill: #22364e; }
.mapa svg g path.color1       { fill: #006379; }
.mapa svg g path.color1:hover { fill: #227490; }
.mapa svg g path.color2       { fill: #36899a; }
.mapa svg g path.color2:hover { fill: #58899a; }
.mapa svg g path.color3       { fill: #54aab6; }
.mapa svg g path.color3:hover { fill: #76aab6; }
.mapa svg g path.color4       { fill: #84d5db; }
.mapa svg g path.color4:hover { fill: #a6d5db; }

.mapa-distritos,
.mapa-subdistritos,
.mapa-setores-censitarios {
	margin-top: -20px;
}

.mapa-distritos #mapa-menu-distritos,
.mapa-subdistritos #mapa-menu-subdistritos,
.mapa-setores-censitarios #mapa-menu-setores {
	z-index: 1;
}

.legenda.mapa-populacao{
	/* width: 45%; */
}

.legenda.mapa-populacao .legenda-tipoA{
	width: 100%;
    background-color: #006379;
    color: #fff;
    padding: 20px 10px;
    box-sizing: border-box;
	font-size: .8em;
	font-weight: 600;
	display: flex;
	margin-bottom: 3px;
}

.legenda.mapa-populacao .legenda-tipoA .valor{
	margin-left: auto;
	padding: 5px 0px;
	align-self: center;
}

.legenda.mapa-populacao .legenda-tipoA .valor span{
	font-weight: 300;
	font-size: .8em;
}

.legenda.mapa-populacao .legenda-tipoA .label{
	background-repeat: no-repeat;
    padding: 6px 0px 6px 40px;
    background-size: 26px;
}

.legenda.mapa-populacao .legenda-tipoA .label.area{
	background-image: url('../imagens/panorama-area.svg');
	background-position: center left;
}

.legenda.mapa-populacao .legenda-tipoA .label.densidadeDemografica{
	background-image: url('../imagens/panorama-densidade-demografica.svg');
	background-position: center left;
	width: 100px;
}

.legenda.mapa-populacao .legenda-tipoB{
	/* width: 300px; */
    /* background-color: #eaeaeb; */
    padding: 20px 10px;
    box-sizing: border-box;
	font-size: .85em;
	display: flex;
	margin-bottom: 3px;
}

.legenda.mapa-populacao .legenda-tipoB li{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.legenda.mapa-populacao .legenda-tipoB li:last-child{
	margin-bottom: 0px;
}

.legenda.mapa-populacao .legenda-tipoB li div{
	width: 20px;
    height: 13px;
    margin-right: 10px;
}
.legenda.mapa-populacao .legenda-tipoB li div.color0 { background-color: #00253d; }
.legenda.mapa-populacao .legenda-tipoB li div.color1 { background-color: #006379; }
.legenda.mapa-populacao .legenda-tipoB li div.color2 { background-color: #36899a; }
.legenda.mapa-populacao .legenda-tipoB li div.color3 { background-color: #54aab6; }
.legenda.mapa-populacao .legenda-tipoB li div.color4 { background-color: #84d5db; }

.card .lista{
    background-color: #ededed;
    padding: 8px;
    margin-block: 2px;
    font-weight: bold;
	font-family: 'Rawline', Arial, sans-serif;
}

.card .box {
	height: 322px;
	overflow-x: hidden;
	overflow-y: auto;
}

.card .box::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

/* Define the thumb style */
.card .box::-webkit-scrollbar-thumb {
	background: #6d6a70;
	border-radius: 5px;
}
  
/* Define the track style */
.card .box::-webkit-scrollbar-track {
	background-color: #ddd;
	border: 1px solid #ccc;
}
  
/* Define the button style */
/* .card .box::-webkit-scrollbar-button {
	background-color: #4d7fff;
	border-radius: 5px;
} */
  
/* Define the button style when being hovered over */
.card .box::-webkit-scrollbar-button:hover {
	background-color: #999999;
}

.card .grafico.grafico-lado-a-lado {
	display: flex;
	flex-direction: column;
}
.card .grafico.grafico-lado-a-lado .grafico-divs {
	display: flex;
	flex-direction: row;
}
.card .grafico.grafico-lado-a-lado .grafico-divs .chartDiv{
	flex: 1;
}
/* card legendaInferior */
.card.legendaInferior .grafico{
	width: 100%;
}

.card.legendaInferior .legenda{
	margin-top: auto;
	padding-top: 10px;
}

.card.legendaInferior .legenda ul{
	display: flex;
	flex-wrap: wrap;
}
.grafico-piramideEtaria .item .containerGrafico-1, .grafico-piramideEtaria .item .containerGrafico-2{
	height: 12px;
}

/* cores do mapa de razão de sexo */
.mapa#mapa-razao-de-sexo svg g path.empty        { fill: lightgray; }
.mapa#mapa-razao-de-sexo svg g path.color0       { fill: hsl(320, 30%, 35%); }
.mapa#mapa-razao-de-sexo svg g path.color0:hover { fill: hsl(320, 15%, 45%); }
.mapa#mapa-razao-de-sexo svg g path.color1       { fill: hsl(310, 35%, 45%); }
.mapa#mapa-razao-de-sexo svg g path.color1:hover { fill: hsl(310, 20%, 55%); }
.mapa#mapa-razao-de-sexo svg g path.color2       { fill: hsl(250, 40%, 55%); }
.mapa#mapa-razao-de-sexo svg g path.color2:hover { fill: hsl(250, 20%, 65%); }
.mapa#mapa-razao-de-sexo svg g path.color3       { fill: hsl(200, 45%, 45%); }
.mapa#mapa-razao-de-sexo svg g path.color3:hover { fill: hsl(200, 25%, 55%); }
.mapa#mapa-razao-de-sexo svg g path.color4       { fill: hsl(190, 50%, 35%); }
.mapa#mapa-razao-de-sexo svg g path.color4:hover { fill: hsl(190, 30%, 45%); }  

@media (max-width: 1160px){
	.row-50{
		width: 66.66%;
	}
}

@media (max-width: 768px){
	.card .grafico.grafico-lado-a-lado .grafico-divs{
		display: block;
	}
}