#waitbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; line-height: 100%; vertical-align: middle; text-align:center; z-index: 1100; background: rgba(100,100,100,0.2); }
#waitbox.inactive { visibility: hidden; }
#waitbox .loading 
{
	position: fixed;
	top: 31.8%;
	/*left: 31.8%;
	width: 36.4%;*/
	left: 50%;
	margin-left: -278px;
	width: 556px;
	padding-top: 10px;
	padding-bottom: 15px;
	/*margin-left: -200px;*/
	cursor: default;
	overflow: hidden;
	z-index: 1104;
	display: none;
	display: block;
	border: 0px solid #555;
	color: #000;
/*	
	line-height: 85px;
	vertical-align: middle;
*/
	background: #fff;
	
	opacity:0.9; filter:alpha(opacity=90);
}

#waitbox .loading .Header 
{
  display: block;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 24px;
  padding-left: 40px;
  line-height: 24px;
  vertical-align: middle;
  text-align: left;
  border-bottom: 3px double #000;
  font-weight: bold;
}


/*
#waitbox .loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	display: block;
}
*/
/* Waitbox spinner*/
#waitbox .loader {
    border: 10px solid #E5F0F9; /* Light grey */
    border-top: 10px solid #01689B; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
	-webkit-animation: spinning 2s linear infinite;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinning{
	0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@media screen and (min-width: 1px) and (max-width: 767px)
{
	#waitbox .loading 
	{
		width: 100%;
		left: 0%;
		margin-left: 0px;
	}
}