.switch {
    background:#fff;
    border:1px solid #dfdfdf;
    position:relative;
    display:'';
    box-sizing:content-box;
    overflow:visible;
    width:52px;
    height:30px;
    padding:0;
    margin:0;
    border-radius:20px;
    cursor:pointer;
    box-shadow:#dfdfdf 0 0 0 0 inset;
    transition:.3s ease-out all;
    -webkit-transition:.3s ease-out all;
    top:-1px
   }
   .switch.wide{width:80px}.switch small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);width:30px;height:30px;position:absolute;top:0;left:0;transition:.3s ease-out all;-webkit-transition:.3s ease-out all}.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{display:block;position:absolute;right:10%;top:25%;z-index:0;color:#A9A9A9}.switch .on{display:none;z-index:0;color:#fff;position:absolute;top:25%;left:9%}.switch.checked .off{display:none}.switch.checked .on{display:block}.switch.disabled{opacity:.5;cursor:not-allowed}