.dataTables_wrapper .dt-buttons button {
    padding: 4px 4px; /* Ajuste conforme necessário para alinhar com o estilo do seu site */
    font-size: 13px;
    margin-right: 3px;
    background-color: #B3B3B3; /* Cor de fundo */
    border: 0.5px solid #6A9FB0; /* Cor da borda */
    color: #000000; /* Cor do texto */
    transition: background-color 0.1, color 0.1s; /* Transição suave para mudanças de estado */
}

.dataTables_wrapper .dt-buttons button:hover {
    background-color: #BC0C24; /* Cor ao passar o mouse */
    color: #2e2d2d; /* Cor do texto ao passar o mouse */
}


.dataTables_filter input {
    width: 200px;
    border-radius: 5px;
    border: 1px solid #BC0C24; /* Cor da borda padrão */
    padding: 5px 30px 5px 10px; /* Espaço para o ícone da lupa */
    background: url('../images/lupa.png') no-repeat left; /* Adicione o caminho para sua imagem de lupa */
    background-size: 20px; /* Tamanho do ícone da lupa */
    font-size: 0.8rem;
}

.dataTables_filter input:focus {
    outline: none; /* Remove o contorno padrão */
    border-color: #BC0C24; /* Muda a cor da borda ao focar */
    box-shadow: 0 0 2px #BC0C24; /* Adiciona um sombreamento para maior destaque */
    background: none; /* Remove o ícone da lupa */
}

/* Chrome, Firefox, Opera 29+ */
.dataTables_filter input::placeholder {
    padding-left: 15px; /* Adiciona espaçamento interno à esquerda */
}

/* Internet Explorer 10-11 */
.dataTables_filter input:-ms-input-placeholder {
    padding-left: 15px;
}

/* Microsoft Edge */
.dataTables_filter input::-ms-input-placeholder {
    padding-left: 15px;
}



/* Estilização geral dos botões de paginação */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px 2px; /* Ajuste o padding para tornar os botões menores */
    margin: 0 2px; /* Margem entre os botões */
    font-size: 0.7rem; /* Tamanho da fonte menor */
    border-radius: 2px; /* Bordas arredondadas */
    border: 1px solid #6A9FB0; /* Cor da borda */
    background-color: #B3B3B3; /* Cor de fundo */
    color: #000000; /* Cor do texto */
    transition: background-color 0.3s, color 0.3s; /* Transição suave para mudanças de estado */
}




/* Estilização dos botões ao passar o mouse */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #BC0C24; /* Cor ao passar o mouse */
    color: #2e2d2d; /* Cor do texto ao passar o mouse */
}

/* Estilização do botão ativo */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #BC0C24; /* Cor de fundo do botão ativo */
    color: #ffffff; /* Cor do texto do botão ativo */
    border: 1px solid #BC0C24; /* Cor da borda do botão ativo */
}

/* Remover o foco azul padrão */
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    outline: none; /* Remove o contorno padrão */
    background-color: #BC0C24; /* Manter a cor ao focar */
    color: #ffffff; /* Manter a cor do texto ao focar */
}

/* Estilização das setas "Previous" e "Next" */
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 2px 10px; /* Padding para botões de navegação */
    font-size: 0.8rem; /* Tamanho da fonte menor */
    border-radius: 3px; /* Bordas arredondadas */
    border: 1px solid #6A9FB0; /* Cor da borda */
    background-color: #B3B3B3; /* Cor de fundo */
    color: #000000; /* Cor do texto */
}

/* Adicionar margens aos botões */
.dataTables_wrapper .dt-buttons {
    margin-top: 0.5rem; /* Adiciona margem superior */
    margin-bottom: 0.5rem; /* Adiciona margem inferior para garantir um bom espaçamento */
}

/* Adicionar margens ao campo de pesquisa */
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 1rem; /* Adiciona margem inferior */
    display: flex;
    align-items: center;
}

.dataTables_filter input[type="search"] {
    margin-left: 10px; /* Adiciona margem à esquerda do campo de pesquisa */
}





.text-truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate:hover {
    cursor: pointer;
}


/* Assegura que links ocupem toda a largura da célula */
.table-description a {
    display: block; /* Faz com que o link ocupe toda a largura da célula */
    color: inherit; /* Mantém a cor do texto conforme definida pelo class */
    text-decoration: none; /* Remove sublinhado de links */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Adiciona reticências se o texto for muito longo */
}
