.on-off-switch{position:relative;cursor:pointer;overflow:hidden;user-select:none;float:left;margin:5px 0 0 25px;}
.on-off-switch-track{position:absolute;border:solid #E7E7E7;z-index:1;background-color:#fff;overflow:hidden;}
.on-off-switch-track-white{background-color:#FFF;position:absolute;opacity:0.2;z-index:30;}
.on-off-switch-track-on{background-color:transparent;border-color:#008844;position:absolute;z-index:10;overflow:hidden;}
.on-off-switch-track-off{position:absolute;border-color:#CCC;z-index:1;left:26px !important;background:#EFEFEF !important;}
.on-off-switch-thumb{position:absolute;z-index:2;overflow:hidden;}
.on-off-switch-thumb-shadow{opacity:0.5;border:0;position:absolute;}
.track-on-gradient, .track-off-gradient{position:absolute;width:100%;height:5px;}
.on-off-switch-thumb-color{background:#F4911D;position:absolute;width:18px !important;height:18px !important;}
.on-off-switch-thumb-off{border-color:#AAA;position:absolute;background-color:#808082;}
.on-off-switch-thumb-on{border-color:#008855;z-index:10;}
.on-off-switch-text{width:100%;position:absolute;font-family:arial;user-select:none;font-size:10px;}
.on-off-switch-text-on{color:#FFF;text-align:left;}
.on-off-switch-text-off{color:#000;text-align:right;}
.on-off-switch-thumb-over{background-color:#F5F5F5;background:-webkit-linear-gradient(45deg, #CCC, #FFF);background:-o-linear-gradient(45deg, #CCC, #FFF);background:-moz-linear-gradient(45deg, #CCC, #FFF);background:linear-gradient(45deg, #CCC, #FFF);}