.switch{background:#fff;border:1px solid #dfdfdf;border-radius:20px;box-shadow:inset 0 0 0 0 #dfdfdf;box-sizing:content-box;cursor:pointer;display:inline-block;height:30px;margin:0;overflow:visible;padding:0;position:relative;top:-1px;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;width:52px}.switch.wide{width:80px}.switch small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);height:30px;left:0;position:absolute;top:0;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;width:30px}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:22px}.switch.wide.checked small{left:52px}.switch .switch-text{font-family:Arial,Helvetica,sans-serif;font-size:13px}.switch .off{color:#a9a9a9;display:block;right:10%}.switch .off,.switch .on{position:absolute;top:25%;z-index:0}.switch .on{color:#fff;left:9%}.switch .on,.switch.checked .off{display:none}.switch.checked .on{display:block}.switch.disabled{cursor:not-allowed;opacity:.5}