.ms-container {
    background: transparent url('../img/switch.png') no-repeat 50% 50%;
    width: 370px;
}

.ms-container::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    min-height: 0;
    visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
    background: rgb(255 255 255);
    color: rgb(85 85 85);
    float: left;
    width: 45%;
}

.ms-container .ms-selection {
    float: right;
}

.ms-container .ms-list {
    border: 1px solid rgb(204 204 204);
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%);
    height: 200px;
    overflow-y: auto;
    padding: 0;
    position: relative;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.ms-container .ms-list.ms-focus {
    border-color: rgb(82 168 236 / 80%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 7.5%), 0 0 8px rgb(82 168 236 / 60%);
    outline: 0;
    outline: thin dotted \9;
}

.ms-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-optgroup-label {
    color: rgb(153 153 153);
    cursor: pointer;
    margin: 0;
    padding: 5px 0 0 5px;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px rgb(238 238 238) solid;
    color: rgb(85 85 85);
    font-size: 14px;
    padding: 2px 10px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: rgb(0 136 204);
    color: rgb(255 255 255);
    cursor: pointer;
    text-decoration: none;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
    background-color: rgb(238 238 238);
    color: rgb(170 170 170);
    cursor: text;
}
