/*----------------------------------------
  Date picker
------------------------------------------*/
.datepicker-table td.is-selected,
.datepicker-date-display {
	background-color: var(--primary-color);
	color: #ffffff !important;
}
.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done,
.datepicker-table td.is-today {
	background-color: var(--primary-color);
	color: #ffffff !important;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.datepicker-table-wrapper table {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.datepicker-calendar button:focus {
	background-color: transparent;
	color: #ffffff;
}
.datepicker-day-button:focus {
	background-color: var(--primary-color);
}
.datepicker-controls .select-month input {
	width: 85px;
	text-align: right;
	padding: 0px !important;
}
.datepicker-controls .select-year input {
	padding: 0px !important;
}
.datepicker-controls button {
	opacity: 0.6;
}
.timepicker-span-hours,
.timepicker-span-minutes {
	font-size: 24px;
}
/*----------------------------------------
  Site - Dark Mode - Datepicker
----------------------------------------*/
[data-site_mode="dark"] .datepicker-container .month-prev svg,
[data-site_mode="dark"] .datepicker-container .month-next svg {
	fill: #eeeeee;
}
[data-site_mode="dark"] .datepicker-table td.is-outside-current-month .datepicker-day-button,
[data-site_mode="dark"] .datepicker-table td.is-disabled .datepicker-day-button {
	color: #cfd8dc;
	opacity: 0.7;
}