.ui-widget {
	 font-family: inherit;
}
 .ui-datepicker {
	 border-color: #f7f7f7 !important;
	 border-radius: 12px;
	 box-shadow: 0 20px 70px rgba(0, 0, 0, 0.07);
}
 .ui-datepicker table {
	 border: none;
}
 .ui-datepicker table tr {
	 border: none;
}
 .ui-datepicker .ui-state-default {
	 width: 30px;
	 height: 30px;
	 padding: 0;
	 background: none;
	 border: none;
	 font-size: 14px;
	 line-height: 30px;
	 border-radius: 50em;
	 text-align: center;
}
 .ui-datepicker .ui-state-default:hover {
	 background-color: var(--color-primary);
	 color: #fff;
}
 .ui-datepicker .ui-state-active, .ui-datepicker .ui-state-highlight {
	 color: #fff;
}
 .ui-datepicker .ui-state-highlight {
	 background-color: #666;
}
 .ui-datepicker .ui-state-active {
	 background-color: var(--color-primary);
}
 .ui-datepicker .ui-state-active {
	 box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);
}
 .ui-datepicker-header {
	 border: none;
	 border-bottom: 1px solid #eee;
	 border-radius: 0;
	 background: none;
}
 .ui-datepicker-prev, .ui-datepicker-next {
	 top: 2px !important;
	 border: none !important;
	 background: none !important;
	 cursor: pointer;
	 font-weight: 400;
}
 .ui-datepicker-prev span, .ui-datepicker-next span {
	 position: relative;
	 background: none !important;
	 font-size: 12px;
	 transition: transform 0.3s;
}
 .ui-datepicker-prev span:before, .ui-datepicker-next span:before {
	 display: inline-flex;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 font-family: xeicon;
	 text-align: center;
	 align-items: center;
	 justify-content: center;
	 text-indent: 0;
}
 .ui-datepicker-prev {
	 left: 2px !important;
}
 .ui-datepicker-prev span:before { 
	 content: "\e906";
}
 .ui-datepicker-prev:hover span {
	 transform: translateX(-2px);
}
 .ui-datepicker-next {
	 right: 2px !important;
}
 .ui-datepicker-next span:before {
	 content: "\e907";
}
 .ui-datepicker-next:hover span {
	 transform: translateX(2px);
}