.multiple-wrap{
    width      : 100%;
    position   : relative;
    outline    : none;
    display    : flex; 
    >.input-box{
        flex-wrap: wrap;
        .multiple-selected-option{
            height         : 34px; 
            padding        : 0px 0px 0px 10px;
            display        : inline-flex;
            align-items    : center; 
            margin         : 3px 0px 3px 5px;
            background     : #ececec;
            font-size      : 0.9em;
            border-radius  : 3px;
            .remove{
                height         : 100%;
                padding        : 0px 10px;
                display        : inline-flex; 
                align-items    : center;
                margin-left    : 5px;
                cursor         : pointer;
                color          : #999;
                font-size      : 1.1em; 
            }
        }
        [type=text]{
            width    : auto; 
            min-width: 50px;
            height   : 34px;
            margin   : 5px 6px;
            display  : inline-flex;
            border   : none;
            font-size: 0.9em;
        }
    }

    >.multiple-select{
        width        : 100%;
        height       : 150px; 
        margin-top   : 10px; 
        position     : absolute;
        z-index      : 2; 
        left         : 0px;
        background   : #f5f5f5;
        box-shadow   : 0px 3px 10px rgba(0, 0, 0, 0.2);
        overflow     : auto;
        border-radius: 4px;
        display      : none;
        .multiple-select-option{
            min-height     : 40px;
            padding        : 5px 10px;
            display        : flex;
            align-items    : center;
            cursor         : pointer;
            justify-content: space-between;
            border-bottom  : 1px solid #e8e8e8;
            svg{
                display        : none;
            }
            &:last-child{
                border-bottom  : none;
            }
            &:hover{
                background: #f1f1f1;
            }
            &.noOption{
                height          : 100%;
                justify-content : center;
                font-weight     : 500;
                color           : #ffa6a0;
                border-bottom   : none;
                &:hover{
                    background   : #f5f5f5;
                    cursor       : default;
                }
            }
            &.checked{
                background: #ffeabb;
                color     : #ff6124;
                border-bottom-color: #ffeabb;
                svg{
                    display: block;
                }
            }
        }
    }
    &.true{
        >.multiple-select{
            display : block;
        }
    }
    &.overflow_true{
        >.multiple-select{
            margin-top   : -160px;
            box-shadow   : 0px -2px 6px rgba(0, 0, 0, 0.2);
        }
    }
}