/* DATATABLE */
/* custom-datatables.css */

.dataTables_wrapper {
    margin: 0px 0; /* Espacio arriba y abajo para el contenedor completo */
}

table.dataTable {
    margin: 20px 0; /* Espacio arriba y abajo */
    font-size: 14px; /* Ajusta el tamaño de la fuente según tus necesidades */
}

table.dataTable th,
table.dataTable td {
    font-size: 14px; /* Aplica el tamaño de la fuente a las celdas y encabezados */
}

/* Estilo para eliminar padding y margin de las celdas */
.dataTable tbody th,
.dataTable tbody td {
    padding: 2px 0; /* Eliminar padding horizontal y añadir espacio vertical */
    margin: 0;
}

/* Añadir padding extra a la primera columna */
.dataTable tbody th:first-child,
.dataTable tbody td:first-child {
    padding-left: 20px; /* Ajusta el valor según lo que necesites */
}

/* Añadir padding extra a la segunda columna */
.dataTable tbody th:nth-child(2),
.dataTable tbody td:nth-child(2) {
    padding-left: 20px; /* Ajusta el valor según lo que necesites */
}

/* Añadir padding extra a la última columna */
.dataTable tbody th:last-child,
.dataTable tbody td:last-child {
    padding-right: 20px; /* Ajusta el valor según lo que necesites */
}

/* Aplica la fuente monoespaciada a toda la tabla DataTables */
table.dataTable {
    font-family: "Roboto Mono", monospace;
}

/* Restablece la truncación a partir de 576 px */
@media (min-width: 576px) {
    .truncate-reset-sm {
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }
}

.w-fit {
    width: fit-content;
}