#demo-container{padding:20px 0;position:absolute;top:10%;left:45%;background:0 0}.flipswitch{position:relative;width:86px}.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}.examples{position:relative;margin:15px 0;padding:8px 19px 14px;background-color:#fff;border:1px solid #ddd;border-radius:4px}.form-control-custom{display:inline-block;width:33%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group-custom{border:1px solid #ccc;padding:5px}