/* Date Picker Default Styles */
.ui-datepicker {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: #fff;
	border: 1px solid #dcdcde;
	border-top: none;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
	min-width: 17em;
	width: auto !important;
	z-index: 1000 !important;
}
.ui-datepicker * {
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	border-radius: 0;
	-webkit-user-select: none;
	user-select: none;
}
.ui-datepicker .ui-datepicker-group {
	float: left;
}
.ui-datepicker table {
	font-size: 13px;
	margin: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
.ui-datepicker .ui-widget-header,
.ui-datepicker .ui-datepicker-header {
	background-image: none;
	border: none;
	color: #fff;
	font-weight: normal;
	display: flex;
	justify-content: stretch;
	align-items: center;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	flex-grow: 1;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	padding: 0 8px;
	text-decoration: none;
}
.ui-datepicker .ui-state-hover.ui-datepicker-prev,
.ui-datepicker .ui-state-hover.ui-datepicker-next {
	border: none;
}
.ui-datepicker .ui-datepicker-prev {
	order: 0;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\f341";
}
.ui-datepicker .ui-datepicker-next {
	order: 2;
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\f345";
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: none;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
	visibility: hidden;
}
.ui-datepicker .ui-datepicker-next:not(.ui-state-disabled):before,
.ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):before {
	font: normal 20px/34px "dashicons";
	padding-left: 7px;
	color: #fff;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 34px;
	height: 34px;
}
.ui-datepicker .ui-datepicker-prev-hover:before,
.ui-datepicker .ui-datepicker-next-hover:before {
	opacity: 0.7;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 33%;
}
.ui-datepicker thead {
	color: #fff;
	font-weight: 600;
}
.ui-datepicker th {
	padding: 10px;
}
.ui-datepicker td {
	padding: 0;
	border: 1px solid #f0f0f1;
}
.ui-datepicker td.ui-datepicker-other-month {
	border: transparent;
}
.ui-datepicker tr:first-of-type td {
	border-top: 1px solid #f0f0f1;
}
.ui-datepicker td.ui-datepicker-week-end {
	background-color: #f6f7f7;
}
.ui-datepicker td.ui-datepicker-today {
	background-color: #f5e6ab;
}
.ui-datepicker td.ui-datepicker-current-day {
	background: #b8e6bf;
}
.ui-datepicker td.ui-state-disabled {
	cursor: default;
	opacity: 0.2;
}
.ui-datepicker td.ui-state-disabled .ui-state-default {
	background: #dcdcde;
	cursor: default;
}
.ui-datepicker td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	text-decoration: none;
	width: auto;
	display: block;
	padding: 5px 10px;
	font-weight: normal;
	color: #3c434a;
}
.ui-datepicker td .ui-state-default.ui-priority-secondary {
	opacity: 0.3;
}
.ui-datepicker td .ui-state-default.ui-priority-secondary.ui-state-hover {
	opacity: 1;
}

/* Timepicker styles */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}
.ui-timepicker-div dl {
	display: flex;
	margin: 0;
	padding: 1em 1em .5em 1em;
	gap: 4px;
}
.ui-timepicker-div dl dt {
	margin: 0;
}
.ui-timepicker-div dl dd {
	margin: 0 4px;
}
.ui-timepicker-div td {
	font-size: 90%;
}
.ui-timepicker-select {
	padding: 0 6px;
}
.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.ui-timepicker-rtl {
	direction: rtl;
}
.ui-timepicker-rtl dl {
	text-align: right;
}
.ui-datepicker-buttonpane {
	padding: 0 1em;
	display: flex;
	gap: 1em;
	margin-bottom: 1em;
}
.ui-datepicker-buttonpane button {
	border-radius: 3px;
	padding: 5px 10px;
}
/* WordPress Color Schemes */
/* Default/Unknown */
.ui-datepicker .ui-widget-header,
.ui-datepicker .ui-datepicker-header {
	background: #2271b1;
}
.ui-datepicker thead {
	background: #2c3338;
}
.ui-datepicker td .ui-state-hover {
	background: #2271b1;
	color: #fff;
}
/* Fresh */
body.admin-color-fresh .ui-datepicker .ui-widget-header,
body.admin-color-fresh .ui-datepicker .ui-datepicker-header {
	background: #2271b1;
}
body.admin-color-fresh .ui-datepicker thead {
	background: #2c3338;
}
body.admin-color-fresh .ui-datepicker td .ui-state-hover {
	background: #2271b1;
}
/* Blue */
body.admin-color-blue .ui-datepicker .ui-widget-header,
body.admin-color-blue .ui-datepicker .ui-datepicker-header {
	background: #096484;
}
body.admin-color-blue .ui-datepicker thead {
	background: #4796b3;
}
body.admin-color-blue .ui-datepicker td .ui-state-hover {
	background: #096484;
}
/* Coffee */
body.admin-color-coffee .ui-datepicker .ui-widget-header,
body.admin-color-coffee .ui-datepicker .ui-datepicker-header {
	background: #59524c;
}
body.admin-color-coffee .ui-datepicker thead {
	background: #46403c;
}
body.admin-color-coffee .ui-datepicker td .ui-state-hover {
	background: #c7a589;
}
/* Ectoplasm */
body.admin-color-ectoplasm .ui-datepicker .ui-widget-header,
body.admin-color-ectoplasm .ui-datepicker .ui-datepicker-header {
	background: #523f6d;
}
body.admin-color-ectoplasm .ui-datepicker thead {
	background: #413256;
}
body.admin-color-ectoplasm .ui-datepicker td .ui-state-hover {
	background: #a3b745;
}
/* Midnight */
body.admin-color-midnight .ui-datepicker .ui-widget-header,
body.admin-color-midnight .ui-datepicker .ui-datepicker-header {
	background: #363b3f;
}
body.admin-color-midnight .ui-datepicker thead {
	background: #26292c;
}
body.admin-color-midnight .ui-datepicker td .ui-state-hover {
	background: #e14d43;
}
/* Modern */
body.admin-color-modern .ui-datepicker .ui-widget-header,
body.admin-color-modern .ui-datepicker .ui-datepicker-header {
	background: #3858e9;
}
body.admin-color-modern .ui-datepicker thead {
	background: #26292c;
}
body.admin-color-modern .ui-datepicker td .ui-state-hover {
	background: #3858e9;
}
/* Ocean */
body.admin-color-ocean .ui-datepicker .ui-widget-header,
body.admin-color-ocean .ui-datepicker .ui-datepicker-header {
	background: #738e96;
}
body.admin-color-ocean .ui-datepicker thead {
	background: #627c83;
}
body.admin-color-ocean .ui-datepicker td .ui-state-hover {
	background: #9ebaa0;
}
/* Sunrise */
body.admin-color-sunrise .ui-datepicker .ui-widget-header,
body.admin-color-sunrise .ui-datepicker .ui-datepicker-header {
	background: #e65054;
}
body.admin-color-sunrise .ui-datepicker thead {
	background: #b32d2e;
}
body.admin-color-sunrise .ui-datepicker td .ui-state-hover {
	background: #dd823b;
}
/* Light */
body.admin-color-light .ui-datepicker .ui-widget-header,
body.admin-color-light .ui-datepicker .ui-datepicker-header {
	background: #8c8f94;
}
body.admin-color-light .ui-datepicker thead {
	background: #50575e;
}
body.admin-color-light .ui-datepicker td .ui-state-hover {
	background: #04a4cc;
}
/* bbPress Color Schemes */
/* Evergreen */
body.admin-color-bbp-evergreen .ui-datepicker .ui-widget-header,
body.admin-color-bbp-evergreen .ui-datepicker .ui-datepicker-header {
	background: #56b274;
}
body.admin-color-bbp-evergreen .ui-datepicker thead {
	background: #36533f;
}
body.admin-color-bbp-evergreen .ui-datepicker td .ui-state-hover {
	background: #446950;
}
/* Mint */
body.admin-color-bbp-mint .ui-datepicker .ui-widget-header,
body.admin-color-bbp-mint .ui-datepicker .ui-datepicker-header {
	background: #4ca26a;
}
body.admin-color-bbp-mint .ui-datepicker thead {
	background: #4f6d59;
}
body.admin-color-bbp-mint .ui-datepicker td .ui-state-hover {
	background: #5fb37c;
}
/* Parent Input Alignment */
body.wp-admin:not(.rtl) .ui-datepicker {
	margin-left: -1px;
}
body.wp-admin.rtl .ui-datepicker {
	margin-right: -1px;
}
