@timing-date-prefix-cls: ~"@{css-prefix}timing-date";

.@{timing-date-prefix-cls} {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    &-transfer {
        z-index: @zindex-transfer;
        max-height: none;
        width: auto;
    }

    &-panel {
        height: 185px;
        width: 176px;
        &-upper {
            height: 145px;
            //display: flex;
            //flex-wrap: wrap;
            &-body {
                padding: 10px 6px 10px 10px;
                display: flex;
                flex-wrap: wrap;
            }
            &-text {
                min-width: 27px;
                text-align: center;
                margin-right: 4px;
                margin-bottom: 4px;
                font-size:12px;
                font-family:PingFangSC-Regular;
                font-weight:400;
                line-height:12px;
                padding: 6px;
                white-space: nowrap;
                cursor: pointer;
            }
            &-text-highlight {
                color:rgba(255,255,255,1);
                background:@primary-color;
                border-radius:3px;
            }
            .@{css-prefix}time-picker-cells {
                display: flex;
                &-list {
                    flex: 1;
                }
            }
        }
        &-lower {
            height: 39px;
            margin-top: 5px;
            border-top: 1px solid rgba(232,234,236,1);
            padding-right:8px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            &-text {
                font-size:12px;
                font-family:PingFangSC-Regular;
                font-weight:400;
                color:rgba(81,90,110,1);
                line-height:12px;
                cursor: pointer;
            }
            &-text:hover {
                //color: @primary-color;
            }
        }
    }
}