.games-table {
  margin: 10px 10;
  border: 1px solid #363652;
  border-radius: 6px;
  background-color: #222233;
}

.collapsible-head th {
  font-size: 1.1rem;
  font-weight: bold;
  cursor: pointer;
}

.collapsible-row {
  display: none;
}

table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

th {
  font-weight: normal;
  border-bottom: 1px solid #363652;
  padding: 5px;
}

.collapsible-head th {
    padding: 15px 5px;
}

.collapsible-row th, .collapsible-row td{
    background-color: #3e3e5b;
}

tr th:first{
    text-align: left;
}

.game-number {
    padding:0 10px;
}

.flex-container {
    display: flex; 
    justify-content: space-between; 
    width: 100%; 
    text-align: center; 
}

.game-number {
    justify-content: flex-start; 
    text-align: left; 
    flex-grow: 1;
}

.map-name {
    flex-grow: 10;
}

.last-player-row td{
    padding-bottom: 20px;
    border-bottom: 1px solid #363652;
}

td:first-child,
th:first-child {
  border-left: none;
}

tr td:first-of-type,
tr td:nth-of-type(5) {
  text-align: right;
  padding-right: 15px;
}

td {
  border-left: solid #363652 1px;
  padding: 5px;
}

.last-game th {
  border-bottom: 0px;
}

tr.collapsible-head.even th
{
    background-color: #262638;
}

.nod{
    color: #bc1010;
    font-weight: bold;
}

.gdi{
    color:#ded90f;
    font-weight: bold;
}

@media screen and (min-width: 1400px) {
    .games-table {
      width: 80%;
      margin:auto;
    }
  }