html, body{
  background-color: #1076ba;
  overflow-x: hidden;
  width: 100%;
}

.card{
  box-shadow: 3px 3px 0px #000000bf;
}
.container-fluid{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.inside-row {
  /* Padding vertical maior para criar o espaço */
  padding-top: 1rem !important; 
  padding-bottom: 1rem !important;
  /* Borda sutil para separar visualmente as linhas */
  border-bottom: 3px solid #f8f9fa; 
  background-color: #fff; /* Garante que o fundo da célula seja branco */
}
        
.main-row:last-child .inside-row {
    /* Remove a borda da última linha */
    border-bottom: none !important;
}

/* Reseta o padding padrão do Bootstrap na tabela para que o padding das TDs funcione */
.table > :not(caption) > * > * {
    padding: 0;
}

/* Ajusta o cabeçalho */
.table thead th {
    border-bottom: 2px solid #dee2e6;
    padding: 0.75rem 0.75rem; 
}

.form-floating > label {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis; /* Adiciona "..." se o texto for maior que o campo */
  width: 100%;
}

/* Garante que o ícone fique posicionado em relação à célula */
/* .position-relative {
    position: relative;
} */

/* Estilização da micro-seta */
/* .icon-indicator {
    position: absolute;
    bottom: 18px;    /* Distância do fundo */
    /* right: 32px;     Distância da direita */
    /* font-size: 0.9rem; Tamanho reduzido para parecer uma "microseta" */
    /* color: #0D6EFD;    Cor cinza discreta */
    /* opacity: 0.7;      Leve transparência */
/* } */ 

/* .tooltip-trigger:hover .icon-indicator {
    color: #747474;    /* Muda de cor para azul ao passar o rato */
    /* opacity: 1; */
/* } */

.badge-success{
  background-color: rgb(226,239, 218); 
  color: rgb(74,116, 67)
}

.badge-warning{
  background-color: rgb(251, 248, 229); 
  color: rgb(134, 110, 66)
}

.badge-error{
  background-color: rgb(239, 223, 222); 
  color: rgb(157, 75, 69)
}



.badge-pill-header {
    background: rgba(151, 162, 212, 0.2); /* Cor suave baseada no seu padrão */
    backdrop-filter: blur(10px); /* Efeito de vidro embaçado */
    border: 1px solid rgba(151, 162, 212, 0.3);
    border-radius: 50px;
    padding: 8px 20px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #000000;
    margin: 5px;
}

.badge-pill-header:hover {
    background: #1e3dc9;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.badge-pill-header-exit {
    background: #ef0909; /* Cor suave baseada no seu padrão */
    backdrop-filter: blur(10px); /* Efeito de vidro embaçado */
    border: 1px solid rgba(151, 162, 212, 0.3);
    border-radius: 50px;
    padding: 8px 20px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    /* color: #ffffff; */
    margin: 5px;
}

.badge-pill-header-exit:hover {
    /* background: #ef0909; */
    background: #5e0303;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.badge-pill-header i {
    margin-right: 8px;
    font-size: 1.1rem;
}

.user-name-highlight {
    color: #11b838;
    font-weight: 700;
}

.badge-pill-header:hover .user-name-highlight {
    color: #11b838;
}

.form-check-input{  
  border-radius: 3rem;
  border-color: black;
}

#aceito-termo{
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 3rem;
  border-color: black;
}



/* Define a animação de deslize */
@keyframes slideInFromRight  {
  0% {
    opacity: 0;
    transform: translateX(100%);
}
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Aplica a animação ao card */
.slide-in {
    animation: slideInFromRight 0.7s ease-out forwards; /* Duração e suavidade */
    opacity: 0; /* Garante que o card esteja invisível antes da animação */  
}

.form-control-readonly-mimic{
  /* Cor de fundo cinza clara, comum em campos desabilitados */
  background-color: #e9ecef; /* Cor padrão do Bootstrap para campos disabled */
  /* Cor do texto para um contraste suave */
  color: #6c757d; /* Cor padrão do Bootstrap para texto em campos disabled */
  /* Remove a borda padrão do foco para evitar distração */
  border-color: #dee2e6; /* Cor da borda padrão */
  /* Muda o cursor para indicar que não é editável */
  cursor: not-allowed;
  /* Garante que não haja sombra de foco ou outras interações visuais */
  pointer-events: none; /* Impede eventos de mouse no elemento, mas o valor ainda é enviável */
}

.form-control-readonly-mimic:focus {
  box-shadow: none;
  outline: 0;
}

#custom-tooltip {
  position: absolute;
  display: none; /* Inicialmente escondido */
  padding: 0.5rem 0.75rem;
  background: #424141d9;
  color: white;
  border-radius: 0.3rem;
  pointer-events: none; /* Garante que o mouse não interaja com ele */
  z-index: 1080; /* Acima de outros elementos do Bootstrap */
  font-size: 0.85rem;
  /* Pequeno offset para o cursor não cobrir o texto */
  transform: translate(15px, 15px); 
  transition: opacity 0.1s;
}