/* 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%;
  }
}

.chat-user-status {
  display: inline-flex;
  align-items: center;
  min-height: 12px;
}

.chat-user-online {
  font-size: 0;
}

.chat-user-online:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #2ecc71;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}