#mainContainer {
}

.countdownDiv {
 width:max-content;
 margin-left:auto;
 margin-right:auto;
 margin-top:3em;
}

.yearSelectorDiv {
 width:max-content;
 margin-left:auto;
 margin-right:auto;
 margin-top: 1em;
 font-size:110%;
}

.yrForm {
 text-align: center;
}

.brktDiv {
 width:max-content;
 margin-left:auto;
 margin-right:auto;
 margin-top: 2em;
}

.bracketEditorT {
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}

.bracketEditorT TD {
 padding: 0.1em 0.1em 0.4em;
 vertical-align: middle;
}

.brktTd INPUT {
 vertical-align: middle;
}

INPUT.formBtn {
 padding: 0.1em 0.4em 0.2em;
}

.formBtn {
 border: 1px solid #C0C0C0;
 background: #42429D;
 color: #FFFFFF;
 font-weight: bold;
}

.formBtn1 {
 border: 1px solid #C0C0C0;
 background: #B7FFB7;
 font-weight: bold;
 border-left: 1px solid black;
 margin-top: 5px;
 padding: 2px 6px;
}

TD.addTd {
 padding-bottom: 1.2em;
}

.txtInpt {
 padding-left: 0.3em;
 padding-right: 0.5em;
 padding-bottom: 0.2em;
 padding-top: 0.1em;
}

.confHldr {
 position:absolute;
 width:max-content;
 display:none;
 border:2px solid black;
 left:50%;
 transform: translateX(-50%);
 background-color:black;
 top:5.3em;
 z-index:2;
}

.gridHldr {
 position:relative;
 width:max-content;
 left:50%;
 transform: translateX(-50%);
 background-color:white;
 margin-top:1em;
}

.confRow, .teamRow {
 display:table-row;
}

.teamHdr {
 display:block;
}

.confRecCell, .teamCell {
 display:table-cell;
 padding:0px 0.6em;
 border-bottom:1px solid black;
 background-color:aliceblue;
}

.confRecCell{
 background-color:aliceblue;
}

.teamCell {
 background-color:#fff8ee;
}

.nbrTeams {
}

.remaining {
 text-align:center;
}

.invited {
 text-align:center;
}

.confHdr {
 font-size: 130%;
 color: white;
 text-align:center;
}

.confName:hover {
 text-decoration-line:underline;
 background-color: wheat;
}

.confRecDiv, .teamDiv {
 display:table;
 border-collapse: separate;
 border-spacing: 2px 0px;
}

#remainsDiv {
 margin:0em 1.5em;
}

.hdr {
 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%;
 }
}