@import '@beisen-phoenix/style-token/css/variable.scss';

$preCls:'phoenix';

.#{$preCls}-lookup-list {
    font-family: $family;
    //padding: $Sp-4 $Sp-4 $Sp-3 $Sp-4;
    padding: $Sp-4 0 $Sp-3;
    &__searchBox {
        margin-bottom: $Sp-2;
        padding: 0 $Sp-4;
    }
    &__items {
        min-height: 150px;
        max-height: 272px;
        @include scrollBar;
        overflow-y: auto;
        position: relative;
        .#{$preCls}-lookup-list__item {
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            display:-webkit-flex;
            -ms-flex-wrap: wrap;
            flex-wrap: nowrap;
            padding: $Ra-3 0;
            &__checkbox {
                flex-shrink: 0;
                margin-left: $Sp-4;
                &__width {
                    min-width: 12px;
                    width: 12px;
                }

                &--top {
                    margin-top: $Sp-3;
                }

                &--top2 {
                    margin-top: 3px;
                }
            }

            &__content {
                margin-left: $Sp-4;
                margin-right: $Sp-4;
                line-height: 20px;
                &__label {
                    color: #0E1114;
                }
                &__sublabel {
                    color: #83898F;
                }
                &__highLightCls {
                    background-color: rgba(250,193,5,0.20);
                }
            }

            &__avatar {
                flex-shrink: 0;
                margin-left: $Sp-4;
            }
        }
        .#{$preCls}-lookup-list__item:hover {
            background-color:  rgba($S5,0.1);
            cursor: pointer;
        }
        .#{$preCls}-lookup-list__item--select {
            background-color:  rgba($M6,0.3) !important;
        }

        .#{$preCls}-lookup-list__placeholder {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

            &-text {
                text-align: center;
                color: #bbbfee;
                margin-top: $Sp-3;
            }
        }

        &--simpleNoSearch{
            height: 250px;
        }

        &--simpleNoSearchNoMore{
            height: 278px;
        }

        &--simpleOnSearch {
            height: 216px;
        }

        &--simpleOnSearchNoMore {
            height: 238px;
        }
        &--ex{
            height: 173px;
        }
        &--ex-nomore{
            height: 195px;
        }
        &--ex-nosearch{
            height: 207px;
        }
        &--ex-nomore-nosearch{
            height: 229px;
        }
    }
    &__searchAll-tool {
        text-align: right;
        padding: $Sp-2 $Sp-4 0;
        &-btn {
            color: #106ECC;
            padding: $Ra-2 0;
            cursor: pointer;
        }
    }
    &__footer-tool {
        position: relative;
        border-top: 1px solid #f0f2f5;
        padding: $Sp-3 $Sp-3 0;
        overflow: hidden;
        margin-top: $Sp-3;
        text-align: right;
    }
}