.ms-container {
    .retina-image('../img/2col_switch.png','../img/2col_switch@2x.png', 26px, 12px);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    .cf();
    & .ms-selectable,
    & .ms-selection {
        background: #fff;
        color: #55;
        float: left;
        width: 46%;
    }
    & .ms-selection {
        float: right;
    }
    & .ms-list {
        .transition(all 375ms @easeInCubic);
        border: 1px solid #ccc;
        position: relative;
        height: 200px;
        padding: 0;
        overflow-y: auto;
        font-size: 13px;
        -webkit-overflow-scrolling: touch;
        &.ms-focus {
            border-color: @theme-secondary-color;
            outline: 0;
            outline: thin dotted \9;
        }
    }
    & ul {
        margin: 0;
        list-style-type: none;
        padding: 0;
    }
    & .ms-optgroup-container {
        width: 100%;
    }
    & .ms-optgroup-label {
        margin: 0;
        padding: 5px 0px 0px 5px;
        cursor: pointer;
        color: #999;
    }
    & .ms-selectable li.ms-elem-selectable,
    & .ms-selection li.ms-elem-selection {
        border-bottom: 1px #eee solid;
        padding: 3px 10px;
        color: #555;
        font-size: 12px;
    }
    & .ms-selectable li,
    & .ms-selection li {
        &.ms-hover {
            cursor: pointer;
            color: #fff;
            text-decoration: none;
            background-color: @theme-color;
        }
        &.disabled,
        &.disabled {
            background-color: #eee;
            color: #aaa;
            cursor: text;
        }
    }
    & .ms-header,
    & .ms-footer {
        background: #444;
        color: #fff;
        font-size: 12px;
        line-height: 28px;
        padding: 0 10px;
    }
    & .ms-header-search,
    & .ms-footer-search {
        padding: 4px 6px;
        background: @sub-bg;
        input {
            margin: 4px 0;
        }
    }
}

.ms-wrapper {
    position: relative;
    .ms_select_all,
    .ms_deselect_all {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 26px;
        line-height: 16px;
        margin-left: -13px;
    }
    .ms_select_all {
        margin-top: -86px;
    }
    .ms_deselect_all {
        margin-top: -60px;
    }
}
