html, body {
	height:100%;
}

body {
	background-color:#161616;
}

#title-table {
	width:100%;
	height:100%;
	display:table;
}

#title-cell {
	display:table-cell;
	vertical-align:middle;
}

#title-inner {
	text-align:center;
}

.collapse-panel {
	border-left:1px solid #6c757d;
	border-right:1px solid #6c757d;
	border-bottom:1px solid #6c757d;
}

.spielbeginn-header button, .hinweisrundeB-header button, .plaedoyers-header button, .anklage-header button {
	color:#FFFFFF;
	font-weight:bold;
}
.spielbeginn-header button:hover, .hinweisrundeB-header button:hover, .plaedoyers-header button:hover, .anklage-header button:hover {
	color:#C0C0C0;
}
.vorstellungsrunde-header button, .hinweisrundeA-header button, .aufloesung-header button, .vorspann-header button, .default-card-header button {
	color:#000000;
	font-weight:bold;
}
.vorstellungsrunde-header button:hover, .hinweisrundeA-header button:hover, .aufloesung-header button:hover, .vorspann-header button:hover, .default-card-header button:hover {
	color:#3F3F3F;
}


.spielbeginn-header {
	background-color:#0000FF;
}

.spielbeginn-body {
	border:2px solid #0000FF;
}

.vorstellungsrunde-header {
	background-color:#00FF00;
}

.vorstellungsrunde-body {
	border:2px solid #00FF00;
}

.hinweisrundeA-header {
	background-color:#FFFF00;
}

.hinweisrundeA-body {
	border:2px solid #FFFF00;
}

.hinweisrundeB-header {
	background-color:#FF0000;
}

.hinweisrundeB-body {
	border:2px solid #FF0000;
}

.plaedoyers-header, .anklage-header {
	background-color:#000000;
}

.plaedoyers-body, .anklage-body {
	border:2px solid #000000;
}

.aufloesung-header, .vorspann-header, .default-card-header {
	background-color:#808080;
}

.aufloesung-body, .vorspann-body, .default-card-body {
	border:2px solid #808080;
}

#chat {
	height:400px;
	border:1px solid white;
	background-color:#7c858d;
	padding-left:4px;
	border-radius: .25rem;
	overflow-y: scroll;
}

.red-stripes {
	background-image: linear-gradient(135deg, #ff0000 25%, #ffffff 25%, #ffffff 50%, #ff0000 50%, #ff0000 75%, #ffffff 75%, #ffffff 100%);
	background-size: 60px 60px;
}

.online-stack {
	position: relative;
	margin:auto;
	max-width:1000px;
}

.img-online {
	position: absolute;
}

.feedback {
	margin:auto;
	width:350px;
}

.costume-contest-img {
	max-height:650px;
}

#hinweise {
	margin-top:25px;
}

.chat-hinweis {
	color:white;
}

.feedback-costume, .feedback-kritik, li.onclick, .chat-option {
	cursor:pointer;
}

.feedback-costume:hover, .feedback-kritik:hover {
	background-color:#dc3545;
}

#chatnav {
	background-color: #161616;
	margin-bottom: 5px;
	border-radius: .25rem;
	padding: 2px 10px;
}

#chatnav img {
	margin-left:1px;
}

.gray {
	filter:grayscale(100%);
}

span.divider {
	margin:0px 3px;
	display:inline-block;
	border-left:1px solid #7c858d;
	height:13px;
}