header, footer, .ui-layout-unit.header .ui-layout-unit-content,
	.ui-layout-unit.footer .ui-layout-unit-content {
	background: hsla(213, 54%, 36%, 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-panel .ui-panel-titlebar a, 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(213, 54%, 41%, 1);
	border-color: hsla(213, 54%, 41%, 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(213, 54%, 31%, 1);
	border-color: hsla(213, 54%, 41%, 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,
	.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, .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.ui-menu.main-menu {
	border-radius: 0;
	border: 0;
	background: hsla(63, 42%, 74%, 1);
	padding: 0;
}

div.ui-menu.main-menu ul.ui-menu-list.ui-menu-child {
	border-radius: 0;
	background: hsla(63, 42%, 74%, 1);
	width: auto;
	padding: 0;
}

div.ui-menu.main-menu ul.ui-menu-list li.ui-menuitem {
	border: 1px solid black;
	margin: 0;
	background: hsla(63, 42%, 74%, 1);
}

div.ui-menu.main-menu ul.ui-menu-list .ui-menu-child li.ui-menuitem {
	margin-right: 1.5rem;
}

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;
}

div.project-header-panel, div.document-filter-panel, div.wbs-number-panel {
	color: hsla(0, 0%, 0%, 0.87);
	text-shadow: 0 1px 1px hsla(0, 100%, 100%, 0.75);
	background: hsla(0, 0%, 95%, 1);
	border: 1px solid hsla(0, 0%, 87%, 1);
	border-radius: 4px;
	padding: 0.5rem;
	margin: 0.25rem;
}

.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);
}

div.report-container {
	height: 100%;
	overflow: hidden;
}

div.report-iframe-container {
	height: 100%;
	padding: 0.25rem 0.25rem 0 0.25rem;
	background-color: hsla(240, 17%, 91%, 1);
}

iframe.report-iframe {
	height: 100%;
	width: 100%;
	border: 0;
}

div.p-grid.border>div {
	border: 1px solid hsla(0, 0%, 87%, 1);
}

div.p-grid.border>div.noborder {
	border: none;
}

tr.adjust td.colored {
	background-color: hsla(60, 100%, 80%, 1);
}

div.bordered, div.bordered div {
	border: 1px solid black;
}

div.menu-toolbar-separator {
	height: 0.5rem;
}

div.ui-datatable.no-scroll div.ui-datatable-tablewrapper {
	overflow: visible;
}

div.project-read-only-warning-panel.ui-widget {
	text-align: center;
	font-size: 1.5rem;
	color: hsla(0, 100%, 50%, 1);
}

div.ui-datatable.milestone-table, div.ui-datatable.milestone-table .ui-widget
	{
	font-size: 0.9rem;
}

div.ui-datatable.milestone-table .ui-inputfield {
	padding: 0.5rem;
}

body .ui-chips .ui-chips-container .ui-chips-token {
	background: hsla(211, 100%, 41%, 1);
	border-color: hsla(211, 100%, 31%, 1);
}

.ui-chips-token .ui-chips-token-label, .ui-chips-token .ui-chips-token-icon.ui-icon-close
	{
	color: hsla(0, 100%, 100%, 1);
	text-shadow: 1px 1px hsla(0, 0%, 20%, 1);
}

div.welcome-panel {
	margin: 2rem 0 2rem 0;
}

div.newsAndAlerts-panel .ui-scrollpanel {
	height: 18rem;
}

div.splash-page-message {
	font-size: 1.25rem;
}

div.pd-system-errors-panel {
	margin: 0 auto;
	width: 50rem;
}

div.pd-system-errors-panel .pd-system-error-error span.icon  {
	color: red;
}

div.pd-system-errors-panel .pd-system-error-warning span.icon {
	color: orange;
}

div.pd-system-errors-panel .pd-system-error-info span.icon {
	color: green;
}

div.pd-system-errors-panel div.pd-system-errors-row {
	border: 1px solid;
}

div.pd-system-errors-panel div.pd-system-errors-row.pd-system-error-error {
	border-color: red;
}

div.pd-system-errors-panel div.pd-system-errors-row.pd-system-error-warning {
	border-color: yellow;
}

div.pd-system-errors-panel div.pd-system-errors-row.pd-system-error-info {
	border-color: blue;
}

div.system-messages-panel {
	margin: 0 auto;
	width: 50rem;
}

div.system-messages-panel span.icon  {
	color: red;
}

div.system-messages-panel div.system-messages-row {
	border: solid 1px red;
}

.table-breakdown-costs-col-1 {
	width: 25%;	
}

td.ui-panelgrid-cell.table-breakdown-costs-col-1 {
	text-align: center;
}

td.ui-panelgrid-cell.table-breakdown-costs-col-1,
td.ui-panelgrid-cell.table-breakdown-costs-col-2,
td.ui-panelgrid-cell.table-breakdown-costs-col-3 {
	background-color: rgba(49, 181, 214, 0.2);
}

.table-breakdown-costs-col-2 {
	width: 25%;	
}

.table-breakdown-costs-col-3 {
	width: 50%;	
}

@media screen and (max-width: 991px) {
	div.newsAndAlerts-panel {
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	div.project-not-found-panel {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}