@media only screen and (max-width: 767px) {
  .el-date-editor--datetimerange {
    .el-range-input {
      font-size: 13px !important;
    }
    .el-range-separator {
      width: 20px;
      margin-right: 5px;
    }
  }

  .el-picker-panel.el-date-range-picker.el-popper.has-sidebar.has-time {
    top: 0px !important;
    .el-picker-panel__body-wrapper {
      overflow: auto !important;
    }
  }
  .el-date-range-picker {
    width: 100% !important;

    .el-picker-panel__sidebar {
      position: unset !important;
      display: flex !important;
      width: 100% !important;
      padding-bottom: 10px !important;
      margin-bottom: 5px !important;
      border-right: 0px !important;
      border-bottom: 1px solid #e4e4e4 !important;

      .el-picker-panel__shortcut {
        line-height: 1rem !important;
      }
    }

    .el-picker-panel__body {
      margin-left: 0px !important;

      .el-date-range-picker__time-header {
        display: grid !important;

        .el-icon-arrow-right {
          display: none !important;
        }

        .el-date-range-picker__editors-wrap:first-child {
          padding-bottom: 5px !important;
        }

        .el-date-range-picker__editors-wrap {
          width: 70% !important;
        }
      }

      .el-date-range-picker__content {
        width: 70% !important;

        &.is-left {
          border-right: none !important;
          z-index: 1 !important;
        }
      }
    }
  }
}

.date-range-hide-clear {
  .el-picker-panel__footer {
    button:first-child {
      display: none;
    }
  }
}