/**
 * Theme overrides for jQuery UI datepicker on public forms.
 * Concrete 9 no longer loads this for frontend; Bootstrap/theme stacking
 * otherwise leaves the calendar behind form fields.
 */
#ui-datepicker-div.ui-datepicker,
#ui-datepicker-div {
	z-index: 10050 !important;
	background: #ffffff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.ui-datepicker {
	background: #ffffff !important;
}

.ui-datepicker table {
	background: #ffffff;
	width: 100% !important;
	table-layout: fixed;
	border-collapse: collapse;
	margin: 0 0 0.4em;
}

.ui-datepicker th,
.ui-datepicker td {
	background: #ffffff;
	border: 0 !important;
	padding: 1px !important;
	vertical-align: middle;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	text-align: center !important;
	text-decoration: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.ui-datepicker .ui-state-default {
	background: #f6f6f6 !important;
	border: 1px solid #c5c5c5 !important;
	color: #454545 !important;
}

.ui-datepicker .ui-state-hover {
	background: #ededed !important;
	border: 1px solid #cccccc !important;
	color: #2b2b2b !important;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight {
	background: #007fff !important;
	border: 1px solid #003eff !important;
	color: #ffffff !important;
}

/* Prev/next arrows: CSS in jquery-ui.css points at ../images/icons (broken from /application/css). */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	background-image: none !important;
	text-indent: 0 !important;
	overflow: visible !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	font-size: 14px;
	line-height: 1;
	color: #454545;
}

.ui-datepicker .ui-datepicker-prev span:before {
	content: "\2039";
}

.ui-datepicker .ui-datepicker-next span:before {
	content: "\203A";
}