:root {
	--menu-bar-height: 60px;
	--mobile-menu-bar-height: 50px;
	--sub-menu-height: 40px;
	--fixed-header-height: calc(var(--menu-bar-height) + var(--sub-menu-height));
}

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

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

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

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

.ui-layout-unit {
	z-index:auto !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;
}

.panelShowBorder tr, .panelShowBorder td {
	border-style: solid !important
}

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

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

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

.alignTop {
	vertical-align: top;
}

.ui-picklist .ui-picklist-list {
	height: 350px;
}

.rowSparetime {
	color: #229728!important;
	font-size: 13px;
}

.rowChildIll {
	color: #9a1489!important;
	font-size: 13px;
}

.rowHoliday {
	color: #1313d5!important;
	font-size: 13px;
}

.rowIllness {
	color: #6210b4!important;
	font-size: 13px;
}

.rowApproved {
	color: #000000!important;
	font-size: 13px;
}

.rowNotApproved {
	color: #fca752!important;
	font-size: 13px;
}

.rowLocked {
	color: #990033!important;
	font-size: 13px;
}

.rowDeleted {
	color: red!important;
	font-size: 13px;
}

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

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

tr.jqplot-table-legend{
	font-size: 0.5vw !important;
}

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

.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-commandlink {
	text-decoration: none !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;
}

.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-chkbox-box {
	background-color: #FFFFFF !important;
}

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

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

.ui-datatable .ui-selectbooleanbutton {
	width: 18px;
	height: 18px;
	background-color: white !important;
	text-decoration-color: #33404D !important;
	color: #33404D !important;
}

.ui-column-customfilter .ui-autocomplete-dropdown {
	border: none !important;
	background-color: #c4c9d0 !important;
}

.ui-column-customfilter .ui-autocomplete-input {
	border: none !important;
}

.aea-dialog-grid {
	display: grid;
	grid-auto-columns: max-content;
	gap: 10px;
}

.aea-dialog-grid > div {
	display: flex;
	align-items: center;
}

.aea-dialog-grid .dialog-row-lable {
	font-weight: bold;
	text-align: right;
}
.dialog-row-label {
	font-weight: bold;
	text-align: right;
}
.row {
	display: flex;
	flex-direction: row;
	align-items: start;
}
.column {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.label{
	text-align: right;
	width: 100%;
}
.aea-dialog-grid .dialog-row-lable>p {
	width: 100%
}

.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;
}
div.holiday {
	background: #335679 none ;
	border-color: #335679 ;
}

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

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

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

div.childIll {
	background: #9a1489 none;
	border-color: #9a1489
}
div.approved {
}
div.notApproved {
	opacity: 0.6;!important;
	/*border-color: red;!important;*/
}