.ios-toggles :after,.ios-toggles :before{padding:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;outline:none;box-sizing:border-box;margin:0}.ios-toggles{position:relative;text-align:center;margin:0 auto;width:60px}.ios-toggle,.ios-toggle:active{height:0;border:none;position:absolute!important;outline:none;opacity:0;top:0!important;width:0}.checkbox-label{height:36px;padding:10px;font-size:13px;margin-bottom:20px;position:relative;border-radius:18px;background:#f8f8f8;cursor:pointer;width:100%;line-height:16px;display:block}.checkbox-label:before{height:36px;right:auto;text-indent:40px;content:"";position:absolute;top:0;box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #ddd;border-radius:100%;background:#fff;left:0;width:36px;line-height:34px;display:block;z-index:1}.checkbox-label:after{height:100%;padding:10px;color:rgba(0,0,0,.5);content:attr(data-off);position:absolute;text-align:right;top:0;left:-50px;width:50px;white-space:nowrap;display:block;z-index:0}.ios-toggle:checked+.checkbox-label{-webkit-box-shadow:inset 0 0 0 20px #13bf11,0 0 0 2px #13bf11;-moz-box-shadow:inset 0 0 0 20px #13bf11,0 0 0 2px #13bf11;box-shadow:inset 0 0 0 20px #13bf11,0 0 0 2px #13bf11}.ios-toggle:checked+.checkbox-label:before{-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);-moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);left:calc(100% - 36px)}.ios-toggle:checked+.checkbox-label:after{content:attr(data-on);left:60px;width:36px}.ios-toggle+.checkbox-label{box-shadow:inset 0 0 0 0 #13bf11,0 0 0 2px #ddd}.ios-toggle:checked+.checkbox-label{box-shadow:inset 0 0 0 18px #3580b9,0 0 0 2px #3580b9}.ios-toggle:checked+.checkbox-label:after{color:#3580b9}