/* Copyright Justin S and Cuberite Team, licensed under CC-BY-SA 3.0 */
* {
	font-family: inherit;
	margin: 0;
}

html,
body {
	height: 100%;
	width: 100%;
}

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #fff;
	color: #343434;
	display: table;
	font-size: 13px;
	line-height: 1.4;
}

h4 {
	background: #F4F7F6;
	border-bottom: 1px solid #CCDDD9;
	padding: 8px 3px;
}

img {
	border: none;
}

ul {
	padding-top: 10px;
	padding-bottom: 10px;
}

p {
	margin: 4px 0;
	padding: 4px 3px;
}

hr {
	background: rgba(204, 221, 217, .6);
	border: none;
	height: 1px;
	margin: 5px 0;
}

a {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #444;
	text-decoration: none;
}

a:hover, a:active {
	color: #888;
	text-decoration: underline;
}

.color-background {
	background: #245A48;
	background: linear-gradient(200deg, #245d33, #24575D);
	text-shadow: 0 2px 1px rgba(0, 0, 0, .15);
}

.wrapper {
	padding: 0 15px;
	margin: auto;
	max-width: 1000px;
}

.header {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	padding: 13px 0;
}

.header svg {
	fill: #fff;
	vertical-align: top;
}

.panel {
	background: #F4F7F6;
	border-bottom: 1px solid #CCDDD9;
	overflow: hidden;
	padding: 8px;
}

.welcome {
	display: inline;
}

.stats {
	float: right;
	font-weight: bold;
	padding: 0;
}

.stats li {
	display: inline;
	padding: 0 0 0 20px;
}

.link-login {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24'%3E%3Cpath fill='%23B7A540' d='M12.65 10C11.7 7.31 8.9 5.5 5.77 6.12c-2.29.46-4.15 2.29-4.63 4.58C.32 14.57 3.26 18 7 18c2.61 0 4.83-1.67 5.65-4H17v2c0 1.1.9 2 2 2s2-.9 2-2v-2c1.1 0 2-.9 2-2s-.9-2-2-2h-8.35zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") no-repeat left center;
	border: 0;
	margin: 0;
	padding: 0 0 0 24px;
}

.link-login:hover,
.link-login:active {
	color: #888;
	text-decoration: underline;
}

.link-logout {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24'%3E%3Cpath fill='%23c14544' d='M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z'/%3E%3C/svg%3E") no-repeat left center;
	margin: 0 0 0 10px;
	padding: 0 0 0 24px;
}

.columns {
	display: table-row;
	height: 100%;
}

.columns-wrapper {
	display: table;
	margin: auto;
	max-width: 1030px;
	padding: 0;
	width: 100%;
}

.columns-spacing {
	display: table-cell;
	padding: 15px;
}

.box {
	background: #f9fbfa;
	border: 1px solid #CCDDD9;
	border-radius: 7px;
}

.box.left {
	float: left;
	margin: 0;
	width: 220px;
}

.box.right {
	margin: 0 0 0 235px;
}

.guest-iframe {
	border: 0;
	min-height: 250px;
	max-height: 450px;
}

.head {
	border-radius: 6px 6px 0 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 9px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.main-content {
	padding: 10px;
}

.category {
	background: #F4F7F6;
	border-bottom: 1px solid #CCDDD9;
	border-top: 1px solid #CCDDD9;
	font-weight: bold;
	padding: 6px;
}

.sidebar {
	list-style: none;
	padding: 6px;
}

.sidebar li a {
	display: block;
}

.link-home {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23434343' d='M19,9.3V5c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v1.6l-3.33-3c-0.38-0.34-0.96-0.34-1.34,0l-8.36,7.53C2.63,11.43,2.84,12,3.3,12H5v7c0,0.55,0.45,1,1,1h3c0.55,0,1-0.45,1-1v-5h4v5c0,0.55,0.45,1,1,1h3c0.55,0,1-0.45,1-1v-7h1.7c0.46,0,0.68-0.57,0.33-0.87L19,9.3z M10,10c0-1.1,0.9-2,2-2s2,0.9,2,2H10z'/%3E%3C/svg%3E") no-repeat left center;
	padding: 4px 4px 4px 25px;
}

.link-page {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23434343' d='M16.01 7L16 4c0-.55-.45-1-1-1s-1 .45-1 1v3h-4V4c0-.55-.45-1-1-1s-1 .45-1 1v3h-.01C6.9 7 6 7.9 6 8.99v4.66c0 .53.21 1.04.58 1.41L9.5 18v2c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-2l2.92-2.92c.37-.38.58-.89.58-1.42V8.99C18 7.89 17.11 7 16.01 7z'/%3E%3C/svg%3E") no-repeat left center;
	padding: 4px 4px 4px 25px;
}

.link-subpage {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3E%3C/svg%3E") no-repeat 20px center;
	padding: 4px 4px 4px 41px;
}

#ChatMessage {
	margin-top: 10px;
	width: 88%;
}

table {
	width: 100%;
}

th {
	border-bottom: 1px solid #CCDDD9;
	padding: 8px 5px;
	text-align: left;
}

tr:nth-child(odd) {
	background: #F4F7F6;
}

td {
	padding: 3px 5px;
}

button,
input,
select,
textarea {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 6px;
}

input[type="text"]:hover,
input[type="text"]:focus {
	background: #f8f8f7;
}

button,
input[type="submit"] {
	background: #f5f5f5;
	cursor: pointer;
	margin: 2px;
}

button,
input[type="submit"]:hover {
	background: #E5E4E2;
}

button:disabled,
input:disabled {
	color: #fff;
	background: #ccc;
}

.footer {
	display: table-row;
}

.footer a {
	font-weight: bold;
}

.copyright {
	display: inline;
}

.footer-links {
	float: right;
	padding: 0;
}

.footer-links li {
	display: inline;
	padding-left: 20px;
}

.footer-container {
	background: #F4F7F6;
	border-top: 1px solid #CCDDD9;
	overflow: hidden;
	padding: 10px;
}

@media (max-width: 700px) {
	.box.left {
		float: none;
		margin: 0 0 10px;
		width: 100%;
	}

	.box.right {
		margin: 0;
	}
}