.main-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999; /*Superior al más alto visto en portales*/
  background-color: rgba(20, 20, 40, 0.7); /* Valor editado para centrosoporte */
  /* background-color: rgba(70, 70, 70, 0.7); */ /* Valor default*/
}
.main-holder .preloader-text {
  color: #fff;
  font-size: 12px;
  width: 70%;
  position: fixed;
  top: calc(55%);
  left: 50%;
  transform: translate(-50%, -35%);
  opacity: 1;
  text-align: center;
}
.main-holder .spinner-xs + .preloader-text {
  top: calc(50% + 8px);
}
.main-holder .spinner-sm + .preloader-text {
  top: calc(50% + 13px);
}
.main-holder .spinner-md + .preloader-text {
  top: calc(50% + 30px);
}
.main-holder .spinner-lg + .preloader-text {
  top: calc(50% + 38px);
}
.main-holder .spinner-xl + .preloader-text {
  top: calc(50% + 65px);
}
.preloader-text {
  font-size: 12px;
  color: #050505;
  font-family: MTTMilano-Medium, Verdana, Arial, sans-serif;
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
  background-color: transparent;
}
/* centrado en la página */
.spinner-centered {
  position: fixed;
  top: 48%;
  left: 47.5%;
}
/* centrado de los diferentes tamaños de spinner */
.spinner-xs.spinner-centered {
  left: calc(50% - 7px - 0.17em);
}
.spinner-sm.spinner-centered {
  left: calc(50% - 10.5px - 0.17em);
}
.spinner-md.spinner-centered {
  left: calc(50% - 17.5px - 0.17em);
}
.spinner-lg.spinner-centered {
  left: calc(50% - 22.5px - 0.17em);
}
.spinner-xl.spinner-centered {
  left: calc(50% - 35px - 0.17em);
}
/* Spinner blanco */
.spinner-border.white {
  color: #fff;
  border: 0.25em solid #fff;
  border-right-color: transparent;
}
/* Spinner azul corporativo */
.spinner-border.corporativo {
  color: #001978;
  border: 0.25em solid #001978;
  border-right-color: transparent;
}
/* Tamaños spinner */
.spinner-xs {
  width: 14px;
  height: 14px;
}
.spinner-sm {
  width: 21px;
  height: 21px;
}
.spinner-md {
  width: 35px;
  height: 35px;
}
.spinner-lg {
  width: 45px;
  height: 45px;
}
.spinner-xl {
  width: 70px;
  height: 70px;
}
/* Fin tamaños spinner */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}