.lightbox, .tabledisplay.lightbox{
	position: fixed;
	top: 0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background-color: rgba(0,68,109,0.7);
	opacity:0;
	display:none;
	z-index:1000;
}

.lightbox .cellDisplay{
	position:fixed;
	overflow-y:auto;
}

.lightboxInner{
	width:100%;
	height:100%;
}

.lightboxCard{
	width:100%;
	max-width:600px;
	margin:0 auto;
	padding:20px;
	background-color: #f9fafa;
	margin-top: 12%;
	overflow: hidden;
	position:relative;
	top:-120px;
}

.closeLightbox{
	position: absolute;
	right:12px;
	top:12px;
	font-size: 14px;
	cursor:pointer;
}

#close-card{
	cursor:pointer;
	float:right;
	font-size:12px;
}

@media (max-width:600px){
		.spButton{
			display: block;
			margin:20px auto;
			text-align: center;
		}
		.tableCellDisplay{
			padding-top: 0;
		}
		#close-card{
			font-size:18px;
			float:none;
			display:block;
			padding:10px;
		}
}