@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
/* Estilo para la lista de autocompletado */
.ui-autocomplete {
    max-height: 200px; /* Altura máxima de la lista */
    overflow-y: auto; /* Permitir desplazamiento vertical si la lista es más larga que la altura máxima */
    border: 1px solid #ccc; /* Borde de la lista */
    background-color: #fff; /* Color de fondo de la lista */
    padding: 5px; /* Espaciado interno de la lista */
}

/* Estilo para los elementos de la lista de autocompletado */
.ui-autocomplete li {
    list-style-type: none; /* Eliminar los marcadores de lista */
    padding: 8px; /* Espaciado interno de cada elemento de la lista */
    cursor: pointer; /* Cambiar el cursor al pasar sobre un elemento */
}

/* Estilo para resaltar el elemento seleccionado de la lista de autocompletado */
.ui-autocomplete li.ui-state-focus {
    background-color: #007bff; /* Color de fondo cuando se selecciona un elemento */
    color: #fff; /* Color del texto cuando se selecciona un elemento */
}
    .column-header.active {
        background-color: blue;
        color: white;
    }

    .column-header:not(.active) {
        background-color: lightblue;
    }
    .pagination .page-link svg.w-5.h-5 {
        width: 1rem; /* Ajusta el ancho según tu preferencia */
        height: 1rem; /* Ajusta el alto según tu preferencia */
      }