#wrapper .ui-datepicker{
	width:  100%;
}
.ui-datepicker{
	border:  none !important;
}
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:  gray;
	/*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,
body .ui-datepicker td,
.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{

}

body .ui-timepicker-standard{
	z-index: 1 !important;
}