/* This is a compiled file, you should be editing the file in the templates directory */
/*.pace .pace-progress {
  background: #2299dd;
  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;
}

.pace-inactive {
  display: none;
}*/

/*MEJORA LA ANIMACION Y CARGA*/
.pace .pace-progress {
  background: #3c60e1;
  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;*/

  /* Forzamos el ancho al 100% */
  width: 100% !important;
  
  /* Estado inicial y origen */
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;

  /* Animación suave */
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  
  will-change: transform;
}

/* Evitamos que desaparezca instantáneamente para que se vea el 100% */
.pace-inactive {
  opacity: 0;
  transition: opacity 0.5s ease-in;
  /* El display:none lo maneja Pace, pero la opacidad ayuda a suavizar */
}