.on-off-switch{position:relative;cursor:pointer;overflow:hidden;user-select:none}.on-off-switch-track{position:absolute;border:none!important;z-index:1;background-color:#fff;overflow:hidden;height:30px!important}.on-off-switch-track-white{position:absolute;z-index:30}.on-off-switch-track-on{background-color:#338ec9;border-color:#338ec9;position:absolute;z-index:10;overflow:hidden;height:30px!important}.on-off-switch-track-off{position:absolute;border-color:#CCC;z-index:1;height:30px!important}.on-off-switch-thumb{position:absolute;z-index:2;overflow:hidden}.on-off-switch-thumb-shadow{opacity:.5;border:1px solid #000;position:absolute}.track-off-gradient,.track-on-gradient{background:-webkit-linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,0));background:-o-linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,0));background:-moz-linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,0));background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,0));position:absolute;width:100%;height:5px}.on-off-switch-thumb-color{background:-webkit-linear-gradient(45deg,#BBB,#FFF);background:-o-linear-gradient(45deg,#BBB,#FFF);background:-moz-linear-gradient(45deg,#BBB,#FFF);background:linear-gradient(45deg,#BBB,#FFF);background-color:#F0F0F0;position:absolute}.on-off-switch-thumb-off{border-color:#AAA;position:absolute}.on-off-switch-thumb-on{border-color:#085;z-index:10}.on-off-switch-text{font-family:arial;font-size:14px!important;font-weight:600;height:30px!important;position:absolute}.on-off-switch-text-on{color:#FFF;text-align:left}.on-off-switch-text-off{color:#338ec9;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)}