/* Make clicks pass-through */
 #nprogress {
     pointer-events: none;
}
 #nprogress .bar {
     background: var(--primary);
     position: fixed;
     z-index: 1031;
     top: 0;
     left: 0;
     width: 100%;
     height: 2px !important;
}
/* Fancy blur effect */
 #nprogress .peg {
     display: block;
     position: absolute;
     right: 0px;
     width: 100px;
     height: 100%;
     box-shadow: 0 0 10px #5d78ff, 0 0 5px #5d78ff;
     opacity: 1.0;
     -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: block;
     position: fixed;
     z-index: 1031;
     top: 15px;
     right: 15px;
}
 #nprogress .spinner-icon {
     width: 18px;
     height: 18px;
     box-sizing: border-box;
     border: solid 2px transparent;
     border-top-color: var(--primary);
     border-left-color: var(--primary);
     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);
    }
}
/* Adel Custom Styling*/
 #nprogress .bar {
     background: var(--primary);
     z-index: 999999999999999999999;
     height: 1px;
}
 #nprogress .spinner {
    /*display: none;
    */
}