.page.log .nav {
	display: block;
	text-align: center;
	padding: 0 0 30px;
	margin: 0;
	font-size: 20px;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #4E5969;
}

	.page.log .nav li {
		display: inline-block;
		padding: 5px 10px;
		margin: 0;
		cursor: pointer;
	}

		.page.log .nav li:hover:not(.active) {
			background: rgba(255, 255, 255, 0.1);
		}

		.page.log .nav li.active {
			font-weight: bold;
			cursor: default;
			background: rgba(255,255,255,.1);
		}
		
		@media all and (max-width: 480px) {
			.page.log .nav {
				font-size: 14px;
			}
			
				.page.log .nav li {
					padding: 5px;
				}
		}

.page.log .loading {
	text-align: center;
	font-size: 20px;
	padding: 50px;
}

.page.log .container {
	padding: 30px 0 60px;
	overflow: hidden;
}

.page.log .container span {
	float: left;
	width: 86%;
	line-height: 150%;
	padding: 3px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 11px;
	font-family: Lucida Console, Monaco, Nimbus Mono L;
}

	.page.log .container .error {
		color: #FFA4A4;
		white-space: pre-wrap;
	}
	.page.log .container .debug { color: lightgrey; }

	.page.log .container .time {
		clear: both;
		width: 14%;
		color: lightgrey;
		padding: 3px 0;
		font-size: 10px;
	}

	.page.log .container .time:last-child { display: none; }