.tabs {bottom: 0;}
#config .tabs {bottom: 0;}

.tabs .page {
	background: #333;
	cursor: pointer;
	display: inline-block;
	height: 100%;
	width: 1.3em;
	padding: 0 0.25em;
	text-align: center;
}
.tabs .page:active {background: #6cf;}

.tabs .lt {
	border-right: 2px solid #999;
	position: absolute;
	left: 0;
	top: 0;
}
.tabs .rt {
	border-left: 2px solid #999;
	position: absolute;
	right: 0;
	top: 0;
}

.tabs .page img.svg {
	filter: invert(1);
}
.tabs .off img.svg {
	filter: invert(0.5) sepia(1) saturate(60);
}
.tabs .on img.svg {
	filter: invert(0.6) sepia(1) saturate(3) hue-rotate(60deg);
}
.tabs .fault img.svg {
	filter: invert(0.7) sepia(1) saturate(3);
}
.tabs img.svg.fa {
	padding-top: 0.15em;
	width: 1em;
}


#tab2 #config_page i {margin: 0;}


#version, #results {
	display: inline-block;
	font-family: mono;
	font-size: 50%;
	padding: 0 0.5em;
}


#tab {
	background: #333;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	z-index: 97;
}
#tab_clock, #tab_messages {
	display: block;
	font-family: mono;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 4em 0 4em;
	white-space: nowrap;
}
#tab_clock {text-align: center;}
#tab_messages {display: none;}

#tab_clock p {
	margin: 0;
	padding: 0;
}
 .clock {color: #fff;}
 .fastclock {color: #adf;}
 .uptime {color: #fda;}