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

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

.time-select .zk-picker-panel__content:hover {
  overflow-y: auto
}

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

.time-select-item.selected:not(.disabled) {
  background-color: $color-primary;
  color: #fff
}

.time-select-item.selected:not(.disabled):hover {
  background-color: $color-hover
}

.time-select-item.disabled {
  color: #d3dce6;
  cursor: not-allowed
}

.time-select-item:hover {
  background-color: #e5e9f2;
  cursor: pointer
}