*{
	box-sizing:border-box;
	overflow:hidden;
	font:inherit;
}
html,body{
	overflow:auto;
	font:14px Arial, sans-serif;
}
body{
	position:relative;
	width:100vw;
	height:100vh;
}
body,div{
	margin:0;
	padding:0;
}
.child-center,.mp{
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.mp{
	position:absolute;
	border:thin solid #444;
}
.vtab,.scr{
	overflow-x:auto;
	overflow-y:auto;
	padding:2px 1px;
}
.vtab table,.vtab table *{
	border-collapse:collapse;
	border:inherit;
}
div.ref>button:hover{
	cursor:pointer;
}
.txt{
	background-color:#ddd;
	color:#000;
}
.vdp,.sdp,.lrtc{
	background-color:#eaf2fd;
	color:#040480;
}
.sld,.prg{
	background-color:#fdf8f0;
}
.sldi,.prgi{
	background-color:#88a;
}
.sld2,.prg2{
	background-color:#ddd;
}
.sldi2,.prgi2{
	background-color:#aec4db;
}
.sldi{
	border-style:solid;
	border-width:1px;
}
.kal{
	background-color:#eee;
}
.md{
	display:none;
	position:fixed;
	z-index:9;
	padding-top:1em;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0,0,0,0.4);
}
.mdi{
	background-color:#fdfdfd;
	margin:auto;
	padding:1em;
	border:1px solid #888;
	width:80%;
	max-width:900px;
	min-width:500px;
}
.tabc button{
	background-color:inherit;
	float:left;
	border:none;
	outline:none;
	cursor:pointer;
	padding:5px 10px;
	font-weight:bold;
}
.tabc button:hover{
	background-color:rgba(99,99,99,0.3);
}
.tabc button.sel{
	background-color:rgba(99,99,99,0.2);
}