/* Datepicker CSS*/
.date {
   background: url(../images/calendar-icon.svg) no-repeat;
   background-size: 16px;
   background-position: calc(100% - 10px) center;
}

#ui-datepicker-div {
   width: fit-content;
   display: none;
   background: #FFF;
   z-index: 9999 !important;
}

.ui-widget.ui-widget-content {
   border: 1px solid #035c96;
   -webkit-box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
   box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
}

.ui-datepicker .ui-datepicker-header {
   background: #035c96;
   padding: 0;
   height: 33px;
}

.ui-datepicker .ui-datepicker-title {
   margin: 0 30px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   height: 25px;
   line-height: 15px;
   font-size: 15px;
   margin: 0 3px;
   width: 80px;
   background-color: #FFF;
   background-size: 12px;
   padding: 0;
}
.ui-datepicker td,
.ui-datepicker th {
   padding: 5px !important;
   text-align: center;
}

.ui-datepicker td a {
   display: inline-block;
   color: #000;
   text-align: center;
   width: 25px;
   height: 25px;
   line-height: 18px;
   border-radius: 5px;
   font-size: 14px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
   background: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #000000;
   background: #035c96;
   color: #ffffff;
}

.ui-datepicker td a:hover {
   border: 1px solid #c86400 !important;
   background: #f16b2b !important;
   color: #fff !important;
}

.ui-state-active {
   border: 1px solid #c86400 !important;
   background: #f16b2b !important;
   color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   width: 24px;
   height: 25px;
}

.ui-datepicker .ui-datepicker-prev {
   left: 2px !important;
   background: url(../images/Calender-blue-arrow.svg) no-repeat #FFF;
   background-size: 7px;
   background-position: 7px 7px;
   top: 3px;
}

.ui-datepicker .ui-datepicker-next {
   right: 2px !important;
   background: url(../images/Calender-blue-arrow.svg) no-repeat #FFF;
   transform: rotate(180deg);
   background-size: 7px;
   background-position: 8px 7px;
   top: 3px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
   display: none;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
   background-color: #5fd7ff !important;
   border: 0 !important;
}

.date-icon {
   display: none;
}

.ui-datepicker-trigger {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../images/calendar-icon.svg) no-repeat;
   background-size: 16px;
   background-position: center;
}

.ui-datepicker table tr {
   background: #fff !important;
}