.toggle{text-align:left;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:60px;display:inline-block;position:relative}.toggle .toggle-inner:after,.toggle .toggle-inner:before{content:"";height:30px;line-height:30px}.toggle .toggle-switch{width:24px;margin:3px;right:30px}.toggle-checkbox{display:none}.toggle-label{cursor:pointer;border:0 solid #bbb;border-radius:30px;margin:0;display:block;overflow:hidden}.toggle-label:focus{outline:none}.toggle-label:focus>span{box-shadow:0 0 3px 6px red}.toggle-label>span:focus{outline:none}.toggle-inner{width:200%;margin-left:-100%;transition:margin .3s ease-in;display:block}.toggle-inner:before,.toggle-inner:after{float:left;color:#fff;box-sizing:border-box;width:50%;height:45px;padding:0;font-size:18px;font-weight:700;line-height:45px;display:block}.toggle-inner:before{content:attr(data-yes);text-transform:uppercase;color:#fff;background-color:#00a6ff;padding-left:15px}.toggle-disabled,.toggle-disabled:before{cursor:not-allowed;background-color:#ddd}.toggle-inner:after{content:attr(data-no);text-transform:uppercase;color:#fff;text-align:right;background-color:#bbb;padding-right:15px}.toggle-switch{background:#fff;border:0 solid #bbb;border-radius:30px;width:36px;margin:7px;transition:all .3s ease-in;display:block;position:absolute;top:0;bottom:0;right:60px}.toggle-checkbox:checked+.toggle-label .toggle-inner{margin-left:0}.toggle-checkbox:checked+.toggle-label .toggle-switch{right:0}@media screen and (max-width:991px){.toggle{transform:scale(.9)}}@media screen and (max-width:767px){.toggle{transform:scale(.825)}}@media screen and (max-width:575px){.toggle{transform:scale(.75)}}