
/* .text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
} */


@keyframes fadein {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 0.5;
  }
}

._dash-loading-callback {
/*  position: fixed;
  z-index: 100;
}

._dash-loading-callback::after {*/
  font-family: sans-serif;
  padding-top: 0;
  color: #000;

  -webkit-animation: fadein 0.5s ease-in 1s forwards; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 0.5s ease-in 1s forwards; /* Firefox < 16 */
      -ms-animation: fadein 0.5s ease-in 1s forwards; /* Internet Explorer */
       -o-animation: fadein 0.5s ease-in 1s forwards; /* Opera < 12.1 */
          animation: fadein 0.5s ease-in 1s forwards;  
  /* prevent flickering on every callback */
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;

  /* The banner */
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  cursor: progress;
  z-index: 100000;

  /*background-image: url(https://www.w3schools.com/html/programming.gif); */
  /*background-image: url("loadingimage.gif");*/
  background-position: center center;
  background-repeat: no-repeat;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

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

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

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

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
