html {
	font-family: Arial, sans-serif;
	color: #D0D0D0;
	background: #131315;
}

html, body {
	@include naked();
	width: 100%;
	height: 100%;
	overflow: hidden;
}

a, a:visited, a:link {
	cursor: pointer;
	color: #5abfff;
	text-decoration: none;
}

a:hover {
	color: #5abfff;
	text-decoration: underline;
}

.Box {
	display: block;
	max-width: 900px;

	margin-top: dist(0);
	padding: dist(-1) dist(0);

	@include media($phone) {
		margin-top: dist(-1);
		padding: dist(-3) dist(-2);
	}
	//
	//h1 + & {
	//	margin-top: 0;
	//}
	//
	//h2 {
	//	margin-top: 0;
	//}

	p:first-child {
		margin-top:0;
	}

	border-radius: 3px;
	background-color: rgba(white, .07);

	//&.wide {
	//	width: initial;
	//	max-width: initial;
	//}
	//
	//&.medium {
	//	max-width: 1200px;
	//}
	//
	//.Valfield {
	//	display: inline-block;
	//	min-width: 10em;
	//}
}

body {
	position: relative;

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

	overflow-y: auto;

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

h1,h2 {
	@include noselect();
}

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

	@include media($phone) {
		font-size: fsize(3);
		margin-bottom: dist(-1);
	}

	@include media($tablet) {
		font-size: fsize(5);
	}
}

h2 {
	font-size: fsize(2);
	margin-bottom: dist(-1);
	//&:first-child{margin-top:0}
}

td, th {
	padding: dist(-2);
	white-space: nowrap;

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

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

	@include media($phone) {
		width: auto;
	}
}

tbody td {
	input[type="text"], input[type="number"] {
		width: 10em;

		@include media($phone) {
			width: 8em;
		}
	}
}

// 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;
	}
}

ul > * {
	padding-top: .1em;
	padding-bottom: .1em;
}

#botnav {
	padding-top: 1.5em;
	text-align: center;

	a {
		padding: 0 dist(-2);
		text-decoration: underline;

		&, &:visited, &:link {
			color: #2e4d6e;
		}

		&:hover {
			color: #5abfff;
		}
	}
}