#ui-datepicker-div {
	padding: 10px !important;
	border-radius: 0.375rem !important;
	width: 29.5em;
	box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset !important;
}

#ui-datepicker-div .ui-datepicker-header {
	background: none;
	padding: 0;
	border: 0;
}

.ui-datepicker-year {
	color: var(--title-color);
	font-size: 16px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	width: 40px !important;
	height: 22px !important;
	top: 0 !important;
}

.ui-datepicker-month {
	font-size: 16px;
	color: var(--saphire-color);
	margin-right: 5px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
}

.ui-datepicker th {
	font-size: 13px;
}

table.ui-datepicker-calendar tbody tr td a.ui-state-default {
	border: 1px solid #ccc;
	font-size: 13px;
	color: var(--saphire-color);
	font-weight: 600;
}

table.ui-datepicker-calendar tbody tr td {
	position: relative;
	width: 14.2857%;
	line-height: 0;
	padding-top: 5px;
	height: 45px;
	border: 1px solid var(--border-color);
	background: var(--white-color);
	padding: 7px;
	color: var(--black-color);
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
}

table.ui-datepicker-calendar tbody tr td.ui-state-disabled {
	background-color: #dbdbdb;
}

table.ui-datepicker-calendar tbody tr td a {
	padding: 7px 0 7px 2px !important;
	text-align: left;
}

table.ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
	background-color: var(--saphire-color) !important;
}

.ui-datepicker table.ui-datepicker-calendar td a span.ui-datepicker-lunar {
	display: block;
}

.ui-datepicker .ui-state-highlight span.ui-datepicker-lunar {
	color: #333;
}

.ui-datepicker .ui-state-active span.ui-datepicker-lunar {
	color: #333;
}

table.ui-datepicker-calendar .ui-state-default,
.ui-widget-content table.ui-datepicker-calendar .ui-state-default,
.ui-widget-header table.ui-datepicker-calendar .ui-state-default {
	border-radius: 0;
	border: none;
	background: none;
}

table.ui-datepicker-calendar>thead>tr>th:nth-child(6)>span {
	color: var(--saphire-color);
}

table.ui-datepicker-calendar>thead>tr>th:nth-child(7)>span {color: var(--blue-color);}

table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
	background-color: var(--saphire-color) !important;
	font-size: 13px;
}

.ui-datepicker table.ui-datepicker-calendar td a:hover span.ui-datepicker-day {
	color: #333;
}

.ui-datepicker table.ui-datepicker-calendar td a:hover span.ui-datepicker-lunar {
	color: #333;
}

.ui-datepicker table.ui-datepicker-calendar td a:hover {
	background: var(--white-color) !important;
	color: #333;
	border: 0;
}

.ui-datepicker table.ui-datepicker-calendar td:nth-child(6) .ui-datepicker-day {
	color: #158cb3 !important;
}

.ui-datepicker table.ui-datepicker-calendar td:nth-child(7) .ui-datepicker-day {color: var(--blue-color) !important;}

.ui-datepicker .ui-datepicker-lunar {
	text-align: right;
	font-size: 12px;
	font-weight: 500;
	line-height: 100%;
	color: var(--text-color);
	padding: 4px 4px 0 0;
}

.ui-datepicker td a span.ui-datepicker-day {
	text-align: left;
}

.ui-datepicker table.ui-datepicker-calendar td span.ui-datepicker-day {
	padding: 7px 0 7px 2px !important;
	text-align: left;
}

.ui-datepicker table.ui-datepicker-calendar td span.ui-datepicker-lunar {
	padding-right: 0 !important;
}

.ui-datepicker table.ui-datepicker-calendar a.ui-state-default span.lunar-date-tet {
	color: var(--white-color);
	background: var(--blue-color);
	padding: 4px 4px 4px 0 !important;
}

.ui-datepicker table.ui-datepicker-calendar a.ui-state-default span.lunar-date-leap {
	color: var(--white-color);
	background: #ffc52a;
	padding: 4px 4px 4px 0 !important;
}

.ui-datepicker table.ui-datepicker-calendar a.ui-state-hover span.lunar-date-tet {
	color: var(--white-color) !important;
}

.ui-datepicker table.ui-datepicker-calendar a.ui-state-hover span.lunar-date-leap {
	color: var(--white-color) !important;
}

table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
	color: var(--white-color);
	font-size: 13px;
}

table.ui-datepicker-calendar td.ui-datepicker-current-day span.ui-datepicker-lunar {
	color: var(--white-color);
}

table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active.ui-state-hover {
	background-color: var(--saphire-color) !important;
}

.ui-datepicker table.ui-datepicker-calendar span.lunar-date-tet {
	color: var(--white-color);
	background: var(--blue-color);
	padding: 4px 4px 4px 0 !important;
}

table.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default {
	padding: 7px 0 7px 2px !important;
	text-align: left;
	font-size: 12px;
}

.ui-datepicker table.ui-datepicker-calendar tbody tr td span.ui-datepicker-lunar.lunar-date-tet {
	padding-right: 7px !important;
}

.ui-datepicker-price {
	margin-top: 11px;
	text-align: center !important;
	font-size: 12px;
	position: absolute;
}

.ui-state-default {
	font-weight: 700;
	font-size: 14px;
	width: 40%;
	padding: 0;
	margin: 0;
	height: 20px;
	position: absolute;
	top: 4px;
	left: 4px;
}

.ui-datepicker-lunar {
	font-size: 11px;
	width: 50%;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 3px;
	top: 2px;
}

.ui-state-active {
	font-size: 15px;
}

.ui-datepicker-current-day .ui-datepicker-price {
	color: white;
}