.ui-widget {
    font-size: 12px !important;
}
.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
}
.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-datatable .ui-datatable-footer .footer-section {
    text-align: left;
}

.column {
    font-weight: bold;
    background-color: menu;
}

.info{
    background-color:#bcdff1;   
}

.info td{
    background-color:#bcdff1;   
}

.success{
    background-color:#d0e9c6;   
}

.success td{
    background-color:#d0e9c6;   
}

.warning{
    background-color:#f0ad4e;   
}

.warning td{
    background-color:#f0ad4e;   
}

.danger{
    background-color:#ebcccc;   
}

.danger td{
    background-color:#ebcccc;   
}


.aprobado{
    background-color:#FCF3CF;
}

.aprobado td{
    background-color:#FCF3CF;
}

.noesmia{
    background-color:#FCF3CF;
}

.noesmia td{
    background-color:#FCF3CF;
}

.cuadrado {
    width: 15px; 
    height: 15px; 
    border: 1px solid #555;

}

.truncate {
    max-width: 120px;
}

.truncate > span:nth-child(2):not(.ui-icon) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.green td{
    background-color:lightgreen;
    background-image: none; 
}

.pendiente{
    background-color:#ffc107;
}

.pendiente td{
    background-color:#ffc107;
}