/* Global unified jQuery UI datepicker skin (PC/SCM/Mobile) */

#ui-datepicker-div {
	width: 250px !important;
	max-width: 96vw !important;
	padding: 8px !important;
	border: 1px solid #d8e2ee !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	box-shadow: 0 8px 18px rgba(16, 24, 40, 0.14) !important;
	box-sizing: border-box !important;
}

#ui-datepicker-div.ui-widget,
#ui-datepicker-div.ui-widget-content {
	border: 1px solid #d8e2ee !important;
	background: #ffffff !important;
}

#ui-datepicker-div .ui-datepicker {
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 12px !important;
}

#ui-datepicker-div .ui-datepicker-header {
	background: linear-gradient(to bottom, #2f86cf 0%, #1f5f98 100%) !important;
	border: 0 !important;
	border-radius: 7px !important;
	padding: 6px 6px !important;
	color: #ffffff !important;
	height: auto !important;
	min-height: 32px !important;
	position: relative !important;
}

#ui-datepicker-div .ui-datepicker-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	height: 2.2em !important;
	line-height: 1 !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	margin: 0 40px !important;
	text-align: center !important;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
	top: 50% !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	border: 1px solid #d4deea !important;
	background: #ffffff !important;
	border-radius: 7px !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	position: absolute !important;
	transform: translateY(-50%) !important;
	text-indent: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	overflow: hidden !important;
	touch-action: manipulation !important;
	z-index: 10 !important;
	pointer-events: auto !important;
}

#ui-datepicker-div .ui-datepicker-prev {
	left: 6px !important;
}

#ui-datepicker-div .ui-datepicker-next {
	right: 6px !important;
}

#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover,
#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover {
	border: 1px solid #b7c7db !important;
	background: #f5f9ff !important;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 14px !important;
	height: 14px !important;
	margin: -7px 0 0 -7px !important;
	background: none !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 14px 14px !important;
	text-indent: -9999px !important;
	border: 0 !important;
}

#ui-datepicker-div .ui-datepicker-prev span:before,
#ui-datepicker-div .ui-datepicker-next span:before {
	content: none !important;
	display: none !important;
}

#ui-datepicker-div .ui-datepicker-prev:before,
#ui-datepicker-div .ui-datepicker-next:before {
	content: none !important;
	display: none !important;
}

#ui-datepicker-div .ui-datepicker-prev span {
	transform: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 3.5L6 8l4.5 4.5' fill='none' stroke='%23355f8d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#ui-datepicker-div .ui-datepicker-next span {
	transform: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 3.5L10 8l-4.5 4.5' fill='none' stroke='%23355f8d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#ui-datepicker-div th {
	padding: .45em .2em !important;
	font-weight: 700 !important;
	color: #3f6188 !important;
}

#ui-datepicker-div td {
	padding: 1px !important;
}

#ui-datepicker-div .ui-state-default {
	border: 1px solid transparent !important;
	background: #ffffff !important;
	color: #24364b !important;
	text-align: center !important;
	border-radius: 6px !important;
}

#ui-datepicker-div .ui-state-hover {
	border: 1px solid #a8c1db !important;
	background: #eff6ff !important;
	color: #1f4f86 !important;
}

#ui-datepicker-div .ui-state-active {
	border: 1px solid #3f74c7 !important;
	background: #3f74c7 !important;
	color: #ffffff !important;
}

#ui-datepicker-div .ui-state-highlight {
	border: 1px solid #f2bd67 !important;
	background: #fff7e9 !important;
	color: #cd7f00 !important;
}

#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year {
	border: 1px solid #d0dbe8 !important;
	border-radius: 4px !important;
	background: #ffffff !important;
	color: #1f3550 !important;
	height: 2.2em !important;
	line-height: 2.2em !important;
	padding: 0 16px 0 4px !important;
	font-size: 11px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

#ui-datepicker-div select.ui-datepicker-year {
	width: 5.6em !important;
}

#ui-datepicker-div select.ui-datepicker-month {
	width: 4.2em !important;
}