/* Tags do HTML */

p{
    margin-bottom: 10px;
}
  

/* Sobrescrever estilos do Bulma */

.is-success{
  /**/
}
.is-primary{
  background-color: #fed207 !important; /* rgb identidade */
}
.has-text-success{
  /**/
}
.has-text-primary{
  color: #868586 !important; /*rgb identidade 1,34,85*/
}
.has-background-success{ 
  /**/
}
.has-background-primary{
  background-color: #fed207 !important; /* rgb identidade */
}
.has-background-secondary{
  background-color: #868586 !important; /*rgb identidade 1,34,85*/
}


/* Personalizar a paleta de cores de texto da identidade */

.text-grey-primary{  
    /*color: #848688;*/
    /*color: rgb(132,134,136);*/
    color: #868586 !important; /*rgb 1,34,85*/
}
.text-yellow-primary{
    color: #fed207 !important;
}
.text-green-primary{
    /*color: #00A15D !important;*/
}
.text-musgo{
  color: #004462 !important; /*rgb identidade 1,34,85*/
}

.underline-text{
  color: #004462 !important;
  display: inline-block;
  position: relative;
}

.underline-text::after{
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #004462;
  margin-top: 5px;
  left: 0;
  bottom: -5px;
}

.underline-text-primary{    
  display: inline-block;
  position: relative;
}

.underline-text-primary::after{
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #fed207;
  margin-top: 5px;
  left: 0;
  bottom: -5px;
}


/* Paleta de cores de fundo da identidade */

.bg-yellow-color{
    background-color: #fed207 !important;
}
.bg-marinho-color{
    background-color: #012255 !important; /*rgb identidade 1,34,85*/
}
.bg-musgo-color{
    background-color: #004462 !important; /*rgb identidade 1,34,85*/
}

  

/* Cores degradês de fundo da identidade */

.bg-gray-colo1{
  background-color: #dadada;
}
.bg-gray-colo2{
  background-color: #f8f9fa;
}

.bg-gradient-success {
    background-image: linear-gradient(135deg, #01d5ae 0%, #0094ba 100%);
}
.bg-gradient-success-invert {
    background: linear-gradient(90deg, #0094ba, #01d5ae);
}

.bg-gradient-invert {
  background-color: transparent;
  background: linear-gradient(90deg, #dadada, #868586);
}
.bg-gradient {
    background-color: transparent;
    background: linear-gradient(90deg, #dadada, #868586);
}
.bg-gradient-horizontal {
  background-color: transparent;
  background: linear-gradient(180deg, #868586, #dadada);
}
.bg-gradient-light {
  background-color: transparent;
  background: linear-gradient(90deg, #fff, #f8f9fa);
}





/* Alterações no Layout */

 
.legend{
      padding-top: 60px !important;
}
  
ul.planos{
    margin-top: 10px 20px 0px 20px !important;
}

ul.planos > li{
    padding:10px;  
}
  
.is-hidden {
    display: none;
}
  
.resize-50{
    width:50% !important;
}

.resize-25{
    width:25% !important;
}



/* customizações no Buma */
  
.navbar{
  background-color: transparent;
  /*box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);*/
}

/*.navbar-item{
  z-index: 0;  
}*/

.logo-navbar{
    padding-left: 0px !important;
}
  
a.navbar-item{
    color:#012255;
}

a.navbar-item:focus, a:active, a:visited{
    color:#012255;
}

a.navbar-item:hover{
    color: #012255 !important;
}
  
/* Estilo personalizado para a seta do submenu */
.navbar-link::after {
    border-color: #2f63ac !important;
}
  
.card{
      padding: 20px;
}
  
.card.noshadow{
    box-shadow: none !important; /* Remove qualquer sombra */
}
  
.card-faq{
    padding:1px !important;
    margin:0px 0px 20px 0px !important;  
    z-index: 2;
    background-color: transparent !important;
}

.card-header-title{
    color: #fff;
    cursor: pointer;
}

.card-header-faq{
    background: linear-gradient(90deg, #06a460, #7dd996);
    margin: 0px;
    padding: 16px;
    color: white;
    font-weight: bold;
    text-align: left;
    border-radius: 5px;
}

.card-faq .card-content{
    /*background-color: red;*/
    background-color: transparent !important;
}

  

  
/* Login de Sistema Externo */

.login-form-externo{
    position: absolute; top: 50px; right: 10px; width: 240px; z-index: 0; border-radius: 6px; background-color: #fff; border: 1px solid green; padding: 10px;
    /*position: fixed; top: 60px; right: 610px; float: right; z-index: 1000; border-radius: 6px; background-color: #fff; border: 1px solid green; padding: 10px;*/  
}
  
  
/* Para Mobile */
  
@media only screen and (max-width: 600px) {
    .container {
      padding: 20px !important;
    }
}