.table_off
{
//	outline:1px solid red;

	display:none;
  	position:fixed;
	top:0;
	left:0;

	z-index:-10;
	
	width: 100%;
	min-height: 100%;
	object-fit: cover;
	
	margin-left: auto;
	margin-right: auto;

	color:white;
//	background:rgba(0,0,0,0.8);
	background:transparent;

	box-shadow:none
}
.table_overlay
{
//	outline:1px solid red;

	display:table;
  	position:fixed;
	top:0;
	left:0;

	z-index:2000;
	
	width: 100%;
	min-height: 100%;
	object-fit: cover;
	
	margin-left: auto;
	margin-right: auto;

	color:white;
	background:rgba(0,0,0,0.8);
//	background:transparent;

	box-shadow:none
}
td.td_overlay
{
//	outline:2px solid yellow;

	text-align:center;
	white-space: nowrap;
	
//	padding:10px;
//	margin:20px;

	box-shadow:none
}
img.image_overlay
{
//	outline:2px solid orange;
	
	cursor:pointer;
	
	width:80%;
//	max-height:800px;
	max-height:80vh;
	object-fit:scale-down;
	
	padding:30px;

	box-shadow:
		1px 1px 4px rgba(0,0,0,0.9),
		1px 1px 4px rgba(0,0,0,0.9),
		6px 6px 18px 4px rgba(0,0,0,0.9);
	background:rgba(0,0,0,0.9);
}
span.button_off
{
	cursor:pointer;
	
	position:relative;
	vertical-align:top;
	
//	font-size:40pt;
//	font-weight:bold;

//	border-radius: 30px !important;
//	padding-left:12px;
//	padding-right:12px;
//	padding-bottom:4px;
}
.exit_bleft
{
	top:16px;
	left:56px;
	
	color:transparent;
	background:transparent;
}
.exit_bright
{
	top:16px;
	right:56px;
	
//	color:white;
//	background:#333333;
//	box-shadow:
//		inset -4px -4px 10px black,
//		inset 1px 1px 10px white;
}
.arrow
{
	cursor: pointer;
	color: white;
//	border: 1px solid #AEAEAE;
//	border-radius: 30px;
//	background: #605F61;
	font-size: 60px;
	font-weight: bold;
	display: inline-block;
	line-height: 0px;
	padding: 10px 5px;
}
.arrow:before
{
 content: "x";
}