html
{
  background-color: #fff;
  font-family: "Ubuntu",sans-serif;
}
#cellView th,td
{
	text-align:center;
}
#passId
{
	background-color: #f9f9f9; 
	color:#0e973b; 
	text-align:center; 
	font-weight:bold;
}
#result td,th
{
	text-align:center;
}
#resultDiv
{
	padding-left:5%; 
	padding-right:5%;
}
#resultHistory
{
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	 margin-left:8%; 
	 margin-right:1%;
	}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 22px;}
#containerD
{ 
	width:100%; 
	margin-left:0%; 
	margin-right:4%; 
	margin-top:3%;
}
#celltbView
{
	padding:10px; 
	border-radius:5px; 
	background-color:white; 
	margin:10px;
}
#designrow
{
	background-image: url("/resources/images/user/bg2.jpg");
}
@media screen and (max-width: 780px) {
  .resultHistoryDeskView
  {
      display:none;
  }
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 12px;}
 #cellView th,td
 {
	 text-align:center; 
	 font-size:11px; 
	 font-weight:300;
 }
}
@media screen and (min-width: 780px) {
 .resultHistoryDeskView1{display:none;}
}