/* INICIO: Estilos para DataTables */
table.dataTable {
    font-size: 12px;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
  margin-bottom: 1em;
}

.dataTables_wrapper .dataTables_filter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.dataTables_wrapper .dt-theme-switch {
    margin-left: 1rem;
}

.table {
  border-color: #dee2e6;
}
.table-hover > tbody > tr:hover {
  background-color: rgba(0,0,0,0.075);
}

/* Estilos de DataTables para el tema oscuro */
body.nav-d14s-dark .table {
  border-color: #444;
}
body.nav-d14s-dark .table > tbody > tr {
  background-color: #2a2a3d;
  color: #ccc;
}
body.nav-d14s-dark .table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.05);
    background-color: #6c757d;
    color: #FFF;
}
body.nav-d14s-dark .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.05);
    background-color: #343a40;
    color: #e1e1e1;
}
body.nav-d14s-dark .table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(255, 255, 255, 0.1);
    color: #fff;
}
body.nav-d14s-dark thead th {
    background-color: #1e1e2f;
    color: #eee;
    border-bottom: 2px solid #444;
}
body.nav-d14s-dark .dataTables_wrapper .dataTables_length,
body.nav-d14s-dark .dataTables_wrapper .dataTables_filter,
body.nav-d14s-dark .dataTables_wrapper .dataTables_info,
body.nav-d14s-dark .dataTables_wrapper .dataTables_processing,
body.nav-d14s-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #ccc !important;
}
body.nav-d14s-dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: #666 !important;
}
body.nav-d14s-dark .dataTables_wrapper .dataTables_length select, body.nav-d14s-dark .dataTables_wrapper .dataTables_filter input {
  background-color: #1e1e2f;
  color: #eee;
  border: 1px solid #444;
}
body.nav-d14s-dark .page-link {
    background-color: #2a2a3d;
    border-color: #444;
    color: #eee;
}
body.nav-d14s-dark .page-item.disabled .page-link {
    background-color: #1e1e2f;
    border-color: #444;
    color: #6c757d;
}
body.nav-d14s-dark .page-item.active .page-link {
    background-color: #dc3545;
    border-color: #dc3545;
}
/* FIN: Estilos para DataTables */