/* Base typography */

.lab-availability,
.system-status {
	margin:1em 0em;
}

.system-status {
	font-size: 1.25em;
}

.lab-availability p,
.system-status p {
	margin: 0.5em 0;
}

.lab-availability .label,
.system-status .label {
	font-weight: 700;
	color: #333;
}

.lab-availability .count,
.system-status .status {
	font-style: italic;
}

.system-status .note {
	display: block;
	margin-left: 1.25em;
	margin-bottom: 1em;
}

/* SVG formatting */

.lab-availability svg {
	display: block;
	width: 100%;
	height: auto;
}

.system-status svg {
	width: 0.8em;
	height: auto;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 0.5em;
}

.overview svg {
	display: inline-block;
	width: 50%;
	height: auto;
	vertical-align: middle;
}

/* changes for full-detail view */

.lab-availability.full h2 {
	margin-top: 2.5em;
	margin-bottom: 0.5em;
}

.lab-availability.full h2:first-of-type {
	margin-top: 1em;
}

.lab-availability.full .terminal-list {
	font-size: 0.7em;
}

/* responsive styles */

@media (min-width: 720px) {
	.lab-availability .count:before {
		content: " - ";
	}
}

@media (max-width: 719px) {
	.lab-availability .count {
		display: block;
	}

	.overview svg {
		width: 100%;
	}
}