HTML, BODY {
	margin: 0;
	padding: 0;
}

BODY, P, LI, h1, h2, h3, h4, h5, h6 {
	font: 13px/16px Tahoma, Arial;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

h1, h2, h3, h4, h5, h6, table tr th, table tr td, label {
	color: #008aff;
}

H2 {
	font-size: 28px;
}

A:link, A:visited, A:hover, A:active {
	color: #008aff;
	text-decoration: underline;
}

.scores {
	margin-top: 88px;
	padding: 0 0 0 20px;
}

.score, A.score {
	margin: 0 0 15px;
	padding: 10px 5px;
	display: block;
	background: #cddbe8;
	text-align: right;
	
	color: #008aff;
	font-weight: bold;
	text-decoration: none;
}

button, .button, .button:link, .button:visited {
	padding: 8px 12px;
	/*background: #003a72;*/
	background: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
button:hover, button:focus, .button:hover, .button:focus {
	background: #000;
	color: #fff;	
}

A.close-reveal-modal, A#toplist-refresh {
	text-decoration: none;
	color: #aaaaaa;
}

button.disabled, button[disabled], .button.disabled, .button[disabled],
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background: #ededed;
	color: #555;
}

A.score:hover, A.score:active {
	background-color: #e3eaf1;
}

#total {
	margin-top: 30px;
}

.score_title {
	float: left;
}

#choose .button, #game_over .button {
	margin-bottom: 0;
	width: 190px;
}

.choose-request-consulting {
	margin-bottom: 2px !important;
}

#game-wrapper {
    margin: auto;
    position: absolute;
    inset: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

#game-wrapper canvas {
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#gameArea_wrapper {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 24px;
}

.reveal-modal table tr th, .reveal-modal table tr td {
	padding: 5px;
}

.reveal-modal {
	margin: 0 auto;
	position: relative;
	max-width: 532px;
	left: 0;
	top: 200px !important;
	bottom: 0;
	min-height: 400;
}

#toplist.reveal-modal {
	min-height: 55%;
	top: 190px !important;
}

#send-request-consulting.reveal-modal {
	top: 100px !important;
}

#toplist .reveal-modal-inner {
	padding-top: 0;
}

.reveal-modal.large-content {
	bottom: 100px;
	overflow: hidden;
}

.reveal-modal-inner.large {
	position: absolute;
	overflow: auto;
	top: 100px;
	bottom: 30px;
	left: 30px;
	right: 30px;
	-webkit-overflow-scrolling: touch;
}

.reveal-modal-inner TABLE {
	margin-bottom: 0;
	width: 100%;
}

.reveal-modal-inner {
	padding-top: 40px;
}

.reveal-modal-bg {
	background: rgba(0,0,0,.8);
	z-index: 99;
}

.icon {
	color: #AAAAAA;
	cursor: pointer;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1;
}

.icon.refresh {
	position: absolute;
	top: 45px;
	right: 12px;
}

#captcha-div {
	margin-bottom: 10px;
}

.recaptchatable a, .recaptchatable a:hover {
	color: #008aff !important;
}

.error-message {
	margin: 0;
	color: red;
	font-weight: bold;
}

#send-request-consulting-form, #send-request-consulting-form .button {
	margin-bottom: 0;
}

#choose-send-data {
	margin-right: 10px;
}

@media only screen and (max-width: 64.063em) {
	.large-6 {
		width: 50%;
	}
}

@media all and (max-width:40.063em) {
	#toplist.reveal-modal, .reveal-modal {
		margin: 0 auto;
		position: relative;
		top: 0 !important;
		min-height: 0;
	}
	.reveal-modal.large-content {
		bottom: auto;
		overflow: visible;
		width: 100%;
	}
	
	.reveal-modal-inner.large {
		position: static;
		overflow: visible;
		max-height: auto;
	}

	.icon.refresh {
		top: 7px;
		right: 60px;
	}
	
	.large-6 {
		width: 100%;
	}
	
	#choose-send-data {
		margin-right: 0;
		margin-bottom: 10px !important;
	}
}