/* Estilos generales para las tablas */
.gridview {
    width: 95%;
    font-family: system-ui, -apple-system, "segoe ui", roboto, "helvetica neue", "noto sans", "liberation sans", arial, sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol", "noto color emoji";
    font-size: 13px;
    margin: 0 auto;
}

/* Estilos para el encabezado de las tablas */
.table-header {
    background-color: #ff9f1a;
    color: white;
    text-align: center;
    font-weight: bold;
}

/* Estilo para los header con ordenamiento */
.table-header th a {
    color: white;
    text-decoration: underline;
}

.table-header th a:hover {
    font-size: 14px;
}

 /* Estilo para el cuerpo de la tabla */
.table-body {
    background-color: white;
    color: black;
    text-align: center;
    padding: 0.5rem;
}

 /* Estilo para los bordes de la tabla */
.gridview th, .gridview td {
    border: 1px solid #ddd;
    padding: 6px;
}

/* Estilo para el color intercalado entre filas */
.gridview tr:nth-child(even) {
    background-color: #f9f9f9;  /*fondo gris claro para las filas pares */
}

 /* Estilos para la paginación de las tablas */
.table-body .pager {
    text-align: center;
    padding-top: 1rem;
}