:root {
    --amarelo-escuro: #fff000;
    --branco: #f1f7ed;
    --cinza-escuro: #212529;
    --cinza-claro: #999999;
    --cinza-pouco-claro: #c9c9c9;
  
    --cinza-super-claro: #d6d6d6;
    --laranja-escuro: #dd4814;
    --verde-escuro: #263c20;
    --verde-claro: #99c38d;
    --bs-table-hover-bg: #99c38d !important;
  }

  .tabulator .tabulator-header{
    border-bottom: 3px solid #772953!important;
  }

  
  #conteudo{
    margin-top: 61px!important;
  }

  .offcanvas-end{
    width: 300px!important;
  }

  .opaco {
    opacity: 0.2;
  }



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

  .img-logo{
    max-width: 300px!important;
  }

  .link-gallifrey {
    color: var(--laranja-escuro);
    }

.link-gallifrey:hover {
    color: #fa5e29;
}

.btn-gallifrey {
    color: white;
    background-color: var(--laranja-escuro);
    }

.btn-gallifrey:hover {
    color: white;
    background-color: #fa5e29;
}

.badge-gallifrey {
    background-color: var(--laranja-escuro) !important;
    color: white !important;
  }

/* Estilo padrão para o campo de formulário */
.form-control {
    color: var(--laranja-escuro);
}
.hr-gallifrey{
    border: var(--laranja-escuro) 1px solid;

}
/* Estilo quando o campo está em foco */
.form-control:focus {
    border: var(--laranja-escuro) 1px solid;
    color: var(--laranja-escuro);
}
/* Estiliza o checkbox com a cor desejada */

.gallifrey-checkbox {
    accent-color: var(--laranja-escuro)!important; /* Muda a cor do checkbox quando marcado */
    /* Alternativamente, você pode usar as seguintes propriedades para estilizar */
    /* 
    - border: 1px solid var(--laranja-escuro); 
    - background-color: var(--laranja-escuro); 
    */
}


/* Estiliza o label */
.gallifrey-checkbox + label {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
}


.gallifrey-card{
  box-shadow: 1px 3px 20px var(--cinza-escuro) !important;
  width: 400px;
}
.gallifrey-load{
  border-color: #dd4814!important;
  border-right-color: var(--cinza-claro)!important;

}

.card-header {
  background-color: #dd4814;
  color: whitesmoke;
}

.bg-lar {
  background-color: #dd4814!important;
}

.ocultar-mobile {
  display: inline-flexbox;
}


.btn-secondary{
  color:#212529!important;
}

@media screen and (max-width: 500px) {

  .ocultar-mobile {
      display: none;
  }
}


@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}