.ml-datetime-range-picker {
  width: 100%;
}
.ml-datetime-range-picker-dropdown {
  &.is--shortcuts {
    .ant-calendar-range {
      width: 672px;
      padding-left: 120px;
    }
    .ant-calendar-date-panel {
      margin-bottom: 40px;
      border-bottom: 1px solid #e8e8e8;
    }
    .ant-calendar-footer {
      position: absolute;
      top: 0;
      left: 0;
      width: 110px;
      border-top: 0;
      border-right: 1px solid #e4e7ed;
      .ant-tag {
        display: block;
        width: 100%;
        background: #fff;
        border: 0;
        color: rgba(0, 0, 0, 0.65);
        line-height: 28px;
        font-size: 14px;
        transition: none;
        cursor: pointer;
        &:hover {
          color: $ml-theme-primary-color;
        }
      }
    }
    .ant-calendar-time-picker-btn {
      position: absolute;
      left: 500px;
      top: 304px;
      width: 80px;
    }
    .ant-calendar-ok-btn {
      position: absolute;
      left: 620px;
      top: 310px;
    }
  }
}