.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #F7FAFB;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle:before {
  top: -1px;
  border-bottom-color: #D2DCDE;
}

.react-datepicker {
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  background-color: #F7FAFB !important;
  color: #63717A !important;
  border: 1px solid #D2DCDE !important;
}

.react-datepicker .react-datepicker__navigation {
  top: 6px;
}

.react-datepicker .react-datepicker__header {
  text-align: center;
  background-color: #F7FAFB !important;
  border-bottom: 1px solid #D2DCDE !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding-top: 8px;
  position: relative;
}

.react-datepicker .react-datepicker__header .react-datepicker__day-name, .react-datepicker .react-datepicker__header .react-datepicker__day, .react-datepicker .react-datepicker__header .react-datepicker__time-name {
  color: #63717A !important;
  font-family: "OpenSans", "OpenSans-Regular", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase;
}

.react-datepicker .react-datepicker__header .react-datepicker__current-month, .react-datepicker .react-datepicker__header .react-datepicker-time__header {
  color: #63717A !important;
  font-family: "OpenSans-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase;
}

.react-datepicker .react-datepicker__header .react-datepicker__header__dropdown {
  display: none !important;
}

.react-datepicker .react-datepicker__day--keyboard-selected {
  background-color: transparent;
  color: #63B2DB !important;
  font-family: "OpenSans-Bold", Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
}

.react-datepicker .react-datepicker__day {
  color: #63717A !important;
  font-size: 11px !important;
  text-transform: uppercase;
}

.react-datepicker .react-datepicker__day.react-datepicker__day--disabled, .react-datepicker .react-datepicker__day.react-datepicker__day--outside-month {
  color: #D2DCDE !important;
  font-size: 11px !important;
  text-transform: uppercase;
}

.react-datepicker-wrapper {
  width: 100% !important;
}

.react-datepicker-wrapper .react-datepicker__input-container {
  width: 100% !important;
}

.custom-datepicker {
  /* Removes the spin button */
}

.custom-datepicker::-webkit-clear-button {
  display: none;
}

.custom-datepicker::-webkit-inner-spin-button {
  display: none;
}

.custom-datepicker::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background-size: cover;
  background-position: center center;
  background-image: url("../../icons/icon_calendar.png");
  width: 16px;
  height: 16px;
  padding: 2px;
  border: none;
}
/*# sourceMappingURL=datepicker.css.map */