.score_tablebackground {
  background-color: white;
  color: black;
  width: 100%;
  max-width: 1000px;
  align-content: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  font-size: 2.4vw;
}

@media screen and (min-width: 800px) {
  .score_tablebackground {
    font-size: 14px;
  }
}

.score_tablebackground select {
  width: 100%;
  border-style: hidden;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
}

/* Chrome, Safari, Edge, Opera */

/* get rid of arrows! */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, select::-webkit-outer-spin-button, select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* titlerow, titlerow_trs - set widths of cols underneath %s should add to 100! */

.titlerow_singles > td {
  width: 11.5%;
}

.titlerow_singles > td:nth-child(1), .titlerow_singles > td:nth-child(6) {
  width: 4%;
}

.titlerow > td:nth-child(1), .titlerow > td:nth-child(7) {
  width: 3%;
}

.titlerow > td:nth-child(2), .titlerow > td:nth-child(8) {
  width: 27%;
}

.titlerow > td:nth-child(3), .titlerow > td:nth-child(4), .titlerow > td:nth-child(5), .titlerow > td:nth-child(9), .titlerow > td:nth-child(10), .titlerow > td:nth-child(11) {
  width: 5%;
}

.titlerow > td:nth-child(6), .titlerow > td:nth-child(12) {
  min-width: 40px;
  max-width: 40px;
}

.titlerow_trs > td:nth-child(1), .titlerow_trs > td:nth-child(8) {
  width: 2%;
}

.titlerow_trs > td:nth-child(2), .titlerow_trs > td:nth-child(9) {
  width: 27%;
}

.titlerow_trs > td:nth-child(3), .titlerow_trs > td:nth-child(4), .titlerow_trs > td:nth-child(5), .titlerow_trs > td:nth-child(10), .titlerow_trs > td:nth-child(11), .titlerow_trs > td:nth-child(12) {
  width: 5%;
}

.titlerow_trs > td:nth-child(7), .titlerow_trs > td:nth-child(14), .titlerow_trs > td:nth-child(6), .titlerow_trs > td:nth-child(13) {
  min-width: 40px;
  max-width: 40px;
}

.playercolumn > td:nth-child(4), .playercolumn > td:nth-child(5), .playercolumn > td:nth-child(10), .playercolumn > td:nth-child(11), .playercolumn > td:nth-child(5), .playercolumn > td:nth-child(11), .playercolumn > td:nth-child(3), .playercolumn > td:nth-child(9), .playercolumn > td:nth-child(5) > select, .playercolumn > td:nth-child(11) > select, .playercolumn > td:nth-child(3) > select, .playercolumn > td:nth-child(9) > select {
  text-align: center;
}

.playercolumn_trs > td:nth-child(3), .playercolumn_trs > td:nth-child(5), .playercolumn_trs > td:nth-child(10), .playercolumn_trs > td:nth-child(12), .playercolumn_trs > td:nth-child(6), .playercolumn_trs > td:nth-child(13), .playercolumn_trs > td:nth-child(4), .playercolumn_trs > td:nth-child(11), .playercolumn_trs > td:nth-child(6) > select, .playercolumn_trs > td:nth-child(13) > select, .playercolumn_trs > td:nth-child(4) select, .playercolumn_trs > td:nth-child(11) > select {
  text-align: center;
}

.singlessheetheader > td:nth-child(1), .singlessheetheader > td:nth-child(6) {
  text-align: left;
  width: 5%;
}

.singlessheetheader > td:nth-child(2), .singlessheetheader > td:nth-child(3), .singlessheetheader > td:nth-child(4), .singlessheetheader > td:nth-child(5) {
  text-align: center;
}

.singlessheetheader > td:nth-child(7), .singlessheetheader > td:nth-child(8), .singlessheetheader > td:nth-child(9), .singlessheetheader > td:nth-child(10) {
  text-align: center;
}

.nineball_game_statsrow > td {
  text-align: center;
}

.nineball_game_totalsrow {
  font-weight: bold;
}

.nineball_game_totalsrow > td:nth-child(3), .nineball_game_totalsrow > td:nth-child(4), .nineball_game_totalsrow > td:nth-child(7), .nineball_game_totalsrow > td:nth-child(8) {
  text-align: center;
}

.nineball_game_totalsrow > td:nth-child(2), .nineball_game_totalsrow > td:nth-child(6) {
  text-align: right;
}

.titlerow > td {
  background-color: gray;
  text-align: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  white-space: nowrap;
}

.titlerow_trs > td {
  background-color: gray;
  text-align: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  white-space: nowrap;
}

.titlerow_singles > td {
  background-color: gray;
  text-align: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  white-space: nowrap;
}

select::-ms-expand {
  display: none;
}

/* row where team vs team appears */

.vsrow > td {
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.gamerow > td {
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.gamerow_singles > td > select {
  text-align: center;
}

.gamestotalrow > td {
  text-align: center;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.lastgamerow > td {
  text-align: center;
  border-style: double;
  border-color: black;
  border-width: 4px;
}

.roundrow > td {
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.roundtotalrow > td {
  text-align: left;
  font-weight: bold;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.overallrow > td {
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  min-height: 60px;
}

.overalltitlerow > td {
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.totalsrow > td {
  text-align: left;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  border-top-width: 2px;
}

.scores_darkcell {
  border-style: none;
  background-color: grey;
}

.scores_gamescore {
  text-align: center;
  color: black;
  border-style: none;
  border-color: transparent;
  outline: none;
  background-color: transparent;
  width: 40px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.scores_hc > select::-ms-expand {
  display: none;
}

.modal_allplayerselect {
  width: 100%;
}

.addplayer_icon:link {
  color: red;
}

.addplayer_icon:hover {
  color: rgb(244,219,170);
  text-decoration: none;
}

.gamehighlightrow > td {
  outline: none;
  border-color: red;
  box-shadow: inset 0 0 15px red;
  -webkit-box-shadow: inset 0 0 15px red;
  -moz-box-shadow: inset 0 0 15px red;
}

.matchnoticerow > td {
  text-align: left;
  font-weight: bold;
  outline: none;
  border-color: green;
  box-shadow: inset 0 0 15px green;
  -webkit-box-shadow: inset 0 0 15px green;
  -moz-box-shadow: inset 0 0 15px green;
}

.scoresheethandicapformatter {
  width: 100%;
  background-color: #3d3d3d;
  color: white;
  border: hidden;
  white-space: nowrap;
  background-color: transparent;
}

.oppscoreselectmismatch select {
  color: red;
  font-weight: bold;
}

.oppscoreinputmismatch input {
  color: red;
  font-weight: bold;
}

.oppscoreeromismatch i {
  color: red;
  font-weight: bold;
}

.captainsheet_players > td:nth-child(2), .captainsheet_players > td:nth-child(8), .captainsheet_players > td:nth-child(3), .captainsheet_players > td:nth-child(9) {
  text-align: left;
}

/* below here is for expereimtning with pulsing button */

.wrapper {
  padding: 0px 0px 0px 10px;
  text-align: right;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 1.0);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}

.livescores_indicator {
  width: 120px;
  height: 25px;
  font: 12px/28px 'Barlow Semi Condensed', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  background: rgba(74, 243, 23, 0.6);
  border-radius: 5%;
  animation: shadow-pulse 1s infinite;
}

.user_livematch_indicator {
  width: 160px;
  height: 25px;
  font: 12px/28px 'Barlow Semi Condensed', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  background: rgba(74, 243, 23, 0.6);
  border-radius: 5%;
  animation: shadow-pulse 1s infinite;
}

.user_livematch_not_live {
  width: 160px;
  height: 25px;
  font: 12px/28px 'Barlow Semi Condensed', sans-serif;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  background: rgba(243, 192, 23, 0.6);
  border-radius: 5%;
}

/* use these to show "balls needed" on captains scoresheet */

.CellWithComment {
  position: relative;
}

.CellComment {
  display: none;
  position: absolute;
  z-index: 100;
  border: 1px;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: red;
  padding: 3px;
  color: red;
  top: 20px;
  left: 20px;
}

.CellWithComment:hover span.CellComment {
  display: block;
}