/*---------------------------------------*/
/* Override PrimeFaces style */
/*---------------------------------------*/

/* pfcustom the top left menu and search box */
.ui-selectonemenu-panel .ui-selectonemenu-item {
    font-size: 12px; /* added for pf */
}
body .ui-selectonemenu .ui-selectonemenu-label {
    font-size: 12px; /* added for pf */
    padding-top: 3px; /* added for pf */
}

/* For tabs in all views */
body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    padding: 8px 5px 5px 5px; /* updated for pf */
    font-size: 12px; /* added for pf */
}

/* custom datepicker popup for pf */
body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0;
}
body .ui-datepicker .ui-datepicker-calendar td>a, body .ui-datepicker .ui-datepicker-calendar td>span {
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
}
.ui-datepicker .ui-datepicker-title {
    font-size: 13px;
}
.ui-datepicker table {
    font-size: 12px;
}
body .ui-datepicker .ui-datepicker-header {
    padding: 13px;
}

/* center the text vertically in button */
.ui-button .ui-button-text {
    padding-top: 4px !important;
}

/* Make checkbox and text after on the same line. */
.ui-selectmanycheckbox {
    white-space: nowrap !important;
}

body .ui-panelgrid .ui-panelgrid-cell {
    border: none;
    padding: 3px 3px; /* make cells closer */
    background: inherit;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 0 0;
    border: none;
}

/* remove sort indicator on dataTable */
.ui-datatable .ui-sortable-column-icon {
    display: none !important;
}
/* add sort indicator on active sorting column in dataTable */
.ui-datatable .ui-state-active .ui-sortable-column-icon{
    display: inline-block !important;
}

/* Make checked radio button more stand out */
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: #00bcd4;
}

/* Make dropdown font the same as other input. */
.ui-selectonemenu-panel .ui-selectonemenu-item {
    font-size: 1em; /* added for pf */
}
body .ui-selectonemenu .ui-selectonemenu-label {
    font-size: 1em; /* added for pf */
    padding-top: 3px; /* added for pf */
}


/* for the prev and next icon to show up in datepicker popup */
body .ui-datepicker .ui-datepicker-prev {
    padding-right: 25px;
}
body .ui-datepicker .ui-datepicker-next {
    padding-left: 20px;
}

/* Make the wizard step stand out with round corner and spacing. */
body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    border-radius: 3px;
    margin-right: 3px;
}