html, body {
	
}
body {
	background-color: #161616;
	font-family: arial;
	color: #fff;
	font-weight: bold;
}
.popup {
	position: absolute;
	z-index: 9999;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	background: rgba(255,255,255,0.95);
	text-align: center;
	display:none;
}
.popup .popuptitle {
	position: absolute;
	top: 5%;
	left: 2.5%;
	z-index: 99999;
	padding: 10px 20px;
	color: #000;
	font-size: 30px;
	font-weight: bold;
}
.popup .popupclose {
	position: absolute;
	top: 5%;
	right: 2.5%;
	z-index: 99999;
	padding: 10px 20px;
	background-color: #000000;
	bottom: 1px #fff;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	cursor: pointer;
}
.popup .popupsquare {
	position: relative;
	width: 20%;
	height: 50%;
	top: 25%;
	border: 1px #B2B2B2 solid;
	display: inline-block;
	margin: 0 1%;
	color: #000 !important;
	border-radius: 10px !important;
}
.popup .popupsquare:hover {
	opacity:.7
}
.popupsquare div {
	display: table;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.popupsquare span {
	display: table-cell !important;
	vertical-align: middle;
	text-align: center;
	font-size: 28px;
}
.container {
	position: absolute;
	top: 2.5%;
	left: 2.5%;
	width: 95%;
	height: 95%;
}
.dataarea {
	position:relative;
}
.table-number {
	position: relative;
	width: 6.6%;
	height: 13%;
	border: 1px #FFFFFF solid;
	display: inline-block;
	margin: 0.5%;
	z-index:999;
	cursor: pointer;
	overflow:hidden;
	word-wrap:break-word;
}
.table-number:hover {
	background-color: #fff;
	cursor: pointer;
	color: #000;
}
.table-number div {
	display:table;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align: middle;
}
.table-number span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 19px;
}
.ordered-list {
	position: relative;
	width: 18%;
	height: 13%;
	border: 1px #FFFFFF solid;
	display: inline-block;
	margin: 0.5%;
	z-index:999;
	cursor: pointer;
}
.ordered-list div {
	display:table;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align: middle;
}
.ordered-list span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
}
.red {
	background-color: #F23300;
}
.orange {
	background-color: #fbc900;
}
.green {
	background-color: #68C716;
}
.clear {
	background: none;
}
.torange {
	color: #fbc900;
}
.tgreen {
	color: #68C716;
}
.backgroundoff {
	background-color:transparent !important;
}