body.night {
	--back-body:#131313;
	--back-main:#222222;
	--back-head:#2c323c;
	--text-body:#abb2bf;
	--text-name:#dcdfe4;
	--text-link:#e47911;
}
body.light {
	--back-body:#c0c0c0;
	--back-main:#fffafa;
	--back-head:#f0f8ff;
	--text-body:#9a9a9a;
	--text-name:#282828;
	--text-link:#e47911;
}
body {
	font:15px/16px monospace;
	min-height:100%;
	min-width:320px;
	max-width:935px;
	margin:0px auto;
	color:var(--text-body);
	background:var(--back-body);
}
a {
	background:transparent;
	text-decoration:none;
	cursor:pointer;
	color:var(--text-name);
}
a:hover {
	text-decoration:underline;
	color:var(--text-link);
}
.main {
	clear:both;
	margin:10px 0;
	padding:7px 10px;
	text-align:center;
	background:var(--back-main);
	border-radius:3px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.15);
}
.navs {
	font-size:larger;
}
form {
	text-align:left;
}
ul {
	text-align:left;
	color:var(--text-name);
	margin:0;
	padding:0 0 0 20px;
}
li {
	margin:3px 0;
	list-style-type:square;
}
i {
	color:var(--text-body);
	font-size:smaller;
}
hr {
	border:1px solid var(--back-body);
}
input[type="text"],input[type="password"] {
	width:280px;
	margin:3px 0;
}
input {
	background:var(--back-head);
	color:var(--text-name);
	font-size:15px;
	line-height:20px;
	border:1px dashed var(--back-body);
	padding:3px 5px;
}
sup {
	font-weight:normal;
	padding:0 0 0 3px;
}
.okay {
	color:green;
}
.fail {
	color:red;
}
.stop {
	color:gray;
}
.bold {
	font-weight:bold;
}
.chart {
	clear:both;
	margin-bottom:10px;
	color:var(--text-name);
}
.chart > .title {
	padding:5px 7px;
	background:var(--back-head);
	text-align:center;
}
.chart > .value {
	height:320px;
}
.title > b {
	font-size:larger;
}
.snap {
	margin:3px -7px 0 -7px;
	padding:3px 0 0 0;
	color:var(--text-body);
	border-top:1px dashed var(--back-body);
	font-size:smaller;
	word-break:break-all;
}