@import '~antd/lib/time-picker/style/index';

@import '../../index';
@import '../../../../mixins/index';

@timepicker-prefix-cls: ~"@{ant-prefix}-time-picker";
@timepicker-item-height: 32px;

.@{timepicker-prefix-cls}-panel {

  &-inner {
      border: @border-width-base @border-style-base @primary-3;
      box-shadow: none;
  }

  &-input {
    font-size: @font-size-sm;
    color: @primary-color;
    &-wrap {
        padding: 7px 2px 7px 7px;
        border-bottom: @border-width-base @border-style-base @primary-3;
    }
  }


  &-select {
    border-left: @border-width-base @border-style-base @primary-3;
    width: 58px;

    li {
      font-size: @font-size-sm;
      padding: 0;
      text-align: center;
      height: 25px;
      font-weight: 500;
      line-height: 25px;
      //color: @text-color-base;

      &:hover{
         color: @primary-color;
      }
    }

    li&-option-selected {
      background: @gray-1;
      font-weight: 500;

      &:hover{
          background: @gray-1;
          color: @text-color-base;
      }
    }
  }
}

.@{timepicker-prefix-cls} {

  &-icon {
    &:hover:after {
        color: @primary-color;
    }
  }

}