/* Custom datepicker styling to force white background */
.ui-datepicker {
  background: #ffffff !important;
  border: 1px solid #c5c5c5 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;
  color: #333333 !important;
  z-index: 999999 !important;
  width: 17em !important;
  padding: 0.2em !important;
}

.ui-datepicker .ui-datepicker-header {
  background: #e9e9e9 !important;
  border: 1px solid #dddddd !important;
  color: #333333 !important;
  font-weight: bold !important;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em !important;
  line-height: 1.8em !important;
  text-align: center !important;
}

.ui-datepicker table {
  width: 100% !important;
  font-size: 0.9em !important;
  border-collapse: collapse !important;
  margin: 0 0 0.4em !important;
  background: #ffffff !important;
}

.ui-datepicker th {
  padding: 0.7em 0.3em !important;
  text-align: center !important;
  font-weight: bold !important;
  border: 0 !important;
  background: #f6f6f6 !important;
}

.ui-datepicker td {
  border: 0 !important;
  padding: 1px !important;
  background: #ffffff !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block !important;
  padding: 0.2em !important;
  text-align: right !important;
  text-decoration: none !important;
  background: #ffffff !important;
}

.ui-datepicker td a.ui-state-default {
  background: #f6f6f6 !important;
  border: 1px solid #c5c5c5 !important;
  color: #454545 !important;
}

.ui-datepicker td a.ui-state-highlight {
  background: #fffa90 !important;
  border: 1px solid #dad55e !important;
  color: #777620 !important;
}

.ui-datepicker td a.ui-state-active {
  background: #007fff !important;
  border: 1px solid #003eff !important;
  color: #ffffff !important;
  font-weight: normal !important;
}

/* Fix for the datepicker container */
.ui-widget-content {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
}

/* Fix for datepicker in modal windows */
.ui-front {
  z-index: 999999 !important;
}

/* Fix for datepicker month/year dropdown */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45% !important;
  background: #ffffff !important;
}

/* Fix for datepicker prev/next buttons */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background: #e9e9e9 !important;
}

/* Fix for datepicker hover states */
.ui-datepicker td a.ui-state-default:hover {
  background: #ededed !important;
  border: 1px solid #cccccc !important;
  color: #2b2b2b !important;
}