/* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 2px; background: #3e8ef7; } /* Remove these to get rid of the spinner */ #nprogress .spinner { position: fixed; top: 15px; right: 15px; z-index: 9999; display: block; } #nprogress .spinner-icon { box-sizing: border-box; width: 18px; height: 18px; border: solid 2px transparent; border-top-color: #3e8ef7; border-left-color: #3e8ef7; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { position: relative; overflow: hidden; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* NPR "position" Helpers */ #nprogress .bar.nprogress-bar-header { top: 66.01px; } #nprogress .bar.nprogress-bar-bottom { top: auto; bottom: 0; } /* NPR "barColor" Contextuals */ #nprogress .nprogress-bar-primary { background-color: #3e8ef7; } #nprogress .nprogress-bar-success { background-color: #11c26d; } #nprogress .nprogress-bar-info { background-color: #0bb2d4; } #nprogress .nprogress-bar-warning { background-color: #eb6709; } #nprogress .nprogress-bar-danger { background-color: #ff4c52; } #nprogress .nprogress-bar-dark { background-color: #526069; } #nprogress .nprogress-bar-light { background-color: #ccd5db; }