#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #f3f7f9;
  background: linear-gradient(135deg,#f6e6f7  0%, #e6f2f7 100%);
  animation: preloader-background 6s linear infinite;
  transition: all 0.5s;
}
#preloader.inactive {
  opacity: 0;
}
@keyframes preloader-background {

  100% {
  background: linear-gradient(135deg,#f6e6f7  50%, #e6f2f7 100%);
}

}
/* Il problema è che in questa fase non c'è ancora Bootstrap quindi lo spinner-loading va ricostruito a mano */
.spinner-loading {
  display: inline-block;
  width:  14rem;
  height: 14rem;
  vertical-align: text-bottom;
  border: 0.15em solid #0d6efd;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-loading 0.75s linear infinite;
  animation: spinner-loading 1.15s linear infinite;
}

@keyframes spinner-loading {
  50% {
    
    border-color: #fd0de1;
    border-right-color: transparent;

  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)  ;
    border-color: #0d6efd;
    border-right-color: transparent;

  }
}
.spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}