.react-datepicker-popper {
  z-index: 200 !important;
}

.react-datepicker-popper .react-datepicker {
  color: #21213b;
  border: 1px solid #e5e5f2;
}

.react-datepicker .react-datepicker__header {
  color: #21213b !important;
  background-color: #f8f9fd;
  border-bottom: 1px solid #e5e5f2;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-color: #7979b4 !important;
  border-width: 2px 2px 0 0 !important;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #68688a !important;
}

.react-datepicker .react-datepicker__header--time {
  padding-top: 20px;
  padding-bottom: 20px;
}

.react-datepicker
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 20px;
}

.react-datepicker-popper[data-placement^='top']
  .react-datepicker
  .react-datepicker__triangle {
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^='bottom']
  .react-datepicker__triangle::after {
  border-bottom-color: #f8f9fd !important;
}

.react-datepicker-popper[data-placement^='top']
  .react-datepicker
  .react-datepicker__triangle::before {
  border-top-color: #e5e5f2;
}

.react-datepicker-popper[data-placement^='bottom']
  .react-datepicker
  .react-datepicker__triangle::before {
  border-bottom-color: #e5e5f2;
}

.react-datepicker .react-datepicker__time-container {
  border-left: 1px solid #e5e5f2;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  color: #563bff !important;
  background-color: #e9e7fd !important;
  font-weight: bold;
}

.react-datepicker__day--keyboard-selected {
  background: none !important;
}
.react-datepicker__day--keyboard-selected:focus-visible {
  background-color: #f2fcff !important;
  font-weight: bold;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  color: #563bff !important;
  background-color: #e9e7fd !important;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover,
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  background-color: #f2fcff !important;
}