/*switch*/
input[type="checkbox"].switch {
    display:none;
}
.switch + label span{
    position: relative;
    display:inline-block;
    padding: 1px;
    width:calc(36px - 2px);
    height:calc(18px - 2px);
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:#333;
    background-size: 100%;
    cursor:pointer;
    border-radius: 10px;
    border:solid .5px #444;
}
.switch + label span[checked]{
    margin:-1px 4px 0 0;
    background: #13C100;
    border:solid .5px #568251;
}
.switch + label span nav{
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #FFF;
    box-shadow: 1.5px 0px 2px #111;
}
.switch + label span[checked] nav{
    position: absolute;
    right: .4px;
    box-shadow: -1.5px 0px 2px #555;
}

/*labels*/
label[for=switch] {
    color: #222 !important;

}

/*DISABLED*/

/*---------------------------------------------*/

/*BUILDER*/

#builder_workspace *{
    cursor: grab !important;
    cursor: -moz-grab !important;
    cursor: -webkit-grab !important;
}
#builder_workspace *:active{
    cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}
#builder_workspace .switch + label span{
    background:#777;
    border:solid .5px #777;
}

/*labels*/
label[for] {
    color: #222 !important;

}
/*---------------------------------------------*/