body {
	margin: 0px;
	font-size: 12px;
	font-family: 'latoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#indexBody {
	background-color: #34577A;
}

.ui-menu {
	min-width: 250px;
}

.ui-picklist.smallerpicklist .ui-picklist-list{
	height: 150px;
}
.ui-picklist.smallerpicklist .ui-picklist-buttons {
	height: 150px;
}

.ui-layout-pane {
	border: 0;
}

.ui-layout-unit {
	z-index: auto !important;
}

.customTreeContainer .ui-tree-container {
	overflow-x: hidden !important;
}

.centred-form {
	margin : 0 auto;
}

.ui-datatable-odd {
	background: #ffffff;
}

.ui-datatable-even {
	background: #F2F5F9;
}

.panelNoBorder tr, .panelNoBorder td {
	border-style: none !important
}

.transparentBackground tr { 
	background: transparent !important; 
}

.ui-layout-unit-content { 
	background: transparent; 
}

.ui-layout-unit {
	overflow: hidden !important;
}

.ui-layout-unit .ui-layout-unit-content {
	overflow: hidden !important;
}

/*Hide the advanced buttons and progress*/
.ui-fileupload-upload, .ui-fileupload-cancel, .ui-fileupload-progress, .ui-fileupload-content {
	display: none !important;
}

/*Move the file name and size of file onto same line*/
.ui-fileupload-buttonbar, .ui-fileupload-content{
	float: left !important;
}

/*Remove some of the margin from the file name to align correctly*/
.ui-fileupload-files{
	margin: 0 !important;
}

.disable-dialog-scroll .ui-dialog-content {
	overflow: hidden !important;
}

.userSelectListBoxHeight .ui-selectlistbox-listcontainer {
	height: 80vh !important;
}

.customLeftPanel, .customLeftPanel .ui-panel-content 
{
	border: 0;
	padding: 0;
	margin: 0;
	height:100%;
}

.alignTop {
	vertical-align: top;
}

.green_circle {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align:center;
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, lime 0%, green 100%, teal 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, lime, green);
	background-image: -ms-radial-gradient(45px 45px, circle cover, lime, green);
	background-image: radial-gradient(45px 45px 45deg, circle cover, lime 0%, green 100%, teal 95%);
}

.red_circle {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align:center;
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, red 0%, maroon 100%, purple 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, red, maroon);
	background-image: -ms-radial-gradient(45px 45px, circle cover, red, maroon);
	background-image: radial-gradient(45px 45px 45deg, circle cover, red 0%, maroon 100%, purple 95%);
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
	position: absolute;
	top: 10px;
	right: 20px;
}

.fixedDatatableSize .ui-datatable-scrollable-body {
	height: 450px;
	overflow-x: hidden;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid gray;
}

.fixedDatatableSize2 .ui-datatable-scrollable-body {
	height: 375px;
	overflow-x: hidden;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid gray;
}

.navigationButton {
	margin-top: 30px;
	margin-right: 10px;
}


.ui-steps .ui-steps-item {
	box-sizing: border-box;
	width: 20%;
}

.ui-steps.smaller .ui-steps-item {
	box-sizing: border-box;
	width: 16%;
}
 
.ui-steps .ui-steps-title {
	margin-left: 0;
}

.ui-state-highlight {
	text-shadow: none !important;
}

.ui-steps.custom {
	margin-top: 20px;
	margin-bottom: 30px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: darkgray;
}

.ui-steps.custom .ui-steps-item .ui-menuitem-link {
	height: 10px;
	padding: 0 1em;
}

/**/
.ui-steps.custom .ui-steps-item .ui-steps-number {
	background-color: #335679;
	color: #FFFFFF;
	display: inline-block;
	width: 30px;
	border-radius: 10px;
	margin-top: -10px;
	margin-bottom: 10px;
}

.ui-steps.custom .ui-state-default {
	-moz-box-shadow:inset 0px 1px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px #fff;
	box-shadow:inset 0px 1px 0px #fff;
	color:#4f4f4f;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

.ui-steps.custom .ui-state-active {
	border:1px solid #7096ab;
	background:#85b2cb url("/showcase/javax.faces.resource/images/ui-bg_inset-hard_65_85b2cb_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;
	background:#85b2cb linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));
	background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	color:#1C4257;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
}

.ui-steps.custom .ui-state-highlight {
	border:1px solid #666666;
	background:#aaaaaa;
	background:#aaaaaa linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
	background:#aaaaaa -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));
	background:#aaaaaa -moz-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));
	text-shadow:1px 1px 1px #333333;
}

/* Custom styles for the Timeline */
div.timeline-frame {
	border-color: #004e9b;
	border-radius: 5px;
}


div.timeline-axis {
	border-color: #808080;
	background-color: #808080;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8c9df', endColorstr='#d5dee3') alpha(opacity = 100);
	background: -webkit-gradient(linear, left top, left bottom, from(#a8c9df), to(#d5dee3));
	background: -moz-linear-gradient(top, #a8c9df, #d5dee3);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}


div.timeline-groups-axis {
	border-color: #335679;
}

div.timeline-groups-axis-onleft {
	border-style: none solid none none;
}

div.timeline-axis-text {
	color: #335679;
	font-weight: bold;
}

div.timeline-event {
	color: white !important;
	border-radius: 5px !important;
}

div.timeline-event-content {
	padding: 5px;
	text-shadow: none;
}

div.fakeEntry {
	background: transparent !important;
	border-color: transparent !important;
}

div.holiday {
	background: #335679 none !important;
	border-color: #335679 !important;
}

div.sparetime {
	background: #3fa33d none !important;
	border-color: #186b1f !important;
}

div.halfday {
	background: #dad62c none !important;
	border-color: #d0bc2f !important;
}

div.ill {
	background: #6210b4 none !important;
	border-color: #6210b4 !important;
}

div.childIll {
	background: #9a1489 none !important;
	border-color: #9a1489 !important;
}

div.timeline-event-selected {
	background: #6B849D none !important;
	border-color: #ECEFF1 !important;
}
/* End of Custom styles for the Timeline */

.ui-clock {
	position:absolute;
}

.ui-inputfield {
	background:#ffffff !important;
	color:#000000;
}

.ui-inputfield.ui-state-focus {
	background:#ffffff !important;
	color:#000000;
}

.ui-inputfield.ui-state-hover {
	background:#ffffff !important;
	color:#000000;
}

.ui-menu .ui-icon {
	position: inherit;
}

.ui-widget-header.ui-datatable-scrollable-header {
	background:transparent;
}

.ui-widget-header.ui-datatable-scrollable-footer {
	background:transparent;
}

.ui-chkbox-box.ui-state-default {
	background:#e7eaef;
}

.ui-chkbox-box:HOVER {
	background:#6B849D;
}

.customReportStartButtons:LINK {
	display: block;
	font-size: 45px !important;
	color: #6B849D;
}

.customReportStartButtons:HOVER {
	display: block;
	font-size: 45px !important;
	color: #335679;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
	background: #78b2da !important;
}

.ui-picklist-item.ui-corner-all.ui-sortable-handle.ui-state-highlight {
	background: #78b2da !important;
}

#tasksPicklist .ui-picklist-list {
	width: 300px;
}

#stateTable > .ui-datatable-scrollable-body {
	height: 74vh !important;
}

.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all {
	background-color: #D4D9DF;
}

.greenProgressbar > .ui-progressbar-value,ui-widget-header,ui-corner-all {
	background-color: darkgreen !important;
}

.orangeProgressbar > .ui-progressbar-value,ui-widget-header,ui-corner-all {
	background-color: orange !important;
}

.redProgressbar > .ui-progressbar-value,ui-widget-header,ui-corner-all {
	background-color: red !important;
}

.greenProgressbar > .ui-progressbar-label {
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.jqplot-highlighter-tooltip {
	font-size: 1.25em !important;
}

.ui-expanded-row-content.ui-widget-content > td {
	padding: 0 0 0 40px !important;
}

.costManagementTaskTableRow td {
	padding: 0px !important;
	vertical-align: top !important;
}

.button:hover {
	border: 1px solid #999999;
	background: #7992aa;
	font-weight: normal;
	color: #ffffff;
}

.ui-fileupload-buttonbar {
	border: 0 !important;
	background: white !important;
}

.ui-datatable-empty-message {
	text-align: center;
}

.ui-timepicker a.ui-state-hover {
    background-color: #7992aa !important;
    color: #ffffff !important;
}

.ui-timepicker a.ui-state-active {
    color: #33404d !important;
}

.ui-timepicker a {
    border-radius: 0% !important;
    width: 1.5em !important;
    height: 1.2em !important;
    line-height: 1.2em !important;
    padding: 0.2em !important;
}

.ui-timepicker-table td.ui-timepicker-hours td,td.ui-timepicker-minutes td{
    padding: 0.1em !important;
}

.ui-timepicker .ui-timepicker-title {
    color: #FFFFFF !important;
    background-color: #335679 !important;
}

.ui-panelmenu-header {
	background: none !important;
	background-color: #335679 !important;
}

.ui-panelmenu-header a {
	color: #FFFFFF !important;
	font-weight: bold !important;
}

.grid-topBar-item {
	background-color: #335679;
}

.grid-main-item {
	background-image: url('resources/images/AERA_logo_shadow.png');
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 6px;
	overflow: auto;
}

.grid-leftMenu-item {
	padding: 9px;
}

.grid-layout {
	display: grid;
	gap: 0px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.mainContentPanel {
	background:transparent;
	border-style: none;
	width: 100%;
	height: 100%;
	padding: 0px;
}

#layoutCenter {
	padding: 0px;
}

.knob {
	position: relative !important;
	margin-top: -115px !important;
}

.navButton.ui-button.ui-state-focus {
	font-size: 1.5em;
	background-color: #224568;
	background: #224568;
	border: none;
}

.navButton.ui-button.ui-state-hover {
	font-size: 1.5em;
	background-color: #224568;
	background: #224568;
	border: none;
}

.navButton.ui-button {
	height: 100%;
	padding: 0em;
	margin: 0em;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	font-size: 1.5em;
	background-color: #335679;
	background: #335679;
	border: none;
}

.navButton.ui-button:first-child {
	padding-left: 0px;
}

.navButton.ui-button:last-child {
	padding-right: 0px;
}

.navButton > * {
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	padding: 0px !important;
}

.activeNavButton {
	color: #ffaa00 !important;
	background-color: #224568 !important;
	background: #224568 !important;
}

.ui-datatable>.ui-paginator {
    background-color: #c4c9d0;
}

.ui-datatable>.ui-datatable-scrollable-header {
	background-color: #d4d9df;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}

.ui-datatable .ui-datatable-tablewrapper>table>thead th:first-child {
	border-left: 1px solid #aaaaaa;
}

.ui-datatable .ui-datatable-tablewrapper>table>thead th:last-child {
	border-right: 1px solid #aaaaaa;
}

.ui-paginator-first.ui-state-disabled,.ui-paginator-prev.ui-state-disabled,.ui-paginator-next.ui-state-disabled,.ui-paginator-last.ui-state-disabled {
	background-color: #71808d !important;
	border-width: 0px !important;
	opacity: .8 !important;
}

.ui-paginator-current {
	color: #444444;
}

.ui-panelmenu .ui-menuitem-text {
	word-wrap: break-word;
}

.ui-linkbutton > a {
	/* Evil hack to fix link button user interaction area (very bad to click by default) */
	display: inline-block;
	width: 110%;
	height: 110%;
}

.actionButtonsContainer {
	display: flex;
	justify-content: center;
}

.actionButtonsContainer > * {
	margin: 2px;
}

.actionButtonsContainer > button {
	width: 30px;
	height: 22px;
}

.actionButtonsContainer > span {
	width: 28px;
	height: 20px;
}

.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa, .ui-button-text-icon-right .ui-icon.fa, .ui-button-icon-only .ui-icon.fab, .ui-button-text-icon-left .ui-icon.fab, .ui-button-text-icon-right .ui-icon.fab, .ui-button-icon-only .ui-icon.far, .ui-button-text-icon-left .ui-icon.far, .ui-button-text-icon-right .ui-icon.far, .ui-button-icon-only .ui-icon.fas, .ui-button-text-icon-left .ui-icon.fas, .ui-button-text-icon-right .ui-icon.fas, .ui-button-icon-only .ui-icon.fal, .ui-button-text-icon-left .ui-icon.fal, .ui-button-text-icon-right .ui-icon.fal {
	margin-top: -6px !important;
}

.workaround-checkbox {
	background: white !important;
	color: black !important;
	width: 20px !important;
	height: 20px !important;
}
			
.ui-chips-input-token {
	width: 30% !important;
}

.ui-chips-input-token input {
	width: 100% !important;
}