.mclass1 {
	position:relative;
	width:100%;
	height:50vh;
	border:1px solid green;
}
caption {
	caption-side:bottom;
}
/*sxolia*/
.mclass2 {
	position:absolute;
	top:60px;
	left:0px;
	border-style:dashed solid;
	border-width:1px;
	border-color:red;
	height:10vh;
	z-index:1;
	background-color:rgba(125, 125, 125, 0.9);
}

.viewtable{
	background-color:green;
	display:block;
	position:absolute;
	z-index:2;
}

.mtable {
	border-collapse:collapse;	
}


.mtable td , .mtable th {
	border: 1px solid black;
	text-align: center;
}
.mtable th{
	background-color:black;
	color:white;
	border:1px dashed red;
	width:30vw;
}

.mtable tr:nth-child(even) {
	background-color: #dfdfdf;
}

#result {
	text-align:right;

}

a {
	text-decoration:none;
	font-color:white;
}

a:hover {
	font-weight:bold;
	font-size:2em;
}

li {
	border: 1px solid red;
	display: inline;
	width: 80px;
	color:white;
	background-color:black;
}

li:hover {
	background-color: grey;
}