@import "common/var";
@import "./date-picker/picker.scss";
@import "./date-picker/date-picker.scss";
@import "./scrollbar.scss";
@import "./popper";

.time-select {
  margin: 5px 0;
  min-width: 0;
  padding: 10px 0;
}

.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0;
}

.time-select-item {
  padding: 8px 10px;
  font-size: 12px;
  line-height: 14px;
}

.time-select-item.selected:not(.disabled) {
  color: $--picker-font-color;
  background: $--picker-bg-color-disabled;
}

.time-select-item.disabled {
  color: $--datepicker-border-color;
  cursor: not-allowed;
}

.time-select-item:hover {
  background-color: $--picker-bg-color-disabled;
  cursor: pointer;
}

.timeselectrange {
  display: flex;
  max-height: 200px;

  .el-picker-panel__content {
    max-height: 200px;
    margin: 0;
    padding: 10px 0;
  }
  .el-scrollbar__view{
    padding-bottom: 20px;
  }
  .el-scrollbar {
    flex: 1;

    &:first-child {
      &::after {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        height: 100%;
        width: 1px;
        background: $--picker-border-color;
      }
    }
  }
}