/*--------configuração geral do CSS-----*/
*{
  margin:0px;
  padding:0px;
  max-width: 100%;
  box-sizing: border-box;
 
 
 }
 
 html, body {
   overflow-x: hidden;
   background-color:#FAFFFF; 
 }
 
 
 /*--------cabeçalho-----*/

 /*--------corpo-----*/
.msgTopoTextA{
   color:#13478e;

}


 .enquete2026_espaco {
   width: 100% ;
   height:50px; 
 }
 .listagem{
   width:80%;
   display: inline-block;
 
 }
 
 .listagem h2{
   width: 95%;
   font-family: Calibri;
   padding-bottom: 5px;
   border-width: 0px 0px 2px 0px;
   border-style: solid;
   border-color: silver;
 
 }
 
 .listagem .post img, .listagem .page img {
    margin-right: 20px;
    display: inline-block;
    border-radius: 100%;
    box-shadow:  1px 1px 1px 1px #696969 ;
    max-height: 100px;
    max-width: 100%;
 
 }
 
 
 .listagem .post .info .listagem .page .info {
    display: inline-block;
    min-height: 100px;
 
 }
 
 .listagem .post .info .a .h3 .listagem .page .info .a .h3{
   text-decoration: none;
   color:blue;
 
 }
 .listagem .post a, .listagem .page a {
    text-decoration: none;
    color:black;
 }
 
 
 
 .listagem .post h3, .listagem .page h3 {
    margin-top: 5px;
    margin-bottom:5px;
    margin-left: 0px;
    font-family: Calibri;
 
 }
 .listagem .post p, .listagem .page p {
    margin-top: 5px;
    margin-left:10px;
    font-family: Calibri;
 
 }
 .data_input056{
    margin-top: 15px;
    margin-left:15px;
    font-family: Calibri;
    background-color: #4e306e;
 }

 
 /*=============================================================================================================================================================*/


/* Dispositivos extra small (telefones em modo retrato, com menos de 163px)*/
  /*--------diferentes dispositivos--*******************************************************************************************************************************************---*/
 @media (max-width: 163.98px){
 

  /*menu*/
  .logo_menu{
    height: 25px;

  }
  /* convite_outras_enquetes */
  #enquetes-custom-a-text-link{
    
    min-width: 100%;
  }
  
 }
 /*--------diferentes dispositivos--*******************************************************************************************************************************************---*/
 /* Dispositivos extra small (telefones em modo retrato, com menos de 576px e maior que 164px)*/
 @media(min-width:164px) and (max-width: 575.98px) {
  /*menu*/
  .logo_menu{
    height: 35px;
  }

    /* convite_outras_enquetes */
  #enquetes-custom-a-text-link{
    
    min-width:100%; 
    
  }
  /*botões para acesso rápido as enquetes. fican acima da enquete ativa*/
  .enquetes-custom-div-button{
    margin-right: 5%;
    margin-bottom: 10%;
  }
    /*fonte dos botões de acesso/convite as duas enquetes diferente daquala que está em tela */
  .enquetes-custom-button{
    font-size: 10px;
  }
  .estylo-votacao-div{
    /*max-width: 98%;*/
    margin-left: 1; /* Align to the left edge */
    padding-left: 1%; /* Add standard container padding back */
    padding-right: 1%; /* Add standard container padding back */
    padding-bottom: 1%;
  }
  /*
  .two-column-list {
    border-radius:20px;
    display: grid;
    grid-template-columns: 1fr; 
  }
*/
 }


 /* Styles for smaller screens (e.g., mobile) =================================================================================================================================== */

 /*Dispositivos small (telefones em modo paisagem, com 576px ou mais)*/
 @media (min-width: 576px) and (max-width: 767.98px) {
  .logo_menu{
    height: 35px;
  }

    
   .parent_056137198_enquetes {
  
     margin:0% 12% 0% 0%;
     padding: 5% 2% 5% 5%; 
     background-color:#535151;
     border-radius:20px;
     color:white;

   }
    /* Styles da tela de votação, onde mostra os votos obtidos por candidato e também abre a opcao do usuario registrar o seu voto */

       /* convite_outras_enquetes */
    #enquetes-custom-a-text-link{
      
      min-width: 100%;
    }

      /*botões para acesso rápido as enquetes. fican acima da enquete ativa*/
    .enquetes-custom-div-button{
        margin-right: 5%;
        margin-bottom: 10%;
    }
        /*fonte dos botões de acesso/convite as duas enquetes diferente daquala que está em tela */
    .enquetes-custom-button{
        font-size: 10px;
    }
    .estylo-votacao-div{
      max-width: 90%;
      margin-left: 0; /* Align to the left edge */
      padding-left: 2%; /* Add standard container padding back */
      padding-right: 2%; /* Add standard container padding back */
      padding-bottom: 2%;
    }

 }
 
 
 /* Styles for smaller screens (e.g., mobile) =================================================================================================================================== *// 
 
 /* Dispositivos médios (tablets com 768px ou mais)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
  .logo_menu{
    height: 40px;
  }

    /* convite_outras_enquetes */
  #enquetes-custom-a-text-link{
    
    min-width: 100%;
   
  }

    /*botões para acesso rápido as enquetes. fican acima da enquete ativa*/
    .enquetes-custom-div-button{
      margin-right: 5%;
      margin-bottom: 20%;
    }
      /*fonte dos botões de acesso/convite as duas enquetes diferente daquala que está em tela */
    .enquetes-custom-button{
      font-size: 10px;
    }
    .estylo-votacao-div{
      max-width: 70%;
      margin-left: 0; /* Align to the left edge */
      padding-left: 2%; /* Add standard container padding back */
      padding-right: 2%; /* Add standard container padding back */
      padding-bottom: 2%;
    }
  
    /* Styles da tela de votação, onde mostra os votos obtidos por candidato e também abre a opcao do usuario registrar o seu voto */

 }
 /*  =================================================================================================================================== */

 /* Dispositivos large (desktops com 992px ou mais)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
  .logo_menu{
    height: 40px;
  }


   /* convite_outras_enquetes */
  #enquetes-custom-a-text-link{
    
    min-width: 49%;
  }
 

    /*botões para acesso rápido as enquetes. fican acima da enquete ativa*/
  .enquetes-custom-div-button{
    margin-right: 5%;
    margin-bottom: 5%;
  }
      /*fonte dos botões de acesso/convite as duas enquetes diferente daquala que está em tela */
  .enquetes-custom-button{
     font-size: .95rem;
  }
  /* Styles da tela de votação, onde mostra os votos obtidos por candidato e também abre a opcao do usuario registrar o seu voto */
  .estylo-votacao-div{
    max-width: 75%;
    margin-left: 15%; /* Align to the left edge */
    padding-left: 2%; /* Add standard container padding back */
    padding-right: 2%; /* Add standard container padding back */
    padding-bottom: 2%;
  }
  /*
  .two-column-list {
    border-radius:100px;
    display: grid;
    grid-template-columns: 1fr; 
    
    }
 */
  }
  /***************************************************************************************************************************************************************************/
  /* Dispositivos extra large (desktops grandes com 1200px ou mais)*/
  @media (min-width: 1200px) { 
    .logo_menu{
      height: 60px;
    }
  
    #enquetes-custom-a-text-link{
     
      min-width: 49%;
    }
   

      /*botões para acesso rápido as enquetes. fican acima da enquete ativa*/
    .enquetes-custom-div-button{
      margin-right: 5%;
      margin-bottom: 5%;
    }
        /*fonte dos botões de acesso/convite as duas enquetes diferente daquala que está em tela */
    .enquetes-custom-button{
       font-size: .95rem;
    }
    /* Styles da tela de votação, onde mostra os votos obtidos por candidato e também abre a opcao do usuario registrar o seu voto */
    .estylo-votacao-div{
      max-width: 75%;
      margin-left: 15%; /* Align to the left edge */
      padding-left: 2%; /* Add standard container padding back */
      padding-right: 2%; /* Add standard container padding back */
      padding-bottom: 2%;
    }
 

   }
 /*PROPRIEDADES DA TELA QUE APRESENTA OS CANDIDATOS  PARA VOTAÇÃO OU MESMO SOMENTE INFORMATIVO  NO CASO DE ENQUETES ENCERRADAS*/

/*mensagens de topo*/
.msg-topo-enquete{
  background-color: #FFFFFF;
}
#msg-enquete-diferenca-pesquisa{
  border: 1px solid #4c5879;
  box-shadow: 2px 2px 2px #b0b8cf;
  /*border: 1px solid rgb(177, 167, 167);*/
  border-radius: 5px;
  /* box-shadow:  1px 2px 5px rgb(117, 116, 116);*/

}
#msg-enquete-ao-vivo-esquerda{
  background-color:black;
  color:white; 
  border-radius: 6px 0px 0px 6px;
  padding:7px;

}
#msg-enquete-ao-vivo-direita{
  background-color:red;
  color:white; 
  border-radius: 0px 6px 6px 0px;
  padding:7px;

}
 /* configura o banner no single-banner.php*/
.enquetes_thumbnail_banner{

  display: block;
  margin-left: auto;
  margin-right: auto;
}
 /* SÍMBOLO DOS CALENDÁRIOS DAS ENQUETES - INICIADAS E ENCERRADAS*/
 #enquete_calendar{
  color:#051399;
 }
 /* Styles for bootstrap */
 .custom-list-group {
   background-color:#051399; 
 }

#enquetes-custom-div-row{
  justify-items: center;
}
 .enquetes-custom-button{
  background-color:#051399;
  text-align: center !important; 
  vertical-align: middle !important; 
  line-height: normal !important;
  overflow-wrap: break-word; 
  border-radius:10px;
  min-height: 20%;
  min-width: 40%;
 }
#enquetes-custom-a-text-link{
 
  border-radius:5px;
  background-color:#051399;  
  
  text-align: center; 
  text-decoration: none;

}
#enquetes-custom-a-text-link:hover{
  background-color:  #13478e;    
}

/*tela votação */
.container-enquete-ativa-or-uf-dif-br{
  background-color: #FFFFFF;
}
.container-enquete-enc-or-uf-dif-br{
  background-color: #FFFFFF;
}
.container-choose-uf{
  background-color: #FFFFFF
}
#first-div-voto-screen{
  border: 1px solid #4c5879;
  box-shadow: 2px 2px 2px #b0b8cf;
  /*border: 1px solid rgb(177, 167, 167);*/
  border-radius: 5px;
  /* box-shadow:  1px 2px 5px rgb(117, 116, 116);*/
}
.enquetes_thumbnail_class img{
  border-radius: 70%;
  border: 1px solid #051399;
  box-shadow: 2px 2px 2px #051399; 
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.enquete-votacao-dados-cand{
  margin-left: auto;
  margin-right: auto;
}

 .list-group-item {
   border-radius:5px;
   background-color:#F9F9FC;
   
 }

/*#EDF5FC   #EFF2EF #E7E7E7  #F6F7F8  #F9F9FC*/
 
 .list-group-item.active {
   border-radius:5px;
   background-color:#E7E7E7; 
   border-color: #051399;  /*Egyptian Blue */
   color: #212529;
  }
 
 .list-group-item:hover {
   border-radius:5px;
   background-color:  #ffffff;
  }
/*barra de progresso dos votos*/
.progress-votos-enquete{
  background-color:#051399; 

}
 /*TTexto na tela acima dos candidatos que alerta da necessidade da escolha de um estado para votar*/

 /* Styles da tela de votação, para os botoes de confirmação do voto pelo usuário */
 .estylo-votacao-div{
   align-items: center;
   /*background-color:#051399; /*Polinesian Blue*/
   border-radius:20px; 
   color:white;
  
 }
 /*
 .two-column-list {
   padding-bottom: 2%;
 }
 */
 
 .show-button {
  display: inline; /* Or 'inline', etc. */
 }
 
 .hide-button {
 display: none;
 }
 /*barra de votos*/

 #progress-bar-perc-votos{
    background-color: #13478e;
    text-align: center;
    color: white;
    
   
 }
 /*botoes que confirmam ou cancelam a ação do voto*/

 .custom-box-buttom-vote{
  border-radius:5px;
  border: 1px solid #c8c9cc; 


 }

 #ButtonConfirmar{
  background-color: #051399;
  min-height: 50px;
  
 } 
 
 #ButtonCancelar{
  min-height: 50px;
 
 }
 
 
 /*MENU HAMBURGER- CONFIGURAÇÕES*/
 /* Styles do do menu superior */
 .custom-navbar {
   background-color: #051399 !important;
 }
 .me-2, .custom-navbar .navbar-brand, .custom-navbar .nav-link, .dropdown-item{
    color: white !important; /* White text */
  }
  .custom-navbar {
    color: white !important; /* White text */
  }
  .dropdown-menu {
    border:none;
  }

 .custom-navbar .nav-link:hover, .dropdown-item:hover {
   /* background-color: #051399 !important;*/
   background-color:#13478e!important; 
  }
  #danger_symbol{
    color:red;

  }
  /*CONFIGURAÇÕES DO MENU HORIZONTAL*/
  .custom-btn-menu{
    background-color: #051399 !important;
    color: white !important; /* White text */
    cursor:pointer;
  }
  .custom-btn-menu:hover{
    background-color:#13478e!important; 
    color: white !important; /* White text */
  
  }

  .inicio-cor-borda{
    border-radius:4px; 
    border: 1px solid whitesmoke;
  }

  .enquete2026_div_depois_menu{
       width: 100% !important;
       height:50px !important;
       background-color: #13478e !important;
  }
    
  /*COMPARTILHAMENTO PELAS REDES SOCIAIS*/
 /* Styles dos  BOTÕES Copy e Cole para compartilhar endereço da Enquete */
 #copyInput_enquete {
   display: none !important;
 }
 
 #btn_whattsapp{
  min-height: 38px;
  min-width: 134px;

 }
 #btn_telegram{
  min-height: 38px;
  min-width: 134px;
 }

 .go-back-button {
  display: inline-block;
  padding: 10px 20px;
  background-color:  #051399;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.go-back-button:hover {
  background-color: #13478e;
}

 /*--------rodape-----*/
 .container_footer_enquete {
  margin: auto;
  justify-content: center; /* Horizontal centering */
  align-items: center; /* Vertical centering */
  max-width: 70%; 
  padding-left: 0%; /* Add standard container padding back */
  padding-right: 2%; /* Add standard container padding back */
  padding-top: 2%;
  padding-bottom: 3%;
 }
 
 .bg-custom_footer{
   background-color: #051399 !important;
 
 }
 
    /* Styles do Rodapé em BOOTSTRAP */
 .custom-bg {
   background-color: #051399 !important;
 }

/*configuração surveys tags <li> e buttons*/
 .form-check-label:hover, #surveys-radios:hover, #id-submit_form_see_results:hover, #id_submit_form_vote:hover{
    background-color:rgb(63, 143, 218);
    color: #FAFFFF;
    cursor:pointer;

 }
.form-check-label{
  width: 100%;
  
}
/*--------CONFIGURAÇÃO DO TAMANHO DAS FONTES DE TEXTOS-----*/

/* Base font size for extra small screens */
html {
  font-size: 10px; /* Default browser size, good starting point */
}

/* Small devices (sm) - 576px and up */
@media (min-width: 576px) {
  html {
    font-size: 12px;
  }
}

/* Medium devices (md) - 768px and up */
@media (min-width: 768px) {
  html {
    font-size: 15px;
  }
}

/* Large devices (lg) - 992px and up */
@media (min-width: 992px) {
  html {
    font-size: 16px;
  }
}

/* Extra large devices (xl) - 1200px and up */
@media (min-width: 1200px) {
  html {
    font-size: 20px;
  }
}