/* Estilo para la tabla */
.tableSearchable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

.tableSearchable thead th {
    position: relative; /* Para permitir posicionar las flechas */
    background-color: white; /* Fondo blanco en las cabeceras */
    color: black; /* Texto negro */
    padding: 10px;
    border: 2px double #dee2e6; /* Borde doble */
    text-align: left;
    cursor: pointer;
}

.tableSearchable tbody tr:nth-child(odd) {
    background-color: #f5f9ff; /* Filas impares en gris claro */
}

.tableSearchable tbody tr:nth-child(even) {
    background-color: white; /* Filas pares en blanco */
}

.tableSearchable tbody td {
    padding: 10px;
    border: 2px double #dee2e6; /* Borde doble */
    text-align: left;
	cursor: pointer;
}

/* Estilos para la paginación */
.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination button {
    background-color: #301d6f;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    margin: 5px;
    font-size: 16px;
}

.pagination button:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

/* Estilo para la información de resultados */
#resultsCount {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    text-align: right;
	margin-top: 1em;
}


#pageInfo {
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: left;
}

/* Estilo de las flechas de ordenación */
.sort-icons {
    display: inline-block;
    margin-left: 5px;
}

.arrow {
    color: #ccc; /* Color deshabilitado */
    font-size: 0.8em;
    cursor: default;
    user-select: none;
}

.sort-asc .up,
.sort-desc .down {
    color: #000; /* Color habilitado (negro) para la flecha activa */
    cursor: pointer;
}