.checkbox label .toggle, .checkbox-inline .toggle {
    margin-left: -20px;
    margin-right: 5px
}

.toggle {
    position: relative;
    overflow: hidden;
    float:right;
}

.toggle-group, .toggle-off, .toggle-on {
    position: absolute;
    top: 0;
    bottom: 0
}

.toggle-group {
    width: 200%;
    left: 0;
    transition: left .35s;
    -webkit-transition: left .35s;
    -moz-user-select: none;
    -webkit-user-select: none
}

.toggle.off .toggle-group {
    left: -100%
}

.toggle-on {
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-off {
    left: 50%;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 0;
    border-width: 0 1px
}

.toggle-on-pad.btn.btn-lg {
    padding-right: 32px
}

.toggle-off-pad.btn.btn-lg {
    padding-left: 32px
}

.toggle-on-pad.btn {
    padding-right: 24px
}

.toggle-off-pad.btn {
    padding-left: 24px
}

.toggle-on-pad.btn.btn-sm {
    padding-right: 20px
}

.toggle-off-pad.btn.btn-sm {
    padding-left: 20px
}

.toggle-on-pad.btn.btn-xs {
    padding-right: 9px
}

.toggle-off-pad.btn.btn-xs {
    padding-left: 9px
}
.toggle-success {
    background: #E403AA;
}

.toggleon {
    background: #E403AA;
    color:#fff;
}
.toggleoff {
    background: #5B27BB;
    color: #fff;
}