@keyframes fadein {
   from {
      opacity: 0;
   }

   to {
      opacity: 0.7;
   }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
   from {
      opacity: 0;
   }

   to {
      opacity: 0.7;
   }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
   from {
      opacity: 0;
   }

   to {
      opacity: 0.7;
   }
}

/* Internet Explorer */
@-ms-keyframes fadein {
   from {
      opacity: 0;
   }

   to {
      opacity: 0.7;
   }
}

.wait-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 9998;
   background-color: #aaa;
   -webkit-animation: fadein 2s forwards; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s forwards; /* Firefox < 16 */
   -ms-animation: fadein 2s forwards; /* Internet Explorer */
   -o-animation: fadein 2s forwards; /* Opera < 12.1 */
   animation: fadein 2s forwards;
}

.wait-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll;
}

.wait-content {
   position: fixed;
   left: 0;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 9999;
   -webkit-animation: fadein 2s forwards; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s forwards; /* Firefox < 16 */
   -ms-animation: fadein 2s forwards; /* Internet Explorer */
   -o-animation: fadein 2s forwards; /* Opera < 12.1 */
   animation: fadein 2s forwards;
}

#wait-spinner {
   width: 80px;
   height: 80px;
   margin: 0px auto;
   -webkit-animation: fadein 2s forwards; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s forwards; /* Firefox < 16 */
   -ms-animation: fadein 2s forwards; /* Internet Explorer */
   -o-animation: fadein 2s forwards; /* Opera < 12.1 */
   animation: fadein 2s forwards;
}

#wait-spinner .sk-circle:before {
   background-color: #000;
}

#wait-text {
   text-align: center;
   font-size: x-large;
   padding-top: 10px;
}

#wait-text:empty {
   display: none;
}