.ui-autocomplete {
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: default;

	max-height: 300px;
	overflow-y: scroll;

	background-color: #fff;
	box-shadow: 0px 20px 40px rgba(2, 2, 2, 0.15), 0px 0px 3px rgba(2, 2, 2, 0.15);
	border-radius: 8px;
}

.ui-menu .ui-menu-item {
	margin: 3px;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 8px 16px;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	background-color: #f5f8fa;
	color: #00f;
}

.ui-datepicker-inline {
	width: 100%;
	max-width: 360px;
	padding: 0;
	margin: 10px auto;
	font-size: 19px;
	user-select: none;
}

.ui-datepicker th {text-align: right;}

.ui-datepicker td {width: 14.3%;}

.ui-datepicker td span {color: #999;	}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: right;
	padding: 8px;
}

.ui-datepicker td a:hover {background-color: #eee;}

.ui-datepicker .ui-state-active {font-weight: bold; background-color: #33f; color: #fff}
.ui-datepicker .ui-state-active:hover {background-color: #33f;}

.ui-datepicker-prev,
.ui-datepicker-next {
	background-position: center center; 
	background-size: contain; 
	background-repeat: no-repeat; 
	transition: opacity .3s; 
	opacity: .5; 
	cursor: pointer;
	top: 0 !important;
}
.ui-datepicker-prev {background-image: url(/online/img/left.svg);}
.ui-datepicker-next {background-image: url(/online/img/right.svg);}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {opacity: 1; top: 0; }

.ui-datepicker .ui-state-hover {}