body {
  text-align: center;
  background-image: url("../img/IC-GERAIS/background-homepage.594b5ba25789.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

/* PERSONALIZAÇÃO DA BARRA DE ROLAGEM */
::-webkit-scrollbar {
 width: 12px;
 height: 12px;
}

::-webkit-scrollbar-track {
 background: #aaaaaa;
}

::-webkit-scrollbar-thumb {
 background: #f2f0f0;
 border: solid #aaaaaa;
 border-width: 1px 2px;
 border-radius: 7px;
 /* width: 10px; */
}

::-webkit-scrollbar-thumb:hover {
 background: #fdfdfd;
}

.tituloCinza {color: #606060}

.destaqueAzul {color: #0a5cb8}

.textoCinzaEscuro {
  color: #5f6368;
  font-weight: 500;
}


/* SOBRE O GEOPIN (div oculta) */

.sobreGeopin {
 background-color: rgb(242, 240, 240) ;
 position: absolute;
 top: 0px;
 z-index: 4;
 padding: 15px ;
 overflow-y: auto;
 opacity: 0;
 pointer-events: none;
 transition: height 0.8s, opacity 0.4s
}

.visivel {
 height: auto !important;
 opacity: 1 !important;
 bottom: 23px !important;
 pointer-events: all !important;
 z-index: 10;
}

#tituloSobreOGeopin {
  margin-top: 40px;
  text-align: left;
  display: grid;
  flex-wrap: nowrap;
  
}

#textoSobreOGeopin {
  margin-top: 30px;
  padding-left: 30px;
  text-align: justify;
}

#btnFechar {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  font-size: 20px;
  color: rgb(10, 92, 184);
  padding: 1px;
  z-index: 20;
}

#btnFechar:hover {
  color: rgb(8, 73, 146);
}

#logoInfo {
  padding-top: 50px;
  float: left;
  max-width: 570px;
  min-width: 180px ;
  width: 35%;
  margin-right: 10%;
  margin-left: 5%;
  margin-top: 60px;
  margin-bottom: 60px;
}


/* __SLIDES CAROUSEL__ */

.carousel{
  max-width: 1900px;
  margin: auto;
}

#img-slide2 {
 position: relative;
}

#logoGeopinSlide {
 position: absolute;
 right: 10%;
 top: 7.5%;
 height: 49.2%;
}

.btn-next, .btn-prev {
  bottom: 27px;
  z-index: 11;
}

.pointerEventNone {
 pointer-events: none;
 opacity: 0;
}

.indicador {
  margin-top: 4px;
  position: relative;
  z-index: 0;
}

.indicadorInativo {
  background-color: gray;
}

#btnJornada {
  text-decoration: none;
  background-color: #9ca7bb;
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  box-shadow: 4px 4px 9px rgba(0,0, 0, 0.35);
  position: absolute;
  bottom: -35px;
  right: 22px;
  z-index: 1;
  font-weight:500;
  min-width: 201px;
}

#btnJornada:hover {
  background-color: #818a9b;
}

.seta {
  width: 20px;
  margin-left: 25px;
  margin-bottom: 2px;
}

.bi-arrow-right-circle {
  margin: 0px;
  margin-left: 15px;
}

.carousel-indicators [data-bs-target] {
  width: 50px;
  height: 4.4px;
}

#carouselExampleIndicators .carousel-indicators [data-bs-target] {
 /* background-color: rgb(27, 111, 185) */ 
 background-color: rgb(156, 167, 187);
 opacity: 1;

}
#carouselExampleIndicators .carousel-indicators .active {
   background-color: rgb(10, 92, 184) 
  
}


/* __QR CODE__ */

.qr-code {
  text-align: center;
  margin: 100px 0;
}

.img-geopins {
  width: 18%;
  max-width: 295px;
  min-width: 155px;
  display: block;
  margin: auto;
}

.img-qr-code {
  width: 16%;
  max-width: 225px;
  min-width: 125px;
  display: block;
  margin: auto;
}


/* __ATUALIZAÇÕES__ */

.updates {
  margin-bottom: 150px ;   
}

#carousel-atualizacoes {
  margin-top: 20px;
}

.btn-direcao {
  display: inline-flex;
  height: 255px ;
  width: 70px;
}

.btn-direcao:hover {
  background-color: rgba(255, 255, 255, 0.452);
}

.carrossel {
  display: flex;
  justify-content: space-around;
  align-items: center;
  overflow: auto;
  max-width: 1800px;
  height: 270px;
  
}
.carrossel-item {
  border: solid 2px rgb(10, 92, 184);
  width: 230px ;
  height: 150px;
  background-color: rgb(196, 193, 193);
  margin: 5px;
  box-shadow: 4px 4px 9px rgba(0,0, 0, 0.35);
}

.margem-carrossel {
  min-width: 80px;
  height: 150;
  background-color: transparent;
  display: inline-block;
}

.indicador-atualizacoes {
  position: relative;
}

/* __ESTRUTURA DE DADOS__*/

#estruturaDados{
  margin-top: 40px;
 margin-bottom: 100px;
}
.linhaED {margin-bottom: 19px}

#linhaColorida{
 gap: 0;
}

.linha1{
 background-color: #4bbc9c;
 height: 4px;
}

.linha2 {background-color: #aa7fdb; height: 4px;}

.linha3 {background-color: #cc6699; height: 4px;}

.linha4 {background-color: #b99e30; height: 4px;}

.linha5 {background-color: #b7643b; height: 4px;}

.linha6 {background-color: #b33e4a; height: 4px;}

.linha7 {background-color: #5e4a4a; height: 4px;}

.corpoSideBar {
 flex-grow: 1;
 overflow-y: auto;
 padding: 10px;
}


.contFolder {
 margin: 30px 0;
 padding: 0;
 border-radius: 45px;
 box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.4);
 transition: max-height 0.6s;
 overflow: hidden;
 max-height: 700px;
}

.conteudofechado{
 max-height: 90px;
}

.primary-folder-container {
 display: flex;
 align-items: center;
 border-radius: 45px;
}

.icoItemED {
 width:90px;
 height: 90px; 
 flex-shrink: 0;
 box-sizing: border-box;
 border-radius:50%;
 border: solid white 5px;
 margin: 0;
 padding: 0;
}

.divFolder {
 flex-grow: 1;
 box-sizing: border-box;
 text-align: left;
}

.folder {
 margin: 10px;
 text-transform: uppercase;
 font-family: 'corbel', sans-serif;
 font-weight: 550;
 font-size: 30px;
 color: #ffffff;
 
}

.contSubFolder {
 display: flex;
 margin: 15px;
 padding: 10px;
 padding-bottom: 30px;
 max-height: 600px;
 flex-wrap: wrap;
}

.subfolder {
 margin: 5px 10px 0 0;
 padding: 0 10px;
 position: relative;
 border-radius: 0 0 20px 20px;
 display: inline-block;
 width: fit-content;
 overflow-y: auto;
}

.subfolder h6 {
 font-family: 'Myriad', sans-serif;
 font-size: 20px;
 color: #ffffff;
 font-weight: 500;
 text-decoration: none; 
 cursor:auto;
 text-align: left;
}

.ulSubpasta {
 padding-left: 10px;
 text-align: left !important;
 max-height: 400px;
 overflow: auto !important;
}

.layer-item {
 margin-top: 5px;
 list-style-type: none;
 display: flex;
 align-items: center;
}

.layer-item label {
 font-size: 16px;
 margin-left: 4px;
 font-weight: 500;
}

/* Classes para os fundos */
.atributosAmb {
 background-color: #4bbc9cB3;
}

.cadUrbBasico {
 background-color: #b33e4aB3;
}

.equipPolitSetoriais {
 background-color: #b99e30B3;
}

.infraUrbana {
 background-color: #5e4a4aB3;
}

.mapTerritorial {
 background-color: #aa7fdbB3;
}

.planUrbano {
 background-color: #6f6fceB3;
}

.plantParcelAprov {
 background-color: #6f6fceB3;
}

.procAdm {
 background-color: #b7643bB3;
}

.socioeconomico {
 background-color: #cc6699B3;
}

/* Classes para os ícones (exemplo) */
.icon-atributosAmb {
 background: url("../img/IC-CAMADAS/01-atributos_ambientais.349ca83eb97a.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-cadUrbBasico {
 background: url("../img/IC-CAMADAS/07-cadastro_urbano_basico.260095863dc4.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-equipPolitSetoriais {
 background: url("../img/IC-CAMADAS/05-politicas_setoriais.665ec95dbaa9.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-infraUrbana {
 background: url("../img/IC-CAMADAS/08-infraestrutura_urbana.ae9a4567ce4e.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-mapTerritorial {
 background: url("../img/IC-CAMADAS/02-mapeamento_territorial.60547c4950cd.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-planUrbano {
 background: url("../img/IC-CAMADAS/03-planejamento_urbano.73020c93aef0.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-plantParcelAprov {
 background: url("../img/IC-CAMADAS/03-planejamento_urbano.73020c93aef0.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-procAdm {
 background: url("../img/IC-CAMADAS/06-processos_administrativos.f31287a5e148.png") center no-repeat;
 background-size: 85px 85px;
}

.icon-socioeconomico {
 background: url("../img/IC-CAMADAS/04-socioeconomico.21960ee4eab6.png") center no-repeat;
 background-size: 85px 85px;
}

.btED {
 display: flex;
 align-items: center;
 border-radius: 45px;
 width: 100%;
 background-color: transparent;
 border: 0;
 padding: 0;
 text-align: left;
 margin: 0;
}


/* .itemEstruturaDados {
  text-align: left;
  border-radius: 45px;
  margin-bottom: 30px;
  box-shadow: 6px 6px 9px rgba(0,0, 0, 0.4);
}

.icoItemED { 
  float: left;
  width:90px;
  height: auto;  
  border-radius:50%;
  border: solid white 5px;
  margin: 0;
  padding: 0;
  
}

.tituloItemED{
  padding: 25px;
  padding-left: 100px;
  color: white
}

#atributosAmb{background-color: #4bbc9cB3}

#mapTerritorial {background-color: #aa7fdbB3}

#planUrbano {background-color: #6f6fceB3;}

#socioeconomico {background-color: #cc6699B3}

#equipPolitSetoriais{background-color: #b99e30B3}

#procAdm {background-color: #b7643bB3}

#cadUrbBasico {background-color: #b33e4aB3}

#infraUrbana {background-color: #5e4a4aB3}

.btED {
  width: 100%;
  background-color: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  margin: 0;
}

.conteudoDropED ul {
  list-style-type: none;
  display: block;
  margin: 15px;
  padding: 20 px;
  padding-bottom: 30px;
}

.conteudoDropED li {
  display: inline-block;
  padding-right: 45px;
}

.conteudoDropED li a {
  color: white;
  font-weight: 500;
  text-decoration: none;   
}

.conteudoDropED li a:hover {
  text-decoration: underline;
} */

/* 
TESTE TESTE TESTE
*/


/* AVISO DE INSTABILIDADE */

/* #aviso_manutencao {
  display: flex;
  background-color: #f3f1fa;
}

#div_aviso_texto {
  padding: 30px 10px 10px;
}

#div_aviso_texto h2 {
  color: tomato;
  font-size: 40px;
  margin-bottom: 30px;
}

#div_aviso_texto p {
  font-size: 25px;
  color: #074e9e;
}

#img_manutencao {
  height: 450px !important;
  position: relative;
  left: 20px;
}

@media only screen and (max-width: 1000px) {
  #aviso_manutencao {
      flex-direction: column;
      align-items: center;
  }

  #img_manutencao {
    width: 450px;
    height: auto;
    position: relative;
    left: 0;
  } 
}*/