.unidocu-mask { display: none; z-index: 10000; }
.unidocu-mask-glass { background-color: #000; opacity: 0.1; }
.unidocu-mask-loader {position: absolute;text-align: center;font-size: 10px;width: 60px;height: 30px; top: 50%; left: 50%;}
.unidocu-mask-loader > div {background-color: #932a3d;height: 100%;width: 6px;margin: 0 1px 0 0;    display: inline-block;  border-radius: 6px;  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;  animation: stretchdelay 1.2s infinite ease-in-out;  }
.unidocu-mask-loader .unidocu-mask-rect2 {  background-color: #3498db;  -webkit-animation-delay: -1.1s;  animation-delay: -1.1s;  }
.unidocu-mask-loader .unidocu-mask-rect3 {  background-color: #c0392b;  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s;  }
.unidocu-mask-loader .unidocu-mask-rect4 {  background-color: #f1c40f;  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s;  }
.unidocu-mask-loader .unidocu-mask-rect5 {  background-color: #27ae60;  -webkit-animation-delay: -0.8s;  animation-delay: -0.8s;  }
@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {-webkit-transform: scaleY(0.4);  }
    20% {-webkit-transform: scaleY(1);  }
    /*
    0% {transform: scale(1);}
    20% {transform: scale(1, 2.2);}
    40% {transform: scale(1);
    }*/
}
@keyframes stretchdelay {
    0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}
    20% {transform: scaleY(1);  -webkit-transform: scaleY(1);}

    /*
    0% {transform: scale(1);}
    20% {transform: scale(1, 2.2);}
    40% {transform: scale(1);}
    */
}

#unipost-unidocu .unidocu-mask,
#unipost-unidocu .unidocu-mask-glass { position: fixed; left: 0; right: 0; bottom: 0; top: 0; }