/* TripPartners customer calendar — matches renew #336af9 / Pretendard */
input.m_date,
input.m_date.m_readonly[readonly],
input.hasDatepicker {
	pointer-events: auto !important;
	cursor: pointer;
	padding-right: 3rem !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23336af9' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='15' height='13.5' rx='2.2'/%3E%3Cpath d='M2.5 8.2h15M7 2.5v3.4M13 2.5v3.4'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 1.15rem center !important;
	background-size: 1.25rem 1.25rem !important;
	background-origin: padding-box !important;
}

.ui-datepicker.ui-widget,
#ui-datepicker-div.ui-datepicker {
	width: 18.25rem;
	max-width: calc(100vw - 1.5rem);
	padding: 0.85rem 0.85rem 0.7rem;
	border: 1px solid #e5eaf3 !important;
	border-radius: 0.75rem !important;
	background: #fff !important;
	color: #333 !important;
	box-shadow: 0 12px 32px rgba(51, 106, 249, .12);
	font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
	z-index: 10050 !important;
}

.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-widget-header {
	padding: 0.15rem 0 0.65rem;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #333 !important;
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.4rem;
	line-height: 2rem;
	font-size: 1rem;
	letter-spacing: -.03em;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 0.15rem !important;
	width: 2rem !important;
	height: 2rem !important;
	border: 0 !important;
	border-radius: 0.5rem !important;
	background: #f3f6ff !important;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev { left: 0 !important; }
.ui-datepicker .ui-datepicker-next { right: 0 !important; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	top: 0.15rem !important;
	background: #e4ebff !important;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
	display: none !important;
}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
	content: "";
	display: block;
	width: 0.45rem;
	height: 0.45rem;
	margin: 0.7rem auto 0;
	border-left: 2px solid #336af9;
	border-bottom: 2px solid #336af9;
}
.ui-datepicker .ui-datepicker-prev:before { transform: rotate(45deg); }
.ui-datepicker .ui-datepicker-next:before { transform: rotate(-135deg); margin-left: 0.7rem; }

.ui-datepicker table,
.ui-datepicker table.ui-datepicker-calendar {
	width: 100%;
	margin: 0;
	font-size: 0.9rem;
	border-collapse: separate;
	border-spacing: 0.15rem;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	height: auto !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
.ui-datepicker-calendar th {
	padding: 0.4rem 0 0.5rem !important;
	color: #8a93a6;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: center;
}
.ui-datepicker-calendar th.ui-datepicker-week-end:first-child { color: #e11d48; }
.ui-datepicker-calendar th.ui-datepicker-week-end:last-child { color: #336af9; }

.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td a.ui-state-default {
	display: block;
	width: 2.15rem;
	height: 2.15rem;
	margin: 0 auto;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0.5rem !important;
	background: transparent !important;
	color: #333 !important;
	line-height: 2.15rem;
	text-align: center !important;
	font-weight: 600;
	box-shadow: none !important;
}
.ui-datepicker td a:hover,
.ui-datepicker td a.ui-state-hover {
	background: #eef3ff !important;
	color: #336af9 !important;
}
.ui-datepicker-today a,
.ui-datepicker-today a.ui-state-default,
.ui-datepicker-today a.ui-state-highlight {
	box-shadow: inset 0 0 0 1px #336af9 !important;
	color: #336af9 !important;
	background: #f3f6ff !important;
}
.ui-datepicker td a.ui-state-active,
.ui-datepicker-current-day a,
.ui-datepicker-current-day a.ui-state-active {
	background: #336af9 !important;
	color: #fff !important;
	box-shadow: none !important;
}
.ui-datepicker td.ui-datepicker-week-end:first-child a { color: #e11d48 !important; }
.ui-datepicker td.ui-datepicker-week-end:last-child a { color: #336af9 !important; }
.ui-datepicker td.ui-datepicker-week-end:first-child a.ui-state-active,
.ui-datepicker td.ui-datepicker-week-end:last-child a.ui-state-active {
	color: #fff !important;
}
.ui-datepicker td.ui-datepicker-other-month span,
.ui-datepicker td.ui-state-disabled span,
.ui-datepicker td.ui-state-disabled a {
	color: #b8c0ce !important;
	background: transparent !important;
	opacity: .7;
}

@media (max-width: 480px) {
	.ui-datepicker.ui-widget,
	#ui-datepicker-div.ui-datepicker {
		left: 0.75rem !important;
		right: 0.75rem !important;
		width: auto !important;
		max-width: none !important;
		box-sizing: border-box;
	}
	.ui-datepicker-calendar td span,
	.ui-datepicker-calendar td a,
	.ui-datepicker-calendar td a.ui-state-default {
		width: 100%;
		max-width: 2.4rem;
		height: 2.4rem;
		line-height: 2.4rem;
	}
}