/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*================================================================================
  Paginación DataTables responsive
  En pantallas chicas los botones rompían el texto ("Sigui ente", "Ante rior",
  "3 0 8"). nowrap evita el corte; los botones envuelven como bloques enteros
  y se centran. Cubre markup BS (.page-link) y DataTables default (.paginate_button).
================================================================================*/
.dataTables_wrapper .dataTables_paginate .pagination { flex-wrap: wrap; justify-content: center; }
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .page-link { white-space: nowrap; }

@media (max-width: 575.98px) {
    .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
    .dataTables_wrapper .dataTables_paginate .pagination {
        flex-wrap: wrap; justify-content: center; gap: .25rem; padding-left: 0; margin-bottom: 0;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button,
    .dataTables_wrapper .dataTables_paginate .page-link {
        white-space: nowrap; padding: .3rem .55rem; font-size: .8rem; min-width: 0; line-height: 1.4;
    }
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info { float: none; text-align: center; }
}

/*================================================================================
  Texto del backoffice en negro
  El theme pinta el cuerpo en gris claro (#6b6f82) y se lee mal. Se fuerza negro
  solo dentro de .app-content: navbar y menú quedan como están (fondo oscuro).
  Excepciones: links, botones, badges, alerts, íconos y las utilidades .text-* /
  .bg-*, que llevan color propio a propósito (danger, white, etc.).
================================================================================*/
.app-content,
.app-content *:not(a):not(i):not(.btn):not([class*="btn-"]):not(.badge):not([class*="badge-"]):not(.alert):not([class*="alert-"]):not([class*="text-"]):not([class*="bg-"]) { color: #000; }
/* .text-muted es gris a propósito pero es el caso que más se quejaba: a negro. */
.app-content .text-muted { color: #000; }
/* dentro de un bloque con fondo de color el texto sigue al contenedor, si no
   queda negro sobre azul/rojo. Vale para las utilidades .bg-* y para los que
   traen el color inline (las KPI cards del dashboard: style="background-color:
   crimson; color: cornsilk"): el inline le gana a la regla de arriba en el
   contenedor, pero los hijos hay que devolverlos a heredar a mano. */
.app-content [class*="bg-"] *,
.app-content [style*="color"] * { color: inherit; }

/*================================================================================
  Texto de las DataTables en negro
  El theme pinta las celdas y los controles (buscar / mostrar N / info /
  paginación) en gris claro y se leen mal. Alcanza a todas las tablas del
  backoffice; no toca los links de acción (btn/a) para no romper los botones.
================================================================================*/
.dataTables_wrapper table.dataTable tbody td,
.dataTables_wrapper table.dataTable tbody th,
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_paginate .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button { color: #000; }
/* excepciones: el botón de página activa va sobre fondo de color y los
   deshabilitados deben seguir atenuados. */
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #fff; }
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #6b6f82; }