.SumoSelect p {margin: 0;}
.SumoSelect {font: 17px "Roboto Condensed", sans-serif}
.SelectBox {padding: 3px;}
.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: 5px 8px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;}
.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {visibility: hidden;}
/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.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 {transition: 0.5s; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.SumoSelect { display: block; position: relative; outline: none; margin:0;}
.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {cursor: pointer; border-color: #1696EF; box-shadow: 0 0 4px #1696EF;}
.SumoSelect > .CaptionCont {position: relative; border: 1px solid #CCC; min-height: 14px; padding: 5px; background-color: #E9EFFF; border-radius: 3px;margin: 0 0 3px 0;text-overflow: ellipsis;overflow: hidden}
.SumoSelect > .CaptionCont > span { padding-right: 20px; padding-left: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor: default;}
/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder { color: black;}
.SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px;}
.SumoSelect > .CaptionCont > label > i { content: ''; height: 0; position: absolute; top: 50%; right: 5px; width: 0; border: 8px solid rgba(0, 0, 0, 0); border-top-color: #BBB; margin-top: -3px;margin-right: 5px;}
.SumoSelect > .CaptionCont > label > i:hover {cursor: pointer}
.SumoSelect > .optWrapper {display: none; z-index: 1000; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFF; border: 1px solid #1696EF; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px;overflow: hidden;}
.SumoSelect.open > .optWrapper {display: block; min-width: 250px; width: 100%}
.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: 550px;
  /*height*/ }
.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 #CCC;}
.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 { cursor: pointer; background-color: gold; }
.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 #CCC; 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 6px; width: 50%; box-sizing: border-box; text-align: center; }
.SumoSelect > .optWrapper.multiple.clearAllInMulti > .MultiControls > p { width: 33.3333%; padding-left: 4px; padding-right: 4px; white-space: nowrap; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #F1F1F1; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #CCC; border-radius: 0 0 0 3px; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel,
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnClearAll { border-radius: 0 0 3px 0; }
.SumoSelect > .optWrapper.multiple.clearAllInMulti > .MultiControls > p.btnCancel { border-right: 1px solid #CCC; border-radius: 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 #CCC;background-color: #FFF;padding: 8px 0 3px 35px;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; }