/* 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: #f5b600; /*color de la linea*/
  position  : fixed;
  z-index   : 2000;
  top       : 0;
  left      : 0;
  height    : 3px;

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

.pace .pace-progress-inner {
  display          : block;
  position         : absolute;
  right            : 0px;
  width            : 100px;
  height           : 100%;
  box-shadow       : 0 0 10px #90AF54, 0 0 5px #90AF54;
  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              : 15px;
  right            : 15px;
  width            : 14px;
  height           : 14px;
  border           : solid 2px transparent;
  border-top-color : #90AF54;
  border-left-color: #90AF54;
  border-radius    : 10px;
  -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;  
}

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