.automaticIcon
{ width: 35px;}


@media screen and (min-width: 480px) 
{  .automaticIcon {
    width: calc(30px + (25 * ((100vw - 320px) / 680)));
  }
}
@media screen and (min-width: 1000px) {
  .automaticIcon {
    width: 60px;
  }
}



.img-magnifier-container 
{
  position:relative;
}

/* 	The use of absolute takes the img out of the document flow 
		Since it is applied inside of a container that uses relative positiong, the absolute
		positioning effect is applied against this container NOT the page */
.img-magnifier-glass {
  position: absolute;
	border: .5px solid #392844;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 300px;
  height: 300px;
}



table.standardWhiteOnBlack
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#fff;
	background-color:#000;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
	width: 100%;
	padding: 0px;
	text-align: center;
}




.show_it
{
	z-index:70;
	position:absolute;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}

.show_it_debug
{
	z-index:85;
	position: fixed;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 200px; 
	width: 200px;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;

}

.show_it_over 
{
	z-index:75;
	display: none; 
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */


}

.show_it_over_over 
{
	z-index:80;
	display: none; 
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
}



.show_it_title
{	background-color:#000; }

.show_it_test 
{
	z-index:75;
	display: none;
	position:absolute;
}


.show_it_TimingUpdateWindow
{
	z-index:85;
	position: fixed;
	display: none; 
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* Full height */
	height: 200px; 
	width: 200px;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}