:root {
  --match-border-color: #ccc;
  --match-border-color-selected:#333;
  --match-bgColor-viewOnly: #e9ecef;
  --round-color: #333;


  
  --stage-color-P0: #4C78EB;
  --stage-BGcolor-P0: #4C78EB33;

  --stage-color-P1: #4115ff;
  --stage-BGcolor-P1: #4115ff33;

  --stage-color-F0: #705501;
  --stage-BGcolor-F0: #70550133;

  --stage-color-F1: #d1a719;
  --stage-BGcolor-F1: #d1a71933;
  

}





.contentFrameWrapper {
  max-width: 900px;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 12px;
}

@media screen and (max-width: 900px) {
  .contentFrameWrapper {
    padding-left: 0;
    padding-right: 0;
    margin-top: 1px;
  }
}




.contentFrameWrapper
, .fullPage .modWrapper {
  max-width: 1400px;
}



.btn-asterisk:before {
  font-family: FontAwesome;
  content: "\f069";
}

#bracketedit #bracket_content_wrapper {
  background-color: #fff;
}

/*

.bracket_wrapper
, .teamPool_wrapper_outer {
  background-color: #fff;
}
*/

.bracket_wrapper:last-child
, .teamPool_wrapper_outer:last-child {
  border-bottom: none;
}


.bracket_header_row1 {
  background-color: #E0DFEE;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 6px 92px 6px 24px;
  position: relative;
}


@media screen and (max-width: 900px) {
  .bracket_header_row1 {
    padding-right: 42px;
    padding-left: 16px;
    border-radius: 0;
  }
}





.bracket_header_row1 .bracket-breadcrumb {
  text-decoration: none;
  display: inline-block;
}


.bracket_header_row1 .bracket-breadcrumb .bracket-breadcrumb_teamPool:after {
  
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f0ec";
  font-weight: normal;

  font-size: 18px;
  color:#333;


  margin-left: 6px;
  line-height: 14px;

   
}



.bracket_header_row1 .bracket-breadcrumb .bracket-breadcrumb-label {
  display: inline-block;
  vertical-align: middle;
  color:#000;
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-decoration: underline;
}


.bracket_header_row1 a.bracket-breadcrumb:hover .bracket-breadcrumb-label {
  color: var(--competition-color);
}


.bracket_header_row1 .bracket-breadcrumb .bracket-breadcrumb_competition:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f091";
  font-size: 18px;
  line-height: 18px;
  color: #555;
  margin-right: 9px;
  margin-top: -2px;
  font-weight: normal;

}
.bracket_header_row1 .bracket-breadcrumb .bracket-breadcrumb_teamPool:before
, .bracket_header_row1 .bracket-breadcrumb .bracket-breadcrumb_bracket:before {

  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f0da";
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
  margin: -4px 9px 0 9px;
  color: #9a95c8;
  font-weight: normal;
}












.bracket_header_row1 .filterItem {
  margin-right: 4px;
  margin-bottom: 0;
}




/*
#bracket_content_wrapper {
  padding: 12px 18px 24px 18px;
}
@media screen and (max-width: 900px) {
  #bracket_content_wrapper {
    padding: 10px 10px 24px 10px;
  }
}
*/


.numTeamsWrapper {
  position: relative;
}
.numTeamsWrapper::after {
  font-family: FontAwesome;
  content:'\f0d7';
  color: #929eaa;
  font-size: 24px;
  position: absolute;
  right: 8px;
  bottom: 16px;
  height: 20px;
  pointer-events: none;
}



.addTeams {
  font-size: 18px;
  height: 38px;
  border-radius: 10px;
  line-height: 32px;
  background-color: #929eaa;
  border-color: #929eaa;
  margin: 6px 12px;
}
.addTeams .fa {
  margin-left: 12px;
  margin-top: -2px;
  font-size: 22px;
  vertical-align: middle;
}

.printTournament {
  font-size: 18px;
  height: 38px;
  border-radius: 10px;
  line-height: 32px;
  background-color: #929eaa;
  border-color: #929eaa;
  margin: 6px;
}


.createAccount {
  margin-left: 24px;
  color: #969EAA;
  text-decoration: underline;
  white-space: nowrap;
}















/* bracket stuff */



.bracketSelect {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
}
.bracketSelectLinks {
  text-align: center;
}
.bracketSelectLinks a {
  display: inline-block;
  height: 48px;
  width: 44px;
  font-family: 'Oswald-Bold',Arial,Helvetica,sans-serif;
  color: #b4bfcc;
  font-size: 18px;
  line-height: 50px;
  text-decoration: none;
}
.bracketSelectLinks a.active {
  background-color: #eee;
  color: #969EAA;
}







/*
.scrollWrap1, .scrollWrap2 {
  overflow: auto;
}
.scrollWrap1, .dummyScroll {
  height: 20px;
}
.dummyScroll {
  min-width: 690px;
  overflow: hidden;
}
*/
.bracket_rounds_wrapper {
  width: 100%;
  min-height: 100%;
/*
  overflow-x: auto;
  margin-left: -8px;

  padding-bottom: 12px;
  
*/
  padding-bottom: 8px;
  position: relative;
}

.bracket_rounds_wrapper .bracket_rounds_content {
  padding: 0 12px 6px 12px ;
}



@media screen and (max-width: 768px) {
  .bracket_rounds_wrapper .bracket_rounds_content {
    padding: 0;
  }
}

.bracket_rounds_content {
  overflow: auto;
  display: block;
  width: 100%;
  /*
  padding-bottom: 6px;
  */
}






.bracket_rounds_wrapper.brackets.doubleElimination .bracket_rounds_content {
  display: grid;
  grid-template-columns: auto 1fr; /* Two columns */
  gap: 10px; /* Space between elements */
}



.bracket_rounds_wrapper.brackets.doubleElimination .roundsWrapper:nth-child(1) {
  grid-column: 1; /* Left column */
  grid-row: 1; /* First row */
}

.bracket_rounds_wrapper.brackets.doubleElimination .roundsWrapper:nth-child(2) {
  grid-column: 1; /* Left column */
  grid-row: 2; /* Second row */
}

.bracket_rounds_wrapper.brackets.doubleElimination .roundsWrapper:nth-child(3) {
  grid-column: 2; /* Right column */
  grid-row: 1 / span 2; /* Centered across both rows */
  align-self: center; /* Centers vertically */
}














/*
.brackets .roundsWrapper {
  padding: 12px;
}
*/

/*
.brackets .roundsWrapper .emptyMsg {
  padding: 0 0 10px 16px;
  color:#888;
  font-style: italic;
}
#scheduleData .emptyMsg {
  padding: 4px 0 0 8px;
  color:#888;
  font-style: italic;
}
  
.standingsContent .emptyMsg {
  padding: 0 0 0 8px;
  color:#888;
  font-style: italic;
}
*/
.competition-details-body .emptyMsg {
  padding: 0 0 10px 45px;
  color:#bbb;
  font-style: italic;
}
.competition-details-body .emptyMsg a {
  color:#bbb;
}
.competition-details-body .emptyMsg a:hover {
  color: var(--competition-color);
}

#bracketedit .bracket_wrapper .emptyMsg {
  padding: 12px 12px 12px 18px;
  color:#bbb;
  font-style: italic;
}






.bracket_rounds_content .setup-freestyle-row {
  margin: 8px;
}

.bracket_rounds_content .setup-freestyle-row .btn {
  border: 1px solid #ccc;
  border-radius: 14px;
  height: 28px;
  line-height: 28px;
  padding: 0 24px;
  color: var(--dialog-text-label);
  background-color: #fff;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bracket_rounds_content .setup-freestyle-row .btn:hover {
  color: var(--competition-color);
  background-color: var(--tab-selected-bgcolor);
}





#dialogFreestyleSetup .bootstrap-dialog-message {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
}

#dialogFreestyleSetup .num-rounds-row {
  text-align: right;
}
#dialogFreestyleSetup .num-rounds-row .form-control {
  margin-left: 12px;
}

#dialogFreestyleSetup .round-row {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 6px;
  margin: 8px 0;




}

#dialogFreestyleSetup .round-label-input {
  width: 100%;
}





#bracket_standings_wrapper {
  margin-bottom: 12px;
}
#bracket_standings_wrapper .standingsPoolWrapper {
  padding: 12px 0 12px 12px;
}

/*

.brackets strong {
  padding-left: 8px;
}
*/

.brackets .bracket_group {
  display: block;
  white-space: nowrap;
  padding: 6px 0 8px 0;
  
  /*
  overflow-y: hidden;
  padding-left: 12px;
*/
}
.brackets .bracket_group:after {
  content:' ';
  clear: both;
  display: block;
}


.seedLabel {
  position: absolute;
  top: 3px;
  left: 2px;
  display: inline-block;
  width: 22px;
  text-align: center;
  font-weight: normal;
  color:#888;
  font-size: 12px;
}



.singleElimination.brackets .bracket_group > .roundCol 
, .doubleElimination.brackets .bracket_group > .roundCol 
{
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 184px;
  padding-bottom: 24px;
}


.wideView .singleElimination.brackets .bracket_group > .roundCol 
, .wideView .doubleElimination.brackets .bracket_group > .roundCol 
{
  width: 234px;
}





.brackets .bracket_group > .roundCol > .bracketMatch {
  margin: 50px 0;
}


/*
.brackets .bracket_group > .roundCol > .bracketMatch:last-child {
  margin-bottom: 36px;
}
*/

.brackets .bracket_group > .roundCol > .bracketMatch:last-child {
  margin-bottom: 10px;
}
.brackets .bracket_group > .roundCol > .bracketMatch.isBye:last-child {
  margin-bottom: 0;
  display: none;
}

.brackets.roundRobin .bracket_group > .roundCol > .bracketMatch.isBye
, .brackets.freestyle .bracket_group > .roundCol > .bracketMatch.isBye
{
  margin-top: -10px;
  display: inline-block;
}

.brackets.roundRobin .bracket_group.numTeams_1 > .roundCol > .bracketMatch.isBye
, .brackets.freestyle .bracket_group.numTeams_1 > .roundCol > .bracketMatch.isBye
{
  margin-top: 50px;
}







.poolPlay.brackets .bracket_group > .roundCol
, .roundRobin.brackets .bracket_group > .roundCol
, .freestyle.brackets .bracket_group > .roundCol
 {
  display: inline-block;
  width: 184px;
  vertical-align: top;
  padding-bottom: 24px;
}


.wideView .poolPlay.brackets .bracket_group > .roundCol
, .wideView .roundRobin.brackets .bracket_group > .roundCol
, .wideView .freestyle.brackets .bracket_group > .roundCol
 {
  width: 234px;
}



.brackets .bracket_group > .roundCol > div.pool-row-more {
  margin: -22px 0-20px 13px;
}




.brackets div.bracketbox {
  position: relative;
  width: 100%;
  height: 33px;

  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;

/*
  border-top: 3px solid #929eaa;
  border-right: 3px solid #929eaa;
  border-bottom: 3px solid #929eaa;
*/

}

.brackets div.bracketbox .bracketbox-empty-message {
  border: 1px dashed var(--match-border-color);

  
  position: absolute;
  top: -12px;
  bottom: -11px;
  left: 8px;
  right: 8px;
  font-size: 16px;
  color: #888;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;

  border-radius: 5px;

  min-height: 32px;
}
.brackets div.bracketbox .bracketbox-empty-message:hover {

  color: #333;
  border-color: #333;
}





.brackets div.bracketbox .info {

  position: absolute;
  bottom: 40px;
  left: 9px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  color: var(--game-text-outer);
  line-height: 14px;
  z-index: 10;
  font-weight: bold;

  text-shadow: 1px 1px 1px var(--game-text-outer-glow);

  text-decoration: none;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 8px;
}




.brackets .rC .final div.bracketbox .info {
  bottom: 11px;
}



/*
.brackets .isHidden div.bracketbox .info {
  opacity: 0.6;
}
 */ 

.brackets div.bracketbox a.date_time_location:hover .info {
  color: var(--competition-color);
  background-color: var(--tab-selected-bgcolor);
  text-shadow: none;
}


.brackets div.bracketbox a.date_time_location:hover .date_time
, .brackets div.bracketbox a.date_time_location:hover .location {
  text-decoration: underline;
}

.brackets div.bracketbox a.date_time_location:hover .info::after {
  /* wrench */
  font-family: FontAwesome;
  content: '\f0ad';
  font-size: 12px;
  margin-left: 6px;
  font-weight: normal;

}

.brackets div.bracketbox.isEditingScore .info {
  left: 12px;
}

.brackets div.bracketbox > .date_time_location {
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  line-height: 12px;
}


.brackets div.bracketbox > .date_time_location > .date_time {
  line-height: 15px;
  display: block;
  position: absolute;
  bottom: 39px;
  padding-left: 42px;
  padding-right: 8px;
  left: 8px;
  right: 3px;
  text-align: right;

  text-decoration: none;
  color: var(--game-text-outer);


  text-shadow: 1px 1px 1px var(--game-text-outer-glow);
  font-weight: var(--game-text-outer-bold);


/*
  background-color: #ddd;
  */
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;


}

.brackets div.bracketbox > .date_time_location > .date_time strong {
  color: var(--game-text-outer);
}



.brackets div.bracketbox > .date_time_location > .location {
  line-height: 15px;
  display: block;
  position: absolute;
  bottom: -25px;
  left: 13px;
  right: 8px;
  text-decoration: none;
  color: var(--game-text-outer);


  text-shadow: 1px 1px 1px var(--game-text-outer-glow);
  font-weight: var(--game-text-outer-bold);

  overflow: hidden;
  text-overflow: ellipsis;



}
.brackets div.bracketbox > .date_time_location .game-status {

  line-height: 15px;
  display: inline-block;
  position: absolute;
  bottom: -25px;
  right: 12px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  
  text-decoration: none;
  color: #e70;

  background-color: var(--bracket-bg);


  padding-left: 8px;
}


/*
.brackets .r1 div.bracketbox > span.info {
  top: auto;
  left: -36px;
}
*/



.brackets div.bracketbox > span {
  position: absolute;
  left: 8px;
  font-size: 16px;
  white-space: nowrap;
}



.brackets div.bracketbox > span.itemCustom-master {

  background-color: var(--game-bg-future-seed);

  height: 26px;
}
.brackets div.bracketbox > span.itemCustom-master.isFiltered .teamname_display {
  background-color: #FF0;
}

#bracket .brackets div.bracketbox > span.itemCustom-master {
  background-color: #fff;
  
}


.brackets div.bracketbox > span.teama {
  top: -12px;
}
.brackets div.bracketbox > span.teamb {
  bottom: -12px;
}

/*
.brackets div.bracketbox > span.teamc {
  bottom: 44px;
}
*/



.brackets .r2 div.bracketbox > span.teamc {
  bottom: -16px;
}

.brackets .group_loser.group_grandFinal div.bracketbox > span.teamc {
  bottom: -16px;
}




.brackets .group2 {
  width: 390px;
  padding-top: 4px;
}


/*
.singleElimination.brackets > .group2
, .doubleElimination.brackets > .group2

 {
  height: 126px;
}
*/







/*
.bracket_bg {
  position: absolute;
  top:-32px;
  right: 2px;
  bottom: -19px;
  left: 5px;

  border-radius: 5px;;

  border: 1px solid #ddd;
  background-color: #eee;
}
*/









.poolPlay .line_back
, .poolPlay .line_next


, .roundRobin .line_back
, .roundRobin .line_next

, .freestyle .line_back
, .freestyle .line_next
 {
  display: none;
}

/*
.brackets.poolPlay > .bracket_group > div:after {
  content: ' ';
  clear: both;
  display: block;
}
*/


.brackets div.bracketbox .line_back:before {
  content: ' ';
  width: 10px;
  border-bottom: 2px solid var(--game-connector-advancing);
  height: 0;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: -2px;
}

/*
.brackets .selected div.bracketbox .line_back:before {
  border-color: var(--match-border-color-selected);
}
*/


.brackets .noLast div.bracketbox .line_back:before {
  display: none;
}


/*
.brackets .final div.bracketbox .line_back:before {
  left: -10px;
  width: 18px;
  top: 3px;
}
*/

.brackets .r1 div.bracketbox .line_back:before {
  display: none;
}
/*
.brackets #subType_finals .r1 div.bracketbox .line_back:before
, .brackets #subType_losers .r1 div.bracketbox .line_back:before
 {
  display: inline-block;
}
*/


/*
.brackets .group_loser .r1LI div.bracketbox .line_back:before {
  display: inline-block;
}
.brackets .group_loser .r1LI div.bracketbox .line_back:after {
  content: ' ';
  width: 2px;
  height: 43px;
  background-color: var(--match-border-color);
  display: inline-block;
  position: absolute;
  top: -29px;
  left: 0;
}
.brackets .r2LI div.bracketbox .line_back:before {
  display: inline-block;
  left: -2px;
  width: 10px;
}

*/



/*
.brackets .finalRound div.bracketbox .line_next {
  display: none;
}

.brackets.doubleElimination .finalRound div.bracketbox .line_next
 {
  display: inline-block;
}
*/


.brackets .finalRound div.bracketbox .line_next:before
 {
  width: 18px;
  right: -12px;
}


.brackets .isOneTeam div.bracketbox .line_next:before {
  display: none;
}



.brackets .isHidden div.bracketbox .line_next
, .brackets .isHidden div.bracketbox .line_back {
  display: none;
}



.brackets .finalRound div.bracketbox .line_next:after
 {
  display: none;
}


.brackets div.bracketbox .line_next:before {
  content: ' ';
  width: 7px;

  height: 0;
  border-bottom: 2px solid var(--game-connector-advancing);




  display: inline-block;
  position: absolute;
  top: 12px;
  right:-1px;
}

/*
.brackets .selected div.bracketbox .line_next:before {
  border-color: var(--match-border-color-selected);
}
*/



.brackets .group_grandFinal div.bracketbox .line_next:before {
  width: 17px;
  right:-11px;
}


.brackets div.bracketbox .line_next:after {
  content: ' ';

  border-left: 2px solid var(--game-connector-advancing);

  width: 0;
  height: 43px;
  display: inline-block;
  position: absolute;
  top: 12px;
  right:  -3px;
}

/*
.brackets .selected div.bracketbox .line_next:after {
  border-color: var(--match-border-color-selected);
}
*/




/*

.brackets .group_loser .r1LI div.bracketbox .line_next:after
 {
  display: none;
}

.brackets .group_loser .r2LI div.bracketbox .line_next:before {
  width: 15px;
  right: -9px;
}
.brackets .group_loser .r2LI div.bracketbox .line_next:after {
  display: none;
}
*/




.brackets .group_loser.group_grandFinal div.bracketbox .line_next:after {
  height: 2px;
  top: 12px ;
}





.brackets .bracket_group > .r1 > div:nth-child(odd) .line_next:after {
  top: -29px;
}

.brackets .bracket_group#subType_finals.numTeams_6 > .r1  .line_next:after {
  display: none;
}

.brackets .bracket_group#subType_finals.numTeams_7 > .r1  .line_next:after {
  top: -12px;
  height: 26px;
}
.brackets .bracket_group#subType_finals.numTeams_7 > .r2  .line_next:after {
  display: none;
}


.brackets .r2 div.bracketbox .line_next:after {
  height: 83px;
}
.brackets .bracket_group > .r2 > div:nth-child(odd) .line_next:after {
  top: -69px;
}


.brackets .r3 div.bracketbox .line_next:after {
    height: 166px;
}

.brackets .bracket_group > .r3 > div:nth-child(odd) .line_next:after {
  top: -152px;
}


.brackets .r4 div.bracketbox .line_next:after {
  height: 330px;
}
.brackets .bracket_group > .r4 > div:nth-child(odd) .line_next:after {
  top: -316px;
}


.r1, .r2, .r3, .r4, .r5, .r6
 {
  position: relative;
}

.brackets .bracket_group > .r1 > .bracketMatch 
{
  height: 32px;
}



.bracket_group_poolPlay .bracketMatch_empty.isBye {
  display: none;
}


.brackets .bracket_group > .r2 > .bracketMatch {
  margin: 91px 0 96px 0;
  height: 68px;
}
.brackets .bracket_group#subType_finals > .r2 > .bracketMatch {
  height: auto;
}
.brackets .bracket_group > .r3 > .bracketMatch {
  margin: 172px 0 158px 0;
  height: 156px;
}
.brackets .bracket_group > .r4 > .bracketMatch{
  margin: 336px 0 324px 0;
  height: 322px;
}
.brackets .bracket_group > .r5 > .bracketMatch {
  margin: 664px 0 0 0;
  height: 660px;
}
.brackets .bracket_group > .r6 > .bracketMatch {
  margin: 680px 0 0 0;
}

.brackets .bracket_group > .roundCol > .bracketMatch:last-child {
  height: auto;
  margin-bottom: 0;
}


.brackets .bracket_group > .r2 > .final {
  margin-top: 62px;
}
.brackets .bracket_group > .r3 > .final {
  margin-top: 103px;
}
.brackets .bracket_group > .r4 > .final {
  margin-top: 187px;
}
.brackets .bracket_group > .r5 > .final {
  margin-top: 351px;
}
.brackets .bracket_group > .r6 > .final {
  margin-top: 679px;
}





.brackets div.final > div.bracketbox {
  border-top: 0px;
  border-right: 0px;
  height: 0px;
}
.brackets .bracket_group > .r4 > .bracketMatch.drop {
  height: 180px;
  margin-bottom: 0px;
}
.brackets .bracket_group > .r5 > .final.drop {
  margin-top: 345px;
  margin-bottom: 0px;
  height: 1px;
}






/* 2-4 teams - all brackets */
.brackets .bracket_group#subType_winners.numTeams_3 .r1 .bracketMatch:nth-child(3)
, .brackets .bracket_group#subType_winners.numTeams_5 .r1 .bracketMatch:nth-child(3)
{
  margin-top: -36px;
}

.brackets .bracket_group#subType_losers.numTeams_3 .r1 .bracketMatch:nth-child(3) {
  margin-top: -78px;
}
.brackets .bracket_group#subType_losers.numTeams_3 .r1 .bracketMatch:nth-child(3) .line_next:after {
  display: none;
}


.brackets .bracket_group#subType_finals .r2 .bracketMatch:nth-child(2)
, .brackets .bracket_group#subType_winners.numTeams_3 .r2 .bracketMatch:nth-child(2)
, .brackets .bracket_group#subType_losers.numTeams_3 .r2 .bracketMatch:nth-child(2)
, .brackets .bracket_group#subType_winners.numTeams_5 .r2 .bracketMatch:nth-child(2)
{
  margin-top: 54px;
}
.brackets .bracket_group#subType_finals .r3 .final
, .brackets .bracket_group#subType_winners.numTeams_3 .r3 .final
{
  margin-top: 66px;
}
.brackets .bracket_group#subType_winners.numTeams_5 .r3 .bracketMatch:nth-child(2) {
  margin-top: 130px;
  margin-bottom: 0;
}
.brackets .bracket_group#subType_winners.numTeams_5 .r4 .final
{
  margin-top: 142px;
}




/* losers */


/* 5 - 8 = 6 */

/* round 1 - 2E */
.brackets .bracket_group#subType_losers.numTeams_6 > .r1 > .isBye
{
  display: none;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_7 > .r1 > .isBye:nth-child(2)
{
  display: inline-block;
  margin: 0;
  height: 106px;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_5 > .r1 > .isBye:nth-child(2)
{
  display: inline-block;
  margin: 0;
  height: 76px;
}
.brackets .bracket_group#subType_losers.numTeams_6 > .r1 > .bracketMatch
{
  margin-top: 54px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_5 > .r1 > .bracketMatch
{
  margin-top: 20px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_6 > .r1 > .bracketMatch:nth-child(3)
{
  margin-top: 77px;
}
.brackets .bracket_group#subType_losers.numTeams_6 > .r1 div.bracketbox .line_next:after {
  top: -10px;
  height: 24px;
}


.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_6 > .r1 .bracketMatch:nth-child(4) div.bracketbox .line_next:after {
  top: 12px;
  height: 40px;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_6 > .r1 .bracketMatch:nth-child(5) div.bracketbox .line_next:after {
  top: -34px;
  height: 48px;
}


/* round 2 - 2E+ */
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_6 > .r2 > .isBye
{
  display: none;
}
.brackets .bracket_group#subType_losers.numTeams_6 > .r2 > .bracketMatch
{
  margin-top: 54px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_5 > .r2 > .bracketMatch
{
  margin-top: 22px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_6 > .r2 > .bracketMatch
{
  
  margin-top: 94px;
}
.brackets .bracket_group#subType_losers.numTeams_6 > .r2 .bracketMatch:nth-child(2) .line_next:after {
  top: 12px;
  height: 42px;
}
.brackets .bracket_group#subType_losers.numTeams_6 > .r2 .bracketMatch:nth-child(3) .line_next:after {
  top: -34px;
  height: 48px;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_5 > .r2 .bracketMatch:nth-child(3) .line_next:after {
  top: -11px;
  height: 25px;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_6 > .r2 .bracketMatch:nth-child(3) .line_next:after {
  top: -14px;
  height: 28px;
}
/* round 3 - elim final */
.brackets .bracket_group#subType_losers.numTeams_6 > .r3 > .bracketMatch
{
  margin-top: 92px;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_6 > .r3 > .bracketMatch {
  margin-top: 68px;
}
.brackets .bracket_group#subType_losers.numTeams_6.overallTeams_5 > .r3 > .bracketMatch {
  margin-top: 54px;
}





/* 9 - 12 teams = 9 */
/* round 1 - 2E */
.brackets .bracket_group#subType_losers.numTeams_9 > .r1 > .isBye
{
  display: none;
}
.brackets .bracket_group#subType_losers.numTeams_9.overallTeams_11 > .r1 > .isBye:nth-child(2)
, .brackets .bracket_group#subType_losers.numTeams_9.overallTeams_10 > .r1 > .isBye:nth-child(2)
, .brackets .bracket_group#subType_losers.numTeams_9.overallTeams_10 > .r1 > .isBye:nth-child(8)
, .brackets .bracket_group#subType_losers.numTeams_9.overallTeams_9 > .r1 > .isBye:nth-child(2)
{
  display: inline-block;
  margin: 0;
  height: 82px;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r1 > .bracketMatch
{
  margin-top: 54px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r1 > div:nth-child(odd) .line_next:after {
  top: -32px;
  height: 46px;
}
/* round 2 - 2E+ */
.brackets .bracket_group#subType_losers.numTeams_9 > .r2 > .isBye
{
  display: none;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r2 > .bracketMatch:nth-child(3)
{
  margin-top: 97px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r2 > .bracketMatch:nth-child(5)
{
  margin-top: 140px;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r2 div.bracketbox .line_next:after {
  top: -10px;
  height: 24px;
}
/* round 3 - 3E */
.brackets .bracket_group#subType_losers.numTeams_9 > .r3 > .bracketMatch:nth-child(2)
{
  margin-top: 74px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r3 > .bracketMatch:nth-child(3)
{
  margin-top: 140px;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r3 .bracketMatch:nth-child(2) .line_next:after {
  top: 12px;
  height: 82px;
}
.brackets .bracket_group#subType_losers.numTeams_9 > .r3 .bracketMatch:nth-child(3) .line_next:after {
  top: -80px;
  height: 94px;
}
/* round 4 - last round */
.brackets .bracket_group#subType_losers.numTeams_9 > .r4 > .bracketMatch
{
  margin-top: 160px;
  height: auto;
}


/* 13 - 16 teams = 17 */ 
/* round 1 - 1E */
.brackets .bracket_group#subType_losers.numTeams_17 > .r1 > .isBye
{
  display: none;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r1 > .isBye:nth-child(2)
{
  display: inline-block;
  margin: 0;
  height: 18px;
}
.brackets .bracket_group#subType_losers.numTeams_17.overallTeams_15 > .r1 > .isBye:nth-child(2)
, .brackets .bracket_group#subType_losers.numTeams_17.overallTeams_14 > .r1 > .isBye:nth-child(2)
, .brackets .bracket_group#subType_losers.numTeams_17.overallTeams_13 > .r1 > .isBye:nth-child(2)
{
  height: 104px;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r1 > .bracketMatch
{
  margin-top: 54px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_17.overallTeams_14 > .r1 > .isBye:nth-child(10)
{
  display: inline-block;
  margin: 0;
  height: 83px;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r1 div.bracketbox .line_next:after {
  top: -13px;
  height: 27px;
}
/* round 2 - 2E */
.brackets .bracket_group#subType_losers.numTeams_17 > .r2 > .isBye
{
  display: none;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r2 > .bracketMatch
{
  margin-top: 54px;
  margin-bottom: 0;
  height: auto;
}
/* round 3 - 2E+ */
.brackets .bracket_group#subType_losers.numTeams_17 > .r3 > .isBye
{
  display: none;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r3 > .bracketMatch:nth-child(3)
{
  margin-top: 97px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r3 > .bracketMatch:nth-child(5)
{
  margin-top: 140px;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r3 div.bracketbox .line_next:after {
  top: -10px;
  height: 24px;
}
/* round 4 - 3E */
.brackets .bracket_group#subType_losers.numTeams_17 > .r4 > .bracketMatch:nth-child(2)
{
  margin-top: 74px;
  margin-bottom: 0;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r4 > .bracketMatch:nth-child(3)
{
  margin-top: 140px;
  height: auto;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r4 .bracketMatch:nth-child(2) .line_next:after {
  top: 12px;
  height: 82px;
}
.brackets .bracket_group#subType_losers.numTeams_17 > .r4 .bracketMatch:nth-child(3) .line_next:after {
  top: -80px;
  height: 94px;
}
/* round 5 - last round */
.brackets .bracket_group#subType_losers.numTeams_17 > .r5 > .bracketMatch
{
  margin-top: 160px;
  height: auto;
}



/* finals */
/* 2 - 6 teams = 6 */
.brackets .bracket_group#subType_finals .r1 .isBye
{
  display: none;
}
.brackets .bracket_group#subType_finals .r1 .bracketMatch:nth-child(3)
{
  margin-top: 54px;
}

/* 7 - 16 teams = 7 */
.brackets .bracket_group#subType_finals.numTeams_7 > .r1 > .bracketMatch
{
  margin-top: 78px;
}
.brackets .bracket_group#subType_finals.numTeams_7 .r2 .isBye
{
  display: none;
}
.brackets .bracket_group#subType_finals.numTeams_7 > .r2 > .bracketMatch
{
  margin-top: 54px;
}
.brackets .bracket_group#subType_finals.numTeams_7 > .r3 > .bracketMatch
{
  margin-top: 54px;
}
.brackets .bracket_group#subType_finals.numTeams_7 > .r4 > .final
{
  margin-top: 66px;
}











.brackets .teamc {
  border: 2px solid var(--game-border);
  border-radius: 5px;
  top: -10px;
}

.brackets .teama {
  border: 2px solid var(--game-border);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;



  border-bottom-color: var(--game-divider-teams);


  border-bottom-width: 1px;
}

.brackets .isBye .teama {

  border-bottom-color: var(--game-border);
  border-bottom-width:  2px;
}




.brackets .isBye .teama {
  
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.brackets .teamb {
  border: 2px solid var(--game-border);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-width: 1px;
  border-top-color: var(--game-divider-teams);
}



.brackets .selected .teama  {
  border-color: var(--match-border-color-selected);
}

.brackets .selected .teamb  {
  border-color: var(--match-border-color-selected);
  border-top: 2px solid var(--game-divider-teams);
}



.brackets .isOptional.teama 
, .brackets .isOptional.teamb
{
  border-style: dashed;
}




#dialogReturnToSetup .bootstrap-dialog-message {
  text-align: center;
}


#dialogTournamentOptions .inputRow {
  margin-top: 8px;
}
.option-actions {
  margin-top: 8px;
}
.option-actions .btn {
  font-weight: normal;
}


#dialogTournamentOptions .filterCell {
  margin: 12px 0;
}




#dialogRoundOptions .option-actions-section {
  margin-top: 24px;
}


#dialogTournamentOptions .option-actions-section.isReplacePlaceholders {
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 8px 12px;
  
  margin-top: 12px;
}
#dialogTournamentOptions .option-actions-section.isReplacePlaceholders .option-actions-header {
  color: #888;
  font-family: 'Roboto Condensed', sans-serif;
}



#dialogTournamentOptions .option-actions-section {
  margin-bottom: 24px;
}

.btn-tbd:before {
  font-family: FontAwesome;
  content: "\f1c9";
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}



.seed {
  display: inline-block;
  width: 21px;
  text-align: right;
  position: absolute;
  bottom: 5px;
  font-size: 12px;
  color: #666;
}

.teamname_input {
  width: 133px;
  padding: 0 8px;
  border: none;
  background-color: #fff;

  color:#4E78EE;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  outline: none;

  display: inline-block;
  vertical-align: top;
}

.teama .teamname_input {
  border-top-left-radius: 5px;
}

.teamb .teamname_input {
  border-bottom-left-radius: 5px;
}
.useSeed .r1 .teamname_input
, .useSeed .r2 .teamname_input
/*
, .useSeed .rC .teamname_input
, .useSeed .rCR .teamname_input
*/
 {
  padding-left: 24px;
}





#winner {
  border-radius: 5px;
}


.teamscore_display {
  width: 30px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 22px;
  height: 23px;
  font-weight: bold;
  position: relative;


  border: none;


  /*
  color: #27e;
  */

  

  color: var(--game-text-placeholder);

  outline: none;
  background-color: transparent;
  font-size: 14px;

}
.isBye .teamscore_display {
  font-weight: normal;
}



.isUsingShootouts .teamscore_display {
  width: 34px;
  border-left: 2px solid var(--game-divider-scores);
}

.teamscore_display .teamscore_display_edit {
  color: #27e;
  width: 100%;
  display: block;
  height: 22px;
  white-space: nowrap;
}

.isEditingScores .teamscore_display {
  border-left: none;
}


.hasBothTeams .teamscore_display {
  background-color: var(--game-text-score-bg-ready);
}
.hasBothScores .teamscore_display {
  background-color: transparent;
}





.teamscore_display .teamscore_display_edit .pts {
  display: inline-block;
  vertical-align: bottom;
  margin-top: 2px;
}
.teamscore_display .teamscore_display_edit .pk {

  display: inline-block;
  vertical-align: top;
  margin: -3px 0 0 1px;
  font-weight: normal;
  font-size: 12px;
}




.isEditingScores .teamscore_display_edit {
  display: none;
}



.brackets .isEditingScores div.bracketbox .info
, .brackets .isEditingScores  div.bracketbox > .date_time_location > .date_time
, .brackets .isEditingScores  div.bracketbox > .date_time_location > .date_time strong
, .isEditingScores .teamscore_input
{
  color: #000;
}



#bracket .teamscore_display {
  color: #27e;
}


/*
.isBye .teamscore_display {
  font-size: 11px;
}
*/

.isScoring .teamname_display .tbd {
  color: #27e;
  font-weight: bold;
}



.hasConflict .teamname_input
, .hasConflict .teamname_input::placeholder
, .hasConflict .teamname_display span
 {
  color:#c00;
}





.bracketbox .teamname_display {
  width: 133px;
  padding: 3px 7px 0 7px;
  font-size: 14px;
  height: 22px;
  padding-left: 10px;
  font-family: 'Roboto Condensed', sans-serif;
}

.bracketbox .teama .teamname_display {
  border-top-left-radius: 5px;
}
.bracketbox .teamb .teamname_display
, .isBye .bracketbox .teama .teamname_display {
  border-bottom-left-radius: 5px;
}


.isSetup .bracketbox .teamname_display
, .isOneTeam .bracketbox .teamname_display {
  width: 163px;
}



.brackets .isOneTeam .bracketbox span.teama {
  border-radius: 5px;
  top:-1px;
}
.isUsingShootouts .bracketbox .teamname_display {
  width: 129px;
}
.bracketbox .teamc .teamname_display {
  width: 167px;
}



.wideView .bracketbox .teamname_display {
  width: 183px;
}
.wideView.isSetup .bracketbox .teamname_display
, .wideView .isOneTeam .bracketbox .teamname_display {
  width: 213px;
}
.wideView.isUsingShootouts .bracketbox .teamname_display {
  width: 179px;
}
.wideView.bracketbox .teamc .teamname_display {
  width: 217px;
}






.bracketbox .noTeam .teamname_display.isSeed {
  background-color: var(--game-bg-open-seed);
}



.isBye .bracketbox .teamname_display.isSeed {
  background-color: var(--game-bg-future-seed);
}


.isScoring .bracketbox .teamname_display.isSeed {
  background-color: var(--game-bg-future-seed);
}


.isBye .bracketbox .teamname_display_BYE {
  color: #aaa;
}
.bracketbox .teamname_display.teamname_display_BYE {
  font-weight: normal;
}




.useSeed .bracketbox .teamname_display.isSeed
 {
  padding-left: 26px;
}



.bracketbox .isWinner .teamname_display .teamSlotRef:before {

  font-family: FontAwesome;
  content: "\f0da";
  color: #27e;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  width: 10px;
  text-align: center;
  border-radius: 5px;
  margin-right: 1px;
  margin-top: -4px;
}




.footerOptions {
  height: 40px;
}



.switchOption {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px -5px 12px;

  text-align: center;
}

.switchOption label
, .modal-dialog label
, #bracketRefLabel {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  text-transform: none;
  line-height: 18px;
  white-space: no-wrap;
  font-weight: normal;
  color:#888;
}


#bracketRefLabel {
  margin-left: 6px;
}




.section-row-header .input-group {
  float: right;
  display: inline-block;
  vertical-align: middle;
}

.section-row-header .input-group .section-row-label {
  line-height: 32px;
}

#inputGroupPools {
  margin-right: 8px;;
}



/* The slider */

label.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    vertical-align: middle;
}
label.switch input {
    display: none;
}


.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



/* dialogs */


.tournamentDialog .listEditButton {
  text-align: center;
}
.tournamentDialog .listEditButton a {
  background-color: #999;
  font-size: 20px;
  border: none;
  border-radius: 24px;
  padding: 0 32px;
  width: 382px;
}
.tournamentDialog .listEditButton .btn-secondary:before {
  font-size: 32px;
}
.tournamentDialog .listEditButton a .btn-label {
  text-transform: none;
  margin-left: 16px;
}
.modal-footer .btn-default {
  margin-left: 8px;
}

.listInputWrapper {
  padding: 0 12px;
}
#addTeamsListDialog .instructions {
  color: #929eaa;
  font-size: 16px;
  margin-bottom: 16px;
}
#teamsList {
  height: 400px;
  color: #929eaa;
}

.tournamentDialog .modal-footer .btn-default {
  background-color: #929eaa;
}





#bracket_schedule_wrapper {
  page-break-before: always;
  padding-bottom: 12px;
}

#bracket_schedule_wrapper.hideSchedule #scheduleData {
  display: none;
}

#bracket_schedule_wrapper #scheduleData {
  padding: 0 18px;
}


/*
#bracket_schedule_wrapper #scheduleData {
  padding: 8px 18px;
}
  */


#bracket_information_wrapper.hideInformation #informationData {
  display: none;
}
#bracket_information_wrapper #informationData {
  padding: 8px 16px;
  background-color: #f2f3f9;
  color: #666;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Roboto Condensed', sans-serif;

}
#bracket_information_wrapper #informationData .emptyMessage {
  color:#888;
  font-style: italic;
}
#bracket_information_wrapper.hideInformation .btn-edit-information-text {
  display: none;
}
#bracket_information_wrapper .btn-edit-information-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
  color: var(--admin-info-color);
}
#bracket_information_wrapper .btn-edit-information-text:hover {
  color: var(--competition-color);
}


.sectionHeader {
  font-family: 'Oswald-Bold',Arial,Helvetica,sans-serif;
  font-size: 28px;
  color: #929eaa;
  padding: 8px;
  text-transform: uppercase;
}


.section-header {
  padding-left: 18px;
  background: linear-gradient(to right, rgba(128, 128, 128, 0.3) 0%, rgba(128, 128, 128, 0) 325px);
  line-height: 42px;
}

.section-header .section-header-text {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  color: var(--round-color);
  font-size: 18px;
  text-decoration: none;
  position: relative;
  padding-right: 30px;
  line-height: 25px;
  height: 25px;
}





.section-header .section-header-text:after {
  position: absolute;
  top: 0; 
  right: 4px;

  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  content: "\f077";
  font-size: 16px;
  font-weight: normal;
}
@media print {
  .section-header .section-header-text:after {
    display: none;
  }
}

#bracket .section-header .section-header-text:after {
  display: none;
}

#bracket_standings_wrapper .section-header .btn-wrench {
  line-height: 28px;
  color: #9398ea;

}
#bracket_standings_wrapper .section-header .btn-wrench:before {
  font-size: 20px;

}

.hideSchedule .section-header .section-header-text:after
, .hideStandings .section-header .section-header-text:after
, .hideRounds .section-header .section-header-text:after
, .hideTeams .section-header .section-header-text:after
, .hideSetup .section-header .section-header-text:after
, .hideInformation .section-header .section-header-text:after
 {
  content: "\f078";
}

.hideTeams #teamsData {
  display: none;
}

.bracket_setup_wrapper.hideSetup #setupData {
  display: none;
}

.bracket_setup_wrapper #setupData {
  padding: 12px;
}


.bracket_rounds_wrapper .roundHeader {
  margin-bottom: -16px;
}

.bracket_rounds_wrapper .roundHeader .roundHeader-inner {
  /*
  padding: 0 0 0 8px;
  */
  text-align: center;

}










#bracket_schedule_wrapper .roundHeader {
  border-bottom: 2px solid #929eaa;
}


.roundHeader .roundHeader-inner {
  max-width: 553px;
  min-height: 18px;
}


.roundHeader .roundHeader-label {
  font-family: 'Roboto Condensed', sans-serif;
  
  color: var(--bracket-round-text);

  font-size: 16px;
  text-decoration: none;


  
  text-shadow: 1px 1px 1px var(--bracket-round-text-glow);
  font-weight: var(--bracket-round-text-bold);


}
.roundAllHidden .roundHeader .roundHeader-label {
  color:#888;
  opacity: 0.5;
}





.schedule-pool-row {
  border-bottom: 1px solid #929eaa;
  padding: 0 2px 0 5px;
  font-weight: bold;
}




.roundWrapper {
/*
  padding: 4px;
*/
  margin-top: 8px;
}

/*
.view_schedule .gameInfoRow {
  padding: 4px  4px  4px  0;
  border-bottom: 1px solid #ccc;
  position: relative;
  display: flex;
}


.view_schedule .gameInfoRow > div {
  flex: 1;
}
*/



/*

.view_schedule .gameInfoRow .teamsInfo {
  position: relative;
  display: inline-flex;
}



@media screen and (max-width: 880px) {

}

@media screen and (max-width: 900px) {
  .view_schedule .gameInfoRow .teamsInfo {
    display: block;
  }


  .view_schedule .gameInfoRow .teamsInfo {
    max-width: 370px;
  }

}
*/





/* DESKTOP VIEW */

.view_schedule .gameInfoRow {
  display: flex;
  flex-wrap: nowrap;

  gap: 2px;

  
  padding: 4px 4px 4px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
} 

.view_schedule .gameInfoRow .teamsInfo {
  flex: 1;

  gap: 2px;

  display: flex;
  flex-wrap: nowrap;
  align-items: center;

  position: relative;

  max-width: 500px;
}

.view_schedule .gameInfoRow .teamsInfo .teamLabel {
  flex: 1;

  display: flex;
  align-items: center;

  min-height: 24px;

  background-color: #f7f8f9;
  border-radius: 5px;

  width: 100%;
  padding-left: 8px;
}
.view_schedule .gameInfoRow .teamsInfo .teamLabel .teamLabelInnerWrap {
  flex: 1;
}


.view_schedule .gameInfoRow .dateTimeLoc {
  flex: 1;
  
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;


  max-width: 500px;
}
.view_schedule .gameInfoRow .dateTimeLoc .dateTime {
  display: flex;
  flex-wrap: nowrap;
}

.view_schedule .gameInfoRow .dateTimeLoc .gameLoc {
  flex: 1;
}



/* TABLET VIEW */


@media screen and (max-width: 900px) {


  .view_schedule .gameInfoRow {
    padding-left: 42px;
  }


  .view_schedule .gameInfoRow .teamsInfo {
    flex-direction: column;
    align-items: start;
  }

  .view_schedule .gameInfoRow .dateTimeLoc {
    flex-direction: column;
  }
  .view_schedule .gameInfoRow .dateTimeLoc .gameTime {
    flex: 1;
    margin: 0;
  }
  
  .view_schedule .gameInfoRow .teamsInfo .teamLabel {
    padding-right: 80px;
  }


  .view_schedule .gameInfoRow .dateTimeLoc .dateTime {
    
  }
  

}




/* MOBILE VIEW */

@media screen and (max-width: 500px) {

  .view_schedule .gameInfoRow {
    
    flex-direction: column;

  } 




}














/*
@media screen and (max-width: 500px) {
  .view_schedule .gameInfoRow {
*/
    /* Stacks the .gameInfoRow elements vertically */
/*
    display: block; 
  }

  .view_schedule .gameInfoRow > div {
*/
    /* Ensures each child div takes up the full width */
/*
    width: 100%; 
*/
    /* Includes padding and border in the element's total width */
/*

    box-sizing: border-box; 
  }
}

*/



/*
.view_schedule .gameInfoRow > div
, .view_schedule .teamsInfo > div
, .view_schedule .dateTimeLoc > div 
{
  display: inline-block;
  vertical-align: top;
}
*/



/*
@media screen and (max-width: 900px) {

  .view_schedule .roundWrapper {
    padding: 4px 0;
    margin-top: 8px;
  }
*/

  /*
  .view_schedule .gameInfoRow div.teamsInfo {
    flex: 1;
  }
  
  .view_schedule .gameInfoRow div.dateTimeLoc {
    flex: 1;

    display: inline-flex;
  }
    

  .view_schedule .gameInfoRow > div.teamsInfo {
    flex-grow: 1;
    max-width: 500px;
  }
  
  .view_schedule .gameInfoRow > div.dateTimeLoc {
    flex: 0 0 164px;
  }
    */



    /*
  .view_schedule .gameInfoRow > div {
    display: block;
    overflow: hidden;
    position: relative;
  }
*/

  
    /*
  .view_schedule .dateTimeLoc {
    margin-top: 2px;
    flex-grow:1;
  }
    
    .view_schedule .dateTimeLoc > div {
      margin-top: 2px ;
    }
      */

      /*

    .view_schedule .dateTimeLoc  div.gameLoc {
      display: block;
      width: 100%;
      width: 159px;
      width: auto;
      min-width: 200px;
  
    }
    
      */

      /*

  .view_schedule .dateTimeLoc  div.gameTime {
    margin-right: 0;
  }
  
}
*/


/*

@media screen and (max-width: 500px) {


  .view_schedule .dateTimeLoc {
    margin-left: 42px;
  }
  */

  /*
  .view_schedule .gameInfoRow > div {
    position: static;
  }
*/

/*

  .view_schedule .dateTimeLoc div.gameLoc {
    width: calc(100% - 38px);
  }


  .view_schedule .dateTimeLoc div.gameTime {
    position: absolute;
    top: 56px;
    right: 0;
    width: calc(100% - 128px);
  }
  

}

*/






/*
@media screen and (max-width: 920px) {
  
  .view_schedule .dateTimeLoc > div {
    margin-top: 2px ;
  }
    
  
}
*/




.vsLabel {
  color:#777;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 0 14px 0 14px;
  display: inline-block;
  vertical-align: middle;


display: inline-flex;
align-items: center ;
      min-height: 24px;
      background-color: #f7f8f9;
      border-radius: 5px;

}


/*
.timeSlot-match.gameNo {
  margin-right: 8px;
}
*/

@media screen and (max-width: 900px) {

  .timeSlot-match.gameNo {
    position: absolute;
    top: 0;
    left: -40px;
    bottom: 0;
    height: auto;
    display: block ;
    align-content: center;
    
  }
  
}

@media screen and (max-width: 500px) {

  .timeSlot-match.gameNo {
    bottom: -52px;
    
  }
  
}



.isBye .gameNo {
  color: #aaa;
}








.schedSeed {
  margin-right: 6px;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-weight: normal;
  margin-top: -2px;
}

@media screen and (max-width: 900px) {

  .schedSeed {
    margin-top: -4px;
  }
}


.teamLabel {
/*
  width: 120px;
  */

  font-size: 14px;
  line-height: 16px;

  font-family: 'Roboto Condensed', sans-serif;

  font-weight: var(--game-text-team-bold);


  color: var(--game-text-team);

  text-shadow: 1px 1px 1px var(--game-text-team-glow);


    display: inline-block;
    vertical-align: top;
    
    overflow: hidden;

  position: relative;

}

.teamLabel.isFiltered
, .view_schedule .gameInfoRow .teamsInfo .teamLabel.isFiltered {
  background-color: #ff0;
}

.isEditing .teamLabel {
  background-color: var(--game-bg-future-seed);
}


/*

#scheduleData .teamLabel > span {
    display: flex;
    align-items: center;
}

*/



@media (max-width: 900px) {

  .teamsInfo .teamLabel {
    display: block;

    padding: 4px 12px 4px 0;
    /*
    padding: 4px 38px 4px 40px;
    width: 80%;
    white-space: nowrap;
    */


    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;

  }


/*

  #scheduleData .teamLabel > span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  



  .teamsInfo .teamLabel.teamLabelA {
    margin-top: 2px;
  }

*/

  .vsLabel {
    display: none;
  }
}



/*
@media (max-width: 400px) {

  .teamsInfo .teamLabel {
    
    width: 70%;
  }
}
*/











.gameTime {
  width: 74px;
  white-space: nowrap;

  font-size: 16px;
  line-height: 24px;;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;

    color: #4E78EE;
    color: #929eaa;
    background-color: #e9ecef;

    border-radius: 5px;


    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    position: relative;

}


/*
@media (max-width: 380px) {

  .gameTime {

      margin-right: 2px;
  }

}
*/

@media (max-width: 340px) {


  .gameTime input {
    padding-left: 8px;
    padding-right: 8px;
  }
}



.tbd {
  color: var(--game-text-placeholder);
  font-weight: normal;
  text-shadow: none;
}

.hasTeam .tbd {
  font-weight: bold;
}

.scheduleScore {
  width: 40px;
  color: #929eaa;
  background-color: #e9ecef;
  text-align: center;
  font-weight: bold;
  border: none;
  margin: 0 8px;
  line-height: 24px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
}


@media (max-width: 900px) {


  .scheduleScore
  , .scheduleScore_display {
    position: absolute;
    top: 3px;
    right: 0;
  }


  /*
  .scheduleScore.teamA {
  }
  .scheduleScore.teamB
  , .scheduleScore_display.teamB {
    top:30px;
  }
    */



}







.scheduleScore_display {
  display: inline-block;
  width: 40px;
  /*
  color: #929eaa;
  */
  color:#27e;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;

}

.isUsingShootouts .scheduleScore_display {
  font-size: 14px;
 }




.isUsingShootouts .scheduleScore_display .pts {
  display: inline-block;
  vertical-align: bottom;
  margin-top: 2px;
}
.isUsingShootouts .scheduleScore_display .pk {

  display: inline-block;
  vertical-align: top;
  margin: -3px 0 0 1px;
  font-weight: normal;
  font-size: 12px;
}




/*
.scheduleScore_display.isWinner {
  color:#27e;
}
*/


.gameInfoRow .teamLabel.isWinner .teamLabelInnerWrap .teamLabel_val:before {
  font-family: FontAwesome;
  content: "\f0da";
  color: #27e;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  width: 10px;
  text-align: center;
  border-radius: 5px;

  /*
  background-color: #fff;
  */

  margin-right: 1px;
  margin-top: -2px;
}



.gameLoc {
  position: relative;

/*
  min-width: 240px;
  max-width: 400px;
  width: auto;
*/


  font-size: 16px;
  line-height: 24px;;
  font-family: 'Roboto Condensed', sans-serif;

  color: #777;
  background-color: #e9ecef;

  border-radius: 5px;
}


/*

@media (max-width: 1500px) {
  .gameLoc {
    max-width: none;
    min-width: auto;
    width: 240px;
  }
}


@media (max-width: 1050px) {

  .gameLoc {
    width: 190px;
  }

}


@media (max-width: 890px) {

  .gameLoc {
    width: 170px;
  }

}

@media (max-width: 900px) {

  .gameLoc {
    width: 100%;
  }

}


*/



.viewOnly .gameDate
, .viewOnly .gameLoc
, .viewOnly .gameTime


, #bracket .gameDate
, #bracket .gameLoc
, #bracket .gameTime

{
  background-color: transparent;
}


/*

.dateTimeLoc .gameLoc .locationSlotRef {
  display: flex;
  line-height: 16px;
  height: auto;
  min-height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  align-items: center;  


}


*/



.gameDate {
  margin-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;


  position: relative;
  width: 88px;

  font-size: 14px;
  line-height: 24px;;
  font-family: 'Roboto Condensed', sans-serif;

  color: #777;
  background-color: #e9ecef;

  border-radius: 5px;
  white-space: nowrap;


  border-top-right-radius: 0;
  border-bottom-right-radius: 0;



}








.gameDate input
, .gameLoc input
, .gameTime input {
  background-color: transparent;
  box-shadow: none;
}


.gameInfoRow.hasConflict .gameDate input 
, .gameInfoRow.hasConflict .gameTime input 
, .gameInfoRow.hasConflict .dayOfWeek
, .gameInfoRow.hasConflict_location .gameLoc input
, .gameInfoRow.hasConflict_location .gameLoc input::placeholder
{
  color: #c00;
}



.gameDate .dayOfWeek {
  display: inline-block;
  vertical-align: top;
  width: 32px;
  text-align: right;


    line-height: 20px;
    padding-top: 2px;
}
.gameDate.tbd .dayOfWeek {
  display: none;
}

.viewOnly .gameDate .dayOfWeek {
  line-height: 20px;
  padding-top: 2px;
}

@media (max-width: 340px) {
  .gameDate .dayOfWeek {
    left: 2px;
  }

}


/*
.dateLabelRow {
  font-size: 14px;
  display: block;
  padding-left: 4px;
}

*/

.viewOnly .form-control {
  border: none;
  box-shadow: none;
  padding-right: 0;
}

.gameTime .form-control
, .gameTime input
, .gameDate .form-control
, .gameDate input
, .gameLoc .form-control
, .gameLoc input
, #dialogTimeSettings .short

 {
  border: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 16px;
  min-height: 24px;
  height: auto;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  color: #777;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  width: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: transparent;
}


.tbd .form-control {
  color: #aaa !important;
  font-style: italic;
  white-space: nowrap;
}



/*

.gameTime input {
  width: 100%;
  text-align: right;

}




.gameDate input {
  display: inline-block;
  width: 93px;
  padding-left: 6px;
  padding-right: 6px;
}



@media (max-width: 340px) {



  .gameDate input {
    width: 90px;
    padding-left: 5px;
    padding-right: 5px;
  }
}




.gameLoc input {
  display: inline-block;
  width: 100%;
}







.gameTime input::placeholder, .gameDate input::placeholder, .gameLoc input::placeholder {
  color: #aaa;
}





*/



















#descriptionWrapper {
  margin-top: 36px;
  padding-bottom: 36px;
  page-break-before: always;
}
#descriptionWrapper .sectionHeader {
  cursor: pointer;
}
#descriptionWrapper .sectionHeader::after {
    font-family: FontAwesome;
    content: "\f040";
    padding-left: 24px;
}
#descriptionWrapper.editOpen .sectionHeader::after {
    content: "\f0c7";
}
#descriptionData {
  margin: 8px;
}







.btn-up:before {
    font-family: FontAwesome;
    content: "\f077";
}
.btn-down:before {
    font-family: FontAwesome;
    content: "\f0DD";
}




.calendarDialogCover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  z-index: 9999;
  display: none;
}


@media print {
   .noprint, .contentHeaderWrapper, footer {
      display: none;
   }
}








.schedule-wrapper {

  border-bottom: 3px solid #ccc;
  max-height: 320px;
  overflow: auto;
}

.round-wrapper {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-top: 1px solid #ddd;
}


.round-header {
  padding: 0 6px;  
  color:#666;
}

.round-header .round-label {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 24px;
}






































.bracket_rounds_wrapper.bracket-group {
  background-color: #eee;
  padding: 8px;
}
.bracketGroup_bracket {
  background-color: #fff;;
  padding: 12px;
  margin: 8px;
  border-radius: 12px;
  border: 2px solid #fff;
}
.bracketGroup_bracket.isEditing {
  border-color: #27e;
}

.bracketGroup_bracket_header {
  padding: 0 0 12px 24px;
}

.bracketGroup_bracket_header .bracketGroup_header_name {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}


.bracketGroup_bracket_header .bracketGroup_header_date {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.bracketGroup_bracket_header a {
  color:#4D78ED;
  font-family: 'Oswald-Regular',Arial,Helvetica,sans-serif;
  font-weight: normal;
  position: relative;
  z-index: 99;
  margin-left: 16px;
  border: 1px solid #C0B0FF;
  font-size: 16px;
  line-height: 26px;


  -webkit-transition: none;
  transition: none;
}

.bracketGroup_bracket_header a:hover {
  
  background-color: #C0B0FF;
}


.bracketGroup_bracket_header a span {

  -webkit-transition: none;
  transition: none;
}




#dialogMatchDetails .gameNo {
  position: absolute;
  top:-27px;
  left: 9px;
  font-size: 14px;
}
#dialogMatchDetails .teamLabelA {
  text-align: left;
}
#dialogMatchDetails .vsLabel {
  display: none;
}
#dialogMatchDetails .gameInfoRow {
  border-bottom: none;
}

#dialogMatchDetails .gameDate
, #dialogMatchDetails .gameTime
, #dialogMatchDetails .gameLoc
 {
  background-color: #fff;
}
#dialogMatchDetails .dateTimeLoc {
  padding: 0;
  margin: 0;
  display: block;
  text-align: right;
}
#dialogMatchDetails .gameLoc {
  display: inline-block;
  width: auto;
  margin-top: 8px;
}
#dialogMatchDetails .gameLoc input {
  width: 193px;
  text-align: right;
  padding-right: 16px;
}

#dialogMatchDetails .roundWrapper {
  padding: 0;
  margin: 0;
}

#dialogMatchDetails .dayOfWeek  {
  text-align: left;
  display: none;
}
#dialogMatchDetails .gameDate {
    width: 100px;
    padding-left: 5px;
  text-align: left;

  position: absolute;
  top: 0;
  right: 98px;

}
#dialogMatchDetails .gameTime {
    width: 90px;
  text-align: left;

  position: absolute;
  top: 0;
  right: 0;
}
#dialogMatchDetails .modal-content {
  overflow: visible;
}


#dialogMatchDetails .roundHeader {
  padding-left: 8px;
}

#dialogMatchDetails .roundHeader .roundHeader-label {

  font-weight: normal;
  color:#777;
  font-size: 14px;
  font-weight: bold;

}


#dialogMatchDetails .teamsInfo {
  margin-top: 30px;
  display: block;
}



#dialogMatchDetails .scheduleScore
, #dialogMatchDetails .scheduleScore_display {
  position: absolute;
  top:0;
  right: 0;
  background-color: transparent;
}


/*
.scheduleScore.teamA {
}

#dialogMatchDetails .scheduleScore.teamB
, #dialogMatchDetails .scheduleScore_display.teamB {
  top:31px;
}
*/




#dialogMatchDetails .teamsInfo .teamLabel {
    display: block;
    padding: 2px 30px 2px 8px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

  border: 2px solid var(--match-border-color);
}



#dialogMatchDetails .teamsInfo .teamLabel.teamLabelA {
  border-bottom: 2px solid #eee;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#dialogMatchDetails .teamsInfo .teamLabel.teamLabelB {

  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}




#dialogMatchDetails .teamsInfo .teamLabel
, #dialogMatchDetails .teamsInfo .teamLabel > span {

    color: #27e;
    font-weight: bold;
}




#dialogMatchDetails  #scheduleData .teamLabel > span {
      display: block;
  }


#dialogMatchDetails .form-control {
  font-weight:bold;
  color:#666;
}
#dialogMatchDetails #locationDialog {
  padding: 0;
  margin: 0;
}
#dialogMatchDetails .select2-container {
  vertical-align: top;
}
#dialogMatchDetails .select2-container--default .select2-selection--single {
  border: none;
}
#dialogMatchDetails .select2-container .select2-selection--single .select2-selection__rendered {



    font-size: 14px;
    line-height: 24px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #666;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 2px 24px 0 0 ;


}

#dialogMatchDetails .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  font-size: 18px;
}







#bracketStructure {
  padding: 0 18px 18px 18px;
  display: none;
}
.showStructure #bracketStructure {
  display: block;
}


#dialogChangeBracket .modal-body {
  background-color: #fff;
}



#dialogChangeBracket .teamPool_wrapper {
  
  margin-bottom: 2px;
  padding: 2px 0;
  position: relative;
  border-top: 2px solid var(--competition-bgcolor);
}



#dialogChangeBracket .bracket_setup_wrapper .bracketset-type-link {
  border-radius: 0;
}



/*
#dialogChangeBracket #mod_tournamentEvents .event-matchup-label .link-content-row:after {
  display: inline-block;
  content: "";
  height: 32px;
  width: 13px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
  clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%);
}
*/

#dialogChangeBracket #changeBracket_pool_wrapper {
  padding-left: 4px;
}
#dialogChangeBracket .competitionRow {
  position: relative;
  padding-left: 34px;
}
#dialogChangeBracket .competitionRow:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f091";
  color: #000;
  position: absolute;
  left: 4px;
  top: 0;
  font-size: 20px;
}
#dialogChangeBracket .competitionRow #competitionID_changeBracket {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  line-height: 24px;
  padding-top:0;
  padding-bottom:0;
}

#dialogChangeBracket .teamPool_header {
  padding-top: 6px;
  display: block;
  text-decoration: none;
  
  color: var(--teamPool-color);
}


/*
#dialogChangeBracket .teamPool_header_text {
  
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  color: var(--round-color);
  font-size: 16px;
  text-decoration: none;
  position: relative;
}
*/



#dialogChangeBracket .bracket_setup_wrapper .checklist-row {
  padding-left: 18px;
}
#dialogChangeBracket .bracket_setup_wrapper .status-icon {
  display: none;
}
#dialogChangeBracket .bracket_setup_wrapper .selectedBracket .status-icon {
  display: inline-block;
  left: 2px;
  width: 8px;
}
#dialogChangeBracket .bracket_setup_wrapper .selectedBracket .status-icon:before {
  content: "\f0da";
  font-size: 22px;
  color: #000;
}
#dialogChangeBracket .warning_message {
  padding: 8px;
  font-style: italic;
  color:#777;
}


#dialogChangeBracket .checklist-item-extra {
  
  color: var(--admin-info-color);
  margin-left: auto;
  font-size: 16px;
  font-style: italic
}

/*
#dialogChangeBracket .selectedBracket .checklist-item-extra {
  color:#27e;
  font-weight: bold;
}
*/

/*
#dialogChangeBracket #mod_tournamentEvents .event-matchup-label {
  min-width: 65px;
}
*/

#dialogChangeBracket .selectedBracket .bracketset-type-link .bracketset-type-label {
  color:#fff;
}


#dialogChangeBracket .selectedBracket .bracketset-type-link .bracketset-type-label {
  color:#fff;
}


#dialogChangeBracket .isWarning .checklist-item-extra {
  color:#ff8c00;
}


#dialogChangeBracket .isWarning a:hover .checklist-item-extra {
  
  color: var(--eventFolder-color-hover);
}


#dialogChangeBracket .brackets_wrapper {
  padding: 0 40px 0 10px;
}


#bracket_information_text {
  display: none;
}



/* VISITOR */
.frameOuterWrapper #bracket .pageTitle div {
  text-align: left;
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  padding-top: 6px;
}