/* Alineación personalizada para DataTables */

/* Remover márgenes de Bootstrap en las filas de DataTables */
.dataTables_wrapper .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Remover padding de Bootstrap en todas las columnas de DataTables */
.dataTables_wrapper .row > div,
.dataTables_wrapper .row > [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Contenedor principal */
.dataTables_wrapper {
    width: 100%;
    padding: 0 !important;
}

/* Fila superior: Filas por página (izquierda) y Buscar (derecha) */
.dataTables_wrapper .dataTables_length {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important;
    float: left !important;
}

.dataTables_wrapper .dataTables_filter {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    text-align: right !important;
    float: right !important;
}

/* Fila inferior: Info (izquierda) y Paginación (derecha) */
.dataTables_wrapper .dataTables_info {
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
    padding-top: 0.85em !important;
    text-align: left !important;
    float: left !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
    text-align: right !important;
    float: right !important;
}

/* Asegurar que la paginación se alinee correctamente */
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
    text-align: right !important;
}

.dataTables_wrapper .dataTables_paginate ul.pagination {
    margin: 2px 0 !important;
    justify-content: flex-end !important;
}

/* Input de búsqueda */
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
}

/* Asegurar que la tabla use el 100% del ancho */
.dataTables_wrapper table.dataTable {
    width: 100% !important;
    margin: 0 !important;
}

/* Limpiar cualquier float después de la paginación */
.dataTables_wrapper::after {
    content: "";
    display: table;
    clear: both;
}