html, body {
	height: 100%;
}

body {
	background-color: black;
	background-image: url(hbg2.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.container-fluid {
	overflow-y: auto;
}

.bg-dark {
	background-color: rgba(0,0,0,0.6) !important;
}

.card {
	background-color: rgba(0,0,0,0.6) !important;	
}

.flex-fill {
	max-width: 1140px;
	margin: 0 auto;
	width: 100%;
}

.accordion .card-header .btn {
	width: 100%;
	text-align: left;
}

.accordion .card-header .btn:focus, .accordion .card-header .btn.focus {
	outline: 0;
	box-shadow: none;
}

.accordion .card-header {
	padding: 0.1rem 0.1rem;
}

.navbar-brand {
	padding-bottom: 0.6rem;
}

#twitchChat {
	width: 100%;
	height: 100%;
	border: none;
	background-color: rgba(0,0,0,0.6);
}


.menu-assimilate, .menu-place {
	width: 100%;
	max-width: none;
}

#game {
	width: 100%;
	height: 100%;
	border: none;
}

.boardTables > table > thead > tr > th, .boardTables > table > tbody > tr > td {
	padding: 2px 5px;
}

.boardTables > table > tbody > tr:nth-child(odd) {
	background-color: rgba(50,50,50,0.2);
}

.boardTables > table > thead > tr > th:nth-child(3), .boardTables > table > tbody > tr > td:nth-child(3) {
	text-align: right;
}

.menu-radioPlaylist {
	font-size: 0.8rem;
}

.menu-radioPlaylist table > thead > tr > th, .menu-radioPlaylist table > tbody > tr > td {
	border: 1px solid #202020;
	padding: 5px 10px;
}

.menu-radioPlaylist table > tbody > tr > td:nth-child(4) {
	width: 160px;
}

.menu-radioPlaylist table > thead > tr {
	background: rgba(50,50,50,0.2);
}

.menu-radioPlaylist table {
	margin: 20px 0;
	width: 100%;
}

.menu-radioPlaylist table th.orderASC::after {
  padding-left: 3px;
  content: "▲";
}

.menu-radioPlaylist table th.orderDESC::after {
  padding-left: 3px;
  content: "▼";
}

.menu-radioPlaylist table th a {
	color: #fff;
}