.ui-datatable .ui-filter-column .ui-column-customfilter .custom-filter {
        width: 100%;
        box-sizing: border-box; 
    }
    
.ui-datatable tbody td.wrap {
    white-space: normal;
    word-wrap: break-word;
    font-size: 11px;
    text-align: center;
}
.ui-panelmenu{
 border: none;
  font-size: 11px;    
}
.ui-panel-titlebar .ui-panel-title {
    line-height: 21px !important;
    margin: 0 !important;
    font-size: 14px !important;
}


.cesa-badge {
  border-radius: 2px;
  padding: .25em .5rem;

  font-weight: 700;
  font-size: 11px;
  letter-spacing: .3px; }
  
  .cesa-badge.status-1 {
    background-color: #FEEDAF;
    color: #8A5340; }

  .cesa-badge.status-2 {
    background-color: #B3E5FC;
    color: #23547B; }
  .cesa-badge.status-3 {
    background-color: #FFD8B2;
    color: #805B36; }
  
 
/*
.leftMenuFont .ui-menubar .ui-menuitem-link {
   font-size: 11px;
}
*/
.ui-widget {
    font-size: 11px;
}

.ui-widget-content {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    font-size: 12px !important;
}

.ui-button{
    font-size: 12px !important;
    color: #FFFFFF !important;
    background-color: #004A99 !important;
    border: 1px solid #003366 !important;
    border-radius: 3px !important;    
}

.red-sr {
    color:#B00000 !important;
}

.panelNoBorder tr, .panelNoBorder td {
    /**
    background: none !important;
    **/
    border: none !important;
}

/*Search panels*/
.labelSearchStyle{
    font-size:12px !important;
}

.inputTextSearch{
      width: 200px !important;  
}

.calendarSearchClass input{
      width: 200px !important;  
}
.selectMenuSearchClass input{
    width: 200px !important; 
}

/**Input form elements**/

.calendarClass input {
    width: 220px !important
}

.inputTextDialog {
    
    width: 220px !important;
}

.selectMenuInputClass {
    width: 220px !important; 
}

.inputNumberClass 
{
    width: 220px !important;  
}

/**Table data row**/

.tableRowFont
{
    font-size: 11px;
    text-align: center;
}