.DateRangeWrapper {
  font-size: var(--input-font-size);
}
/* .DateRangeWrapper :global .rdp-range_start {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.DateRangeWrapper
  :global
  .rdp-selected:not(.rdp-range_start):not(.rdp-range_end) {
  border-radius: 0 !important;
}

.DateRangeWrapper :global .rdp-range_end {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
} */

.DateRangeWrapper :global .rdp-caption {
  font-size: 16px;
  pointer-events: none;
}
.DateRangeDropDownWrapper {
  position: absolute;
  z-index: 4;
  width: 260px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  background-color: var(--nav-background-color);
}

.DateRangeDropDown {
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.DateRangeDropDownItem {
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 13px;
}

.DateRangeDropDownItem:focus {
  background-color: lightgray;
}

.DateRangeDropDownItem.isSelected {
  color: var(--select-option-selected-font-color);
}

.DateRangeDropDownItem:hover {
  background-color: var(--select-option-focus-background-color);
  color: black;
}

.DateRangeDropDownItem:active {
  background-color: var(--select-option-selected-font-color);
  color: white;
}

.CustomRangeActive {
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 13px;
  background-color: var(--primary-color);
  color: var(--nav-background-color);
}

/* Daypicker */

.DayPickerWrapper {
  position: relative;
  width: 100%;
  cursor: default;
}

.DayPickerControls {
  display: flex;
  justify-content: flex-end;
  margin-right: 18px;
  margin-bottom: 18px;

  color: var(--primary-color);
}

.DayPickerControls button {
  color: var(--primary-color) !important;
}