@page { size: auto; }
body {
	/*
	font-family: "Atkinson Hyperlegible", sans-serif;
	font-weight: 400;
  font-style: normal;	
  */

  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal; 

	background-color: darkgray;
	/*
	background-color: silver;
	background-color: lightgray;
	background-color: gainsboro;
	*/
}
h1 {
  font-family: "Bungee Inline", sans-serif;
  font-weight: 400;
  font-style: normal;	
}
hr { border-top: 1px solid dimgray; }
.alert ul { margin-top: 0; margin-bottom: 0rem; }
#bracketsCloseTime span { font-family: courier; font-weight: bold; }

#submit-picks { z-index: 1; }
.team { padding: 0.2rem 0.5rem; z-index: 2; white-space: nowrap; }

.team.team-8 {  min-height: 1.9rem; }
.team.team-16 {  min-height: 1.9rem; }
.team.team-32 {  min-height: 1.9rem; }
.team.team-64 {  min-height: 1.5rem; }
.team.team-128 {  min-height: 1.5rem; }

.bracket { position: relative; }
.bracket .bracket-info { position: absolute; left:0; top: 50px; width: 100%; z-index: 1; }
.bracket .countdown { position: absolute; left: 0; top: 10px; width: 100%; }

.bracket.bracket-128 .round-four .matchup .team[position='top'] { margin-top: 238px; }
.bracket.bracket-128 .round-four .matchup .team[position='bottom'] { margin-bottom: 238px; }

.pick-bracket.pick-bracket-8 { font-size: 1rem; }
.pick-bracket.pick-bracket-16 { font-size: 1rem; }
.pick-bracket.pick-bracket-32 { font-size: 1rem; }
.pick-bracket.pick-bracket-32 .finals { margin-top: 10rem; }
.pick-bracket.pick-bracket-64 { font-size: 0.7rem; }
.pick-bracket.pick-bracket-128 { font-size: 0.7rem; }

/* bracket colors */
.pick-bracket .team[teamID]:hover { cursor: pointer; }
.pick-bracket .team[teamID]:not(.winner):hover .seed { background-color: gray; color: white; }
.pick-bracket .team[champion='true'] { font-weight: bold; border: 1px solid; border-color: limegreen; background-color: lightgreen; }
.pick-bracket .winner:not(.team[bye='true']):not(.team[champion='true']) { border: 1px solid limegreen; background-color: mintcream; }
.pick-bracket .winner .seed, .pick-bracket .team[champion='true'] .seed { background-color: limegreen; color: white; }
/*.pick-bracket .team[disabled='true'] { visibility: hidden; }*/
.pick-bracket .seed { background-color: lightgray; color: black; }
.pick-bracket .loser { background-color: #E2E3E5; color: black; }
.pick-bracket .loser .seed { background-color: gray; color: white; }
.pick-bracket .correct .seed { background-color: darkblue; color: white; }
.pick-bracket .incorrect .seed { background-color: crimson; color: white; }

.user-bracket.user-bracket-8 { font-size: 1rem; }
.user-bracket.user-bracket-16 { font-size: 1rem; }
.user-bracket.user-bracket-32 { font-size: 1rem; }
.user-bracket.user-bracket-64 { font-size: 0.7rem; }
.user-bracket.user-bracket-128 { font-size: 0.7rem; }

.user-bracket .team[champion='true'] { font-weight: bold; border: 2px solid black; /*background-color: white;*/ }
.user-bracket .team[bye='true'] { background-color: #E2E3E5; color: black; }
.user-bracket .round .seed { background-color: lightgray; color: black; padding: .2rem .4rem .2rem; }
.user-bracket .round.round-zero .seed { background-color: gray; color: white; }
.user-bracket .loser .seed { background-color: royalblue; color: white; }
.user-bracket .correct:not(.team[bye='true']) { border-color: white; background-color: royalblue; color: white;}
.user-bracket .correct .seed { background-color: white; color: royalblue; }
.user-bracket .correct-champion { border-color: white !important; background-color: navy !important; color: white; }
.user-bracket .incorrect { border-color: white; background-color: red; color: white; }
.user-bracket .correct-had-bye { border-color: white; background-color: #e0ebfe; color: #2b2f32; }
.user-bracket .correct-had-bye .seed { background-color: white; color: gray; }
.user-bracket .future-incorrect .name { text-decoration: line-through; }
.user-bracket .incorrect .seed { background-color: white; color: red; }
.user-bracket .incorrect-champion { border-color: white !important; background-color: darkred !important; color: white; }
.user-bracket .team:hover { cursor: default; }

.key-bracket.key-bracket-8 { font-size: 1rem; }
.key-bracket.key-bracket-16 { font-size: 1rem; }
.key-bracket.key-bracket-32 { font-size: 1rem; }
.key-bracket.key-bracket-64 { font-size: 0.7rem; }
.key-bracket.key-bracket-128 { font-size: 0.7rem; }

.key-bracket .seed { background-color: lightgray; color: black; padding: .2rem .4rem .2rem; }
.key-bracket .team[teamID]:hover { cursor: pointer; }
.key-bracket .team[teamID]:hover .seed { background-color: darkblue; color: white; }
.key-bracket .round.round-zero .winner .seed { background-color: gray; color: white; }
.key-bracket .round .seed { background-color: darkblue; color: white; }
.key-bracket .round .winner { background-color: cornflowerblue; border: 1px solid white; }
.key-bracket .round .winner .seed { background-color: darkblue; color: white; }
.key-bracket .round .loser { background-color: lightgray; color: black; }
.key-bracket .round .loser .seed { background-color: gray; color: white; }
.key-bracket .team[champion='true'] { background-color: royalblue; color: white; border: 2px solid white; }

.missing-pick { border: 1px solid red; }

.final-four { position: absolute; left: 50%; }
.final-four.final-four-8 { width: 400px; margin-left: -200px; }
.final-four.final-four-16 { width: 370px; margin-left: -183px; }
.final-four.final-four-32 { width: 370px; margin-left: -183px; }
.final-four.final-four-64 { width: 300px; margin-left: -150px; }
.final-four.final-four-128 { width: 300px; margin-left: -150px; }

.disabled { pointer-events: none; }
.user-score:hover { cursor: pointer; }

.round-label { display: none; font-size: 0.8rem; }
.round-label { display: none; font-size: 1rem; }
.round-one .matchup .team[position='top'] { margin-top: 7px; }
.round-one .matchup .team[position='bottom'] { margin-bottom: 7px; }

.round-two .matchup .team.team-8[position='top'] { margin-top: 0px; }
.round-two .matchup .team.team-16[position='top'] { margin-top: 0px; }
.round-two .matchup .team.team-32[position='top'] { margin-top: 40px; }
.round-two .matchup .team.team-64[position='top'] { margin-top: 40px; }
.round-two .matchup .team.team-128[position='top'] { margin-top: 40px; }

.round-two .matchup .team.team-8[position='bottom'] { margin-bottom: 0px; }
.round-two .matchup .team.team-16[position='bottom'] { margin-bottom: 40px; }
.round-two .matchup .team.team-32[position='bottom'] { margin-bottom: 40px; }
.round-two .matchup .team.team-64[position='bottom'] { margin-bottom: 40px; }
.round-two .matchup .team.team-128[position='bottom'] { margin-bottom: 40px; }

.round-three .matchup .team.team-16[position='top'] { margin-top: 0px; }
.round-three .matchup .team.team-32[position='top'] { margin-top: 0px; }
.round-three .matchup .team.team-64[position='top'] { margin-top: 105px; }
.round-three .matchup .team.team-128[position='top'] { margin-top: 105px; }

.round-three .matchup .team.team-16[position='bottom'] { margin-bottom: 0px; }
.round-three .matchup .team.team-32[position='bottom'] { margin-bottom: 0px; }
.round-three .matchup .team.team-64[position='bottom'] { margin-bottom: 105px; }
.round-three .matchup .team.team-128[position='bottom'] { margin-bottom: 105px; }

.round-four .matchup .team.team-32[position='top'] { margin-top: 0px; }
.round-four .matchup .team.team-64[position='top'] { margin-top: 0px; }
.round-four .matchup .team.team-128[position='top'] { margin-top: 238px; }

.round-four .matchup .team.team-32[position='bottom'] { margin-bottom: 0px; }
.round-four .matchup .team.team-64[position='bottom'] { margin-bottom: 0px; }
.round-four .matchup .team.team-128[position='bottom'] { margin-bottom: 238px; }

.left-bracket .round-one .matchup, .left-bracket .round-two .matchup, .left-bracket .round-three .matchup, .left-bracket .round-four .matchup {
  border-left: 2px solid dimgray;
}
.right-bracket .round-one .matchup, .right-bracket .round-two .matchup, .right-bracket .round-three .matchup, .right-bracket .round-four .matchup {
  border-right: 2px solid dimgray;
}

.form-control { font-size: inherit; }

ul.list-group .list-group-item { padding: 0.2rem 0.3rem; }
ul.standings .badge { line-height: 0.5; }
.badge-primary { background-color: darkblue; }
.bg-primary { background-color: darkblue !important; }

.btn-group-xs > .btn, .btn-xs {
  padding  : .35rem .3rem .35rem;
  font-size  : .7rem;
  line-height  : .5;
  border-radius : .15rem;
}

@media screen and (max-width: 992px) { /* lg */
	.team.team-8 {  min-height: 1.9rem; }
	.team.team-16 {  min-height: 1.5rem; }
	.team.team-32 {  min-height: 1.5rem; }
	.team.team-64 {  min-height: 1.5rem; }
	.team.team-128 {  min-height: 1.5rem; }

	.user-bracket.user-bracket-8 { font-size: 1rem; }
	.user-bracket.user-bracket-16 { font-size: 0.6rem; }
	.user-bracket.user-bracket-32 { font-size: 0.6rem; }
	.user-bracket.user-bracket-64 { font-size: 0.6rem; }
	.user-bracket.user-bracket-128 { font-size: 0.6rem; }
	.user-bracket .round .seed { padding: .2rem .2rem .2rem }

	.pick-bracket.pick-bracket-8 { font-size: 1rem; }
	.pick-bracket.pick-bracket-16 { font-size: 0.6rem; }
	.pick-bracket.pick-bracket-32 { font-size: 0.6rem; }
	.pick-bracket.pick-bracket-64 { font-size: 0.6rem; }
	.pick-bracket.pick-bracket-128 { font-size: 0.6rem; }
	.pick-bracket .round .seed { padding: .2rem .2rem .2rem }

	.key-bracket.key-bracket-8 { font-size: 1rem; }
	.key-bracket.key-bracket-16 { font-size: 0.6rem; }
	.key-bracket.key-bracket-32 { font-size: 0.6rem; }
	.key-bracket.key-bracket-64 { font-size: 0.6rem; }
	.key-bracket.key-bracket-128 { font-size: 0.6rem; }
	.key-bracket .round .seed { padding: .2rem .2rem .2rem }
}
@media screen and (max-width: 768px) { /* md */
	.user-bracket.user-bracket-8 { font-size: 1rem; }
	.user-bracket.user-bracket-16 { font-size: 1rem; }
	.user-bracket.user-bracket-32 { font-size: 1rem; }
	.user-bracket.user-bracket-64 { font-size: 1rem; }
	.user-bracket.user-bracket-128 { font-size: 1rem; }
	.user-bracket .round .seed { padding: .2rem .4rem .2rem }

	.pick-bracket.pick-bracket-8 { font-size: 1rem; }
	.pick-bracket.pick-bracket-16 { font-size: 1rem; }
	.pick-bracket.pick-bracket-32 { font-size: 1rem; }
	.pick-bracket.pick-bracket-32 .finals { margin-top: 0rem; }
	.pick-bracket.pick-bracket-64 { font-size: 1rem; }
	.pick-bracket.pick-bracket-128 { font-size: 1rem; }
	.pick-bracket .round .seed { padding: .2rem .4rem .2rem }

	.key-bracket.key-bracket-8 { font-size: 1rem; }
	.key-bracket.key-bracket-16 { font-size: 1rem; }
	.key-bracket.key-bracket-32 { font-size: 1rem; }
	.key-bracket.key-bracket-64 { font-size: 1rem; }
	.key-bracket.key-bracket-128 { font-size: 1rem; }
	.key-bracket .round .seed { padding: .2rem .4rem .2rem }

  .final-four { position: relative; width: auto; left: 0px; margin-left: 0px; }
	.final-four.final-four-8 { width: auto; margin-left: 0px; }
	.final-four.final-four-16 { width: auto; margin-left: 0px; }
	.final-four.final-four-32 { width: auto; margin-left: 0px; }
	.final-four.final-four-64 { width: auto; margin-left: 0px; }
	.final-four.final-four-128 { width: auto; margin-left: 0px; }
  .bracket .bracket-info { position: relative; top: 0px; }
  .bracket .countdown { position: relative; top: 0px; }
  .bracket.bracket-128 .round-four .matchup .team[position='top'] { margin-top: 0px; }
	.bracket.bracket-128 .round-four .matchup .team[position='bottom'] { margin-bottom: 0px; }

  .user-bracket .round-zero { display: none; }
  .round-label { display: block; }
  .round-one .matchup .team[position='top'] { margin-top: 0px; }
  .round-one .matchup .team[position='bottom'] { margin-bottom: 0px; }

  .round-two .matchup .team[position='top'] { margin-top: 0px; }
	.round-two .matchup .team.team-8[position='top'] { margin-top: 0px; }
	.round-two .matchup .team.team-16[position='top'] { margin-top: 0px; }
	.round-two .matchup .team.team-32[position='top'] { margin-top: 0px; }
	.round-two .matchup .team.team-64[position='top'] { margin-top: 0px; }
	.round-two .matchup .team.team-128[position='top'] { margin-top: 0px; }

  .round-two .matchup .team[position='bottom'] { margin-bottom: 0px; }
  .round-two .matchup .team.team-8[position='bottom'] { margin-bottom: 0px; }
  .round-two .matchup .team.team-16[position='bottom'] { margin-bottom: 0px; }
  .round-two .matchup .team.team-32[position='bottom'] { margin-bottom: 0px; }
  .round-two .matchup .team.team-64[position='bottom'] { margin-bottom: 0px; }
  .round-two .matchup .team.team-128[position='bottom'] { margin-bottom: 0px; }

  .round-three .matchup .team[position='top'] { margin-top: 0px; }
  .round-three .matchup .team.team-16[position='top'] { margin-top: 0px; }
  .round-three .matchup .team.team-32[position='top'] { margin-top: 0px; }
  .round-three .matchup .team.team-64[position='top'] { margin-top: 0px; }
  .round-three .matchup .team.team-128[position='top'] { margin-top: 0px; }

  .round-three .matchup .team[position='bottom'] { margin-bottom: 0px; }
  .round-three .matchup .team.team-16[position='bottom'] { margin-bottom: 0px; }
  .round-three .matchup .team.team-32[position='bottom'] { margin-bottom: 0px; }
  .round-three .matchup .team.team-64[position='bottom'] { margin-bottom: 0px; }
  .round-three .matchup .team.team-128[position='bottom'] { margin-bottom: 0px; }

  .round-four .matchup .team[position='bottom'] { margin-bottom: 0px; }
  .round-four .matchup .team.team-32[position='bottom'] { margin-bottom: 0px; }
  .round-four .matchup .team.team-64[position='bottom'] { margin-bottom: 0px; }
  .round-four .matchup .team.team-128[position='bottom'] { margin-bottom: 0px; }

  .left-bracket .round-one .matchup, .left-bracket .round-two .matchup, .left-bracket .round-three .matchup, .left-bracket .round-four .matchup {
    border-left: 0px;
  }
  .right-bracket .round-one .matchup, .right-bracket .round-two .matchup, .right-bracket .round-three .matchup, .right-bracket .round-four .matchup {
    border-right: 0px;
  }

}

@media screen and (max-width: 576px) { /* sm */
}


@media print {
  @page {
    size: portrait;
    margin: 0mm;
 	}
  .container,.container-fluid {
    width: auto;
  }

  body { background-color: white; }
  .team { padding: 0.01rem 0.5rem; min-height: 1.0rem; }
  .seed { padding: 0.02rem 0.2rem; }
  #bracketsCloseTime { display: none; }
  .submit { display: none; }
  .scoring { display: none; }
  .left-bracket .round-one .matchup, .left-bracket .round-two .matchup, .left-bracket .round-three .matchup, .left-bracket .round-four .matchup {
    border-left: 2px solid #d5d5d5;
  }
  .right-bracket .round-one .matchup, .right-bracket .round-two .matchup, .right-bracket .round-three .matchup, .right-bracket .round-four .matchup {
    border-right: 2px solid #d5d5d5;  
  }
  .pick-bracket .seed { border-color: #d5d5d5; }
}