@import "./date-picker/picker",
        "./date-picker/date-picker";

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

.time-select .el-picker-panel-content{
  max-height: 200px;
  overflow: hidden;
  margin: 0;

  &:hover{
    overflow-y: auto;
  }
}

.time-select-item{
  padding: 8px 10px;
  font-size: 14px;

  &.selectd:not(.disabled){
    background-color: $datepicker-active-color;
    color: $color-white;

    &:hover{
      background-color: #1d8ce0;
    }
  }

  &.disabled{
    color: $datepicker-border-color;
    cursor: not-allowed;
  }

  &:hover{
    background-color: $datepicker-cell-hover-color;
    cursor: pointer;
  }
}