.mercer-date-component .invalid{
	background: #f2dede; /* this is the default primefaces error background color*/
}

.mercer-custom-datetime-calendar input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker{
	width: 0px;
	height: 0px;
	border: 0px !important;
	visibility: hidden;
	padding: 0px;
}

.ui-calendar.mercer-custom-datetime-calendar.ui-trigger-calendar{
	flex: 0 0 28px;
	order: 2;
	text-align: center;
}

.mercer-date-component {
	display: flex;
	width: 100%;
}

.mercer-date-component input[type="text"]:disabled {
	opacity: .7 !important;
}

#ui-datepicker-div {
	margin: 22px 0 0 24px;
}

.mercer-date-component .mercer-date-component-date-with-time{
	order: 1;
	flex : 1 1 auto;
	width : 50%;
}

.mercer-date-component .mercer-date-component-time-with-date{
	order : 3;
	flex : 1 1 auto;
	width : 25%;
}

.mercer-date-component .mercer-date-component-clear-link{
	order: 4;
	flex: 0 1 auto;
	width: 10px;
	text-decoration: none;
}

.mercer-date-component .mercer-date-component-date-only{
	order: 1;
	flex : 1 1 auto;
	width : calc(80% - 28px);
}

.mercer-date-component .mercer-date-component-time-only{
	order : 1;
	flex : 1 1 auto;
	width : calc(80% - 28px);
}

.mercer-date-component .mercer-custom-datetime-calendar input{
	display: none;
}