#scores {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    
  }
  #scores tr {
    color: #fff;
  }
  #scores td {
    text-align: center;
    vertical-align: middle;
    border-color: #FFFD34;
  }
  #scores thead tr {
    color: #FFFD34;
  }

  #scores thead td {
    background-color: #FFFD34;
    color:#000;
    font-size:14px;
    font-weight: bold;
  }

  #scores tbody td {
    color:#fff;
    }

  #scores tbody td span {
    color:#1af7ff;
    font-size:16px;
  }


  #scores tbody td:first-child {
    color:#FFFD34;
    font-size:14px;
  }

td.elim {
  background-color: rgba(255,0,0,.4);
}

td.playing {
  background-color: rgba(255,255,0,.4);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.2);
}

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + span:after {
  display: inline-block;
  font-family: FontAwesome;
  font-size:1.5em;
  color:#1af7ff;
}

input[type=checkbox] + span:after { content: "\f0c8"; } /* unchecked icon */
input[type=checkbox] + span:after { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + span:after { content: "\f14a"; } /* checked icon */
input[type=checkbox]:checked + span:after { letter-spacing: 10px; } /* allow space for check mark */


label {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

input[type=radio] { display:none; } /* to hide the checkbox itself */
input[type=radio] + span:after {
  display: inline-block;
  font-family: FontAwesome;
  font-size:1.5em;
  color:#1af7ff;
}

input[type=radio] + span:after { content: "\f0c8"; } /* unchecked icon */
input[type=radio] + span:after { letter-spacing: 10px; } /* space between checkbox and label */

input[type=radio]:checked + span:after { content: "\f14a"; } /* checked icon */
input[type=radio]:checked + span:after { letter-spacing: 10px; } /* allow space for check mark */


input[type=radio]:disabled  + span:after {
  content: "\f023"!important;
}

input[type=checkbox]:disabled  + span:after {
  content: "\f023"!important;
}

#results {
  max-width: 100svw;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
}