.multiselect p{
    margin:0;
    display:flex;
    align-items: center;
}
.multiselect{
    /* min-width:200px */
}
.SelectBox{
    padding:5px 8px
}
.sumoStopScroll{
    overflow:hidden
}
.multiselect .hidden{
    display:none
}
.multiselect .search-txt{
    display:none;
    outline:0
}
.multiselect .no-match{
    display:none;
    padding:6px
}
.multiselect.open .search-txt{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    margin:0;
    padding:5px 8px;
    border:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:5px
}
.multiselect.open>.search>label,.multiselect.open>.search>span{
    visibility:hidden
}
.SelectClass,.SumoUnder{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    border:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0
}
.SelectClass{
    z-index:1
}
.multiselect .select-all>label,.multiselect>.CaptionCont,.multiselect>.optWrapper>.options li.opt label{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none
}
.multiselect{
    display:inline-block;
    position:relative;
    outline:0
}
/* .multiselect.open>.CaptionCont,.multiselect:focus>.CaptionCont,.multiselect:hover>.CaptionCont{
    box-shadow:0 0 2px #7799d0;
    border-color:#7799d0
} */
.multiselect>.CaptionCont{
    position:relative;
    /* border:1px solid #a4a4a4;
    min-height:14px; */
    background-color:#fff;
    border-radius:2px;
    margin:0
}
.multiselect>.CaptionCont>span{
    display:block;
    padding-right:30px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    cursor:default
}
.multiselect>.CaptionCont>span.placeholder{
    color:#333;
    /* font-style:italic */
}
.multiselect>.CaptionCont>label{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:30px;
    display: none;
}
.multiselect>.CaptionCont>label>i{
    background-image:url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
    background-position:center center;
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background-repeat:no-repeat;
    opacity:.8
}
.multiselect>.optWrapper{
    display:none;
    z-index:1000;
    top:30px;
    /* width:100%; */
    position:absolute;
    /* left:0; */
    right: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #767676;
    box-shadow:2px 3px 3px rgba(0,0,0,.11);
    border-radius:3px;
    overflow:hidden
}
.multiselect.open>.optWrapper{
    top:35px;
    font-size: 14px;
    display:block;
}
.multiselect.open>.optWrapper.up{
    top:auto;
    bottom:100%;
    margin-bottom:5px
}
.multiselect>.optWrapper ul{
    list-style:none;
    display:block;
    padding:0;
    margin:0;
    overflow:auto
}
.multiselect>.optWrapper>.options{
    border-radius:2px;
    position:relative;
    max-height:250px
}
.multiselect>.optWrapper.okCancelInMulti>.options{
    border-radius:2px 2px 0 0
}
.multiselect>.optWrapper.selall>.options{
    border-radius:0 0 2px 2px
}
.multiselect>.optWrapper.selall.okCancelInMulti>.options{
    border-radius:0
}
.multiselect>.optWrapper>.options li.group.disabled>label{
    opacity:.5
}
.multiselect>.optWrapper>.options li ul li.opt{
    padding-left:22px
}
.multiselect>.optWrapper.multiple>.options li ul li.opt{
    padding-left:28px
}
.multiselect>.optWrapper.isFloating>.options{
    max-height:100%;
    box-shadow:0 0 100px #595959
}
.multiselect>.optWrapper>.options li.opt{
    padding:4px 10px;
    position:relative;
    border-bottom:1px solid #f5f5f5
}
.multiselect>.optWrapper>.options>li.opt:first-child{
    border-radius:2px 2px 0 0
}
.multiselect>.optWrapper.selall>.options>li.opt:first-child{
    border-radius:0
}
.multiselect>.optWrapper>.options>li.opt:last-child{
    border-radius:0 0 2px 2px;
    border-bottom:none
}
.multiselect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{
    border-radius:0
}
.multiselect>.optWrapper>.options li.opt:hover{
    background-color:#f7f7f7;
}
.multiselect .select-all.sel,.multiselect>.optWrapper>.options li.opt.sel{
    background-color:#a1c0e4
}
.multiselect>.optWrapper>.options li label{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display:block;
    cursor:pointer
}
.multiselect>.optWrapper>.options li span{
    display:none
}
.multiselect>.optWrapper>.options li.group>label{
    cursor:default;
    padding:4px 8px;
    font-weight:500;
    background-color: #eceef1;
    line-height: normal;
}
.multiselect>.optWrapper.isFloating{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:90%;
    bottom:0;
    margin:auto;
    max-height:90%
}
.multiselect>.optWrapper>.options li.opt.disabled{
    background-color:inherit;
    pointer-events:none
}
.multiselect>.optWrapper>.options li.opt.disabled *{
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:.5
}
.multiselect>.optWrapper.multiple>.options li.opt{
    padding-left:35px;
    cursor:pointer
}
.multiselect .select-all>span,.multiselect>.optWrapper.multiple>.options li.opt span{
    position:absolute;
    display:block;
    width:24px;
    top:0;
    bottom:0;
    margin-left:-24px
}
.multiselect .select-all>span i,.multiselect>.optWrapper.multiple>.options li.opt span i{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:16px;
    height:16px;
    border:1px solid #aeaeae;
    border-radius:2px;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.15);
    background-color:#fff
}
.multiselect>.optWrapper>.MultiControls{
    display:none;
    border-top:1px solid #ddd;
    background-color:#fff;
    box-shadow:0 0 2px rgba(0,0,0,.13);
    border-radius:0 0 3px 3px
}
.multiselect>.optWrapper.multiple.isFloating>.MultiControls{
    display:block;
    margin-top:5px;
    position:absolute;
    bottom:0;
    width:100%
}
.multiselect>.optWrapper.multiple.okCancelInMulti>.MultiControls{
    display:block
}
.multiselect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{
    padding:6px
}
.multiselect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{
    box-shadow:0 0 2px #a1c0e4;
    border-color:#a1c0e4;
    outline:0;
    background-color:#a1c0e4
}
.multiselect>.optWrapper.multiple>.MultiControls>p{
    display:inline-block;
    cursor:pointer;
    padding:12px;
    width:50%;
    box-sizing:border-box;
    text-align:center
}
.multiselect>.optWrapper.multiple>.MultiControls>p:hover{
    background-color:#f1f1f1
}
.multiselect>.optWrapper.multiple>.MultiControls>p.btnOk{
    border-right:1px solid #dbdbdb;
    border-radius:0 0 0 3px
}
.multiselect>.optWrapper.multiple>.MultiControls>p.btnCancel{
    border-radius:0 0 3px 0
}
.multiselect>.optWrapper.isFloating>.options li.opt{
    padding:12px 6px
}
.multiselect>.optWrapper.multiple.isFloating>.options li.opt{
    padding-left:35px
}
.multiselect>.optWrapper.multiple.isFloating{
    padding-bottom:43px
}
.multiselect .select-all.partial>span i,.multiselect .select-all.selected>span i,.multiselect>.optWrapper.multiple>.options li.opt.selected span i{
    background-color:#0d6efd !important;
    border-color: #0d6efd !important;
    box-shadow:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M18.9 36.9 6.5 24.5l3.4-3.4 9 9 19.15-19.15 3.4 3.4Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center center
}
.multiselect.disabled{
    opacity:.7;
    cursor:not-allowed
}
.multiselect.disabled>.CaptionCont{
    border-color:#ccc;
    box-shadow:none
}
.multiselect .select-all{
    border-radius:3px 3px 0 0;
    position:relative;
    border-bottom:1px solid #ddd;
    background-color:#fff;
    padding:4px 0 3px 28px;
    /* height:20px; */
    cursor:pointer
}
.multiselect .select-all>label,.multiselect .select-all>span i{
    cursor:pointer
}
.multiselect .select-all.partial>span i{
    background-color:#ccc
}
.multiselect>.optWrapper>.options li.optGroup{
    padding-left:5px;
    text-decoration:underline
}
.reset-all{
    padding:5px 10px 5px 35px;
    border-bottom:1px solid #cdcdcd
}
.multiselect[is-selected=false] .reset-all{
    opacity:.5;
    pointer-events:none
}
.multiselect[is-selected=true] .reset-all{
    opacity:1;
    cursor:pointer;
    color:#7799d0
}
.multiselect[is-selected=true] .reset-all *{
    cursor:pointer
}
.multiselect[is-selected=true] .reset-all:hover{
    color:#000
}