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