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

@import '../../themes/default/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;
        }
    }
}

.@{timepicker-prefix-cls}.ps-timepicker-readonly {
    .@{timepicker-prefix-cls}-input {
        background: @gray-1;
        color: @gray-10;
        cursor: text;
    }
    .@{timepicker-prefix-cls}-icon {
        cursor: default;
    }
}