.half {
	float: left;
	width: 50%;
}
@media screen and (max-width: 600px) {
  .half {
    width: 100%; /* The width is 100%, when the viewport is 600px or smaller */
  }
}
table {
	border:3px solid black;
	border-collapse: collapse;
}

tr:nth-child(even) {background-color: #DDD}
tr:nth-child(odd) {background-color: #FFF}
tr:hover {background-color: #FFA;}

th {
	border: 2px solid black;
	height: 35px;
	background-color:#08F;
	color:white;
}
td{
	border: 1px solid black;
}

.wListItem {
	float:left;
	background-color:#FB7;
	width:100px;
	height: 60px;
	max-width:50%;
	margin-left:5px;
	margin-bottom:5px;
	border-radius:10px;
	box-shadow: inset 0 0 15px #FFF;
	padding:5px;
}

.wcode {
	font-size:20px;
	margin:auto;
}

.wname {
	font-size:12px;
	margin:auto;
}
.dTile {
	float:left;
	width:150px;
	height: 186px;
	max-width:50%;
	margin-left:10px;
	margin-bottom: 20px;
	border-radius:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	

}
.dcode {
	font-size:25px;
	text-align:center;
}

.dname {
	font-size:10px;
	text-align:left;
}

.dchg {
	font-size:12px;
}

.abtn {
	float:left;
	background-color:#FB7;
	width:120px;
	margin-left:5px;
	margin-bottom:5px;
	border-radius:10px;
	box-shadow: inset 0 0 15px #FFF;
	text-align:center;
}
.bbtn {
	float:left;
	background-color:#FF9;
	width:160px;
	margin-left:5px;
	margin-bottom:5px;
	border-radius:10px;
	box-shadow: inset 0 0 15px #FFF;
	text-align:center;
	font-size:12px;
}
.pbtn {
	float:left;
	background-color:#FF9;
	width:20px;
	margin:5px;
	border-radius:10px;
	box-shadow: inset 0 0 15px #FFF;
	text-align:center;
	font-size:12px;
}
.err {
	text-align:center;
	background-color:red;
	color:white;
}