.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;-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}.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{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; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.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:35px;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: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>.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; font-size: 14px;}.SumoSelect>.optWrapper>.options li span{display:none}.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:bold}.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:0.5;-khtml-opacity:0.5;opacity:0.5}.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>.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>.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}.SumoSelect.disabled{opacity:0.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}
.select-box .SumoSelect{
    width: 100%;
}
.select-box .SumoSelect>.CaptionCont{
    background: #FFFFFF;
    height: 40px;
    padding: 0 30px 0 12px;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid transparent;
    box-shadow: 0 0 0;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0; 
}
.select-box .SumoSelect.open>.CaptionCont{
/*    border-color: #BDBDBD;*/
    border-bottom-color: transparent;
/*    border-radius: 4px 4px 0 0;*/
    z-index: 5;
    background-color: transparent;
}
.select-box .SumoSelect>.CaptionCont span{
    font-size: 15px;
    line-height: 1;
    display: block;
    align-items: center;
    color: #000000;    
    font-style: normal;
    max-width: 100%;
}

.select-box .SumoSelect>.CaptionCont>label>i{
    width: 24px;
    height: 24px;
    background: url(../img/arrow-down.svg) center no-repeat;
    transition: all 0.3s;
    opacity: 1;
}
.select-box .SumoSelect.open>.CaptionCont>label>i{ 
    transform: rotate(-180deg);
}
.SumoSelect>.optWrapper>.options li.opt.disabled{
    display: none;
}
.SumoSelect.open>.optWrapper{
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 2;
}
.SumoSelect>.optWrapper{
    padding-top: 40px;
    border-radius: 0;
    box-shadow: 0 0 0; 
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 4px;   
}
.SumoSelect>.optWrapper>.options{
    border-radius: 0;
    border: 0;
    max-height: 168px;
    padding-top: 0;
    padding-bottom: 16px;
}
.SumoSelect>.optWrapper>.options::-webkit-scrollbar{
    width: 3px;
}
.SumoSelect>.optWrapper>.options::-webkit-scrollbar-track {
    background-color: transparent;
}
.SumoSelect>.optWrapper>.options::-webkit-scrollbar-thumb {
    background: rgba(67, 54, 35, 0.2); 
}
.SumoSelect>.optWrapper>.options li.opt{
    display: flex; 
    padding: 8px 16px;
    align-items: center;
    cursor: pointer;
    border-bottom: 0;
}
.SumoSelect>.optWrapper>.options li.opt label{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px; 
    color: #000000;
    display: block;
    align-items: center; 
    color: #000000;    
    transition: all 0.35s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.SumoSelect>.optWrapper>.options li.opt:hover{
    background: rgba(227, 217, 201, 0.32);
    color: #7A633E;
}
.SumoSelect>.optWrapper>.options li.opt:hover label{
    color: #876B46; 
}

.SumoSelect>.optWrapper>.options li.opt.selected{
    background: rgba(227, 217, 201, 0.31);
}

.select-box {
}
.select-box.select-box-line .SumoSelect>.CaptionCont{
    height: 36px;
    padding-right: 30px;
    padding-left: 16px;
    border: 0;
}
.select-box.select-box-line .SumoSelect>.CaptionCont span{
    font-size: 14px;
    line-height: 16px; 
    letter-spacing: 0.02em; 
    color: #7A633E;
    overflow: visible;
}
.select-box.select-box-line  .SumoSelect>.optWrapper>.options li.opt label{
    font-size: 13px;
    line-height: 1;
    text-align: right;
}
.select-box.select-box-line  .SumoSelect.open>.optWrapper{
    min-width: 140px;
    left: auto;
    right: 0; 
    display: table;
}
.select-box.select-box-line  .SumoSelect>.CaptionCont>label>i{
    background: url(../img/arrow-down-gold.svg) center no-repeat;
}

.SumoSelect>.optWrapper.multiple>.options li.opt span i{
    width: 14px;
    height: 14px; 
    border: 1px solid #000000; 
    border-radius: 4px;
    background: transparent;
    left: 10px;
}
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{
    border: 1px solid #7A633E; 
    border-radius: 4px;    
    background: transparent;
}
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px; 
    background: #7A633E;
    border-radius: 4px;   
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.SumoSelect>.optWrapper.multiple{
    background: #FFFFFF;
    box-shadow: 0px 8px 12px rgba(128, 128, 128, 0.15); 
    border: 0;
}
.SelectBox.search .search-txt {
    position: absolute;
    left: 38px;
    right: 13px;
    background: #fff; 
    font-size: 14px;
    line-height: 16px;
    display: none;
    color: #000000;
    top: 0;
    height: 100%;
}
.SumoSelect.open .SelectBox.search .search-txt {
    display: block;
}
.SumoSelect>.optWrapper>.options li.opt.hidden {
    display: none;
}
.SumoSelect .no-match {
    padding: 0 15px 5px;
    font-size: 15px;
    line-height: 16px;
    color: #000000;
}
.SumoSelect.open>.search>span, .SumoSelect.open>.search>label{
    visibility: visible;
}