.campaign-filter {
  .date-filter-wrapper{
    min-width: 400px;
    padding: 4px 2px;

    .till-date {
      > .ui.button.active {
        background-color: #e6f0fb !important;
      }
    }
    .react-datepicker__day--in-range{
      background-color: #2e89df;
    }
    .dateRangeTitle{
      padding-left: 30%;
      font-size: 16px;
      vertical-align: 'super';
    }
    .selectedDateRange{
      width: 140px;
      outline: 'none';
      border-top: 0;
      border-left: 0;
      border-right: 0;
    }
    .selectedDateText {
      padding-top: 8px;
    }
    .editSelectedDate {
      padding-left: 5px;
      cursor: pointer;
      color: #4e92e5;
      font-weight: bold;
    }
    .compareDateToggle {
      padding-top: 2px;
      padding-bottom: 10px;
    }
    .dateCompareCheckbox {
      padding-top: 10px;
      padding-left: 5px;
    }
    .selectDateRangeTitle {
      padding-bottom: 16px;
    }
    .backButton{
      cursor: pointer;
      color: black;
    }
    .dateRangeWrapper {
      padding-top: 10px;
    }

    .dateRangeWrapper {
      width: 485px;

      .selectedDateTitleWrapper {
        padding-bottom: 8px;

        .selectedDateTitle {
          padding-right: 8px;
        }
      }
      .calenderIcon{
        vertical-align: bottom;
        padding-left: 8px;
      }
    }
  }
}