header, 
footer,
.ui-layout-unit.header .ui-layout-unit-content, 
.ui-layout-unit.footer .ui-layout-unit-content {
	background: hsla(122, 39%, 29%, 1);	
	color: hsla(0, 100%, 100%, 0.87);
	text-shadow: 1px 1px hsla(0, 0%, 20%, 1);	
}

div.ui-datagrid .ui-datagrid-header, div.ui-datagrid .ui-datagrid-footer,
div.ui-panel .ui-panel-titlebar, div.ui-accordion .ui-accordion-header,
div.ui-accordion .ui-accordion-header.ui-state-active,
div.ui-dialog.ui-widget-content .ui-dialog-titlebar,
div.ui-toolbar.main.ui-widget-header {
	background: hsla(122, 39%, 44%, 1);
	border-color: hsla(122, 39%, 34%, 1);
	color: hsla(0, 100%, 100%, 0.87);
	text-shadow: 1px 1px hsla(0, 0%, 20%, 1);
}

div.ui-accordion .ui-accordion-header.ui-state-active:hover,
div.ui-accordion .ui-accordion-header.ui-state-hover {
	background: hsla(122, 39%, 34%, 1);
	border-color: hsla(122, 39%, 34%, 1);
	color: hsla(0, 100%, 100%, 0.87);
}

.ui-toolbar.main button.ui-button.ui-state-default:hover,
.ui-toolbar.main div.ui-selectbooleanbutton.ui-state-default:hover {
	background: hsla(122, 39%, 54%, 1);
	border-color: hsla(122, 39%, 44%, 1);
}

div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon,
div.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
	color: hsla(0, 100%, 100%, 0.87);
	text-shadow: 1px 1px hsla(0, 0%, 20%, 1);
}

div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover,
div.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon.ui-state-hover {
	color: hsla(0, 0%, 0%, 0.87);
	text-shadow: 0 1px 1px hsla(0, 100%, 100%, 0.75);
}

div.ui-panel.highlight:hover div.ui-panel-content,
.ui-menu.menu li>.ui-menuitem-link.ui-state-hover,
.ui-menu.ui-widget li>.ui-menuitem-link.ui-state-hover,
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover,
div.ui-panelmenu-content .ui-menuitem-link:hover,
div.menu-panel div.ui-panelmenu div.ui-panelmenu-panel .ui-panelmenu-header:hover,
div.ui-panelmenu div.ui-panelmenu-content .ui-menuitem-link.ui-state-hover,
tr.ui-datatable-selectable.ui-state-highlight, 
.ui-state-default.ui-state-highlight {
	background-image: none;
	background: hsla(30, 100%, 47%, 1);
}

.ui-state-default.ui-state-highlight:hover {
	background: hsla(30, 100%, 42%, 1);
}

.ui-panel.highlight:hover .ui-widget-content, 
.ui-panel.highlight:active .ui-widget-content,
.ui-menu.menu li>.ui-menuitem-link.ui-state-hover .ui-menuitem-text,
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text,
div.ui-panelmenu div.ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text,
.ui-menu.ui-widget li>.ui-menuitem-link.ui-state-hover .ui-menuitem-text,
div.ui-panelmenu-content .ui-menuitem-link:hover .ui-menuitem-text,
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon,
div.menu-panel div.ui-panelmenu div.ui-panelmenu-panel .ui-panelmenu-header:hover a,
div.menu-panel div.ui-panelmenu div.ui-panelmenu-panel .ui-panelmenu-header:hover .ui-icon,
.ui-panel.highlight:hover .ui-commandlink:hover, 
tr.ui-datatable-selectable.ui-state-highlight,
.ui-state-default.ui-state-highlight {
	color: hsla(0, 100%, 100%, 0.87);
	text-shadow: 1px 1px hsla(0, 0%, 20%, 1);
}

.ui-datepicker-today .ui-state-default.ui-state-highlight {
	text-shadow: none;
}

.ui-panel.highlight:active, .ui-state-default.ui-state-highlight:active
	{
	box-shadow: 0 0 0 0.2rem hsla(30, 100%, 52%, 1);
	background: hsla(30, 100%, 42%, 1);
	border: 1px solid hsla(30, 100%, 32%, 1);
}

tr.ui-state-highlight.ui-row-editing {
	background-color: hsla(0, 0%, 90%, 1);
	background-image: none;
}

.ui-panel.wbsError {
	background: hsla(354, 70%, 48%, 1);
	border: 1px solid hsla(354, 70%, 38%, 1);
}

.ui-panel.wbsError .ui-widget-content {
	color: hsla(0, 100%, 100%, 0.87);
	text-shadow: 1px 1px hsla(0, 0%, 20%, 1);
}

.busy-icon {
	color: hsla(122, 39%, 24%, 1);
}

div.account-container {
	color: hsla(0, 0%, 0%, 0.87);
	text-shadow: 0 1px 1px hsla(0, 100%, 100%, 0.75);
	max-width: 30rem;
	padding: 0.5rem;
}

.ui-blockui-content {
	padding: 0.5rem;
}

a.list-action {
	margin-top: 0.25rem;
	display: inline-block;
}

.idleTimeoutWarning {
	font-size: 2rem;
	font-weight: normal;
}

.idleTimeoutCounter {
	font-size: 3rem;
}

.ui-button.pad-sides-none {
	padding-left: 0;
	padding-right: 0;
}

div.ui-treetable tr.withdraw, div.ui-datatable tr.inactiveProgram {
	background: hsla(2, 64%, 75%, 1);
}

div.ui-treetable tr.reestablish {
	background: hsla(208, 56%, 75%, 1);
}