#wrapper .ui-datepicker {
	width: 100%;
}


div .ui-datepicker {
	width: 100%;
}

.ui-widget-header {
	background: none;
	border: none !important;
}

.ui-datepicker td a {
	border: none !important;
}

.ui-widget-header .ui-icon {}

.ui-widget-header .ui-icon-circle-triangle-w {
	background: url(images/left-svg.svg) center center no-repeat !important;
	background-size: cover !important;
}

.ui-widget-header .ui-icon-circle-triangle-e {
	background: url(images/right-svg.svg) center center no-repeat !important;
	background-size: cover !important;
}

.ui-datepicker th {
	text-transform: uppercase;
	color: #000;
	/*font-size: 1.3em;*/
}

.ui-datepicker td {
	/*font-size: 1.3em;*/
}

.ui-datepicker td>* {
	padding: 10px 2px !important;
}

.ui-datepicker-title {
	/*font-size: 1.3em;*/
}

.ui-datepicker th a,
.ui-datepicker td a {
	text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background-color: #ffffff;
	color: var(--primary-color);
	position: relative;
	border: 1px solid var(--primary-color) !important;
}

.ui-state-highlight:after,
.ui-widget-content .ui-state-highlight:after,
.ui-widget-header .ui-state-highlight:after,
.datepicker-today:after {
	content: "";
	width: 0px;
	height: 0px;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #007643;
	right: 5px;
	top: 5px;
	position: absolute;
}

.ui-datepicker-other-month {
	opacity: 0.5;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: white !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 8px;
}

.datepicker-btn {
	font-weight: bold;
	color: black;
	font-size: 1em;
	border: none !important;
}

.datepicker-btn:hover {
	color: black !important;
	background: white !important;
}

.datepicker-today {
	position: relative;
}

.datepicker-today:after {
	left: -5px;
	top: 10px;
	border-bottom-width: 10px;
	border-right-width: 10px;
}

.datepicker-close::after {
	content: "x";
	font-weight: bold;
	position: absolute;
	left: 0px;
	opacity: 40%;
	font-size: 0.8em;
}

.datepicker-submit {}