.ui-widget { font-family: Arial, Helvetica, sans-serif;background: #f1f1f1; font-size:1.01em }
.ui-widget .ui-widget { font-size: 1.01em; }
.ui-fileupload-files{
    display:none;
}
.ui-fileupload-buttonbar {
    background: transparent none;
    border: none;
    padding:0em;
}

.ui-fileupload-content {
    display: none;
}

.ui-input-invalid {
    background-color:red
}

.boxgirder-panelgrid.ui-panelgrid>*>tr,
.boxgirder-panelgrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
    background-color: #f1f1f1;
}

.ui-button-icon-only .ui-icon.Fs23 {
     font-size: 23px !important;
     margin-left: -10px;
}

.ui-button-icon-only .ui-icon.fa.Fs23 {
     margin-top: -12px !important;
}

.ui-menubar{
    background-color: #f1f1f1 !important; 
    background: #f1f1f1;
}

/* Target PrimeFaces AccordionPanel headers for white background and logo blue text */
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header.ui-state-active,
.ui-accordion .ui-accordion-header.ui-state-hover {
    background: #fff !important;      /* white background */
    color: #2143bf !important;        /* logo blue for text */
    border: 1px solid #e0e0e0;        /* optional: subtle border */
}

/* Optionally, for a specific accordion ONLY, use a custom class like 'logo-blue-accordion' */
.logo-blue-accordion .ui-accordion-header,
.logo-blue-accordion .ui-accordion-header.ui-state-active,
.logo-blue-accordion .ui-accordion-header.ui-state-hover {
    background: #fff !important;
    color: #2143bf !important;
}


/* All PrimeFaces buttons */
.ui-button, .ui-button.ui-state-active, .ui-button.ui-state-hover {
    background: #2143bf !important;   /* logo blue */
    color: #fff !important;           /* white text */
    border: 1px solid #2143bf !important;
}

.logo-blue-btn .ui-button,
.logo-blue-btn .ui-button.ui-state-active,
.logo-blue-btn .ui-button.ui-state-hover {
    background: #2143bf !important;
    color: #fff !important;
    border: 1px solid #2143bf !important;
}