.SumoSelect
{
    width: 200px;
}.SumoSelect p
{
    margin: 0;
}.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
{position: absolute;top: 0;left: 0;

    display: inline-block;box-sizing: border-box;width: 100%;margin: 0;padding: 5px 8px;border: none;border-radius: 5px;
}.SumoSelect.open > .search > span,
.SumoSelect.open > .search > label
{
    visibility: hidden;
}.SelectClass,
.SumoUnder
{
    position: absolute;top: 0;right: 0;left: 0;box-sizing: border-box;width: 100%;height: 100%;opacity: 0;border: none;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;
}.SelectClass
{
    z-index: 1;
}.SumoSelect
{position: relative;

    display: inline-block;outline: none;
}.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .CaptionCont
{   -webkit-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;-o-user-select: none;-khtml-user-select: none;
}.SumoSelect .select-all > label
{   -webkit-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;-o-user-select: none;-khtml-user-select: none;
}.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont
{border-color: #7799d0;
    box-shadow: 0 0 2px #7799d0;
}.SumoSelect.open > .CaptionCont
{border-color: #7799d0;
    box-shadow: 0 0 2px #7799d0;
}.SumoSelect.open > .optWrapper
{
    top: 35px;display: block;
}.SumoSelect.open > .optWrapper.up
{
    top: auto;bottom: 100%;margin-bottom: 5px;
}.SumoSelect > .CaptionCont
{
    position: relative;min-height: 14px;margin: 0;border: 1px solid #a4a4a4;border-radius: 2px;background-color: #fff;
}.SumoSelect > .CaptionCont > span
{
    display: block;overflow: hidden;padding-right: 30px;cursor: default;white-space: nowrap;text-overflow: ellipsis;
}.SumoSelect > .CaptionCont > span.placeholder
{font-style: italic;

    color: #ccc;
}.SumoSelect > .CaptionCont > label
{
    position: absolute;top: 0;right: 0;bottom: 0;width: 30px;
}.SumoSelect > .CaptionCont > label>i
{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;width: 16px;height: 16px;margin: auto;opacity: .8;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');background-repeat: no-repeat;background-position: center center;
}.SumoSelect > .optWrapper
{position: absolute;z-index: 1000;top: 30px;left: 0;

    display: none;overflow: hidden;box-sizing: border-box;width: 100%;border: 1px solid #ddd;border-radius: 3px;background: #fff;box-shadow: 2px 3px 3px rgba(0,0,0,.11);
}.SumoSelect > .optWrapper ul
{display: block;overflow: auto;margin: 0;padding: 0;

    list-style: none;
}.SumoSelect > .optWrapper > .options
{position: relative;max-height: 250px;

    border-radius: 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: .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
{position: relative;

    padding: 6px 6px;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-bottom: none;
    border-radius: 0 0 2px 2px;
}.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
{
    background-color: #a1c0e4;
}.SumoSelect .select-all.sel
{
    background-color: #a1c0e4;
}.SumoSelect .select-all > span
{
    position: absolute;top: 0;bottom: 0;display: block;width: 30px;margin-left: -35px;
}.SumoSelect .select-all > span i
{
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 14px;height: 14px;margin: auto;border: 1px solid #aeaeae;border-radius: 2px;background-color: #fff;box-shadow: inset 0 1px 3px rgba(0,0,0,.15);
}.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i
{border-color: transparent;
    background-color: #11a911;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;box-shadow: none;
}.SumoSelect > .optWrapper > .options li label
{display: block;overflow: hidden;cursor: pointer;white-space: nowrap;
    text-overflow: ellipsis;
}.SumoSelect > .optWrapper > .options li span
{
    display: none;
}.SumoSelect > .optWrapper > .options li.group>label
{font-weight: bold;padding: 8px 6px;

    cursor: default;
}.SumoSelect > .optWrapper.isFloating
{
    position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 90%;max-height: 90%;margin: auto;
}.SumoSelect > .optWrapper > .options li.opt.disabled
{pointer-events: none;

    background-color: inherit;
}.SumoSelect > .optWrapper > .options li.opt.disabled *
{opacity: .5;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'                                                        ;filter: alpha(opacity=50);-moz-opacity: .5;-khtml-opacity: .5;
}.SumoSelect > .optWrapper.multiple > .options li.opt
{
    padding-left: 35px;cursor: pointer;
}.SumoSelect > .optWrapper.multiple > .options li.opt span
{
    position: absolute;top: 0;bottom: 0;display: block;width: 30px;margin-left: -35px;
}.SumoSelect > .optWrapper.multiple > .options li.opt span i
{
    position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 14px;height: 14px;margin: auto;border: 1px solid #aeaeae;border-radius: 2px;background-color: #fff;box-shadow: inset 0 1px 3px rgba(0,0,0,.15);
}.SumoSelect > .optWrapper > .MultiControls
{
    display: none;border-top: 1px solid #ddd;border-radius: 0 0 3px 3px;background-color: #fff;box-shadow: 0 0 2px rgba(0,0,0,.13);
}.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls
{position: absolute;bottom: 0;

    display: block;width: 100%;margin-top: 5px;
}.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls
{
    display: block;
}.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls>p
{
    padding: 6px;
}.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus
{border-color: #a1c0e4;outline: none;background-color: #a1c0e4;
    box-shadow: 0 0 2px #a1c0e4;
}.SumoSelect > .optWrapper.multiple > .MultiControls>p
{
    display: inline-block;box-sizing: border-box;width: 50%;padding: 12px;cursor: pointer;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
{
    padding-bottom: 43px;
}.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt
{
    padding-left: 35px;
}.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i
{border-color: transparent;
    background-color: #11a911;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;box-shadow: none;
}.SumoSelect.disabled
{cursor: not-allowed;

    opacity: .7;
}.SumoSelect.disabled > .CaptionCont
{
    border-color: #ccc;box-shadow: none;
}.SumoSelect .select-all
{position: relative;height: 20px;padding: 8px 0 3px 35px;cursor: pointer;border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0;background-color: #fff;
}.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;
}
