.endGameHldr {
 width:max-content;
 background-color:white;
 margin-top:1em;
}

.brktRow {
 display:table-row;
}

.teamHdr {
 display:block;
}

.teamCell {
 background-color:#fff8ee;
}

#brktsHldr {
 float:left;
}

#endGameBrktsTbl {
 display:table;
 border-collapse: collapse;
}

.brktCell {
 display:table-cell;
 padding:2px 4px 3px 5px;
 border-bottom:1px solid black;
 background-color:aliceblue;
 border:1px solid black;
}

#tmsHldr {
 float:left;
 width:40px;
 overflow-x:auto;
 max-width:max-content;
}

#endGameTmsTbl {
 display:table;
 width:max-content;
 border-collapse: collapse;
}

.endGameDiv {
 display:table;
 border-collapse: separate;
 border-spacing: 2px 0px;
}

.hdr {
 font-weight: bold;
}

.bh {
 visibility: hidden;
 border-top:none;
 border-left:none;
}

.l1 {
 border-right-color:aliceblue;
 border-left-color:black;
}

.nl {
 border-left-color:aliceblue;
 border-right-color: aliceblue;
 padding-right:2px;
 text-align:right;
}

.nr1 {
 border-left-color:aliceblue;
 border-right-color: aliceblue;
 padding-left: 2px;;
 text-align:left;
}

.nr2 {
 border-left-color:aliceblue;
 border-right-color: black;
 padding-left: 2px;;
 text-align:left;
}

.r1 {
 border-left-color:aliceblue;
 border-right-color: black;
}

.nf {
 border-left-color:black;
 border-right-color: black;
 text-align:center;
}

.out {
 color:#ff0000;
 text-decoration: line-through;
 background-color:#ffffff;
}

.alive {
 color:black;
 background-color:#b0ffb0;
}

.winner {
 color:#00a800;
 font-weight:bold;
}

/*=====================================================*/
@media screen and (min-width: 1025px) {
 /* start of desktop styles */
 input{
  font-size: 115%;
 }
}

/*=====================================================*/
@media screen and (orientation: portrait) and (min-width: 601px) and (max-width: 768px) {
 /* start of large tablet styles */
 input {
  font-size: 110%;
 }
}

/*=====================================================*/
@media screen and (orientation: landscape) and (min-width: 897px) and (max-width: 1024px) {
 /* start of large tablet styles */
 input {
  font-size: 115%;
 }
}

/*=====================================================*/
@media screen and (orientation: portrait) and (min-width:415px) and (max-width: 600px) {
 /* start of medium tablet styles and large phones */
 input {
  font-size: 100%;
 }
}

/*=====================================================*/
@media screen and (orientation: landscape) and (min-width:813px) and (max-width: 896px) {
 /* start of medium tablet styles and large phones */
 input {
  font-size: 110%;
 }
}

/*=====================================================*/
@media screen and (orientation:portrait) and (min-width: 320px) and (max-width: 414px) {
 /* start of phone styles */
 input {
  font-size: 100%;
 }
}

/*=====================================================*/
@media screen and (orientation:landscape) and (min-width: 568px) and (max-width: 812px) {
 /* start of phone styles */
 input {
  font-size: 110%;
 }
}