/* Estilo geral da tabela */
  .table {
    width: 100%; /* Faz a tabela se ajustar à largura do contêiner */
    border-collapse: collapse; /* Garante que as bordas das células se fundam */
    font-family: Arial, sans-serif; /* Fonte moderna */
    font-size: 16px; /* Tamanho da fonte */
    border-radius: 8px; /* Bordas arredondadas */
    /* Removido overflow: hidden; */
}

/* Estilo das células */
.table td, .table th {
    padding: 15px; /* Espaçamento interno */
    text-align: left; /* Alinhamento do texto à esquerda */
    border: 1px solid #dee2e6; /* Borda clara */
}

/* Estilo do cabeçalho da tabela */
.table thead th {
    position: sticky; /* Mantém o cabeçalho fixo */
    top: 0; /* Fica fixo no topo */
    background-color: #4CAF50; /* Cor de fundo verde para o cabeçalho */
    color: white; /* Cor do texto do cabeçalho */
    z-index: 10; /* Garante que fique acima do conteúdo da tabela */
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2); /* Sombra para o cabeçalho */
    font-weight: bold; /* Negrito no cabeçalho */
}

/* Estilo para as linhas da tabela */
.table tbody tr {
    transition: background-color 0.3s; /* Efeito de transição suave */
}

.table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Cor de fundo alternada para linhas pares */
}

.table tbody tr:hover {
    background-color: #e3f2fd; /* Cor ao passar o mouse */
}

/* Para manter a tabela dentro do contêiner e garantir que as bordas fiquem conforme necessário */
.table-responsive {
    overflow-x: auto; /* Permite a rolagem horizontal se necessário */
    max-height: 600px; /* Defina uma altura máxima para a tabela */
    overflow-y: auto; /* Permite a rolagem vertical se necessário */
    margin-top: 20px; /* Espaçamento superior */
}

/* Estilo do ícone PDF */
.pdf-icon {
    width: 24px;
    height: 24px;
}

/* Estilo para a primeira coluna */
.table tbody tr td:first-child {
    position: sticky; /* Mantém a primeira coluna fixa */
    left: 0; /* Fica fixo na esquerda */
    background-color: #ffffff; /* Cor de fundo branca para manter a aparência */
    z-index: 9; /* Z-index menor que o cabeçalho, mas ainda acima do conteúdo */
}

/* Estilo para o cabeçalho da primeira coluna */
.table thead tr th:first-child {
    position: sticky; /* Mantém a primeira coluna do cabeçalho fixa */
    left: 0; /* Fica fixo na esquerda */
    background-color: #4CAF50; /* Cor de fundo verde para a coluna fixa do cabeçalho */
    color: white; /* Cor do texto da coluna fixa do cabeçalho */
    z-index: 10; /* Garante que fique acima do conteúdo */
}








/* Estilo para o painel principal */
.conteudo {
  background-color: #f9f9fb;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}