@charset "utf-8";
/* CSS Document */
.overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}
.overlay_text{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 30px;
	color: white;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.AATable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.AATable td, .AATable th {
  border: 1px solid #ddd;
  padding: 8px;
}

.AATable tr:nth-child(even){background-color: #f2f2f2;}

.AATable tr:hover {background-color: #ddd;}

.AATable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

/*
<div class="overlay" id="overlay">
  		<div class="overlay_text" align="center">
			<div class="spinner-border" style="width: 100px;height: 100px" role="status"> 
				<span class="sr-only">Loading...</span> 
			</div>
			<label>Donot close this window</label>
		  </div>
	  </div>
document.getElementById("overlay").style.display = "block";
*/