.ui-datepicker {
  border-radius: 0;
  padding: 0 0 1.5em;
  border: 0;
  box-shadow: 2px 2px 5px #aaa;
  width: 14.5em;
}

.ui-datepicker table {
  font-size: 14px;
  background-color:var(--main-very-light-grey);
}

.ui-datepicker th,
.ui-datepicker td {
  padding: 0;
  width: 10px;
}

.ui-datepicker th {
  text-transform: uppercase;
  color: var(--main-grey);
  font-size: .8em;
  padding-bottom: 1em;
}

.ui-datepicker .ui-datepicker-header {
  border: none;
  border-radius: 0;
  background: var(--main-very-light-grey);
  color: #fff;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 1;
  font-family: sans-serif;
  text-transform: uppercase;
  margin: 1.3em;
  background-color:var(--main-very-light-grey);
}

.ui-datepicker .ui-datepicker-month {
  display: block;
  font-size: 1.8em;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 100%;
}


.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 50%;
  margin-top: -16px;
  border: 0;
  cursor: pointer;
        background-color:var(--main-bg-color);
  
}

.ui-datepicker .ui-datepicker-prev {
  left: 10px;
}

.ui-datepicker .ui-datepicker-next {
  right: 10px;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: -96px -32px;
}

.ui-datepicker .ui-datepicker-prev:hover .ui-icon {
  background-position: -96px -48px;
  
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: -32px -32px;
}

.ui-datepicker .ui-datepicker-next:hover .ui-icon {
  background-position: -32px -48px;
  
}



.ui-datepicker .ui-state-default {
  border: none;
  background: transparent;
  padding: 0;
  height: 30px;
  line-height: 20px;
  text-align: center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  color: var(--main-purple);
}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  background-color:var(--main-very-light-grey);
  color:var(--main-grey);
  width:60%;
  margin:auto;
}



.ui-datepicker td.ui-datepicker-current-day .ui-state-default,
.ui-datepicker .ui-state-hover {
  background: var(--main-green);
  color: var(--main-grey);

}

.ui-datepicker .ui-priority-secondary,
.ui-datepicker .ui-widget-content .ui-priority-secondary,
.ui-datepicker .ui-widget-header .ui-priority-secondary {

}