.mysumo select{
    display: none;
}

.mysumo .SumoSelect{
    width: auto;
    min-height: 42px;
}

.mysumo .SumoSelect.open {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
}

.mysumo .SumoSelect select{
    display: inline-block;
}

.mysumo .SumoSelect > .optWrapper{
    width: auto;
    min-width: 100%;
    top: 37px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 14px 40px 0 rgba(0, 0, 0, .2);
}

.mysumo .SumoSelect.open > .optWrapper {
    top: 37px;
}

.mysumo .SumoSelect > .optWrapper > .options{
    min-width: 100%;
}

.mysumo .SumoSelect .select-all{
    height: auto;
    white-space: nowrap;
    padding: 6px 13px 6px 35px;


}

.mysumo .SumoSelect .clear-all{
    height: auto;
    white-space: nowrap;
    padding: 6px 13px 6px 35px;

    color: #ff3201;
    float: right;
    position: relative;
    z-index: 1;
}

.mysumo .SelectBox{
    padding: 0 14px;
}

.mysumo .SumoSelect > .CaptionCont{
    line-height: 36px;
    border-color: rgba(0, 0, 0, .2);
}

.mysumo .SumoSelect:focus > .CaptionCont,
.mysumo .SumoSelect:hover > .CaptionCont,
.mysumo .SumoSelect.open > .CaptionCont{
    border-color: #babebf;
}

.mysumo .SumoSelect > .CaptionCont > span.placeholder{
    font-style: normal;
    color: #2b2b2b;
}

.mysumo .SumoSelect > .CaptionCont > label > i{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTMgNyI+ICA8ZGVmcz4gICAgPHN0eWxlPiAgICAgIC5jbHMtMSB7ICAgICAgICBmaWxsOiAjMzMzOyAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOyAgICAgIH0gICAgPC9zdHlsZT4gIDwvZGVmcz4gIDxwYXRoIGlkPSJJY29uX2NvcHlfNSIgZGF0YS1uYW1lPSJJY29uIGNvcHkgNSIgY2xhc3M9ImNscy0xIiBkPSJNNDQyLjUsNDQ3Ljk5MUw0MzYsNDQxLjcyVjQ0MWgwLjc2Mmw1LjczOCw1LjUzN0w0NDguMjM3LDQ0MUg0NDl2MC43MjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDM2IC00NDEpIi8+PC9zdmc+);
}

.mysumo .SumoSelect > .CaptionCont > label > i.clear{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6IGdyYXk7ICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPHBhdGggaWQ9IlNoYXBlXzcyMF9jb3B5IiBkYXRhLW5hbWU9IlNoYXBlIDcyMCBjb3B5IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDY0LjAxLDQ0OS4zNTJsLTAuNjYuNjU3LTQuODUtNC44NTItNC44NSw0Ljg1Mi0wLjY2LS42NTcsNC44NS00Ljg1Mi00Ljg1LTQuODUyLDAuNjYtLjY1Nyw0Ljg1LDQuODUyLDQuODUtNC44NTIsMC42NiwwLjY1Ny00Ljg1LDQuODUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTMgLTQzOSkiLz48L3N2Zz4=);
}

.mysumo .SumoSelect .select-all.partial > span i {
    background-color: transparent;
    border-color: #AEAEAE;
}

.mysumo .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.mysumo .SumoSelect .select-all.selected > span i{
    border-color: #00a9f8;
    background-color: #00a9f8;
}

.mysumo .SumoSelect > .optWrapper > .options li.opt.disabled span i{
    background-image: none;
    border-color: transparent;
    background-color: transparent;
}

.mysumo .SumoSelect > .optWrapper > .options li.opt:hover{
    background-color: transparent;
    color: #00a9f8;
}

.mysumo .SumoSelect > .optWrapper > .options li.opt:hover > span i{
    border-color: #00a9f8;
}

.mysumo .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:after,
.mysumo .SumoSelect .select-all.selected > span i:after,
.mysumo .select-all.partial > span i:after{
    content: '';
    display: block;
    width: 17px;
    height: 14px;
    background-position: center center;
    background-repeat: no-repeat;
}

.mysumo .select-all.partial > span i:after{
    display: none;
}


.mysumo .SumoSelect > .optWrapper > .options:not(*:root) {
    margin: 0 5px 5px 0;
}

.mysumo .SumoSelect > .optWrapper > .options::-webkit-scrollbar {
    width: 4px !important;
    margin-right: 10px;
}
.mysumo .SumoSelect > .optWrapper > .options::-webkit-scrollbar-track {
    -webkit-border-radius: 2px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}
.mysumo .SumoSelect > .optWrapper > .options::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background: #00a9f8 !important;
}
.mysumo .SumoSelect > .optWrapper > .options::-webkit-scrollbar-thumb:window-inactive {
    background: #00a9f8 !important;
}
.mysumo .SumoSelect > .optWrapper > .options:focus,
.mysumo .SumoSelect > .optWrapper > .options:hover {
    outline: 0 none !important;
}

.mysumo .SumoSelect > .optWrapper.multiple > .options li.opt span i,
.mysumo .SumoSelect .select-all > span i{
    border-radius: 0;
}

.mysumo .SumoSelect > .optWrapper > .options  li.opt{
    padding: 0 13px 0 6px;
    border-bottom: none;
}
.mysumo .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
    color: #fff;
    border: 1px solid #00a9f8;
    background-color: #00a9f8;
}
.mysumo .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    display: none;
}
.mysumo .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    width: 100%;
    border-right: none;
}
.mysumo .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
    opacity: .8;
    background-color: #00a9f8;
}