body,html{padding:0;margin:0}.d-block{display:block!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:600!important}.font-weight-bold{font-weight:800!important}.text-xl{font-size:24px!important}.text-lg{font-size:18px!important}.text-sm{font-size:14px!important}.text-uppercase{text-transform:uppercase!important}.text-muted{color:#5b5d62!important}.text-primary{color:#180f62!important}.mb-lg{margin-bottom:28px!important}.mb-sm{margin-bottom:12px!important}.mb-xs{margin-bottom:8px!important}.example{display:flex;min-height:100vh;width:100%;align-items:stretch}.example-sidebar{position:relative;width:400px;flex-shrink:0;background:#fff;z-index:5;box-shadow:0 0 200px rgba(0,0,0,.16);font-family:Open Sans,sans-serif}.example-sidebar>*{box-sizing:border-box}.example-sidebar .example-sidebar-content{position:fixed;display:flex;flex-direction:column;align-items:stretch;width:400px;height:100vh;background:#fff;overflow-x:scroll}.example-sidebar .example-sidebar-section{padding:0 32px 42px}.example-sidebar .example-sidebar-section:last-child{flex-grow:1}.example-sidebar .example-go-back{font-size:18px;height:68px;flex-shrink:0;background:#242629;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:all .15s ease;padding:0 18px}.example-sidebar .example-go-back>span{transition:left .15s ease;position:relative;left:0}.example-sidebar .example-go-back:hover{background:#180f62}.example-sidebar .example-go-back:hover>span{left:-15px}.example-sidebar .btn{transition:all .15s ease;background:#180f62;display:block;padding:8px 16px;font-weight:600;color:#fff;text-align:center;text-decoration:none}.example-sidebar .btn:not(.disabled):hover{background:#180f62;cursor:pointer;text-decoration:none}.example-sidebar .btn.btn-clear-positions{border:none;margin-bottom:24px;background:#3a3c40}.example-sidebar .btn.btn-clear-positions:not(.disabled):hover{background:#180f62}.example-sidebar .btn.btn-clear-positions.disabled{opacity:.3;cursor:not-allowed}.example-sidebar .example-heading{text-transform:uppercase;font-weight:800;color:#242629;border-top:1px solid #e4e6e9;margin:0 -32px 32px;padding:32px 32px 0 18px;font-size:16px}.example-sidebar .example-subheading{font-weight:800;font-size:14px;text-transform:uppercase;color:#180f62}.example-sidebar .example-positions{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.example-sidebar .example-positions a{transition:all .15s ease;background:#f3f5f9;color:#242629;text-decoration:none;padding:14px;margin-bottom:16px;position:relative;font-weight:600}.example-sidebar .example-positions a .icon{transition:opacity .15s ease;position:absolute;top:50%;transform:translateY(-50%);left:-12px;color:#180f62;opacity:0}.example-sidebar .example-positions a:hover{cursor:pointer}.example-sidebar .example-positions a:hover:not(.active){background:#d3d5d9}.example-sidebar .example-positions a:hover:not(.active) .icon{opacity:1}.example-sidebar .example-positions a.active{background:#3a3c40;color:#fff}.example-sidebar .example-positions a.active .icon{opacity:1}.example-content{position:relative;flex-grow:1;z-index:2}@-webkit-keyframes flash{0%{opacity:1;top:0;left:0;right:0;bottom:0}to{opacity:0;top:-15px;left:-15px;right:-15px;bottom:-15px}}@keyframes flash{0%{opacity:1;top:0;left:0;right:0;bottom:0}to{opacity:0;top:-15px;left:-15px;right:-15px;bottom:-15px}}.example-content .example-position.flash{position:relative}.example-content .example-position.flash:after{content:"";position:absolute;z-index:10;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-duration:1s;animation-duration:1s;background:#180f62}.example-content .example-position-alt.hidden,.example-content .example-position-block.hidden,.example-content .example-position.hidden{display:none!important}