#content {
  min-height: 500px;
}

.game {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
  align-items:baseline;
  margin-top: 20px;
}

.game table.team td, .game table.team th {
  white-space: nowrap;
}


.game table.team caption {
  margin-bottom: 0;
  padding-right: 0;
}
.game table.team caption div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  gap: 10px;
}
.game table.team caption div .valueContainer {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
}
.game table.team caption div span.value {
  display: flex;
  justify-content: space-between;
  min-width: 100px;
  text-align: right;
  padding-right: 20px;
  background: url('/images/icons/arrow-up-green.png') no-repeat right center;
  background-size: 16px 16px;
}
.game table.team caption div span.value:before {
  margin-right: 10px;
  font-weight: normal;
}
.game table.team caption div span.value.value-rank:before {
  content: "Rank ";
}
.game table.team caption div span.value.value-winRate:before {
  content: "WinRate ";
}
.game table.team caption div span.value.value-negative {
  background-image: url('/images/icons/arrow-down-red.png');
}

.game table.team .playerName {
  text-align: left;
  font-weight: bold;
  width:200px;
}


.game table.team tfoot {
  border-top: 2px solid #aaa;
}

#removePlayer .body div.table {
  max-height: 450px;
}
#removePlayer .body .table {
  margin: 0;
}
  #removePlayer .body table {
    width:100%;
  }
  #removePlayer .body table tr[onclick] {
    cursor: pointer;
  }
  #removePlayer .body .playerName {
    text-align: left;
  }