@media print {

    @page{
        margin: 0;
    }

*{
    -webkit-print-color-adjust: exact;
}



div{
    /* break-inside: avoid; */
}

header,
.barra-body,
.bts-mobile,
.mobile-only,
div[class^="row-"] .rodape,
div[vw].enabled,
.card-options,
section.controls,
.printLoading,
#notas,
#siteCidades,
.box-composicao
{
    display: none !important;
}

#header_print{
    width: 100%;
    height: 100px;
    background-color: #1351b4;
    margin-bottom: 30px;
    color: #fff;
    display: block;
    border-bottom: 4px solid #0042ad;
}

#header_print .logo{
    float: left;
    background-color: #fff;
    height: 100%;
    line-height: 132px;
    padding-left: 30px;
    padding-right: 50px;
}

#header_print .txt{
    float: left;
    margin-top: 32px;
    margin-left: 20px;
}

#header_print .txt .tema{
    margin-top: 5px;
}

#header_print .txt span{
    font-weight: bold;
}

#header_print #logo_ibge_branco img{
    float: right;
    width: 100px;
    margin-top: 40px;
    margin-right: 20px;
}

#footer_print {
    position: absolute;
    bottom: 0px;
    background-color: red;
    width: 100%;
    background-color: #133861;
    color: #fff;
    padding: 20px;
    text-align: center;
    display: block;
}

/* Para todos os card */
div[class^="row-"].expandido .card{
    padding-bottom: 0px;
}

.container{
    margin: 0px 10px;
}

.card{
    background-color: #e0e0e0;
    padding-bottom: 20px;
    padding: 9px;
    break-inside: avoid;
    border-radius: 0;
}

.card .board{ 
    border: 0px;
}

.card h2{
    padding-right: 0px;
    font-size: .9em;
}

div[class^="row-"]{
    width: 33.30%;
    margin-bottom: 10px;
    padding: 0 5px;
}

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

.card .grafico{
    /* background-color: #fff; */
}

.mapa-setores-censitarios div[class^="row-"]{
    width: 100%;
    height: 380px;
}

.mapa-setores-censitarios .card{
    width: 100%;
}

.area-mapa-selecionada .mapa-setores-censitarios div[class^="row-"]{
    height: 350px;
    
}
.area-mapa-selecionada .mapa-setores-censitarios .card{
    height: 350px;
}

#mapa-menu-setores{
    height: 340px !important;
}

.chartDiv{
    background-color: #fff;
    min-height: 255px;
}

.comparison-enabled .chartDiv{
    min-height: 270px;
}
.card #cardChart{
    width: 100%;
}

div[class^="row-"][exibirmapaexpandido='false'].expandido .mapa{
    display: none !important;
}
/* .card .grafico .chartDiv{
    min-width: 0;
    min-height: 0;
} */
.board-location{
    border-radius: 0;
}

/* tipo board */
.card .board .board-value{
    font-size: 1em;
}

.card .board-2 .board{
    padding: 12px;
}

.board-2 .board .board-unit{
    margin-top: 5px;
}

.card .board-3 .board .board-icon{
    min-height: 20px;
    background-size: 20px;
}

.card .board-3 .board{
    padding: 12px 10px;
}

.board-2 .board:nth-child(2){
    border-bottom: 1px solid lightgray;
}

.board-3 .board:nth-child(3){
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

.board-3 .board .board-unit{
    margin-top: 6px;
}
/* Para todos os card expandidos */

div[class^="row-"].expandido h2{
    min-height: 20px;
}

div[class^="row-"].expandido .mapa{
    margin-left: 0px;
    margin-top: 0px;
    width: 202px;
    margin-left: 5px;
    display: flex;
}

div[class^="row-"].expandido .mapa #legenda-mapa{
    display: none;
}


div[class^="row-"].expandido #cardChart.grafico{
    width: 30px;
    min-width: 140px;
}

div[class^="row-"].expandido .grafico .board{
    padding: 9px;
}

/* div[class^="row-"].expandido .grafico .chartDiv{
    min-width: 0;
    min-height: 0;
} */

div[class^="row-"].expandido .ranking{
    width: calc(100% - 450px);
    margin-top: 0px;
    border: none !important;
}

div[class^="row-"].expandido .download_ranking{
    display: none;
}

div[class^="row-"].expandido .ranking table{
    border: none;
}

.ranking table{
    background-color: #fff;
}

/*
   Card 1
*/
div[referencia='1'][grafico-board='false']{
    width: 100%;
}

div[referencia='1'][grafico-board='false'].expandido .card .conteudo{
    flex-wrap: wrap;
}

div[referencia='1'][grafico-board='false'].expandido #cardChart.grafico{
    width: 100%;
}

div[referencia='1'][grafico-board='false'][exibirmapaexpandido='false'].expandido .mapa{
    display: none;
}

div[referencia='1'][grafico-board='true'].expandido .ranking{
    margin-left: 5px;
    padding-left: 0px;
    width: calc(100% - 440px);
}

div[referencia='1'][grafico-board='true'].expandido #cardChart.grafico{
    width: 220px;
}

 
/* div[referencia='1'] .chartDiv > div > div canvas{
    width: 730px !important;
}  */



div[referencia='1'] .chartDiv > div > div canvas{
    margin-left: 130px;
    width: 500px !important;
    /* height: 500px !important; */
}

/*
 div[referencia='1'][grafico-board='true'].expandido #cardChart.grafico .board{
    height: 200px;
}

div[referencia='1'][grafico-board='true'].expandido #cardChart.grafico .board .board-info{
    margin-bottom: 56px;
} */


div[referencia='1'][grafico-board='false'].expandido .mapa{
    margin-left: 0px;
    margin-top: 10px;
}

div[referencia='1'][grafico-board='false'].expandido .ranking{
    width: calc(100% - 212px);
    margin-left: 10px;
    padding-left: 0px;
    margin-top: 10px;
}

div[referencia='1'][exibirmapaexpandido='false'][grafico-board='false'].expandido .ranking{
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
}
/*
   Card 2
*/
div[referencia='2'].expandido .ranking{
    width: 49%;
    margin-left: 5px;
    padding-left: 0px;
}

div[referencia='2'].expandido #cardChart.grafico{
    width: 170px;
}

div[referencia='2'].expandido .grafico .board{
    padding: 4px;
}

div[referencia='2'].expandido .chartDiv{
    min-height: 0;
}

div[referencia='2'][exibirmapaexpandido='false'].expandido .ranking{
    width: calc(100% - 180px);
}

/*
   Card 3
*/
div[referencia='3'].expandido .grafico .board{
    padding: 4px;
}

div[referencia='3'].expandido .chartDiv{
    min-height: 0;
}

div[referencia='3'].expandido .ranking{
    width: calc(100% - 390px);
    margin-left: 5px;
    padding-left: 0px;
}

div[referencia='3'][exibirmapaexpandido='false'].expandido .ranking{
    width: calc(100% - 180px);
}

/*
   Card 4
*/

div[referencia='4'].expandido .card .conteudo{
    flex-wrap: wrap;
}

div[referencia='4'].expandido #cardChart.grafico{
    width: 450px;
}

div[referencia='4'].expandido #cardChart.grafico .chartDiv{
    height: 300px;
}


div[referencia='4'].expandido .mapa{
    width: 300px;
}

div[referencia='4'].expandido .ranking{
    margin-top: 20px;
    margin-left: -15px;
    width: 770px;
}

div[referencia='4'] .chartDiv{
    padding-top: 30px;
    height: 280px;
}


/*
   Card 5
*/

div[referencia='5'].expandido .chartDiv{
    min-height: 200px;
}

div[referencia='5'].expandido .grafico .board{
    height: 200px;
}

div[referencia='5'].expandido .grafico .board .board-info{
    margin-bottom: 50px;
}

div[referencia='5'][exibirmapaexpandido='false'].expandido .ranking{
    padding-left: 5px;
}

div[referencia='5'].expandido #cardChart.grafico{
    width: 230px;
}

div[referencia='5'][exibirmapaexpandido='false'].expandido .ranking{
    width: calc(100% - 230px);
}

div[referencia='5'][exibirmapaexpandido='false'].expandido .mapa{
    display: none;
}

div[referencia='5'] .board-1 .board-info{
    margin-bottom: 100px;
}
/*
   Card 7
*/
div[referencia='7'] .chartDiv > div > div canvas{
    width: 230px !important;
    height: 230px !important;
}

/* comparacao */
.row-50-comparison-mode.comparison-enabled[referencia='7'] .chartDiv {
    height: 250px !important;
}

.row-50-comparison-mode.comparison-enabled[referencia='7'] .chartDiv > div > div canvas {
    width:  450px !important;
}

/*
   Card 8
*/
div[referencia='8'] .chartDiv > div > div canvas{
    width: 230px !important;
    height: 230px !important;
    margin-left: 30px;
}

div[referencia='8'].comparison-enabled .chartDiv > div > div canvas{
    width: 190px !important;
    height: 190px !important;
    margin-top: 30px;
    margin-left: 30px;
}

/*
   Card 9
*/
div[referencia='9'] .chartDiv > div > div canvas{
    width: 230px !important;
    height: 230px !important;
    margin-left: 30px;
}

div[referencia='9'].comparison-enabled .chartDiv > div > div canvas{
    width: 190px !important;
    height: 190px !important;
    margin-top: 30px;
    margin-left: 30px;
}


/*
   Card 11
*/
div[referencia='11'].expandido{
    width: 100% !important;
}

div[referencia='11'].expandido .mapa{
    width: 250px !important;
    padding-top: 0px;
    margin-left: 95px;
}

div[referencia='11'].expandido .grafico-divs{
    width: 220px;
}

div[referencia='11'].expandido .ranking{
    width: 35%;
}

/*
   Card 12
*/
div[referencia='12'].comparison-enabled .chartDiv > div > div canvas{
    margin-top: 50px;
    width: 190px !important;
    height: 170px !important;
}

div[referencia='12'].comparison-enabled .chartDiv{
    height: 255px;
}

/*
   Card 13
*/
div[referencia='13'].comparison-enabled .chartDiv > div > div canvas{
    margin-top: 50px;
    width: 190px !important;
    height: 170px !important;
}

div[referencia='13'].comparison-enabled .chartDiv{
    height: 250px;
}
/*
   Card 14
*/

div[referencia='14'] .board-icon{
    height: 130px;
}

div[referencia='14'] .board .board-info{
    margin-bottom: 53px;
}

div[referencia='14'].expandido{
    width: 100% !important;
}

div[referencia='14'].expandido .mapa{
    width: 250px !important;
    padding-top: 0px;
    margin-left: 95px;
}

div[referencia='14'].expandido .grafico-divs{
    width: 220px;
}


div[referencia='14'].expandido .ranking{
    width: 35%;
}

/*
   Card 15
*/

div[referencia='15'] .board-icon{
    height: 130px;
}

div[referencia='15'] .board .board-info{
    margin-bottom: 53px;
}

div[referencia='15'].expandido{
    order: 0 !important;
    width: 100% !important;
}

div[referencia='15'].expandido .mapa{
    width: 250px !important;
    padding-top: 0px;
    margin-left: 95px;
}

div[referencia='15'].expandido .grafico-divs{
    width: 220px;
}


div[referencia='15'].expandido .ranking{
    width: 35%;
}


/*
   Card 16
*/
div[referencia='16'].expandido{
    width: 100% !important;
}

div[referencia='16'].expandido .mapa{
    width: 250px !important;
    padding-top: 0px;
    margin-left: 95px;
}

div[referencia='16'].expandido .grafico-divs{
    width: 220px;
}

div[referencia='16'].expandido .ranking{
    width: 35%;
}

div[referencia='22'] canvas{
    margin-left: 130px;
}


/*
    COMPARAÇÃO
*/
.row-50-comparison-mode.comparison-enabled{
    width: 50%;
}

.card .grafico.grafico-lado-a-lado .grafico-divs{
    display: flex;
}

div[referencia='5'] .grafico-lado-a-lado .board-1 .board-info{
    margin-bottom: 90px;
}


/*
   Card 19
*/


div[referencia='19'] .board-icon{
    height: 130px;
}

div[referencia='19'] .board .board-info{
    margin-bottom: 53px;
}

div[referencia='19'].expandido{
    width: 100% !important;
}

div[referencia='19'].expandido .mapa{
    width: 250px !important;
    padding-top: 0px;
    margin-left: 95px;
}

div[referencia='19'].expandido .grafico-divs{
    width: 220px;
}


div[referencia='19'].expandido .ranking{
    width: 35%;
}

/*
   Card 20
*/

div[referencia='20'] .board-icon{
    height: 130px;
}

div[referencia='20'] .board .board-info{
    margin-bottom: 53px;
}

div[referencia='20'].expandido{
    order: 0 !important;
    width: 100% !important;
}

div[referencia='20'].expandido .mapa{
    width: 250px !important;
    padding-top: 0px;
    margin-left: 95px;
}

div[referencia='20'].expandido .grafico-divs{
    width: 220px;
}


div[referencia='20'].expandido .ranking{
    width: 35%;
}


/*
   Card 22
*/

div[referencia='22'].comparison-enabled canvas{
     margin-left: 0px;
     width: 450px !important;
}

div[referencia='22'].comparison-enabled canvas{
    
}

/*
   Card 23
*/

div[referencia='23'] .chartDiv{
    padding-top: 20px;
    min-height: 250px;
}


/*
   Card 24
*/

div[referencia='24'] .chartDiv div canvas{
    width: 230px !important;
    height: 130px !important;
    margin-top: 70px;
}

div[referencia='24'].comparison-enabled .chartDiv canvas{
     width: 450px !important;
}


div[referencia='27'].comparison-enabled .chartDiv > div > div canvas,
div[referencia='28'].comparison-enabled .chartDiv > div > div canvas

{
    width: 220px !important;
}

/*
   Card 29
*/




div[referencia='29'].comparison-enabled .chartDiv > div > div canvas{
    width: 490px !important;
    height: 190px !important;
}

div[referencia='29'] .chartDiv > div > div canvas{
    margin-top:50px; 
    width: 300px !important;
    height: 130px !important;
}

/*
Card 31
*/
div[referencia='31'].comparison-enabled{
    height: 270px;
}

div[referencia='31'] h2{
    height: 10px;
    margin-bottom: 0px;
}

div[referencia='31'].comparison-enabled .chartDiv{
    min-height: 210px !important;
}

div[referencia='31'] canvas{
    width: 750px !important;
}

div[referencia='31'].comparison-enabled canvas{
    width: 450px !important;
    height: 200px !important;
}

/*
Card 32
*/

div[referencia='32'] .chartDiv div canvas{
    width: 230px !important;
    height: 130px !important;
    margin-top: 70px;
}

div[referencia='32'].comparison-enabled .chartDiv canvas{
     width: 450px !important;
}

/*
Card 32
*/

div[referencia='33'] .chartDiv div canvas{
    width: 200px !important;
    height: 170px !important;
    margin-top: 50px;
}

/*
Card 34
*/
div[referencia='34'] #cardChart.grafico.grafico-lado-a-lado canvas{
    width: 200px !important;
}

/*
Card 50*/
div[referencia='50'] #cardChart.grafico.grafico-lado-a-lado canvas{
    width: 50% !important;
}

/*
grafico piramide
*/
.grafico-piramideEtaria.piramideV2 .item.legendaGrafico .legenda-1{
    width: 62%;
}

.grafico-piramideEtaria.piramideV2 .item.legendaGrafico .legenda-2{
    width: auto;
    flex: 1;
}


/***
Pagina destaques (index.html)
***/

#piramideEtariaCard{
    width: 100%;
}


#corOuRacaCard{
    width: 50%;
}

#instrucaoCard{
    width: 100%;
}

#religiaoCard{
    width: 100%;
}


#sexoCard{
    width: 50%;
}

#totalPopulacaoHeadline{
    width: 100%;
}

#bannerDestaque{
    display: none;
}

.card.card-populacao{
    background-color: #fff;
    border: 10px solid #e0e0e0;
    padding-bottom: 0;
    padding: 12px;
}

#crescimentoPopulacionalCard{
    width: 100%;
}

#crescimentoPopulacionalCard #grafico-crescimento-populational{
    background-color: #fff;
}

#crescimentoPopulacionalCard #grafico-crescimento-populational div canvas{
    width: 100%;
    margin-left: 100px;
}

#territorioCard{
    width: 100%;
}

#territorioCard .mapa{
    margin-left: 0px;
    width: 60%;
    background-color: #fff;
    padding: 20px 128px;
}


#territorioCard .legenda{
    width: 40% !important;
    background-color: #fff;
    margin-top: 0px;
    /* padding-top: 10%; */
    margin-bottom: 0px;
    border-bottom: 0;
}

#territorioCard .legenda .legenda-tipoB{
    margin-bottom: 0px;
}


}