@media only screen and (max-width: 1296px) {
	.rules {
		text-align:left;
		width:80%;
		margin:auto;
	}
	.rule {
		display:block;
		width:auto;
		vertical-align:top;
	}
}

@media only screen and (min-width: 1297px) {
	.rules {
		text-align:left;
		width:60%;
		margin:auto;
	}
	.rule {
		display:inline-block;
		width:49%;
		vertical-align:top;
	}
}

BODY {
	font-family:"SUSE", sans-serif;
	font-optical-sizing:auto;
	font-weight:normal;
	font-style:normal;
	background-color:#070709;
	text-align:center;
	color:#fff;
}

HR {
	height:1px;
	border:none;
	background-color:#999
}

.twidth {
	width:80%;
	margin:auto;
}

.twidth2 {
	width:30%;
	margin:auto;
}

.icon {
	width:20px;
	height:20px;
	vertical-align:text-bottom;
}

TABLE {
	margin:auto;
}

THEAD {
	background-color:#111112;
}

TH, TD {
	border:#444 solid 1px;
	text-align:left;
	padding:5px;
}

table.dataTable {
	border-collapse: collapse;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td,
div.dt-container.dt-empty-footer tbody>tr:last-child>* {
	border-bottom:#444 solid 1px;
}

table.dataTable>tbody>tr.completed {
	background-color:#0E2D0F;
}

table.dataTable>tbody>tr:hover {
	background-color:#222223;
}

.log {
	font-family:monospace;
	background-color:#111112;
	color:#fff;
	text-align:left;
	width:95%;
	border:#444 solid 1px;
	border-radius:10px;
	margin:auto;
	padding:10px;
	overflow-x:hidden;
	max-height:500px;
}

FOOTER {
	font-size:12px;
	margin-top:20px;
	margin-bottom:20px;
}

#plogo {
	position: relative;
	width: 360px;
	margin: auto;
}

#logo {
	margin:auto;
	width:500px;
	max-width: 90%;
}

#santa {
	position: absolute;
	top: -10px;
	left: 25px;
	width: 64px;
	height: 64px;
}

.small {
	font-size:14px;
}

.button {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	display:inline-block;
	font-family:"SUSE", sans-serif;
	background-color:#5865F2;
	color:#fff;
	padding:6px;
	font-weight:bold;
	border:#000 solid 1px;
	border-radius:5px;
}

.button IMG {
	width:21px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
}

.button:hover {
	cursor:pointer;
}

.error {
	color:#800000;
}

.avatar {
	width:24px;
	height:24px;
	border:#fff solid 1px;
	border-radius:50%;
	vertical-align:middle;
}

.block {
	max-width:80%;
	text-align:left;
	margin:auto;
}

#autoUpdate:hover {
	cursor:default;
}

.ladx_tracker IMG {
	width:32px;
	height:32px;
}

A:link, A:visited {
	color:#fff;
	text-decoration:none;
}

A:hover {
	text-decoration:none;
}