.app-loading .app-mientras-loading {
  display: initial !important;
}

.app-loading {
  height: 100vh;
  position: absolute;
  background: #D3D3D3;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #E9E4F0, #D3D3D3);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #E9E4F0, #D3D3D3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  width: 100vw;
  display: table;
  padding: 10px;
  overflow-x: hidden;
}

.saving {
  font-size: 26px;
  color: #0d47a1;
  font-weight: 400;
}

@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}

.saving span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

.saving span:nth-child(2) {
  animation-delay: .2s;
}

.saving span:nth-child(3) {
  animation-delay: .4s;
}

html, body {
  height: 100%;
}
.main {
  height: 100%;
  width: 100%;
  display: table;
}
.wrapper {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

.fade-in-app {
  animation: fadeInApp ease 1s;
  -webkit-animation: fadeInApp ease 1s;
  -moz-animation: fadeInApp ease 1s;
  -o-animation: fadeInApp ease 1s;
  -ms-animation: fadeInApp ease 1s;
  }
  @keyframes fadeInApp {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-moz-keyframes fadeInApp {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-webkit-keyframes fadeInApp {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-o-keyframes fadeInApp {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  @-ms-keyframes fadeInApp {
  0% {opacity:0;}
  100% {opacity:1;}
  }

  .fondo-login {
    background: -webkit-gradient(linear, left top, left bottom, from(#166CB0), to(#0D47A1)) fixed;
  }