.flipswitch{position:relative;width:86px;margin:auto}.flipswitch input[type=checkbox]{display:none}.flipswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #999;border-radius:50px}.flipswitch-inner{width:200%;margin-left:-100%;-moz-transition:margin .3s ease-in;-webkit-transition:margin .3s ease-in;-o-transition:margin .3s ease-in;transition:margin .3s ease-in}.flipswitch-inner:after,.flipswitch-inner:before{float:left;width:50%;height:24px;padding:0;line-height:24px;font-size:18px;font-family:Trebuchet,Arial,sans-serif;font-weight:700;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.flipswitch-inner:before{content:"ON";padding-left:12px;background-color:#256799;color:#fff}.flipswitch-inner:after{content:"OFF";padding-right:12px;background-color:#ebebeb;color:#888;text-align:right}.flipswitch-switch{width:31px;margin:-3.5px;background:#fff;border:2px solid #999;border-radius:50px;position:absolute;top:0;bottom:0;right:58px;-moz-transition:.3s ease-in;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.flipswitch-checkbox:checked+.flipswitch-label .flipswitch-inner{margin-left:0}.flipswitch-checkbox:checked+.flipswitch-label .flipswitch-switch{right:0}