@import "../../style/index.less";
.yyui-transfer{
    font-size:12px;
    display: inline-flex;
    align-items: center;
}
.yyui-transfer-list{
    width: 250px;
    border: 1px solid @border-color-base;
    background: #fff;
    border-radius:@border-radius-base;
    float:left;
    overflow: hidden;
    &-header{
        background: @header-background;
        padding: 5px 10px;
        border-bottom: 1px solid @border-color-base;
        &-clauses{
        }
        &-label{
            float:right;
        }
    }
    &-content{
        height: 222px;
        overflow: auto;
        .ant-checkbox-wrapper + .ant-checkbox-wrapper{
            margin-left:0;
        }
        .yyui-transfer-list-item{
            color:@text-color;
            cursor: pointer;
            display:block;
            padding:5px 10px;
            //text-overflow: ellipsis;
            //overflow:hidden;
            //white-space:nowrap;
            &.selected{
                color: @blue-light;
            }
            &.notmatch{
                display: none;
            }
            &:hover{
                background: @header-background;
            }
        }
    }
    &-footer{
        background: @header-background;
        border-top: 1px solid @border-color-base;
        >.yyui-button{
            margin: 5px ;
        }
    }
}

.yyui-transfer-btn{
    .yyui-transfer-btn-lr{
        margin:10px 5px;
        clear:both;
        display:block;
    }
}

.yyui-transfer-search{
    height: 40px;
    padding: 5px;
    position: relative;
    display: flex;
    align-items: center;
    >.yyui-input {
        flex: 1;
    }
    .search-previous,.search-next {
        cursor: pointer;
        width: 20px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }
}