.onoffswitch{position:relative;width:85px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #999;border-radius:5px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;-moz-transition:margin .3s ease-in 0s;-webkit-transition:margin .3s ease-in 0s;-o-transition:margin .3s ease-in 0s;transition:margin .3s ease-in 0s}.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:32px;padding:0;line-height:32px;font-size:14px;color:#fff;font-family:Trebuchet,Arial,sans-serif;font-weight:700;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.onoffswitch-inner:before{content:"ON";padding-left:10px;background-color:#6ec514;color:#fff}.onoffswitch-inner:after{content:"OFF";padding-right:10px;background-color:#eee;color:#999;text-align:right}.onoffswitch-switch{display:block;width:18px;margin:0;background:#fff;border:2px solid #999;border-radius:5px;position:absolute;top:0;bottom:0;right:67px;-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s;background-image:-moz-linear-gradient(center top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);background-image:-webkit-linear-gradient(center top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);background-image:-o-linear-gradient(center top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);background-image:linear-gradient(center top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%)}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}