/* here you can put your own css to customize and override the theme */

/* Fix DataTables filters on small screens: stack controls and widen inputs */
@media (max-width: 768px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 10px;
    clear: both !important;
    position: relative;
    z-index: 2;
  }

  .dataTables_wrapper .dataTables_filter label,
  .dataTables_wrapper .dataTables_length label {
    width: 100%;
  }

  .dataTables_wrapper .dataTables_filter .form-control,
  .dataTables_wrapper .dataTables_length .form-control {
    width: 100% !important;
    display: block;
    pointer-events: auto;
    position: relative;
    z-index: 3;
  }
}

/* En móvil, el contenedor #facturasbuscar no debe bloquear el input */
@media (max-width: 768px) {
  #facturasbuscar {
    pointer-events: none;
  }
  #facturasbuscar input,
  #facturasbuscar .form-control {
    pointer-events: auto;
    width: 100%;
  }
}