.dlgBackground {
  width: 100%;
  height: 100vh;
  background-color: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;

  display: none;
}

.dlgScoreWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  z-index: 101;
}

.dlgScore {
  opacity: 1.0;
  background-color: #eee;
  width: 300px;
  margin: 0 auto;
  margin-top: 10vh;
  border: 2px solid gray;
  position: relative;

}

.dlgHead {
  height: 40px;
  border-bottom: 1px solid #bbb;
  font-size: 19px;
  line-height: 40px;
  text-align: center;
  padding-left: 5px;
  padding-bottom: 0px;
}
.dlgBody {
  text-align: left;
  padding: 5px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dlgBody > select, input {
  margin-bottom: 10px;
  margin-top: 2px;
}

.dlgControls {
  border-top: 1px solid #bbb;
  padding: 5px;
  padding-top: 15px;
  text-align: center;
}
.dlgControls button {
  margin-bottom: 7px;
  border-radius: 0px;
  border: 1px solid gray;
  padding: 4px;
  width: 120px;
}
.dlgControls button:hover {
  background-color: #ccc;
}
.dlgIsSent {
  display: none;
  margin-bottom: 7px;
  border-radius: 0px;
  padding: 4px;
}



/* Scoreboard-Display */
.scoreBoardTable {
  border-collapse: collapse;
  border: 1px solid #262626;
  margin: 0 auto;
  font-size: 16px;
}
.scoreBoardTable tr {
  padding: 5px;
  background-color: #fff;
}
.scoreBoardTable tr:nth-of-type(2n) {
  padding: 5px;
  background-color: #f2f2f2;
}
.scoreBoardTable tr:first-of-type {
  background-color: lightgray;
  background-color: #262626;
  color: #f2f2f2;
  border-bottom: 1px solid #262626;
}
.scoreBoardTable tr:nth-of-type(2) {
  background-color: gold;
  background-color: #e6c719;
}
.scoreBoardTable tr:nth-of-type(3) {
  background-color: silver;
  background-color: #c1c7d5;
}
.scoreBoardTable tr:nth-of-type(4) {
  background-color: #cd853f;
}

.scoreBoardTable tr > td, th {
  padding: 5px;
  text-align: center;
}

.scoreBoardWrapper {
  color: #000;
  margin: 0 auto;
  padding-bottom: 30px;
}
.scoreBoardTitle {
  font-size: 22px;
  color: #b3b3b3;
  text-align: center;
}