:root
{
  --screen_height: 100%;

}


body.waiting
{
	overflow: hidden !important
}


body.waiting:after
{
  content: ' ';
  position: absolute;
  top: calc(0% - 14px);
  left: 0%;
  width: 100%;
  height: var(--screen_height);
  background: url(../img/waiting.gif) no-repeat rgba(0, 0, 0, 0.5);
  background-size: 20%;
  background-position: center;
  z-index: 100;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity 0.5s;
}

body.waiting.show:after
{
  opacity: 1;
  
}


#waiting_overlay
{
  z-index: 0;
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height: var(--screen_height);
	background-color: rgba(0,0,0,0.7);
	opacity:0; 
	text-align:center;
	overflow:hidden;

	transition: opacity 0.6s;
	font-weight: 900;
	

}


#waiting_overlay.show
{	
  z-index: 10000000;
	opacity: 1;
}


#waiting_overlay_image img
{
  width: 55%;
  max-width: 350px;
  margin: auto;
  display: none;  
}