/* PRIMEFACES NOVA THEME OVERRIDE */
label.ui-state-error {
	background-color: #f8b7bd;
}

.ui-radiobutton-box.ui-state-error {
	border-color: #a80000;
}

/* General styles */
html {
	font-size: 16px;
	position: relative;
	min-height: 100%;
}

body {
	font-family: Roboto, sans-serif !important;
	margin-bottom: 60px;
	background-color: #f0f0f0;
}

body .ui-widget:not(.pi), body .ui-widget .ui-widget:not(.pi) {
	font-family: Roboto, "Open Sans","Helvetica Neue",sans-serif;
	font-size: 16px;
}

.ui-growl {
/*     position:absolute; */
    margin-top:40px;
    left:1%;
    z-index:9999;
}

.ui-menu-list {
	padding-left: 18px;
}

.h7 {
	font-size: 13px !important;
	font-weight: bold !important;
	text-transform: uppercase;
}

.full-width {
	width: 100% !important;
}

.ui-widget, .ui-widget>* {
	font-size: 13px !important;
}

.ui-datepicker {
	font-size: 12px !important;
}

.ui-datepicker-calendar {
	font-size: 12px !important;
}

.ui-panel-title {
	font-size: 18px !important;
}

/* Nav */

/* Footer */
footer.site-footer {
	background: #ddd;
	min-height: 300px;
}

/* Dashboard page */
.dashboard-widget {
	margin-bottom: 7px;
}

.dashboard-widget ul {
	list-style: none;
	padding: 0;
}

#site-content {
	min-height: 600px;
}

#site-content .dashboard-widget, #site-content .dashboard-widget td,
	#site-content .dashboard-widget .pi {
	font-size: 0.8rem;
}

#site-content .dashboard-widget thead .ui-column-title {
	font-size: 0.9em;
}

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

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

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

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

div.timeline-axis-text {
	color: white;
}

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

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

div.blue {
	background: #1976d2 none !important;
	border-color: #0364c4 !important;
}

div.light-blue {
	background: #b5d8fb none !important;
	border-color: #b5d8fb !important;
	z-index: 0;
}

div.timeline-event-selected {
	background: #BECEFE none !important;
	border-color: #97B0F8 !important;
	z-index: 1;
}

.boundary-constraints-columns {
	border: 0 !important;
	padding-bottom: 8px !important;
	padding-right: 40px !important;
}

.page-buttons {
	border: 0 !important;
	padding: 10px !important;
	float: right;
}

.user-holiday-colors {
	float: left;
	width: 27px;
	height: 22px;
	margin: 2px;
	margin-left: 25px;
	border: 1px solid;
}

.ui-growl-message p {
	display: none;
}

.ui-growl-title {
	margin-top: 14px !important;
}

.user-holiday-datePicker {
	width: 24em;
/* 	width: 100%; */
}

.guitable {
	margin-top: 14px !important;
	margin-left: 14px !important;
	margin-right: 14px !important;
}

.label-small {
	width: 100px;
}

.label-middle {
	width: 200px;
}

.label-large {
	width: 400px;
}

.input-mini {
	width: 50px;
}

.input-small {
	width: 100px;
}

.input-middle {
	width: 200px;
}

.input-large {
	width: 400px;
}

.row .col.s1 {
	width: 8.33333%;
}

.row .col.s2 {
	width: 16.66667%;
}

.row .col.s3 {
	width: 25%;
}

.row .col.s4 {
	width: 33.33333%;
}

.row .col.s5 {
	width: 41.66667%;
}

.row .col.s6 {
	width: 50%;
}

.row .col.s7 {
	width: 58.33333%;
}

.row .col.s8 {
	width: 66.66667%;
}

.row .col.s9 {
	width: 75%;
}

.row .col.s10 {
	width: 83.33333%;
}

.row .col.s11 {
	width: 91.66667%;
}

.row .col.s12 {
	width: 100%;
}

.ui-datalist ul {
	padding: 0px 10px 0 20px;
	margin: 5px 0;
}

.left-cell {
	text-align: left;
}

.centered-cell {
	text-align: center;
}

.right-cell {
	text-align: right;
}

.ajaxSpinner {
    box-shadow: 0 0 .429em 0 rgba(0,0,0,0) !important;
}

.ajaxSpinner div {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
}

td {
	border: none !important;
}

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

.shiftGenerationTable tbody td {
	padding: 0px !important;
}

.highlight-user {
	background-color: #ffd78c !important;
}

#irregularDayForm\:irregularDayDatePicker>div>div>div>table>tbody>tr>td>span
{
	opacity: 1;
}

#irregularDayForm\:irregularDayDatePicker>div>div>div>table>tbody>tr>td>a
{
	background-color: white;
	color: black;
}

#irregularDayForm\:irregularDaySelectOneRadio>tbody>tr>td {
	padding-top: 10px;
}

.opacity-1 {
	opacity: 1 !important;
}

#employee-data\:employeeMaxHoliday_input {
	width: 100% !important;
}

#employee-data\:employeeDateIn_input {
	width: 100% !important;
}

#employee-data\:employeeDateOut_input {
	width: 100% !important;
}

#employee-data\:employeePriority {
	width: 100% !important;
	border-radius: 3px;
}

#employee-data\:employeeWorkHours {
	width: 100% !important;
	border-radius: 3px;
}

.topAligned {
	vertical-align: top;
}

.ui-nobackground .ui-panelgrid-cell {
	background: initial !important;
}

.noheader.ui-datatable table thead tr {
	display: none !important;
}

.centerheader.ui-datatable table th {
	text-align: center;
}

.ui-datatable table {
	width: auto;
	min-width: 100%;
}

.errortextPanel {
	background: #f9e7e6;
	color: #dc3545 !important;
	padding: 5px;
	padding-right: 8px !important;
	font-size: 30px !important;
	border: 1px solid #c7c7c7;
	display: table !important;
	width: 100%;
}

.errorTextOutput {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 5px;
	font-size: 12px !important;
	font-family: "Open Sans", "Helvetica Neue", sans-serif;
}

.customInputError{
	border-color: #a80000 !important;
}

label.customInputError {
	color: #a80000;
}

.customInputWarning{
	border-color: #e6d800 !important;
}

 label.customInputWarning {
	color: #e6d800;
}

.customInputSuccess {
	border-color: #2cff00 !important;
}

label.customInputSuccess {
	color: #2cff00;
}


.user-holidays-managment {
	min-width: 13em;
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
	background-color: #007ad9 !important;
	color: white !important;
}

body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	background-color: initial;
}

body .ui-datalist .ui-datalist-content {
	border: none;
	background-color: initial;
}

/* Login form */
.loginform {
	background: #fff;
	margin-top: 10%;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	/*box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);*/
	max-width: 450px;
	position: relative;
	padding: 0px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.registergrid {
	display: grid;
	margin: 0px;
	float: left;
	height: 310px;
	width: 100%;
	padding:10px;
	padding-top: 0px !important;
	padding-bottom: 80px !important;
}

.registerform {
	background: #fff;
	margin-top: 3%;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	/*box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);*/
	max-width: 900px;
	position: relative;
	padding: 0px;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.loginPanel{
	margin-left: auto;
	margin-right: auto;
	display: block; 
	padding-top: 10px;
}

.loginFooter {
	background-color: #f6f6f6;
	border-top: 1px solid #dce8f1;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.flagImage {
	width: 30px
}

.loginTitle {
	font-size: 1.5rem !important;
	font-weight: lighter;
}

.loginLogo {
	width: 100px;
	margin: 15px;
}

.headerLogo {
	margin-top: 16px;
	margin-bottom: 15px;
	height: 40px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
	background-color: #4b8ec3;
	padding-left: 31px;
	padding-right: 31px;
}

/* panel */
body .ui-panel {
	padding: 0px;
	background-color: white;
	/*padding: 0.75em 0.75em 0px 0.75em;
	background-color: white;*/
	
}

body .ui-panel .ui-panel-titlebar ,
body .ui-panel-titlebar, .ui-widget-header {
	/*background-color: #007ad9 !important;*/
	font-size:18px;
	line-height: 20px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #c8c8c8;
	font-weight: 400;
	background-color: white;
	text-transform: uppercase;
	padding: 1.125em 0 .571em 0;
	margin: 0.75em 0.75em 0px 0.75em;
}

body .ui-panel .ui-panel-content
{
	border: none;
	padding: 1em 0.75em 1em 0.75em;
}
body .ui-panel .ui-panel-title {
	margin: .571em 0 .571em 0;
}

body .ui-panel-title {
	/*color: white;*/
	text-align: left !important;
	color: #949494;
}

body .ui-panel .ui-panel-footer {
	border: none;
	padding: 0;
	margin: 0;
	border-top: 0 none;
	background-color: #f8f8f8;
	text-align: right;
}

body .ui-panel .ui-panel-footer .ui-panel .ui-panel-content{
	border: none;
	background-color: #f8f8f8;
	
}

/* panel end */


.footerLogo {
	width: 100px;
	float: right;
	margin-top: 15px;
}

header {
	background-color: #4b8ec3;
	padding-left: 31px;
}

.dashboard-header {
/* 	color: white !important; */
	font-size: 13px !important;
	color: #949494;
}

.ui-custom-state-error {
	border-color: #a80000ba !important;
	border: solid 2px;
}

.column-w-100-mh-60 {
	width:90% !important;
	max-height:50% !important;
	overflow:auto;
}

.dialog-w-90-mh-60 {
	width:90% !important;
	max-height:60% !important;
}

.ui-dialog-titlebar {
	background-color: #007ad9 !important;
	color: white !important;
	border: 0px !important;
	margin: 0px;
}

.ui-dialog-titlebar-icon {
	color: white !important;
}

#irregularDayForm\:irregularDayDatePickerMod>div>div>div>a {
	display: none;
}

#wizardForm\:irregularWizardDatePicker>div>div>div>a {
	display: none;
}

#shiftSelectorForm\:shiftFileUpload > div:nth-child(1){
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: white;
}

#shiftSelectorForm\:shiftFileUpload > div:nth-child(2){
	display: none;
}

#shiftSelectorForm\:shiftFileUpload_label {
	text-transform: none !important;
}

#loginForm\:modifyPass{
	display:block;
	width:100%;
}

.firstPassAszfCheckbox{
	width: 100%;
	text-align: left;
	margin-top: 10px !important;
}

.register-content {
	background-image: url("");
    background-size: cover;
    background-repeat: no-repeat; 
    background-attachment:fixed;
}

.ui-menuitem-text {
	font-size: 14px !important;
	color: #35353f;
}
.ui-menuitem-text:active{
	font-weight: 600;
} 

.ui-menu .ui-menu-parent .ui-menu-child{
	width: 250px;	
}

.pi-sign-out {
	font-size: 13px !important;
	color: black;
	margin-right: 5px;
	margin-left: 5px;
}

.pi-chevron-right:before{
	float:right;
	padding-left: 3px;
	padding-top: 1px;
}

.pi-sign-out:before {
	margin-right: 5px;
	font-size: 16px !important;
}

.ui-menuitem-icon{
	margin-right: 10px;
	margin-bottom: 5px;
}

.ui-datatable thead th.ui-state-active {
	color: initial !important;
}

.panel-w-20 {
	width: 20%;
}

.panel-w-30 {
	width: 30%;
}

.panel-w-40 {
	width: 40%;
}

.panel-w-50 {
	width: 50%;
}

.panel-w-60 {
	width: 60%;
}

.panel-w-70 {
	width: 70%;
}

.panel-w-80{
	width: 80%;
}

.panel-w-100 {
	width: 100%;
}

.w-100-period-select{
	width: 100%;
	display: block;
	text-align: center;
}

.exit-hover:hover{
	background-color: #eaeaea;
	color: black;
}

.exitButton{
	color: black;
	font-size: 14px !important;
	padding-top: 11px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: bottom;
}

.full-content {
	padding: 10px !important;
}

.mobile {
	display: none !important;
	background: white;
	margin-bottom: 10px;
}

.ui-dialog-title{
	float:left !important;
}

.ui-shadow{
	box-shadow: none;
	-webkit-box-shadow: none;
}

body .ui-button {
	border-radius: 4px;
}
body .ui-button.ui-button-text-only .ui-button-text {
	font-size: 14px !important;
}

body .ui-button.ui-button-icon-only.bg-transparent{
	background-color: #f0f0f0 !important;
}

body .ui-button.ui-state-hover {
	background-color: #0f63aa;
	border-color: #0f63aa;
	color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ui-menu .ui-menuitem-link {
	line-height: 20px;
}

.header-font-family{
	font-family: Roboto, "Open Sans","Helvetica Neue",sans-serif !important;
	font-size: 18px !important;
	color: #949494;
}

.desc-font-family{
	font-family: Roboto, "Open Sans","Helvetica Neue",sans-serif !important;
	font-size: 18px !important;
	text-align:left;
}

.register-desc{
	height:0px;
}

.register-desc2{
	height:40px;
}

.header-font-family:hover{
	color: #949494;
}

.ui-menu.ui-menu-dynamic{
	width: 97%;
}


.w-60{
	width: 60% !important;
}

.w-40{
	width: 40% !important;
}

.pi-bars:before{
	padding-left:3px;
}

#shiftDialogForm\:shiftList > div {
	padding: 0px !important;	 
}

#shiftDialogForm\:shiftList_head > tr > th > span {
	text-transform: none !important;
}

#shiftDialog {
	min-width: 25%; 
	max-height: 75%;
}

.primary-button{
	font-size: 14px;
}

.destructive-button{
    background-color: #dc3545 !important;
    border: 1px solid #dc3545 !important;	
}

.destructive-button:hover{
    background-color: #af1e2c !important;
    border-color: #af1e2c !important;	
}

.secondary-button{
	background-color: white !important;
	color: #007ad9 !important;
	border: 1px solid #007ad9 !important;
}

.delete-secondary-button{
	background-color: white !important;
	color: #dc3545 !important;
	border: 1px solid #dc3545 !important;
}

.secondary-button:hover{
	background-color: #e5e5e5 !important;
	color: #007ad9 !important;
	border: 1px solid #007ad9 !important;
}

.choice-button{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	width: 300px;
	margin:10px !important;
	float:left;
}

.choice-button-register{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	width: 300px;
	margin:10px !important;
}

.choice-button-secondary{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	width: 300px;
	margin:10px !important;
	background-color: white !important;
	color: #007ad9 !important;
	border: 1px solid #007ad9 !important;
	float:right;
}

.choice-button-secondary:hover{
	background-color: #e5e5e5 !important;
	color: #007ad9 !important;
	border: 1px solid #007ad9 !important;
}

.skillWizardTable{
	width:390px;
	height: 385px;
}

.wizardTable{
	margin:auto;
}

.statusSpinner{
	height: auto;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.wizardTable .ui-datatable-header{
	background-color: white !important;
	border: none !important;
	margin-bottom:10px;
	margin-top:0px;
	height: 40px;
}

.publicationText{
	margin:auto;
}

.publicationLabel{
	font-size:16px !important;
}

.publicationLabel2{
	font-size:16px !important;
	float:right;
}

.wizardRowEditor{
	float:right;
	margin-right: 10px;
}

.newElementButton{
	float:right;
	margin-right: -20px !important;
}

.exampleFileDownload {
	float: left;
	margin-left: 20px !important;
}

.choice-button-three{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	width: 100px;
	float: left;
}

.choice-grid {
	margin:auto;
	position: absolute;
	bottom: 10px;
	width: 100%;
/* 	margin: 0px; */
	left: 0px;
}

.hintLabel {
	font-size:20px !important;
    text-align: justify;
}

.hintLabel2 {
	font-size:18px !important;
	height: 100px;
    text-align: justify;
}

.wizard-step{
	display:block;
	width: 1230px;
	margin:auto;
}

.wizard-regsuccess-label, .wizard-regsuccess-label span {
	text-align: justify !important;
  	text-justify: inter-word;
	font-size: 1.4rem !important;
	margin-top:40px;
	margin-bottom: 45px;
	color:grey;
	padding-left:20px;
	padding-right:20px;
}

.wizardWorkersTable{
	margin-bottom:20px;
	height: 400px;
}

.templateWeekdayTable {
	height: 390px;
}

.templateWeekdayTable .ui-paginator-top {
	display: none !important;
}

.templateWeekendTable {
	height: 370px;
}

.templateWeekendTable .ui-paginator-top{
	display: none !important;
}

.wizardWorkersTable .ui-chkbox-all {
	display: none !important;
}

.wizardWorkersTable .ui-datatable-footer {
	text-align:left;
}

.wizard-question-label {
	font-size: 1.4rem !important;
	margin-top:70px;
	margin-bottom: 20px;
}

.wizardWorkersTable .ui-paginator-top {
	display: none !important;
}

.wizard-panel .ui-panel-titlebar {
  display: none !important;
}

.wizard-panel-question .ui-panel-titlebar{
/*   display: none !important; */
  	display:block;
	text-align:left;
}

.wizard-panel > .ui-panel-content {
	display:block;
	height: 530px;
}

.wizard-panel-question > .ui-panel-content {
	display:block;
	height: 540px;
}

.wizard-panel{
	display:block;
	margin-bottom:20px;
	height: 580px;
}

.wizard-panel-question{
	display:block;
	margin-bottom:20px;
	text-align:center;
	height: 580px;
}

.wizard-bc-essentials{
	margin:auto;
	text-align:left;
}

.wizard-bc-chunk{
	display: block;
	height: 400px;
	width: max-content;
	margin: auto;
	padding-top: 20px;
}

.wizard-id-chunk{
	display:block;
	height:430px;
}

.pe-timepicker {
	width:175px;
}

#shiftEditForm\:startTimePicker{
	width:100% !important;
}

#shiftEditForm\:endTimePicker{
	width:100% !important;
}

#newScheduleDialogForm\:scheduleEditDateFrom{
	width:100% !important;
}

#newScheduleDialogForm\:scheduleEditDateTo{
	width:100% !important;
}

#newScheduleIntervalPopup\:siTimePickerFrom{
	width:100% !important;
}

#newScheduleIntervalPopup\:siTimePickerTo{
	width:100% !important;
}

.yearselector{
	width: 65px !important;
}

.ui-picklist-button-add{
	min-width: 15px;
}

.ui-picklist-button-add-all{
	min-width: 15px;
}

.ui-picklist-button-remove{
	min-width: 15px;
}

.ui-picklist-button-remove-all{
	min-width: 15px;
}

.ui-timepicker-minutes{
	padding-right: 10px !important;
}

.ui-timepicker-table{
	border: 1px solid #c8c8c8;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
	-moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}

.ui-timepicker-title{
	padding-top: 0px;
}

.hasTimepicker{
	width:100%;
	text-align:center !important;
}

#newWorkerDialog_content{
	overflow: visible;
}

#newWorkerDialog{
	overflow: visible;
}

.ui-datatable-footer{
	background-color: white !important;
	border: none !important;
}

.ui-button-text-icon-left .ui-button-text, .ui-button-text-icon-right .ui-button-text{
	font-size: 14px !important;
}

body .ui-scrollpanel{
	padding-left: 0px;
	padding-right: 0px;
}

body .ui-datatable thead th {
	text-align: left;
	border-width: 0px 0px 0px 0px;
	text-transform: uppercase;
}


body .ui-datatable .ui-datatable-scrollable-header, 
body .ui-datatable .ui-datatable-scrollable-footer {
    background-color:#fff;
    padding: 0px;
    margin: 0px;
}

body .ui-datatable .ui-datatable-data>tr {
	border: none;
}

body .ui-datatable .ui-datatable-data>tr>td {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: white;
}

body .ui-datatable .ui-datatable-data>tr>td:last-child {
  border-right-width: 0px;
}

body .ui-datatable thead th.ui-state-active{
	background: none;
}

.ui-datatable .ui-sortable-column:focus {
	outline: none;
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}

.badge-primary   { color: #ffffff; background-color: #007ad9; }
.badge-secondary { color: #ffffff; background-color: #6c757d; }
.badge-success   { color: #ffffff; background-color: #28a745; }
.badge-success-light   { color: #ffffff; background-color: #87e29c; }
.badge-danger    { color: #ffffff; background-color: #dc3545; }
.badge-warning   { color: #212529; background-color: #ffc107; }
.badge-light     { color: #212529; background-color: #f8f9fa; }
.badge-dark      { color: #ffffff; background-color: #343a40; }
.badge-purple    { color: #ffffff; background-color: #6f42c1; }
.badge-purple-light { color: #ffffff; background-color: #c3b0e5; }
.badge-blue      { color: #ffffff; background-color: #116fbf; }
.badge-blue-light{ color: #ffffff; background-color: #7daad0; }
.badge-sum       { color: #ffffff; background-color: #607d8b; }

.badge-large {
	font-size: 13px;
	font-weight: 400;
}

body .ui-datatable .ui-datatable-data>tr .succes,
body .ui-datatable .ui-datatable-data>tr .succes a{
	color: var(--success);
}

body .ui-datatable .ui-datatable-data>tr .warning,
body .ui-datatable .ui-datatable-data>tr .warning a{
	color: var(--danger);
}

.ui-dashboard-column {
	padding-bottom: 0px;
}

.panel-fit {
	width: intrinsic;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	min-width: 30%;
}

.panel-fit.center{
	margin-left:auto;
	margin-right:auto;
}

body .ui-panel .buttonBar{
	background-color: #f0f0f0;
	margin-left: auto;
	margin-right: 0px;
	width: -moz-fill-content;
	width: -webkit-fill-available;
	width: intrinsic;
	width: fit-content;
	width: max-content;
}

body .ui-panel .buttonBar button{
	margin-left:0.75em;
}

.ui-panel .buttonBarWiz{
	background-color: #f0f0f0;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
}

.ui-wizard-step-title-custom {
	font-size: 12px !important; 
	height:500px;
}

.ui-wizard-panel-custom {
	height:170px;
}

.ui-wizard-panel-custom-overview {
	height:200px;
	line-height: 1.5;
}

#wizardDialog_content.ui-dialog-content.ui-widget-content {
	padding:0px;
	padding-top:5px;
	overflow: hidden;
}

#wizardForm > table:nth-child(5){
	width:1230px;
}

#irregularDayForm\:localefor_label{
	padding-right: 25px;
}

.firstTab{    
    text-align: left;
    height:60px;
    width:200px;
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    margin-left: 5px !important;
    padding-left: 7px !important;
}

.firstTabWizard{    
    text-align: left;
    height:60px;
    width:200px;
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    margin-left: 0px !important;
    padding-left: 7px !important;
}

.middleTab{    
    margin-left: -30px !important;
	height: 60px;
	width: 200px;
	-webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	padding-left: 60px !important;
	padding-right: 55px !important;
	text-align: left;
}

.lastTab{
    text-align: left;
    margin-left: -95px !important;
    height:60px;
    width:250px;
    -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 55% 50%);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 50% 50%);
    padding-left: 135px !important;
}

.lastTabWizard{
    text-align: left;
    margin-left: -95px !important;
    height:60px;
    width:250px;
    -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 55% 50%);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 50% 50%);
    padding-left: 135px !important;
}

.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell.text-left{
	padding-left: 0px;
}

.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell.text-right{
	padding-right: 0px;
}

.user-problem-label{
	color:red;
	margin: 20px;
	text-align: center;
	width: 100%;
}

.subscript-payments{
	line-break: anywhere;
	min-width: 200px;
}

.regSelectMenu{
	margin: auto;
}

.wizStartPanel{
	width:1230px;
	height: 650px;
	display:block;
}

.startWizGrid{
	width:100%;
	padding-top:20px;
}

.registerfinishbutton{
	width:100%;
	display: grid;
	padding:0px !important;
}

#registerForm\:durationQuestion.ui-selectoneradio.ui-widget.regSelectMenu tbody tr td label {
	font-size: 16px !important;
}

#registerForm\:workertimeQuestion.ui-selectoneradio.ui-widget.regSelectMenu tbody tr td label {
	font-size: 16px !important;
}

#registerForm\:workernumQuestion.ui-selectoneradio.ui-widget.regSelectMenu tbody tr td label {
	font-size: 16px !important;
}

.mailregisterbox{
	width:300px;
}

body .ui-panelgrid .ui-panelgrid-content{
	border:none;	
}

body .ui-panelgrid .ui-panelgrid-cell{
    background-color: transparent;
}

.formPanel div.ui-g:nth-of-type(2n-1) {
    background-color: #f9f9f9;
}


.formPanel .ui-g div.ui-panelgrid-cell span{
    width: 100%;
}

.stripedPanel div.ui-g:nth-of-type(2n-1) {
    background-color: #f9f9f9;
}

.childAutoMargined div {
	margin:auto;
}

body .ui-spinner .ui-spinner-button.ui-button {
    /*border: 1px solid #1f89ce;*/
    color: #FFFFFF;
    background: #007ad9;
}

/** Spinner **/
.ui-fluid .ui-spinner {
    width: 100%;
   
}
.ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 36px;
    width: 100%;
}
.ui-fluid .ui-spinner .ui-spinner-button {
    width: auto;
    border: 1px solid #007ad9;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-icon {
    left: 6px;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up{
    border-radius: 0px 2px 0px 0px;
     margin-top: 0px;
    margin-right: 0px;
}

body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down{
    border-radius: 0px 0px 2px 0px;
    margin-bottom: 0px;
    margin-right:0px
}

.limited-text {
    white-space: nowrap;
    max-width: 250px;
    text-overflow: ellipsis;
}

.ui-paginator {
    border: none !important;
}

#notification-list\:notificationList > .ui-datatable-tablewrapper {
	overflow: hidden !important;
}

.notification {
	font-size: 20px !important;
}

.notification-counter {
	background-color: white !important;
	color: black !important;
	border: none !important;
	vertical-align: bottom;
	margin-right: 20px !important;
	margin-top: 7px !important; 
}

.notification-counter span {
	font-size: 18px !important;
}

.notification-counter > .ui-button-text {
	padding: 0px !important;
}

#notification-send\:notification-tab\:groupPickList, #notification-send\:notification-tab\:userPickList {
	width: 100%;
}

#notification-send .ui-picklist-buttons-cell > button {
    width: 50% !important;
    margin-left: auto;
    margin-right: auto;
}

#notification-send .ui-panelgrid .ui-panelgrid-content {
	border: none !important;
}

#dashboard\:notificationList > .ui-datatable-scrollable-body {
	overflow-x: hidden !important;
}

#fullhourstatement\:hourstatement > .ui-datatable-tablewrapper {
    overflow: hidden !important;
}

.nextcolor{
	color: #949494 !important;
}

.ui-datatable .ui-column-filter{
	margin: inherit;
	width: fit-content;
}

.timeline-axis-text-major{
	display:none;
}

#mainNavDesktop\:mainNavOptionsPanel_content{
	padding: 0px;
}

#publication-form\:publicationTable > .ui-datatable-tablewrapper {
	margin-left: 0.75em;
	margin-right: 0.75em;	
}

#publication-form\:publicationTable > div {
	border: none;
	border-bottom: 1px solid lightgray;
}

.ui-datepicker-title{
	font-size: 18px;
}

.ui-datepicker-next{
	padding-left: 20px;
}

.ui-datepicker-prev{
	margin-left:-20px !important;
}

@supports (-ms-ime-align:auto) {
	.panel-fit{
		display: table;
	}
}

.loginLink{
	font-size: 13px;
	font-family: Roboto, "Open Sans","Helvetica Neue",sans-serif
}

#shiftSelectorForm\:shiftFileUpload .ui-fileupload-content {
	border: none !important;
}

.w-25 {
	width:25%;
}

.table-centered .ui-widget-content.ui-datatable-empty-message td, .ui-datatable-empty-message td{
	text-align:center !important;
}

.table-centered th, .table-centered  td{
	text-align: center !important;
}

.table-centered th:first-of-type, .table-centered  td:first-of-type{
	text-align: left !important;
}

.filter-container{
	min-height: 75px;
	padding-bottom: 10px;
	text-align:center;
}

.filter-container .ui-g-12 {
	padding: 15px 15px 8px 15px;
	border-color:white !important;
	border:solid;
	background: #F0F0F0;
	margin-bottom: 0px;
}

.gen-month-picker .ui-inputfield {
	width: 85px;	
}

.gen-picker-container {
	float: none;
	margin: auto;
}

.gen-picker-chaininput {
	width:200px !important;
}

.filter-container .ui-g-12:first-child {
	border-left-style: none;
}	

.filter-container .ui-g-12:last-child {
	border-right-style: none;
}	

.filter-container label {
	display: block;
}

.inline-label label, .inline-label table {
	display: inline-block !important;
}

.filter-container .p-datepicker {
	min-width: 0px;
}

.filter-container .ui-selectoneradio {
	vertical-align: text-bottom;
}

.filter-container .ui-selectonemenu {
	vertical-align: bottom;
}

.filter-container .ui-selectoneradio td {
	vertical-align: bottom;	
}

.filter-container .ui-spinner {
    width: 30%;
}

.dashboard-title{
	color : #949494;
	font-size: 18px;
	text-transform: uppercase;
	padding-left: 18px;
}

.dashboard-title i.pi-home{
	color: #007BFF
}

.ui-icon:not(.ui-sortable-column-icon){
	font-size: 18px !important;
}

.infoButton {
	background-color: transparent !important;
}

.infoButton .pi-info-circle {
	font-size: 26px !important;
}

.infoButton .ui-button-text {
/* 	padding-top: 0.6em; */
	padding-top: 3px !important;
    padding-bottom: 0px !important;
}

.centeredInfo {
	padding: 10px !important;
    /*left: 30% !important;*/
    width: 40% !important;
    background-color: aliceblue !important;
	text-transform: none !important;
}

.ui-picklist .ui-picklist-list{
    width:400px !important;
}

.ui-row-editor-pencil{
	padding-top:5px;
}

#ui-datepicker-div{
	position: absolute !important;
}

.ui-fileupload-buttonbar{
	margin-left:0px;
	margin-right:0px;
}

.highlighted-text{
	font-size: inherit !important;
	color: #007BFF !important;
	font-style: italic;
	padding-left:0px !important;
	padding-right:0px !important;
}

em.pi-pencil{
	font-size: inherit !important;
}

.ui-selectonemenu {
	padding: 1px !important;
}

.ui-calendar input {
	text-align: center;
}

.ui-datatable .ui-datatable-data>tr.ui-state-highlight {
	border: none !important;
}

.ui-selectonemenu-label {
	overflow: inherit !important;
}

.has-schedule-error a, .has-schedule-error {
	color: red; font-weight:500;
}

.has-schedule-error a:hover {
	color: #b30000;
}

.schedule-50-100 a, .schedule-50-100 {
	color: green; font-weight:500;
}

.schedule-100 a, .schedule-100 {
	color: blue; font-weight:500;
}

.schedule-overloaded a, .schedule-overloaded {
	color: purple; font-weight:600;
}