:root{
    --main-color : #013149;
    -color-blue : var(--blue);
    //--button-height : auto;
}
div[page-name="LoginClienteForm"] .card{
    width: 500px !important;
    margin: auto;
    margin-top: 200px;
}

div[page-name="LoginClienteForm"] .tfield{
    padding-left: 30px !important;
}

.linha-abaixo {
    margin-top: -15px !important;
}
.btn-success {
    background: #00AC47 !important;
    border: 1px solid #00AC47 !important;
}
.bemvindo .card-header {
    display: none !important;
}
.bemvindo .card {
    height: 100vh;
    border: 0;
    background-color: #FFFFFF;
    background-position: center;
    background-attachment: fixed;
}
.bemvindo .painel {
    position: relative;
}
.painel {
    display: flex;
    flex-wrap: wrap; /* permite que os itens quebrem para a próxima linha */
    justify-content: center; /* centraliza os itens */
    padding-bottom: 60px;
}

.menu-inicial {
    border: 1px solid var(--panel-border-color);
    border-radius: var(--panel-border-radius);
    width: 140px;
    text-align: center;
    display: inline-block;
    padding: 10px;
    color: var(--main-color);
    margin: 10px auto;
}
.menu-inicial a {
    color: var(--main-color);
}
.menu-inicial a:hover{
    color: #000000;
}
.menu-inicial i {
    font-size: 68px;
}
.rodape {
    width: 100%; /* largura total */
    position: fixed; /* mantém o rodapé fixo na parte inferior da página */
    bottom: 0; /* alinha o rodapé na parte inferior */
    left: 0; /* alinha o rodapé à esquerda */
    text-align: right; /* alinha o conteúdo à direita */
    background-color: #fff; /* cor de fundo, ajuste conforme necessário */
    padding: 10px; /* espaçamento interno */
}

.rodape img {
    max-height: 50px; /* ajuste a altura da imagem conforme necessário */
    margin-right: 10px; /* espaço à direita da imagem */
}
.otemo-obrigatorio{
    color : #0F2D41 !important;
}
label.otemo-obrigatorio::after {
  content: "*";
  color: red; /* cor do asterisco */
  margin-left: 4px;
  font-weight: bold; /* opcional, para destacar mais */
}
.btn-group, .btn_links_area_cliente {
    margin-top: 22px;
}
/* Botão ativo - Verde */



.container-submenu strong {
    color: white !important;
}
#empresalogada {
  display: inline-block;
  background-color: #013149; /* Cor de fundo */
  color: #fff; /* Texto branco */
  padding: 10px 20px; /* Espaçamento lateral */
  font-weight: bold; /* Texto em negrito */
  font-size: 14px; /* Tamanho da fonte */
  text-align: center; /* Alinha o texto horizontalmente ao centro */
}
#empresalogada small {
  font-size: 12px; /* Reduz o tamanho da fonte do <small> */
  font-weight: normal; /* Texto regular */
}

.btn-default{
    color: #FFF !important;
    background-color: #007F73 !important;
}
.btn-default:hover, .container-header a.button-circle:hover {
    color: #007F73 !important;
    background-color: #E1F4F2 !important;
}
.adianti_tabs_container a, .item-notification > div.pull-left  {
    color: #fff !important;
}
.label-success {
    background-color: #009432 !important;
    color: white !important;    
}

.label-danger {
    background-color: #eb3b5a !important;
    color: white !important;
}

/* ==============================
   1) ESTILO BASE PARA TODOS
   ============================== */
.btn-group .btn {
  background-color: #E0E0E0 !important;
  border: 1px solid #BDBDBD !important;
  color: #757575 !important;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.btn-group .btn:hover {
  background-color: #D5D5D5 !important;
  color: #424242 !important;
}

/* ==============================
   2) ESTADO ATIVO: SEMPRE VERDE
   ============================== */
.btn-group .btn.active {
  background-color: #00796B !important;
  border-color: #00796B !important;
  color: white !important;
  font-weight: 600 !important;
}

/* hover no ativo */
.btn-group .btn.active:hover {
  background-color: #00695C !important;
}

/* ================================================
   3) OVERRIDE PARA “INATIVO VERMELHO” SÓ COM .btn_cadastro_ativo
   ================================================ */
.btn_cadastro_ativo .btn-group .btn:nth-child(2).active {
  background-color: #e21b5a !important;
  border-color: #e21b5a !important;
}

/* hover no inativo vermelho */
.btn_cadastro_ativo .btn-group .btn:nth-child(2).active:hover {
  background-color: #c2184d !important;
}

.tseekbutton {
  height: auto !important; 
  min-width: 40px !important; 
}

.sweet-alert {
    width: auto !important;
    min-width: 450px !important;
    min-height: 350px !important;
}