.SumoSelect *{box-sizing:border-box;}
.SumoSelect{width:100%;display:inline-block; position:relative;outline:none;}

.SumoSelect p{margin:0;}
.SelectBox{padding:10px 8px;}
.sumoStopScroll{overflow:hidden;}

.SumoSelect .hidden{display:none;}
.SumoSelect .search-txt{display:none;outline:none;}
.SumoSelect .search-txt::-webkit-search-cancel-button{color:red;}

.SumoSelect .no-match{display:none;padding:10px 8px;font-size:.9rem;line-height:1rem;}
.SumoSelect.open .search-txt{ display:inline-block;position:absolute;top:0;bottom:1px;left:0;width:100%;margin:0;padding:10px 8px;border:none;border-radius:4px;border:1px solid transparent;}
.SumoSelect.open > .search > span, 
.SumoSelect.open > .search > label{ visibility:hidden;}

.SelectClass, .SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;opacity:0;}
.SelectClass{z-index:1;}

.SumoSelect > .optWrapper > .options  li.opt label,
.SumoSelect > .optWrapper > .options  li.opt span, 
.SumoSelect > .CaptionCont{user-select:none;}

.SumoSelect:hover > .CaptionCont{background:var(--global-input-hover-bg);border-color:var(--global-input-border);color:var(--global-input-color);cursor:pointer;}
.SumoSelect:focus > .CaptionCont,
.SumoSelect.open  > .CaptionCont{background:var(--global-input-bg);border-color:var(--global-input-border);color:var(--global-input-color);}
.SumoSelect:focus > .CaptionCont{outline:0 none !important;}
.SumoSelect > .CaptionCont{background:var(--global-input-bg);border:1px solid var(--global-input-border);color:var(--global-input-color);border-radius:2px;margin:0;position:relative;}
.SumoSelect > .CaptionCont{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.SumoSelect > .CaptionCont > span:first-of-type{display:block;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default;}
.SumoSelect > .CaptionCont > span.placeholder{color:var(--global-input-placeholder);font-style:italic;}
 
.SumoSelect > .CaptionCont > label,
.SumoSelect > .CaptionCont > span:last-of-type{position:absolute;top:0;right:0;bottom:0;width:30px;}
.SumoSelect > .CaptionCont > label > i,
.SumoSelect > .CaptionCont > span:last-of-type > i{width:16px;height:16px;opacity:0.8;display:block;position:absolute;top:1px;left:0;right:0;bottom:0;margin:auto;}
.SumoSelect > .CaptionCont > label > i:after,
.SumoSelect > .CaptionCont > span:last-of-type > i:after{font-size:14px;line-height:18px;font-family:var(--global-icon-font);content:"\f078";font-weight:900;text-align:center;position:absolute;margin:auto;right:0;left:0;top:0;bottom:0;width:16px;height:16px;font-style:normal;}


.SumoSelect > .optWrapper{display:none;z-index:1000;top:calc(100% + 1px);width:100%;position:absolute;left:0;background:var(--white);color:var(--black);border:1px solid var(--global-input-border);box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:2px;overflow:hidden;}
.SumoSelect.open > .optWrapper{top:calc(100% + 1px);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:280px;}

.SumoSelect > .optWrapper > .options li label,
.SumoSelect > .optWrapper > .options li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer;}

.SumoSelect > .optWrapper > .options  li.opt{padding:6px 11px;position:relative;border-bottom:1px solid #eee;font-size:.9rem;}
.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:#e4e4e4;}
.SumoSelect > .optWrapper > .options li.opt.selected{color:#333;background:#f5f5f5;font-weight:700;}

.SumoSelect > .optWrapper > .options li.opt.disabled{background:inherit;pointer-events:none;}
.SumoSelect > .optWrapper > .options li.opt.disabled *{opacity:0.5;}