.pisell-date-range-picker {
  display: inline-block;
  width: 100%;
  //width: 350px;
  //.MuiInputBase-input {
  //  padding: 10px;
  //}
  label {
    font-size: 14px;
  }
  .pisell-date-range-picker-clear {
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    display: none;
    line-height: 0;
    :hover {
      color: rgba(0, 0, 0, 0.45);
    }
  }
  :hover {
    .pisell-date-range-picker-clear {
      display: block;
    }
  }
}
.pisell-date-range-picker-no-border {
  .MuiOutlinedInput-notchedOutline {
    border: none;
  }
}
.MuiOutlinedInput-notchedOutline {
  legend {
    color: inherit !important;
    width: auto !important;
    margin-bottom: 0.5em !important;
    font-size: 1.5em !important;
    line-height: 11px !important;
    border: none !important;
  }
}

.MuiPickersPopper-root {
  .MuiPickersLayout-root {
    width: var(--pisell-date-range-picker-popup-width, 625px);
    .MuiDateRangeCalendar-root {
      width: 100%;
      flex: 1;
      .MuiDateRangeCalendar-monthContainer {
        width: 50%;
        .MuiDayCalendar-header {
          padding: 0 20px;
          .MuiDayCalendar-weekDayLabel {
            flex: 1;
            width: 100%;
          }
        }
        .MuiPickersSlideTransition-root {
          min-width: 200px;
          //min-height: auto;
          &::before {
            content: "";
            display: block;
            padding-top: 67%;
          }
        }
        .MuiDayCalendar-monthContainer {
          padding: 0 20px;
        }
        .MuiDayCalendar-weekContainer {
          .MuiDateRangePickerDay-root {
            flex: 1;
            .MuiDateRangePickerDay-day {
              width: 100%;
              height: auto;
              &::before {
                content: "";
                display: block;
                padding-top: 100%;
              }
            }
          }
        }
      }
    }
  }
}

.MuiDialog-root {
  .MuiPickersLayout-toolbar {
    display: none;
  }
}

.MuiPickersLayout-shortcuts {
  grid-column: 1 !important;
  grid-row: 1/3 !important;
}
.pisell-date-range-picker-popper-old {
  .MuiPickersLayout-root {
    display: grid !important;
  }
}