#content {
	flex-grow: 1;
	position: relative;

	padding: dist(0);
	@include media($phone) {
		padding: dist(-1);
	}

	overflow-y: auto;

	& > * {
		margin-left: auto;
		margin-right: auto;
	}

	h1 {
		text-align: center;
		font-size: fsize(7);
		margin-top: 0;
		margin-bottom: dist(0);
	}

	h2 {
		font-size: fsize(3);
		margin-bottom: dist(-1);
	}

	td, th {
		padding: dist(-2);
	}

	tbody th {
		text-align: right;
		width: $form-label-w;
		color: $c-form-label-fg;
	}
}

// Loader wheel in top right corner
#loader {
	position: absolute;
	right: dist(1);
	top: dist(1);

	transition: opacity .2s;
	opacity: 0;

	@include media($phone) {
		top: dist(0);
		right: dist(0);
	}

	&.show {
		opacity:1;
	}
}