/***********
GERAL 
***********/
@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: normal;
	src: local('Rawline Regular'), url('../font/rawline-400.woff') format('woff');
	font-display: swap;
}
    

@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 100;
    src: local('Rawline Thin'), url('../font/rawline-100.woff') format('woff');
	font-display: swap;
}
        

@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 200;
    src: local('Rawline ExtraLight'), url('../font/rawline-200.woff') format('woff');
	font-display: swap;
}
    

@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 300;
    src: local('Rawline Light'), url('../font/rawline-300.woff') format('woff');
	font-display: swap;
}
    

@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 500;
    src: local('Rawline Medium'), url('../font/rawline-500.woff') format('woff');
	font-display: swap;
}
    

@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 600;
    src: local('Rawline SemiBold'), url('../font/rawline-600.woff') format('woff');
	font-display: swap;
}

    
@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 700;
    src: local('Rawline Bold'), url('../font/rawline-700.woff') format('woff');
	font-display: swap;
}
    
@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 800;
    src: local('Rawline ExtraBold'), url('../font/rawline-800.woff') format('woff');
	font-display: swap;
}
    
@font-face {
    font-family: 'Rawline';
    font-style: normal;
    font-weight: 900;
    src: local('Rawline Black'), url('../font/rawline-900.woff') format('woff');
	font-display: swap;
}

b, strong {
	font-weight: 700;
}

body{
	background: url(../imagens/bg_page.png) no-repeat bottom center;
	background-size: cover;
	background-attachment: fixed;
	padding-bottom: 40px;
	overflow-x: none;
	/* border-bottom: 30px solid #004A71; /* "footer" sem links (?) */
}

/* Alteraçõe apenas no Fire Fox */
@-moz-document url-prefix() { 
    .downloadPDF, #hrDownloadPDF  {
        display: none;
    }
}

a {
	text-decoration: none;
}

.printLoading{
	position: fixed;
	margin-top: 142px;
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 1000000;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
}

.printLoading img{
	position: absolute;
    left: 50%;
    top: 35%;
}

.container{
	width: 100%;
	max-width: 1200px;
	padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
	margin-left: auto;
}

.container#__container--main {

}
.controls {
	padding: 10px 0 210px;
	margin-bottom: -190px;
	background: url(../imagens/bg_controls.svg) no-repeat center bottom;
	background-size: cover;
}

.controls .container {	
	position: relative;
	z-index: 2;
}

.page-title {
	padding: 10px 0 100px;
	margin-bottom: -65px;
	background: url(../imagens/bg_controls.svg) no-repeat center bottom;
	background-size: cover;
}

.page-title h1 {
	font-size: 48px;
	font-weight: 500;
	color: #fff;
	max-width: 860px;
	margin: 40px 0 20px;
	line-height: 59px;
}

.mobile-only{
	display: none;
}

.desktop-only{
	display: block;
}

.hidden {
	display: none;
}

/***********
FIM GERAL 
***********/

#header_print,
#footer_print{
	display: none;
}

/***********
HEADER
***********/

header {
	display: flex;
	justify-content: center;
	background-color: #fff;
	padding: 0;
}

header .container {
	display: flex;
	height: 100px;
	align-items: center;
}

header #logoCenso{
	width: 50px;
}
header #logoIBGE{
	width: 100px;
}

header a.logo_secundario{
	display: none
}

header h2{
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
	margin-left: 16px;
	color: #000000;
	transition: color 150ms;
}

header h2:hover{
	color: #154ab0;
}

header nav{
	display: flex;
	margin-top: 0;
	margin-left: 20px;
	font-size: .9em;
	height: 100%;
	width: 100%;
}

header nav ul{
	display: flex;
}

header ul li {
	position: relative;
	display: flex;
	cursor: pointer;
	transition: all 150ms;
	align-items: center;
}

header ul li:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 6px;
	background: #ff811c;
	bottom: 0;
	transform: scaleX(0);
	border-radius: 3px 3px 0 0;
}

header ul li.active:after, header ul li:hover:after{
	-webkit-animation: scale-in-hor-center 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	animation: scale-in-hor-center 250ms cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

header ul li.active, header ul li:hover, header ul li a:hover {
	color: #ff811c;
}

header ul li a {
	border: 0;
	text-decoration: none;
	color: inherit;
	position: relative;
	padding: 0 20px;
	height: 100%;
	display: flex;
	align-items: center;
}

header ul li a[target="_blank"] {
	padding-right: 40px;
}

header ul li a[target="_blank"]:after {
	background: url(../imagens/external.svg) no-repeat right center;
	padding: 0 34px 0 0;
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	right: 19px;
	filter: saturate(0);
	opacity: .5;
	transition: all 150ms;
}

header ul li:hover a[target="_blank"]:after {
	filter: saturate(1);
	opacity: 1;
}

header .menuMobile{
	display: none;
}

/***********
FIM HEADER
***********/

section{
	display: flex;
    justify-content: center;
}

section#main{
	min-height: calc(100vh - 369px);
}

/***********
COMPONENTE FILTRO
***********/

#filtros{
	margin-top: 10px;
	display: flex;
	align-items: start; /* TODO: FIX align de select quilombola/indigena */
	/* margin-bottom: 20px; */
	flex-wrap: wrap;
}

#filtros #local {
	min-width: 325px;
	margin-right: 15px;
}

#filtros .location-info,
.recorte-modal-btn {
	display: inline-block;
	cursor: pointer;
    width: 10px;
    height: 10px;
    /* border-radius: 100%; */
    /* background-color: #cdcdcd; */
    background-image: url(../imagens/interrogacao-local.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    /* box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 14%); */
}

#filtros .select2-selection__clear {
	font-size: 25px;
	float: left;
    margin: 0 5px;
}

#filtros #temas {
	margin-right: 15px;
}

#filtros #selectTemas {
	width: 325px;
	margin-right: 15px;
}

#filtros .compareBtn {
	width: 100%;
	max-width: 240px;
	margin-right: 15px;
	margin-top: 29px;
}
#filtros .compareBtn * {
	cursor: pointer;
}
#filtros #comparacao .closeBtn {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(../imagens/indicadores-fechar-branco.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px;
	margin-left: auto;
	/* right: 5px; */
	top: 6px;
	cursor: pointer;
	transition: all 250ms
}
#filtros #comparacao .labelText {
	position: relative;
	left: 25px;
}

#filtros .filtros-btn{
	display: flex;
	margin-left: auto;
}

.controls label {
	width: 300px;
	position: relative;
	text-transform: uppercase;
	color: #7CB5EC;
	margin-bottom: 11px;
	font-size: 14px;
	display: inline-block;
	line-height: 30px;
	font-weight: 200;
    color: #fff;
    font-size: .8em;
}

.change-location,
.change-theme {
	width: 100%;
}

.controls .chzn-container-single .chzn-single,
.controls .chzn-container-active.chzn-with-drop .chzn-single {
	background: transparent;
	color: #ffffff;
	font-size: 18px;
	height: 33px;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #7cb5ec;
	border-radius: 0;
	padding: 0;
}

.controls .chzn-container-multi .chzn-choices {
	background: transparent url(../imagens/icon-adicionar.svg) no-repeat;
	background-size: 15px;
	background-position: right 10px center;
	color: #ffffff;
	font-size: 18px;
	height: 38px;
	border: none;
	box-shadow: none;
	border: 1px solid #7cb5ec;
	border-radius: 4px;
	padding: 0;
}

.controls .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
	background: transparent;
	color: #ffffff;
	font-size: 16px;
	height: 30px;
	border: none;
	box-shadow: none;
	/* border: 1px solid #7cb5ec; */
	padding: 0 12px;
	font-family: inherit;
}

.controls .chzn-container-active .chzn-choices li.search-field input[type="text"] {
	color: #ffffff !important;
}

.controls .chzn-container-single .chzn-single div b {
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.controls .chzn-container-single .chzn-single div b:after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg);
	transform-origin: center;
	transition: transform 250ms ease-in;
	box-sizing: border-box;
}

.controls .chzn-container-active.chzn-with-drop .chzn-single div b:after {
	transform: rotate(-225deg);
}

.controls .chzn-container-single .chzn-drop {
	margin-top: 5px;
}

.controls .chzn-container .chzn-results li {
	font-size: 17px;
	line-height: 29px;
	padding: 8px 15px;
	transition: all 150ms
}

.controls .chzn-container .chzn-results li:hover,
.controls .chzn-container .chzn-results li.highlighted {
	background: #ff811c;
	color: #fff;
}

.controls .chzn-container .chzn-results {
	color: #000;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 5px 10px;
	max-height: 300px;
	-webkit-overflow-scrolling: touch;
}

#filtros .compartilhar{
	position: relative;
	/* margin-left: auto; */
	height: 37px;
	background: none;
	border: none;
	padding: 17px 26px 0 17px;
	cursor: pointer;
	line-height: 0;
	background-color: #fff;
	color: #154aaf;
	font-size: 14px;
	font-weight: 700;
	margin-top: 29px;
	box-shadow: 0 0 10px rgb(0 0 0 / 45%);
	border-radius: 100px;
	z-index: 1;
	background: url(../imagens/icon-share.svg) no-repeat #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px;
	margin-left: 10px;
	transform: rotate(180deg);
}

#filtros .download{
	position: relative;
	/* margin-left: auto; */
	height: 37px;
	background: none;
	border: none;
	padding: 0 45px 0 17px;
	line-height: 0;
	background-color: #fff;
	color: #154aaf;
	font-size: 14px;
	font-weight: 700;
	margin-top: 15px;
	box-shadow: 0 0 10px rgb(0 0 0 / 45%);
	border-radius: 100px;
	z-index: 1;
	cursor: pointer;
}

#filtros .download:after{
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background-image: url(../imagens/cabecalho-download.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 23px;
	margin-left: auto;
	right: 5px;
	top: 0;
	transition: all 250ms
}

#filtros .download:hover,
#filtros .compartilhar:hover {
	background-color: #ededed;
	box-shadow: 0 0 15px rgb(0 0 0 / 35%);
}

#filtros .disabledDownload{
	background-color: #ffffff6e;
	cursor: default;
}

#filtros .disabledDownload:hover{
	background-color: #ffffff6e;
}

#filtros .downloadContainer{
	margin-left: auto;
	margin-top: 14px;
	position: relative;
}

#filtros .downloadOpt{
	position: absolute;
    width: 100%;
    background: #e5e5e5;
    padding: 20px 0 10px 0;
    margin-top: -20px;
    border-radius: 0 0 4px 4px;
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 45%);
    color: #154aaf;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
}

.downloadOpt li{
	cursor: pointer;
	margin: 12px;
}

#filtros .downloadOpt li:last-child{
	margin-bottom: 6px; 
}

#filtros .downloadOpt li:hover{
	color: #154aaf94
}

.downloadOpt hr{
	margin: 0;
	background: #9f9f9f;
}

.downloadOptClose{
	display: none;
}

.downloadOptOpen{
	display: block;
}

.box-composicao-loc, .box-composicao-comp, .box-composicao {
	width: 100%;
    background-color: #ffd8ba;
    font-weight: bold;
    padding: 15px;
	display: none;
	margin-bottom: 15px;
}

#compMUNs{
	font-weight: normal;
}

/***********
COMPONENTE FILTRO
***********/

/***********
COMPONENTE SELECT
***********/
.select{
	width: 350px;
	margin-right: 30px;
}

.select.aberto ul, .select.aberto .fechar{
	display: block;
}

.select .titulo, .ui-widget label{
	font-weight: 200;
	color: #fff;
	font-size: .8em;
}

.select .label {
	color: #fff;
    padding: 10px 0px;
    border-bottom: 1px solid #73abe6;
    font-size: 1.2em;
    font-weight: 600;
    background-image: url(../imagens/indicadores-select-setor.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: right 17px;
	padding-right: 25px;
	cursor: pointer;
}	

.select ul, .ui-widget #tags ul{
	display: none;
	max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    font-size: .8em;
    z-index: 2;
	position: absolute;
    width: inherit;
	box-shadow: 3px 3px 3px 2px rgb(0 0 0 / 20%);
}

.select ul li{
	padding: 12px 10px;
	cursor: pointer;
}

.select ul li.active, .select ul li:hover{
	background-color: #ff911c;
	color: #fff;
}

.select .fechar{
	display: none;
	position: absolute;
    width: 99vw;
    height: 99vh;
    top: 0px;
    left: 0px;
    z-index: 1;
}

/***********
FIM COMPONENTE SELECT
***********/

#bannerDestaque{
	width: 100%;
	height: 362px;
	/* background-image: url('../imagens/banner-enderecos.jpg'); */
	background-repeat: no-repeat;
	border: 10px solid #fff;
	margin-left: 15px;
	margin-right: 15px;
	background-size: cover;
	padding: 0px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#bannerDestaque .txt{
	background-color: rgb(0 41 79 / 70%);
	width: 55%;
	min-width: 610px;
	padding: 50px 35px;
	color: #fff;
}

#bannerDestaque .descricao{
	color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#bannerDestaque button{
	cursor: pointer;
	padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
	background-color: #fff;
    border: 1px solid #000;
	margin-top: 30px;
    position: absolute;
}

#bannerDestaque .txt .titulo{
	font-size: 1.9em;
}

#bannerDestaque .txt .descricao{
	color: #86d3dd;
}

/***********
Banner destaque
***********/
#bannerDestaque{
	padding: 0;
    margin-left: 15px;
    margin-right: 15px;
	border: 10px solid #fff;
	width: calc(100% - 30px);
}

#main-banner{
	display: flex;
	overflow: hidden;
}

#main-banner .banner{
	width: 100%;
	flex: 0 0 auto;
	height: 362px;
}


#bannerDestaque #navegacao{
	background-color: #fff;
    display: inline-block;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    display: flex;
    padding: 0px 6px;
    margin-top: 326px;
    border-radius: 5px 5px 0px 0px;
}

#bannerDestaque #navegacao .pg{
	background-color: #c1c0c0;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    margin: 5px;
	margin-top: 7px;
	cursor: pointer;
}

#bannerDestaque #navegacao .pg.selecionado{
	background-color: #003c7d;
}

#bannerDestaque #navegacaoEsquerda{
	position: absolute;
	background-color: #fff;
	cursor: pointer;
    padding: 10px 5px;
}

#bannerDestaque #navegacaoEsquerda img{
	cursor: pointer;
}

#bannerDestaque #navegacaoEsquerda.off{
	opacity: .5;
	cursor: initial;
}

#bannerDestaque #navegacaoEsquerda.off img{
	cursor: initial;
}

#bannerDestaque #navegacaoDireita{
	padding: 10px 5px;
	background-color: #fff;
	position: absolute;
    margin-left: 100%;
    transform: translateX(-300%);
	cursor: pointer;
}

#bannerDestaque #navegacaoDireita img{
	cursor: pointer;
}

#bannerDestaque #navegacaoDireita.off{
	opacity: .5;
	cursor: initial;
}

#bannerDestaque #navegacaoDireita.off img{
	cursor: initial;
}

#bannerDestaque .credito a,
#bannerDestaque .credito{
	color: #fff;
	font-size: .8em;
}

@media (min-width: 1212px) {
	#bannerDestaque #navegacaoDireita{
		margin-left: 1200px;
	}
}

#banner-educacao{
	background-image: url(../imagens/banner-educacao.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-educacao .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-educacao .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-educacao .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-educacao button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-educacao button.bt2{
	margin-left: 162px;
}

#banner-educacao .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-educacao .credito a{
	color: #fff;
	font-size: .8em;
}
/**/

#banner-CNEFE{
	background-image: url(../imagens/banner-cnefe.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-CNEFE .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-CNEFE .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-CNEFE .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-CNEFE button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-CNEFE button.bt2{
	margin-left: 162px;
}

#banner-CNEFE .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-CNEFE .credito a{
	color: #fff;
	font-size: .8em;
}

/**/
#banner-indigenas{
	background-image: url(../imagens/banner-indigenas.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-indigenas .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-indigenas .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-indigenas .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-indigenas button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-indigenas button.bt2{
	margin-left: 162px;
}

#banner-indigenas .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-indigenas .credito a{
	color: #fff;
	font-size: .8em;
}
/**/

/**/
#banner-favelas{
	background-image: url(../imagens/banner-favelas.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-favelas .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-favelas .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-favelas .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-favelas button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-favelas button.bt2{
	margin-left: 162px;
}

#banner-favelas .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-favelas .credito a{
	color: #fff;
	font-size: .8em;
}

/**/

/**/
#banner-composicao-domiciliar{
	background-image: url(../imagens/banner-composicao-domiciliar.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-composicao-domiciliar .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-composicao-domiciliar .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-composicao-domiciliar .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-composicao-domiciliar button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-composicao-domiciliar button.bt2{
	margin-left: 162px;
}

#banner-composicao-domiciliar .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-composicao-domiciliar .credito a{
	color: #fff;
	font-size: .8em;
}

/**/

/**/
#banner-tipoDomi{
	background-image: url(../imagens/banner-tiposdedomicilio.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-tipoDomi .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-tipoDomi .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-tipoDomi .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-tipoDomi button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-tipoDomi button.bt2{
	margin-left: 162px;
}

#banner-tipoDomi .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-tipoDomi .credito a{
	color: #fff;
	font-size: .8em;
}

/**/

/**/
#banner-registros{
	background-image: url(../imagens/banner-registros.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-registros .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-registros .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-registros .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-registros button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-registros button.bt2{
	margin-left: 162px;
}

#banner-registros .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-registros .credito a{
	color: #fff;
	font-size: .8em;
}

/**/
/**/


#banner-quilombolas-alfabetizacao{
	background-image: url(../imagens/banner-quilombolas.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-quilombolas-alfabetizacao .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-quilombolas-alfabetizacao .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-quilombolas-alfabetizacao .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-quilombolas-alfabetizacao button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-quilombolas-alfabetizacao button.bt2{
	margin-left: 162px;
}

#banner-quilombolas-alfabetizacao .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-quilombolas-alfabetizacao .credito a{
	color: #fff;
	font-size: .8em;
}
/*--*/

#banner-qi-in{
	background-image: url(../imagens/banner-indigenas-quilombolas.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-qi-in .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-qi-in .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-qi-in .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-qi-in button {
    cursor: pointer;
    padding: 10px 17px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-qi-in button.bt2{
	margin-left: 153px;
}

#banner-qi-in .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-qi-in .credito a{
	color: #fff;
	font-size: .8em;
}

#banner-quilombolas-por-situacao{
	background-image: url(../imagens/banner-quilombolas.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-quilombolas-por-situacao .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 68%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-quilombolas-por-situacao .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-quilombolas-por-situacao .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-quilombolas-por-situacao button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-quilombolas-por-situacao button.bt2{
	margin-left: 162px;
}

#banner-quilombolas-por-situacao .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-entorno{
	background-image: url(../imagens/banner_entorno_domicilios.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-entorno .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 68%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-entorno .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-entorno .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-entorno button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-entorno button.bt2{
	margin-left: 162px;
}

#banner-entorno .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

/**/

/**/
#banner-educacao{
	background-image: url(../imagens/banner-educacao.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-educacao .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 68%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-educacao .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-educacao .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-educacao button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-educacao button.bt2{
	margin-left: 162px;
}

#banner-educacao .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

/**/

/**/
#banner-indigenas2{
	background-image: url(../imagens/banner-indigenas2.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-indigenas2 .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-indigenas2 .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-indigenas2 .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-indigenas2 button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-indigenas2 button.bt2{
	margin-left: 162px;
}

#banner-indigenas2 .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

/**/
#banner-domicilios{
	background-image: url(../imagens/banner-domicilios-amostra.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-domicilios .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-domicilios .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-domicilios .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-domicilios button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-domicilios button.bt2{
	margin-left: 162px;
}

#banner-domicilios .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

/**/

#banner-setoresCensitarios{
	background-image: url(../imagens/banner-setores-censitario.png);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-setoresCensitarios .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-setoresCensitarios .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-setoresCensitarios .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-setoresCensitarios button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-setoresCensitarios button.bt2{
	margin-left: 162px;
}

#banner-setoresCensitarios .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}


#banner-coordenadas{
	background-image: url(../imagens/banner-enderecos.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-coordenadas .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
}

#banner-coordenadas .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-coordenadas .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-coordenadas button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}


/* --- */

#banner-caracteristicas{
	background-image: url(../imagens/banner-caracteristicas.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-caracteristicas .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 61%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-caracteristicas .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-caracteristicas .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-caracteristicas button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-caracteristicas button.bt2{
	margin-left: 162px;
}

#banner-caracteristicas .credito{
	position: relative;
    float: right;
    top: 60px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

#banner-caracteristicas .credito a{
	color: #fff;
	font-size: .8em;
}

/**
---
**/

#banner-deficiencia-e-autismo{
	background-image: url(../imagens/banner-deficiencia-e-autismo.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-deficiencia-e-autismo .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 68%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-deficiencia-e-autismo .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-deficiencia-e-autismo .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-deficiencia-e-autismo button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-deficiencia-e-autismo button.bt2{
	margin-left: 162px;
}

#banner-deficiencia-e-autismo .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

/**
---
**/

#banner-religiao{
	background-image: url(../imagens/banner-religiao.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-religiao .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 68%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-religiao .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-religiao .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-religiao button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-religiao button.bt2{
	margin-left: 162px;
}

#banner-religiao .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

/**
---
**/

#banner-fecundidade{
	background-image: url(../imagens/fecundidade.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

#banner-fecundidade .txt{
	background-color: rgb(0 41 79 / 70%);
    width: 68%;
    min-width: 610px;
    padding: 50px 56px;
    color: #fff;
	position: relative;
	min-width: 640px;
}

#banner-fecundidade .txt .titulo{
	/* font-size: 2.5em; */
}

#banner-fecundidade .txt .descricao {
    color: #86d3dd;
    /* font-weight: bold; */
    margin-top: 15px;
}

#banner-fecundidade button {
    cursor: pointer;
    padding: 10px 35px;
    color: #0429a3;
    font-size: 1.2em;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 30px;
    position: absolute;
}

#banner-fecundidade button.bt2{
	margin-left: 162px;
}

#banner-fecundidade .credito{
	position: relative;
    float: right;
    top: 51px;
	right: 12px;
	color: #fff;
    align-self: flex-end;
}

/***********
FIM Banner destaque
***********/

/***********
COMPONENTE CARD
***********/
.cards{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 -15px;
	box-sizing: border-box;
}

.card{
	background-color: #fff;
	padding: 22px 20px;
	box-sizing: border-box;
	border-radius: 5px;
	height: 100%;
	position: relative;
	padding-bottom:54px;
}

.card.auto-height{
	height: auto;
	margin-bottom: 30px;
}

.card-destaque {
	background: #FF811C;
}

.mapa-setores-censitarios .card{
	padding: 5px;
}

#semResultado{
	display: none;
}

#semResultado .card{
	height: calc(100vh - 325px);
    font-size: 1.5em;
    text-align: center;
    justify-content: center;
}

.card-destaque.card.card-link h2 {
	color: #ffffff;
	margin: 0px 0 4px;
	display: inline-block;
	width: auto;
}

a[target="_blank"] .card-destaque h2 {
	background-image: url(../imagens/link-externo-v3.svg);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: right center;
	padding-right: 26px;
}

.card.card-destaque a {
	color: #ffffff;
	text-decoration: none;
}
 
.card h2 {
	color: #1351b4;
	font-weight: 700;
	font-size: 1em;
	width: 100%;
	margin-bottom: 15px;
	line-height: 20px;
	min-height: 40px;
}

div[referencia='21'] h2{
	letter-spacing: -1px;
}	
div[expandir='true'] .card h2 {
	padding-right: 40px;
}

.card h2 .card-titulo:empty {
	background-color: lightblue;
    display: inline-block;
    width: 65%;
    height: 12px;
    margin: 0px;
}
/* .card h2 .unidade:empty {
	background-color: lightgray;
    display: inline-block;
    width: 30%;
    height: 12px;
    margin: 0px;
} */

.card p {
    font-size: 1em;
	line-height: 23px
}

.card.card-link p,
ul.accordion > li span,
ul.accordion > li.comSub span,
ul.accordion > li a[target="_blank"] {
    font-size: .85em;
	line-height: 20px
}

.card.card-link h2 {
    font-size: 1.05em;
	padding-right: 0;
}

.card .unidade{
	font-size: .8em;
}

.card img {
	width: 100%;
}
.card .saiba-mais-link {
	position: absolute;
    right: 0px;
    top: 0px;
	cursor: pointer;
}

.card .conteudo.centro {
	text-align: center;
	font-weight: 700;
	font-size: 1em;
	width: 100%;
	line-height: 20px;
	min-height: 40px;
	padding: 78px 0 46px 0; /* .card padding: 22 22 54 22 */
}

.card .media,
.card .media-comparacao {
	background-color: #ff811c;
	color: #ffffff;
	padding: 13px 20px;
	box-sizing: border-box;
	border-radius: 5px;
	position: relative;
	font-size: 13px;
	margin: 15px 0 5px 0;
	font-weight: 700;
}
.card .media-comparacao {
	background-color: #881122;
	margin-top: 5px;
}
/* .card .media:has(+.media-comparacao:not(.hidden)) {
	background-color: #006379;
} */
.card .media .totaldiv,
.card .media-comparacao .totaldiv {
	font-size: inherit;
	font-weight: inherit
}
.card .media span,
.card .media-comparacao span {
	font-size: 16px;
}

.card .nota-externa-indicador{
	font-size: .6em;
    margin-top: 11px;
    text-align: center;
}

div[class^="row-"] {
	padding: 0 15px;
	margin-bottom: 30px;
}

div[class^="row-"] > a {
	height: 100%;
	color: inherit;
	text-decoration: none;
}

div[class^="row-"] > a .card {
	transition: all 250ms;
}

div[class^="row-"] > a:hover .card {
	background: #d1d1d1;
}

div[class^="row-"] > a:hover .card.card-destaque:hover {
	background: #d26610;
}

div[class^="row-"].expandido {
	width: 100%;
}

div[class^="row-"][tamanhoExpandido="50"].expandido {
	width: 50%;
}
div[class^="row-"][tamanhoExpandido="75"].expandido {
	width: 75%;
}
div[class^="row-"][tamanhoExpandidoComparacao="50"].expandido {
	width: 50%;
}
div[class^="row-"][tamanhoExpandidoComparacao="75"].expandido {
	width: 75%;
}
div[class^="row-"][tamanhoExpandidoComparacao="100"].expandido {
	width: 100%;
}



div[class^="row-"].expandido_order_-1{
	order: -1 !important;
}

div[class^="row-"].expandido_order_0{
	order: 0 !important;
}

div[class^="row-"].expandido_order_1{
	order: 1 !important;
}

div[class^="row-"].expandido_order_2{
	order: 2 !important;
}

div[class^="row-"].expandido_order_3{
	order: 3 !important;
}

div[class^="row-"].expandido_order_4{
	order: 4 !important;
}

div[class^="row-"].expandido_order_5{
	order: 5 !important;
}

div[class^="row-"].expandido_order_6{
	order: 6 !important;
}

div[class^="row-"].expandido_order_7{
	order: 7 !important;
}

div[class^="row-"].expandido_order_8{
	order: 8 !important;
}

div[class^="row-"].expandido_order_9{
	order: 9 !important;
}

div[class^="row-"].expandido_order_10{
	order: 10 !important;
}

div[class^="row-"].expandido_order_11{
	order: 11 !important;
}

div[class^="row-"].expandido_order_12{
	order: 12 !important;
}


div[class^="row-"].expandido .card {
	padding-bottom: 55px;
}

div[class^="row-"].expandido .card .conteudo {
	display: flex;
}

.row-100{
	width: 100%;
}

.row-75{
	width: 75%;
}

.row-50{
	width: 50%;
}

.row-25{
	width: 25%;
	display: flex;
    flex-direction: column;
}
.row-50-comparison-mode.comparison-enabled {
	width: 50%;
}
.row-100-comparison-mode.comparison-enabled {
	width: 100%;
}

div[class^="row-"].expandido .media{
}

div[class^="row-"].expandido .grafico{
	width: 100%;
}

.cardJuntoVertical .row-25{
	width: 100%;
}

.cardJuntoVertical.cardJuntoVertical-PI-PQ .chartDiv{
	min-height: 0;
}

.cardJuntoVertical.cardJuntoVertical-PI-PQ .chartDiv .board-3 .board{
	padding: 3px 10px;
}

.cardJuntoVertical.cardJuntoVertical-PI-PQ #populacao-indigena .board .board-value{
	color: #b46800;
}

.cardJuntoVertical.cardJuntoVertical-PI-PQ #populacao-quilombola .board .board-value{
	color: #f44f55;
}

/*gráfico especificos*/
/*div[referencia='1'].expandido .grafico, */
div[referencia='3'].expandido .grafico,
div[referencia='2'].expandido .grafico,
div[referencia='3'].expandido .grafico{
	width: auto;
	min-width: 230px;
}

div[class^="row-"].expandido .mapa{
	opacity: 1;
	display: block;
	width: 247px;
	flex: 0 0 auto;
	background: #BCDCE0;
	margin: 0px 0 0 15px;
	padding: 25px;
	border-radius: 4px;
}


div[class^="row-"].expandido .mapa #legenda-mapa {
	background: url(../imagens/icon-legenda.svg) no-repeat;
    background-size: 16px;
    background-position: left 24px center;
    width: 50%;
    text-align: left;
    color: #2961bb;
    background-position: left 3px;
    font-size: 13px;
    padding-left: 21px;
    font-weight: bold;
    background-size: 14px;
    margin-left: -15px;
    position: relative;
	bottom: -15px;
	border: none;
}

.card.card-territorio .mapa #legenda-mapa {
	display: none;
}

div[class^="row-"][tamanhoExpandido='50'].expandido .mapa{
	width: 249px	
}

div[class^="row-"][exibirmapaexpandido="false"] .mapa{
	display: none;
}

div[class^="row-"].expandido .ranking{
	width: 100%;
    padding-left: 15px;
}

div[class^="row-"].expandido .ranking table{
	width: 100%;
	height: 100%;
	font-size: .8em;
	border: 1px solid #cecece;
}

div[class^="row-"].expandido .ranking table th{
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #cecece;
	padding-top: 10px;
	padding-left: 10px;
	height: 35px;
}

div[class^="row-"].expandido .ranking table tr td:last-child{
	padding-right: 10px;
}

div[class^="row-"].expandido .ranking table tr td:first-child{
	padding-left: 10px;
}

div[class^="row-"].expandido .ranking table tr:nth-child(2) td{
	padding-top: 11px;
	vertical-align: middle;
}

div[class^="row-"].expandido .ranking table tr:last-child td{
	padding-bottom: 0px;
}

div[class^="row-"].expandido .ranking table tr td:nth-child(1){
	color: #1351b4;
    font-weight: bold;
	padding-right: 6px;
}

div[class^="row-"].expandido .ranking table td:nth-child(2){
	padding-right: 15px;
}

div[class^="row-"].expandido .ranking table td:nth-child(3){
    color: #b2b2b2;
}

div[class^="row-"].expandido .ranking table tr.select td{
	color:#ff811c;
}

div[class^="row-"].expandido .ranking table .download_ranking{
	width: 27px;
    height: 20px;
    background: url(../imagens/icon-download.svg) no-repeat;
    float: right;
    margin-right: 6px;
    border: none;
    margin-top: 0px;
    background-size: 19px;
}

div[class^="row-"] .rodape{
	position: absolute;
	width: 100%;
	/* display: flex; */
	background: #EDEDED;
	left: 0;
	bottom: 0;
	padding: 0;
	border-radius: 0 0 4px 4px;
	height: 40px;
	justify-content: space-between;
	padding-left: 9px;
    padding-top: 8px;
}

.card-rodape-buttons {
    width: 200px;
    float: left;
	display: flex;	
}

div[class^="row-"] .rodape button, 
div[class^="row-"] .rodape a {
	background: none;
    border: none;
    color: #1351b4;
    font-weight: 700;
    display: block;
    transition: background 250ms;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 14%);
    border-radius: 100%;
    background-color: #ededed;
    border: 1px solid #cdcdcd;
    width: 27px;
	height: 27px;
	margin-left: 10px;
}

/* div[class^="row-"] .rodape button:hover, 
div[class^="row-"] .rodape a:hover {
	background-color: #d2d2d2;
} */

div[class^="row-"] .rodape .card-download {
	background: url(../imagens/icon-download.svg) no-repeat #fff;
	background-size: 18px;
	background-position: center;
}


div[class^="row-"] .rodape .card-fonte {
	background: url(../imagens/icon-fonte.svg) no-repeat;
	background-size: 18px;
	background-position: left 24px center;
}


div[class^="row-"] .rodape .card-metadados {
	background: url(../imagens/icon-metadados.svg) no-repeat;
	background-size: 20px;
	background-position: left 22px center;
}


div[class^="row-"] .rodape .card-compartilhar {
	background: url(../imagens/icon-share.svg) no-repeat #fff;
	background-size: 13px;
	background-position: center;
	transform: rotate(180deg);
}


div[class^="row-"] .rodape .card-info {
	background: url(../imagens/icon-interrogacao.svg) #fff;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat; 
}
.card-rodape-legenda {
	/* border-left: 1px solid #ccc; */
	width: 420px;
	text-align: left;
	flex: 0 0 auto;
	display: flex;
	margin-left: auto;
}

div[class^="row-"].expandido .rodape .card-legenda {
	background: url(../imagens/icon-legenda.svg) no-repeat;
	background-size: 16px;
	background-position: left 24px center;
	width: 50%;
	text-align: left;
}


div[class^="row-"].expandido .rodape .card-rodape-legenda{
	float: right;
    width: 262px;
	margin-left: auto
}

/* Se o card expandido ocupar apenas 50% da largura */
div[class^="row-"][tamanhoexpandido='50'].expandido .rodape .card-rodape-legenda{
	width: 280px;
}

div[class^="row-"][tamanhoexpandido='50'] .card .legenda.apenasExpandido.exibir .legenda-tipoB:after{
	left: 144px;
}


div[class^="row-"].expandido .rodape button.card-legenda{
	border: none;
	box-shadow: none;
	width: 100px;
	border-radius: 0px;
	background-position: left;
    padding-left: 22px;
}

div[class^="row-"].expandido .rodape .card-rodape-downloadRanking{
	float: right;
    width: 28%;
    margin-left: auto;
    /* border-left: 1px solid #ccc; */
    background-repeat: no-repeat;
    padding-right: 15px;
}

div[class^="row-"].expandido .rodape .card-rodape-downloadRanking button{
	background: url(../imagens/icon-download.svg) no-repeat;
    border: none;
    width: 100%;
    border-radius: 0;
    text-align: left;
    padding-left: 37px;
    background-size: 23px;
    background-position: 4px 5px;
	box-shadow: none;
}


div[class^="row-"].expandido .rodape .card-pgi {
	background: url(../imagens/ver-pgi.png) no-repeat;
	background-size: 16px;
	background-position: left 24px center;
	width: 50%;
	text-align: left;
}
div[class^="row-"].expandido .rodape .card-pgi.hidden {
	display: none;
}
div[class^="row-"].expandido .rodape .card-legenda:has(+ .card-pgi.hidden) {
	width: 100%;
}

.rodape .downloadOpt{
	position: absolute;
	top: -65px;
	background: #e3e3e3;
	width: 158px;
	height: 65px;
	text-align: center;
	color: #1351b4;
	font-weight: 700;
	border-radius: 5px 5px 0 0;
}

.rodape .downloadOpt li{
	cursor: pointer;
	margin-top: 5px;
}

.rodape .downloadOpt li:hover{
	color: #154aaf94
}

.rodape .downloadOptClose{
	display: none;
}

.rodape .downloadOptOpen{
	display: block;
}

.tippy-box[data-theme~="light"] {
	background-color: #f7f7f7;
	color: black;
	
	border-radius: 0;
	box-shadow: 0 5px 15px #0000004d;
}
  
*[data-theme~="light"] .tippy-arrow{
	color: #f7f7f7;
	margin-left: -45px;
}

.card .titulo {
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background-color: #ededed;
	border: 1px solid #cdcdcd;
	background-image: url(../imagens/icon-interrogacao.svg);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	-webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 14%);
	cursor: pointer;
	margin-left: auto;
	transition: all 100ms;
}

.card .expandir{
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background-color: #ededed;
	border: 1px solid #cdcdcd;
	background-image: url(../imagens/indicadores-expandir-com-mapa.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 14%);
	cursor: pointer;
	margin-left: auto;
	transition: all 100ms;
	margin-left: 10px;
}

div[expandir='false'] .card .expandir{
	display: none;
}
.card .expandir:hover{
	background-size: 18px;
}

.card .apenasExpandido {
	opacity: 0;
	display: none;
	transition: all .4s ease;
}

.expandido .card .apenasExpandido {
	opacity: 1;
	display: block;
}

div[class^="row-"].expandido .expandir {
	background-color: #1351b4;
	border-color: #002560;
	background-image: url(../imagens/comprimir.png);
	background-size: 13px;
	transition: all 300ms;
}

div[class^="row-"].expandido .expandir:hover {
	background-size: 15px;
}

.expandido .card .legenda.apenasExpandido {
	position: absolute;
	right: 30%;
	bottom: 38px;
	width: 370px;
	z-index: 1;
	display: none;
	opacity: 0;
}

.expandido .card .legenda.apenasExpandido .legenda-tipoB {
	background: #ffffff;
	box-shadow: 0 5px 15px #0000004d;
	border-radius: 4px;
	padding: 14px 17px;
}

.expandido .card .legenda.apenasExpandido .legenda-tipoB:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotate(45deg);
	bottom: -1px;
	left: 147px;
}

.expandido[tamanhoexpandido='50']  .card .legenda.apenasExpandido .legenda-tipoB:after {
	left: 177px
}

.expandido .card .legenda.apenasExpandido.open {
	display: block;
	-webkit-animation: fade-in .5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in .5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.card-options {
	position: absolute;
	display: flex;
	right: 20px;
	top: 20px;
}

.card-tip {
	width: 25px;
	height: 25px;
	border-radius: 30px;
	background-color: #ededed;
	border: 1px solid #cdcdcd;
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 14%);
	cursor: pointer;
	transition: all 250ms;
	margin-left: 10px;
	font-weight: 700;
	color: #1351b4;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-tip:hover {
	background-color: #d2d2d2;
}

.card-tip span {
	position: relative;
	background: #1351b4;
	width: 3px;
	height: 3px;
	border-radius: 100%;
}

.card-tip span:before,
.card-tip span:after {
	content: "";
	position: absolute;
	background: #1351b4;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: -5px;
	left: 0;
}

.card-tip span:after {
	top: 5px;
	left: 0;
}

.card .unidade{
	font-size: .8em;
	margin-top: -5px;
	margin-bottom: 15px;
	font-weight: 600;
	margin-left: 7px;
	color: #000;
}

.card .legenda-mulheres{
	color:#f44f55; 
	background-image: url('../imagens/panorama-mulheres.svg');
    background-size: 14px;
}

.bloco-mulheres{
	background-color:#f44f55; 
}

.sem-valor{
	color: #ff811c;
	font-size: 1.1em;
	font-weight: bold;
	border: 1px solid lightgrey;
	width: 100%;
	display: block;
	height: 100%;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 120px;
}

.card.legendaInferior #cor-ou-raca .legenda li:nth-child(1), 
.card.legendaInferior #cor-ou-raca .legenda li:nth-child(2), 
.card.legendaInferior #cor-ou-raca .legenda li:nth-child(3) {
	width: 33.33%;
}

.card.legendaInferior #cor-ou-raca .legenda li:nth-child(4), 
.card.legendaInferior #cor-ou-raca .legenda li:nth-child(5) {
	width: 50%;
}

.card .legenda-homens{
	color:#006379; background-image: url('../imagens/panorama-homens.svg');
    background-size: 14px;
	background-size: 11px;
}

.bloco-homens{
	background-color:#006379; 
}

.card.legendaInferior .legenda li.legenda-parda{
	color:#00a968;
	background-image: url('../imagens/panorama-pardos.svg');
	background-size: 11px;
}

.bloco-vazio{
	background-color:#000000; 
}

.bloco-parda{
	background-color:#00a968; 
}

.hover{
	opacity: 0.5%
}

.card.legendaInferior .legenda li.legenda-branca{
	color:#006379;
	background-image: url('../imagens/panorama-brancos.svg');
	background-size: 11px;
}

.bloco-branca{
	background-color:#006379; 
}

.hover{
	opacity: 0.75;
}

.card.legendaInferior .legenda li.legenda-preta{
	color:#f44f55;
	background-image: url('../imagens/panorama-negros.svg');
    background-size: 11px;
}

.bloco-preta{
	background-color:#f44f55;
}

.card.legendaInferior .legenda li.legenda-amarela{
	color:#ffb81c;
	background-image: url('../imagens/panorama-amarelos.svg');
	background-size: 11px;
}

.bloco-amarela{
	background-color:#ffb81c;
}

/*
* NIVEL INSTRUÇÃO
*/

.card.legendaInferior .legenda li.legenda-sem-instrucao-e-fundamental-incompleto {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#67315a;
	background-image: url('../imagens/capelo-roxo.png');
	background-size: 20px;
    padding-left: 40px;
}
.bloco-sem-instrucao-e-fundamental-incompleto {
	background-color: #67315a;
}

.card.legendaInferior .legenda li.legenda-fundamental-completo-e-medio-incompleto {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#3f95c0;
	background-image: url('../imagens/capelo-azul.png');
	background-size: 20px;
    padding-left: 40px;
}
.bloco-fundamental-completo-e-medio-incompleto {
	background-color: #3f95c0;
}

.card.legendaInferior .legenda li.legenda-medio-completo-e-superior-incompleto {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#ff811c;
	background-image: url('../imagens/capelo-laranja.png');
	background-size: 20px;
    padding-left: 40px;
}
.bloco-medio-completo-e-superior-incompleto {
	background-color: #ff811c;
}

.card.legendaInferior .legenda li.legenda-superior-completo {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#00a968;
	background-image: url('../imagens/capelo-verde.png');
	background-size: 20px;
    padding-left: 40px;
}
.bloco-superior-completo {
	background-color: #00a968;
}


/*
* RELIGIÃO
*/

.card.legendaInferior .legenda li.legenda-catolica-apostolica-romana {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#67315a;
	background-image: url('../imagens/panorama-catolica.svg');
	background-size: 11px;
    padding-left: 40px;
}
.bloco-catolica-apostolica-romana {
	background-color: #67315a;
}

.card.legendaInferior .legenda li.legenda-evangelicas {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#006379;
	background-image: url('../imagens/panorama-evangelicas.svg');
	background-size: 11px;
    padding-left: 40px;
}
.bloco-evangelicas {
	background-color: #006379;
	
}

.card.legendaInferior .legenda li.legenda-demais-religiosidades {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#00a968;
	background-image: url('../imagens/panorama-demais-religiosidades.svg');
	background-size: 11px;
    padding-left: 40px;
}
.bloco-demais-religiosidades {
	background-color: #00a968;
}

.card.legendaInferior .legenda li.legenda-sem-religiao {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color:#fd7e14;
	background-image: url('../imagens/panorama-sem-religiao.svg');
	background-size: 11px;
    padding-left: 40px;
}
.bloco-sem-religiao {
	background-color: #fd7e14;
}


.card.legendaInferior .legenda li.legenda-nao-sabe-ou-sem-declaracao {
	/* display: flex; */
	display: none;
	align-items: center;
	justify-content: space-between;

	color:#eaeaeb;
	background-image: url('../imagens/panorama-nao-sabe-ou-sem-declaracao.svg');
	background-size: 11px;
    padding-left: 40px;
}
.bloco-nao-sabe-ou-sem-declaracao {
	background-color: #eaeaeb;
}

.card .legenda-nao-alfabetizados{
	color:#f44f55; 
	background-image: url('../imagens/icon-nao-alfabetizados.svg');
	background-size: 14px;
}
.card .legenda-alfabetizados{
	color:#006379; background-image: url('../imagens/icon-alfabetizados.svg');
    background-size: 14px;
	/* background-size: 11px; */
}

.card .legenda-em-favelas{
	color:#f44f55; 
	background-image: url('../imagens/icon-favelas.svg');
	background-size: 18px;
	background-position-y: 16px !important;
}
.card .legenda-fora-de-favelas{
	color:#006379; background-image: url('../imagens/icon-fora-favelas.svg');
    background-size: 18px;
	/* background-size: 11px; */
}


.card .legenda-situacao-urbana{
	color:#006379; 
	background-image: url('../imagens/icon-situacao-urbana.svg');
	background-size: 18px;
	background-position-y: 16px !important;
}
.card .legenda-situacao-rural{
	color:#00a968; background-image: url('../imagens/icon-situacao-rural.svg');
    background-size: 18px;
	/* background-size: 11px; */
}


.card .legenda-nao-alfabetizados, 
.card .legenda-alfabetizados{
	background-color: #eaeaeb;
    flex: 1;
    width: 100%;
    background-repeat: no-repeat;
    padding: 20px 10px 20px 35px;
    font-size: .8em;
    box-sizing: border-box;
    background-position: 12px center;
    font-weight: 700;
    margin: 0;
    flex: 0 0 auto;
    border: 3px solid #fff;
    border-radius: 4px;
    line-height: 16px;
}

@media (min-width: 420px) {
	.card.legendaInferior .legenda li.legenda-indigena,
	.card.legendaInferior .legenda li.legenda-amarela,
	.card.legendaInferior .legenda li.legenda-parda {
		width: 33.3%
	}
	.card.legendaInferior .legenda li.legenda-branca,
	.card.legendaInferior .legenda li.legenda-preta {
		width: 50%
	}
}
@media (min-width: 420px) {
	.card.legendaInferior .legenda li.legenda-sem-instrucao-e-fundamental-incompleto,
	.card.legendaInferior .legenda li.legenda-fundamental-completo-e-medio-incompleto,
	.card.legendaInferior .legenda li.legenda-medio-completo-e-superior-incompleto,
	.card.legendaInferior .legenda li.legenda-superior-completo {
		width: 50%
	}
}
@media (min-width: 420px) {
	.card.legendaInferior .legenda li.legenda-catolica-apostolica-romana,
	.card.legendaInferior .legenda li.legenda-evangelicas,
	.card.legendaInferior .legenda li.legenda-demais-religiosidades,
	.card.legendaInferior .legenda li.legenda-sem-religiao {
		width: 50%
	}
}

.card.legendaInferior .legenda li.legenda-indigena{
	color:#b46800;
	background-image: url('../imagens/panorama-indigenas.svg');
	background-size: 11px;
}

.bloco-indigena{
	background-color:#b46800;
}

.card .legenda-alfabetizadas{
	color:#006379; 
	background-image: url('../imagens/panorama-alfabetizadas copy.svg');
	background-size: 18px;
}

.card .legenda-nao-alfabetizadas{
	color:#f44f55; 
	background-image: url('../imagens/panorama-nao-alfabetizadas copy.svg');
	background-size: 18px;
}

.card .legenda-urbana{
	color:#f44f55; 
	background-image: url('../imagens/panorama-urbana copy.svg');
	background-size: 18px;
}

.card .legenda-rural{
	color:#006379;
	background-image: url('../imagens/panorama-rural copy.svg');
	background-size: 18px;
}

/* card populacao */
.card.card-populacao{
	color: #071d41;
	font-weight: 700;
	font-size: 1.2em;
	flex-direction: row;
	align-items: flex-end;
	padding-bottom: 22px;
}

.card.card-populacao h2{
	color: #ff811c;
	display: inline;
	background-image: url(../imagens/panorama-populacao.svg);
	background-repeat: no-repeat;
	padding: 2px 0 4px 45px;
	background-size: 33px;
	font-size: 1.2em;
	background-position: center left;
	line-height: 25px;
	margin: 0px 13px -3px 0;
	width: auto;
}

.card.card-populacao span{
	font-size: .7em;
	font-weight: 500;
	display: inline-block;
}

.card.card-populacao span#total-pessoas .totaldiv{
	font-weight: 700;
	display: inline-block;
	margin-right: 8px;
	font-size: 27px;
	height: auto;
}

/* card territorio */

.card-territorio{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-content: flex-start;
}

.card-territorio .mapa{
	width: 50%;
	height: 10px;
}
.card-territorio .mapa.loading {
	width: 100%;
    height: 100px;
	background-image: url('../imagens/Loading.gif');
	background-position: center center;
    background-repeat: no-repeat;
}

.card-territorio .mapa path.empty        { fill: lightgray; }
.card-territorio .mapa path.color0       { fill: #00253d; }
.card-territorio .mapa path.color0:hover { fill: #22364e; }
.card-territorio .mapa path.color1       { fill: #006379; }
.card-territorio .mapa path.color1:hover { fill: #227490; }
.card-territorio .mapa path.color2       { fill: #36899a; }
.card-territorio .mapa path.color2:hover { fill: #58899a; }
.card-territorio .mapa path.color3       { fill: #54aab6; }
.card-territorio .mapa path.color3:hover { fill: #76aab6; }
.card-territorio .mapa path.color4       { fill: #84d5db; }
.card-territorio .mapa path.color4:hover { fill: #a6d5db; }

.card-territorio .legenda{
	width: 45%;
}

.card-territorio .legenda .legenda-tipoA{
	width: 100%;
    background: rgb(0,47,72);
    background: linear-gradient(90deg, rgba(0,47,72,1) 0%, rgba(0,99,121,1) 60%);
    margin-left: auto;
    color: #fff;
    padding: 20px 10px;
    box-sizing: border-box;
	font-size: .8em;
	font-weight: 600;
	display: flex;
	margin-bottom: 3px;
}

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

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

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

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

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

.card-territorio .legenda .legenda-tipoB{
	width: 100%;
	background-color: #eaeaeb;
	padding: 12px 10px;
	box-sizing: border-box;
	font-size: .65em;
	display: flex;
	margin-bottom: 3px;
}

.card-territorio .legenda .legenda-tipoB li{
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.card-territorio .legenda .legenda-tipoB li:last-child{
	margin-bottom: 0px;
}

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

/* card legendaInferior */
.card.legendaInferior .grafico,
.card .legendaInferior .grafico {
	width: 100%;
}

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

.card.legendaInferior .legenda-alfabetizacao,
.card .legendaInferior .legenda-alfabetizacao {
	padding-top: 20px; 
	margin: auto -11px -13px;
}

.card.legendaInferior .legenda-favelas,
.card .legendaInferior .legenda-favelas {
	padding-top: 20px; 
	margin: auto -11px -13px;
}

.card.legendaInferior .legenda-situacaoDomicilio,
.card .legendaInferior .legenda-situacaoDomicilio {
	padding-top: 20px; 
	margin: auto -11px -13px;
}

.card.legendaInferior .legenda ul,
.card .legendaInferior .legenda ul {
	display: flex;
	flex-wrap: wrap;
}

.card.legendaInferior .legenda li,
.card .legendaInferior .legenda li {
	background-color: #eaeaeb;
	flex: 1;
	width: 100%;
	background-repeat: no-repeat;
	padding: 20px 10px 20px 35px;
	font-size: .8em;
	box-sizing: border-box;
	background-position: 12px center;
	font-weight: 700;
	margin: 0;
	flex: 0 0 auto;
	border: 3px solid #fff;
	border-radius: 4px;
	line-height: 16px;
}

.card.legendaInferior .legenda li span,
.card .legendaInferior .legenda li span {
	color: #000;
	margin-left: 5px;
}


/* card estrutura domicilios */
.card.card-estruturaDomicilio .grafico{
	height: calc(100% - 25px);
}

.card.card-estruturaDomicilio .grafico ul{
	display: flex;
	height: 100%;
}

.card.card-estruturaDomicilio .grafico ul li{
	flex: 1;
    background-color: #eaeaeb;
    margin: 3px;
    align-items: flex-end;
    display: flex;
}

.card.card-estruturaDomicilio .grafico ul li .barra{	
    justify-content: center;
    width: 100%;
    background-color: #006379;
    align-items: end;
    display: flex;
    background-repeat: no-repeat;
    background-size: 35% auto;
    background-position: center 16px;
}

.card.card-estruturaDomicilio .grafico ul li.energiaEletrica .barra{
	background-image: url(../imagens/panorama-energia-eletrica.svg);
}

.card.card-estruturaDomicilio .grafico ul li.aguaEncanada .barra{
	background-image: url(../imagens/panorama-agua-encanada.svg);
}

.card.card-estruturaDomicilio .grafico ul li.banheiro .barra{
	background-image: url(../imagens/panorama-banheiro.svg);
	background-size: 27% auto;
}

.card.card-estruturaDomicilio .grafico ul li.coletaLixo .barra{
	background-image: url(../imagens/panorama-coleta-de-lixo.svg);
}
.card.card-estruturaDomicilio .grafico ul li .barra .label{
	writing-mode: vertical-rl;
    /* width: 100%; */
    text-align: center;
    transform: rotate(180deg);
	padding-top: 20px;
	color: #fff;
	font-size: .7em;
	padding-bottom: 50px;
}

.card.card-estruturaDomicilio .grafico ul li .barra .label span{
	font-weight: 700;
    font-size: 1.3em;
}

.chartDiv {
	min-height: 260px;
	min-width: 230px;
}

/***********
FIM COMPONENTE CARD
***********/

/***********
COMPONENTE GRAFICO PIRAMIDE ETARIA
***********/

.grafico-piramideEtaria{
	display: flex;
	font-size: .7em;
	flex-wrap: wrap;
	width: 100%;
}

#piramide-etaria {
	display: flex;
	font-size: .7em;
	flex-wrap: wrap;
	width: 100%;
}

.grafico-piramideEtaria .item{
	display: flex;
	width: 100%;
	background-color: #ffffff;
}

.grafico-piramideEtaria .item:nth-child(2n){
	background-color: #eaeaeb;
}

.grafico-piramideEtaria .item.legendaGrafico {
	flex-wrap: wrap;
}

.grafico-piramideEtaria .item.legendaGrafico .legenda-location {
	/* color: black */
	width: 100%;
	text-align: center;
	margin-bottom: 7px;
	/* padding-right: 5px; */
	/* padding-left: 5px; */
	font-weight: 500;
	font-size: 12px;
	box-sizing: border-box;
}

.grafico-piramideEtaria .item.legendaGrafico .legenda-1{
	color: #006379;
	width: 60%;
	text-align: right;
	margin-bottom: 7px;
	padding-right: 5px;
	font-weight: 700;
	font-size: 12px;
	box-sizing: border-box;
}

.grafico-piramideEtaria.piramideV2 .item.legendaGrafico .legenda-1{
	color: #000;
}

.grafico-piramideEtaria .legenda-graficoV2{
	display: none;
}

.grafico-piramideEtaria.piramideV2 .legenda-graficoV2{
	display: block;
	text-align: center;
    margin-top: 14px;
    margin-left: 18%;
}

.grafico-piramideEtaria.piramideV2 .legenda-graficoV2{
	width: 100%;
}

.grafico-piramideEtaria.piramideV2 .legenda-graficoV2 span::before{
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 10px;
	margin-right: 5px;
	margin-left: 10px;
}

.grafico-piramideEtaria.piramideV2 .legenda-graficoV2 span:nth-child(1)::before{
	background-color: #ffb81c;
}

.grafico-piramideEtaria.piramideV2 .legenda-graficoV2 span:nth-child(2)::before{
	background-color: #00a968;
}

.grafico-piramideEtaria.piramideV2 .legenda-graficoV2 span:nth-child(3)::before{
	background-color: #f64f55;
}

.grafico-piramideEtaria .item.legendaGrafico .legenda-2{
	color: #f44f55;
	width: 39%;
	margin-bottom: 7px;
	padding-left: 5px;
	font-weight: 700;
	font-size: 12px;
	box-sizing: border-box;
}

.grafico-piramideEtaria.piramideV2 .item.legendaGrafico .legenda-2{
	color: #000;
}

.grafico-piramideEtaria .item .legenda{
	width: 20%;
	align-self: center;
	font-weight: 700;
	font-size: 10px;
	padding-left: 5px;
}

.grafico-piramideEtaria .item .valor-1, .grafico-piramideEtaria .item .valor-2{
	width: 7%;
	text-align: center;
	font-weight: 700;
	font-size: 10px;
	align-self: center;
}

.grafico-piramideEtaria .item .valor-1 {
	color: rgb(0 99 121);
}

.grafico-piramideEtaria .item .valor-2 {
	color: #f34f55;
}

.grafico-piramideEtaria .item .containerGrafico-1, .grafico-piramideEtaria .item .containerGrafico-2{
	width: 33%;
	height: 17px;
	display: flex;
	margin-left: 2px;
	align-self: center;
}

.grafico-piramideEtaria .item.item-v2 .containerGrafico-1, 
.grafico-piramideEtaria .item.item-v2 .containerGrafico-2,
.grafico-piramideEtaria .item.item-v3 .containerGrafico-1, 
.grafico-piramideEtaria .item.item-v3 .containerGrafico-2
{
	flex-direction: column;
	justify-content: center;
}

.grafico-piramideEtaria .item .containerGrafico-1 .grafico, .grafico-piramideEtaria .item .containerGrafico-2 .grafico{
	width: 0;
	height: 88%;
	/* align-self: center; */
}

.grafico-piramideEtaria .item.item-v1 .containerGrafico-1 .grafico{
	background: linear-gradient(270deg, rgba(0,47,72,1) 0%, rgba(0,99,121,1) 60%);
}

.grafico-piramideEtaria .item .containerGrafico-1 .grafico{
	background-color: rgb(245 79 85);
	/* background: linear-gradient(270deg, rgba(0,47,72,1) 0%, rgba(0,99,121,1) 60%); */
	margin-left: auto;
	z-index: 2;
}

.grafico-piramideEtaria .item .containerGrafico-1 .grafico.grafico-v2{
	background-color: #00a968;
	z-index: 1;
	margin-top: -4px;
}

.grafico-piramideEtaria .item .containerGrafico-1 .grafico.grafico-v3{
	background-color: #ffb81c;
	z-index: 0;
	margin-top: -4px;
}

.grafico-piramideEtaria .item .containerGrafico-2 .grafico{
	background-color: rgb(245 79 85);
	/* background: linear-gradient(90deg, #C42F36 0%, #F34F55 60%); */
	z-index: 2;
}

.grafico-piramideEtaria .item.item-v1 .containerGrafico-2 .grafico{
	background: linear-gradient(90deg, #C42F36 0%, #F34F55 60%);
}

.grafico-piramideEtaria .item .containerGrafico-2 .grafico.grafico-v2{
	/* background: linear-gradient(90deg, #d978ee 0%, #770e8f 60%); */
	background-color: #00a968;
	z-index: 1;
	margin-top: -4px;
}

.grafico-piramideEtaria .item .containerGrafico-2 .grafico.grafico-v3{
	/* background: linear-gradient(90deg, #ded000 0%, #f7ea00 60%); */
	background-color: #ffb81c;
	z-index: 0;
	margin-top: -4px;
}

.grafico-piramideEtaria .item.item-v2 .grafico{
	position: relative;
	height: 8px;
}

.grafico-piramideEtaria .item.item-v3 .grafico{
	position: relative;
	height: 6px;
}

.grafico-piramideEtaria .grafico-divs,
.grafico-piramideEtaria .grafico-divs .chartDiv,
.grafico-piramideEtaria .grafico-divs .chartDiv .board-1 {
	width: 100%;
}

.grafico-piramideEtaria .grafico-divs .chartDiv .board-1{
	font-size: 2.2em
}

/***********
FIM COMPONENTE GRAFICO PIRAMIDE ETARIA
***********/

/***********
COMPONENTE GRAFICO QUADRADINHOS
***********/

.grafico-quadrados{
	display: flex;
	flex-wrap: wrap;
}

.grafico-quadrados#blocos-cor-ou-raca {
	margin: 15px 0;
}

.grafico-quadrados#blocos-sexo {
	margin: 5px 0;
}

.grafico-quadrados .container-graficoQuadrado{
	width: 100%;
	display: flex;
}

.grafico-quadrados .quadrado{
	flex: 1;
    margin: 2px;
	height: 20px;
}

.card-50 .grafico-quadrados .quadrado{
	height: 18px;
}

#cor-ou-raca.loading,
#sexo.loading {
	width: 100%;
    height: 100px;
	background-image: url('../imagens/Loading.gif');
	background-position: center center;
    background-repeat: no-repeat;
}
#cor-ou-raca.loadFail,
#sexo.loadFail {
	width: 100%;
	height: 100px;
	background-image: none;
}
.card:has(> #cor-ou-raca.loadFail),
.card:has(> #sexo.loadFail) {
	background-color: lightgray;
}



/***********
FIM GRAFICO QUADRADINHOS
***********/

/***********
COMPONENTE GRAFICO BARRA
***********/
.grafico-barra{
    display: flex;
	justify-content: space-around;
}


.grafico-barra .item{
	flex: 1;
}

.grafico-barra .containerBarra{
	/* background-color: red; */
	display: flex;
	justify-content: center;
	height: 240px;
	align-items: flex-end;
	padding: 0px 10px;
}

.grafico-barra .legenda{
	display: flex;
    justify-content: center;
	border-top: 1px solid #c0bfbf;
	
}

.grafico-barra .barra, .grafico-barra .label{
	width: 100%;
    max-width: 80px;
    font-size: .6em;
    font-weight: 300;
}

.grafico-barra .barra{
	background-color: #006379;
	transition: height 1s ease;
}

.grafico-barra .barra.valorInicial{
	height: 0px !important;
}

.grafico-barra .label{
	/*writing-mode: vertical-rl; */
    max-height: 93px;
    transform: rotate(-70deg);
    margin-top: 30px;
    text-align: right;
    /* margin-left: 33px; */
    /* display: flex; */
    height: 30px;
    /* background-color: red; */
    width: 100%;


}


/* .grafico-barra .item{
	height: 100%;
    display: flex;
   
    flex-direction: column;
}    

.grafico-barra .item .barra{
	background-color: #006379;
    width: 40px;
    margin-top: auto;
}

.grafico-barra .item .legenda{
	transform: rotate(-146deg);
    font-size: 0.65em;
    writing-mode: vertical-rl;
    height: 90px;
    text-align: right;
    padding-bottom: 13px;
} */
/***********
FIM COMPONENTE GRAFICO BARRA
***********/


#notas{
	background-image: url(../imagens/notas.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
    position: relative;
    float: right;
    padding-left: 18px;
	font-size: .9em;
	cursor: pointer;
	margin-top: 15px;
}

#siteCidades{
	color: rgb(255, 255, 255);
	border: 1px solid #fff;
	display: inline-block;
	margin-left: 50%;
	transform: translateX(-50%);
	padding: 13px 32px;
	border-radius: 34px;
	cursor: pointer;
	}  

/******
Tooltip
******/
.tippy-box[data-theme~='censo'] {
	background-color: #fff;
    color: #000000;
    border-radius: 5px;
    border: 1px solid #ACACAC;
    box-shadow: 0px 0px 9px 0px #acacac;
	font-size: .8em;
}

.tippy-box[data-theme~='censo'] a{
	color: #1351B4;
	text-decoration: none;
}
.tippy-svg-arrow{
	margin-top: -10px;
}

.tippy-svg-arrow #svg{
	
}

.svg-content {
	fill: white;
  }
  
.svg-arrow {
	fill: #ACACAC;
}
  
/******
Fim Tooltip
******/

/******
Botao Compartilhar
******/
#filtros .compartilhar {
	transform: rotate(0deg);
}
.compartilhar::after {
	content: "";
    width: 5px;
    height: 5px;
    border: 2px solid;
    border-top: none;
    border-left: none;
    position: absolute;
    left: 8px;
    bottom: -8px;
    transform: rotate(215deg);
    transform-origin: center;
    border-radius: 1px;
    transition: ease 100ms;
    background-color: #fff;
	display: none;
}
.compartilhar > div{
	position: absolute;
	bottom: -43px;
	left: 0;
	background: #fff;
	display: flex;
	border-radius: 10px;
	border: 2px solid;
	padding: 5px;
	display: none;
}
.compartilhar.show > div{
	display: flex;
}
.compartilhar.show::after {
	display: block;
}
.social-share {
    background-position: top left;
	background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
	margin: 0 2px;
}
.social-share a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
}
.social-share.facebook { background-image: url(../imagens/social/social-icon-facebook-color.png); }
.social-share.instagram { background-image: url(../imagens/social/social-icon-instagram-color.png); }
.social-share.twitter { background-image: url(../imagens/social/social-icon-twitter-black.png); }
.social-share.whatsapp { background-image: url(../imagens/social/social-icon-whatsapp-color.png); }
.social-share.youtube { background-image: url(../imagens/social/social-icon-youtube-color.png); }
.social-share.tiktok { background-image: url(../imagens/social/social-icon-tiktok-color.png); }
.social-share:hover{
	opacity: .7;
}

/******
Fim Botao Compartilhar
******/


/******
Ul acordiao
******/

ul.accordion{
	margin-left: 22px;
}

ul.accordion > li{
	margin-bottom: 15px;
}

ul.accordion > li.comSub,
ul.accordion > li {
	position: relative;
}

ul.accordion > li.comSub span,
ul.accordion > li span {
	line-height: 22px;
	cursor: pointer;
	transition: color 250ms;
}

ul.accordion > li span:hover
ul.accordion > li.comSub span:hover {
	color: #1351b4;
}

ul.accordion > li.comSub:after {
	background: url('../imagens/tabelas-accordeon.svg') no-repeat;
	background-position: left 0px top 0px;
	background-size: 5px;
	padding: 0;
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	left: -21px;
	top: 7px;
	transition: all 250ms;
}

ul.accordion > li ul{
	display: none;
}

ul.accordion > li li{
	margin-top: 5px;
}

ul.accordion > li li:first-child {
	margin-top: 8px;
}

ul.accordion > li li:last-child {
	margin-bottom: 22px;
}

ul.accordion > li a {
	color: #1351b4;
	transition: all 150ms;
}

ul.accordion > li a:hover {
	color: #001c48;
	filter: brightness(0.5);
}

ul.accordion > li a[target="_blank"] {
	background: url(../imagens/link-externo.svg) no-repeat;
	background-size: 13px;
	background-position:  right center;
	padding-right: 20px
}

ul.accordion li.open:after {
	transform: rotate(-90deg);
	background-position: left 5px top 0px;
}

ul.accordion > li.open ul{
	display: block;
	/* padding-bottom: 14px; */
	/* padding-top: 9px; */
}

/******
fim Ul acordiao
******/

/*****
loading
*****/

.loading-data {
	position: fixed;
    bottom: 15px;
    left: 15px;
    background-color: #fff;
    padding: 15px 20px 15px 45px;
    border: 1px solid #939393;
    color: #040404;
    font-size: 13px;
    border-radius: 5px;
    box-shadow: 1px 0 11px rgb(0 0 0 / 20%);
    background-image: url('../imagens/Loading.gif');
    background-position: 5px center;
    background-size: auto 65%;
    background-repeat: no-repeat;
}

/*****
fim loading
*****/

#calendario .card.auto-height{
	margin-bottom: 0px;
}

#calendario div[class^="row-"]{
	margin-bottom: 15px;
}

#calendario .card{
	padding-bottom: 20px;
}

#calendario .card h2{
	min-height: 0px;
}

/******
Ul Calendário
******/
ul.calendario > li{
	display: flex;
	margin-top: 20px;
}

ul.calendario > li span{
	color: #ff811c;
	min-width: 200px;
	font-weight: 700;
}

ul.calendario li ul{
	margin-top: -2px;
}

ul.calendario li ul li{
	margin-bottom: 10px;
}

ul.calendario li ul li::before{
    content: "\2022";
    color: #1351b4;
    font-weight: bold;
    display: inline-block;
    width: 17px;
    margin-left: -1em;
    font-size: 1.4em;
    vertical-align: text-bottom;
	margin-right: 5px;
}
/******
Fim Ul Calendário
******/



/******
Mapa
******/
.map-page {
	position: fixed;
	width: 100%;
	height: calc(100vh - 143px);
	/*background: url(../imagens/plh-map.jpg) no-repeat center;*/
	background-size: cover;
	top: 143px;
	border-top: 4px solid #1351b4;
}

/* Combo Localidade */
#buscaLocalizacao .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-left-color:#000;
	border-bottom-color: #000;
}

#buscaLocalizacao .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 17px;
}

#buscaLocalizacao .select2-container--default .select2-selection--single .select2-selection__placeholder{
	color: #000;
	font-size: 15px;
    font-weight: 400;
}

#buscaLocalizacao .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #000;
    font-size: 15px;
    font-weight: 400;
}

#buscaLocalizacao .select2-container--default .select2-selection--single{
	padding-bottom:0px;
	border-bottom: none;
	font-size: 15px;
    font-weight: 400;
}

#buscaLocalizacao .select2-container{
    background-color: #fff;
    box-shadow: 1px 0 11px rgb(0 0 0 / 20%);
    padding: 7px 16px;
    border: 1px solid #939393;
    font-size: 15px;
}

/* Combo recorte geografico*/
.map-options .select2{
	min-width: 0px;
}



.map-options .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-left-color:#000;
	border-bottom-color: #000;
	border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}

.map-options .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 9px;
}

.map-options .select2-container--default .select2-selection--single .select2-selection__placeholder{
	color: #000;
	font-size: 15px;
    font-weight: 400;
}

.map-options .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #000;
    font-size: 13px;
    font-weight: 400;
	font-weight: 700;
}

.map-options .select2-container--default .select2-selection--single{
	padding-bottom:0px;
	border-bottom: none;
	font-size: 15px;
    font-weight: 400;
}

.map-options .select2-container{
    background-color: #fff;
    /* box-shadow: 1px 0 11px rgb(0 0 0 / 20%); */
    padding: 0px 16px;
    border: 1px solid #939393;
    font-size: 15px;
}

.map-options #divInputMunicipios .select2-container{
    background-image: url(../imagens/ico-mapa-lupa.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 34px;
}

.map-options #divInputMunicipios .select2-container--default .select2-selection--single .select2-selection__placeholder{
	font-size: 1em;
    font-style: oblique;
    font-weight: 300;
}

.map-options #divInputMunicipios .select2-container--default .select2-selection--single .select2-selection__rendered{
	font-weight: 400;
}

.select2-container .select2-results b {
	display: block;
    font-weight: bold;
    margin-bottom: 5px;
	font-size: initial;
}
#buscaLocalizacao .select2-container b {
	font-weight: bold;
}
#buscaLocalizacao .select2-container b::after {
	content: ': ';
}
.select2-container .select2-results .select2-results__option {
	font-size: smaller;
}
.location-info.hidden {
	display: none;
}

/* Combo temas */
#mapa #temas .select2{
	min-width: 0px;
}

#mapa #temas .select2-container--default .select2-selection--single .select2-selection__rendered{
/*
    font-weight: 400;
*/
	font-size: 16px;
}

#mapa #temas .select2-container--default .select2-selection--single{
	border-bottom: none;
}

.map-container {
	position: absolute !important;
	right: 0;
	top: 0;
	width: 100%;
	width: calc(100% - 288px);
	height: 100%;
}

aside.docked {
	background: #071D41;
	position: absolute;
	left: 0;
	height: 100%;
	width: 288px;
	box-shadow: 7px 0 13px -8px rgb(0 0 0 / 50%);
	z-index: 1000;
	padding-bottom: 43px;
}

.map-options {
	/* max-height: calc(100% - 88px);
	overflow-y: auto; */
	width: 340px;
    background-color: #cde5ecab;
    padding: 19px;
    line-height: 38px;
    right: 13px;
	border-radius: 0 0 8px 8px;
	position: absolute;
	z-index: 10000;
}

.map-options p{
	font-weight: 700;
    line-height: 13px;
    margin-bottom: 4px;
	font-size: .7em;
	color: #1351B4;
}

/* 
.map-options::-webkit-scrollbar {
    width: 6px;
}

.map-options::-webkit-scrollbar-track:enabled {
    background-color: #ffffff;
    border-radius: 2px;
}

.map-options::-webkit-scrollbar-thumb:vertical {
    background-color: #2f68d7;
    border-radius: 2px;
}
*/

.map-page .controls {
	background: #1351B4;
	margin: 0;
	padding: 17px 15px 11px;
}

.map-page .controls #temas label {
	margin: 0;
}

.map-page .controls .chzn-container-single .chzn-single, 
.map-page .controls .chzn-container-active.chzn-with-drop .chzn-single {
	border-bottom: none;
	font-size: 15px;
	height: 26px;
}

.map-page .controls .chzn-container-single .chzn-single div b:after {
	margin-top: -3px;
}

.map-style {
	padding: 14px 15px 0;
	margin-bottom: 15px;
}

.map-style label,
.map-legenda h3 {
	text-transform: uppercase;
	color: #747473;
	margin-bottom: 11px;
	font-size: 13px;
	display: block;
	font-weight: 600;
}

.map-style select {
	height: 30px;
	width: 100%;
	padding: 0 8px;
	margin-bottom: 17px;
}

.map-legenda h3 {
	padding: 0 15px 2px;
	display: none;
}

.map-legenda .legenda-item {
	color: #ffffff;
	margin-bottom: 11px;
	font-size: 14px;
	display: block;
	padding: 0 15px 1px 14px;
	border-bottom: 1px solid #605D76;
	position: relative;
}

.map-legenda .legenda-item label {
	font-size: 13px;
	line-height: 18px;
	padding-left: 33px;
}

.map-legenda .legenda-item .legenda-lista {
	margin-bottom: 13px;
}

.map-legenda .legenda-item .legenda-lista__filtro {
	font-size: 12px;
	line-height: 11px;
	margin: 0 0 8px 34px;
	padding: 1px 1px 1px 30px;
}

.map-legenda .legenda-item input {
	margin-right: 40px;
}

.map-legenda .legenda-item:before {
	content: none;
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background: #ccc;
	left: 48px;
}	

.map-legenda .legenda-item.blue:before {	
	background: #49C2F1;
}	

.map-legenda .legenda-item.green:before {
	background: #4EAE33;
}	

.map-legenda .legenda-item.red:before {
	background: #D02C17;
}	

.map-legenda .legenda-item.yellow:before {
	background: #FCC030;
}	

.map-legenda .legenda-item.brown:before {
	background: #8B6214;
}

.nav-territorio {
	position: absolute;
	right: 40px;
	top: 40px;
	z-index: 1000;
	width: 450px;
}

.nav-territorio label {
	display: none;
}

.nav-territorio .controls {
	background: transparent;
	margin: 0;
	padding: 0;
}

.nav-territorio .controls #autocomplete {
	width: 400px;
}

.nav-territorio .controls .chzn-container-single .chzn-single, 
.nav-territorio .controls .chzn-container-active.chzn-with-drop .chzn-single {
	border: 1px solid #939393;
	color: #040404;
	background: #ffffff;
	height: 41px;
	padding: 7px 16px;
	border-radius: 3px;
	box-shadow: 1px 0 11px rgb(0 0 0 / 20%);
	font-size: 15px;
}

.nav-territorio .controls .chzn-container-single .chzn-single div b:after {
	border-left: 3px solid #040404;
	border-bottom: 3px solid #040404;
}

.nav-territorio .controls .chzn-container-single .chzn-single div {
	right: 10px;
}

.btn-exportarPng-container{
    position: absolute;
    z-index: 10000;
    left: calc(0vw + 304px);
    top: 13px;
}

.export-png-btn{
	background: url(../imagens/icone-img.png) no-repeat;
	padding: 8px 16px 8px 30px;
    background-color: white;
    background-size: 15px;
    background-position: left 10px center;
    font-weight: 600;
    color: #1c58b7;
    border: none;
    border-radius: 6px;
    box-shadow: 0px 0px 5px black;
    cursor: pointer;
}

.img-download-btn{
	width: 100%;
    height: 40px;
    margin-top: 12px;
    border: none;
    border-radius: 8px;
    background-color: #1351B4;
    color: white;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0px 0px 5px #9E9E9E;
    cursor: pointer;
}

.map-sidebar-footer {
	position: absolute;
	bottom: 0;
}

.map-export{
	display: none !important;
}

.btn-exportar, .btn-pgi {
	background: none;
	border: none;
	color: #ffffff;
	font-size: 13px;
	padding: 10px 5px 10px 40px;
	font-weight: 600;
	cursor: pointer;
}

.btn-pgi:after {
	background: url(../imagens/external.svg) no-repeat right center;
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    right: -15px;
	top: 9px;
    filter: brightness(0) invert(1);
}

.export-option{
	display: flex;
    flex-direction: column;
    align-items: start;
    width: 140px;
    padding: 0 22px;
    padding-bottom: 0px;
    background-color: #02122d;
}

.btn-export-opt{
	padding: 10px 5px 10px 0px;
}

.btn-exportar-toggle{
	background: url(../imagens/icon-download-branco.svg) no-repeat;
}

.btn-exportar-toggle-loading{
	background: url(../imagens/loading-btn.gif) no-repeat;
    background-size: 27px !important;
    background-position: left 12px center !important;
}

.btn-exportar {
	background-size: 19px;
	background-position: left 15px center;
}

.btn-pgi {
	background: url(../imagens/icon-br.svg) no-repeat;
	background-size: 15px;
	background-position: left 18px center;
}

.select2 {
	width:100% !important;
	min-width: 300px;
}



/******
Fim Mapa
******/


#modal{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

#modal.on{
	display: flex;
}

#modal #conteiner{
	width: 80vw;
    max-width: 610px;
	/* padding: 15px; */
	z-index: 2;
}

#modal #bg{
	width: 100vw;
	height: 100vh;
	background-color: #00000061;
	position: fixed;
}


#modal #conteiner .fecharContainer{
	width: 100%;
	height: 30px;
}

#modal #conteiner .fechar{
	background-color: #1351b4;
    border-color: #002560;
    background-image: url(../imagens/indicadores-fechar.svg);
    background-size: 30px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    cursor: pointer;
    right: right;
}

#modal #conteiner .txt{
	padding: 35px;
	max-height: 90vh;
	overflow-y: auto;
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 0px 21px #686666;
	font-size: .9em;
	line-height: 23px;

}

#modal #conteiner .txt h3{
	margin-bottom: 10px;
	font-weight: bold;
}

#modal .txt li{
	list-style: disc;
	margin-left: 30px;
}

#modal .txt ul.accordion{
	margin-left: 0px
}

#modal .txt li.comSub{
	list-style: none;
}

#modal .txt li.comSub span{
	font-weight: 700;
	font-size: 1em;
}
/*******
pagina download
*******/
#downloads ul.accordion > li{
	margin-bottom: 35px;
}

.dataPublicacao{
	position: absolute;
    font-size: .65em;
    top: -10px;
}

/*******
fim pagina download
*******/

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
 	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.slow-fade-in {
	animation: fade-in 1s;
}



/******
Mobile
******/
@media (max-width: 1160px){
	.row-25{
		width: 33.33%;
	}

	/* .row-50{
		width: 66.66%;
	} */

	.row-75{
		width: 66.66%;
	}

	div[class^="row-"][tamanhoExpandido="50"].expandido {
		width: 66.66%;
	}

	.row-50-comparison-mode.comparison-enabled{
		width: 66.66%;
	}

	div[class^="row-"][tamanhoExpandido="75"].expandido {
		width: 100%;
	}

	header nav {
		margin-left: 5px;
	}

	header ul li a{
		padding: 0 7px;
    	font-size: .95em;
	}


	.chartDiv{
		min-width: auto;
	}

	div[class^="row-"].expandido .mapa #legenda-mapa {
		width: 100px;
	}

}

@media (max-width: 768px){
	

	.card p{
		line-height: 12px;
	}		

	.card-territorio .legenda .legenda-tipoA{
		padding: 10px;
	}		


	.card-territorio .mapa{
		width: 60%;
		display: table;
		margin-left: 20%;
	}

	.card-territorio .legenda{
		margin-top: 20px;
		width: 100%;
	}	


}

@media (max-width: 900px){
	header a.logo_primario{
		display: none
	}

	header a.logo_secundario{
		display: block
	}
}

@media (max-width: 768px){
	.row-50-comparison-mode.comparison-enabled {
		width: 100%;
	}

	div[class^="row-"][tamanhoExpandido="50"].expandido {
		width: 100%;
	}

	div[class^="row-"][tamanhoExpandido="75"].expandido {
		width: 100%;
	}

	div[class^="row-"][tamanhoExpandido='50'].expandido .mapa{
		width: 100%;
		margin-top: 20px;
	}

	div[class^="row-"].expandido .mapa{
		width: 100%;
		margin-top: 20px;
	}

	.mobile-only{
		display: block;
	}

	.desktop-only{
		display: none;
	}

	.container{
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
		margin-right: auto;
		margin-left: auto;
	}
	
	.controls {
		padding: 40px 0 210px;
	}

	header{
		flex-direction: column;
	}
	
	header .container{
		height: 64px;
	}

	header a.logo_primario{
		display: block
	}

	header a.logo_secundario{
		display: none
	}

	header h2{
		display: block;
	}

	header h2 img{
		width: 111px;
	}

	header #logoIBGE{
		width: 80px;
		height: auto;
	}

	header .container a#linkIBGE{
		margin-left: auto;
	}

	header .menuMobile{
		background-color: #ff811c;
		width: 100%;
		margin-bottom: -20px;
		color: #fff;
		display: block;
		z-index: 1;
	}
	
	header .menuMobile .container{
		display: flex;
		align-items: center;
		height: 45px;
	}

	header .menuMobile h2{
		margin-top: 0px;
		margin-left: -50px;
		text-align: center;
		width: 100%;
		color: #fff;
		font-size: 1.3em;
	}

	header nav{
		font-size: 1.3em;
		display: none;
	}

	header.menuAberto nav{
		display: block;
		position: absolute;
		background-color: #f1f1f1;
		height: 100vh;
		z-index: 10;
		left: 0;
		margin-left: 0;
		top: 150px;
		width: 100vw;
	}

	header nav ul{	
		margin-top: 15px;
		flex-direction: column;
	}
	header nav ul li{
		display: block;
		margin-left: 0px;
		padding: 16px 10px;
		padding-left: 27px;
	}

	header ul li.active{
		border-left: 6px solid #ff811c;
    	border-bottom: none;
		padding-left: 20px;
	}

	header ul li:after{
		display: none;
	}

	header ul li a[target="_blank"]:after{
		position: initial;
	}

	header ul li:hover, header ul li:active{
		background-color: #ff811c;
		color: #fff;
		border-bottom: none;
	}

	header ul li:hover a, header ul li:active a{
	 color: #fff;
	}

	/* menu hamburguer */
	header .menuMobile .hamburger-menu{
		width: 50px;
		height: 60px;	
		z-index: 10;
		position: relative;
	}

	header .menuMobile .hamburguer {
		position: relative;
		display: block;
		background: #fff;
		width: 30px;
		height: 2px;
		top: 29px;
		left: 11px;
		transition: 0.5s ease-in-out;
		border-radius: 40px;
	}
	
	header .menuMobile .hamburguer:before,
	header .menuMobile .hamburguer:after {
		background: #fff;
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		transition: 0.5s ease-in-out;
		border-radius: 40px;
	}
	
	header .menuMobile .hamburguer:before {
		top: -7px;
	}
	
	header .menuMobile .hamburguer:after {
		bottom: -7px;
	}
	
	header.menuAberto .menuMobile .hamburguer {
		transform: rotate(45deg);
	}
	
	header.menuAberto .menuMobile .hamburguer:before {
		transform: rotate(90deg);
		top: 0;
	}
	
	header.menuAberto .menuMobile .hamburguer:after {
		transform: rotate(90deg);
		bottom: 0;
	}
	.controls label{
		width: 100%;
	}

	#filtros{
		flex-direction: column;
	}

	#filtros div{
		width: 100%;
	}

	#filtros #local{
		margin-right: 0px;
		min-width: 200px;
	}

	#filtros div label{
		width: 100%;
	}

	#filtros div label select, #filtros div label #selectTemas{
		width: 100%;
	}

	#filtros #autocomplete{
		width: 100%;
	}

	#filtros #temas{
		margin-right: 0px;
	}

	#filtros #comparacao .closeBtn{
		/* top: 173px; */
	}

	#filtros .downloadContainer{
		margin-top: 0px;
	}

	div[class^="row-"] {
		width: 100%;
	}

	.cardJuntoVertical{
		width: 100%;
	}

	#bannerDestaque{
		height: 410px;
	} 

	#main-banner .banner{
		height: 410px;
	}

	#bannerDestaque #navegacao{
		margin-top: 376px;
	}

	#banner-caracteristicas button{
		font-size: .9em;
		padding: 10px 23px;
	}

	#banner-caracteristicas button.bt2 {
		margin-left: 118px;
	}
	
	#banner-caracteristicas .credito{
		float: right;
    position: relative;
    top: 113px;
	}

	#banner-caracteristicas .credito a{
		font-size: .6em;
	}

	#bannerDestaque .txt{
		width: 100%;
		min-width: 0px;
		margin-top: -50px;
	}

	#bannerDestaque .txt .titulo{
		font-size: 1.8em;
	}
	
	.card.card-populacao h2{
		font-size: 1em;
	}	

	.card.card-populacao span#total-pessoas .totaldiv{
		font-size: 2em;
	}	

	.card.card-populacao span{
		font-size: .6em;
	}
	
	.grafico-piramideEtaria .item .legenda{
		font-size: 9px;
		width: 25%;
	}
	
	.grafico-piramideEtaria .item .valor-1, .grafico-piramideEtaria .item .valor-2 {
		width: 11%;
		font-size: 8px;
	}

	.grafico-piramideEtaria .item .containerGrafico-1, .grafico-piramideEtaria .item .containerGrafico-2{
		width: 27%;
	}	

	.grafico-piramideEtaria .item.legendaGrafico .legenda-1{
		width: 65%;
	}

	.card-territorio .legenda .legenda-tipoB li{
		margin-bottom: 10px;
	}

	#cor-ou-raca li.legenda-parda, 
	#cor-ou-raca li.legenda-branca,
	#cor-ou-raca li.legenda-preta,
	#cor-ou-raca li.legenda-amarela,
	#cor-ou-raca li.legenda-indigena{
		width: 100% !important;
	}

	.rodape .downloadOpt{
		width: 167px;
	}

	#bt-download-mobile{
		background-color: #1351b4;
		color: #fff;
		padding: 20px;
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		background-image: url(../imagens/download-mobile.svg);
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: 18px 20px;
		border-radius: 5px;
	}
	
	#bt-compartilhar-mobile{
		background-color: #1351b4;
		color: #fff;
		padding: 20px;
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		background-image: url(../imagens/icon-share-mobile.svg); 
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: 18px 20px;
		border-radius: 5px;
		margin-top: 15px;
		background-size: 22px;
	}

	.compartilhar.show > div {
		display: block;
		position: relative;
		bottom: -20px;
		margin-bottom: 15px;
	}
	.compartilhar::after {
		display: none !important;
	}
	.social-share {
		width: 100%;
		color: #000;
		text-align: left;
		padding-left: 30px;
		margin: 10px 0 10px 10px;
	}

	.download-mobile-opt-container{
		/* position: absolute; */
		/* bottom: 60px; */
		background: #0f408f;
		color: white;
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.9em;
		width: 100%;
		overflow: hidden;
		max-height: 0;
		/* transition: max-height 0.5s ease-in; */
	}

	.download-opt-open{
		max-height: 200%;
		/* transition: max-height 0.5s ease-out; */
	}

	.rodape .comLegenda.downloadOpt{
		top: -65px;
		z-index: 1;
	}

	/* calendario*/
	ul.calendario > li{
		flex-wrap: wrap;
	}

	ul.calendario > li span {
		width: 100%;
		margin-bottom: 10px;
	}

	ul.calendario li ul{
		margin-left: 40px;
	}

	/* Página indicadores */
	#indicadores .card h2{
		width: 95%;
	}

	.card-rodape-buttons{
		width: 100%;
		flex-wrap: wrap;
		order: 2;
		padding-bottom: 6px;
	}

	.card-rodape-legenda{
		order: 1;
		width: 100%;
		border-bottom: 1px solid #d9d3d3;
	}

	div[class^="row-"].expandido{
		order:initial;
	}

	div[class^="row-"].expandido .card .conteudo{
		flex-wrap: wrap;
		padding-bottom: 30px;
	}
	
	div[class^="row-"].expandido .card{
		padding-bottom: 95px;
	}

	div[class^="row-"].expandido .mapa{
		max-width: calc(100% - 15px);
	}

	div[referencia='3'].expandido .grafico, 
	div[referencia='2'].expandido .grafico, 
	div[referencia='3'].expandido .grafico{
		width: 100%;
	}

	div[class^="row-"].expandido .ranking{
		margin-top: 30px;
	}

	div[class^="row-"].expandido .ranking table tr:last-child td{
		padding-bottom: 10px;
	}

	div[class^="row-"].expandido .rodape{
		height: auto;
		flex-wrap: wrap;
	}

	div[class^="row-"].expandido .rodape button{
		/* width: 50%;
		text-align: left;
		padding: 12px 8px 10px 50px; */
	}

	div[class^="row-"].expandido .rodape .card-download{
		border-bottom: 1px solid #d9d3d3;
		border-right: 1px solid #d9d3d3;
		font-size: .8em;
	}

	div[class^="row-"].expandido .rodape .card-fonte{
		border-bottom: 1px solid #d9d3d3;
	}

	div[class^="row-"].expandido .rodape .card-metadados{
		border-right: 1px solid #d9d3d3;
		background-position: 22px 13px;
	}

	div[class^="row-"].expandido .rodape .card-compartilhar{
		/* background-position: 28px 12px; */
	}

	div[class^="row-"].expandido .rodape .card-rodape-legenda {
		margin-left: 5px;		
		border-left: none;
		/* border-bottom: none; */
		padding-bottom: 3px;
		margin-bottom: 5px;

		float: left;
		margin-top: 5px;
		width: 100%;
	}

	div[class^="row-"].expandido .rodape .card-rodape-downloadRanking {
		border-left: none;
		float: left;
    	width: 100%;
		margin-left: 5px;
	}

	div[class^="row-"].expandido .rodape .card-rodape-downloadRanking button{
		margin-left: 0;
    	background-position: 8px 6px;
	}

	.expandido .card .legenda.apenasExpandido{
		left: 10px;
		right: none;
		bottom: 38px;
	}

	.expandido .card .legenda.apenasExpandido .legenda-tipoB:after{
		left: 17px;
	}

	div[class^="row-"][tamanhoexpandido='50'] .card .legenda.apenasExpandido.exibir .legenda-tipoB:after{
		left: 17px;
	}

	div[class^="row-"][tamanhoexpandido='75'] .card .legenda.apenasExpandido.exibir .legenda-tipoB:after{
		left: 17px;
	}

	.expandido[tamanhoexpandido='50'] .card .legenda.apenasExpandido .legenda-tipoB:after{
		left: 17px;
	}

	.card .legenda.apenasExpandido.exibir{
		bottom: 70px;
		width: 85%;
	}
	
	.page-title {
		background: none;
	}

	.page-title .container{
		background-color: #1351b4;
	}

	#calendario .page-title {
		background-size: 1110px;
	}

	.page-title h1{
		font-size: 28px;
		line-height: 35px;
		margin: 40px 0 40px;
	}

	#downloads .page-title {
		background-size: 900px;
	}

	#downloads .row-50:nth-child(2){
		order: -1;
		margin-bottom: 0px;
	}

	/* mapa */
	.map-page{
		border-top: none;
		height: calc(100vh - 100px);
		top: 100px;
	}

	#mapa #mapContainer{
		width: 100vw;
		height: calc(100vh - 184px);
		/* margin-top: 135px;
		margin-top: 85px; */
	}


	#mapa ul#menuMobile{
		background-color: #071D41;
		position: fixed;
		width: 100vw;
		bottom: 0px;
		display: flex;
		color: #fff;
		z-index: 1000;
	}

	#mapa ul#menuMobile li{
	 	flex: 1;
		height: 80px;
		position: relative;
		font-weight: 600;
	}

	#mapa ul#menuMobile li{
		border-right: 1px solid #BBBABA;
		text-align: center;
		background-repeat: no-repeat;
		/* padding-top: 50px; */
		font-size: 0.85em;
	}

	#mapa ul#menuMobile li span{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
	}
	
	#mapa ul#menuMobile li:last-child{
		border: none;
	}

	#mapa ul#menuMobile li.legenda{
		background-image: url(../imagens/mapa-mobile-legenda.png);
		background-position: center 14px;
		background-size: 19px;
		padding-top: 40px;
	}

	#mapa ul#menuMobile li.recorte{
		background-image: url(../imagens/ico-mapa-recorte-geografico.png);
		background-position: center 9px;
		background-size: 29px;
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#mapa ul#menuMobile li.buscar{
		background-image: url(../imagens/mapa-mobile-lupa.png);
		background-position: center 15px;
		background-size: 20px;
		padding-top: 40px;
	}

	#mapa ul#menuMobile li.exportar-img{
		background-image: url(../imagens/icone-img-branco.png);
		background-position: center 19px;
		background-size: 25px;
	}

	#mapa ul#menuMobile li.exportar-tabela{
		background-image: url('../imagens/icon-download-branco.svg');
		background-position: center 18px;
		background-size: 26px;
	}

	#mapa ul#menuMobile li.PGI{
		background-image: url('../imagens/icon-br.svg');
		background-position: center 19px;
		background-size: 25px;
	}

	#mapa ul#menuMobile li.opcoes{
		background-image: url(../imagens/icone-opcoes-mapa.png);
		background-position: center 14px;
		background-size: 21px;
		padding-top: 40px;
	}
	
	
	#mapa .map-style{
		margin-top: 18px;
	}

	#mapa aside.docked{
		z-index: 10000;
		width: 0px;
	}
	
	#mapa .map-page .controls {
		position: absolute;
		top: 54px;
		width: 100vw;
		padding: 5px 15px 11px;
	}

	#mapa .map-options{
		width: 100vw;
		position: absolute;
		background-color: #ffffff;
		bottom: 120px;
		padding-bottom: 80px;
		/* display: none; */
		margin-left: 0px;
		margin-right: 0px;
		right: 0;
		left: 0;
		display: none;
		padding-bottom: 30px;
		bottom: 109px;
    	border-radius: 0;
		padding-bottom: 120px;
	}
	
	#mapa .map-options .btFecharMenuMapas{
		top: -10px;
	}

	#mapa .map-options .btFecharMenuMapas span{
		background-color: #1351B4;
	}

	#mapa .map-options p{
		color: #071D41;
		margin-bottom: 15px;
	}

	#mapa .map-options[item='recorte'] p.buscar,
	#mapa .map-options[item='recorte'] #divInputMunicipios{
		display: none;
	}

	#mapa .map-options[item='busca'] p.recorte,
	#mapa .map-options[item='busca'] #divIntrarregiaoMapa{
		display: none;
	}

	#mapa .btn-opcoes .btFecharMenuMapas{
		top: -17px;
	}

	#mapa .btn-opcoes .btFecharMenuMapas span{
		background-color: #1351B4;
	}

	.map-legenda .legenda-item{
		border-bottom: 0px;
	}

	#mapa .showItemMobile{
		display: block;
	}

	#mapa .nav-territorio{
		background-color: #071d41;
		width: 100vw;
		height: 190px;
		top: calc(100vh - 290px);
		position: absolute;
		z-index: 10000;
		right: 0px;
		display: none;
	}

	#mapa .nav-territorio.showItemMobile{
		display: block;
	}

	#mapa .btFecharMenuMapas{
		position: absolute;
		right: 25px;
	}

	#mapa .btFecharMenuMapas span{
		position: relative;
		display: block;
		background: #fff;
		width: 19px;
		height: 4px;
		top: 29px;
		left: 11px;
		transition: 0.5s ease-in-out;
		border-radius: 40px;
	}

	#mapa .btFecharMenuMapas span.um{
		transform: rotate(40deg);
		top: 33px;
	}

	#mapa .btFecharMenuMapas span.dois{
		transform: rotate(140deg);
	}

	#mapa .btFecharMenuMapas:before{
	
	}

	.dropdownBucaLocalidade.select2-dropdown{
		width: 535px;
		/* background-color: #071d41;
		color: #fff; 
		border: none;
		*/
	}

	.select2-container--open .dropdownBucaLocalidade.select2-dropdown--below{
		/* box-shadow: none; */
	}

	.select2-container--default .dropdownBucaLocalidade .select2-search--dropdown .select2-search__field{
		/* background-color: red; */
	}

	.select2-container--default .dropdownBucaLocalidade .select2-results > .select2-results__options{
		height: 160px;
	}

	.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
		margin-top:70px !important;
	}

	#notas{
		margin-top: 40px;
	}

	#siteCidades{
		color: #fff;
		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-left: 0;
    	transform: none;
	}

	/* .tippy-box[data-theme~='censo'] {
		display: none;
	} */

	.box-composicao{
		margin-top: 15px;
	}
}

@media (max-width: 510px){
	#banner-caracteristicas .credito{
		top: 88px;
	}		
}	

@media (max-width: 420px){
	.card.card-populacao{
		font-size: .8em;
		align-items: baseline;
	}		
}	

@media screen and (min-width: 768px) and (max-width: 1100px) {
	#filtros #temas{
		order: 0;
	}

	#filtros .locations{
		order: 2;
	}

	#filtros .comparisons{
		order: 3;
	}

	#filtros .filtros-btn{
		order: 1;
    	margin-left: calc(100% - 472px);
	}

	#totalPopulacaoCard.row-50, #crescimentoPopulacionalCard.row-50, #territorioCard.row-50{
		width: 100%;	
	}

	.card-territorio .mapa{
		width: 289px;
		display: table;
		margin-left: calc(100% - 85vw);
	}
}

@media screen and (min-width: 900px) {
	.map-options.zoomToEndereco {
		right: calc(50% - 144px - 170px);
		top: calc(50vh - 142px);
		background-color: transparent;
	}
	.map-options.zoomToEndereco .location-info, 
	.map-options.zoomToEndereco > p {
		display: none;
	}
	.map-options.zoomToEndereco #divInputMunicipios {
		width: 320px;
	}
	.map-options.zoomToEndereco::after {
			content: 'Ou dê zoom para navegar pelo mapa';
			display: block;
			position: absolute;
			width: 320px;
			height: 22px;
			padding-bottom: 15px;
			text-align: center;
			color: #fff;
			background: rgba(0,0,0,.35);
			border-bottom-left-radius: 15px;
			border-bottom-right-radius: 15px;
		}
}

/******
Fim Mobile
******/


@-webkit-keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}