/*
body{
    background: purple;
}
*/

.chartBox{
    width: 100%;
    min-height: 300px;
}
.flexbox{
  display: flex;
  align-items: center;
  justify-content: center;
}

body {
    font-family: "Avantgarde", "TeX Gyre Adventor", "URW Gothic L", sans-serif;
}
  #divBtnTpDoc {
    display: flex;
    /*justify-content: left;*/
    gap: 6px;
  }

  #divBtnTpDoc .btn {
    width: 2.5rem;
    height: 1.9rem;
    text-align: center;
    margin: 0; /* Remove a margem */
    padding: 0; /* Remove o padding */
    margin-bottom: 4px;
  }

  #divBtnEstado {
    display: flex;
    /*justify-content: left;*/
    gap: 6px;
    width: 100%; /* Aumenta o tamanho da flexbox horizontalmente */
    margin: 0 auto; /* Centraliza o contêiner */
    margin-bottom: 12px;
  }

  #divBtnEstado .btn {
    width: 2.5rem;
    height: 1.9rem;
    text-align: center;
    margin: 0; /* Remove a margem */
    padding: 0; /* Remove o padding */
  }
  
  .container {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    height: 8em;
    max-width: 100% !important;
  }

  /*
  #Todos {
    font-size: 13px;
  }
    */
body[data-bs-theme="light"] {
  --cor-btn-doc: #343a40;
  --outline-color-btn-indicator: #696969; /* Outline color for dark theme */

  overflow: hidden;/*TAG RESPONSE*/
}

body[data-bs-theme="dark"] {
  --bs-body-bg: #090c10; /* Cor de fundo para tema escuro */
  --outline-color-btn-indicator: #e0d7d7; /* Outline color for light theme */
  --cor-btn-doc: #dcdcdc;
}

body {
  background-color: var(--bs-body-bg);
}

.card {
  background-color: var(--bs-card-bg);
}

#info-last-sefaz{
  font-weight: bold;
}

#info-estado{
  font-weight: bold;
}

#toggleModoNoturno {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1; /* Adiciona um índice Z para garantir que o botão esteja acima do conteúdo */
}

/*TAG RESPONSE*/

.content{
  width: 100%;
  max-width: 1366px;
}

/*iframe*/
.iframe-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  margin-top: 50px;
}

.iframe-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/*TAG RESPONSE*/
/*
#divBtnEstado{
  max-width: 1140px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#divBtnEstado .btn-with-indicator .btn{
  font-size: 0.7rem;
}
*/



/*indicador estado selecionado*/
.btn-with-indicator {
    position: relative;
    display: inline-block;
}

.btn-with-indicator .indicator {
  position: absolute;
  bottom: -10x;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  /*border-top: 13px solid #007bff;*/
  /*border-top: 13px solid #5c636a;*/
  border-top: 0px solid #5c636a00;/*indicador*/
  display: none;


  width: 15rem;
}

.btn-with-indicator.active .indicator {
    display: block;
}

/*
.btn-with-indicator.active {
  transform: scale(1.3);
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 8px; 
  margin-top: 8px;

  background-color: #000000;  Cor de fundo do botão ativo 

}
*/

.btn-with-indicator.active .btn {
  font-weight: bold; /* Aplica negrito ao texto */
  outline: 4px ridge  var(--outline-color-btn-indicator); ; /* Outline duplo */
  outline-offset: 0px;
  border-radius: 5px; /* Raio dos cantos arredondados */
}


/*indicador documento selecionado*/
.btn-with-indicator-doc {
  position: relative;
  display: inline-block;
  /*margin-bottom: 5px; 
  transform: scale(0.9);*/
  transform: scale(0.9)
}

/*.btn-with-indicator-doc .indicator {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(0%) rotate(180deg);;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 13px solid #007bff;
display: none;
}

.btn-with-indicator-doc.active .indicator {
  display: block;
}
*/


/*botoes documentos*/
.btn-with-indicator-doc.active {
  transform: scale(1.2);
  margin-right: 5px;
  margin-left: 5px;

}

.btn-with-indicator-doc.active .btn {
  font-weight: bold; /* Aplica negrito ao texto */
  outline: 3px ridge  var(--outline-color-btn-indicator); ; /* Outline duplo */
  outline-offset: 0px;
  border-radius: 5px; /* Raio dos cantos arredondados */
}

.btn-custom1 {
  color: var(--cor-btn-doc)  !important; /* Cor do texto (primário padrão do Bootstrap) */
  background-color: var(--bs-body-bg) !important; /* Cor de fundo azul claro */
  border-color: var(--cor-btn-doc) !important; /* Cor da borda */
  font-weight: bold !important; /* Aumenta a grossura da fonte */
  border-width: 1px !important; /* Aumenta a grossura da borda */
}

.btn-custom1:hover {
  color: #fff !important; /* Cor do texto ao passar o mouse (branco) */
  background-color: #797979 !important; /* Cor de fundo ao passar o mouse (primário padrão do Bootstrap) */
  border-color: #797979 !important; /* Cor da borda ao passar o mouse */
  font-weight: bold !important; /* Mantém a grossura da fonte */
}


.btn-custom2:hover {
  color: #fff !important; /* Cor do texto (primário padrão do Bootstrap) */
  background-color: #797979a7 !important; /* Cor de fundo azul claro */
  border-color: #797979a7 !important; /* Cor da borda */
  font-weight: bold !important; /* Aumenta a grossura da fonte */
  border-width: 1px !important; /* Aumenta a grossura da borda */
}

.btn-custom2 {
  color: var(--bs-body-bg) !important; /* Cor do texto ao passar o mouse (branco) */
  background-color: var(--cor-btn-doc) !important; /* Cor de fundo ao passar o mouse (primário padrão do Bootstrap) */
  border-color: var(--cor-btn-doc) !important; /* Cor da borda ao passar o mouse */
  font-weight: bold !important; /* Mantém a grossura da fonte */
}

/*TAG RESPONSE*/
/*
#app{
  overflow: hidden;
}*/