.multiselect_sortable_hide{
    position : absolute;
    top      : -9999999px;
}
.mulltiselect_sortable_content{
    float     : left;
    width     : 100%;
    max-width : 500px;
}
.selection{
    float  : left;
    width  : calc(50% - 20px);
    margin : 10px;
}
.selection .selection_title{
    float : left;
    width : 100%;
}
.selection .selection_content{
    float         : left;
    width         : 100%;
    height        : 300px;
    border        : 1px solid #eeeeee;
    border-radius : 5px;
    overflow-y    : scroll;
    overflow-x    : hidden;
    margin        : 0;
    padding       : 0;
    box-sizing    : border-box;
}
.selection .selection_content li{
    float         : left;
    width         : 100%;
    padding       : 10px;
    border-bottom : 1px solid #eeeeee;
    list-style    : none;
    box-sizing    : border-box;
}
.selection .selection_content li.disabled{
    opacity: 0.5;
    background: #f7f7f7;
    pointer-events: none;
}
.selectable{
    float  : left;
    width  : calc(50% - 20px);
    margin : 10px;
}
.selectable .selectable_title{
    float : left;
    width : 100%;
}
.selectable .selectable_content{
    float         : left;
    width         : 100%;
    height        : 300px;
    border        : 1px solid #eeeeee;
    border-radius : 5px;
    overflow-y    : scroll;
    overflow-x    : hidden;
    margin        : 0;
    padding       : 0;
    box-sizing    : border-box;
}
.selectable .selectable_content li{
    float         : left;
    width         : 100%;
    padding       : 10px;
    border-bottom : 1px solid #eeeeee;
    list-style    : none;
    box-sizing    : border-box;
}
.selectable .selectable_content li.disabled{
    opacity: 0.5;
    background: #f7f7f7;
    pointer-events: none;
}