.SumoSelect p{margin:0;}
.SumoSelect{width:200px;}

.SelectBox{padding:5px 8px;}

.sumoStopScroll{overflow:hidden;}
.SumoSelect .hidden{ display:none; }
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .no-match{display:none;padding:6px;}
.SumoSelect.open .search-txt{display:inline-block;position:absolute;top:0;left:0;width:100%;margin:0;padding:5px 8px;border:none;box-sizing:border-box;border-radius:5px;}
.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden;}
.SelectClass,.SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;box-sizing:border-box;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;padding:  0;}
.SelectClass{z-index:1;}

    .SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{ user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

.SumoSelect{ display:inline-block; position:relative;outline:none;}
.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{box-shadow:0 0 2px #7799d0;border-color:#7799d0;}
    .SumoSelect>.CaptionCont{ position:relative; border:1px solid #a4a4a4; min-height:14px; background-color:#fff;border-radius:2px;margin:0;}
        .SumoSelect>.CaptionCont>span{ display:block; padding-right:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;cursor:default;}
            .SumoSelect>.CaptionCont>span.placeholder{ color:#ccc; font-style:italic; }

        .SumoSelect>.CaptionCont>label{ position:absolute; top:0; right:0; bottom:0; width:30px;}
            .SumoSelect>.CaptionCont>label>i{
                background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=");
                background-position:50%;
                width:16px;
                height:16px;
                display:block;
                position:absolute;
                top:0;
                left:0;
                right:0;
                bottom:0;
                margin:auto;
                background-repeat:no-repeat;
                opacity:.8;
                display: none;
                }

    .SumoSelect>.optWrapper{display:none; z-index:2; top:30px; width:100%; position:absolute; left:0; box-sizing:border-box; background:#fff; border:1px solid #ddd; box-shadow:2px 3px 3px rgba(0,0,0,.11); border-radius:3px;overflow:hidden;}
        .SumoSelect.open>.optWrapper{top: auto;display:block;}
        .SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px;}

        .SumoSelect>.optWrapper ul{list-style:none; display:block; padding:0; margin:0; overflow:auto;}
        .SumoSelect>.optWrapper>.options{ border-radius:2px;position:relative;
            max-height:250px; }
        .SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5;}
        .SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px;}
        .SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px;}
        .SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959;}
        .SumoSelect>.optWrapper>.options li.opt{ padding:6px; position:relative;border-bottom:1px solid #f5f5f5;}
            .SumoSelect>.optWrapper>.options>li.opt:first-child{ border-radius:2px 2px 0 0; }
            .SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px; border-bottom:none;}
            .SumoSelect>.optWrapper>.options li.opt:hover{ background-color:#e4e4e4; }
            .SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4; border-bottom:1px solid #a1c0e4;}

            .SumoSelect>.optWrapper>.options li label{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;cursor:pointer;}
            .SumoSelect>.optWrapper>.options li span{ display:none; }
            .SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700;}
        .SumoSelect>.optWrapper.isFloating{ position:fixed; top:0; left:0; right:0; width:90%; bottom:0; margin:auto; max-height:90%; }
    .SumoSelect>.optWrapper>.options li.opt.disabled{ background-color:inherit;pointer-events:none;}
        .SumoSelect>.optWrapper>.options li.opt.disabled *{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5; }
    .SumoSelect>.optWrapper.multiple>.options li.opt{ padding-left:35px;cursor:pointer;}
        .SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
            .SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #aeaeae;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff;}
.SumoSelect>.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; }
    .SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{ display:block; margin-top:5px; position:absolute; bottom:0; width:100%; }

    .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{ display:block; }
        .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{ padding:6px; }

    .SumoSelect>.optWrapper.multiple>.MultiControls>p{ display:inline-block; cursor:pointer; padding:12px; width:50%; box-sizing:border-box; text-align:center; }
        .SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{ background-color:#f1f1f1; }
        .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{ border-right:1px solid #dbdbdb; border-radius:0 0 0 3px; }
        .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{ border-radius:0 0 3px 0; }
    .SumoSelect>.optWrapper.isFloating>.options li.opt{ padding:12px 6px; }
    .SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{ padding-left:35px; }
    .SumoSelect>.optWrapper.multiple.isFloating{ padding-bottom:43px; }

    .SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#11a911;box-shadow:none;border-color:transparent;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:50%;}
    .SumoSelect.disabled{ opacity:.7;cursor:not-allowed;}
     .SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none;}
    .SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer;}
    .SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer;}
    .SumoSelect .select-all.partial>span i{background-color:#ccc;}
    .SumoSelect>.optWrapper>.options li.optGroup{ padding-left:5px; text-decoration:underline; }