body {
	padding: 1rem;
}
.logoItem {
	width: 15rem;
}

.logoItemContainer {
	padding: 1rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.loginForm {
	padding: 1rem;
}
.formGroup label {
	margin-bottom: 0.5rem;
}
.verticalAlignFormGroup {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

.verticalAlignFormControl {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

.verticalAlignFormControl > * {
	margin-bottom: 0.5rem;
}

.innerHeader > * {
	margin-bottom: 0.5rem;
}

.mainMenu > div {
	padding: 0.5rem;
	border: 0.1rem solid black;
	margin-bottom: 0.25rem;
	border-radius: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: nowrap;
}

.resultTable {
	width: 100% !important;
}

.resultTable th,
.resultTable td {
	padding: 0.35rem;
	border: 0.1rem solid black;
}

.submitGameForm {
	display: block;
	flex-direction: column;
}
.submitGameForm > * {
	float: left;
	margin-bottom: 1rem;
}
.clearFloat {
	clear: both !important;
}
.checkboxLabelGameSelection {
	display: inline-block;
}
.checkboxLabelGameSelection label {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.memoInputContainer {
	width: 100% !important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.memoInputContainer input {
	flex-basis: 80% !important;
}
.memoInputContainer button {
	flex-basis: 20% !important;
}

.messageListContainer .sysSection {
	padding: 0.5rem !important;
	float: left;
	width: 70% !important;
	background-color: lightgreen;
	border-radius: 0.5rem;
}
.messageListContainer .userSection {
	padding: 0.5rem !important;
	float: right;
	width: 70% !important;
	background-color: lightgrey;
	border-radius: 0.5rem;
}

.messageListContainer p {
	margin: 0.1rem;
}

.messageListContainer .clearFloat {
	margin-bottom: 0.5rem;
}

.nav.nav-tabs.bs-adaptive-tabs li a label {
	font-weight: normal;
}

@media (max-width: 768px) {
	.nav.nav-tabs.bs-adaptive-tabs {
		position: relative;
		height: 45px;
		margin-bottom: 50px;
		outline: none;
	}

	.nav.nav-tabs.bs-adaptive-tabs li {
		position: static;
	}
	.nav.nav-tabs.bs-adaptive-tabs li:nth-child(n + 6) {
		visibility: hidden;
		float: right;
		clear: right;
		z-index: 10;
		margin-left: -100%;
		transition: visibility 0.3s;
	}
	.nav.nav-tabs.bs-adaptive-tabs li:nth-child(-n + 5) {
		width: 16.6%; /*  100/(5+1)  */
		text-align: center;
	}
	.nav.nav-tabs.bs-adaptive-tabs li:nth-child(6) {
		margin-top: 44px;
	}
	.nav.nav-tabs.bs-adaptive-tabs li:nth-child(5):after {
		content: '\f142';
		font-family: 'FontAwesome';
		cursor: pointer;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px 15px;
	}
	.nav.nav-tabs.bs-adaptive-tabs:focus:hover li {
		visibility: visible;
	}

	.nav.nav-tabs.bs-adaptive-tabs li a {
		position: static;
	}
	.nav.nav-tabs.bs-adaptive-tabs li:nth-child(n + 6) a {
		background-color: #fff;
		border-color: #ddd;
		border-radius: 0;
		margin-top: 0;
		margin-right: 0;
	}

	.nav.nav-tabs.bs-adaptive-tabs li a label {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
		padding: 10px 15px;
	}
	.nav.nav-tabs.bs-adaptive-tabs li.active a label {
		visibility: visible;
	}
}