.challenge-row {
  display: flex;
  flex-direction: column;
  margin: 0 0 10px;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.challenge-row .misc {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 10px;
  justify-content: space-between !important;
}
.challenge-row .misc a {
  margin-right: 30px;
}
.challenge-row .misc p {
  position: relative;
  display: flex;
  flex: 1;
}
.challenge-row .player-info {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center !important;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.challenge-row .player-info .player1 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  border-right: 1px solid #e5e5e5;
  text-align: right;
  padding-right: 15px;
  justify-content: end !important;
}
.challenge-row .player-info .player1 h3 {
  font-size: 15px;
}
.challenge-row .player-info .player1 .score {
  color: blue;
  font-size: 1.5em;
}
.challenge-row .player-info .player1 .nick {
  color: #ccc;
}
.challenge-row .player-info .vs {
  position: relative;
  display: flex;
  color: #ccc;
  margin-left: 15px;
  margin-right: 15px;
}
.challenge-row .player-info .vs h3 {
  font-size: 15px;
}
.challenge-row .player-info .player2 {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: 15px;
  border-left: 1px solid #e5e5e5;
}
.challenge-row .player-info .player2 h3 {
  font-size: 15px;
}
.challenge-row .player-info .player2 .score {
  color: red;
  font-size: 1.5em;
}
.challenge-row .player-info .player2 .nick {
  color: #ccc;
}
.challenge-row .location {
  color: #ccc;
}