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

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;    
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
    background: #28ce17;
    position: fixed;
    z-index: 200;
    top: 0;
    margin-top: 85px;
    height: 2px;
    left: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

}

.pace-min{
  margin-top: 55px!important;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 4px;
  height: 2px;
  box-shadow: 0 0 3px #28ce17, 0 0 1px #28ce17;
    
  opacity: 1.0;
    animation: blink 5.0s 87654321
/*
  -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);
*/
}
@-webkit-keyframes blink
{
    from {box-shadow: 0 0 10px #28ce17, 0 0 3px #28ce17; }
    to {box-shadow:  0 0 3px #28ce17, 0 0 1px #28ce17; ;}
}

@-moz-keyframes blink
{
    from {box-shadow: 0 0 10px #28ce17, 0 0 3px #28ce17; }
    to {box-shadow:  0 0 3px #28ce17, 0 0 1px #28ce17; ;}
}
@keyframes blink
{
    from {box-shadow: 0 0 10px #28ce17, 0 0 3px #28ce17; }
    to {box-shadow:  0 0 3px #28ce17, 0 0 1px #28ce17; ;}
}

.pace .pace-activity {
      display: block;
    position: fixed;
    z-index: 200;
    top: 27px;
    left: 206px;
    width: 11px;
    height: 11px;
    /* background-color: #28ce17; */
    border: solid 2px transparent;
    border-top-color: #28ce17;
    /* border-bottom-color: #28ce17; */
    border-radius: 20px !important;
    -webkit-animation: pace-spinner 700ms linear infinite;
    -moz-animation: pace-spinner 700ms linear infinite;
    -ms-animation: pace-spinner 700ms linear infinite;
    -o-animation: pace-spinner 700ms linear infinite;
    animation: pace-spinner 700ms linear infinite;
}

@-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); }
}