.switch{position:relative;display:inline-block;margin:0 5px}.switch>span{position:absolute;top:10px;pointer-events:none;font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.06);width:50%;text-align:center}input.check-toggle-round-flat:checked~.off,input.check-toggle-round-flat:checked~.on{color:#fff}.switch>span.on{left:0;padding-left:2px;color:#fff}.switch>span.off{right:0;padding-right:4px;color:#fff}.check-toggle{position:absolute;margin-left:-9999px;visibility:hidden}.check-toggle+label{display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input.check-toggle-round-flat+label{padding:2px;width:97px;height:35px;background-color:#474a4f;border-radius:60px}input.check-toggle-round-flat+label:after,input.check-toggle-round-flat+label:before{display:block;position:absolute;content:""}input.check-toggle-round-flat+label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#474a4f;border-radius:60px}input.check-toggle-round-flat+label:after{top:4px;left:4px;bottom:4px;width:45px;background-color:#618930;border-radius:52px;transition:margin .2s}input.check-toggle-round-flat:checked+label:after{margin-left:44px}