.online {
	color: #00CC00;
}
.offline {
	color: #EE0000;
}
.expire-warning {
	color: yellow;
}
.expired {
	color: red;
}
body {
	font-family: Calibri, Avenir Next, Arial;
	background-color: lightgray;
}
h1 {
	display: block;
	text-align: center;
	font-size: 30pt;
}
table {
	border-spacing: 0px 10px;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}
.status {
	width: 70px;
}
tr {
	outline: 2px solid gray;
	border-radius: 5px;
	background-color: white;
}
tr:has(th) {
	outline: 0;
	background-color: transparent;
	font-size: 22pt;
}
td {
	padding: 5px;
	font-size: 16pt;
}
.timing {
	font-size: 12pt;
	text-align: right;
}
.loading:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4,end) 900ms infinite;
	animation: ellipsis steps(4,end) 900ms infinite;
	content: "\2026"; /* ascii code for the ellipsis character */
	width: 0px;
}

@keyframes ellipsis {
	to {
		width: 20px;
	}
}

@-webkit-keyframes ellipsis {
	to {
		width: 20px;
	}
}