.customSelect{
    width: 300px;
    box-sizing: border-box;
    padding: 3px 6px 3px 12px;
    background-color: #fff;
    box-shadow: 0 0 0 1px hsl(0deg, 0% ,87%, 45%);
    border-radius: 1px;
    // overflow: hidden;
    .flexBox{
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;

        .popup{
            position: absolute;
            width: 300px;
            box-shadow: 0 0 0 1px hsl(0deg, 0% ,87%, 45%);
            padding: 3px 5px;
            border-radius: 3px;
            box-sizing: border-box;
            top: 32px;
            left: -12px;
            background-color: #fff;
            z-index: 100;
        }
    }

    .title{
        font-size: 13px;
        line-height: 20px;
        color: #1f1f1f;
    }
    .button{
        // height: 30px;
        color: #6b6b6b;
        font-weight: 500;
        &:hover{
            background-color: rgba(0, 0, 0, .1);
        }
    }
    .list {
        padding: 3px 5px;
        border-radius: 3px;
        align-items: center;
        &:hover{
            background: #eaecef;
            .iconCancel{
                display: block;
            }
        }
    }
    .uiTof{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
    .iconCancel{
        color: rgb(189, 190, 192);
        display: none;
        cursor: pointer;
    }
    .uiCGray{
        color: #8d8d8d;
        font-size: 13px;
        margin-left: 12px;
    }
}