/* ===========================================================
   = The following CSS is for the custom themes for FIRS apps.
   ======================================================== */


/* Miscellaneous
   ====================================== */

/* Label for input field */
.formLabel {
	font-weight:bold;
	color: #222;
}

/* Dark orange color for hover on text links */
a:hover {
	color: #d66f10 !important;
}

/* ============================================================================
   = PrimeFaces Overrides
   ============================================================================ */

/* Fieldset
   ====================================== */

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
	background: none !important;
}

/* Form
   ====================================== */

/* Input field text */
.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
	color: #222 !important;
}

/* Button border */
button[type="submit"], button[type="button"] {
   	border: 1px solid #4297d7 !important; 
}

/* Label for select many checkbox and select one radio items */
.ui-selectmanycheckbox label, .ui-selectoneradio label {
	color: #222222;
	font-weight: normal;
}


/* Datalist
   ====================================== */

.ui-datascroller .ui-datascroller-header {
	color: #555 !important;
}


/* Select One Menu
   ====================================== */

/* Background color for selected item in select list */
.ui-selectonemenu-list li.ui-state-highlight, .ui-autocomplete-list li.ui-state-highlight,
.ui-picklist-list li.ui-state-highlight, .ui-selectonemenu-table tr.ui-state-highlight td {
	background: #ebebeb;
}


/* Pick List
   ====================================== */

/* Caption */
.ui-picklist .ui-picklist-caption {
	color: #555;
}


/* File Upload
   ====================================== */

/* Remove borders, background and padding */
.ui-fileupload-buttonbar {
	background: none !important;
}


/* Layout
   ====================================== */

.ui-layout-west {
	background-color: #e6e7e8 !important;
	background-image: none !important;
}

/* Left Panel
   ====================================== */

.leftPanel h3 {
	font-size: 1em !important;
	font-family: verdana;
}

/* Nested accordion panel in left panel */
.leftPanel .ui-accordion-content .ui-accordion .ui-accordion-header {
    color: #d66f10;
}

.leftPanel .ui-panel-titlebar, 
#bannerContainer .ui-menu-list > :first-child + li .ui-menu-child .ui-menu-list > .ui-widget-header,
#bannerContainer .ui-menu-list > :first-child + li + li + li + li .ui-menu-child .ui-menu-list > .ui-widget-header,
.ui-draggable .ui-dialog-titlebar, .ui-dialog .ui-dialog-titlebar, .ui-datepicker .ui-datepicker-header  {
   color: #fff !important;
}

/* Left panel header link */
.leftPanel .ui-panel-titlebar .ui-panel-title a:hover {
   color: #fff !important;
}


/* Data Table
   ====================================== */

.ui-datatable .ui-datatable-header, .ui-datatable-subtable-header, .ui-datatable-subtable-footer, .ui-toolbar-group-left {
	color: #555;
	text-align: left !important;
}

/* Sub Table Footer (resembles table empty message) */
.ui-datatable-subtable-footer {
	color: #222;
	background: #fafafa;
}

.ui-datatable-even {
    background: none repeat scroll 0 0 #fefefe !important;
    border-bottom-color: #fefefe !important;
}

.ui-datatable-odd {
    background: none repeat scroll 0 0 #f3f6fa !important;
    border-bottom-color: #f3f6fa !important;
}

.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
	background: #dfdfdf !important;
}

.ui-datatable tr:last-child {
    border-bottom-color: #c7c7c7 !important;
}

.ui-datatable thead th input {
	background: none !important;
}

/* Column Filter */
.ui-datatable .ui-column-filter, .ui-datatable .ui-selectcheckboxmenu {
	background: #fafafa !important;
}

.ui-paginator-current, .ui-paginator-rpp-options {
	font-size: .9em !important;
	font-weight: normal !important;
	color: #555;
}


/* Tree
   ====================================== */

.treeTable tr {
	border-bottom: 1px solid #e8e8e8 !important;
}

.treeTable label {
	font-weight: normal !important;
}

/* Font Awesome Color Adjustments
   ====================================== */
   
.ui-layout-center .fa {
	color: #797272;
}
.ui-layout-center button:hover .fa {
	color: #4593ed;
}
.ui-layout-center button[disabled=disabled] .fa {
	color: #797272;
}

/* Use for admin icon */
.admin {
	color: #d66f10 !important;
}

/* Data table icons */
.active {
	color: #009c00 !important;
}
.inactive {
	color: #ccc !important;
}

/* Icons in dialogs */
.ui-dialog .fa {
	color: #797272;
}

.ui-dialog button:hover .fa {
	color: #4593ed;
}
.ui-dialog button[disabled=disabled] .fa {
	color: #797272;
}

/* Icons for Boolean Button */
.ui-state-active .fa {
	color: #fafafa;
}

/* Icons for rowEditor */
.ui-datatable .ui-row-editor .ui-icon {
	background: none !important;
	text-indent: 0px !important;
	font-family: FontAwesome;
	color: #797272;
}
/* rowEditor Icon Hover */
.ui-datatable .ui-row-editor .ui-icon:hover {
	color: #4593ed;
}

/* Toolbars
   ====================================== */
/* Use for top level page specific tools */
.buttonBarPageTop {
    border-bottom: 1px solid #c7c7c7;
}

.tabButtonBar {
    /* background: #4593ed; */
    border-bottom: 1px solid #c3c3c3;
}

/* Input Instructions
   ====================================== */
.instructions {
	color: #555;
}

/* Action Icon Color */
.actionIcon:hover {
	color: #4593ed;
}

/* Breadcrumbs
   ====================================== */
.ui-breadcrumb .fa-home:hover {
    color: #d66f10;
}

.ui-breadcrumb ul li:last-child a:hover {
	cursor: default;
	color: #2a2828 !important;
}