.pageloading-mask {
   animation-name: none;
   -webkit-animation-name: none;
   display: table;
   height: 100%;
   width: 100%;
   background-color: rgba(200, 200, 200, 0.3);
   opacity: 1;
}

.pageloading-mask div {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   width: 100px;
   height: 100px;
   background-image: none;
}

.pageloading-mask div:before {
   content: "";
   width: 122px;
   height: 122px;
   position: absolute;
   left: 0;
   right: 0;
   margin: 0 auto;
   z-index: 99;
   margin-top: -75px;
   border: 10px solid #387ebc;
   border-top-color: white;
   border-radius: 50%;
   animation: spin 1s infinite linear;
}

@keyframes spin { 
   0% {
      transform: rotate(0deg);
   }
   100%{
      transform: rotate(360deg);
   }
}

body.en .pageloading-mask div:after {
   content: "Wait please...";
}

body.es .pageloading-mask div:after {
   content: "Espera por favor...";
}

.pageloading-mask div:after {
/*    content: "Generic text for all languages or empty for no-text"; */
   margin: 0 auto;
   position: absolute;
   text-align: center;
   left: 0;
   height: 160px;
   right: 0;
   padding-top: 128px;
   width: 140px;
   background-color: white;
   border-radius: 15px;
   background-image: url("/assets/meta/eceed203/images/ajax-loader.gif");
   background-repeat: no-repeat;
   background-position: center 9px;
   background-size: 114px 114px;
   margin-top: -80px;
}