/* Define a largura mínima para a tabela para ativar a barra de rolagem horizontal 
.dataTable-table {
    min-width: 100%;
}
*/
/* Mantém a última coluna fixa à direita 
.dataTable-table th:last-child,
.dataTable-table td:last-child {
    position: sticky;
    right: 0;
    background-color: white; // Define uma cor de fundo para sobrepor o conteúdo ao rolar
    z-index: 1;
}
*/

/* CSS para a alça de redimensionamento */
.dataTable-table th {
    position: relative;
}

/* Alça de redimensionamento na borda direita da coluna */
.resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    cursor: col-resize; /* Muda o cursor para redimensionamento */
}


.records-data-table tbody tr:hover {
    background-color: #f1f1f1; /* Cor de fundo ao passar o mouse */
    cursor: pointer; /* Muda o cursor para indicar que a linha é clicável */
}

.hide-show-dropdown {
    max-height: 350px;
    overflow-y: scroll;
}
.page-size .export-csv-img {
    width: 35px;
    cursor: pointer;
}
.export-img {
    width: 30px;
}
.modal-header {
    display: block !important;
}

#dataTableContainer {
    position: relative; /* Para o position-absolute funcionar no loader */
}

#loaderOverlay {
    z-index: 10;
}

.div-resizer {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    cursor: col-resize;
    user-select: none;
    /*background-color: #ddd;  Cor da barra */
}

.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}