/* Make clicks pass-through */
#nprogress {
     pointer-events: none;
}

#nprogress .bar {
     background: #000;
     position: fixed;
     z-index: 1031;
     top: 0;
     left: 0;
     width: 100%;
     height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
     display: block;
     position: absolute;
     right: 0px;
     width: 100px;
     height: 100%;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     opacity: 1;

     -webkit-transform: rotate(3deg) translate(0px, -4px);
     -ms-transform: rotate(3deg) translate(0px, -4px);
     transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
     display: none;
}

#nprogress .spinner-icon {
     width: 18px;
     height: 18px;
     box-sizing: border-box;

     border: solid 2px transparent;
     border-top-color: #29d;
     border-left-color: #29d;
     border-radius: 50%;

     -webkit-animation: nprogress-spinner 400ms linear infinite;
     animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
     overflow: hidden;
     position: relative;
}

.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% {
          transform: rotate(0deg);
     }
     100% {
          transform: rotate(360deg);
     }
}