.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
}

.rdrDateDisplayItem {
  flex: 1 1;
  width: 0;
  text-align: center;
  border: 1px solid #dfdfdf !important;
  box-shadow: none !important;
  color: #dfdfdf !important;
  background: #eff2f8 !important;
}

.rdrDateDisplayItem + .rdrDateDisplayItem {
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input {
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled {
      cursor: default;
    }

.rdrDateDisplayItemActive {
}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers {
  flex: 1 1 auto;
  display: flex;
  justify-content: start;
  align-items: center;
}

.rdrMonthPicker {
}

.rdrYearPicker {
}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {
}

.rdrNextButton {
}

.rdrMonths {
  display: flex;
}

.rdrMonthsVertical {
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div {
  display: flex;
  flex-direction: row;
}

.rdrMonth {
  width: 27.667em;
}

.rdrWeekDays {
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays {
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper {
  background: #fff !important;
}

.rdrMonthName {
}

.rdrInfiniteMonths {
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 8px!important;
  overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  line-height: normal;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: none;
}

.rdrDefinedRangesWrapper {

}

.rdrStaticRanges {
  display: flex;
  flex-direction: column;
}

.rdrStaticRange {
  font-size: inherit;
}

.rdrStaticRangeLabel {
}

.rdrInputRanges {
}

.rdrInputRange {
  display: flex;
}

.rdrInputRangeInput {
}

.dateRangePickerWrapper.hide {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: all 0.2s ease-out;
}

.dateRangePickerWrapper.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition: all 0.2s ease-in;
}

.date-picker-input {
  padding: 8px;
  border-radius: 8px;
  border:1px solid #DFDFDF;
  padding: 12px;
  padding-right: 20px;
  color: #121212;
  font-weight: normal;
  cursor: pointer;
  width: 220px;
}

.date-picker-input::-moz-placeholder{

}

.date-picker-input::placeholder{

}

.date-picker-input:hover {
  outline: none;
  border-color: #c8c8c8;
}

.date-picker-input:focus {
  outline: none;
  border-color: #c8c8c8;
}

.date-picker-button {
  border-radius: 8px;
  outline: none;
  border: none;
  background-color: #007bff;
  padding: 12px 24px;
  color: #fff;
}