.games {
	header {
		margin-bottom: 20px;
		
		.video-background {
			height: 140px;
		}
	}

.dcon_games {
	height: fit-content;
}

.dcon_game_container {
	display: flex;

	.dcon_game_container_right {
		thead tr {
			border-left: 4px solid var(--muted_color);
		}

		tbody tr {
			border-left: 4px solid transparent;
		}

		th:last-child {
			border-radius: 0 4px 4px 0;
		}
	}

	.dcon_game_container_right,
	.dcon_game_container_left {
		width: 50%;

		& table {
			border-collapse: collapse;
			width: 100%;

			th {
				background-color: var(--muted_color);
				padding: 10px;
			}

			tr,
			td:first-child {
				border-radius: 4px 0 0 4px;
			}

			tr,
			td:last-child {
				border-radius: 0 4px 4px 0;
			}

			tr:nth-child(even) {
				background-color: var(--muted_color);
			}

				td {
					padding: 6px 8px;
				}

				&.no_players {
					height: 100%;
				}

				.dcon_server_map_image {
					padding: 8px;
					vertical-align: top;
					width: 125px;

					img {
						border-radius: 2px;
						outline: 1px solid var(--muted_color);
						width: 125px;
					}
				}

				.dcon_server_name {
					border-radius: 4px 0 0 4px;
					text-align: left;
				}

				.dcon_no_players {
					text-align: center;
				}
			}

			.dcon_game_align_right {
				text-align: right;
			}

			/* & table:first-child th {
				border-radius: 4px 0 0 4px;
			}

			& table:last-child th {
				border-radius: 0 4px 4px 0;
			} */
		}
	}
}