/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #2299dd;
   position: fixed;
   z-index: 2000;
  right: 100%;
  width: 100%;
  height: 2px;
}

@media (max-width: 1200px) {

  .pace .pace-progress {
    background: #2299dd;
    position: fixed;
    z-index: 2000;
     top: 0px;
     right: 100%;
     width: 100%;
     height: 2px;
   }

 }

 .pace .pace-progress-inner {
   display: block;
   position: absolute;
   right: 0px;
   width: 100px;
   height: 100%;
   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);
 }

 .pace .pace-activity {
   display: block;
   position: fixed;
   z-index: 2000;
  /* top: 70px;*/
   right: 30px;
   width: 25px;
   height: 25px;
   border: solid 2px transparent;
   border-top-color: #2299dd;
   border-left-color: #2299dd;
   background: transparent;
   border-radius: 100%;
   float: none;
   font-size: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #ffffff;
   -webkit-animation: ball-clip-rotate .75s linear infinite;
   -moz-animation: ball-clip-rotate .75s linear infinite;
   -o-animation: ball-clip-rotate .75s linear infinite;
   animation: ball-clip-rotate .75s linear infinite;
 }

 /*
  * Animation
  */
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}