.compressed-table .ui-datatable {
    font-size: 14px; /* Tamaño de fuente más pequeño */
    border-color: black !important;
    border-width: 1px !important;
    border-style: solid !important;
    background-color: #000080 !important;
    color: white !important;
}

.compressed-table .ui-datatable th {
    padding: 4px 8px; /* Reducir padding */
    margin: 0; /* Reducir margen */
    height: 24px; /* Ajustar altura de las filas */
    background-image: none !important;
    background-color: #646464 !important;
    color: white !important;
    text-align: center !important;
    border-color: black !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.compressed-table .ui-datatable td {
    padding: 4px 8px; /* Reducir padding */
    margin: 0; /* Reducir margen */
    height: 24px; /* Ajustar altura de las filas */
    color: black !important;
    background-color: white !important;
    text-align: center !important;
    border-color: black !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.compressed-table .ui-datatable-header, 
.compressed-table .ui-datatable-footer {
    padding: 4px 8px; /* Reducir padding en encabezado y pie de tabla */
    background-image: none !important;
    background-color: #646464 !important;
    color: white !important;
    text-align: center !important;
    border-color: black !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.compressed-table .ui-state-default {
    font-size: 14px; /* Tamaño de fuente de los encabezados */
    padding: 4px 8px; /* Reducir padding de los encabezados */
}

.compressed-table .ui-datatable .ui-datatable-data tr {
    height: 24px !important; /* Ajustar altura de las filas */
}

.compressed-table .ui-datatable .ui-datatable-data td {
    white-space: nowrap; /* Evitar que el texto se envuelva */
    overflow: hidden;
    text-overflow: ellipsis; /* Añadir puntos suspensivos al texto largo */
    font-size: 12px;
    font-weight: bold;
}

/* Links de paginación */
.compressed-table .ui-paginator-page.ui-state-active ,
.compressed-table .ui-paginator-first ,
.compressed-table .ui-paginator-last ,
.compressed-table .ui-paginator-next ,
.compressed-table .ui-paginator-prev {
    background-color: #555555 !important;
    color: #ffffff !important;
}