.multi-switch{width:50px;user-select:none;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.multi-switch *{-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;-ms-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}
    .multi-switch .switch-content {
        background: none;
        /*background-color: #D97C6F; red*/
        background-color: #CCCCCC;
        height: 26px;
        position: relative;
        cursor: pointer;
        border-radius: 31px;
        -moz-border-radius: 31px;
        -webkit-border-radius: 31px;
        -ms-border-radius: 31px
    }.multi-switch .switch-content .switch-circle{background:#FFF;width:15px;height:15px;position:absolute;top:5px;left:0%;z-index:1;margin-left:6px;border-radius:29px   ;-moz-border-radius:29px   ;-webkit-border-radius:29px   ;-ms-border-radius:29px   ;
                                                  /*box-shadow: 3px 3px 0px rgba(0,0,0,0.1)  ;
                                                  -moz-box-shadow: 3px 3px 0px rgba(0,0,0,0.1)  ;
                                                  -webkit-box-shadow: 3px 3px 0px rgba(0,0,0,0.1)*/
     }
     .multi-switch .switch-content .info-slide{position:absolute;z-index:2;width:50%;height:100%;display:block}
     .multi-switch .switch-content .info-slide.active{right:0;border-radius:0 31px 31px 0;-moz-border-radius:0 31px 31px 0;-webkit-border-radius:0 31px 31px 0;-ms-border-radius:0 31px 31px 0}
     .multi-switch .switch-content .info-slide.disable{left:0;border-radius:31px 0 0 31px;-moz-border-radius:31px 0 0 31px;-webkit-border-radius:31px 0 0 31px;-ms-border-radius:31px 0 0 31px}
    .multi-switch .switch-content.active .switch-circle{left:100%;margin-left:-22px}
    .multi-switch .switch-content.active {
        /*background-color: #5DC177; green*/
        background-color: #0088CC;
    }
    .multi-switch .switch-content.disabled{
        /*background-color:#CCC;cursor:default*/
    }
    .multi-switch .switch-content.initial{background-color:#cccccc}
    .multi-switch .switch-content.initial .switch-circle {
        left:50%;
        margin-left:-9px
    }
    .multi-switch input
    {
        display:none
    }
/*# sourceMappingURL=multi-switch.min.css.map */

.multi-switch-red-green .multi-switch .switch-content.active {
    background-color: #5DC177; /*green*/
}
.multi-switch-red-green .multi-switch .switch-content.disable {
    background-color: #e36159;
}