:root{
    --texto-claro: #F1F5F2;
    --destaque-claro: #BBD8B3;
    --destaque-escuro: #cbdd8d;
    --destaque: #bccd82;

    --fundo-claro: #465836;

    --fundo-escuro-1: #2f312e;
    --fundo-escuro-2: #293324;
    --fundo-escuro-3: #222c1d;
    --fundo-escuro-4: #14281D;
    --fundo-escuro-5: #232422;


    --bg-1: #211f1e;
    --bg-2: #423e3c;
    --bg-3: #393534;
    --bg-4: #1e4942;
    --bg-table: #423e3c;
}

.bg-1{
  background-color: var(--bg-1) !important;
  background: var(--bg-1) !important;
}

.bg-2{
  background-color: var(--bg-2) !important;
  background: var(--bg-2) !important;
}

.bg-3{
  background-color: var(--bg-3) !important;
  background: var(--bg-3) !important;
}

.bg-4{
  background-color: var(--bg-4) !important;
  background: var(--bg-4) !important;
}


body {
  overflow-x: hidden;
}


.table-container {
    width: 100%; /* Garante que a tabela ocupe toda a largura do container */
    display: block; /* Garante que o bloco se comporte corretamente */
    overflow-y: auto; /* Adiciona barra de rolagem vertical */
}

.table-container th,
.table-container td {
    white-space: nowrap; /* Impede a quebra de linha dentro das células */
    text-overflow: ellipsis; /* Adiciona reticências aos textos que ultrapassarem o limite da célula */
    overflow: hidden; /* Esconde o texto que ultrapassar o limite da célula */
    max-width: 300px; /* Define uma largura máxima para as células */
}

.modal-title {
    color: slategray;  /* Cor para a chave */
    font-weight: bold;
    margin-bottom: 0;
}

.modal-key {
    color: bisque !important;  /* Cor para a chave */
    font-weight: bold;
    margin-bottom: 0;
}

.modal-value {
    color: darkgray;  /* Cor para o valor */
    margin-top: 0.5em;
}

.texto-card-pequeno{
  font-size:small;
  margin: 0;
  margin-bottom: 2px;
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #47564D; 
  padding: 1px;
}
  
/* Handle */
::-webkit-scrollbar-thumb {
  background: #CCAE91;
  /* border: 1px solid rgb(0, 0, 0); */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cc9d71; 
  /* border: 1px solid rgb(63, 63, 63); */
}

.form-check-input:checked {
  background-color: #007fff;
  border-color: #3a3f44;
}

.SingleDatePicker_picker{
  z-index: 9999;
}

.offcanvas.offcanvas-start {
  width: 37vw;
}


.col_sidebar{
  width: 14%;
}

.main_row{
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.row-superior-indicadores{
  height: 6vh;
  width: 100%;
  /* background-color: #4e4e4e; */
  background-color: #0f2925;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 1px 3px #00000078;
}

.div-titulo-pagina-indicadores{
  font-size: 25px;
  text-shadow: 2px 2px 2px rgb(34, 34, 34);
  /* color: rgb(219, 219, 219); */
  color: #d9dddc;
  display: flex;
  flex-direction: row;
}

.layout-indicadores{
  /* background-color: #3b3b3bb0; */
  /* background-color: #353535c9; */
  background-color: #2c372ed6;
  height: 98vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}


.div-dropdowns-data-indicadores{
  display: flex;
  flex-direction: row;
  column-gap:  10px;
  align-items: center;
}

.row-filtros-indicadores{
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  padding-right: 10px;
  justify-content: flex-end;
}

.div-drop-coordenador-indicadores{
  align-content: center;
}


.dropdown-indicadores{
  width: 13vw;
}

.dropdown-indicadores > .Select-control{
  height: 5vh;
  width: 13vw;
  border: 1px solid rgb(155, 155, 155);
  background-color: #2c372e;
}


.dropdown-indicadores-menor{
  width: 12vw;
}

.dropdown-indicadores-menor > .Select-control{
  height: 5vh;
  width: 12vw;
  border: 1px solid rgb(155, 155, 155);
  background-color: #2c372e;
}


.div-drop-coordenador-indicadores *{
  background-color: #2c372e;
  align-content: center;
}

.div-drop-coordenador-indicadores .has-value.Select--single>.Select-control .Select-value .Select-value-label, .div-drop-coordenador-indicadores .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{
  color: rgb(196, 196, 196);
  font-size: 18px
}

.div-drop-coordenador-indicadores .Select-placeholder{
  font-size: 18px;
  color: rgb(196, 196, 196);
}

.dropdown-data-indicadores *{
  background-color: #2c372e;
  color: white;
}


.row-principal-indicadores{
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  /* height: 91dvh; */
  height: 100%;
}

.coluna-1-indicadores{
  width: 32%;
  display: flex;
  flex-direction: column;
  padding-left: 0.5%;
}

.row-1-coluna-1-indicadores{
  height: 67%;
}

.row-2-coluna-1-indicadores{
  /* height: 38%; */
  display: flex;
  flex-direction: column;
  
}


.coluna-2-indicadores{
  width: 37%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content:center;
  align-content: flex-start;
  flex-wrap: wrap;
  /* row-gap: 15px; */
  row-gap: 1.75%;
  /* padding-top: 1%; */
}

.coluna-3-indicadores{
  display: flex;
  flex-direction: column;
  background-color: #1e3632ad;
  box-shadow: -1px 2px 3px #0000004f;
  /* padding-bottom: 5px; */
  width: 31%;
}

.coluna-3-indicadores h5{
  color: rgb(219, 219, 219);
}



.row-1-coluna-3-indicadores{
  min-height: 100px;
  max-height: 22vw;
  padding-left: 10px;
  padding-right: 10px;
  overflow-y: auto;
}


/* width */
.coluna-3-indicadores > ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.coluna-3-indicadores > ::-webkit-scrollbar-track {
  background: #b4b4b4; 
}
 
/* Handle */
.coluna-3-indicadores > ::-webkit-scrollbar-thumb {
  background: #686868; 
}

/* Handle on hover */
.coluna-3-indicadores > ::-webkit-scrollbar-thumb:hover {
  background: #505050; 
  border: 1px solid black;
}


.row-2-coluna-3-indicadores{
  /* height: 35%; */
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  padding-left: 8px;
  padding-right: 8px;
  height: 40vh;
}


.status-card-title{
  color:#cafcb3;
  text-shadow: 2px 2px 3px rgb(56, 56, 56);
  /* font-size: 1.1rem; */

  font-size: 0.925vw;

  align-content: center;
  text-align: center;
  display: block;
  line-break: loose;
}


.status-card-value{
  /* font-size: 3.5rem; */
  font-size: 2vw; 
  /* font-size: clamp(1.2rem, 2.5vw, 1rem); */
  color: rgb(255, 255, 255);
  text-shadow: 2px 2px 3px rgb(44, 44, 44);
  text-align: center;
  margin-bottom: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;


}



.div-drop-municipios-indicadores {
  position: fixed;
  z-index: 10000;
  left: 23vw;
  width: 10vw;
  top: 7vh;
}



.status-card{
  /* background-color: #555555; */
  /* background-color: #515151; */
  background-color: #3d514d;
  /* border: 2px solid #585858; */
  box-shadow: 1px 1px 3px #000000a1;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;justify-content: space-evenly;}

.status-card:hover{
  background-color: #626b63;
}

.div-title-card{
  /* height: 35%; */
  width: 100%;
}

.div-value-card{
  /* height: 65%; */
  width: 100%;
}


.leaflet-control-attribution{
  display: none;
}


.div-graficos-coluna-3-indicadores{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-around;
  border: 1px solid rgb(39, 39, 39);
  /* background-color: rgb(59, 59, 59); */
  background-color: #2c372e;
  width: 50%;
  height: 100%;
}

.dropdown-ordem > .Select-control{
  width: 10vw;
  height: 1vh;
}

.div-drop-ordem *{
  background-color: #2c372e;
  color: rgb(196, 196, 196);
}

.div-drop-ordem .has-value.Select--single>.Select-control .Select-value .Select-value-label,.div-drop-ordem .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{
  color: rgb(196, 196, 196);
}

.div-baixo-cards-coluna1{
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  justify-content: space-around;
  align-content: flex-start;
  row-gap: 10px;
  padding-top: 15px;

}

.div-info-ponto-assessoria{
  overflow-y: scroll;
  width: 75%;
  background: #153b35bd;
  padding: 10px;
  display: flex;
  flex-direction: column;
  border: 1px solid #1c5148;
}

.icone_sidebar{
  margin-right: 5px;
  font-size: 25px;
}

#_dash-app-content{
  height: 100vh;
  width: 100vw;
}

#_dash-app-content > div {
  height: 100vh;
  width: 100vw;
}


.sidebar_completa{

  height: clamp(600px, 100%, 100%);
  width: 100%;
  /* background: #3b3b3bff; */
  background: #1e3632e0;
  border: 0;
  position: relative

}

body{
  background-image: url('fundo2.png');
  background-size: cover;
  height: 100vh;
  width: 100vw;
}

/* #page-content{
  background-color: rgba(43, 43, 43, 0.753);
  border-radius: 5px;
} */

.row-principal-layout{
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 43, 43, 0.521);
  /* max-width: 84.5vw; */
}


#page-content > div {
  height: 100%;
  width: 100%;
}

.cards-assessorias-esquerda{
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  gap: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  /* max-height: 93vh; */
  flex: 1 1 0%;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #0f2925bd;
}

.card-lateral{
  margin-right: 5px;
  /* border: 1px solid rgba(0, 0, 0, 0.473); */
  border: none;
  background-color: #183b35;
  box-shadow: 1px 1px 3px #0000005c;
  /* background-color: rgba(63, 63, 63, 0.89) */
}

.card-lateral .texto-card-pequeno{
  text-shadow: 2px 2px 2px rgba(15, 15, 15, 0.507);
  color: rgb(204, 204, 204);
}

.div-aplicar-filtros{
  background: rgba(49, 49, 49, 0.89);
  padding: 10px;
  border: 1px solid rgb(0, 0, 0) ;
  border-radius: 3px;
}


.card-lateral:hover{
  cursor: pointer;
  transform: scale(101%);
  background-color: rgba(30, 29, 32, 0.815)
}


.col-1-content-layout{
  width: 30%;
  height: 100%;
}

.col-2-content-layout{
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  height: 26%;
  width: 100%;
  
}

#btn-pag-proxima-cadastro:disabled, #btn-pag-anterior-cadastro:disabled, 
#btn-pag-proxima-assessoria:disabled, #btn-pag-anterior-assessoria:disabled
{
  background-color: #2e2e2e;
  color: #505050;
}


.col-2-content-layout .card, .col-3-content-layout .card{
  background: rgba(63, 63, 63, 0.89)
}

.col-2-content-layout P{
  color: rgb(204, 204, 204);
}


.col-3-content-layout{
  margin-left: 8px;
  width: 100% !important;
  height: 74%;
  padding: 10px;
  background-color: #153b35bd;
  position: relative;
  border: 1px solid #1c5148
}

.div-num-situacoes{
  color: rgb(219, 219, 219);
  background-color: #153b35bd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 30px;
}

.loading-spinner{
  background: #41414134 !important;
  backdrop-filter: blur(10px) !important;
  position: absolute;
  z-index: 999;
  text-shadow: 1px 1px 3px rgb(46, 46, 46);
  font-size: 1.3rem;
}

.div-num-situacoes h3{
  /* font-size: 28px !important; */
  font-size: 1.55dvw !important;
  color: wheat;
}


.div-navbar-esquerda{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 
.btn-primary{
  background-color: #6d6d6dbb !important;
  background-image: none !important;
  text-shadow: 2px 2px 5px rgba(34, 34, 34, 0.842);
} */

.btn-primary:hover{
  background-color: #353535bb !important;
  background-image: none !important;
}


.btn-primary-active{
  background-color: #2c3450 !important;
}


#login_button {
  background-color: var(--destaque);
  color: var(--fundo-escuro-4);
}

#login_button:hover {
  background-color: var(--fundo-escuro-4);
  color: var(--destaque);
}


.div-login{
  /* height: 45vh; */
  /* max-height: auto;
  min-height: 42vh; */
  height: clamp(auto, 40vh, 800px);
  /* width: 16vw; */
  width: clamp(330px, 20vw, 390px);
  /* background-color: rgba(43, 43, 43, 0.829); */
  /* background-color: #2c271ade;  */

  /* background: linear-gradient(116deg,#2c271a, #1c2c1a); */

  /* background: #2b3526; */
  background-image: url('somente_fundo.png');
  background-size:cover;
  background-repeat: no-repeat;

  border-radius: 3px;
  padding: 18px;
  /* margin-left: 27.80vw; */
  /* border: 1px solid #bccd822a;  */
  /* box-shadow: 2px 2px 5px rgba(39, 39, 39, 0.76); */
}


.texto-login-header{
  font-size: clamp(1.35em, calc(1.05vw + 0.80vh), 1.8rem);
  margin-top: 6px;
  color: var(--texto-claro);
}


.fundo-div-login{
    width: 100dvw;
    height: 100dvh;
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url('fundo2.png');
    background-size: cover;
}


.fundo-relatorios{
  background-color: #0f2925e3;
  width: 100%;
  min-height: auto;
  max-height: 93vh;
  overflow: auto;
  padding: 10px;
  /* padding-left: 1vw;
  padding-right: 1vw; */
  border-radius: 0 0 5px 5px;
  margin: auto;
  border: 1px solid #334637;
}

.fundo-relatorios1{
  /* background-color: rgba(43, 43, 43, 0.726); */
  background-color: #0f2925e3;
  width: 100%;
  min-height: auto;
  max-height: 93vh;
  overflow:visible;
  padding: 10px;
  /* padding-left: 1vw;
  padding-right: 1vw; */
  border-radius: 0 0 5px 5px;
  margin: auto;
  border: 1px solid #334637;
}

.card-tela-relatorio{
  background-color: var(--bg-4) !important;
  border: 1px solid #526155 !important;
  border-radius: 0;
}


.fundo-relatorios h2, .fundo-relatorios h5, .fundo-relatorios h4,
.fundo-relatorios1 h2, .fundo-relatorios1 h5, .fundo-relatorios1 h4
{
  color: rgb(219, 219, 219);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.507);
}

/* .fundo-relatorios .card, .fundo-relatorios1 .card{
  background-color: rgba(87, 87, 88, 0.719);
  border: 1px solid rgb(121, 121, 121);
} */


.fundo-relatorio-venda{
  background-color: rgba(43, 43, 43, 0.726);
  width: 100%;
  height: auto;
  padding: 10px;
  padding-left: 1vw;
  padding-right: 1vw;
  border-radius: 0 0 5px 5px;
  margin: auto;
  border: 1px solid rgb(87, 87, 87);
}

.fundo-relatorio-venda h2, .fundo-relatorio-venda h5, .fundo-relatorio-venda h4{
  color: rgb(219, 219, 219);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.507);
}

.fundo-relatorio-venda .card{
  background-color: rgba(87, 87, 88, 0.719);
  border: 1px solid rgb(121, 121, 121);
}



#page-content .nav-link{
  background: rgba(75, 75, 82, 0.829);
  margin-right: 5px;
}

#page-content .nav-item .active{
  background: rgba(14, 90, 65, 0.829);
}

#page-content .nav-link:hover{
  background: rgba(21, 134, 96, 0.829);
}


.modal-value p {
  color: rgb(204, 204, 204);
}

tr{
  border: 1px solid rgb(65, 65, 65);
}


.div-mapa-popup{
  padding:10px;
  height:100%;
  background-color: rgb(63, 63, 63);
  width:100%;
  border:1px solid rgb(149, 151, 134);
  border-radius:5px
}


.offcanvas_filtros{
  /* background-color: rgb(43, 43, 43); */
  background: var(--bg-3);
}

.offcanvas_filtros .card{
  /* background-color: rgba(63, 63, 63, 0.719); */
  background: var(--bg-2);
  border: 1px solid rgb(70, 70, 70);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.329);
}


.offcanvas-body{
  flex-grow: 1;
  padding: 1rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  row-gap: 2vh;
  padding-bottom: 15vh;
}


.offcanvas_filtros h2, .offcanvas_filtros h5, .offcanvas_filtros h4{
  color: rgb(219, 219, 219);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.507);
}

.offcanvas-title{
  color: rgb(219, 219, 219) !important;
  font-size: 1.75rem;
}

#modal-fake h3, #modal-fake h4{
  color: rgb(219, 219, 219);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.425);
}

#modal-fake p {
  color: rgb(219, 219, 219);
}

#modal-fake-cadastro h3, #modal-fake-cadastro h4{
  color: rgb(219, 219, 219);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.425);
}

#modal-fake-cadastro p {
  color: rgb(219, 219, 219);
}

.leaflet-control-colorbar{
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 4px rgb(73, 73, 73);
  background-color: #3131316b;
  padding: 3px;
  border-radius: 3px;
  border: 1px solid rgb(66, 66, 66);
}

/* .div-card-pages{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  height: 6vh;
  border: 1px solid black;
  border-radius: 5px;
  background-color: #41414161;
} */


.titulo-radio-gerar-relatorios{
  font-size: 25px;
}

.radio-gerar-relatorios-de{
  margin-left: 10vw;
}

.div-radios-relatorio{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


.div-radios-relatorio .form-check-input:checked{
  background-color:#0d6efd;
  border-color: #0d6efd;
}



.div-checklists-campos-assessoria{
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  column-gap: 30px;
  flex-wrap: wrap;
  height: 25vh;
  overflow: auto;
  width: 100%;
}

.div-checklists-campos-cadastro{
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 1.4vh;
  flex-wrap: wrap;
  height: 22vh;
  overflow:auto;
}



.div-checklists-campos-assessoria .form-check-input:checked, .div-checklists-campos-cadastro .form-check-input:checked{
  background-color:#0d6efd;
  border-color: #0d6efd;
}


.div-input-ordem{
  display: flex;
  flex-direction: row;
  column-gap: 20px;
}

.div-input-ordem .form-check-input:checked{
  background-color:#0d6efd;
  border-color: #0d6efd;
}


.row-ordem-btn{
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 2vw;
}

#conteudo-especifico-relatorio-pers h3 {
  color: rgb(219, 219, 219);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.507);
}

.branco_fundo_sombra{
  color: rgb(219, 219, 219);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.507);
}

.dropdown-top .Select-menu-outer {
  top: auto !important;
  bottom: 100% !important;
  margin-bottom: 5px;
}

.div-carregando-relatorio-ativo{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999999999999999;
  background-color: rgba(0, 0, 0, 0.589);
  backdrop-filter: blur(3px);
}


.bloco-dentro-div-carregando{
  width: 30%;
  height: 18vh;
  background-color: #474747;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 3vh;
  border-radius: 5px;
  color: rgb(204, 204, 204);
  text-shadow: 2px 2px 2px rgba(15, 15, 15, 0.507);
}

.div-carregando-relatorio-inativo{
  display: none;
}


.div-flex-row{
  display: flex;
  flex-direction: row;
}

.div-flex-col{
  display: flex;
  flex-direction: column;
}

.btn-sidebar{
  color: #cbccd1;
  text-shadow: 1px 1px 3px rgba(49, 49, 49, 0.377);
  text-decoration: none !important;
  width: 90%;
  border-radius: 3px;
  height: 6vh;
  display: flex;
  align-items: center;
  justify-self: flex-start;
  padding-left: 21px;
  font-weight: 400;
  /* font-size: 1.3rem; */
  font-size: 1vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}


.btn-logout{
  color: #ff6666;
  text-shadow: 1px 1px 3px rgba(49, 49, 49, 0.377);
  text-decoration: none !important;
  width: 90%;
  border-radius: 3px;
  height: 6vh;
  display: flex;
  align-items: center;
  justify-self: flex-start;
  padding-left: 21px;
  font-weight: 400;
  /* font-size: 1.3rem; */
  background: #12121254;

  font-size: 1vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.btn-logout:hover{
  background: #ff6666;
  color: #000000;
  text-shadow: 1px 1px 3px #181818;
  cursor: pointer;
}


.btn-sidebar:hover{
  background-color: #0f2925 !important;
}

.btn-sidebar-active{
  color: #d9dddc;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.253);
  text-decoration: none !important;
  width: 90%;
  border-radius: 3px;
  height: 6vh;
  display: flex;
  align-items: center;
  justify-self: flex-start;
  padding-left: 21px;
  font-weight: 500;
  /* font-size: 1.3rem; */
  font-size: 1.25vw;
  border-bottom: 2px solid #009d57;
  background-color: #3d514d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

/* #btn-pag-proxima-cadastro, #btn-pag-proxima-assessoria, #btn-pag-anterior-cadastro, #btn-pag-anterior-assessoria, .contador-pagina{
  background: #7fff44 !important;
  color: #1c1c1c !important;
  border: 1px solid #2b2b2b !important;
  text-shadow: 1px 1px 3px #797979d6 !important
}


#btn-pag-proxima-cadastro:hover,  #btn-pag-proxima-assessoria:hover, #btn-pag-anterior-cadastro:hover, #btn-pag-anterior-assessoria:hover{
  background: #222222 !important;
  color: #74ff34 !important;
  border: 1px solid rgb(100, 100, 100) !important;
  text-shadow: none;
} */


/* #open-offcanvas, #open-offcanvas-cadastro{
  background: #32ef54 !important;
  color: #000000 !important;
  border: 1px solid rgba(100, 100, 100, 0.11);
  text-shadow: 1px 1px 3px #797979d6 !important;
  width: 15vw !important;
}

#open-offcanvas:hover, #open-offcanvas-cadastro:hover{
  color: #32ef54 !important;;
  background: #222222 !important;
  border: 1px solid rgb(100, 100, 100) !important;
  text-shadow: none;
} */

#point-edit-cadastro, #point-edit{
  color: white !important;
  background: #00949d !important;
  text-shadow: 1px 1px 3px #000000c7 !important;
}


#point-edit-cadastro:hover, #point-edit:hover{
  color: bisque !important;
  background: #2d2d2d !important;
}

.btn-info{
  color: white !important;
  background: #3d75ad !important;
  text-shadow: 1px 1px 3px #1a1a1a !important
}

.btn-info:hover{
  color: #54d6ff !important;
  background: #2d2d2d !important;
  border: 1px solid rgb(100, 100, 100) !important;
}

.btn-success{
  background: #78c554 !important;
  text-shadow: 1px 1px 2px #000000bf !important;
}


.btn-success:hover{
  background: #60a341 !important;
  text-shadow: 1px 1px 2px #000000bf !important;
}



.btn-warning{
  background: #e5993a !important;
  color: #ffffff !important;
  text-shadow: 1px 1px 2px #272727ed;
  border: 1px solid rgb(54, 54, 54) !important;
}

.btn-warning:hover{
  background: #1d1d1d !important;
  color: #f9a124 !important;
  border: 1px solid rgb(100, 100, 100) !important;
}


.leaflet-control-measure h3 {
  color: rgb(61, 61, 61) !important;
  font-size: 14px;
  margin: 0 !important;
  padding-bottom: 0 !important;
  text-shadow: none !important
}


.leaflet-control-measure p {
  color: rgb(46, 46, 46) !important;
  font-size: 10px;
  margin: 0 !important;
}

.leaflet-control-measure .group{
  margin: 0 !important;
  padding: 3px !important;
}



.leaflet-popup-content h3{
  color: black !important;
  text-shadow: none !important;
  font-size: 18px;
}

.leaflet-popup-content p{
  color: rgb(39, 39, 39) !important;
  text-shadow: none !important;
  margin: 5px !important;
}

.js-measuringprompt{
  min-height: min-content;
  max-height: fit-content;
}

.leaflet-control-measure ul{
  margin: 0 !important;
}


#drop-municipio-indicadores .Select-multi-value-wrapper
{
    overflow-y: auto;
    max-height: 20vh;
    width: 100%;
}

.popover-metas .popover-body{
  color: white;
}

.texto-claro{
    color: rgb(237, 247, 255);
    text-shadow: 1px 1px 3px rgb(20, 20, 20);
}

.popover-body{
    color: rgb(223, 223, 223);
    text-shadow: 1px 1px 3px rgba(31, 31, 31, 0.671);
    background-color: #262a2e;
    border-radius: 5px;
    border: none;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.705);
}

.popover-arrow{
    --bs-popover-bg: rgb(182, 182, 182) !important;
}


.card-text{
  font-size: 0.90vw;
}

.caroulse-imagens-cadastro .carousel-item, .caroulse-imagens-cadastro .carousel-inner, .caroulse-imagens-cadastro .slide, .caroulse-imagens-cadastro{ 
  max-width: 30vw !important; 
}




.caroulse-imagens-cadastro img{
  /* max-width: 35vw; */
  max-height: 80vh;
  max-width: 100%;
  object-fit: contain;
}

.caroulse-imagens-cadastro * {
  max-width: 30vw;
}


.red-border{
    border: 1px solid rgb(242, 90, 0) !important;
}

.black-border{
    border: 1px solid rgb(13, 20, 0) !important;
}



.table-dark {
    background-color: var(--bg-table);
    /* background-color: transparent; */
    color: rgb(201, 201, 201);       
}

.table-dark:where(tr)[data-hover], .m_b2404537 > :where(tr)[data-hover]  {

  --tr-hover-bg: #464240 !important;

}

.mantine-Grid-inner{
    margin: 0;
    width: auto;
    height: 100%;
}

.modal-fake{
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  background-color: #00000048;
  position: absolute;
  /* padding-top: 2dvh;
  padding-bottom: 2dvh; */
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
}


.hidden {
  display: none !important;
}

.div-info-caf{
  max-height: 50dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 15px;
  background-color: #3b3b3b;
  overflow-y: auto;
  padding: 15px;
}


.div-info-caf div{
  width: 100%;
}


.mantine-Modal-body{
  padding: 0 !important;
}

/* .box-mapa-popup{
  height: 46dvh;
  width: 100%;
  padding: 10px;
  background: #3b3b3b;
  border-radius: 3px;
} */