:root {
	--font-size-calendar: 18px;
	--border-radius-calendar: 5px;
}

#top .avia-datepicker-div.ui-datepicker {
	width: 400px;
	padding: 20px;
	display: none;
	background: var(--enfold-main-color-bg);
	font-size: inherit;
	border: 1px solid var(--enfold-main-color-border);
	border-radius: var(--border-radius-calendar);
	box-shadow: 0 0 44px 0 rgba(0, 0, 0, .2);
}

#top .avia-datepicker-div.ui-datepicker a {
	text-decoration: none !important;
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev {
	top: 5px;
	width: 60px;
	height: 32px;
	background-color: var(--color-primary);
	color: var(--color-light);
	line-height: 34px;
	border: 1px solid var(--color-primary);
	border-radius: var(--border-radius-calendar);
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next:hover,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev:hover {
	background-color: var(--color-text);
	color: var(--color-light);
	border-color: var(--colot-text);
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span {
	color: var(--color-light);
	font-family: var(--font-family-secondary);
	font-weight: var(--font-weight-secondary);
	font-size: var(--font-size-calendar);
	text-transform: uppercase;
}

#top .avia-datepicker-div.ui-datepicker span.ui-datepicker-month,
#top .avia-datepicker-div.ui-datepicker span.ui-datepicker-year {
	font-family: var(--font-family-main);
	font-weight: var(--font-weight-heading);
	font-size: var(--font-size-h4);
	text-transform: uppercase;
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-month,
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-year {
	color: var(--color-text);
	border-color: var(--color-border-light);
	border-radius: var(--border-radius-calendar);
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button {
	font-family: var(--font-family-secondary);
	font-weight: var(--font-weight-secondary);
	font-size: var(--font-size-calendar);
	text-transform: uppercase;
	border-radius: var(--border-radius-calendar);
}
#top .avia-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button:hover {
	background-color: var(--color-primary);
}

#top .avia-datepicker-div.ui-datepicker .ui-datepicker-unselectable {
	color: var(--color-text);
}

#top .avia-datepicker-div.ui-datepicker .ui-state-disabled {
	opacity: 0.4;
}

#top .avia-datepicker-div.ui-datepicker td {
	padding: 2px;
}

#top .avia-datepicker-div.ui-datepicker th span {
	font-family: var(--font-family-secondary);
	font-weight: var(--font-weight-secondary);
	font-size: var(--font-size-calendar);
}

#top .avia-datepicker-div.ui-datepicker td a,
#top .avia-datepicker-div.ui-datepicker td span {
	padding: 8px 4px;
	font-size: var(--font-size-calendar);
	border-radius: var(--border-radius-calendar);
	background: var(--color-bg-primary);
}

#top .avia-datepicker-div.ui-datepicker a.ui-state-active,
#top .avia-datepicker-div.ui-datepicker a.ui-state-highlight {
	color: var(--color-text);
	font-family: var(--font-family-secondary);
	font-weight: var(--font-weight-secondary);
}

#top .avia-datepicker-div.ui-datepicker a.ui-state-hover,
#top .avia-datepicker-div.ui-datepicker a.ui-state-highlight {
	color: var(--color-text);
	background-color: var(--color-bg-secondary);
}

#top .avia-datepicker-div.ui-datepicker a.ui-state-active {
	color: var(--color-light);
	background-color: var(--color-text);
}