/* Styles definition here */
#ahb_cancel_cuerpo { }  
#fbuilder .ui-datepicker-inline{max-width:none !important}
.cpappbtable {
    width: 100%; /* Asegura que la tabla ocupe el ancho completo */
    border-collapse: collapse; /* Elimina espacios entre bordes */
    font-family: Arial, sans-serif; /* Fuente limpia y legible */
    font-size: 14px;
    background-color: #f9f9f9; /* Fondo claro */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
    margin: 20px 0; /* Espaciado externo */
}

.cpappbtable th {
    background-color: #007BFF; /* Color azul para encabezados */
    color: #ffffff; /* Texto blanco */
    font-weight: bold;
    text-align: left; /* Alineación del texto */
    padding: 12px 15px; /* Espaciado interno */
    border-bottom: 2px solid #0056b3; /* Borde inferior */
}

.cpappbtable td {
    padding: 10px 15px; /* Espaciado interno */
    border-bottom: 1px solid #ddd; /* Borde inferior */
    color: #333333; /* Texto oscuro */
    text-align: left;
}

.cpappbtable tr:nth-child(even) {
    background-color: #f2f2f2; /* Alterna filas con fondo gris claro */
}

.cpappbtable tr:hover {
    background-color: #e9f5ff; /* Fondo al pasar el cursor */
    transition: background-color 0.3s ease; /* Transición suave */
}

.cpappbheadermth, .cpappbheadermtd {
    font-weight: bold;
    background-color: #0056b3; /* Color más oscuro para encabezados agrupados */
    color: #ffffff;
    padding: 12px 15px;
    text-transform: uppercase; /* Texto en mayúsculas */
    border: none;
}

.cpappbheader1 {
    background-color: #007BFF; /* Color azul específico para la columna 1 */
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding: 12px;
}

.cpappbcol1 {
    color: #333333;
    padding: 10px 15px;
    border-left: 2px solid #007BFF; /* Borde lateral izquierdo */
}

@media (max-width: 768px) {
    .cpappbtable {
        font-size: 12px; /* Fuente más pequeña para pantallas pequeñas */
    }

    .cpappbtable th, .cpappbtable td {
        padding: 8px 10px; /* Reducir espaciado en dispositivos móviles */
    }
}
#tableFilter {
    border: 1px solid #ccc;
    border-radius: 4px;
}