.pace {
    -webkit-pointer-events: none;
            pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  z-index: 9999999;

}
    
.pace-inactive {
    display: none;
  z-index: 9999999;
}

.pace .pace-progress {
    background: #0FF;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    
    -webkit-transition: width 1s;
       -moz-transition: width 1s;
         -o-transition: width 1s;
            transition: width 1s;
  z-index: 9999999;
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
	background:#0FF;
    box-shadow: 0 0 5px 1px #0FF, 0 0 5px 2px #0FF;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
       -moz-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
         -o-transform: rotate(3deg) translate(0px, -4px);
            transform: rotate(3deg) translate(0px, -4px);
  z-index: 9999999;
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 30px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #0FF;
    border-left-color: #0FF;
    border-radius: 10px !important;
    -webkit-animation: pace-spinner 400ms linear infinite;
       -moz-animation: pace-spinner 400ms linear infinite;
        -ms-animation: pace-spinner 400ms linear infinite;
         -o-animation: pace-spinner 400ms linear infinite;
            animation: pace-spinner 400ms linear infinite;
  z-index: 9999999;
}

.pace .pace-progress:after {
  display: block;
  position: fixed;
  top: 5px;
  right: 5px;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 1.2rem;
  line-height: 1;
  text-align: right;
  color: #0FF;
  text-shadow: #0FF 1px 1px 3px 1px;
  z-index: 9999999;
}

@-webkit-keyframes pace-spinner {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}