input.required--error,
.required--error input,
.req.required--error,
.ydropDown.like-input.required--error{
	background : var(--red-sublite) !important;
	border-color: var(--red) !important;
}

input.format--error,
.format--error input,
.req.format--error {
	background : var(--orange-sublite);
	border-color: var(--orange) !important;
}

button.mx-btn,
.mx-datepicker-popup .button,
button.mx-btn:hover {
	background         : initial;
	border             : initial;
	color              : initial;
	transition         : background 300ms ease;
	-webkit-transition : background 300ms ease;
	-moz-transition    : background 300ms ease;
	box-shadow: 0 0 0 0 transparent;
}

.mx-datepicker-popup {
	border: 2px solid var(--blue) !important;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.5);
	box-shadow: 0 6px 12px rgba(0,0,0,.5);
	border-radius : 5px !important;
}
.mx-calendar {
	padding       : 3px !important;
	/*border        : 2px solid var(--blue) !important;*/
	font-family   : "Exo 2", 'PT Sans', sans-serif, Tahoma, Arial, Verdana !important;
}
.mx-datepicker {
	width: 100% !important;
}
.mx-datepicker-main {
	font-family: inherit;
}
.mx-btn-text {
	color       : var(--blue) !important;
	font-weight : bold !important;
}
.mx-datepicker-main .cell {
	border        : 1px solid var(--gray) !important;
	border-radius : 2px !important;
	color         : #222;
	/*font-weight   : bold !important;*/
}
.mx-calendar-content .cell.active {
	font-weight : bold !important;
}
.mx-table-date td, .mx-table-date th {
	height    : 24px !important;
	font-size : initial !important;
}
.mx-table-date .today {
	font-weight   : bold !important;
	color      : #222 !important;
	background : var(--orange-lite);
}

.mx-time-column .mx-time-item {
	cursor: pointer;
	font-size: 1.0em;
	height: 32px;
	line-height: 32px;
}
.mx-time-column .mx-time-item.active {
	font-size: 1.1em;
	color: var(--black) !important;
	border: 2px solid var(--blue);
	background: var(--orange-sublite) !important;
	border-radius: 3px;
	font-weight: 700;
}
.mx-datepicker-footer {
	padding: 2px 4px !important;
	height: 2em;
}

.toast-title {
	font-size: 1.3em !important;
	margin-bottom: 10px !important;
}
.toast-icon{
	top: 15px !important;
	width: 25px !important;
	height: 25px !important;
}
.toast-icon, .toast-icon img {
	width: 25px !important;
	height: 25px !important;
}
.cxlt-toastr-container > div {
	opacity: 1 !important;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
	filter: alpha(opacity=100) !important;
	box-shadow: 0 0 4px #222 !important;
}

ul.vu-suggestion {
	list-style    : none;
	margin        : 0;
	padding       : 0;
	display       : block;
	position      : absolute;
	top           : calc(100% - 2px);
	width         : 100%;
	z-index       : 100;
	max-height    : 40vh;
	overflow-y    : auto;
	overflow-x    : hidden;
	color         : var(--black);
	font-weight   : 500;
	/*border        : 1px solid var(--gray);*/
	background    : var(--white);
	cursor        : auto;
	box-sizing    : border-box;
	box-shadow    : 1px 1px 3px var(--gray4);
	border-radius : 0 0 5px 5px;
}
ul.vu-suggestion li {
	list-style    : none;
	display       : block;
	color         : var(--black);
	background    : var(--white);
	cursor        : pointer;
	position      : relative;
	border-bottom        : 1px solid var(--gray);
	padding       : 10px 10px;
	/*border-top: 0;
	border-bottom : 0;
	border-right  : 0;*/
	border-radius : 0;
}
ul.vu-suggestion li:hover,
ul.vu-suggestion li.current{
	font-weight: bold;
	background: var(--biruza-lite);
}
.vu-suggestion-loader{
	position: absolute;
	z-index: 10;
	top: 0;
	right: 30px;
	width: 30px;
	height: 100%;
	line-height: calc(1.5em + 20px);
	background : url("/assets/images/loading.svg") no-repeat center center;
	background-size: contain;
}

.page--title{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 130%;
	z-index: 5;
	height: 50px;
	width: 40vw;
	color: var(--greens);
	font-size: 1.15em;
	font-weight: bold;
	line-height: 50px;
	margin-top: 5px;
	text-align: center;
	/*transform: translate(-50%, -50%);*/
}