.SumoSelect p{margin:0;}
.SumoSelect{width:200px;}
.SelectBox{padding:11px 14px}
.sumoStopScroll{overflow:hidden;}

/* Filtering style */
.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:8px 12px;/* font-family:'FuturaNDBook'; */border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:30px!important;overflow:hidden;margin-left:0px!important;/* background: #fff0; */}
.SumoSelect.open>.search>span,.SumoSelect.open>.search>label{visibility:hidden;}
.SumoSelect.open .search-txt:focus{border-color: #e05875;box-shadow: none;}
.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;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.SelectClass{z-index:1;}
.SumoSelect>.optWrapper>.options li.opt label,.SumoSelect>.CaptionCont,.SumoSelect .select-all>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:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont,.SumoSelect.open>.CaptionCont{}
.SumoSelect>.CaptionCont{position:relative;min-height:14px;background-color: #fff;border-radius:35px;margin:0;}
.SumoSelect>.CaptionCont>span{display:block;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default;font-size: 14px;}
.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: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:0.8;}
.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,0.11);border-radius:3px;overflow:hidden;}
.SumoSelect.open>.optWrapper{top:43px;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;    /*Set the height of pop up here (only for desktop mode)*/max-height:250px;    /*height*/}
.SumoSelect>.optWrapper>.options::-webkit-scrollbar{width:2px;}
.SumoSelect>.optWrapper>.options::-webkit-scrollbar-thumb{width:2px;background: #000;}
.SumoSelect>.optWrapper>.options::-webkit-scrollbar-thumb:hover{width:2px;}
.SumoSelect>.optWrapper>.options::-webkit-scrollbar-thumb:active{width:2px;}
.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0;}
.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px;}
.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0;}
.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:0.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 6px;position:relative;border-bottom:1px solid #f5f5f5;}
.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0;}
.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0;}
.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none;}
.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0;}
.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#E4E4E4;}
.SumoSelect>.optWrapper>.options li.opt.sel,.SumoSelect .select-all.sel{background-color:#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:bold;}
/*Floating styles*/
.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%;}
/*disabled state*/
.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)";    /* IE 5-7 */filter:alpha(opacity=50);    /* Netscape */-moz-opacity:0.5;    /* Safari 1.x */-khtml-opacity:0.5;    /* Good browsers */opacity:0.5;}
/*styling for multiple select*/
.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer;}
.SumoSelect>.optWrapper.multiple>.options li.opt span,.SumoSelect .select-all>span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px;}
.SumoSelect>.optWrapper.multiple>.options li.opt span i,.SumoSelect .select-all>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,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,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.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:none;background-color:#a1c0e4;}
.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;}
/*styling for select on popup mode*/
.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px;}
/*styling for only multiple select on popup mode*/
.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px;}
.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px;}
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i,.SumoSelect .select-all.selected>span i,.SumoSelect .select-all.partial>span i{background-color:rgb(17,169,17);box-shadow:none;border-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center center;}

/*disabled state*/
.SumoSelect.disabled{opacity:0.7;cursor:not-allowed;}
.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none;}

/**Select all button**/
.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;}

/*styling for optgroups*/
.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline;}
.reset-all{padding:5px 10px 5px 35px;border-bottom:1px solid #CDCDCD;}
.SumoSelect[is-selected="false"] .reset-all{opacity:0.5;pointer-events:none;}
.SumoSelect[is-selected="true"] .reset-all{opacity:1;cursor:pointer;color:#7799D0;}
.SumoSelect[is-selected="true"] .reset-all *{cursor:pointer;}
.SumoSelect[is-selected="true"] .reset-all:hover{color:black;}