.on-off-switch{position:relative;cursor:pointer;overflow:hidden;user-select:none}.on-off-switch-track{position:absolute;border:solid #888;z-index:1;background-color:#fff;overflow:hidden}.on-off-switch-track-white{background-color:#fff;position:absolute;opacity:.2;z-index:30}.on-off-switch-track-on{background-color:#096;border-color:#084;position:absolute;z-index:10;overflow:hidden}.on-off-switch-track-off{position:absolute;border-color:#ccc;z-index:1}.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-on-gradient,.track-off-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{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)}