:root {
  --admin-info-color: #9398ea;

  


  
  
  --input-text-noChanges: #666;



  
}

















#mod_tournamentEvents .event-section-body {
  background-color: transparent;
  padding: 4px 0 0 0;
}




#mod_tournamentEvents .event-section-header {
  border-radius: 12px;
  background-color: #342662;

  /*
  margin: 0 8px;
  padding-left: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  */


} 



.competition-inner-wrapper {
  box-shadow: none;
}


#mod_tournamentEvents .event-section-header .event-expandCollapse-group a.competition-view-toggle {
  color:#ccc;
}
#mod_tournamentEvents .event-section-header .event-expandCollapse-group a.competition-view-toggle:hover {
  color:#fff;
}








/* keypad */


.keypad-parent {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}



.keypad-parent .form-control {
  font-size: 28px;
  line-height: 34px;
  height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
  color: #000;
  border-color: #adf;
  position: relative;
  text-align: center;
}
.keypad-parent.isKeypadFocus .form-control {
  z-index: 100;
}


.keypad-parent.isKeypadFocus input::placeholder {
  /*
  color: transparent;
  */
  color:#ccc;
}


.keypad-screen  {
  display: none;

}
.isKeypadFocus .keypad-screen {
  display: block;
  position:fixed;
  top: 0;
  left: 0;
  width:100%; 
  height:100%;
  z-index: 1;
}
.keypad-wrapper {
  display: none;



}

.isKeypadFocus .keypad-wrapper {
  display: block;

  position: absolute;
  z-index: 1100;
  top: 34px;

  left: -35px;

  width: 165px;

  border-radius: 8px;

  box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important
}

.keypad-wrapper .keypad-row {
  z-index: 10;
  position: relative;
}
.keypad-wrapper .keypad-row .keypad-col {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  text-align: center;
}




.keypad-wrapper .keypad-row .keypad-col .keypad-button {
  display: block;
  width: 100%;
  border-radius: 0;

  border: 1px solid #ccc;
  line-height: 44px;
  height: 44px;

  font-size: 24px;


  background-color: #fff;
  color: #000;
  text-decoration: none;
  text-align: center;
  padding: 0;

  font-family: Arial,Helvetica,sans-serif;


}
.keypad-wrapper .keypad-row .keypad-col .keypad-button.isConfirm
, .keypad-wrapper .keypad-row .keypad-col .keypad-button.isDelete
 {
  font-size: 16px;
 }


 .keypad-wrapper .keypad-row .keypad-col .keypad-button.isDisabled {
  color: #aaa;
 }


.keypad-wrapper .keypad-row .keypad-col:nth-child(2) .keypad-button {
  border-left: none;
  border-right: none;
}



.keypad-wrapper .keypad-row:NOT(:first-child) .keypad-col .keypad-button
 {
  border-top: none;
}


/*
.keypad-wrapper .keypad-row:nth-child(2) .keypad-col .keypad-button
 {
  border-top: none;
  border-bottom: none;
}

.keypad-wrapper .keypad-row:nth-child(3) .keypad-col .keypad-button
 {
  border-bottom: none;
}
*/









.keypad-wrapper .keypad-row .keypad-col .keypad-button:hover {
  background-color: #eee;

}





.keypad-wrapper .keypad-row:first-child .keypad-col:first-child .keypad-button {
  border-top-left-radius: 5px;
}
.keypad-wrapper .keypad-row:first-child .keypad-col:last-child .keypad-button {
  border-top-right-radius: 5px;
}

.keypad-wrapper .keypad-row:last-child .keypad-col:first-child .keypad-button {
  border-bottom-left-radius: 5px;
}
.keypad-wrapper .keypad-row:last-child .keypad-col:last-child .keypad-button {
  border-bottom-right-radius: 5px;
}








.keypad-wrapper .keypad-alert-max {
  display: block;
  padding: 4px;
  text-align: center;
  background-color: #ff0;
  text-decoration: none;
  height: 30px;
  margin-top: -30px;
  z-index: 1;

  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;

  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

  
  transition: 0.2s linear all;
}

.keypad-wrapper .keypad-alert-max.hadRecentAlert {
  margin-top: 0;
}
.keypad-wrapper .keypad-alert-max:before {
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 16px;
  color: #f00;
  margin-right: 8px;

}








































/* get started */








.event-subSection-wrapper.isSetup {
  max-width: 650px;
  margin: 8px auto 50px auto;
  background-color: #eee;
  border-radius: 16px;
  padding: 12px;
  color:#000;
  position: relative;
}



.event-subSection-wrapper.isSetup .modWrapper {
  margin-bottom: 0;
}



.event-subSection-wrapper .back-row {
  height: 40px;


  /*
  max-width: 600px;
  margin: 0 auto;

  padding: 0 12px;
  */


  position: absolute;
  bottom: -30px;
  left: 36px;
  right: 14px;

  display: flex;
  justify-content: space-between;
  align-items: center;
}


.event-subSection-wrapper .back-row.isGetStarted {
  bottom: 4px;

}


.event-subSection-wrapper .back-row.isExtraRow {
  bottom: -52px;
  left: 14px;
}



.event-subSection-wrapper .back-row .btn.getStarted-back {
  border-radius: 16px;
  line-height: 28px;
  padding: 0 18px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ddd;
  color: #2D3366;
}
.event-subSection-wrapper .back-row .btn.getStarted-back:hover {
  background-color: #bbb;
  color: #000;
}

.event-subSection-wrapper .back-row .btn.btn-arrow-left:before {
  font-family: FontAwesome;
  font-weight: normal;
  vertical-align: top;
}


.event-subSection-wrapper .back-row .btn .btn-label {
  vertical-align: top;
}

/*
.event-subSection-wrapper .back-row .back-link {
  color:#ccc;
  font-size: 16px;
  line-height: 28px;
  text-decoration: none;
}
.event-subSection-wrapper .back-row.isGetStarted .back-link {
  color:#888;
}
.event-subSection-wrapper .back-row .back-link:hover {
  color:#fff;
}
.event-subSection-wrapper .back-row.isGetStarted .back-link:hover {
  color:#444;
}
*/



/*
.fullPage .event-subSection-wrapper.isSetup .modContent {
  padding: 0 6px 6px 6px;
}
*/

.event-subSection-wrapper .modTitle {
  color:#000;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 0 0 24px;
  font-size: 18px;
  line-height: 22px;
}


@media (max-width: 767px) {
  .event-subSection-wrapper .modTitle {
    text-align: center;
    margin-bottom: 12px;
  }
}

.event-subSection-wrapper .btn.getStarted-next {
  border-radius: 16px;
  line-height: 28px;
  padding: 0 18px;

  font-family: Arial, Helvetica, sans-serif;
}
.event-subSection-wrapper .btn.getStarted-next .btn-label {
  vertical-align: top;
}
.event-subSection-wrapper .btn.getStarted-nextn:after {
  vertical-align: top;
}




.event-subSection-wrapper .modSubTitle {

  color:#888;
  font-size: 16px;
  padding: 12px 0 0 24px;

  font-family: Arial, Helvetica, sans-serif;
}


.modSubTitle .select-wrapper-outer {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  white-space: nowrap;
}

.modSubTitle .select-wrapper {
  background-color: transparent;
  border: 1px solid #ccc;
  display: inline-block;
  margin-left: 4px;
}
.modSubTitle .select-wrapper:after {
  top: 7px;
}


.event-subSection-wrapper .modSubTitle .form-control {

  color:#888;
  font-size: 16px;

  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
}

/*
#setup_competitionTypeLabel {
  padding-right: 4px;
}
#setup_competitionTypeOrdinal {
  padding-left: 8px;
}
*/

.event-subSection-wrapper .big-button-row {

  text-align: center;
  display: flex;
  gap: 24px;
}
.event-subSection-wrapper .big-button-row .big-button {
  flex:1;
  

  text-align: center;

  text-decoration: none;

  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  padding: 12px 12px 134px 12px;
  position: relative;
}



@media (max-width: 500px) {
  .event-subSection-wrapper .big-button-row {
    display: block;
  }
  .event-subSection-wrapper .big-button-row .big-button {
    display: block;
    margin-bottom: 8px;
  }
}

.event-subSection-wrapper .big-button-row .big-button .big-button-summary {
  color:#888;
  font-size: 16px;
  line-height: 20px;
}
.event-subSection-wrapper .big-button-image-row {
  height: 80px;

  position: absolute;
  bottom: 50px;
  left: 12px;
  right: 12px;
}


.event-subSection-wrapper .big-button-row .big-button .btn {
  display: block;

  font-family: Arial, Helvetica, sans-serif;
  
  border-radius: 16px;
  height: 32px;
  line-height: 32px;

  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;

  max-width: 240px;
  margin: 0 auto;
}


.event-subSection-wrapper .competition-title-row {
  display: block;
  text-decoration: none;

  position: relative;
  padding-left: 68px;
}


.event-subSection-wrapper .competition-title-row .competition-expand-icon {
  float: right;
  display: inline-block;
}

.event-subSection-wrapper .competition-title-row .competition-expand-icon:before {
  font-family: FontAwesome;
  content: "\f078";
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color:#888;
}


.event-subSection-wrapper .competition-item.expanded .competition-title-row .competition-expand-icon:before {
  content: "\f077";
  color:#27e;
}


.event-subSection-wrapper .competition-title-row .competition-getstarted-status {
  display: inline-block;
  float: right;

  font-size: 14px;
  line-height: 24px;
  font-style: italic;
  color:#9673FF;
  margin-right: 16px;

}









.competition-getstarted-content {
  display: none;
  position: relative;
}


.competition-item.expanded .competition-getstarted-content {
  padding: 12px;
  display: block;

  max-width: 670px;
  margin: 0 auto;

  min-height: 250px;
}



/*
.isSetupDone .competition-item.expanded .competition-getstarted-content {
  min-height: auto;
}

.isSetupDone .setupDone-actions {
  display: flex;
  justify-content: center;
  gap: 24px;
  
}

.isSetupDone .setupDone-link {
  display: inline-block;
}
*/





.modWrapper.isGetStarted {
  overflow: visible;
  margin-bottom: 40px !important;
}

.modWrapper.isSetupChooseIfSplit {
  padding-top: 33px;
}



.modWrapper.isSetupChooseIfSplit .copy-setup-row {
  margin-top: 24px;
}
.modWrapper.isSetupChooseIfSplit .copy-setup-link {
  color:#999;
}
.modWrapper.isSetupChooseIfSplit .copy-setup-link:hover {
  color: var(--competition-color);
}

.modWrapper.isSetupChooseIfSplit .copy-setup-link:before {
  font-family: FontAwesome;
  content: "\f24d";
  font-weight: normal;
  margin-right: 8px;
  
  display: inline-block;
  vertical-align: middle;

  font-size: 20px;
}
.modWrapper.isSetupChooseIfSplit .copy-setup-link-text {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
}




.competition-item .competition-options-wrapper {
  text-align: right;
  padding: 8px 18px 12px 12px;
}
.competition-item .competition-options-link {
  color:#999;
  text-decoration: none;
}
.competition-item .competition-options-link:hover {
  color: var(--competition-color);
}

.competition-item .competition-options-link:before {
  font-family: FontAwesome;
  content: "\f013";
  font-weight: normal;
  margin-right: 8px;
  
  display: inline-block;
  vertical-align: middle;

  font-size: 20px;
}
.competition-item .competition-options-link .competition-options-link-label {

}




#dialogCopyCompetitionSetup .competition-title {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #27e;
  font-weight: bold;
}
#dialogCopyCompetitionSetup .competition-subtitle {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
}



#dialogCopyCompetitionSetup .competition-list {
  display: block;
  margin-left: 36px;
  max-height: 300px;
  overflow: auto;
}
#dialogCopyCompetitionSetup .competition-link {
  display: block;
  padding: 6px 8px 6px 32px;
  position: relative;

  text-decoration: none;

  line-height: 16px;

  margin: 4px 0;
}
#dialogCopyCompetitionSetup .competition-link:before {
  font-family: FontAwesome;
  content: '\f096';
  font-weight: normal;
  
  display: inline-block;
  vertical-align: middle;

  font-size: 26px;

  color:#999;
  position: absolute;
  left: 0;
  top: 10px;

}
#dialogCopyCompetitionSetup .competition-link.selected:before {
  content: '\f046';
  color:#27e;

}
#dialogCopyCompetitionSetup .competition-link-text {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  color:#000;
  font-weight: bold;
  font-size: 16px;

}
#dialogCopyCompetitionSetup a:hover .competition-link-text {
  color:#27e;
}
#dialogCopyCompetitionSetup .selected .competition-link-text {
  color:#27e;
}


#dialogCopyCompetitionSetup .competitions-pending-setup-note {
  margin-top: 24px;
  
}
#dialogCopyCompetitionSetup .competitions-pending-setup-note-text {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color:#000;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}





.modWrapper.isGetStarted .modTitle {
  margin-bottom: 12px;
  padding-left: 24px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}





@media (max-width: 500px) {
  .modWrapper.isGetStarted .modTitle {
    padding-left: 8px;
  }
}


.modWrapper.isGetStarted .modTitle .modTitle-text {
  display: inline-block;
  vertical-align: middle;
}

.modWrapper.isGetStarted .modTitle-numTeams { 

  display: block;
  white-space: nowrap;
  margin: 4px 0 12px 8px;


}



.modWrapper.isGetStarted .modTitle .modTitle-text .header-back-link {
  color:#000;
  text-decoration: underline;
}



/*
.modWrapper.isGetStarted.isNumbersOnly .modTitle-subText-phrase {
  display: inline-block;
  white-space: nowrap;
}
*/


.modWrapper.isGetStarted .modTitle-subText-toggle-link {
    display: inline;
    vertical-align: middle;

    color:#888;
    text-decoration: underline;
    margin-left: 5px;
}

.modWrapper.isGetStarted .modTitle-subText-toggle-link.use-existing-link {
  float: right;
  margin-right: 5px;
}


@media (max-width: 500px) {

  .modWrapper.isGetStarted .modTitle-subText-toggle-link.use-existing-link {
    float: none;
    margin: 2px 0 0 0;
    display: block;
    text-align: right;
  }
  
}


.modWrapper.isGetStarted .modTitle .title-icon {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  margin: 0 6px;
  color:#113399;
  margin-top:2px;
}
.modWrapper.isGetStarted .modTitle .title-icon.icon-singleElimination:before {
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.modWrapper.isGetStarted .modTitle .title-icon.icon-roundRobin:before {
  font-size: 26px;
  line-height: 26px;
  margin-top:4px;
  display: inline-block;
  vertical-align: middle;
  
}





#addTeamsFromRegDialog .import-message {
  padding: 10px 16px 12px 16px;
  color:#888;
  
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22px;
  border: 1px solid #ccc;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
} 




.modWrapper.isGetStarted .teamPool-numTeams-list .teamPool-row {
  display: block;
  margin: 8px 0;
  padding-left: 24px;
  position: relative;
}
.modWrapper.isGetStarted .teamPool-numTeams-list .pool-name-label {
  width: 91px;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}

.modWrapper.isGetStarted.isSetupTeams .input-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;

}

.modWrapper.isGetStarted.isSetupTeams .input-wrapper .form-control {
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color:#000;
  font-weight: bold;
  width: 60px;
  height: 28px;
}



.prototype-img-wrapper.isInputs {
  
  margin: -4px 0 12px 20px;
}


.modWrapper .modContent .modContent-title-text {

  margin-bottom: 12px;
  padding-left: 12px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#888;
  text-transform: uppercase;
  font-size: 14px;
  margin-left: 6px;
}



.modWrapper.isGetStarted.isSetupTeams.isTeamNames .modContent {
  padding: 8px 8px 0px 8px;
}






.modWrapper.isGetStarted .modContent {
  border-radius: 8px;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 12px 18px;

}


@media (max-width: 500px) {
  .modWrapper.isGetStarted.isSetupStages .modContent {
    padding-left: 0;
    padding-right: 0;
    border: none;
    box-shadow: none;
    text-align: center;
  }
}

.modWrapper.isGetStarted .pool-input-label {
  color:#888;
  padding: 0 0 2px 4px;
}
.modWrapper.isGetStarted .form-control.pool-name {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000;
}



.input-selects-wrapper .bracketRounds-select {
  display: none;
}
.bracketType_prelims_roundRobin #setupStageType_prelims .bracketRounds-select 
, .bracketType_main_roundRobin #setupStageType_main .bracketRounds-select 
, .bracketType_finals_roundRobin #setupStageType_finals .bracketRounds-select 
, .bracketType_extra_roundRobin #setupStageType_extra .bracketRounds-select 
{

  display: inline-block;
}





.modWrapper.isGetStarted .pool-item {
  display: block;
  margin: 18px 0;

  position: relative;
  padding-left: 68px;

}
.modWrapper.isGetStarted .pool-item:first-child {
  margin-top: 8px;
}
.modWrapper.isGetStarted .pool-item:last-child {
  margin-bottom: 8px;
}

.modWrapper.isGetStarted .pool-icon {
  position: absolute;
  left: 8px;
  top: 18px;
}
.modWrapper.isGetStarted .pool-icon:before {
  content:' ';
  display: inline-block;
  width: 40px;
  height: 30px;

  background-image: url(/admin/images/tournaments/Team_Pools.png);
  background-size: 100%;
  background-repeat: no-repeat;
}




.event-subSection-wrapper #setupTeamCount {
  font-size: 14px;
  color: #27e;
  font-weight: bold;
  margin: 0 12px 0 auto;
  text-decoration: none;
}
.event-subSection-wrapper #setupTeamCount.isWarning {
  color: #e70;
}


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

  .event-subSection-wrapper #setupTeamCount .teams-label {
    display: none;
  }
}

/*
.event-subSection-wrapper .getStarted-next {
  float: right;
}
*/







.event-subSection-wrapper .competition-list {

}




.event-subSection-wrapper .competition-list .competition-item {
  display: block;
  margin: 8px 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  padding: 6px 12px 6px 12px;
  position: relative;
}



.event-subSection-wrapper .competition-item:first-child {
  margin-top: 0;
}
.event-subSection-wrapper .competition-item:last-child {
  margin-bottom: 0;
}


.event-subSection-wrapper .competition-item .competition-icon {
  position: absolute;
  top: 0;
  left: 8px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 24px;
  color:#999;
}
#setup_competitionTypeLabel {
  min-width: 160px;
  max-width: 200px;
} 
.event-subSection-wrapper .select2-container .select2-selection--single {
   display: flex;
  align-items: center;
  justify-content: left;

  border: 1px solid #ccc;
  border-radius: 14px;
  margin-left: 8px;

  background-color: transparent;

}
.event-subSection-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  font-size: 16px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#888;
  padding-left: 12px;
  padding-right: 28px;
}
.event-subSection-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  margin-right: 8px;
}

.event-subSection-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content:'\f078';
  font-size: 12px;
  font-weight: normal;
}


/*
.event-subSection-wrapper .select2-container--default .select2-selection--single {
  background-color: none;
  border: none;
}

.event-subSection-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {

}


.event-subSection-wrapper .competition-item .competition-icon:before {
  font-family: FontAwesome;
  content: "\f091";
  font-weight: normal;

  color: #E3D6A0;

  
  
  text-shadow: -1px 0 0 #978ADD
  , 1px 0 0 #978ADD
  , 1px 0 0 #978ADD
  , 1px 0 0 #978ADD;
}

*/



.event-subSection-wrapper .form-control.modTitle-select {
  margin: 0 8px;
  font-weight: bold;
  font-size: 18px;
}


.event-subSection-wrapper .competition-name {
  display: inline-block;
  height: 28px;
  line-height: 28px;

  font-size: 16px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: bold;

  color:#000;
}
.event-subSection-wrapper input.competition-name {
  padding: 0 12px;
  min-width: 180px;
}



















.modTitle .modTitle-subText {
  line-height: 20px;
  font-size: 16px;
  color:#888;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: normal;
}


.modTitle-subText .modTitle-subText-check-toggle {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  display: inline-block;
  vertical-align: middle;
  color: #888;
  
  margin-left: 8px;

}
.modTitle-subText .modTitle-subText-check-toggle:before {
  /* square o */
  content: "\f096";
  font-family: FontAwesome;

  margin-top: 2px;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
}
.modTitle-subText .modTitle-subText-check-toggle.selected {
  color: #113399;
}

.modTitle-subText .modTitle-subText-check-toggle.selected:before {
  /* checked square o */
  font-family: FontAwesome;
  content: "\f046";
}




.modWrapper .input-options-wrapper {
  margin: 0 0 18px 32px;
}

.modWrapper .input-options-wrapper .input-option-row {
  display: block;
  text-decoration: none;
  color:#888;
  padding: 2px 0 2px 30px;
  margin: 10px 0;
  position: relative;
}


.modWrapper .input-options-wrapper a.input-option-row:hover {
  color:#000;
}

.modWrapper .input-options-wrapper .input-option-row:before {

  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  content: "\f096";
  width: 26px;

  position: absolute;
  left: 0;
  top: 0;
}


.modWrapper .input-options-wrapper .input-option-row.isRequired:before
 {
  content: "\f00c";
  color: #27e;
  font-size: 22px;
}

.modWrapper .input-options-wrapper .input-option-row.selected:before
 {
  content: "\f046";
  color: #27e;
}
 


.modWrapper .input-options-wrapper .input-option-row.isRequired .input-option-text
, .modWrapper .input-options-wrapper .input-option-row.selected .input-option-text
 {
  font-weight: bold;
  color:#27e;

}

.input-option-row .input-option-text {

}




.modWrapper .input-selects-wrapper {
  margin: 0 0 18px 24px;
}


.modWrapper .input-selects-wrapper .input-select-row {
  margin: 10px 0;
}


.modWrapper .input-selects-wrapper .input-select-row .input-option-label {
  display: inline-block;
  width: 90px;
  vertical-align: middle;

  color:#888;
  font-weight: bold;
}







.modWrapper .input-select-row  {
  white-space: nowrap;
  /*
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  */

}





.modWrapper .input-select-row .form-control {
  font-weight: bold;
  margin-right: 6px;
  padding-top: 0;
  padding-bottom: 0;
  /*
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  */

}

.modWrapper .input-select-row .form-control.advanceType-select {
  font-size: 16px;
  font-weight: normal;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 40px;
}


.modWrapper .input-select-row .form-control.advanceNum-select {
  font-size: 25px;
  font-weight: bold;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}










































.isSetupAdvancing .advancing-stage-col
, .isSetupAdvancing .stage-title-wrapper
{
  text-decoration: none;
}
.isSetupAdvancing .stage-title-wrapper
{
  height: 26px;
  display: block;
}

.isAllTeams .advancing-stage-col {
  margin: 0 22px;
}





.isSinglePool  .stage-title-wrapper {
  margin-bottom: 8px;
}

.isSetupAdvancing .keypad-parent .form-control {
  width: 56px;


  height: 36px;
  font-size: 24px;
  line-height: 36px;


  padding: 0;
  margin: 0;
  border: solid 2px #ccc;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: bold;
}


.isSetupAdvancing .keypad-parent .form-control::placeholder {

  color: #e70;
}

.isSetupAdvancing .advancing-wrapper-outer {
  display: flex;
  justify-content: center;
  
  flex-wrap: wrap;
}

.isSetupAdvancing .advancing-stage-mobile-break {
  display: none;
}


@media screen and (max-width: 600px) {
  .isSetupAdvancing .advancing-stage-mobile-break {
    display: block;
    flex-basis: 100%;
    width: 0px; 
    height: 0px; 
    overflow: hidden;
  }
  .isSetupAdvancing .advancing-stage-col {
    margin-bottom: 24px;
  }
}















.isGetStarted .stage-title {
  
  color:#9FB1F2;

  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.isGetStarted.isSetupStages .stage-title {
  color:#ccc;
}
.isGetStarted.isSetupAdvancing .stage-title {
  text-align: center;
}

.isGetStarted.isSetupAdvancing.isSetupRounds .stage-title {
  text-align: center;


  margin-left: 8px;
}



.hasStage_prelims.isGetStarted.isSetupStages .stage-preview-prelims-col .stage-title
, .hasStage_main.isGetStarted.isSetupStages .stage-preview-main-col .stage-title
, .hasStage_finals.isGetStarted.isSetupStages .stage-preview-finals-col .stage-title
, .hasStage_extra.isGetStarted.isSetupStages .stage-preview-extra-col .stage-title


{
  color:#9FB1F2;
}


.hasStage_prelims.isGetStarted.isSetupStages .stage-preview-prelims-adv-col .stage-advance-icon:before
, .hasStage_finals.isGetStarted.isSetupStages .stage-preview-main-adv-col .stage-advance-icon:before
, .hasStage_extra.isGetStarted.isSetupStages .stage-preview-extra-adv-col .stage-advance-icon:before

{
  color:#113399;
}

@media screen and (max-width: 600px) {
  .isGetStarted.isSetupStages .stage-preview-adv-col {
    display: none;
  }
}





/*
.isGetStarted .advancing-stage-col .stage-title {
  margin:8px 0 0 -22px;
  text-align: center;
}
.isGetStarted .advancing-stage-col .stage-title:before {
  font-family: HTOfonts;

  display: block;
  text-align: center;
  margin: 0 0 2px 0;
  font-weight: normal;
  line-height: 38px;
  font-size: 44px;
}
.isGetStarted .isBracketType_freestyle .stage-title:before {
  content: '\f24a';
  font-size: 30px;
}
.isGetStarted .isBracketType_singleElimination .stage-title:before {
  content: '\f310';
}
.isGetStarted .isBracketType_doubleElimination .stage-title:before {
  content: '\f318';
}
.isGetStarted .isBracketType_roundRobin .stage-title:before {
  content: '\f334';
}
*/
















.isGetStarted .isFinals .stage-title:before {
  font-family: HTOfonts;
  content: '\f316';
  font-size: 20px;
  line-height: 20px;
  margin-right: 6px;
  color:#9FB1F2;

  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.isGetStarted .isExtra .stage-title:before {
  font-family: HTOfonts;
  content: '\f347';
  font-size: 26px;
  line-height: 26px;
  margin-right: 6px;
  color:#9FB1F2;

  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
























.isSetupAdvancing .stage-count {
  color:#000;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  padding-left: 12px;

}


.isSetupAdvancing .advancing-stage-adv-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  /*
  justify-content: flex-start;
  */


  padding: 52px 12px 12px 12px;


/*
  padding: 68px 12px 12px 12px;
*/
}




.isSetupAdvancing .advancing-stage-adv-col .btn {


  border: 1px solid #dce6f3;
  box-shadow: 0 3px 0 0 #b7c3d1, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  background-color: #EEF;


  width: 100px;
  height: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 20px;

/*

  padding: 0;
  background-color: #fff;
  border: solid 1px #27e;
  color:#113399;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.7)
      , inset -4px -4px 5px #a1c9ff, 2px 2px 5px rgba(0, 0, 50, 0.3);

    padding-bottom: 2px;

*/


    

}

.isSetupAdvancing .advancing-stage-adv-col .btn:hover {
  background-color: #E3E5FF;
}








.isSetupAdvancing .advancing-stage-adv-col .advance-icon:before {
  display: inline-block;
  vertical-align: middle;
  font-family: HTOfonts;
  content: "\f349";
  font-weight: normal;
  font-size: 36px;
  line-height: 26px;
  margin-top: 4px;
}

/*
.isSetupAdvancing .advancing-stage-adv-col#advanceCol_main .advance-icon:before {
  content: "\f064";
  transform: scaleY(-1);
  font-size: 32px;
  line-height: 26px;
  margin-top:0;
  margin-bottom: 3px;
}
*/




.isSetupAdvancing.isSinglePool .advancing-stage-adv-col .advance-icon:before {
  color:#9FB1F2;
}



.isSetupAdvancing .advancing-stage-adv-col .btn .advance-label {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;

}


.isSetupAdvancing .teams-icon:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 34px;
  line-height: 34px;
  color: #9FB1F2;
  transition: 2s linear all;
}



.isSetupAdvancing .num-teams {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  color: #9FB1F2;


  display: inline-block;
  vertical-align: middle;
  transition: 2s linear all;
}

.isSetupAdvancing .teams-count-label {
  color: #9FB1F2;

}


.isSetupAdvancing.isSetupRounds .num-teams {

  margin-top: -4px;
}


.isSetupAdvancing .isRecentlyUpdated .teams-icon:before
, .isSetupAdvancing .isRecentlyUpdated .num-teams
 {
  color: #000;
  opacity: 1;
}



.isSetupAdvancing .stage-preview-box {
  height: 70px;
  gap: 10px;
}

.isSetupAdvancing.isSetupRounds .stage-preview-box {
  flex-direction: column;
  gap: 0;
  align-items: center;
  justify-content: center;
}
 

.isSetupAdvancing .col-label-text {

  color: #9FB1F2;
  font-size: 14px;
}




.isSetupAdvancing .advancingRules-inner-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/*
.isSetupAdvancing .advancingRules-inner-col.advancingRules-pools-final {
  padding-left:    
}

.isSetupAdvancing .advancingRules-pools .advancingRules-final-item {
  margin-top: 91px;
}

*/


.isSetupAdvancing .advancingRules-pools .advancingRules-pool-merge-lines .merge-lines-final {
  top: 51px;
  left: -15px;
}


.isSetupAdvancing .advancingRules-pools .advancingRules-pool-row {
  height: 75px;
}

.isSetupAdvancing .advancingRules-pools .advancingRules-pool-merge-lines .merge-lines-left {
  top: 52px;
}
.isSetupAdvancing .advancingRules-pools .advancingRules-pool-row:first-child .advancingRules-pool-merge-lines .merge-lines-vert {
  top: 52px;
}



.isSetupAdvancing.isPerPool .event-matchup-col.col-count .num-teams {
  margin-top: 18px;
}
.isSetupAdvancing.isAllTeams .event-matchup-col.col-count .num-teams {
  margin: 5px 0 5px 0;
}


.isSetupAdvancing.isSetupRounds .event-matchup-col.col-count .num-teams {
  margin-top: -2px;
}





.isSetupAdvancing .advancingRules-final-item {
/*
  margin-bottom: -78px;
*/
  text-align: center;
}


.isSetupAdvancing .advancingRules-pools .advancingRules-pool-row:last-child .advancingRules-pool-merge-lines .merge-lines-vert {
  bottom: 20px;
}



.isSetupAdvancing .stage-preview-extra-row-wrapper {
  margin-top: 14px;
  padding-top: 18px;
  border-top: 3px dashed #2277ee66;
  text-align: center;
}





.stage-preview-advancing-col {
  display: flex;
}

.stage-preview-wrapper .stage-preview-pools-row {
  display: inline-flex;
  padding-top: 16px;
}

.stage-preview-wrapper .stage-preview-extra-row
{
  display: inline-flex;
  padding: 0 0 0 130px;

}

.isSetupAdvancing .stage-preview-wrapper .stage-preview-extra-row {
  padding: 0;
}

.stage-preview-wrapper .stage-preview-extra-row.stage-preview-extra-pools
{
  padding: 0 0 0 0;

}



.isSetupAdvancing .event-matchup-col.col-label-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

















/* TODO-3: MATCHUP ROUNDS */

.isSetupRounds .rounds-option-wrapper {
  padding: 8px;
  display: block;
  text-decoration: none;
  color:#999;
  margin-top: 8px;
}


.isSetupRounds a.rounds-option-wrapper {

  
  border: 2px solid #dce6f3;


  box-shadow: 0 3px 0 0 #b7c3d1, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
    background-color: #EEF;


  border-radius: 12px;

  /*
  border: solid 1px #27e;
  





  box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.7)
      , inset -4px -4px 5px #a1c9ff, 2px 2px 5px rgba(0, 0, 50, 0.3);

    padding-bottom: 2px;


  color: #e70;
  padding: 0;
  margin: 0;
  background-color: #fff;
  line-height: 20px;
  color:#113399;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  */

}

.isSetupRounds a.rounds-option-wrapper.pendingRounds {
  border-color:  #e70;
}

.isSetupRounds a.rounds-option-wrapper:hover {
  background-color: #E3E5FF;
}













.isSetupRounds .bracket-icon:before {


  font-weight: normal;

  display: inline-block;
  vertical-align: middle;

  
  display: inline-block;
  vertical-align: middle;
  font-size: 34px;
  line-height: 34px;
  transition: 2s linear all;

  
  font-family: HTOfonts;
  color: #9FB1F2;
}
.isSetupRounds .isFinals .bracket-icon:before {
  
  font-size: 42px;
  line-height: 42px;
}

.isSetupRounds .bracket-icon.bracketType_freestyle:before {
  content: '\f24a';
}
.isSetupRounds .bracket-icon.bracketType_singleElimination:before {
  content: '\f310';
}
.isSetupRounds .bracket-icon.bracketType__doubleElimination:before {
  content: '\f318';
}
.isSetupRounds .bracket-icon.bracketType_roundRobin:before {
  content: '\f334';
}










.rounds-option-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color:#27e;
  text-align: center;
}

.rounds-option-sub-title {
  font-size: 16px;
  line-height: 20px;
  color: #8d9dd8;
  text-align: center;
}

.pendingRounds .rounds-option-title {
  color:#e70;
}
.pendingRounds .rounds-option-sub-title {
  color:#e70;
}



.isSetupRounds .advancing-stage-col.isFinals {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 90px;
}


.isSetupRounds.isSetupAdvancing .isExtra .icon-unknown:before {
  color:#9FB1F2;
}



#dialogSetupRounds .no-teams-message-row {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color:#666;
  font-size: 16px;
  line-height: 22px;
}

#dialogSetupRounds .no-teams-message-row .btn 
{
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color:#666;
  padding: 0 6px;
  font-weight: normal;
  margin-top: -2px;
  vertical-align: middle;
}
#dialogSetupRounds .no-teams-message-row .btn-label {
  text-decoration: underline;
  
}



.isSetupRounds .advancing-stage-adv-col .advance-icon:before {
  color: #9FB1F2;
  font-size: 36px;
}




#dialogSetupRounds .stage-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
#dialogSetupRounds .stage-title-wrapper .stage-title {
  color:#27e;
}



#dialogSetupRounds .setupRounds-toggle-wrapper {
  
  padding-left: 40px;
  position: relative;

  color: #666;

}

#dialogSetupRounds .setupRounds-toggle-wrapper .setupRounds-toggle {
  position: absolute;
  left: 4px;
  top: 4px;


  color: #666;

}


#dialogSetupRounds .setupRounds-toggle-wrapper .setupRounds-toggle:before {
  font-family: FontAwesome;
  
  /* square o */
  content: "\f096";

  font-weight: normal;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  line-height: 30px;
}
#dialogSetupRounds .setupRounds-toggle-wrapper.isRoundRobin .setupRounds-toggle:before {
  /* square o checked */
  content: "\f046";

  color:#27e;
}




#dialogSetupRounds .toggle-label {
  font-size: 14px;
  line-height: 18px;
}

#dialogSetupRounds .total-games-row {
  color:#666;
  text-align: center;
}




#dialogSetupRounds #roundRobinCycles {
  display: inline-block;
  vertical-align: middle;
  border: none !important;
  outline: none !important;
  background-color: transparent;
  text-decoration: underline;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: -4px 0 0 -8px;
  padding: 0 12px 0 12px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666;
}



#dialogSetupRounds .setupRounds-label-title {
  
  line-height: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color:#666;
  margin-left: 8px;
  

}

#dialogSetupRounds .setupRounds-input-rows-wrapper {
  margin-top: 16px;
}
#dialogSetupRounds .setupRounds-input-row {
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
#dialogSetupRounds .setupRounds-input-label {
  
  color: #27e;
  line-height: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: bold;
}
/*
#dialogSetupRounds .setupRounds-input-label.isFront {
  
}
#dialogSetupRounds .setupRounds-input-label.isEnd {
  
}
*/
#dialogSetupRounds .setupRounds-input-row .form-control {
  
  line-height: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 0 12px;

}








.stage-preview-wrapper .stage-preview-col {
  flex: 1;
  position: relative;
  padding-top: 1px;

  text-decoration: none;

  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.stage-preview-wrapper .stage-preview-col.stage-preview-pools-col {
  min-width: 100px;
}


@media (max-width: 500px) {
  .stage-preview-wrapper .stage-preview-col.stage-preview-pools-col {
    min-width: 60px;
  }  
}


.stage-preview-wrapper .stage-preview-box.isWide  {
  width: 130px;
}



.stage-preview-wrapper .stage-preview-col-title

{
  position: absolute;
  top: -19px;
  left: 0;
  right: 0;

  /*
  font-weight: bold;
  color:#27e;
  opacity: 0.75;
  */

}





.stage-preview-col-subtitle {
  display: block;
  margin: 12px 0 -12px 10px;
  color:#888;
}


/*



      .div({
        parent:'stage-preview-pools-row'
        , css:'stage-preview-col stage-preview-finals-col'
      })
      .div({
        parent:'stage-preview-col'
        , css:''
        , content:'Finals'
      })

*/



.stage-preview-box {

  display: flex;
  align-items: center;
  

  border: 2px solid transparent;
  border-radius: 5px;


  height: 60px;

  margin: 6px;
  position: relative;



}



@media (max-width: 500px) {
  .stage-preview-pools-col .stage-preview-box {
    padding: 0;
  }
}












.stage-preview-box.hasBorder {

  justify-content: center;


  
  box-shadow: 0 3px 0 0 #b7c3d1, 0 4px 4px -1px rgba(0, 0, 0, 0.6), 0 4px 6px 1px rgba(0, 0, 0, 0.3), 0 1px 2px 1px rgba(0, 0, 0, 0) inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
  border: none;

    background-color: #EEF;


  /*
  color: #495057;
*/

  
}
.stage-preview-box.hasBorder .stage-preview-label {
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
}
















.stage-preview-box.hasBorder_thin {

  border: 1px solid #ddd;
  justify-content: center;
}


.stage-preview-box.noBorder {
  justify-content: center;
}






.stage-preview-prelims-col .stage-preview-box {
  width: 90px;
  justify-content: center;

}

.stage-preview-main-col .stage-preview-box 
, .isSinglePool .stage-preview-finals-col .stage-preview-box 

{
  width: 90px;
  justify-content: center;

}


@media (max-width: 500px) {

  .stage-preview-prelims-col .stage-preview-box 
  , .stage-preview-main-col .stage-preview-box 
  , .isSinglePool .stage-preview-finals-col .stage-preview-box 
  {
    width: 70px;
  
  }

/*
  .modWrapper.isGetStarted.isSetupAdvancing .modContent {
    padding-left: 6px;
    padding-right: 6px;
  }
*/
}


/*

.isSetupAdvancing .stage-preview-prelims-col .stage-preview-box 
, .isSetupAdvancing .stage-preview-main-col .stage-preview-box 
, .modWrapper.isSetupAdvancing  .stage-preview-finals-col .stage-preview-box 
, .modWrapper.isSetupAdvancing  .stage-preview-finals-col .stage-preview-box 
{
  width: 60px;

}

*/





.stage-preview-main-col .stage-preview-box.hasBorder
, .hasStage_prelims .stage-preview-prelims-col .stage-preview-box.hasBorder
, .hasStage_finals .stage-preview-finals-col .stage-preview-box.hasBorder
, .hasStage_extra .stage-preview-extra-col .stage-preview-box.hasBorder
, .stage-preview-prelimsAdv-col .stage-preview-box.hasBorder
{
  border: 1px solid #dce6f3;
}

.stage-preview-advancing-col .stage-preview-box.hasBorder {
  border: 1px solid #dce6f3;
}


a.stage-preview-col:hover .stage-preview-box.hasBorder {
  background-color: #E3E5FF;
}















.stage-preview-box .stage-preview-label {
  color:#aaa;
  font-style: italic;
}


/*

.stage-preview-pools-col .stage-preview-box {
  color:#98B1F5;

}
*/







.stage-preview-pools-col .stage-preview-box .stage-pool-label {
  position: absolute;
  bottom: 0;
  left: 0; 
  right: 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.stage-preview-pools-col .stage-preview-box .stage-pool-count {
  
  position: absolute;
  top: 12px;
  right: 6px;
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;

  
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;

}


.stage-preview-pools-col .stage-preview-box .stage-pool-icon:before {
  font-family: HTOfonts;
  content:'\f2e1';

  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 36px;
  line-height: 36px;
  
}
.stage-preview-pools-col .stage-preview-box .stage-pool-icon {

}





.stage-preview-finals-col {
  display: flex;
}


.isMultiPool .stage-preview-finals-col .stage-preview-box {
  width: 90px;
  height: auto;
  flex: 1;
}

@media (max-width: 500px) {

  .isMultiPool .stage-preview-finals-col .stage-preview-box {
    width: 70px;
  }
  
}

.stage-preview-box .stage-preview-icon:before {
  content: 'none';

  text-align: center;
  display: block;
  font-size: 16px;
  line-height: 16px;
  color:#aaa;
  font-style:italic;
}



.bracketType_prelims_roundRobin .stage-preview-prelims-col .stage-preview-icon:before
, .bracketType_main_roundRobin .stage-preview-main-col .stage-preview-icon:before
, .bracketType_finals_roundRobin .stage-preview-finals-col .stage-preview-icon:before
, .bracketType_extra_roundRobin .stage-preview-extra-col .stage-preview-icon:before
{
  content: '\f334';


  text-align: center;
  display: block;
  font-family: HTOfonts;
  font-size: 44px;
  line-height: 34px;
  color:#113399;
  font-style:normal;
  margin-top: 2px;
}


.bracketType_prelims_roundRobin .stage-preview-prelims-col .stage-preview-icon:after
, .bracketType_main_roundRobin .stage-preview-main-col .stage-preview-icon:after
, .bracketType_finals_roundRobin .stage-preview-finals-col .stage-preview-icon:after
, .bracketType_extra_roundRobin .stage-preview-extra-col .stage-preview-icon:after
{
  content: 'round robin';
  text-align: center;
  display: block;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  color:#113399;
  font-style:normal;
  margin: 0;
  padding: 0;
}



.bracketType_prelims_singleElimination .stage-preview-prelims-col .stage-preview-icon:before
, .bracketType_main_singleElimination .stage-preview-main-col .stage-preview-icon:before
, .bracketType_finals_singleElimination .stage-preview-finals-col .stage-preview-icon:before
, .bracketType_extra_singleElimination .stage-preview-extra-col .stage-preview-icon:before 
{
  content: '\f310';
  
  text-align: center;
  display: block;
  font-family: HTOfonts;
  font-size: 44px;
  line-height: 34px;
  color:#113399;
  font-style:normal;
  margin-top: 2px;
}


.bracketType_prelims_singleElimination .stage-preview-prelims-col .stage-preview-icon:after
, .bracketType_main_singleElimination .stage-preview-main-col .stage-preview-icon:after
, .bracketType_finals_singleElimination .stage-preview-finals-col .stage-preview-icon:after
, .bracketType_extra_singleElimination .stage-preview-extra-col .stage-preview-icon:after 
{
  content: 'single elim';
  text-align: center;
  display: block;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  color:#113399;
  font-style:normal;
  margin: 0;
  padding: 0;
}








.bracketType_prelims_doubleElimination .stage-preview-prelims-col .stage-preview-icon:before
, .bracketType_main_doubleElimination .stage-preview-main-col .stage-preview-icon:before
, .bracketType_finals_doubleElimination .stage-preview-finals-col .stage-preview-icon:before
, .bracketType_extra_doubleElimination .stage-preview-extra-col .stage-preview-icon:before
{
  content: '\f318';
  
  text-align: center;
  display: block;
  font-family: HTOfonts;
  font-size: 44px;
  line-height: 38px;
  color:#113399;
  font-style:normal;
  margin-top: 2px;
}


.bracketType_prelims_doubleElimination .stage-preview-prelims-col .stage-preview-icon:after
, .bracketType_main_doubleElimination .stage-preview-main-col .stage-preview-icon:after
, .bracketType_finals_doubleElimination .stage-preview-finals-col .stage-preview-icon:after
, .bracketType_extra_doubleElimination .stage-preview-extra-col .stage-preview-icon:after
{
  content: 'double elim';
  text-align: center;
  display: block;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  color:#113399;
  font-style:normal;
  margin: 0;
  padding: 0;
}





.bracketType_prelims_freestyle .stage-preview-prelims-col .stage-preview-icon:before
, .bracketType_main_freestyle .stage-preview-main-col .stage-preview-icon:before
, .bracketType_finals_freestyle .stage-preview-finals-col .stage-preview-icon:before
, .bracketType_extra_freestyle .stage-preview-extra-col .stage-preview-icon:before
{

  font-family: FontAwesome;

  content: '\f24a';
  
  text-align: center;
  display: block;
  font-family: HTOfonts;
  font-size: 32px;
  line-height: 34px;
  color:#113399;
  font-style:normal;
  margin-top: 2px;
}


.bracketType_prelims_freestyle .stage-preview-prelims-col .stage-preview-icon:after
, .bracketType_main_freestyle .stage-preview-main-col .stage-preview-icon:after
, .bracketType_finals_freestyle .stage-preview-finals-col .stage-preview-icon:after
, .bracketType_extra_freestyle .stage-preview-extra-col .stage-preview-icon:after
{

  content: 'custom';
  text-align: center;
  display: block;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  color:#113399;
  font-style:normal;
  margin: 0;
  padding: 0;
}




/*
.isSetupStages .stage-preview-icon:before {
  color:#113399 !important;
}
*/


.isSetupStages .stage-preview-extra-row-wrapper {
  margin-top: 8px;
}

.isSetupStages .stage-advance-icon:before {
  font-family: HTOfonts;
  content: '\f349';
  font-size: 28px;
  line-height: 28px;
  color:#ddd;
  display: inline-block;
  vertical-align: middle;
}




/*
.isSetupStages .stage-preview-main-adv-col .stage-advance-icon:before
, .isSetupStages .stage-preview-extra-adv-col .stage-advance-icon:before {

  font-family: FontAwesome;
  content: "\f064";
  transform: scaleY(-1);
}
*/


.stage-preview-box .stage-preview-icon-trophy:before {
  font-family: HTOfonts;
  content: '\f316';
  text-align: center;
  display: block;

  font-size: 32px;
  line-height: 32px;;


  color: #98B1F5;

  font-weight: bold;

  margin-left: 20px;
}

.stage-preview-extra-text {

  font-style: normal;
  color: #9FB1F2;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;

  margin: 16px 0 16px 24px;
  display: block;

}

/*

hasStage_prelims  

hasStage_main 
bracketType_main_singleElimination 

hasStage_finals 
bracketType_finals_singleElimination 

hasStage_extra 
bracketType_extra_singleElimination


*/


.stage-preview-main-col .stage-preview-box .stage-preview-label
, .stage-preview-pools-col .stage-preview-box .stage-preview-label

, .hasStage_prelims .stage-preview-prelims-col .stage-preview-label
, .hasStage_finals .stage-preview-finals-col .stage-preview-label
, .hasStage_extra .stage-preview-extra-col .stage-preview-label

, .stage-preview-prelimsAdv-col .stage-preview-label

  {
  font-style: normal;
  color: #9FB1F2;
  font-weight: bold;

  max-width: 80px;
  text-align: center;
/*
  text-overflow: ellipsis;
  white-space: nowrap;
  */

  overflow: hidden;
}

.isSetupAdvancing .stage-preview-pools-col .stage-preview-box .stage-preview-label {

  width: 80px;
}


.stage-preview-extra-col
, .stage-preview-extra-adv-col {
  margin-top: 20px;
}




#mod_tournamentEvents .isSetupReview a.event-teamPool-label:hover
, #mod_tournamentEvents .isSetupReview a:hover .event-teamPool-label:hover 
, #mod_tournamentEvents .isSetupReview a.event-matchup-label:hover
, #mod_tournamentEvents .isSetupReview a:hover .event-matchup-label
{
  background-color: transparent;
}


.big-button-one .big-button-image-row {
  padding-top: 6px;
}


/*

.big-button-one .big-button-image-row {
  line-height: 48px;
  padding-top: 12px;
}

.big-button-one .big-button-image-row  .bracket-trophy-icon {

  max-width: 120px;
  margin: 0 auto 0 auto;

}
.big-button-one .big-button-image-row  .bracket-trophy-icon:before {
  font-size: 40px;
}
.big-button-one .big-button-image-row  .bracket-trophy-icon:after {
  font-size: 46px;
}


*/

.big-button-multiple .big-button-image-row {
  white-space: nowrap;
}

.big-button-multiple .big-button-image-row .bracket-trophy-icon {
  margin: 6px 12px;
  width: 52px;
}

/*

.big-button-multiple .big-button-image-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 40px;
}



.big-button-multiple .big-button-image-row  .bracket-trophy-icon {
  width: 50px;
}




.big-button-multiple .big-button-image-row  .bracket-trophy-icon:before {
  font-size: 22px;
  height: 28px;
}
.big-button-multiple .big-button-image-row  .bracket-trophy-icon:after {
  font-size: 28px;
  height: 28px;
}


*/







.big-button-dontsplit .big-button-image-row {
  white-space: nowrap;
  padding-top: 24px;

}
/*
.big-button-dontsplit .big-button-image-row img {
  margin: 0 -2px;
}
*/


.big-button-split .big-button-image-row {
  white-space: nowrap;
  display: flex;
}


#getStarted_ChooseIfSplit .big-button-image-row {
  padding-top: 8px;
}


.big-button-split .big-button-image-row .image-col {
  flex:1;
}

.big-button-split .big-button-image-row .image-header {
  margin-top: 6px;
}

.big-button-split .image-label {
  color: #999;
}
























.modWrapper.isGetStarted .modTitle-numTeams { 

  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-left: 28px;
}


.modTitle-subText-message {

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

/*
.isSetupTeams .modTitle-subText-message {
  max-width: 50%;
}
*/



@media (max-width: 575px) {
  .modWrapper.isGetStarted .modTitle-numTeams { 
    display: block;
    margin: 8px 0 0 0; 
  }
  /*
  .isSetupTeams .modTitle-subText-message {
    max-width: 100%;
  }
  */

}



.modTitle-numTeams .input-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
  color:#000;
}


.modTitle-numTeams .input-wrapper {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}








.isSetupTeams .warning-notice {
  display: none;
  vertical-align: middle;
  white-space: nowrap;


  margin-left: 16px;
  padding-left: 25px;
  position: relative;
  color: #e70;
  text-decoration: none;
}
.isSetupTeams .warning-notice:before {
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
  top: 3px;
}
.isSetupTeams .warning-notice .warning-msg {
  text-decoration: underline;
}


.isUnbalanced.isSetupTeams .warning-unbalanced {
  display: inline-block;
}
.hasTooManyTeams.isSetupTeams .warning-tooManyTeams {
  display: inline-block;
}
.notEnoughTeamCredits.isSetupTeams .warning-notEnoughCredits {
  display: inline-block;
}









.teamPool-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;


  gap: 0 14px;
} 


.division-pools-wrapper {
  margin-bottom: 12px;
  flex: 0 0 48%;
  display: inline-block;

  border: 1px solid #ddd;
  background-color: #EFF4FA;
  border-radius: 8px;

  padding: 2px 12px 12px 12px;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);


}







@media (max-width: 620px) {

  .division-pools-wrapper {
    flex: 100%;
    display: block;
  }
  
}


.division-pools-title-row {
  position: relative;
  margin-bottom: 2px;
}










.division-pools-title-row .input-wrapper {
  display: inline-block;
  float: right;

}



.division-teams-input-col .input-wrapper .form-control {
  padding-top: 0;
  padding-bottom: 0;
  width: 60px;
  height: 28px;
  
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color:#000;
  font-weight: bold;
}






.division-pools-title-row .division-pools-team-count {
  position: absolute;
  right: 8px;
  top: 2px;
  z-index: 2;
  line-height: 28px;
  font-size: 16px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.isStep-3 .division-pools-title-row .division-pools-team-count {
  color: #aaa;
}



.hasLessTeams .division-pools-title-row .division-pools-team-count
, .hasMoreTeams .division-pools-title-row .division-pools-team-count
{
  color: #e70;
  text-decoration: underline;
}


/* step 4 - team names */

.isStep-4 .wizard-step-sections .wizard-col-title {
  width: 215px;
}

.teamNames-preview-wrapper {
  text-align: left;
}
.teamNames-preview-wrapper.numDivisions-1 {
  text-align: center;
}



.division-teams-input-wrapper {
  display: flex;
}


.division-teams-input-wrapper .division-teams-input-col.teamCount {
  width: 72px;
}
.division-teams-input-wrapper .division-teams-input-col.teamNames {
  flex: 1;
}





.teamsPreview-pool {
  margin: 12px 6px  0 -4px;
}
.teamsPreview-pool .team-icon {
  display: inline-block;
  vertical-align: middle;

  width: 15px;
  text-align: center;
}


.teamsPreview-pool .team-icon:before {
  font-family: HTOfonts;
  content: '\f2e9';
  font-size: 32px;
  line-height: 26px;
  color: #9FB1F2;
  opacity: 0.6;
}


.teamsPreview-pool.moreThan20 .team-icon {
  width: 13px;
}
.teamsPreview-pool.moreThan20 .team-icon:before {
  font-size: 26px;
  line-height: 22px;
}





.division-teams-input-wrapper .pool-teamNames {
  width: 100%;
  display: block;
  height: 200px;

  font-size: 16px;
  color: #777;

  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: auto;
}
.pool-name-label {
  font-weight:bold;
  font-size: 16px;
  line-height: 28px;
  padding: 2px 2px 0 8px;
  text-align: center;

  color:#9FB1F2;
}



/* step 4 - team names */
.matchups-details-toggle .case-2 {
  display: none;
}
.matchups-details-toggle.showFinals .case-2 {
  display: block;
}
.matchups-details-toggle.showFinals .case-1 {
  display: none;
}



.teamPoolMsg-wrapper {

}
.teamPoolMsg-wrapper .teamPoolMsg-text { 
  font-weight: bold;
  padding-left: 4px;
}
.teamPoolMsg-wrapper .button-row {
  margin: 6px 0;
}
.teamPoolMsg-wrapper .button-row  .btn {
  display: block;
  width: 100%;
  text-align: left;
  text-transform: none;
}
.division-teams-actions-row {
  text-align: right;
}
.division-teams-actions-row .division-teams-action-link {
  display: inline-block;
  vertical-align: middle;


  font-size: 16px;
  line-height: 28px;
  padding: 0 2px 0 8px;
  color: #aaa;
  text-decoration: underline;
}






















































/* setup section */





/*
.bracket_setup_wrapper .section-header .section-header-text:before {
  
  display: inline-block;
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 18px;
  margin-right: 8px;
  color: #AAB3F0;
}
.bracket_setup_wrapper .section-header.status-ready .section-header-text:before {
  content: "\f00c";
}
*/


#bracket_setup_seeding_content {
  /*
  display: none;
  */
  position: relative;
}
/*
.showSeedingDetails #bracket_setup_seeding_content {
  display: block;
}
*/


.seeding-actions {
  margin-left: 18px;
  display: inline-block;
}

/*
@media (max-width: 767px) {
  .seeding-actions {
    margin-bottom: 8px;
  }
}
*/


.seeding-actions .btn {

  display: none;
  
/*
  float: right;
  color:var(--admin-info-color);
  text-decoration: none;
  margin-left: 4px;
  font-size: 16px;

margin: 0 10px;

*/

vertical-align: middle;
font-size: 16px;
line-height: 24px;
color: var(--admin-info-color);

}




.seeding-actions .btn:hover {
  color: var(--competition-color);
}

/*
.seeding-actions .btn-label {
    text-decoration: underline;
}
*/


.btn-fill:before {
  
  font-family: FontAwesome;
  content: "\f044";
  font-weight: normal;
  font-size: 18px;

}

.btn-filter:before {
  
  font-family: FontAwesome;
  content: "\f0b0";
  font-weight: normal;
  font-size: 18px;

}


.btn-clearslots:before {
  
  font-family: FontAwesome;
  content: "\f045";
  font-weight: normal;
  font-size: 18px;

}

.hasEmptySlot.hasAvailableTeams .seeding-actions .btn-fill {
  display: inline-block;
}
.hasEmptySlot.hasAvailableTeams .seeding-actions .btn-fill:before {
  margin-top: 2px;
}


.hasFilledSlot .seeding-actions .btn-clearslots {
  display: inline-block;
}

.teamsAvailable .noTeamsAvailable {
  color:var(--admin-info-color);
  font-style: italic;
  display: inline;
  padding: 4px;
}
.teamsAvailable .teamsAvailable-feed .noTeamsAvailable {
  padding-top: 0;
}


.bracket_setupTeams_wrapper .teamsAvailable {
  /*
  border-top: 2px dashed #9FB1F244;
  */
  margin: 12px 0 12px 0;
}



#bracket_information_wrapper {
  padding-bottom: 12px;
}





/*
#bracket_setup_wrapper {
  padding-bottom: 12px;

  border-bottom: 2px solid #929eaa;
  margin-bottom: 12px;
}
#bracket_setup_wrapper.hideSetup {
  border-bottom: none;
  margin-bottom: 0;
}
*/



.bracket_setup_wrapper #setupData {
  display: inline-block;
  width: auto;
}






.bracket_setup_wrapper .checklist-row {
  display: flex;
  margin: 6px 0;
  text-decoration: none;
  line-height: 24px;
  font-size: 14px;
  position: relative;
  padding-left: 35px;
  min-height: 28px;


  align-items: center;
}


/*
.bracket_setup_wrapper .seeds-section {
  margin-bottom: 12px;
}
*/

.bracket_setup_wrapper .checklist-row.checklist-row-warnings {
  
  font-size: 16px;
}





.bracket_setup_wrapper .checklist-row.checklist-row-advancing {
  font-size: 16px;
  display: block;
}



.bracket_setup_wrapper .checklist-row-advancing .bracket-advance-item {
  display: inline-block;
  margin-left: 8px;
  line-height: 20px;
}

.bracket_setup_wrapper .checklist-row-advancing .bracket-advance-item.advance-item-extra {
  margin-left: 116px;
  display: block;
}




/*
.bracket_setup_wrapper .checklist-row.status-options {
  display: inline-block;
  position: absolute;
  bottom: 8px;
  right: 20px;
}
*/










.bracket_rounds_wrapper .bracket_setup_wrapper {
  padding-left: 8px;
}


.bracket_setup_wrapper a.checklist-row:hover {
  color: #000;
}


.bracket_setup_wrapper .checklist-row.status-ready {
  color: #888;
}

.bracket_setup_wrapper a.checklist-row.status-ready:hover {
  color: #000;
}

.bracket_setup_wrapper .status-icon {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 24px;
  height: 24px;
  text-align: center;
}
.bracket_setup_wrapper .status-icon:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 20px;
  color:#e70;
/*
*/
}
.bracket_setup_wrapper .status-ready .status-icon:before {
  content: "\f00c";
  color:#AAB3F0;
/*
  padding-top: 1px;
  font-size: 24px;
*/
}


.bracket_setup_wrapper .checklist-row-advancing .status-icon:before {

  content: "\f064";

  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}


.bracket_setup_wrapper .status-options .status-icon:before {
  content: "\f013";
  color:#e70;
}

.bracket_setup_wrapper .checklist-item-label
{
  display: inline-block;
  vertical-align: middle;

  text-decoration: none;

  color:#e70;

/*
  color:var(--admin-info-color);
*/


}

.bracket_setup_wrapper .status-ready .checklist-item-label {

  color:#AAB3F0;
}




.bracket_setup_wrapper .checklist-item-label.minWidth {
  min-width: 100px;
}




.bracket_setup_wrapper .checklist-item-label.checklist-item-label-2
{
  margin-left:12px;
}
.bracket_setup_wrapper .checklist-item-label.isLink
{
  text-decoration: underline;
}




.bracket_setup_wrapper .bracketset-type-label {

  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  color:var(--admin-info-color);
}
.bracket_setup_wrapper .bracketset-type-label.isLink {

  text-decoration: underline;
}
.bracket_setup_wrapper .bracketset-type-label:hover {

  color:#000;
}

.bracket_setup_wrapper a.bracketset-type-label {
  
  text-decoration: underline;
}



.teamsAvailable .bracket-details-link {
  padding: 0 2px 0 0;
  margin: 0;
  color: var(--admin-info-color);
  opacity: 0.6;
}


.teamsAvailable .bracket-details-link:hover {
  color: var(--competition-color);
  opacity: 1;
}





.teamsAvailable .bracket-details-link:after {

  font-family: FontAwesome;
  content: "\f0a9";
  font-size: 20px;
}

/*

.bracket_setup_wrapper .bracketset-type-link {
  display: flex;
  border-radius: 15px;
  padding: 3px 16px 3px 14px;
  background-color: var(--teamPool-bgcolor);
  position: relative;
  min-width: 150px;
}

*/



/*

#bracket_schedule_wrapper .setupItem {
  background-color: transparent;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 8px;
}




.bracket_setup_wrapper .checklist-row-bracket .bracketset-type-link
, .bracket_setup_wrapper .checklist-row-scores .bracketset-type-link {
  background-color: var(--bracket-bgcolor);
}
*/






.bracket_setup_wrapper .bracketset-type-link .icon-bracket-type {

  /*
  color: #49407C;
  */

  font-weight: normal;
}


.bracket_setup_wrapper .selectedBracket .bracketset-type-link .icon-bracket-type {
  color:#fff;
}


.bracket_setup_wrapper .status-ready .bracketset-type-link .icon-bracket-type {
  color: #888;
}
.bracket_setup_wrapper .status-ready:hover .bracketset-type-link .icon-bracket-type {
  color: #000;
}


.bracket_setup_wrapper .status-ready .bracketset-type-link {
  background-color: #e6e6e6;
}
.bracket_setup_wrapper .bracketset-type-link .bracketset-type-label {
  font-size: 16px;
  line-height: 24px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #49407C;
  padding


}

/*

#dialogChangeBracket .bracket_setup_wrapper .bracketset-type-link .bracketset-type-label {
  position: absolute;
  left: 77px;
}
*/

.bracket_setup_wrapper a:hover .bracketset-type-link .bracketset-type-label {
  color: #000;
}
.bracket_setup_wrapper .status-ready .bracketset-type-link .bracketset-type-label {
  color: #888;
  margin-left: 8px;
}
.bracket_setup_wrapper .status-ready:hover .bracketset-type-link .bracketset-type-label {
  color: #000;
}

.bracket_setup_wrapper .checklist-item-extra {
  margin-left: 12px;
}


.bracket_setup_wrapper .btn-seeding {
  padding-right: 35px;
}
.bracket_setup_wrapper .btn-seeding:after {
  position: absolute;
  top: 2px;
  right: 12px;
  display: inline-block;
  font-family: FontAwesome;
  content: "\f078";
  font-weight: normal;
  color: #49407C;

  font-size: 16px;
}
.bracket_setup_wrapper .status-ready .btn-seeding:after {
  color:#888;
}
.bracket_setup_wrapper .status-ready:hover .btn-seeding:after {
  color:#000;
}
.bracket_setup_wrapper .showSeedingDetails .btn-seeding:after {
  content: "\f077";
}































.teamSlot_edit {
  position: absolute;
  top: 0;
  left:0;
  right: 0;
  bottom: 0;
  border: 1px solid transparent;
  z-index: 1;
}

.teamSlot_edit:hover {
  border-color:#fc0;
}

.isEditingScores .teamSlot_edit {
  cursor: default;
}
.isEditingScores .teamSlot_edit:hover {
  border-color:transparent;
}


.isEditingScores .bracketbox .noTeam .teamname_display.isSeed {
  background-color: transparent;
}


.itemCustom-master.isEditing:after {
  position: absolute;
  top: 0;
  right: 0;

  width: 30px;
  text-align: center;

  /*
  background-color: var(--match-bgColor-viewOnly);
  */

  display: inline-block;
  font-family: FontAwesome;
  content: "\f077";
  color:#888;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  
}




.selectCustom-header {
  margin: -2px 0 6px 2px;
}
.selectCustom-header-text {
  display: inline-block;
  white-space: normal;
  color:#27e;
  font-size: 16px;
  line-height: 20px;
}
.selectCustom-header-text .replaceTeam {
  
  color:#777;
  text-decoration: line-through;
}

.selectCustom-header-text .newTeam {
  font-weight: bold;
  color:#27e;
}




.selectCustom-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: #00000033;
  cursor: pointer;
}
.modal .selectCustom-mask {
  z-index: auto;
}

.selectCustom-wrapper {
  position: absolute;
  top: 23px;
  left: -2px;
  width: 100%;
  z-index: 1100;
}



.selectCustom-wrapper.isConfirming
 {
  z-index: 100;
}



#teamsData .selectCustom-wrapper {
  
  top: 25px;
  padding-left: 31px;
}

#bracketLocationPicker.selectCustom-wrapper {
  width:170px;
}




.selectCustom-wrapper .scrollable-list {
  overflow-y: auto;
  max-height: 250px;
}



.location-cell-wrapper .selectCustom-wrapper {
  top: 44px;
  text-align: left;
}



.itemCustom-master.isEditing .teamname_display
, .itemCustom-master.isEditing.gameLoc
, .itemCustom-master.isEditing.teamInfoRow_slot
 {
  z-index: 1100;
  border: 1px solid #fc0;
}

.bracketMatch.isEditingScores {
 z-index: 1100;
 position: relative;

}



#dialogStageRoundSettings .bootstrap-dialog-message {

  font-family: 'Roboto Condensed', sans-serif;
  line-height: 20px;
  font-size: 16px;
}
#dialogStageRoundSettings .stage-header-row {
  text-align: center;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}

#dialogStageRoundSettings .stage-input-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#dialogStageRoundSettings .stage-fyi-row {
  margin-top: 12px;
  text-align: center;
  color:#888;
}


#dialogStageRoundSettings .stage-options-delete-row {
  margin-top: 12px;
  text-align: right;
}

#dialogStageRoundSettings .stage-options-delete-row .stage-options-delete-link {
  color:#888;
}



#dialogStageRoundSettings .label-row {
  text-align: center;
  color:#888;
  margin-bottom: 4px;
}
#dialogStageRoundSettings .input-label {
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}


#dialogStageRoundSettings .input-label-value {
  display: block;
  text-align: center;
}

#dialogStageRoundSettings .gameDate {
  display: inline-block;
}

#dialogStageRoundSettings .gameTime {
  display: inline-block;
}


#dialogStageRoundSettings .gameDate .form-control
, #dialogStageRoundSettings .gameDate .dayOfWeek {
  color:#000;
}

#dialogStageRoundSettings .gameTime .form-control {
  color:#000;
}

#dialogStageRoundSettings #stageRound_roundID {
  padding: 0 4px;
  height: 24px;
  line-height: 24px;
}

/*
.locPick
, 
*/
.selectCustom {
  background-color: #fff;
  color: #666;
  border: 1px solid;

  /*
  cursor: pointer;
*/

  border-radius: 3px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 20px;
  z-index: 1100;

  /*
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden
  */

}



.selectCustom .location-header {
  background-color: #27e;
  color:#fff;
   padding: 6px 30px 6px 12px;
   font-weight: bold;

   
   display: block;
   text-decoration: none;
   font-size: 15px;
   line-height: 16px;
   border-bottom: 1px solid #ccc;
   position: relative;
   text-align: center;
} 

/*
.selectCustom .location-header .location-header-text {
  text-transform: uppercase;
}
  */

span.btn-inline {
  line-height: 20px;
  height: 20px;
  vertical-align: top;
  padding: 0 4px;
}
span.btn-no-click {
  cursor: default !important;
  box-shadow: none !important;
}




.selectCustom .scrollable {
  max-height: 160px;
  overflow: auto;
}


.selectCustom .scrollable::-webkit-scrollbar {
  width: 16px; /* Set the width of the scrollbar */
}

.selectCustom .scrollable::-webkit-scrollbar-thumb {
  background-color: darkgrey; /* Set the color of the scrollbar handle */
  border-radius: 6px; /* Optional: to make it rounded */
  border: 2px solid transparent; /* Optional: space around the handle */
  background-clip: content-box; /* Optional: clip background within content box */

}

.selectCustom .scrollable::-webkit-scrollbar-track {
  background: lightgrey; /* Set the color of the scrollbar track */
}


.selectCustom .fixed {
  background-color: #eee;
  border-top: 1px solid #ccc;
}



/*
.locPick div
, 
*/


.selectCustom .selectCustom-item {
  padding: 6px 12px;
  display: block;
  text-decoration: none;
  color: #888;
  font-size: 15px;
  line-height: 16px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.selectCustom .selectCustom-item.isDivision  {
  background-color: #bbb;
  color:#fff;
  font-size:14px;
  line-height: 14px;
  padding: 3px 12px;
  text-align: center;
}

.selectCustom .selectCustom-item.isSelected {
  color:#27e;
}
.selectCustom a.selectCustom-item:hover {
  color: var(--competition-color);
}
.selectCustom .selectCustom-item.isTBD {
  background-color: #ededed;
} 

/*
.selectCustom .selectCustom-item.isLocation:before {
  font-family: FontAwesome;
  content: "\f041";
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  margin-right: 8px;
}
  
.selectCustom .selectCustom-item.isField {
  padding-left: 30px;
}
*/

.selectCustom .selectCustom-item.isLocation {
  position: relative;
  padding-right: 20px;
}


.selectCustom .selectCustom-item .location-selected-icon {
  position: absolute;
  top: 3px;
  left: 10px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  line-height: 16px;
  background-color: #e8e8e8;
  text-align: center;
}

.selectCustom .selectCustom-item.isTBD .location-selected-icon {

  background-color: #dadada;
}

.selectCustom .selectCustom-item .location-selected-icon:before {
  content:' ';
}

.selectCustom .selectCustom-item.inUse .location-selected-icon:before {
  /* dot */
  font-family: FontAwesome;
  content: "\f111";
  font-size: 8px;
  color: #ccc;
  margin-top: -1px;


}

.selectCustom .selectCustom-item:hover .location-selected-icon:before
{
  /* check */
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 15px;
  color: #aaa;
}

.selectCustom .selectCustom-item.inUse:hover .location-selected-icon:before
{
  /* replace */
  font-family: FontAwesome;
  content: "\f021";
  
  font-size: 15px;
  color: #aaa;
}
.selectCustom .selectCustom-item.isSelected .location-selected-icon:before
{
  /* check */
  font-family: FontAwesome;
  content: "\f00c" !important;
  font-size: 15px;
  color: #27e !important;
}

.selectCustom .selectCustom-item.isSelected .location-label {
  font-weight: bold;
}
.selectCustom .location-edit-link {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 8px 0 6px;
  line-height: 22px;
}
.selectCustom .location-edit-link:before {

  font-size: 14px;
  line-height: 22px;
  color: #aaa;
}

.selectCustom .location-edit-link.btn-help:before {

  font-size: 16px;
  margin-top: 2px;
}

.selectCustom .location-edit-link:hover::before {
  color: var(--competition-color);
}

.selectCustom .selectCustom-item.isField {
  padding: 4px 8px 6px 38px;
}

/*
.selectCustom .selectCustom-item.inUse {
  font-weight: bold;
  color: #333;
}
*/

.selectCustom .selectCustom-item:last-child {
  border-bottom: none;
}





.selectCustom .modTitleClose {
  color: #AEB4F0;
  font-weight: normal;
  margin: 0;
  line-height: 20px;
  font-size: 30px;
  transform: rotate(45deg);
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 3px;
  right: 6px;
  z-index: 1;
  text-decoration: none;
}
.selectCustom .modTitleClose:hover {
  color: var(--competition-color);
}




/*
.locPick div:hover
, 

.selectCustom .selectCustom-item:hover

, #locationPick_NEW 
{
  background-color: #27e;
  color:#fff !important;
} 

#locationPick_NEW:hover {
  background-color: rgb(32, 102, 199);
}
*/

#locationPick_NEW {
  border-top: 1px solid #ccc;
}
.selectCustom .add-label {
  font-weight: bold;
}

.selectCustom .selectCustom-item.isSeed {
  color: #777;
  font-style: italic;
}
.selectCustom .selectCustom-item.isExtra.isAvailable {
  font-style: italic;
}
.selectCustom .selectCustom-item.isLast {
  font-weight: bold;
}

.bracket_wrapper .selectCustom-sub-wrapper {
  position: absolute;
  top: 32px;
  left: 8px;
  width: 235px;
  min-height: 100px;
  background-color: #fff;
  color: #000;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 1300;

  border: 127e;
  border-radius: 5px;
}



#teamsData .wasRemoved .teamName {
  color:#FF8800;
  font-weight: bold;
}










/* select teams for pool dialog */




#teamPoolDetailsDialog .empty-section {
  background-color: #fff;
  border-radius: 6px;
  padding: 6px 6px 6px 6px;
  margin-bottom: 12px;
}
#teamPoolDetailsDialog .empty-section .btn-label {
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
  font-family: 'Roboto Condensed', sans-serif;
  margin-top: 4px;
}
#teamPoolDetailsDialog .empty-section .btn-teams-add {
  width: 30px;
  height: 32px;
}
#teamPoolDetailsDialog .empty-section .btn-teams-add:before {
  font-size: 24px;
  line-height: 24px;
}
#teamPoolDetailsDialog .empty-section .btn-teams-add:after {
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}

#teamPoolDetailsDialog .empty-section .btn-team-setup {
  width: 30px;
  height: 32px;
}
#teamPoolDetailsDialog .empty-section .btn-team-setup:before {
  font-size: 24px;
  line-height: 24px;

}
#teamPoolDetailsDialog .empty-section .btn-team-setup:after {

  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}







#inputOptionsRow_teams .teams-header-wrapper {
  font-family: 'Roboto Condensed', sans-serif;
  padding: 2px 8px 0 2px;
}


#inputOptionsRow_teams .header-label-row {
  color: #888;
  font-size: 16px;
  line-height: 20px;
}



#inputOptionsRow_teams .sportsHQ-header {
  font-size: 16px;
  line-height: 20px;
  color: #27e;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 12px 0 0 2px;
  font-weight: bold;
}



#inputOptionsRow_teams .instructions-row {
  
}
#inputOptionsRow_teams .instructions-row .instructions-text {
  color: #27e;
  font-weight: bold;
}


#inputOptionsRow_teams .col-expand-collapse {
  text-align: right;
}
#inputOptionsRow_teams .link-group-expand-collapse {
  text-align: right
  ;
}
#inputOptionsRow_teams .toggle-expand-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 22px;

  color: #888;

  background-color: #fff;
  border-radius: 11px;
}
#inputOptionsRow_teams .toggle-expand-link:hover {
  color: var(--competition-color);
}
.toggle-expand-link:last-child {
  margin-left: 18px;
}







.bracket-setup-compact-toggle-row {
/*
  margin: 16px 16px 6px 16px;
*/
  margin-top: 8px;
  text-align: right;
  border-top: 1px solid var(--admin-info-color);
}


.bracket-setup-compact-toggle-row .compact-toggle-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  color: var(--admin-info-color);
  
  margin: 0 10px;
}


.bracket-setup-compact-toggle-row .compact-toggle-link.isLabel {
  font-weight: bold;
}

.bracket-setup-compact-toggle-row .compact-toggle-link.isLink:hover {
  color: var(--competition-color);
}













#teamPoolDetailsDialog .key-wrapper {
  padding: 6px;
  color: #888;
  font-family: 'Roboto Condensed', sans-serif;
}

#teamPoolDetailsDialog .key-wrapper .row {
  margin-bottom: 2px;
}
#teamPoolDetailsDialog .key-wrapper .key-item {
  
}

#teamPoolDetailsDialog .key-wrapper .key-wrapper-body {
  display: none;
}
#teamPoolDetailsDialog .key-wrapper.isExpanded .key-wrapper-body {
  display: block;
}

#teamPoolDetailsDialog .key-wrapper .key-heading {
  font-size: 16px;
  margin-bottom: 4px;
}
#teamPoolDetailsDialog .key-wrapper .key-heading-toggle {
  text-decoration: none;
  color: #888;
}
#teamPoolDetailsDialog .key-wrapper .key-heading-toggle-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}
#teamPoolDetailsDialog .key-wrapper .key-heading-toggle:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f054";
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-left: 8px;
  margin-top: 2px;
}
#teamPoolDetailsDialog .key-wrapper.isExpanded .key-heading-toggle:after {
  content: "\f078";
  margin-top: 0;
}


#teamPoolDetailsDialog .key-wrapper .key-item-disabled .key-item-icon:before {
  
  display: inline-block;
  vertical-align: middle;
  font-family: 'FontAwesome';
  content: '\f096';
  font-size: 22px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background-color: #fff;
  
  margin-right: 8px;
  text-align: center;
}
#teamPoolDetailsDialog .key-wrapper .key-item-other .key-item-icon {
  display: inline-block;
  position: relative;
}
#teamPoolDetailsDialog .key-wrapper .key-item-other .key-item-icon:before {

  display: inline-block;
  vertical-align: middle;
  font-family: 'FontAwesome';
  content: '\f096';
  font-size: 22px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background-color: #fff;
  
  margin-right: 8px;
  text-align: center;
}
#teamPoolDetailsDialog .key-wrapper .key-item-other .key-item-icon:after {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 6px;
  top: 7px;
  content: " ";
  width: 7px;
  height: 7px;
  border-radius: 3px;
  background-color: #ACB2BB;
}



#teamPoolDetailsDialog .key-wrapper .key-item-selected {
  color:#27e;
}
#teamPoolDetailsDialog .key-wrapper .key-item-selected .key-item-icon:before {
  
  display: inline-block;
  vertical-align: middle;
  font-family: 'FontAwesome';
  content: '\f046';
  font-size: 22px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background-color: #fff;
  
  margin-right: 8px;
  text-align: center;
}
#teamPoolDetailsDialog .key-wrapper .key-item-seeded .key-item-icon:before {
  
  display: inline-block;
  vertical-align: middle;
  content: '#';
  font-size: 16px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  color:#27e;
  text-align: center;
  font-weight: bold;



  margin-right: 8px;
  text-align: center;
}


#teamPoolDetailsDialog .key-wrapper .key-item-label {
  
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;

  

  margin-top: -1px;
}





.select-container

select {
  width: 100%;
  padding-right: 30px; /* Ensure there's space for the custom arrow */
}







#teamPoolDetailsDialog .select-hq-row {
  padding: 0 0 6px 116px;
  position: relative;
}
#teamPoolDetailsDialog .select-hq-row .message-text {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 7px;
  left: 0;

}
#teamPoolDetailsDialog .select-hq-row .select-hq-wrapper {
  border: 1px solid #ccc;
  line-height: 32px;
  border-radius: 16px;
  padding: 0 0 0 0;
  background-color: #27e;
  color:#555;
  position: relative;
  overflow: hidden;
}
#teamPoolDetailsDialog .select-hq-row .select-hq-wrapper::after {
  
  /* chevron down */
  content: "\f078";
  font-family: FontAwesome;
  font-size: 14px;

  position: absolute;
  top: 0;
  right: 14px; /* Adjust this value to control spacing from the right edge */
  pointer-events: none; /* Ensures the arrow doesn't block clicks */
}
#teamPoolDetailsDialog .select-hq-row .select-hq-input {
  padding: 0 32px 0 18px;
  border: none !important;
  outline: none !important;
  background-color: #eaecf5;
  font-size: 16px;
  line-height: 32px;
  color:#555;

  display: block;
  width: 100%;


  appearance: none;
  -webkit-appearance: none; /* Safari and Chrome */
  -moz-appearance: none;    /* Firefox */

}

















/*
#teamPoolDetailsDialog .team-style-key-row {
  margin-top: 6px;
  color: #888;
}
#teamPoolDetailsDialog .team-style-key-row .team-style-key-toggle {
  color: #888;
}
#teamPoolDetailsDialog .team-style-key-row em {
  font-weight: bold;
}
#teamPoolDetailsDialog .team-style-key-row .team-style-key-end {
  float: right;
  margin-right: 12px;
}
*/



.writeInDialog .writeIn-footer {
  margin-top: 12px;
  color: #888;
}


.writeInDialog .writeIn-header {
  margin-bottom: 12px;
  color: #888;
}




/* seed dialog */


.dialogWithSeeds .modal-body {
  background-color: #ddd;
}
.dialogWithSeeds .team-slot-name-row {
  padding: 0 2px 8px 2px;
}


.dialogWithSeeds .teamsAvailable {
  position: relative;
  padding-right: 34px;
}

.dialogWithSeeds .teamsAvailable .btn-rename-team {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 8px;
  color: var(--admin-info-color);
}
.dialogWithSeeds .teamsAvailable .btn-rename-team:hover {
  color: var(--competition-color);
}

.dialogWithSeeds .team-slot-header {
  color:#888;
  font-weight: bold;
  padding-left: 12px;
}

.dialogWithSeeds .team-slot-name {
  border: 1px solid #ccc;
  border-radius: 4px;

  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 10px 4px 10px;
  color: #27e;
  background-color: #fff;
  font-weight: bold;
}
.dialogWithSeeds .teamDetails .teamName {
  font-size: 16px;
}

.dialogWithSeeds .btn.slot-item {
  line-height: 26px;
  height: 32px;
  padding: 0;
  border: 1px solid #bbb;
  color:#777;
  border-radius: 14px;
  display: inline-block;
  width: 36px;
  text-align: center;
  margin: 2px;
  font-weight: bold;

  background-color: #fff;
  border-radius: 4px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  

}

.dialogWithSeeds .btn.slot-item.isNone
, .dialogWithSeeds .btn.slot-item.isMove {
  width: auto;
  padding: 0 12px;
  background-color: #ddd;
  font-weight: normal;
  
}
.dialogWithSeeds .btn.slot-item:hover {
  color: #000;
}

.dialogWithSeeds .btn.slot-item.hasTeam {
  background-color: #ddd;
}

/*
.dialogWithSeeds .btn.slot-item.original {
  background-color: rgb(171, 197, 233);
}
*/

.dialogWithSeeds .btn.slot-item.selected {
  border-color: #27e;
  color:#27e;
}







.dialogWithSeeds .other-team-assign {
  border-radius: 12px;
  background-color: #ccc;
  margin: 8px -8px -8px -8px;
  padding: 12px 16px 8px 16px;

  color: #777;
  font-weight: bold;
}
.dialogWithSeeds .teamDetails .teamInfoRow {
  border-color:#aaa;
  margin-bottom: 8px;
}
.dialogWithSeeds .teamDetails .teamSlotSeed {
  padding-top: 1px;
  font-weight: normal;
}
.dialogWithSeeds .slot-options-wrapper {
}

.teaam-in-slot-header {
  padding-left: 12px;
  margin-bottom: 2px;
}
.teaam-in-slot-action-header {
  padding-left: 12px;
  margin: 4px 0 8px 0;

}

.dialogWithSeeds .slot-option-row {
  display: inline-block;
  width: 33.3%;
  text-decoration: none;
  text-align: center;
}


.dialogWithSeeds .slot-option-icon {
  position: relative;
  color: #888;
  display: inline-block;
  width: 26px;
  height: 26px;;
}
.dialogWithSeeds .slot-option-icon:before {
  position: absolute;
  top: 0;
  left: 0;

  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 26px;
  line-height: 26px;
  font-weight: normal;
  content: "\f1db";
  width: 26px;
}



.dialogWithSeeds .slot-option-label {
  display: block;
  line-height: 18px;
  white-space: nowrap;
  color: #888;
}

.dialogWithSeeds .selected .slot-option-label {
  color:#27e;

}


.dialogWithSeeds .slot-option-row .slot-option-icon:before {
  content: "\f058";
}
/*
.dialogWithSeeds .slot-option-row .slot-option-icon:after {

  position: absolute;
  top: 5px;
  left: 6px;
  display: none;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 17px;
  line-height: 17px;
  font-weight: normal;
  content: "\f111";
}

*/


.dialogWithSeeds .slot-option-row .slot-option-icon:hover::after {
  display: inline-block;
  color:#888
}


.dialogWithSeeds .slot-option-row.selected .slot-option-icon:after {
    display: inline-block;
    color:#27e;
}


.dialogWithSeeds .teamInfoRow {
  width: 100%;
  display: block;
}











#dialogAdvancingRules .bootstrap-dialog-message {  
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color:#444;
}
#dialogAdvancingRules .teamPool-header {
  margin: 2px 0;
}
#dialogAdvancingRules .advancing-to {
  margin-top: 12px;
}


#dialogAdvancingRules .advancing-to .advancing-title-row:before {
  
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 20px;
  color:#c4c7f2;
  margin: -6px 6px 0 0;

  content: "\f064";
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

#dialogAdvancingRules .bracket-feed-header {
  display: block;
  margin-bottom: 4px;
}

#dialogAdvancingRules .advancing-label-row { 
  
}
#dialogAdvancingRules .advancing-label-row.advancing-label-row-to { 
  margin-top: 28px;
}
#dialogAdvancingRules .advancing-label { 
  font-weight: bold;
}

#dialogAdvancingRules .advancing-title-row {  
  margin: 0 auto 0 auto;
  max-width: 285px;
  display: block;
  text-decoration: none;
  color: #444;
}
#dialogAdvancingRules .advancing-title-value {  
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
#dialogAdvancingRules .advancing-title-slots {  
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}


#dialogAdvancingRules .advancing-title-slots.isWarning { 
  color:#e70;
}




.dialogAdvancingRules .modWrapper {
  margin: 0;
}
.dialogAdvancingRules .modWrapper .input-options-wrapper {
  margin: 0 0 0 12px;
}

.dialogAdvancingRules .modWrapper .input-options-wrapper .input-option-row:before {
  top: 2px;
}

.dialogAdvancingRules #mismatch_SetTeams {
  margin: 0;
}

.dialogAdvancingRules .mismatch-section {
  display: none;
}
.dialogAdvancingRules.hasMismatch .mismatch-section {
  display: block;
  padding-top: 12px;
}






#dialogAdvancingRules .advancing-bracket {
  margin: 0 auto 8px auto;
  max-width: 285px;
}




#dialogAdvancingRules .advancing-bracket.advancing_none .form-control {
  opacity: 0.6;
}
#dialogAdvancingRules .advancing-bracket-label-row {
  display: block;
  text-decoration: none;
}
#dialogAdvancingRules .advancing-bracket-label-row:before {

  display: inline-block;
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 20px;
  color:#888;
  margin-right: 6px;

  content: "\f064";
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
#dialogAdvancingRules .advancing-bracket-label-value { 
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color:#333;
}
#dialogAdvancingRules .advancing-bracket-input-row .col-xs-6 {
  padding-left: 6px;
  padding-right: 6px;
}
#dialogAdvancingRules .advancing-bracket-input-row .col_type {
  text-align: right;
}
#dialogAdvancingRules .advancing-bracket:NOT(.advancing_none) .form-control {

  color:var(--admin-info-color);
  border-color: #b1b4ec;
}
#dialogAdvancingRules .bootstrap-dialog-message .btn {
  color:var(--admin-info-color);
  font-size: 16px;
}
#dialogAdvancingRules .bootstrap-dialog-message .btn:hover {
  color:var(--competition-color);
}



#dialogAdvancingRules .advancing-bracket-setup-row .message {
  color:#888;
}

#dialogAdvancingRules .advancing-bracket-setup-row.isWarning {
  padding-left: 28px;
}



#dialogAdvancingRules .btn-warning-icon {
  padding-left: 0;
}
.btn-warning-icon:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 18px;
}
#dialogAdvancingRules .btn-warning-icon .btn-label {
  text-decoration: underline;
}



.btn-unscheduled .btn-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 15px;
  height: 22px;
  margin-top: -4px;
}


.btn-unscheduled .btn-icon:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f128";
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;

  position: absolute;
  top: 1px;
  left: 1px;
}
/*
.btn-unscheduled .btn-icon:after {
  display: inline-block;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  content: "?";
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;

  position: absolute;
  top: 8px;
  left: 7px;
}
*/





.btn-outside-range .btn-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 22px;
  height: 22px;
  margin-top: -4px;
}


.btn-outside-range .btn-icon:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f133";
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;

  position: absolute;
  top: 1px;
  left: 1px;
}
.btn-outside-range .btn-icon:after {
  display: inline-block;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  content: "x";
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  

  position: absolute;
  top: 7px;
  left: 7px;
}







.btn-conflict .btn-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 22px;
  height: 22px;
  margin-top: -4px;
}


.btn-conflict .btn-icon:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;

  position: absolute;
  top: 1px;
  left: 1px;
}







.btn-locations-tbd .btn-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 22px;
  margin-top: -4px;
}


.btn-locations-tbd .btn-icon:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f041";
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;

  position: absolute;
  top: 1px;
  left: 1px;
}












#teamPoolConfirmDialog .warning-main-heading {
  margin-bottom: 12px;
  color:#333;
}
#teamPoolConfirmDialog .warning-main-heading:before {
  
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f071";
  font-size: 18px;
  margin-right: 8px;
  line-height: 20px;
}
#teamPoolConfirmDialog .warning-main-heading-text {
  display: inline-block;
  vertical-align: middle;
}

#teamPoolConfirmDialog .warning-header {
  margin-bottom: 2px;
  color:#333;
}
#teamPoolConfirmDialog .teamInfoRow {
  display: inline-block;
  width: auto;
  margin-right: 4px;
  margin-bottom: 4px;
}
#teamPoolConfirmDialog .teamSlotSeed {
  color:#27e;
}
#teamPoolConfirmDialog .isSeeded .teamName {
  color:#27e;
}

#teamPoolConfirmDialog .warning-section {
  margin-bottom: 12px;
}
#teamPoolConfirmDialog .warning-section:last-child {
  margin-bottom: 0;
}




/*
#dialogMoveToPool .modal-body {
  font-family: 'Roboto Condensed', sans-serif;
}

#dialogMoveToPool .move-to-row {
  position: relative;
  padding-left: 74px;
  margin-bottom: 8px;

}

#dialogMoveToPool .move-to-label {
  position: absolute;
  left: 8px;
  top: 0;
  line-height: 28px;
  color:#888;
  font-size: 16px;
}

#dialogMoveToPool .move-to-row .form-control {
  color:#888;
  font-size: 16px;
  display: block;
  width: 100%;;
}



#dialogMoveToPool .move-to-new-row {
  text-align: right;
  margin-right: 4px;
}
#dialogMoveToPool .move-to-new-link {
  color:#888;
  font-size: 16px;
}
*/



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

#dialogTeamsUnassignedMove .teamInfoRow {
  width: 100%;
  display: block;
  margin-bottom: 12px;
}
#dialogTeamsUnassignedMove .teamDetails .teamName {
  font-size: 16px;
  text-align: left;
}

#dialogTeamsUnassignedMove .move-content {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color:#666;
  display: inline-block;
  width: auto;
  text-align: left;
  
}


#dialogTeamsUnassignedMove .move-section {
  
}


#dialogTeamsUnassignedMove .move-section.move-section-from {
  margin-bottom: 12px;
}


#dialogTeamsUnassignedMove .move-header {
  
}


#dialogTeamsUnassignedMove .move-header:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  margin-right: 6px;
  width: 22px;
}

#dialogTeamsUnassignedMove .move-section-from .move-header {
}
#dialogTeamsUnassignedMove .move-section-to .move-header {
}

#dialogTeamsUnassignedMove .move-section-from .move-header:before {
  content: "\f08b";
}
#dialogTeamsUnassignedMove .move-section-to .move-header:before {
  content: "\f090";
}


#dialogTeamsUnassignedMove .move-header .move-header-label {

  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}

#dialogTeamsUnassignedMove .move-list {

}

#dialogTeamsUnassignedMove .move-list .move-pool {
  display: block;
  text-decoration: none;
  margin: 2px 0;
  padding-left: 40px;
  position: relative;
  line-height: 30px;
}
#dialogTeamsUnassignedMove .move-list a.move-pool {
  color:#666;
}
#dialogTeamsUnassignedMove .move-list a.move-pool:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f1db";
  font-size: 26px;
  
  position: absolute;
  left: 10px;
  top: 0;

}
#dialogTeamsUnassignedMove .move-list a.move-pool.selected::before {
  content: "\f058";
}


/*
#dialogTeamsUnassignedMove .move-list a.move-pool.selected:after {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  
  width: 13px;
  height: 13px;
  border-radius: 10px;
  background-color: #27e;
  
  position: absolute;
  left: 14px;
  top: 9px;
}
*/



#dialogTeamsUnassignedMove .move-list .move-pool .move-pool-label {

  display: inline-block;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 22px;
  padding: 0 6px;
  color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #bbb;
}
#dialogTeamsUnassignedMove .move-list .move-pool.selected {
  color: #27e;
}
#dialogTeamsUnassignedMove .move-list .move-pool.selected .move-pool-label {
  background-color: #27e;
  color: #fff;
}

#dialogTeamsUnassignedMove .move-list .move-pool .move-pool-text {
  padding-left: 8px;
}
#dialogTeamsUnassignedMove .move-list .move-pool .move-pool-text {
  padding-left: 8px;
}
#dialogTeamsUnassignedMove .move-list .move-pool .form-control { 
  
}



.delete-title-row {
  margin-bottom: 8px;
}
.delete-title-row .delete-title-text {
  color:#d00;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
}



















/* dialog - competition */



/*
.teamsMatchups-label-row {
  margin-bottom: 4px;
  margin-top: 24px;
}

.teamsMatchups-label-row.isNumPools {
  margin-top: 16px;
}
*/



.section-teamsMatchups-preview .teamsMatchups-label-row {
  margin-top: 0;
}


.teamsMatchups-input-row .teamsMatchups-input-link {
  position: relative;
}

.teamsMatchups-input-row .teamsMatchups-input-link:before {

  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 26px;
  line-height: 26px;
  font-weight: normal;
  content: "\f1db";
  margin-right: 8px;
  color: var(--input-checkbox-notSelected);
  width: 26px;
}



.teamsMatchups-input-row .selected .teamsMatchups-input-link:before {

  content: "\f058";
  color: var(--input-checkbox-selected);
}


/*
.teamsMatchups-input-row .selected .teamsMatchups-input-link:after {

  position: absolute;
  top: 4px;
  left: 5px;

  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 17px;
  line-height: 17px;
  font-weight: normal;
  content: "\f111";
  margin-right: 8px;
  color: var(--input-checkbox-selected);
 
}
*/



.dialog-section-teamsMatchups .teamsMatchups-input-label {
    color: var(--dialog-text-standard);
    display: inline-block;
    vertical-align: middle;
}






#col_competition_pools_none {

}

#col_competition_pools_some {

}





.dialog-section-teamsMatchups.add-finals-toggle-row {
  margin-top: 0;
}
.dialog-section-teamsMatchups.add-finals-toggle-row .teamsMatchups-input-row {
  margin-bottom: 0;
}

.dialog-section-teamsMatchups.showFinalsToggle #matchupRowFinals {
  display: block;
  margin-top: 28px;
}


.tournamentDialog .dialog-section-teamsMatchups.add-finals-toggle-row .teamsMatchups-input-col-label {
  margin-top: 9px;
}

 .dialog-section-teamsMatchups.add-finals-toggle-row  .input-check-option-label {
  margin-top: -6px;
 }



.dialog-section-teamsMatchups {
  font-size: 16px;
  line-height: 18px;
  font-family: 'Roboto Condensed', sans-serif;

}


.section-matchup-types {
  margin: 16px 0 16px 16px;
}
.matchup-types-both-row {
  margin-top: 12px;
  text-align: center;
  padding-right: 15px;
}



.dialog-section-teamsMatchups a {
  text-decoration: none;
}

/*
.dialog-section-teamsMatchups .section-teamsMatchups-inputs {
  margin-top: 8px;
  margin-left: 8px;
}
*/

.dialog-section-teamsMatchups .split-pools-header {
  margin-bottom: 6px;
  margin-left: 4px;
}

.dialog-section-teamsMatchups .teamsMatchups-label-row {
  margin-bottom: 8px;
}



.dialog-section-teamsMatchups .teamsMatchups-input-row {
  margin: 8px 8px 6px 8px;
}




#matchupRowFinals .teamsMatchups-input-row {
  display: flex;
}




#matchupRowFinals .teamsMatchups-input-row {
  display: flex;
}



#matchupRowFinals .teamsMatchups-input-col-numTeams {
  display: none;
}
.hasFinals #matchupRowFinals .teamsMatchups-input-col-numTeams {
  display: inline-block;
  margin-left: 16px;
}




#matchupRowFinals .form-control {
  color:#666;
  background: transparent;
  text-align: center;
  
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  font-size: 16px;

  padding: 0 12px;
}

#matchupRowFinals .numTeams-label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  color:#666;
  font-size: 16px;
}




.hasFinals #matchupRowFinals .input-check-option-label {
  color:#000;
}
.hasFinals #matchupRowFinals .form-control {
  color:#000;
  background: #fff;
}
.hasFinals #matchupRowFinals .numTeams-label {
  color:#000;
}



.hasConsolation #matchupRowConsolation .input-check-option-label {
  color:#000;
}
.hasConsolation #matchupRowConsolation .form-control {
  color:#000;
  background: #fff;
}
.hasConsolation #matchupRowConsolation .numTeams-label {
  color:#000;
}


/*
.dialog-section-teamsMatchups #matchupRowFinals {
  margin-top: 16px;
}
*/

/*
.dialog-section-teamsMatchups .teamsMatchups-input-row {
  margin-bottom: 30px;
}



.dialog-section-teamsMatchups.numPools_2 #matchupRowFinals
, .dialog-section-teamsMatchups.numPools_3 #matchupRowFinals
, .dialog-section-teamsMatchups.numPools_4 #matchupRowFinals
, .dialog-section-teamsMatchups.numPools_5_plus #matchupRowFinals {
  display: block;
}
*/


.tournamentDialog .teamsMatchups-input-col-label {
/*
  padding-left: 22px;
*/
  color: var(--dialog-text-standard);
}
.dialog-section-teamsMatchups .teamsMatchups-input-col-input {
  padding-left: 0;
}

.dialog-section-teamsMatchups .input-check-option {
  display: block;
    color: var(--dialog-text-standard);
    position: relative;
}
.dialog-section-teamsMatchups .input-check-option:hover {
  color: var(--dialog-text-standard-hover);
  
}

.dialog-section-teamsMatchups .input-check-option:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 28px;
  line-height: 28px;
  font-weight: normal;
  content: "\f096";
  margin-right: 6px;
  color: var(--input-checkbox-notSelected);
  width: 26px;
}
.dialog-section-teamsMatchups .input-check-option.isRadio:before {
  content: "\f1db";
}


.dialog-section-teamsMatchups #col_competition_pools_some.selected .input-check-option:before {
  
  color: var(--input-checkbox-selected);
  content: "\f046";
}



#deleteSetupDialog .messageRow {
  
  color: var(--dialog-text-standard);
  
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;

  /*
  padding-left: 34px;
  position: relative;
  */
}
/*
#deleteSetupDialog .messageRow:before {
  
  display: inline-block;
  
  font-size: 18px;
  
  font-family: FontAwesome;
  content: "\f071";

  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
}
*/


#deleteSetupDialog .dialog-section-teamsMatchups {
  margin-top: 12px;
}


#deleteSetupDialog.alsoTeams .dialog-section-teamsMatchups .input-check-option:before {
  content: "\f046";
  color: #f00;
}




.dialog-section-teamsMatchups .input-check-option-label:before {

  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.dialog-section-teamsMatchups .input-check-option-label.icon-roundRobin:before {
  font-size: 18px;
}
.dialog-section-teamsMatchups .input-check-option-label.btn-bracket:before {
  font-size: 16px;
}


.dialog-section-teamsMatchups .input-check-option-label .btn-label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}


.dialog-section-teamsMatchups .input-check-option-label {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 16px;

}



.dialog-section-teamsMatchups .section-teamsMatchups-header {
  padding: 0 8px;
  color: var(--dialog-text-label);
}
.dialog-section-teamsMatchups .section-teamsMatchups-header .section-teamsMatchups-header-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 28px;
}
.dialog-section-teamsMatchups .section-teamsMatchups-header .section-teamsMatchups-header-label.isRight {
  float: right;
}
#competitionNumPools {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 28px;
  margin-left: 8px;
  color: var(--dialog-text-standard);
  padding: 0 6px;

}
#competitionDetailsDialog .teamPoolParentRow {
  margin-bottom: 8px;
}
.dialog-section-teamsMatchups .section-teamsMatchups-preview {
  margin-top: 4px;
  min-height: 126px;
  background-color: #fff;
  border-radius: 8px;
  padding: 8px 6px 8px 6px;
  display: block;
  width: 100%;
}

.dialog-section-teamsMatchups .setupTemplates-heading-row {
  color: var(--dialog-text-standard);
  margin: 0 0 3px 4px;
}


.dialog-section-teamsMatchups .setupTemplates-option-tree {
  color:#000;
}



.btn-shootout:before {
  font-family: HTOfonts;
  content: "\f045";
}


.btn-paint:before {
  font-family: HTOfonts;
  content: "\f1fc";
}

.actions-group-summary .row-btn-stack .btn .btn-icon.btn-paint:before {
  font-size: 22px;
}



.btn-image:before {
  font-family: HTOfonts;
  content: "\f03e";
  
}

.actions-group-summary .row-btn-stack .btn .btn-icon.btn-image:before {
  font-size: 28px;
  line-height: 28px;
  margin-top: 2px;
  display: block;
}





.btn-archive:before {
  font-family: HTOfonts;
  content: "\f187";
}

.actions-group-summary .row-btn-stack .btn .btn-icon.btn-archive:before {
  font-size: 22px;
}




/*
.dialog-section-teamsMatchups .setupTemplates-tree-label {
    display: block;
    padding: 0 8px 0 14px;
    font-size: 16px;
    line-height: 24px;

  background-color: var(--teamPool-bgcolor);
    color: var(--teamPool-color);

    font-weight: bold;
    position: relative;
}

*/



.dialog-section-teamsMatchups .setupTemplates-tree-teamPool-row
, .dialog-section-teamsMatchups .setupTemplates-tree-bracket-row {
  text-decoration: none;
  font-weight: bold;
/*
  max-height: 24px;
  min-height:24px;
  */
  height:30px;

  line-height: 15px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;;
}
.dialog-section-teamsMatchups .setupTemplates-tree-teamPool-row {
  padding: 0 8px 0 24px;
  color: var(--teamPool-color);
  background-color: #D2D8FF;
/*
  background: linear-gradient(180deg, var(--teamPool-bgcolor-g1) 0%, var(--teamPool-bgcolor-g2) 20%, var(--teamPool-bgcolor-g3) 70%, var(--teamPool-bgcolor-g4) 100%);
*/
}
.dialog-section-teamsMatchups .setupTemplates-tree-bracket-row {
  padding: 0 6px 0 12px;
  background-color: #C7C7FC;
/*
  background: linear-gradient(180deg, var(--bracket-bgcolor-g1) 0%, var(--bracket-bgcolor-g2) 20%, var(--bracket-bgcolor-g3) 80%, var(--bracket-bgcolor-g4) 100%);
  */
  color: var(--bracket-color);
}




.dialog-section-teamsMatchups .setupTemplates-tree-teamPool-row:before {
  display: inline-block;
  content:"";
  height: 32px;
  width:17px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;

  clip-path: polygon(0 0, 0 55%, 100% 0);
}
.dialog-section-teamsMatchups .setupTemplates-tree-teamPool-row.teamPool-finals-row:before {
  clip-path: polygon(0 45%, 0 100%, 100% 100%);
}


.dialog-section-teamsMatchups .section-matte {
  margin: 8px -6px 8px -6px;
  background-color: #fff;
  border-radius: 8px;
  padding: 1px 6px 1px 6px;
  display: block;
  width: 100%;

}


/*
.dialog-section-teamsMatchups .setupTemplates-tree-teamPool-row:after {
  display: inline-block;
  content:"";
  height: 32px;
  width:17px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;

  clip-path: polygon(0 100%, 100% 100%, 100% 45%);
}
.dialog-section-teamsMatchups .setupTemplates-tree-teamPool-row.teamPool-finals-row:after {
  clip-path: polygon(0 0, 100% 55%, 100% 0);
}
*/




.dialog-section-teamsMatchups .isPool .setupTemplates-tree-teamPool-row .setupTemplates-tree-label {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialog-section-teamsMatchups.hasQualifying .isPool .setupTemplates-tree-teamPool-row .setupTemplates-tree-label {
  max-width: 60px;
}






.dialog-section-teamsMatchups .setupTemplates-tree-bracket-row:last-child {
  padding-right: 12px;
}

.dialog-section-teamsMatchups .setupTemplates-tree-bracket-row:after {

  display: inline-block;
  content: "";
  height: 30px;
  width: 11px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 1;
  clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%);
}


.tournamentDialog .dialog-section-teamsMatchups a.bracketset-type-link {
  padding-left: 6px;
}
.tournamentDialog .dialog-section-teamsMatchups a.bracketset-type-link:before {

  display: inline-block;
  
  font-size: 14px;
  
  font-family: FontAwesome;
  content: "\f078";

  position: absolute;
  top: 6px;
  right: 12px;
  font-weight: normal;
}

/*

.dialog-section-teamsMatchups .setupTemplates-tree-bracket-row:before {

  display: inline-block;
  
  font-size: 14px;
  
  font-family: FontAwesome;
  content: "\f078";

  position: absolute;
  top: 6px;
  right: 10px;
  font-weight: normal;
}


*/




/*
.dialog-section-teamsMatchups .setupTemplates-tree-label.setupTemplates-tree-teamPool-label {
  background-color: var(--teamPool-cell-bgcolor);
}
*/


/*
.dialog-section-teamsMatchups 
 .setupTemplates-tree-label.setupTemplates-tree-bracket-label {
  background-color: var(--bracket-bgcolor);
}
*/












.setupTemplates-option-wrapper {
  display: block;
  background-color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  margin: 4px 4px 8px 4px;
}



.setupTemplates-tree-teamPool-row.teamPool-finals-row .setupTemplates-tree-label:before {
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    content: "\f064";
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    margin-right: 8px;
    margin-top: -3px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}





.dialog-section-teamsMatchups .setupTemplates-tree-label.setupTemplates-tree-bracket-label:before {
    font-weight: normal;
    margin-right: 12px;
}

.setupTemplates-tree-teamPool-wrapper:first-child {
    margin-bottom: 0;
}






.setupTemplates-tree-teamPool-wrapper {

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-top: 4px;
}

.setupTemplates-tree-teamPool-wrapper.teamPool-wrapper-finals {
    margin-top: 10px;
}



.hasQualifying .setupTemplates-tree-teamPool-wrapper.isPool {
  grid-template-columns: auto auto auto;
}







/*

.hasSeedingRound.hasElimBracket .setupTemplates-tree-teamPool-wrapper {
    grid-template-columns: auto auto auto;
}


.hasSeedingRound.hasElimBracket .setupTemplates-tree-teamPool-wrapper.teamPool-wrapper-finals {
    grid-template-columns: 1fr 1fr;
}






.setupTemplates-option-tree .teamPool-wrapper-b
, .setupTemplates-option-tree .teamPool-wrapper-c
, .setupTemplates-option-tree .teamPool-wrapper-d
, .setupTemplates-option-tree .teamPool-wrapper-finals
, .setupTemplates-option-tree .teamPool-wrapper-extra {
  display: none;
}


.dialog-section-teamsMatchups.hasFinals .teamPool-wrapper-finals {
  display: grid;
}
.dialog-section-teamsMatchups.numPools_2 .teamPool-wrapper-b
, .dialog-section-teamsMatchups.numPools_3 .teamPool-wrapper-b
, .dialog-section-teamsMatchups.numPools_4 .teamPool-wrapper-b
, .dialog-section-teamsMatchups.numPools_5_plus .teamPool-wrapper-b {
  display: grid;
}
.dialog-section-teamsMatchups.numPools_3 .teamPool-wrapper-c
, .dialog-section-teamsMatchups.numPools_4 .teamPool-wrapper-c
, .dialog-section-teamsMatchups.numPools_5_plus .teamPool-wrapper-c {
  display: grid;
}
.dialog-section-teamsMatchups.numPools_4 .teamPool-wrapper-d
, .dialog-section-teamsMatchups.numPools_5_plus .teamPool-wrapper-d {
  display: grid;
}

.dialog-section-teamsMatchups.numPools_5_plus .teamPool-wrapper-extra {
  display: block;
}

.setupTemplates-tree-teamPool-label span {
  display: none;
}

.dialog-section-teamsMatchups.numPools_2 .setupTemplates-tree-teamPool-label span
, .dialog-section-teamsMatchups.numPools_3 .setupTemplates-tree-teamPool-label span
, .dialog-section-teamsMatchups.numPools_4 .setupTemplates-tree-teamPool-label span
, .dialog-section-teamsMatchups.numPools_5_plus .setupTemplates-tree-teamPool-label span {
  display: inline;
}

*/





#teamPool-repeat-label {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--teamPool-color);
  font-size: 14px;
  font-weight: bold;
  padding-left: 4px;
  margin: 4px 0 0 8px;
}

.dialog-section-teamsMatchups.hasFinals #competition_finalsToggle {
}
.dialog-section-teamsMatchups.hasFinals #competition_finalsToggle:before {
  content: "\f046";
  color: var(--input-checkbox-selected);
}


.dialog-section-teamsMatchups.hasConsolation #competition_consolationToggle:before {
  content: "\f046";
  color: var(--input-checkbox-selected);
}




.dialog-section-teamsMatchups.hasQualifying #competition_qualifyingToggle:before {
  content: "\f046";
  color: var(--input-checkbox-selected);
}


.dialog-section-teamsMatchups.hasQualifying #competition_qualifyingToggle .input-check-option-label {
  color: #000;
}




#addCompetitionMoreOptions .more-options-header {
  text-align: right;
  padding-right: 18px;
}
#addCompetitionMoreOptions .more-options-toggle-link {
  font-size: 16px;
  color: var(--dialog-text-standard);
}
#addCompetitionMoreOptions .more-options-toggle-link:after {
  
  display: inline-block;
  font-size: 14px;
  font-family: FontAwesome;
  content: "\f078";
  
  font-weight: normal;

  margin-left: 8px;
}


#addCompetitionMoreOptions.showMore .more-options-toggle-link:after {
  content: "\f077";
}



#addCompetitionMoreOptions .more-options-content {
  display: none;
}
#addCompetitionMoreOptions.showMore .more-options-content {
  display: block;
}


#addCompetitionMoreOptions .more-options-toggle-link .more-options-toggle-text.whenShown {
  display: none;
}
#addCompetitionMoreOptions.showMore .more-options-toggle-link .more-options-toggle-text.whenShown {
  display: inline;
}
#addCompetitionMoreOptions.showMore .more-options-toggle-link .more-options-toggle-text.whenCollapsed {
  display: none;
}





#confirmSetupHasUnknownDialog .save-anyway-row {
  margin-top: 12px;
  text-align: right;
  padding-right: 12px;
}

#confirmSetupHasUnknownDialog .save-anyway-link {
  color:#888;
}









/*

.dialog-section-teamsMatchups.hasElimBracket #competition_elimBracket:before {
  color: var(--input-checkbox-selected);
  content: "\f058";
}

.dialog-section-teamsMatchups.hasSeedingRound #competition_seedingRound:before {
  content: "\f058";
  color: var(--input-checkbox-selected);
}






.dialog-section-teamsMatchups.hasElimBracket #competition_elimBracket:after
, .dialog-section-teamsMatchups.hasSeedingRound #competition_seedingRound:after {
  
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    font-size: 17px;
    line-height: 17px;
    font-weight: normal;
    content: "\f111";
    margin-right: 8px;
    color: var(--input-checkbox-selected);
}




.hasElimBracket .setupTemplates-tree-bracket-row.isMatchup
, .hasSeedingRound .setupTemplates-tree-bracket-row.isMatchup {
  display: none;
}
.setupTemplates-tree-bracket-row.isSeedRound {
  display: none;
}
.hasSeedingRound .setupTemplates-tree-bracket-row.isSeedRound {
  display: flex;
}
.setupTemplates-tree-bracket-row.isElimBracket {
  display: none;
}
.hasElimBracket .setupTemplates-tree-bracket-row.isElimBracket {
  display: flex;
}


*/




/* dialog bracket */



#bracketInfoDialog .modal-body {
  padding: 8px;
}


#bracketInfoDialog .dialog-section {
  color: #000;
  text-decoration: none;
}
#bracketInfoDialog .matchup-structure-section {

  display: block;
    background-color: #D6D7DC;
    padding: 6px;
    border-radius: 8px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    position: relative;

    line-height: 24px;
    margin-top: -2px;
}

#bracketInfoDialog .btn-bracket-edit {
  position: absolute;

  top: 14px;
  right: 28px;

  color: #4E78EE;
}
#bracketInfoDialog .btn-bracket-edit .btn-label {
  font-weight: bold;
}


#bracketInfoDialog .dialog-section-title .dialog-section-title-text {
  font-weight: bold;
}
#bracketInfoDialog .dialog-section-title .dialog-section-title-text:after {
  font-family: FontAwesome;
  content:'\f0ad';
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  font-weight: normal;

}

#bracketInfoDialog .inputRow {
  white-space: nowrap;
  overflow: hidden;

  display: flex;
  align-items: center;
}

#bracketInfoDialog .inputRow.inputRow-bracketSize {
  margin-top: 12px;


}


#bracketInfoDialog .inputRow .inputLabel {
  color:#4D3E7C;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  min-width: 40px;
  text-align: right;
  line-height: 32px;
}





#bracketInfoDialog .inputRow .inputValue {

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

  font-weight: bold;
  line-height: 28px;
  padding: 2px 16px;
  border-radius: 15px;
  margin-left: 12px;

  display: flex;
  align-items: center;



}
#bracketInfoDialog .inputRow .inputValue.inputValue-bracketType {

  padding: 3px 16px 2px 12px;
}




#bracketInfoDialog .dialog-content-row {

}
#bracketInfoDialog .dialog-content-row .dialog-content-label {

}
#bracketInfoDialog .dialog-content-row .dialog-content-value {
  font-weight: bold;
}
#bracketInfoDialog .inputLabel-bracketRounds {
  margin-left: 36px;
}





#bracketInfoDialog .action-row {
  margin-top: 10px;
  text-align: center;
}
#bracketInfoDialog .action-row .btn-primary {
  display: inline-block;
  text-transform: none;
  background-color: #4E78EE;
    font-family: 'Roboto Condensed', sans-serif;
  line-height: 32px;
  font-size: 16px;
  border-radius: 16px;
  font-weight: normal;
  padding: 0 40px;
}
#bracketInfoDialog .action-row .btn-primary:hover {
  background-color: #2E58dE;
}
#bracketInfoDialog .action-row .btn-goto-after:after {
  font-family: FontAwesome;
  content:'\f061';
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;

}
#bracketInfoDialog .action-row .btn-label-front {
  vertical-align: top;
}






.matchupInfo-teamPool-wrapper {
  display: block;
/*
  background-color: #D6D7DC;
*/
  background-color: #fff;
  padding: 10px;
  border-radius: 8px;
  margin-top: 6px;
}
#bracketInfoDialog .matchupInfo-teamPool-wrapper .form-control-label {
  font-weight: normal;
}





#bracketInfoDialog .bootstrap-dialog-footer-buttons .btn-primary {
  text-transform: none;
}
#bracketInfoDialog .bootstrap-dialog-footer-buttons .btn-primary:after {
  
  font-family: FontAwesome;
  content:'\f061';
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
}








.select-wrapper {
    background-color: var(--select-bg-noChanges);
    color: var(--select-text-noChanges);
    position: relative;
    border-radius: 15px;
}

.select-wrapper select {
  
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 16px;
    height: auto;
    line-height: 30px;
    color: var(--select-text-noChanges);
    transition: none;
    background-color: transparent;
    padding: 0 26px 0 18px;
    border-radius: 15px;


  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;

  box-shadow: none;

}

.select-wrapper select::-ms-expand {
  display: none;
}
.select-wrapper:after {
  font-family: FontAwesome;
  content:'\f0d7';
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 5px;
  height: 20px;
  pointer-events: none;

}






#inputOptionsRow_numteams {
  margin-top: 12px;
}


#bracketDetailsDialog .modal-body {
  padding-bottom: 4px;
}




#bracketDetailsDialog .inputOptionsRow_stageHeader {
  text-align: center;
}


/* Container acts like the pill button group */

#bracketDetailsDialog .inputOptionsRow_stageHeader .btn-group {
  display: inline-flex;
  /*
  border: 1px solid var(--purple);
  */

  border-radius: 999px;
  overflow: hidden;
}


/* Each option (link/label) acts like a button */

#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link {
  background-color: #aaa;
  color: #555;
  padding: 0 18px 0 12px;
  border: none;
  display: inline-flex;
  align-items: center;
  

  font-weight: normal;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 28px;
  opacity: 0.8;
  text-decoration: none; 
}
#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link:first-child {
  padding: 0 12px 0 18px;
}
  

/* Hover state */
/*
#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link:hover {
  opacity: 1;
}
  */

/* Active/selected option */

#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link.selected {
  background-color: #27e;
  color: #fff;
  opacity: 1;
  font-weight: bold;
}


#bracketDetailsDialog .inputOptionsRow_stageHeader a.option-link:hover {
  opacity: 1;
}

/* Remove old divider styling */
/*
#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link:last-child {
  border-left: none;
  padding-left: 18px;
}
*/



/*

#bracketDetailsDialog .inputOptionsRow_stageHeader {
  
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
  font-size: 16px;
  text-align: center;
  color: #666;
  margin-bottom: 6px;
}

#bracketDetailsDialog .inputOptionsRow_stageHeader .option-label {
  display: inline-block;
  vertical-align: middle;
}

#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;

}
#bracketDetailsDialog .inputOptionsRow_stageHeader a.option-link {
  color: #666;
  line-height: 24px;
}
#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link:last-child {
  
  border-left: 1px solid #666;
  padding-left: 8px;
}
#bracketDetailsDialog .inputOptionsRow_stageHeader .option-link.selected {
  font-weight: bold;
  color:#27e;
}


*/











#bracketDetailsDialog .inputOptionsRow .inputOptionsCol {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}



#bracketDetailsDialog .inputOptionsRow .inputLabel {
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
  display: inline-block;
  vertical-align: middle;
    color: var(--dialog-text-label);
    
    font-size: 14px;    

    margin: 0 0 0 8px;
}

#bracketDetailsDialog .inputOptionsRow .inputLabel.bracket-size-label {
  width: 156px;
}

#bracketDetailsDialog .inputOptionsRow .select-wrapper-normal {
  padding: 0 4px;
}


/*

#bracketDetailsDialog .inputOptionsRow .inputLabel .icon-unknown {
  display: none;
}
#bracketDetailsDialog.noTeams .inputOptionsRow .inputLabel.bracket-size-label .icon-unknown
, #bracketDetailsDialog.noRounds .inputOptionsRow .inputLabel.bracket-size-label .icon-unknown
{
  display: inline-block;
  margin: -2px 0 0 6px;
}
*/


#bracketDetailsDialog.noTeams #numTeams_bracket
, #bracketDetailsDialog.noRounds #numRounds_bracket
{
  color:#e70;
}
#bracketDetailsDialog.noTeams #numTeams_bracket option
, #bracketDetailsDialog.noRounds #numRounds_bracket option
{
  color: var(--bracket-color);
}


#inputOptionsRow_numteams .btn-edit {
    color: var(--dialog-text-label);
    padding-right: 0;
}



 #inputOptionsRow_numteams .select-wrapper {
  display: inline-block;
  position: relative;

  background-color: #E3E5FF;
  margin: 2px 4px;
  border-radius: 0;

}





/*
#inputOptionsRow_numteams .select-wrapper .style-mask:before {
  display: inline-block;
  content:"";
  height: 32px;
  width:19px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;

  clip-path: polygon(0 0, 0 55%, 100% 0);
}
*/


/*
#inputOptionsRow_numteams .select-wrapper .style-mask:after {
  display: inline-block;
  content:"";
  height: 32px;
  width: 19px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;

  clip-path: polygon(0 100%, 100% 100%, 100% 45%);
}

  */


#inputOptionsRow_numteams .select-wrapper .form-control {
  padding: 0 32px 0 22px; 
  box-shadow: none;
  color: var(--bracket-color);
}

#inputOptionsRow_numteams .select-wrapper:after {
  right:18px;
}







 #inputOptionsRow_numteams #numRounds_bracket_wrapper {
  display: none;

}
.usingRounds #inputOptionsRow_numteams #numRounds_bracket_wrapper {
  display: inline-block;
  vertical-align: top;
}



#roundRobinToggleRow {

  margin: 6px -6px 0 5px;

  visibility: hidden;

}
.usingRounds #roundRobinToggleRow {
  visibility: visible;
}
.usingRounds.isMixedSizes #roundRobinToggleRow {
  visibility: hidden;
}



#roundRobinToggleRow #roundRobinToggle {

  display: inline-block;
  vertical-align: middle;

  text-decoration: none;
  color: var(--dialog-text-label);
  height: 24px;
  width: 30px;
}

#roundRobinToggleRow #roundRobinToggle:before {
  
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  content: "\f096";

}
/*checked*/

#bracketDetailsDialog.isRoundRobin #roundRobinToggleRow #roundRobinToggle:before {
  content: "\f046";
  color: var(--input-checkbox-selected);
}



#roundRobinToggleRow .roundRobinToggle-label {

  display: inline-block;
  vertical-align: middle;


  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: var(--dialog-text-label);
  text-decoration: none;

}


#bracketDetailsDialog.isRoundRobin #roundRobinToggleRow .roundRobinToggle-label {
  color:#000;
}

#roundRobinToggleRow #roundRobinCycles {

  display: inline-block;
  vertical-align: middle;

  border: none;
  background-color: transparent;

  text-decoration: underline;

  -webkit-appearance: none;
  -moz-appearance: none;

  margin: 0 0 0 -8px;
  padding: 0 12px 0 12px;

  
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: var(--dialog-text-label);
}
#roundRobinToggleRow #roundRobinCycles::-ms-expand {
  display: none;
}
#roundRobinToggleRow #roundRobinCycles:focus {
  outline: none;
}

#bracketDetailsDialog.isRoundRobin #roundRobinToggleRow #roundRobinCycles {
  color: #000;
}


#roundRobinToggleRow #roundRobinCycles option {
  margin: 0 8px;
  padding: 0;
}


#freestyleMessageRow {
  display: none;
}
.usingFreestyle #roundRobinToggleRow {
  display: none;
}


.usingFreestyle #freestyleMessageRow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  
  
}

.usingFreestyle #freestyleMessageRow .freestyle-message-text {

  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: var(--dialog-text-label);
  text-decoration: none;
}


/*
parent:''
, css:''

*/









#bracketDetailsDialog .inputOptionSection  {

  /*
  background-color: #fff;
  margin-bottom: 2px;
  margin-top: 8px;
  */

  border-radius: 8px;
  padding: 4px;
  margin-left: -8px;
  margin-right: -8px;
}


#bracketDetailsDialog .inputOptionSection:last-child  {
  margin-bottom: 0;
}


#bracketDetailsDialog .bootstrap-dialog-footer-buttons {
  margin-bottom: 16px;
}

#dialogFreestyleSetup .bootstrap-dialog-footer-buttons {
  margin-bottom: 16px;
}

.bootstrap-dialog .warningRow {
  margin-top: 4px;
}

.bootstrap-dialog .warningRow .warning-text {
  color:#e70;
}

#bracketDetailsDialog #warningRow_oddSize {
  display: none;
}
#bracketDetailsDialog.isOddSize.usingRounds #warningRow_oddSize {
  display: block;
}

#bracketDetailsDialog #warningRow_mixedSizes {
  display: none;
}
#bracketDetailsDialog.isMixedSizes #warningRow_mixedSizes {
  display: block;
}
#bracketDetailsDialog.isMixedSizes .inputLabel.bracket-size-label
, #bracketDetailsDialog.isOddSize .inputLabel.bracket-size-label
, #bracketDetailsDialog.isOddSize .inputLabel.bracket-rounds-label
 {
  color:#e70;
}


#bracketDetailsDialog .fixed-size-msg {
  line-height: 30px;

  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
  color:#888;
  margin: 2px;

  font-size: 16px;
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
}




#bracketDetailsDialog .inputOptionsRow_bracketLabel {
  margin: 0 -8px 4px -8px;
}
#bracketDetailsDialog .inputOptionsRow_bracketLabel .inputRow {
  padding: 0 4px;
  margin-top: 2px;
}


#bracketDetailsDialog #bracketLabel {
  font-size: 16px;
  line-height: 32px;
  height: 32px;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}


#bracketDetailsDialog.tournamentDialog a.bracketset-type-link.selected {

  border: 1px solid #ccc;

  border-radius: 5px;
  box-shadow: none;

}



#section_copySetup {
  font-size: 16px;
}

#section_copySetup .copySetup-label-row {

  font-size: 14px;
  color: var(--dialog-text-label);
  margin-bottom: 4px;
}

/*
#section_copySetup .copySetup-toggleRow {
  margin-top: 6px;
}


#section_copySetup .copySetup-toggle-link {
  
  color: var(--dialog-text-standard);
  margin-left: 8px;

  display: inline-block;
  vertical-align: middle;
  
}
#section_copySetup .copySetup-toggle-link:hover {

  color: var(--dialog-text-standard-hover);
}
#section_copySetup .copySetup-toggle-link:after {
  display: inline-block;
  
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  content: "\f054";
  margin-left: 8px;
}
#section_copySetup.isExpanded .copySetup-toggle-link:after {
  content: "\f078";
  
}
*/







/*
#section_copySetup .copySetup-list {
  display: none;
}
*/

#section_copySetup .copySetup-list {
  display: block;
/*
  padding: 6px 8px;
*/
  max-height: 200px;
  overflow: auto;
}
#section_copySetup .copySetup-list .copySetup-option {


  color: var(--dialog-text-standard);

  display: inline-block;
  vertical-align: middle;

  text-decoration: none;
  margin: 2px 0;


  width: 50%;
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;


}


#section_copySetup .copySetup-list .copySetup-option:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  font-size: 28px;
  line-height: 28px;
  font-weight: normal;
  content: "\f096";
  margin-right: 6px;
  color: var(--input-checkbox-notSelected);
  width: 26px;


}

.section_deleteSetup {
  text-align: right;
}

.section_deleteSetup .deleteSetup-link {
  
  color: var(--dialog-text-standard);
  margin-right: 18px;
  font-size: 16px;

  display: inline-block;
  vertical-align: middle;

  text-decoration: underline;
}
.section_deleteSetup .deleteSetup-link:hover {

  color: var(--dialog-text-standard-hover);
}



#section_copySetup .copySetup-list .copySetup-option.selected:before {

  content: "\f046";
  color: var(--input-checkbox-selected);
}

#section_copySetup .copySetup-list .copySetup-option.selected {
  
  color: #000;
}

.alert_doubleElim_limit {
  text-align: left;
}

/*
.inputOptionsRow_bracketType {
  margin-top: 12px;
}
.bracketset-type-link-col {

    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 4px;

}
*/
 a.bracketset-type-link {
  text-decoration: none;

}


.tournamentDialog .bracketset-type-link 
{
  display: flex;
  align-items: center;
  color: var(--btn-disabled-color);


  border: 1px dashed #ccc;
  
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);

  position: relative;



  padding: 3px 8px 3px 8px;
  font-weight: normal;
  height: 46px;

}


.tournamentDialog .bracketset-type-link:hover {
  
  color: var(--competition-color);
}

#setupData .checklist-row-bracket .bracketset-type-link
, #setupData .checklist-row-teampool .bracketset-type-link {
  display: flex;
  align-items: center;
/*
  border-radius: 15px;
  */

  padding: 3px 16px 3px 14px;

  background-color: #E3E5FF;
  /*
  background-color: var(--teamPool-bgcolor);
  */


  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
  margin-left: 6px;




  position: relative;
  min-width: 150px;
}

#setupData .checklist-row-bracket .bracketset-type-link {
/*
  background-color: var(--bracket-bgcolor);
  background-color: #C7C7FC;
*/
background-color: #f2f3f9;

}





/*

#setupData .checklist-row-bracket .bracketset-type-link:after {

  display: inline-block;
  content: "";
  height: 30px;
  width: 15px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 1;
  clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%);
}

*/






/*
#setupData .checklist-row-bracket.status-ready .bracketset-type-link
, #setupData .checklist-row-teampool.status-ready .bracketset-type-link {
  background-color: #e6e6e6;
}
*/


/*
a.bracketset-type-link:hover {
    color: var(--bracket-color);
}

a.bracketset-type-link.selected {
  background-color: var(--event-btn-bgcolor);
}
a.bracketset-type-link.selected:hover {
  background-color: var(--event-btn-bgcolor-hover);
}
*/








#setupData .checklist-row-teampool .bracketset-type-link {
  padding-left: 47px;
}



/*
#setupData .checklist-row-teampool .bracketset-type-link:before {
  display: inline-block;
  content:"";
  height: 30px;
  width:18px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  clip-path: polygon(0 0, 0 55%, 100% 0);
}




#setupData .checklist-row-teampool .bracketset-type-link:after {
  display: inline-block;
  content:"";
  height: 30px;
  width:18px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;

  clip-path: polygon(0 100%, 100% 100%, 100% 45%);
}

*/



/*

.tournamentDialog .select-both-link {
  color: var(--dialog-text-standard);
  float: right;
  text-decoration: underline;
  margin-right: 16px;
  font-size: 16px;
  line-height: 22px;
}
.tournamentDialog .select-both-link:before {
  
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  margin-right: 4px;
    line-height: 22px;
    font-size: 22px;
  content: "\f096";
  width:22px;
}

*/
.tournamentDialog .select-both-link {
  color: var(--dialog-text-standard);

}
.tournamentDialog .select-both-link .useBoth {
  text-decoration: underline;
}

/*

.tournamentDialog .hasElimBracket.hasSeedingRound .select-both-link .useBoth {
  color:#27e;
  font-weight: bold;
}
*/



#col_competition_pools_some .input-check-option {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 4px;
  margin-left: 4px;
} 


/*
.tournamentDialog .form-control-value-row {
  display: none;
}
.tournamentDialog.hasEdit_info .form-control-value-row {
  display: block;
}
*/


.tournamentDialog .form-control-value {
  font-size: 16px;
  line-height: 18px;
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
  font-weight: normal;
  color: var(--dialog-text-standard);
  display: inline-block;
  margin: 0 0 4px 14px;
  min-height: 16px;
}


.tournamentLabel {
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
}

input.tournamentLabel {
  font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
  font-weight: normal;
  padding-left: 14px;
  padding-top: 4px;
  height: 28px;
}
select.tournamentLabel {
}
select.tournamentLabel option {
  font-family: Arial,Helvetica,sans-serif;

}

/*

.tournamentDialog .btn-group-save-cancel {
  display: none;
}
.tournamentDialog.hasEdit_info .btn-group-save-cancel {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 4px;
}
.tournamentDialog.hasEdit_info .btn-group-save-cancel .btn {
  margin: 0 3px;
}
.tournamentDialog.hasEdit_info .inputOptionsRow_bracketInfo .btn-edit
, .tournamentDialog.hasEdit_info .inputOptionsRow_teamPoolInfo .btn-edit
, .tournamentDialog.hasEdit_info .inputOptionsRow_competitionInfo .btn-edit
, .tournamentDialog.hasEdit_info .inputOptionsRow_eventFolderInfo .btn-edit
 {
  display: none;
}


*/



 .tournamentDialog .inputOptionsRow_competitionInfo .teamsMatchups-input-label {
  padding: 0 0 2px 8px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 18px;
    color: var(--dialog-text-standard);
}


.tournamentDialog .btn-edit {
    color: var(--dialog-text-label);
}
.tournamentDialog .bracketset-section-empty-msg {

  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  padding: 0 4px;
  min-width: 0;
  text-align: left;
  background-color: transparent !important;
  color: var(--dialog-text-standard);
}


.bracketset-section-empty-msg:hover {
  color: #333;
  background-color: #ccc;
}












#mod_tournamentEvents .bracket-status-wrapper {
  position: absolute;
  right: 0;
  top:0;

  display: flex;
  flex-direction: column; 
  
  align-items: flex-end;
  
  height: 34px;
}

#mod_tournamentEvents .bracket-status-wrapper .bracket-status-link {
  text-decoration: none;
  color: var(--admin-info-color);
  /*
  color: #27e;
*/
  align-items: center; /* Center text vertically within <a> tags */
  justify-content: center; /* Center text horizontally within <a> tags */

  min-width: 125px;
  
  flex: 1;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  display: flex;

  font-style: italic;
  padding-right: 2px;

}

#mod_tournamentEvents .event-competition-row .bracket-status-wrapper .bracket-status-link {
  padding-right: 16px;
}



#mod_tournamentEvents .bracket-status-wrapper .bracket-status-link.isWarning {
  color: #e70;
  
  font-style:normal;
  border-radius: 17px;
  padding: 0 12px;

  
  border: 1px solid #ccc;
}


#mod_tournamentEvents .bracket-status-wrapper .bracket-status-link.isWarning.isMultipleSchedNotice {
  display: none;
}


/*
#mod_tournamentEvents .expanded_bracket_1 .bracket-status-wrapper 
 .bracket-status-link.isWarning.isMultipleSchedNotice:nth-child(1)
, #mod_tournamentEvents .expanded_bracket_2 .bracket-status-wrapper 
 .bracket-status-link.isWarning.isMultipleSchedNotice:nth-child(2)
 {
  display: flex;
}

*/


#mod_tournamentEvents .bracket-status-wrapper a.bracket-status-link:hover {
  color: var(--competition-color) !important;
}



#mod_tournamentEvents .bracket-status-wrapper .bracket-status-link.isFinal:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  
}

/*
#mod_tournamentEvents .bracket-status-wrapper 
  .bracket-status-link.isOnDetails:after {
  font-family: FontAwesome;
  content: "\f061";
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  
}
*/


/*

#mod_tournamentEvents .bracket-status-wrapper .btn {
  padding: 0;
  position: relative;
  text-align: center;
  width: 36px;
  height: 30px;
  color: var(--admin-info-color);
}
#mod_tournamentEvents .bracket-status-wrapper .btn:hover {
  color: #000;
}
#mod_tournamentEvents .bracket-status-wrapper .btn:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 30px;
}

#mod_tournamentEvents .bracket-status-wrapper .btn-scores-in:before {
  
  font-family: FontAwesome;
  content: "\f00c";
  font-weight: normal;
  position: absolute;
  font-size: 20px;
  line-height: 20px;

  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
#mod_tournamentEvents .bracket-status-wrapper .btn-scores-in:after {

  content: "FINAL";
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  font-style: italic;
  text-align: center;
  font-weight: bold;
}


#mod_tournamentEvents .bracket-status-wrapper .btn-scores-in-progress:before {
  
  font-family: FontAwesome;
  content: "\f044";
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  padding-left: 4px;


  
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  
}

#mod_tournamentEvents .bracket-status-wrapper .btn-scores-in-progress:after {

  display: inline-block;
  vertical-align: middle;
  content: "SCORES";
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  font-style: italic;
  text-align: center;
  font-weight: bold;
}

#mod_tournamentEvents .bracket-status-wrapper .btn-schedule-setup:before {
  
  font-family: FontAwesome;
  content: "\f073";
  font-weight: normal;
  line-height: 18px;
  font-size: 18px;
  width: 20px;
  
  position: absolute;
  top: 4px;
  left: 6px;
  right: 0;
  text-align: center;

}

#mod_tournamentEvents .bracket-status-wrapper .btn-schedule-setup:after {

  display: inline-block;
  vertical-align: middle;


  font-family: FontAwesome;
  content: "\f0ad";
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  bottom: 0;
  right: 0;

}


#mod_tournamentEvents .bracket-status-wrapper .btn-schedule-ready:before {
  
  font-family: FontAwesome;
  content: "\f073";
  font-weight: normal;
}

*/













#mod_tournamentEvents .empty-eventFolder .btn.btn-tournament-competition {
  color:var(--admin-info-color);
  display: inline-block;
  border-radius: 16px;
  background-color: #fff;
  width: auto;
  line-height: 32px;
  padding-left: 8px;

  font-size:  16px;
  
}
#mod_tournamentEvents .empty-eventFolder .btn.btn-tournament-competition:hover {
  color: var(--competition-color);
}


















#mod_tournamentEvents .competition-view-alerts {
  padding: 4px 8px 20px 8px;
/*
  display: block;
  padding: 14px 12px 0 30px;
  */

}


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

  #mod_tournamentEvents .competition-view-alerts {
    padding: 4px 4px 20px 4px;
  }
  
}


#mod_tournamentEvents .isCollapsed_competition .competition-view-alerts {
  display: none;
}

#mod_tournamentEvents .competition-view-alerts .alert-inner-dialog {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px 18px;
  background-color: #e8e9ff;
  color: #333;

  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);

  max-width: 500px;
  position: relative;
  margin: 0 auto;
  
}
#mod_tournamentEvents .competition-view-alerts .modTitle {
  margin-bottom: 8px;
  padding: 0;
}

#mod_tournamentEvents .competition-view-alerts .modTitleClose {
  color: #AEB4F0;
  font-weight: normal;
  margin: 0;
  line-height: 20px;
  font-size: 34px;
  transform: rotate(45deg);
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  text-decoration: none;
}


@media screen and (max-width: 350px) {
  #mod_tournamentEvents .competition-view-alerts .modTitleClose {
    display: none;
  }
}



#mod_tournamentEvents .competition-view-alerts .modTitleClose:hover {
  color: var(--competition-color);
}


#mod_tournamentEvents .competition-view-alerts .modTitle .modTitleText {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color: #333;
  padding-right: 24px;
  display: inline-block;
}


#mod_tournamentEvents .competition-view-alerts.hasAlert .modTitle .modTitleText {
  color: #e70;
}












.setup-steps-wrapper {
  width: 300px;
  margin-bottom: 16px;
  margin-left: -20px;
}
.setup-steps-wrapper .progress-steps-row {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;

}
.setup-steps-wrapper .progress-steps-col {
 flex: 1;
 text-decoration: none;
}
/*
.setup-steps-wrapper .progress-steps-col.isFields {
 flex: 0.5;
}
 */

.setup-steps-wrapper .progress-inner-icon-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.setup-steps-wrapper .progress-line {
  border-top: 3px solid #AAB3F0;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 1px);
  z-index: 1;
}
.setup-steps-wrapper .isFields .progress-line {
  left: 50%;
}
.setup-steps-wrapper .isCustomize .progress-line {
  right: 50%;
}
.setup-steps-wrapper .progress-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #AAB3F0;
  border-radius: 50%;
  background-color: #fff;
  z-index: 2;
}
.setup-steps-wrapper .isCurrent .progress-icon {
  background-color: #27e;
  border-color: #27e;
}
.setup-steps-wrapper .isDone .progress-icon {
  background-color: #AAB3F0;
  text-align: center;
}
.setup-steps-wrapper .isDone .progress-icon:before {
  /* check */
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.setup-steps-wrapper .progress-label-row {
  margin-top: 1px;
}
.setup-steps-wrapper .progress-label-text {
  text-align: center;
  color: #AAB3F0;
  font-size: 14px;
}
.setup-steps-wrapper .isCurrent .progress-label-text {
  color: #27e;
}












.alert-inner-dialog .alert-setup-title-row {
  margin-bottom: 16px;

}
.alert-inner-dialog .alert-setup-title-text {
  font-size: 16px;
  color: var(--competition-color);
}
















#mod_tournamentEvents .competition-view-alerts .alert-icon-row {
  margin: 8px;
}

#mod_tournamentEvents .competition-view-alerts .alert-message-text {
  line-height: 22px;
}
#mod_tournamentEvents .competition-view-alerts .isComplete {
  color: #090;
  font-size: 16px;
  font-weight: normal;
  font-family: 'Roboto Condensed', sans-serif;
}


#mod_tournamentEvents .competition-view-alerts .alert-message-text .btn-time-slots {
   padding: 0 4px 0 6px;
   font-size: 16px;
   line-height: 20px;
   vertical-align: middle;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-text .btn-time-slots:before {
  font-size: 22px;
}


#mod_tournamentEvents .competition-view-alerts .alert-message-text .btn-time-slots .btn-label {
  margin-top: -2px;
}


#mod_tournamentEvents .competition-view-alerts .alert-message-text .fa-check {
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}


#mod_tournamentEvents .competition-view-alerts .alert-message-text .hasAlert {
  color: #e70;
  font-weight: bold;
}


#mod_tournamentEvents .competition-view-alerts .alert-message-text-row {
  margin: 12px 0;
}


#mod_tournamentEvents .competition-view-alerts .modTitle .btn-help {

  color: #AEB4F0;
  font-size: 26px;
}

#mod_tournamentEvents .competition-view-alerts .modTitle .btn-help:hover {
  color: var(--competition-color);
}

#mod_tournamentEvents .competition-view-alerts .alert-action-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  gap: 8px;
  margin-right: 4px;
  color: var(--competition-color);
  vertical-align: bottom;
}
#mod_tournamentEvents .competition-view-alerts .alert-action-link:hover {
  color:#000;
}





#mod_tournamentEvents .competition-view-alerts .alert-message-link-row {
  padding-left: 40px;
  position: relative;
  color: var(--competition-color);
  text-decoration: none;
  display: flex;
  margin: 12px 0;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.hasAlert {
  color: #e70;
}

#mod_tournamentEvents .competition-view-alerts .alert-message-link-row .extra-instructions {
  color: var(--competition-color);
}

#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isLinkHTORow {
  color: #27e;
  font-weight: bold;
}


#mod_tournamentEvents .competition-view-alerts .alert-message-link-row:hover {
  color: #000;
}

#mod_tournamentEvents .competition-view-alerts .alert-message-link-row:before {
  display: inline-block;
  vertical-align: middle;
  
  font-family: HTOfonts;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  width: 30px;
  text-align: center;

  position: absolute;
  left: 0;
  top: 0;

}



#mod_tournamentEvents .competition-view-alerts .alert-action-link-label {
  display: inline-block;
  vertical-align: middle;
}



#mod_tournamentEvents .competition-view-alerts .action-row {
  margin: 16px 0;
}
#mod_tournamentEvents .competition-view-alerts .action-row .btn {
  font-size: 16px;
  font-weight: normal;
}





#mod_tournamentEvents .btn-dismiss {

    
  font-family: 'Roboto Condensed', sans-serif;
  color: #999;
  padding: 0 14px 0 14px;
  height: 30px;
  line-height: 26px;
  border-radius: 15px;
  font-size: 16px;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #9FB1F2;


}
#mod_tournamentEvents  .competition-view-alerts .btn-dismiss {
  margin-left: auto;
}

#mod_tournamentEvents .competition-view-alerts .activation-details {
  text-align: center;
  margin: 16px 0 8px 0;
}
#mod_tournamentEvents .competition-view-alerts .activation-requires {
  color: #27e;
  font-weight: bold;
}
#mod_tournamentEvents .competition-view-alerts.notEnoughCredits .activation-requires {
  color: #e70;
}
#mod_tournamentEvents .competition-view-alerts .heading-row {
  margin: 6px;
}
#mod_tournamentEvents .competition-view-alerts .action-section .action-row {
  display: flex;
  justify-content: center;
}
#mod_tournamentEvents .competition-view-alerts .action-section .action-row .btn {
  min-width: 290px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 22px;
}
#mod_tournamentEvents .competition-view-alerts.notEnoughCredits .action-section .action-row .btn {
  background-color: #fff;
  border: 1px solid #2277ee66;
  color: #27e;
}

#mod_tournamentEvents .competition-view-alerts .action-section .action-row .btn:hover {
  background-color: #05c !important;
  border-color: #05c !important;
  color: #fff !important;
}


#mod_tournamentEvents .competition-view-alerts .activation-remaining {
  text-align: center;
  margin: 6px 0;
}
#mod_tournamentEvents .competition-view-alerts .activation-remaining .activation-remaining-count {
  color: #27e;
  font-weight: bold;
}
#mod_tournamentEvents .competition-view-alerts.notEnoughCredits .activation-remaining .activation-remaining-count {
  color: #e70;
}




#mod_tournamentEvents .competition-view-alerts .activation-footer-links {
  display: flex;
  justify-content: space-around;
  margin-top: 8px;
}
#mod_tournamentEvents .competition-view-alerts .activation-footer-links .footer-link {
  font-size: 16px;
  color: #555;
  text-decoration: underline;
  margin-top: 12px;
  margin-bottom: 6px;
}
#mod_tournamentEvents .competition-view-alerts .activation-footer-links .footer-link:hover {
  color: #000;
}

#mod_tournamentEvents .competition-view-alerts .btn-dismiss.isFinish {
  color: var(--competition-color);
  padding: 0 24px 0 24px;
}









.competition-preview-activate .competition-preview-activate-header {
  color:#000;
  font-weight: bold;
  padding: 0 0 0 8px;
}


.competition-preview-activate .competition-preview-activate-action-row {
  padding: 18px;
}

.competition-preview-activate .competition-preview-activate-action-row .btn {
  min-width: 290px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 22px;
}

.competition-preview-activate .competition-preview-activate-action-row .btn.btn-arrow-right {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.competition-preview-activate .competition-preview-activate-action-row .btn.btn-arrow-right:after {
  font-size: 16px;
}



.competition-preview-activate .competition-preview-activate-notice-row {
  padding: 18px 18px 18px 8px;
}

.competition-preview-activate .competition-preview-activate-notice-row .btn {

  min-width: 290px;
  padding: 8px 16px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 22px;
  background-color: #eee;
  color: #b9830c;
  border: 1px dashed #b9830c;

}
.competition-preview-activate .competition-preview-activate-notice-row .btn:hover {

  background-color: #ddd;
}





.competition-preview-activate .competition-preview-activate-options-row {
  padding: 0 18px 18px 18px;
}

.competition-preview-activate .competition-preview-activate-options-row .btn-alert {

  padding: 0 16px;
  font-size: 16px;
  font-weight: normal;
  border-radius: 22px;
  background-color: #b9830c;
  color:#fff;

}
.competition-preview-activate .competition-preview-activate-options-row .btn-alert:hover {

  background-color: #8f660e;
  color:#fff;

}


.competition-preview-activate .competition-preview-activate-options-row .btn-alert:before {
  font-size: 24px;
}


.competition-preview-activate .competition-preview-activate-options-row .btn-alert-secondary {

  padding: 0 16px;
  font-size: 16px;
  font-weight: normal;
  border-radius: 22px;
  background-color: transparent;

  color: #b9830c;

}
.competition-preview-activate .competition-preview-activate-options-row .btn-alert-secondary:hover {
  color: var(--competition-color);
}











.competition-details-body .competition-preview-header {
  padding: 8px 8px 12px 8px;
  font-weight: bold;
}



#mod_tournamentEvents .btn-dismiss:hover {
  background-color: #d6d8f7;
  color: var(--competition-color);
}














#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isAddManually:before {
  content: "\f33c";
  font-size: 24px;
  line-height: 24px;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isPullFromDivisions:before {
  content: "\f34a";
  font-size: 24px;
  line-height: 24px;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isAddFromRegistration:before {
  content: "\f34c";
  font-size: 24px;
  line-height: 24px;
}
#mod_tournamentEvents .competition-view-alerts .isNeedHelp .alert-action-link:before {
  
  font-family: HTOfonts;
  content: "\f059";
}







#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isBracketRow:before {
  content: "\f310";
  font-size: 28px;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isTeamsRow:before {
  content: "\f2ea";
  font-size: 24px;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isLinkHTORow:before {
  content: "\f326";
  font-size: 28px;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-link-row.isScheduleRow:before {
  content: "\f073";
  font-size: 24px;
}












#mod_tournamentEvents .competition-view-alerts .isDismissRow {
  display: flex;
  margin-bottom: 4px;
  align-items: center;
}




#mod_tournamentEvents .competition-view-alerts .competition-view-toggle {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none;

  display: inline-block;
  padding-right: 80px;

  position: relative;
}


#mod_tournamentEvents .competition-view-alerts .competition-view-toggle.view_brackets {
  padding-right: 112px;
}
#mod_tournamentEvents .competition-view-alerts .competition-view-toggle.view_teams {
  padding-right: 102px;
}
#mod_tournamentEvents .competition-view-alerts .competition-view-toggle.view_schedule {
  padding-right: 120px;
}


#mod_tournamentEvents .competition-view-alerts .competition-view-toggle .tab-label {
  position: absolute;
  left: 42px;
  top: 8px;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  line-height: 20px;
}

#mod_tournamentEvents .competition-view-alerts .competition-view-toggle.view_schedule  .tab-label {
  left: 38px;
}

 


/*
#mod_tournamentEvents .competition-view-alerts .dialog-inner-close-icon {
  color: #CDCFE5;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
*/
/*
#mod_tournamentEvents .isCollapsed_competition .competition-view-alerts {
  display: none;
}

#mod_tournamentEvents .competition-view-alerts .alert-message-link {
  margin: 0 4px;
  color: #e70;
  text-decoration: none;
}
#mod_tournamentEvents .competition-view-alerts .alert-message-link:hover {
  text-decoration: underline;
}

#mod_tournamentEvents .competition-view-alerts .alert-message-text {
  color: var(--competition-color);
}
*/













































 .bracket-feed-header .bracketset-type-link {
  background-color: transparent;
  padding: 0 8px 0 16px;
  display: inline-flex;
  align-items: center;

  width: auto;
}


 .bracket-feed-header .bracketset-type-link .bracketset-type-label {
  color:var(--admin-info-color);
}
 .bracket-feed-header .bracketset-type-link .icon-bracket-type {
  color:var(--admin-info-color);
  margin-left: 12px;
}
.bracket-feed-header a.bracketset-type-link:hover .bracketset-type-label
,  .bracket-feed-header a.bracketset-type-link:hover .icon-bracket-type {
  color: var(--competition-color);
}





/*

.bracket_setup_wrapper .bracket-feed-header .bracketset-type-link:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f064";
  margin-left: 2px;
  font-size: 16px;
  line-height: 22px;
  color:var(--admin-info-color);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
*/



.heading-message-text.margin-top {
  margin-top: 18px;
}

.bracket_setup_wrapper .advancing-to .bracket-feed-header .bracketset-type-link:after {
  display: none;
}
.bracket_setup_wrapper .advancing-to .bracket-feed-header .bracketset-type-link:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f064";
  margin-right: 8px;
  font-size: 16px;
  line-height: 24px;
  color:var(--admin-info-color);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.bracket_setup_wrapper .bracket-feed-header .bracketset-type-link .advancing-title-slots {
  color:var(--admin-info-color);
}

/*
.bracket_setup_wrapper .isWriteIn .bracket-feed-header .bracketset-type-link:after {
  content:"\f044";
  margin: 1px 0 0 6px;
  -webkit-transform: none;
  transform: none;
}
*/



/*

.bracket_setup_wrapper .bracket-feed-header .bracketset-type-link:hover .bracketset-type-label 
, .bracket_setup_wrapper .bracket-feed-header .bracketset-type-link:hover .icon-bracket-type 
, .bracket_setup_wrapper .bracket-feed-header .bracketset-type-link:hover::after
, .bracket_setup_wrapper .advancing-to .bracket-feed-header .bracketset-type-link:hover::before
, .bracket_setup_wrapper .bracket-feed-header .bracketset-type-link:hover .advancing-title-slots
{ 
  color: var(--competition-color);
}
*/



/*

.bracket-feed-header .bracket-feed-key {
  display: inline-block;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 22px;
  padding: 0 6px;
  color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #c4c7f2;

  text-decoration: none;
  margin-right: 2px;
}
.bracket-feed-wrapper:NOT(.isWriteIn) .bracket-feed-header .bracket-feed-key:after {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f054";
  margin-left: 4px;
  font-size: 12px;
}
*/




.bracket-feed-header .btn-add-writein {
  color:var(--admin-info-color);
  text-decoration: underline;
  padding-left: 2px;
  font-size: 16px;
  margin-top: 6px;
}



.bracket-feed-header .bracket-feed-link {

  color:var(--admin-info-color);

}
 .teamsAvailable-feed {
  display: inline;
/*
  padding-bottom: 8px;
*/
}




.teamsAvailable-feed .advancing-rule-label
, .teamsAvailable-feed .advancing-status {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  font-size: 16px;
  color: var(--admin-info-color);
  margin-right: 8px;
}


.teamsAvailable-feed .advancing-rule-label:hover
, .teamsAvailable-feed .advancing-status:hover {
  color: var(--competition-color);
}



.teamsAvailable-feed .advancing-rule-label.btn-warning-icon {
  color: #e70;
}
.teamsAvailable-feed .advancing-rule-label.btn-warning-icon:hover {
  color: var(--competition-color);
}

.teamsAvailable-feed .advancing-rule-label.btn-warning-icon:before {
  margin-right: 6px;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  margin-top: -2px;
}



#bracket_standings_wrapper .standingsPoolWrapper thead td.advanceName_cell  {
  border-bottom: none;
  text-align: center;
}
#bracket_standings_wrapper .standingsPoolWrapper thead td.advanceName_cell .stage-link {
  padding: 2px 6px 8px 6px;
  color: #929eaa;
  text-decoration: none;

  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  display: block;
}


.hasAllScores #bracket_standings_wrapper .standingsPoolWrapper thead td.advanceName_cell .stage-link {
  
  color: #e70;
}


#bracket_standings_wrapper .standingsPoolWrapper thead td.advanceName_cell .stage-link:hover {
  color: var(--competition-color) !important;
}
#bracket_standings_wrapper .standingsPoolWrapper thead td.advanceName_cell.isConfirmed .stage-link {

  color: var(--admin-info-color);
}


/*
#bracket_standings_wrapper .standingsPoolWrapper thead td.advanceName_cell .stage-link:before {
  font-family: HTOfonts;
  content: "\f34f";
  font-weight: normal;
  font-size: 24px;
  display: block;
  text-align: center;
  line-height: 18px;
}
*/

#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell {
  border-bottom: none;
  text-align: center;
}
#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell a {
  display: block;
  text-decoration: none;
  line-height: 24px;
  height: 24px;
}
#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell .advanceCheckbox:before {
  font-family: FontAwesome;
  content: "\f096";
  font-weight: normal;
  font-size: 24px;
  text-decoration: none;
  color: #929eaa;
}
#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.isConfirmed .advanceCheckbox:before {
  color: var(--admin-info-color);
}


#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.isConfirmed .advanceCheckbox:before {
 
  /* ban symbol */
  font-family: FontAwesome;
  content: "\f05e";
  font-size: 20px;
  color: #ccc;

 /*
  font-family: Arial, Helvetica, sans-serif;
  content:'+';
  transform: rotate(45deg);
  font-size: 34px;
  line-height: 15px;
  display: inline-block;
  color:#ccc;
  margin-top: 4px;
*/


}

/*
#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.isConfirmed .advanceCheckbox:NOT(.selected):before {
  font-family: Arial, Helvetica, sans-serif;
  content:'+';
  transform: rotate(45deg);
  font-size: 24px;
  line-height: 15px;

}
*/

#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell .advanceCheckbox:hover::before {
  color: var(--competition-color);
}
#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.selected .advanceCheckbox:before {
  content: "\f046";
  padding-top: 1px;
  font-size: 24px;
  color: var(--admin-info-color);
}



#bracket_standings_wrapper .standingsPoolWrapper tbody tr.isSeed td.advanceCell .advanceCheckbox::before {
  color: #ccc;
}
/*
#bracket_standings_wrapper .standingsPoolWrapper tbody tr.isSeed td.advanceCell.selected .advanceCheckbox:before {
  content: "\f046";
  padding-top: 1px;
  font-size: 24px;
  color: var(--admin-info-color);
}
  */



#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.selected.isBracketAdvancingReady .advanceCheckbox:before {


  font-family: FontAwesome;
  content: "\f00c";
  font-size: 20px;
  color: var(--admin-info-color);
  transform: none;
  font-weight: normal;
  
}


/*
#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.selected.isBracketAdvancingReady .advanceCheckbox:after {

  font-family: FontAwesome;
  content: "\f061";
  font-size: 18px;
  color: var(--admin-info-color);
  transform: none;
  font-weight: normal;
  

  
}


*/


.bracket_wrapper:NOT(.hasAllScores) #bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell:NOT(.isBracketAdvancingReady) .advanceCheckbox:before {


    /* ban symbol */
    font-family: FontAwesome;
    content: "\f05e";
    font-size: 20px;
    color: #ccc;
  
}




.bracket_wrapper:NOT(.hasAllScores) #bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.selected:NOT(.isBracketAdvancingReady) .advanceCheckbox:before {
  /* quesiton mark */


 font-family: FontAwesome;
 content: "\f128";
 font-weight: normal;
 
 

/*
  font-family: 'Roboto Condensed', sans-serif;
  content: "?";
  font-weight: bold;
  */
  
  color: #e70;



}



#bracket_standings_wrapper .standings_advancing_col_title {
  margin: 0 0 4px 8px;
}

#bracket_standings_wrapper .standings_advancing_col_title_text {
  color: #929eaa;
}





#bracket_standings_wrapper .standingsPoolWrapper tbody td.advanceCell.selected .advanceCheckbox:before {
  content: "\f046";
  padding-top: 1px;
  font-size: 24px;
  color:#27e;
}

#bracket_standings_wrapper .standingsPoolWrapper .bracketset-type-link {
  padding: 0;
}


#bracket_standings_wrapper .btn-advnace-toggle {
  position: relative;
  padding: 0;
  width: 30px;
  height: 28px;
  color: var(--admin-info-color);
}
#bracket_standings_wrapper .btn-advnace-toggle:hover {
  color: var(--competition-color);
}
#bracket_standings_wrapper .btn-advnace-toggle:before {

  display: inline-block;
  font-family: FontAwesome;
  content: "\f064";
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;

  position: absolute;
  top: 4px;
  left: 0;

  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
#bracket_standings_wrapper .btn-advnace-toggle:after {

  display: inline-block;
  font-family: FontAwesome;
  content: "\f040";
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;

  position: absolute;
  bottom: 2px;
  right: 0;
}

#bracket_standings_wrapper .standings_advancing_status {
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 20px;
  font-size: 16px;
  margin-left: 180px;

}


#bracket_standings_wrapper .standings_advancing_status .standings-advance-toggle {
  color: var(--admin-info-color);
  display: inline-block;
  vertical-align: middle;
}
#bracket_standings_wrapper .standings_advancing_status .standings-advance-toggle:hover {
  color: var(--competition-color);
}


#bracket_standings_wrapper .standings_advancing_status .standings-advance-toggle-text {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
}
#bracket_standings_wrapper .standings_advancing_status .standings-advance-toggle:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f178";
  font-weight: normal;
  font-size: 22px;
  margin-left: 6px;
  margin-top: 2px;
}

#bracket_standings_wrapper .standings_advancing_status .standings-advance-status {
  display: inline-block;
  vertical-align: middle;
  color: var(--admin-info-color);

/*
  position: absolute;
  right: 0;
  top: -30px;
  margin-left: 8px;
*/

}




#bracket_standings_wrapper .standings_advancing_status .standings-advance-status.isConfirmed:before {
  /* check mark */
  content: "\f00c";
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  margin-right: 6px;
  font-family: FontAwesome;
}


#bracket_standings_wrapper .standings_advancing_status .standings-advance-status.isWarning {
  color:#e70;
}

#bracket_standings_wrapper .standings_advancing_status .standings-advance-status.isWarning:before {
  /* warning triangle */
  content: "\f071";
  
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  margin-right: 8px;
  font-family: FontAwesome;
}

#bracket_standings_wrapper .standings_advancing_status a.standings-advance-status:hover {
  color: var(--competition-color);
}



#bracket_standings_wrapper .standings-advancing-seedings-confirm-row {
  margin-top: 16px;
}
#bracket_standings_wrapper .standings-advancing-seedings-confirm-row .btn-confirm-seeding {
  
  background-color: #9FB1F2;
  opacity: 0.8;
  font-size: 16px;
  font-weight: normal;
}


#bracket_standings_wrapper .standings-advancing-seedings-confirm-row.hasAllSlotsReady .btn-confirm-seeding {
  
  background-color: #e70;

}

#bracket_standings_wrapper .standings-advancing-seedings-confirm-row .btn-confirm-seeding:hover {
  opacity: 1;
}


#bracket_standings_wrapper .standings-advancing-seedings-confirm-row .btn-reset-seeding {
  padding: 0 8px;
  font-size: 16px;
  font-weight: normal; 
  color: #929eaa;
}
#bracket_standings_wrapper .standings-advancing-seedings-confirm-row .btn-reset-seeding:hover {
  color: var(--competition-color);
}





#bracket_standings_wrapper .standings_advancing_setup_content {
  /*
  padding: 6px 8px 6px 110px;
  padding: 6px 18px 6px 18px;
  */
  
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 20px;
  font-size: 16px;
  
  margin-top: 16px;
  /*
  border: 1px solid #9FB1F2;
  box-shadow: 2px 2px 2px 0 #ddd;
  border-radius: 11px;
  position: relative;
  */

}





#bracket_standings_wrapper .standings_advancing_setup_col.isActions {
  min-width: 210px;
  white-space: nowrap;
}


#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn {
  height: 40px;
  line-height: 16px;
  border-radius: 20px;
  font-size: 14px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#888;
  position: relative;
  padding: 0 16px;
}
#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn .btn-label {
  margin: 0;
}
#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn-group .btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn-group .btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}



#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-advance-teams {
  padding-right: 38px;
  color: #e70;
}

#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-advance-teams .btn-label {
  font-weight: bold;
}


#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-advance-teams:after {
  /*  right arrow */
  font-family: HTOFonts;

  content: "\f315";
  font-weight: normal;
  font-size: 28px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;

  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);

}



#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-waiting-scores {
  padding-left: 34px;
  /*
  color: #e70;
  */
}


#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-waiting-scores:before {
  /*  question mark */



  font-family: FontAwesome;
  content: "\f128";
  font-weight: normal;

/*
  font-family: 'Roboto Condensed', sans-serif;
  content: "?";
  font-weight: bold;
  */

  font-size: 22px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;

  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);

}





#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-ready-advance {
  padding-right: 44px;
  color:#aaa;
}

#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-ready-advance:hover {
  color: var(--competition-color);
}

#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-ready-advance:after {
  /*  right arrow */
  font-family: HTOFonts;

  content: "\f315";
  font-weight: normal;
  font-size: 24px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;

  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);

}




#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-advanced-teams {
  padding-left: 42px;
  color: var(--admin-info-color);
  text-align: left;
}


#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn.btn-advanced-teams:before {
  /*  check mark */
  font-family: HTOFonts;

  content: "\f00c";


  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;

  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);

}



#bracket_standings_wrapper .standings_advancing_setup_col.isActions .btn-reset-seeding {
  padding: 0 20px 0 26px;
}








/*
#bracket_standings_wrapper .standings_advancing_setup_content .standings_advancing_setup_header {
  color: var(--admin-info-color);
  margin-bottom: 4px;
}

#bracket_standings_wrapper .standings_advancing_setup_content .standings_advancing_setup_icon {
  position: absolute;

  left: 28px;
  top: 20px;
  display: inline-block;
  color:var(--admin-info-color);
}


#bracket_standings_wrapper .standings_advancing_setup_content .standings_advancing_setup_icon:before {
  font-family: HTOFonts;
  content: "\f306";
  font-weight: normal;
  font-size: 48px;
  line-height: 34px;

}




#bracketmanager #bracket_standings_wrapper .standings_advancing_setup_outer_wrapper {
  border-top: 2px dashed #9398ea44;
  padding-top: 8px;
  margin-top: 32px;
}


*/

#bracketmanager #bracket_standings_wrapper .standings_advancing_setup_outer_wrapper {
  margin-top: 28px;
}


#bracketmanager #bracket_standings_wrapper .standings_advancing_setup_outer_wrapper .standings_advancing_setup_toggle_row {
 /*
  text-align: right;
*/
  margin-top: 12px;
}

#bracket_standings_wrapper .standings_advancing_setup_outer_wrapper .standings_advancing_setup_toggle_link {


  border-radius: 13px;
  text-decoration: none;
  font-size: 16px;
  padding: 0px 14px 0px 18px;
  margin: 0;
  line-height: 26px;
  border: none;
  color: var(--admin-info-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  border: 1px solid var(--admin-info-color);
  font-weight: normal;


  opacity: 0.7;
}



#bracket_standings_wrapper .standings_advancing_setup_outer_wrapper .standings_advancing_setup_toggle_link:hover {
  background-color: #fff;

}

#bracket_standings_wrapper .standings_advancing_setup_outer_wrapper .standings_advancing_setup_toggle_link .btn-label {
  margin: 0 8px 0 0;
}

#bracket_standings_wrapper .standings_advancing_setup_outer_wrapper .standings_advancing_setup_toggle_link:after {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;

}

#bracket_standings_wrapper .isSetup_advancing .standings_advancing_setup_outer_wrapper .standings_advancing_setup_toggle_link:after {
  content: "\f077";
}


#bracket_standings_wrapper .standings_advancing_setup_row {
  margin: 8px 0;
  display: flex; 
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  
}
#bracket_standings_wrapper .standings_advancing_setup_row.check-all-options a {
  margin-right: 12px;
}

/*
#bracket_standings_wrapper .standings_advancing_setup_content .check-icon {
  display: inline-block;
  vertical-align: middle;
}
#bracket_standings_wrapper .standings_advancing_setup_content .check-icon:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f046";
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  padding-top: 2px;
  margin-right: 8px;
}
*/
#bracket_standings_wrapper .standings_advancing_setup_content .advancing-label {
  display: inline;
  line-height: 24px;
  margin-right: 6px;
  color:var(--admin-info-color);
}


#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link {
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  color:var(--admin-info-color);
  line-height: 24px;
}


#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link:hover {
  color: var(--competition-color);
}
#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link.uncheck-link {
  margin-left: 8px;
}


#bracket_standings_wrapper .score-status-row {
  margin-top: 8px;
}
#bracket_standings_wrapper .score-status-row .btn {
  background-color: transparent;
  font-size: 16px;
  color:var(--admin-info-color);
}






#bracket_standings_wrapper .confirm-toggle {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  font-size: 16px;

  color: #929eaa;

  margin-right: 18px;
  line-height: 24px;
  padding: 0 4px;
  min-width: 175px;
}

#bracket_standings_wrapper .confirm-toggle.isWarning {
  color:#e70;
}

.hasAllScores #bracket_standings_wrapper .confirm-toggle {
  color:#e70;
}


#bracket_standings_wrapper .confirm-toggle.status-message {
}
#bracket_standings_wrapper .confirm-toggle.status-message:before {
  display: none;
}
#bracket_standings_wrapper .confirm-toggle.status-message.isAlert:before {
  display: inline-block;
  content: "\f071";
  font-size: 18px;
  line-height: 18px;
  margin: 0 4px;
  width: 30px;
}


#bracket_standings_wrapper .confirm-toggle.rulesNotSet {
  visibility: hidden;
}


#bracket_standings_wrapper .standings_advancing_title .confirm-toggle {
  margin-left: 142px;
}

#bracket_standings_wrapper .confirm-toggle.selected {
  color: var(--admin-info-color);
}
#bracket_standings_wrapper .confirm-toggle.selected .btn-label {
  font-weight: bold;
}







#bracket_standings_wrapper a.confirm-toggle:hover {
  color: var(--competition-color);
}



#bracket_standings_wrapper .confirm-toggle:before {
  display: inline-block;
  vertical-align: middle;
  width: 26px;

  font-family: FontAwesome;
  content: "\f096";
  font-weight: normal;
  font-size: 28px;
  line-height: 22px;
  text-align: left;
  margin-top: 2px;
}
#bracket_standings_wrapper .confirm-toggle .btn-label {
  line-height: 22px;
  margin-top: -2px;
}


#bracket_standings_wrapper .confirm-toggle.selected:before {
  content: "\f046";
}


#bracket_standings_wrapper .confirm-toggle .confirm-toggle-text-confirmed {
  display: none;
}
#bracket_standings_wrapper .confirm-toggle.selected .confirm-toggle-text-confirmed {
  display: inline-block;
}



#bracket_standings_wrapper .confirm-toggle .confirm-toggle-text-not-confirmed {
  display: inline-block;
}
#bracket_standings_wrapper .confirm-toggle.selected .confirm-toggle-text-not-confirmed {
  display: none;
}




#bracket_standings_wrapper .advancing-details-link {
  display: inline-flex;
  align-items: center;

  color: var(--admin-info-color);
  text-decoration: none;

  /*
  border: 1px solid #ddf;
  */
  border: 1px solid var(--admin-info-color);

  border-radius: 20px;



  gap: 8px;
  padding: 0 14px;

  height: 40px;
  line-height: 40px;;

}
#bracket_standings_wrapper .advancing-details-link:hover {
  color: var(--competition-color);

}
#bracket_standings_wrapper .advancing-details-link .advancing-details-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 16px;
}
#bracket_standings_wrapper .advancing-details-link .advancing-details-icon:before {
  font-family: HTOFonts;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
}
#bracket_standings_wrapper .advancing-details-link .advancing-details-icon.icon-wrench {
  margin-left: auto;
}
#bracket_standings_wrapper .advancing-details-link .advancing-details-icon.icon-wrench:before {
  content: "\f34f";
  font-size: 24px;
  line-height: 24px;
}
#bracket_standings_wrapper .advancing-details-link .advancing-details-stage-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  display: inline-block;
}
#bracket_standings_wrapper .advancing-details-link .advancing-details-icon.icon-advance:before {
  content: "\f349";
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
#bracket_standings_wrapper .advancing-details-link .advancing-details-summary {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-left: 4px;

}

#bracket_standings_wrapper .advancing-details-link .advancing-details-summary.btn-warning-icon {
  /*
  color:#e70;
  */
  
  color: #929eaa;

}


#bracket_standings_wrapper .advancing-details-link .advancing-details-summary.btn-warning-icon:before {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 0;
}

/*




#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link .pool-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link .bracket-icon {
  
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
  position: relative;
}
#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link .bracket-icon.icon-doubleElimination {
  width: 33px;
  height: 22px;
}
#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link .bracket-icon:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}

#bracket_standings_wrapper .standings_advancing_setup_content .bracket-link .bracket-name {
  
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
*/




#dialogRenameTeam .team-slot-name-label {
  font-family: 'Roboto Condensed', sans-serif;
  color:#888;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 2px 6px;
}
#dialogRenameTeam #teamName_rename {
  display: block;
  width: 100%;
}
#dialogRenameTeam .change-warning-section {
  margin-top: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  color:#888;
  font-size: 16px;
  line-height: 20px;
}
#dialogRenameTeam .change-warning-section .change-warning-row {
  position: relative;
  margin-bottom: 12px;
  padding-left: 30px;
}
#dialogRenameTeam .change-warning-section .change-warning-row.hasAlert {
  position: relative;
}

#dialogRenameTeam .change-warning-section .change-warning-row.hasAlert:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f071";
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  left: 2px;
  top: 4px;
}
#dialogRenameTeam .change-warning-section a {
  color:#888;
}



#dialogRenameTeam a.btn-dialog-link {
  color: #27e;
  margin-top: -2px;
}
#dialogRenameTeam a.btn-dialog-link .btn-label {
  font-size: 16px;
  line-height: 16px;
  margin-top: -2px;
}
#dialogRenameTeam a.btn-dialog-link.btn-bracket-double:before {
  font-size: 24px;
}
#dialogRenameTeam a.btn-dialog-link:hover {
  color: var(--competition-color);
}



.row-btn-stack .btn-locations-multiple .btn-icon-inner {
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 26px;
  position: relative;
}

.btn-locations-multiple .btn-icon-inner:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f0cb";
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;
  position: absolute;
  top: -2px;
  left: 0;
}
.btn-locations-multiple .btn-icon-inner:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f041";
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  bottom: -1px;
  right: -5px;
}





.row-btn-stack .btn-shift-times .btn-icon-inner {
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 26px;
  position: relative;
}

.btn-shift-times .btn-icon-inner:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f017";
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: -2px;
  left: -8px;
}
.btn-shift-times .btn-icon-inner:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f0ec ";
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  bottom: 1px;
  right: -7px;
}





.row-btn-stack .btn-swap-slot .btn-icon-inner {
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 26px;
  position: relative;
}

/*
.btn-swap-slot .btn-icon-inner:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f016";
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
  position: absolute;
  top: -2px;
  left: -8px;
}
*/

.btn-swap-slot .btn-icon-inner:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f0ec ";
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
/*
  position: absolute;
  bottom: 1px;
  right: -7px;
  */

}





.row-btn-stack .btn-change-fields .btn-icon-inner {
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 26px;
  position: relative;
}

.btn-change-fields .btn-icon-inner:before {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f041";
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: -2px;
  left: -8px;
}
.btn-change-fields .btn-icon-inner:after {
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f0ec ";
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  bottom: 1px;
  right: -7px;
}






/*


.schedule-actions {
  text-align: right;
} 
*/

.hideSchedule .schedule-actions {
  display: none;
}
.schedule-actions {
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}

.schedule-actions .action-item {
  color: var(--admin-info-color);
  text-align: left;
  overflow: visible;
/*
  line-height: 24px;
  float: right;
  margin-top: -16px;
  */
}
.schedule-actions .action-item:hover {
  color: var(--competition-color);
}

.schedule-actions .action-item.btn.isWarning {
  color: #e70;
}

.schedule-actions a.action-item.btn.isWarning:hover {
  color: var(--competition-color);
}



.schedule-actions .action-item .btn-label {
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.btn-magic:before {
  font-family: FontAwesome;
  content: "\f0d0";
}

.schedule-actions .action-item .btn-icon {
  display: inline-block;
  width: 28px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  overflow: visible;
}
.schedule-actions .action-item .btn-icon:before {
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 22px;
  line-height: 22px;
  opacity: 0.68;
}
.schedule-actions .action-item .btn-icon:after {
  font-family: FontAwesome;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  width: 16px;
  height: 16px;
  
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}


.schedule-actions .btn-schedule-wizard .btn-icon:before {
  content: "\f073";
}
.schedule-actions .btn-schedule-wizard .btn-icon:after {
  content: "\f0e7";
  text-shadow: -2px -1px 2px #ffffffcc;
  bottom: 2px;
}

.schedule-actions .btn-bracketmanager .btn-icon:before {
  content: "\f0e8";
  transform: rotate(90deg);
}
.schedule-actions .btn-bracketmanager .btn-icon:after {
  content: "\f0a9";
  font-size: 18px;
  line-height: 18px;
  bottom: -2px;
}


.schedule-actions .btn-switchbrackets .btn-icon:before {
  content: "\f0ec";
  top: 3px;
  left: 2px;
}

.schedule-actions .btn-schedule-slots .btn-icon:before {
  content: "\f00a";
}
.schedule-actions .btn-schedule-slots .btn-icon:after {
  content: "\f017";
  border-radius: 8px;
  background-color: #fff;
}










#dialogScheduleBulidConfirm .dialog-label-row {
  margin: 0 0 8px 8px;
}



#dialogScheduleBulidConfirm .dialog-label-text {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #666;
}


#dialogScheduleBulidConfirm .action-button-row {

}
#dialogScheduleBulidConfirm .action-button-row .btn {
  display: block;

  text-align: center;
}





#dialogSetupDatesTimes .header-activate-tools {
  display: none;
}
#dialogSetupDatesTimes.hasCustomSettings .header-activate-tools {
  display: block;

  margin: 0 0 12px 8px;
  color:#888;

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
}
#dialogSetupDatesTimes.hasCustomSettings .header-activate-tools .toggle-link {
  display: inline-block;
  vertical-align: middle;
  
  color:#888;
  text-decoration: none;
  font-weight: bold;
}
#dialogSetupDatesTimes.hasCustomSettings .header-activate-tools .toggle-link:hover {
  color:#000;
}
#dialogSetupDatesTimes.hasCustomSettings .header-activate-tools .toggle-link:after {

  font-family: FontAwesome;
  content: "\f078";
  font-size: 14px;
  line-height: 14px;
  margin-left: 6px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
#dialogSetupDatesTimes.hasCustomSettings .header-activate-tools .toggle-msg {
  display: inline-block;
  vertical-align: middle;
  color:#888;

  margin-left: 12px;
}

#dialogSetupDatesTimes.hasCustomSettings .dialog-section.isInputs {
  display: none;
}

/*

#dialogSetupDatesTimes .mask-custom-settings {

  display: none;

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background-color: #001A66cc;
  text-align: center;
}
#dialogSetupDatesTimes.hasCustomSettings .mask-custom-settings {
  display: block;
}

#dialogSetupDatesTimes .mask-custom-settings .mask-custom-settings-warning {
  margin: 24px 0;
  color:#fff;
  
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
}
#dialogSetupDatesTimes .mask-custom-settings .btn {
  border-radius: 14px;
  font-weight: normal;
}
*/






#dialogSetupDatesTimes .section-row {
  margin-bottom: 12px;
}
#dialogSetupDatesTimes .section-row-header {
  margin-bottom: 4px;
}
#dialogSetupDatesTimes .section-row-label {
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
}
#dialogSetupDatesTimes .section-row-label.start-date-label {
  margin-right: 6px;
}
#dialogSetupDatesTimes .section-row-label.hasWarning {
  color: #D26800;
}

#dialogSetupDatesTimes #scheduleSetupSummary a.btn-setupTimes {
  float:right;
  line-height: 24px;
  height: auto;
  padding: 0;
  margin: -2px 0 0 0;
  color:#666 !important;
  text-decoration: underline;
}










#dialogSetupDatesTimes .section-row .section-row-slider {
  padding: 3px 6px;
  margin: 0 -6px
}

#dialogSetupDatesTimes .section-row.hasWarning .section-row-slider {
  background-color: #FDD0A8;
  border-radius: 11px;
}
/*
#dialogSetupDatesTimes .section-row.hasWarning #duration_input
, #dialogSetupDatesTimes .section-row.hasWarning #numLocations_input{
  color: #D26800;
}
*/












.start-date-wrapper {
  float: right;
}
#dialogSetupDatesTimes #startDate {
  width: 100px;
}


.dialog-section-buttonLinks {
  margin: 0 0 2px 0;
}



#dialogSetupDatesTimes .text-saving {
  display: none;
}
#dialogSetupDatesTimes.submitting .text-saving {
  display: inline;
}

#dialogSetupDatesTimes.submitting .text-save {
  display: none;
}




#dialogSetupDatesTimes.auto-load .bootstrap-dialog-message {
  display: none;
}
#dialogSetupDatesTimes.auto-load .bootstrap-dialog-body {
  text-align: center;
  padding: 18px;
}
#dialogSetupDatesTimes.auto-load .bootstrap-dialog-body:before {


  font-family: FontAwesome;

  content: "\f110";

  font-size: 32px;

  display: inline-block;
  vertical-align: middle;

  color:#999;


  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;

}









.dialog-section-buttonLinks a {
  font-family: 'Roboto Condensed', sans-serif;
  color:#666;
  padding: 0 6px;
}
.dialog-section-buttonLinks a.hasWarning {
  color: #D26800;
}
.dialog-section-buttonLinks a:hover {
  color:#333;
}

.dialog-section-buttonLinks .btn-gear {




}



.dialog-section-buttonLinks .btn-sync {
  float: right;

  font-weight: normal;
  font-size: 14px;
  margin-right: 6px;
}


.dialog-section-buttonLinks .btn-sync:before {

  font-family: FontAwesome;
  content:'\f021';
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  font-size: 16px;

}


#dialogSetupDatesTimes.hasConflict_location .location-row .section-row-label
, #dialogSetupDatesTimes.hasConflict_location .location-row #numLocations_input {
  color: #c00;
}

#dialogSetupDatesTimes .section-row-header .form-control {

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

  width: 50px;
  padding: 0;
  line-height: 32px;
  height: 32px;
  text-align: center;
  margin: 0 8px 0 0;

}

#dialogSetupDatesTimes .form-control.hasWarning {
  color: #D26800;
}


#dialogSetupDatesTimes .section-row-inputBlock {
  display: inline-block;
  max-width: 57px;
  text-align: center;
  margin: 0 6px 6px 0;
}
#dialogSetupDatesTimes .section-row-inputBlock .form-control {
  width: 100%;
  text-align: center;
}
#dialogSetupDatesTimes .section-row-inputBlock .section-row-header {
  margin: 0;
  line-height: 14px;
}
#dialogSetupDatesTimes .section-row-inputBlock .section-row-label {
  font-size: 12px;
  line-height: 14px;
}
#dialogSetupDatesTimes #matchesAndRounds {
  float: right;
  display: inline-block;
  margin: 3px 5px 0 0;
}

#dialogSetupDatesTimes .timeSlot-label {
  float: right;
}


#dialogSetupDatesTimes .date-row {
  border-top: 3px solid #ccc;
}
#dialogSetupDatesTimes .date-row:first-child {
  border-top-width: 2px;
}

#dialogSetupDatesTimes .date-label {
  float: right;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-right: 9px;
  display: inline-block;
  color:#666;
}


#dialogSetupDatesTimes .date-label.hasConflict {
  color:#c00;
}
#dialogSetupDatesTimes .date-label.hasWarning {
  color:#D26800;
}




#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame {
  background-color: #dce0e5;
}
#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame .round-header {
  padding-left: 28px;
  position: relative;
}
#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame .round-header:before {
  font-family: FontAwesome;
  content: "\f05a";
  font-size: 16px;
  position: absolute;
  left: 6px;
  top: 2px;
}
#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame .timeSlot-btn {
  border: none;
  background-color: transparent;
  color: #666;
}

#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame #ignoreAdvancingTimeToggle {
  float:right;
  
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;

  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  text-decoration: none;

  padding-left: 20px;
  position: relative;

}
#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame #ignoreAdvancingTimeToggle:before {
  
  font-family: FontAwesome;
  content: "\f096";
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 2px;
   
}
#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame #ignoreAdvancingTimeToggle.ignore:before {
  content: "\f046";
}



#dialogSetupDatesTimes .round-wrapper.isLastAdvancingGame .timeSlot-bracket-link {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
  text-decoration: underline;
}



/*
#dialogSetupDatesTimes .advancing-note {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
  margin-bottom: 12px;
  padding-left: 20px;

  position: relative;
}

#dialogSetupDatesTimes .advancing-note .advancing-note-text {

}
#dialogSetupDatesTimes .advancing-note .advancing-note-link {
  color: #666;
}
*/














#dialogSetupDatesTimes #scheduleSetupSummary {
  margin: 12px 0 0 2px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;

  color:#666;
}

/*
#dialogSetupDatesTimes #scheduleSetupSummary.hasWarnings {
  color: #D26800;
}
*/
#dialogSetupDatesTimes #scheduleSetupSummary.hasWarnings a {
  color: #666;
}
#dialogSetupDatesTimes #scheduleSetupSummary.hasWarnings a:hover {
  color: #000 !important;

}

#dialogSetupDatesTimes #scheduleSetupSummary .warning-list-warpper .dismiss-link {
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 6px;
  text-decoration: underline;
}


#dialogSetupDatesTimes #scheduleSetupSummary .games-scheduled-row {

}

#dialogSetupDatesTimes #scheduleSetupSummary .games-scheduled-row:before {
  display: inline-block;
  vertical-align: middle;

  margin-right: 8px;

  font-family: FontAwesome;
  content: "\f00c";

  font-size: 18px;
  line-height: 18px;
  color: #27e;
   
}
#dialogSetupDatesTimes #scheduleSetupSummary.hasWarnings .games-scheduled-row:before {
  content: "\f071";
  margin-top: 2px;
  font-size: 18px;
  line-height: 18px;
  color: #D26800;

}
#dialogSetupDatesTimes #scheduleSetupSummary .games-scheduled-text {
  display: inline-block;
  vertical-align: middle;


}


#dialogSetupDatesTimes #scheduleSetupSummary ul {
  margin: 0 0 0 23px;
  padding: 0;
}
#dialogSetupDatesTimes #scheduleSetupSummary li {
  margin: 4px 0;
  padding: 0;
  position: relative;
  line-height: 20px;

}


/*
#dialogSetupDatesTimes #scheduleSetupSummary li.hasDismiss {
  list-style-type: none; 
}
#dialogSetupDatesTimes #scheduleSetupSummary li.hasDismiss .btn-close-x {
  right: auto;
  top: -2px;
  left: -24px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-align: center;
  margin: 0;
}
*/


#dialogSetupDatesTimes #scheduleSetupSummary li.hasDismiss .btn-close-x:hover {

  color:#000;
}











#dialogTimeSettings .modal-content {
  overflow: visible;
}


#dialogTimeSettings .inputRow {
  margin-bottom: 4px;
}


#dialogTimeSettings .inputLabel {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #666;
    margin-right: 8px;
    min-width: 100px;
}

#dialogTimeSettings .form-control {
    border: none;
    box-shadow: none;
    font-family: 'Roboto Condensed', sans-serif;
    color: #929eaa;
    font-weight: bold;
    display: inline-block;
    width: auto;
}
#dialogTimeSettings .time-note {
    font-family: 'Roboto Condensed', sans-serif;
    color: #666;
}

#dialogTimeSettings #matchWindowLen {
  background-color: transparent;
  padding-left: 14px;
}

.timeSlot-row {
  padding: 1px;
}



#dialogSetupDatesTimes .timeSlot-btn {
  width: 80px;
  background-color: #fff;
  border: 1px solid #ccc;

  padding: 0;

  font-family: 'Roboto Condensed', sans-serif;
  color: #666;
  font-weight: normal;
  line-height: 24px;
  height: 26px;
  font-size: 16px;

  display: inline-block;
  vertical-align: middle;


}
#dialogSetupDatesTimes .timeSlot-btn:hover {
  color:#000;
  background-color: #e4e8f5;
}


#dialogSetupDatesTimes .timeSlot-btn.hasConflict {

  color: #c00;
  border-color: #c00;
}


#dialogSetupDatesTimes .timeSlot-btn.hasWarning {
  color: #D26800;
  font-weight: normal;
}








#dialogSetTime .modal-dialog {
  width: 300px;
  max-width: 300px;
}


#dialogSetTime .modal-content {
  overflow: visible;

}

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

#dialogSetTime .timeSlot-label {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  text-align: right;
  margin-right: 8px;


  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color:#888;

}
#dialogSetTime .form-control {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  height: 32px;
  margin: 4px;
  width:  125px;
  text-align: center;
}




/*
#dialogSetTime .numMatches_split
 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  height: 32px;
  margin: 4px;
}

#dialogSetTime .numMatches_split {
  padding-top: 4px;
  color: #555;
}
*/

#dialogSetTime .mainTimeSlot {
  padding-right: 20px;
}


#dialogSetTime .warningMessage {
  margin: 8px 8px 0 8px;
  opacity: 0;
}
#dialogSetTime.hasConflict .warningMessage  {
  opacity: 1;
}
#dialogSetTime.hasConflict .warningMessage-label  {
  color:#c00;
  line-height: 18px;
}


/*
#dialogSetTime .splitTimeSlot {
  border-top: 1px dashed #ccc;
  padding-top: 8px;
  margin-top: 8px;
  font-style: normal;
  display: none;
}

#dialogSetTime.splitTimeSlot .splitTimeSlot {
  display: block;
}
*/









.overbooked .timeSlot-teams-info {
  display: none;
}
.overbooked .timeSlot-ref-info {
  border: none;
  margin: 0;
  padding: 0;
}





.stage-header {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 0 8px;
}

.stage-wrapper .round-wrapper:last-child {
  
  border-bottom: 2px solid #ccc;
  margin-bottom: 2px;
}

/*
#dateTimeCalculationTable .stage-wrapper.isEnd .round-label {
  font-weight: bold;
  color:#000;
}
*/


.stage-header .stage-header-text {
  display: inline-block;
  vertical-align: middle;


  color:#000;
  font-weight: bold;

}
.stage-header .stage-header-options {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  color:#888;
  line-height: 24px;
}
.stage-header .stage-header-options:before {
  font-family: FontAwesome;
  content: "\f0ad";
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
}
.stage-header .stage-header-options:hover {
  color:#000;
}

#dialogSetupDatesTimes.hasCustomSettings .stage-header .stage-header-options {
  display: none;
}



.schedule-wrapper {
  border-bottom: none;
}


















.alternate-actions-list {
  
  max-height: 200px;
  overflow: auto;
}
.alternate-actions-list a {
  display: block;
  color: #27e;
  margin: 2px 0;
  line-height: 18px;

  padding-left: 28px;
  position: relative;
}
.alternate-actions-list a:before {
  font-family: FontAwesome;
  content: "\f064";
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color:#27e;
  display: inline-block;
  vertical-align: middle;

  width: 22px;
  text-align: center;
  
  position: absolute;
  left: 0;
  top: 4px;
  
}
.alternate-actions-list a:hover {
  color:#000;
}








.bootstrap-dialog .btn-close-x {
  position: absolute;
  top: 9px;
  right: 4px;
  font-size: 24px;
  line-height: 24px;
  color: #999;
  z-index: 1600;
}
.bootstrap-dialog .btn-close-x:before {
  font-family: FontAwesome;
  content: "\f00d";
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  color: #999;

}







#dialogStageOptions .bootstrap-dialog-message {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
  color:#666;
}
#dialogStageOptions .title-label-row {
  
}
#dialogStageOptions .stage-type-text {
  color:#000;
  text-transform: uppercase;
  font-weight: bold;

  display: inline-block;
  vertical-align: middle;

  margin-left: 8px;
  
}
#dialogStageOptions .dialog-label {
  
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
#dialogStageOptions .startOn-wrapper {
  margin: 8px 0;
}
#dialogStageOptions .btn-group {
  
}
#dialogStageOptions .btn-group .btn {
  border: 1px solid #ccc;
  padding: 0 10px 2px 10px;
  line-height: 30px;
  height: 32px;
  color:#666;

  font-size: 15px;
}

#dialogStageOptions .btn-group .btn:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  padding-left: 14px;
}
#dialogStageOptions .btn-group .btn:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding-right: 14px;
}


#dialogStageOptions .btn-group .btn:hover {
  background-color: #ddd;
}



#dialogStageOptions .btn-group .btn.selected {
  color:#000;
  background-color: #fff;
}
#dialogStageOptions .custom-date-wrapper {
  margin: 8px 0;
}
#dialogStageOptions  .form-control {
  font-size: 16px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
    margin-left: 8px;
}
#dialogStageOptions .fields-label-row {
  margin: 8px 0;
  
}
#dialogStageOptions .fields-options-wrapper {
  
}
#dialogStageOptions .numFields-wrapper {
  margin: 8px 0;
  
}
#dialogStageOptions #stageOptions_customDate {
  width: 110px;
}



#dialogStageOptions .custom-date-wrapper
, #dialogStageOptions .numFields-wrapper {
  visibility: hidden;
}

#dialogStageOptions.is_CustomDate .custom-date-wrapper
, #dialogStageOptions.is_FieldsOverride .numFields-wrapper
 {
  visibility: visible;
}





#deleteEventFolderDialog .modWrapper {
  margin: 0;
  padding: 0;
}



#deleteEventFolderDialog .modWrapper .input-options-wrapper {
  margin-bottom: 0;
}
#deleteEventFolderDialog .delete-options-header {
  margin-top: 8px;
}
#deleteEventFolderDialog .modWrapper .input-options-wrapper .input-option-row.selected {
  color:#c00;
  font-weight: bold;
}
/*
#deleteEventFolderDialog .modWrapper.main-delete-item .input-options-wrapper .input-option-row.selected {
  color:#c00;
}
  */

#deleteEventFolderDialog .modWrapper .input-options-wrapper .input-option-row.selected:before {
  color:#c00;
  font-weight: normal;
}


#deleteEventFolderDialog .main-delete-item .delete-option-item {
  color:#c00;
  font-weight: bold;
}

#deleteEventFolderDialog .main-delete-item .delete-option-item:before {
  content: "\f00c";
  font-size: 22px;
}

/*
#mod_tournamentEvents .competition-getstarted-content .event-teamPool-wrapper:first-child {
  border-top: none;
}
  */


#mod_tournamentEvents .competition-getstarted-content .event-teamPool-children {
  padding-right: 0;
}

#unbalancedTeamsSaveDialog .dialog-input-row {
  text-align: center;
  margin: 12px 0 0 0;
}
#unbalancedTeamsSaveDialog .dialog-input-row .btn {
  font-weight: normal;
  font-size: 16px;
}

















.modal-content {
  overflow: visible;
}


.advancingRules-pools .advancingRules-header {

  padding: 6px 8px 6px 8px;
}

#dialogStageAdvancingRules .isMultiAdvance .advancingRules-header {

  padding-bottom: 12px;
}



#dialogStageAdvancingRules .advancingRules-header .stage-label {
  text-align: center;

  color: #85A0EB;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;

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

  margin-bottom: 4px;

}

#dialogStageAdvancingRules .advancingRules-header .teamCount-item {

  text-align: center;

  color:#000;

  display: block;


  display: flex;
  align-items: center;
  justify-content: center;
}


#dialogStageAdvancingRules .isMultiAdvance .advancingRules-header .teamCount-item {
  border-bottom: 2px dashed #ccc;
  padding-bottom: 8px;
}


#dialogStageAdvancingRules .teamCount-num {
  display: inline-block;
  text-align: center;
  width: 55px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  line-height: 32px;
  font-size: 24px;
  padding: 0;
  color: #000;


  height: 32px;

  border: 1px solid #ccc;
  border-radius: 4px;

}

#dialogStageAdvancingRules .teamCount-num .icon-unknown:before {

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


#dialogStageAdvancingRules .teamCount-num .icon-unknown:before {

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

  line-height: 24px;
  font-size: 22px;
  font-weight: normal;
}






#dialogStageAdvancingRules .advancingRules-header .teamCount-label {


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

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

  flex: 1;
}



#dialogStageAdvancingRules .advancingRules-header .advance-icon {
  text-align: center;
  width: 40px;

}

#dialogStageAdvancingRules .advancingRules-header .advance-icon:before {
  font-family: HTOfonts;
  content: "\f349";
  font-size: 34px;
  color: #85A0EB;

}


#dialogStageAdvancingRules .advancingRules-header .teamCount-input-row {
  text-align: center;
  flex: 1;
}
#dialogStageAdvancingRules .advancingRules-header .teamCount-input-row .form-control {
  display: inline-block;
  text-align: center;
  width: 55px;

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

  line-height: 32px;
  font-size: 24px;
  padding: 0;
  height: 32px;

  color:#000;
}


#dialogStageAdvancingRules .advancingRules-pools {
  display: flex;
  align-items: center;
  justify-content: center;

}

.advancingRules-pools .advancingRules-col {
  text-align: center;
  width: 52px;
  padding-bottom: 8px;
}


.advancingRules-pools .advancingRules-advance-icon {
  display: inline-block;
  vertical-align: middle;
}
.advancingRules-pools .advancingRules-advance-icon:before {
  font-family: HTOfonts;
  content: "\f349";
  font-size: 50px;
  line-height: 50px;
  color: #85A0EB;
}

.advancingRules-pools .advancingRules-pool-row {
  height: 70px;
  position: relative;
}
#dialogStageAdvancingRules .advancingRules-final-count-icon-row {
  margin-top: 20px;
}



.advancingRules-pools .advancingRules-pool-icon-count-row {
  white-space: nowrap;
}
.advancingRules-pools .advancingRules-pool-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.advancingRules-pools .advancingRules-pool-icon:before {
  font-family: HTOfonts;
  content: '\f2ea';

  color: #85A0EB;
  font-size: 34px;
  line-height: 30px;
}

.advancingRules-pool-label-row {
  color: #85A0EB;

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

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

  margin-bottom: 4px;
  text-align: center;
}


.advancingRules-pools .advancingRules-pools-to .advancingRules-pool-label-row {
  visibility: hidden;
}



.advancingRules-pools .advancingRules-pool-count {

  display: inline-block;
  vertical-align: middle;

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

  line-height: 24px;
  font-size: 21px;

  line-height: 28px;
  height: 30px;

  width: 40px;
  text-align: center;

  border: 1px solid #ccc;
  border-radius: 4px;


  color:#000;
}





.advancingRules-pools .advancingRules-pool-count .icon-unknown {
  vertical-align: top;
}
.advancingRules-pools .advancingRules-pool-count .icon-unknown:before {
  font-size: 22px;
}

#dialogStageAdvancingRules .advancingRules-input-row {

}
#dialogStageAdvancingRules .advancingRules-input-row .form-control {

  display: inline-block;
  text-align: center;
  width: 40px;

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

  line-height: 28px;
  font-size: 21px;
  padding: 0;
  height: 30px;

  color:#000;
}


.advancingRules-slots-label-row {
  white-space: nowrap;



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

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

  color:#000;

}


.poolSlotMismatch .advancingRules-slots-label-row
, .hasMismatch_notFixed .advancingRules-slots-label-row
, .advancingRules-pools .poolSlotMismatch .advancingRules-input-row .form-control
{
  color:#f52;
}

 #dialogStageAdvancingRules.hasMismatch_notFixed.isMerge .advancingRules-header .teamCount-input-row .form-control
, #dialogStageAdvancingRules.hasMismatch_notFixed.isMerge  .advancingRules-slots-label-row {
  color:#f52;
 }



.advancingRules-pools .advancingRules-final-icon {
  display: inline-block;
  vertical-align: middle;
}

.advancingRules-pools .advancingRules-final-icon:before {

  font-family: HTOfonts;
  content: '\f316';

  font-size: 39px;
  line-height: 39px;
  color: transparent;


  -webkit-text-stroke: 1px #85A0EB;

}

.advancingRules-pools .advancingRules-final-item {
  display:inline-block;
  position: relative;
}

#dialogStageAdvancingRules .advancingRules-pools .advancingRules-final-item {
  margin-top: -21px;
}


.advancingRules-pools .advancingRules-pool-merge-lines .merge-lines-vert {
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 0;
  border-left: 3px solid #85A0EB;
}



.advancingRules-pools .advancingRules-pool-merge-lines .merge-lines-vert-hasExtra {
  position: absolute;
  top: 30px;
  left: 12px;
  bottom: 0;
  border-left: 3px dashed #85A0EB;
  bottom: 0;
}

.advancingRules-pools .advancingRules-pool-row:first-child .advancingRules-pool-merge-lines .merge-lines-vert {
  top: 34px;
}
.advancingRules-pools .advancingRules-pool-row:last-child .advancingRules-pool-merge-lines .merge-lines-vert {
  bottom: 33px;
}




.advancingRules-pools .advancingRules-pool-merge-lines .merge-lines-left {
  position: absolute;
  top: 34px;
  left: 0;
  width: 12px;
  border-top: 3px solid #85A0EB;
}


.advancingRules-pools .advancingRules-pool-merge-lines .merge-lines-final {
  position: absolute;
  top: 39px;
  left: -16px;
  width: 12px;
  border-top: 3px solid #85A0EB;
}



.advancingRules-instructions {
  margin: 12px 0;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
/*
  color:#666;
*/
}

.advancingRules-pools-from
, .advancingRules-pools-to {
  border: 1px solid #ccc;
  border-radius: 8px;
  flex: 1;
}


/*
.advancingRules-pools .advancingRules-pools-to .advancingRules-inner-row {
  padding-top: 20px;
}
*/




.isMerge .advancingRules-pools .advancingRules-inner-row {
  display: flex;
  align-items: center;
  justify-content: center;

}
.isMerge.isAllTeams .advancingRules-pools .advancingRules-inner-row {

  margin-top: 16px;
}


.advancingRules-pools .advancingRules-inner-col.advancingRules-pools-merge {
  flex: none;
  width: 30px;
}


.advancingRules-pools .advancingRules-pool-input-label-row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.advancingRules-pools .advancingRules-pool-input-label-row .advancingRules-slots-label-row {
  flex: 1;
}
.advancingRules-pools .advancingRules-pool-input-label-row .advancingRules-input-row {
  flex: 1;
  text-align: right;
}


#teamFeedDetailsDialog .dialog-section-instructions {
  background-color: #fff;
  border-radius: 8px;

  margin: 12px -6px 0 -6px;

  padding: 12px 8px 12px 18px;

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

}
#teamFeedDetailsDialog .dialog-section-instructions .instructions-message {
  color: var(--dialog-text-standard);
}
#teamFeedDetailsDialog .dialog-section-instructions .instructions-link {
  color:#27e;
  display: inline-block;
  margin-left: 8px;

}

#teamFeedDetailsDialog .bracket-feed-header .bracketset-type-link {
  padding: 0;
}
#teamFeedDetailsDialog .bracket-feed-header {
  padding: 0;
}
#teamFeedDetailsDialog .teamsAvailable-feed .advancing-rule-label
, #teamFeedDetailsDialog .teamsAvailable-feed .advancing-status {
  padding: 0 0 0 8px;
  margin:0;
}
#teamFeedDetailsDialog .bracket-feed-wrapper {
  border-top: 1px dashed #ccc;
  padding-top: 8px;
  margin-top: 8px;
  padding-left: 8px;
}

#teamFeedDetailsDialog .bracket-feed-wrapper:first-child {
  border-top: 2px solid #ccc;
}




#bracketDetailsDialog.isStageSetup .stagesetup-includetoggle-row {
  text-align: center;
  margin-bottom: 12px;
}


#bracketDetailsDialog.isStageSetup .stagesetup-includetoggle-link {

  display: inline-block;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #27e;
  position: relative;
  padding-left: 44px;
}

#bracketDetailsDialog.isStageSetup .stagesetup-includetoggle-link:before {
  font-family: HTOfonts;
  font-size: 30px;
  line-height: 24px;
  font-weight: normal;
  content: "\f330";

  position: absolute;
  top: 0;
  left: 0;
}

#bracketDetailsDialog.isStageSetup.stage_main .stagesetup-includetoggle-link:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 20px;
  left: 14px;
} 


#bracketDetailsDialog.isStageSetup.disableStage .stagesetup-includetoggle-link .stagesetup-includetoggle-label {
  color: var(--dialog-text-label);
}
#bracketDetailsDialog.isStageSetup.disableStage .stagesetup-includetoggle-link:before {
  color:#929eaa;
  content: "\f331";
}


#bracketDetailsDialog.isStageSetup .stagesetup-includetoggle-label {
  display: inline-block;
  vertical-align: middle;


}



#bracketDetailsDialog.isStageSetup.disableStage .inputOptionsRow 
, #bracketDetailsDialog.isStageSetup.disableStage #roundRobinToggleRow {

  opacity: 0.3;
}







#roundGamesWrapper {
  max-height: 300px;
  overflow: auto;
  padding-right: 4px;
}

#dialogFreestyleSetup .round-games-index {
  display: inline-block;
  width: 32px;
  text-align: center;
}








#dialogSetupAdvancingRules .dialog-inner-section {
  border-radius: 8px;
  border: 1px solid #9FB1F2;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 12px 18px;
  margin-top: 16px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;

}
#dialogSetupAdvancingRules .dialog-inner-section:first-child {
  margin-top: 0;
}
#dialogSetupAdvancingRules .dialog-section-title-row {
  margin-bottom: 6px;
}
#dialogSetupAdvancingRules .dialog-section-title-text {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}
#dialogSetupAdvancingRules .dialog-section-body {

}
#dialogSetupAdvancingRules .dialog-section-body-row {
  display: flex;
  justify-content: right;
  margin-left: 4px;
}
#dialogSetupAdvancingRules .dialog-section-body-col {
  text-align: center;
}
#dialogSetupAdvancingRules .dialog-section-body-col.isLeftCol {
  flex-grow: 1;
}




#dialogSetupAdvancingRules .dialog-section-body-col.advance-arrow-col {
  width: 40px;
}
#dialogSetupAdvancingRules .advancing-icon:before {
  font-family: HTOfonts;
  content: "\f349";
  font-size: 28px;
  color: #999;
}
#dialogSetupAdvancingRules .dialog-section-body-col.totals-col {

  flex-grow: 1;
  /*
  width: 75px;
  */

}
#dialogSetupAdvancingRules .dialog-section-body-inner-col.isExtraColLabel {
    align-self: flex-start;
    line-height: 18px;
}

#dialogSetupAdvancingRules .dialog-section-body-inner-col.multiply-col {
  width: 25px;
  text-align: center;
  margin-top: -18px;
}
#dialogSetupAdvancingRules .dialog-section-body-inner-col.multiply-col .multiply-icon:before {
  font-family: HTOfonts;
  content: "\f332";
  font-size: 20px;
  color: #999;
  display: inline-block;

}


#dialogSetupAdvancingRules .dialog-intro-wrapper {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 16px;
  margin: 0 18px;
}


#dialogSetupAdvancingRules .intro-message-row {
  display: flex;
  /* left justify */
  justify-content: left;
  
  /* center vertically */
  align-items: center;
  
  line-height: 24px;

  gap: 14px;
  
}


#dialogSetupAdvancingRules .intro-message-row.stage-label-row {
  justify-content: center;
  margin-bottom: 4px;
}

#dialogSetupAdvancingRules .intro-message-row.stage-label-row .stage-title {
  color: #000;
}


#dialogSetupAdvancingRules .intro-message-row .advancing-icon:before {

  line-height: 24px;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  color: #000;

}
#dialogSetupAdvancingRules .intro-message-row .isMainText {
  font-weight: bold;
}


#dialogSetupAdvancingRules #unevenPoolsSection {

/*
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  */

  
  background-color: transparent;
  border: none;
  box-shadow: none;

}


#dialogSetupAdvancingRules.showExtraTeams #unevenPoolsSection {
  display: block;

  background-color: #fff;
  border: 1px solid #9FB1F2;
  border-top: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}


#dialogSetupAdvancingRules.showExtraTeams #perPoolsSection {
  margin-top: 8px;
}
/*

#dialogSetupAdvancingRules.showExtraTeams #perPoolsSection {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
*/



#dialogSetupAdvancingRules #unevenPoolsSection .dialog-section-title-text.dialog-section-toggle {
  color:#888;
}


#dialogSetupAdvancingRules.showExtraTeams #unevenPoolsSection .dialog-section-title-text.dialog-section-toggle {
  color:#000;
}


#dialogSetupAdvancingRules #unevenPoolsSection .dialog-section-body {
  display: none;
}
#dialogSetupAdvancingRules.showExtraTeams #unevenPoolsSection .dialog-section-body {
  display: block;
}

#dialogSetupAdvancingRules .stage-title-row {
  margin-bottom: 4px;
}
#dialogSetupAdvancingRules .stage-title {
  font-size: 18px;
  line-height: 20px;
  color: #999;
}
#dialogSetupAdvancingRules .input-row {

}
#dialogSetupAdvancingRules .input-disabled {
  display: inline-block;
  border-radius: 4px;
  text-align: center;

  color:#999;

  width: 56px;
  height: 32px;
  font-size: 24px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  border: solid 2px #99999966;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;

}
#dialogSetupAdvancingRules .input-label-row {
  padding: 0;
  color:#9FB1F2;
  text-align: center;
}
#dialogSetupAdvancingRules .input-label {
  color:#999;
}
#dialogSetupAdvancingRules .input-label.add-1-extra-label {
  font-size: 16px;
}




#dialogSetupAdvancingRules .advancing-icon {

}


#dialogSetupAdvancingRules .dialog-section-body-inner-row {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  margin-right: 8px;

}
#dialogSetupAdvancingRules .dialog-section-body-inner-col {

}
#dialogSetupAdvancingRules .inner-icon  {

}
#dialogSetupAdvancingRules .inner-icon.advance-icon {

}
#dialogSetupAdvancingRules .inner-icon.multiply-icon {

}
#dialogSetupAdvancingRules .dialog-section-title-text.dialog-section-toggle {
  text-decoration: none;
}
#dialogSetupAdvancingRules .dialog-section-title-text.dialog-section-toggle:hover {
  color: var(--competition-color);
}
#dialogSetupAdvancingRules .dialog-section-title-text.dialog-section-toggle:after  {
  font-family: HTOFonts;
  content: "\f105";
  font-size: 22px;
  line-height: 20px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
#dialogSetupAdvancingRules.showExtraTeams .dialog-section-title-text.dialog-section-toggle:after  {
  content: "\f107";
}
#dialogSetupAdvancingRules.isSetupAdvancing .keypad-parent .form-control {
  border-color: #000;
  line-height: 32px;
  height: 32px;

}



/*




#dialogSetupAdvancingRules .modal-dialog {
  max-width: 330px;
}
#dialogSetupAdvancingRules .modal-body {
  font-family: 'Roboto Condensed', sans-serif;
  padding: 8px 8px 12px 8px;
}
#dialogSetupAdvancingRules .advancingRules-header {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

}
#dialogSetupAdvancingRules .advancingRules-header .advancingRules-advance-icon {
  margin: 0 16px -6px 16px;
  display: inline-block;
  vertical-align: middle;
}
#dialogSetupAdvancingRules .advancingRules-header .advancingRules-advance-icon:before {
  font-family: HTOfonts;
  content: "\f349";
  font-size: 34px;
  color: #85A0EB;
}


#dialogSetupAdvancingRules .advancingRules-input-row {
  display: flex;
  align-items: center;
  margin: 8px 0;
  padding: 0 16px;
}

#dialogSetupAdvancingRules .advancingRules-input-row.isPerPool {
  border-top: 3px dashed #888;
  padding-top: 12px;
  margin-top: 16px;
}

#dialogSetupAdvancingRules .advancingRules-input-row.isAdvanceAll {
  justify-content: center;
}
  

#dialogSetupAdvancingRules .advancingRules-input-row.isAdvanceAll .advancingRules-input-label {
  color:#888;

}

#dialogSetupAdvancingRules .advancingRules-input-row.isAdvanceAll .advancingRules-input-label.advanceAllLink {
  display: inline-block;
}
#dialogSetupAdvancingRules .advancingRules-input-row.isAdvanceAll .advancingRules-input-label.isAdvanceAll {
  display: none;
}

#dialogSetupAdvancingRules.isAdvanceAll .advancingRules-input-row.isAdvanceAll .advancingRules-input-label.advanceAllLink {
  display: none;
}
#dialogSetupAdvancingRules.isAdvanceAll .advancingRules-input-row.isAdvanceAll .advancingRules-input-label.isAdvanceAll {
  display: inline-block;
}

  
  



#dialogSetupAdvancingRules .advancingRules-input-label {
  font-size: 18px;
}

#dialogSetupAdvancingRules .isExtraTeams .advancingRules-input-label {
  color:#888;
}
#dialogSetupAdvancingRules.hasExtra .isExtraTeams .advancingRules-input-label {
  color:#000;
}







#dialogSetupAdvancingRules .keypad-parent {
  margin-left: auto;
}
#dialogSetupAdvancingRules .advancingRules-input-label.isToggle {
  text-decoration: none;
  color:#888;
  padding-left: 32px;
  position: relative;
}
#dialogSetupAdvancingRules .advancingRules-input-label.isToggle:before {
  font-family: FontAwesome;
  content: "\f096";
  font-size: 26px;
  line-height: 26px;
  position: absolute;
  left: 0;
  top: 2px;
}
#dialogSetupAdvancingRules .advancingRules-input-label.isToggle.selected {
  color:#000;
}
#dialogSetupAdvancingRules .advancingRules-input-label.isToggle.selected:before {
  content: "\f046";
}


*/













/* Competition Details */





/*

.competition-settings-wrapper {
  display: block;
  margin: 0 138px;
}

@media screen and (max-width: 1200px) {
  .competition-settings-wrapper {
    margin: 0 75px 0 75px;
  }

}
@media screen and (max-width: 1000px) {
  .competition-settings-wrapper {
    margin: 0 4px 0 6px;
  }
}




.competition-settings-wrapper .competition-settings-nav-link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  text-decoration: none;
}


.competition-settings-content {

  border-radius: 8px;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 12px 18px;

  margin: 4px 0 8px 0;

}



*/


.select-wrapper.isPool select {
  padding-left: 46px;
}
.select-wrapper.isPool:before {
  position: absolute;
  left: 15px;
  top: 1px;
  display: inline-block;
  font-family: HTOfonts;
  content: '\f2ea';
  font-size: 22px;
}



.message-text {
  display: inline-block;
  vertical-align: middle;
  color: #222;
  margin: 0 6px;
  font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
}
.inputRow.inputRow_groupAndTeams {
  padding-left: 116px;
  margin: 8px 0 12px 0;
  position: relative;
}
.inputRow.inputRow_groupAndTeams .message-text {
  position: absolute;
  left: 0;
  top: 9px;
}

.messageRow_addTeams {
  line-height: 24px;
  margin-bottom: 1px;
}
.messageRow_addTeams #addTeamsNum {
  padding: 0 16px 0 16px;
  line-height: 22px;
}
.messageRow_addTeams .select-wrapper:after {
  top: 0;
}
.num-teams-text {
  position: absolute;
  right: 4px;
  top: 0;
}

.editDialog .addTeamsWrapper {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
}
.editDialog.oneTeam .addTeamsWrapper {
  display: none;
}

.editDialog .addTeamsWrapper .select-wrapper {
  display: inline-block;
  width: auto;
}


.editDialog .messageRow {
  position: relative;
}

#addTeamsList {
  height: 80px;
  padding: 5px 12px;
  font-family: 'Roboto Condensed', sans-serif;
  color: var(--input-text-noChanges);
  font-size: 16px;
}
#addTeamsDialog #currentTeamsList {
  margin-top: 12px;
}
#currentTeamsListInput {
  height: 80px;
  overflow: auto;
  padding: 5px 12px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #888;
  font-size: 16px;
  background-color: transparent;
  margin-bottom: 8px;
}


.empty-teams-message {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #666;
  margin: 12px 0 0 0;
  text-align: center;
}





#scheduleBuildCompetitionWrapper .header-message.isBuildMode {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: var(--competition-color);
  margin: 4px 4px 12px 2px;
  text-align: left;
}





.schedule-slots-table {
  background-color: #fff;
}

.schedule-slots-table td {
  white-space: nowrap;
  text-align: center;
}
.schedule-slots-table .schedule-slots-data-row td {
  vertical-align: top;
}




.schedule-slots-table .day-info-wrapper {
  
  text-decoration: none;

  display: flex;
  gap: 12px;
  justify-content: space-between;

  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  padding: 4px 8px;
  position: relative;

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
}
.schedule-slots-table .day-info-wrapper:hover {
  background-color: #eee;
}

.schedule-slots-table .day-info-wrapper.isAdd {
  display: block;
  text-align: center;
}

.schedule-slots-table .day-info-wrapper.isAdd .day-add {
  color:#27e;
  font-weight: bold;
  text-align: center;
  padding: 4px;
}


.schedule-slots-table .day-info-date-wrapper {
  text-align: left;
}


.schedule-slots-table .day-info-num {
  font-weight: bold;
}

.schedule-slots-table .day-info-date {
  font-weight: bold;
  margin: 2px 0 0 0;
}
.schedule-slots-table .day-info-date.isTBD {
  color: #e70;
}


.schedule-slots-table .location-slot-cell {
  border-top: 2px solid transparent;
}

.showTeams .schedule-slots-table .location-slot-cell {
/*
  height: 68px;
*/
  overflow: hidden;
}

.schedule-slots-table .location-slot-cell.stageID_P0.isFirstOfStage {
  border-top-color: var(--stage-color-P0);
}
.schedule-slots-table .location-slot-cell.stageID_P1.isFirstOfStage {
  border-top-color: var(--stage-color-P1);
}
.schedule-slots-table .location-slot-cell.stageID_F0.isFirstOfStage {
  border-top-color: var(--stage-color-F0);
}
.schedule-slots-table .location-slot-cell.stageID_F1.isFirstOfStage {
  border-top-color: var(--stage-color-F1);
}
.schedule-slots-table .location-slot-cell.stageID_F1.isLastOfStage {
  border-bottom: 2px solid var(--stage-color-F1);
}






.schedule-slots-table .games-in-cell {
  border: 1px solid transparent;
}
.schedule-slots-table .games-in-cell.overbooked {
  border-color: #e70;
  background-color: #ee770022;

  /*
  text-align: left;
  */

  border-radius: 5px;
}
.showTeams .schedule-slots-table .games-in-cell.overbooked {
  display: flex;
  flex-direction: column;
  overflow: hidden;

  /*
  max-height: 62px;
  */
}


.schedule-slots-table .day-start-end-row {

/*
  display: flex;
  gap: 16px;

  align-items: center;
  justify-content: center;
*/
}

.schedule-slots-table .day-start-info {


  font-size: 14px;
  align-items: center;
}

.schedule-slots-table .day-start-info .day-start-info-label {
  display: inline-block;
  width:40px;
}

.schedule-slots-table .day-start-info .day-start-info-val {

}

.schedule-slots-table .day-time-slots {
  display: flex;
  flex-direction: column;
  gap: 10px;

  align-items: center;
  justify-content: center;

}


.schedule-slots-table .day-slots-header-val {

  font-size: 14px;
  display: inline-block;
  min-width: 56px;
}


.schedule-slots-table .location-info-wrapper {

  text-decoration: none;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 46px;
  min-width: 62px;

  /*
  max-width: 100px;
  */

  background-color: #fff;
  padding: 2px 4px;
  position: relative;

  
  outline: 1px solid #ddd !important;
  outline-offset: -3px;
  box-sizing: border-box;
  border-radius: 6px;



  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  line-height: 13px;

  color: #27e;
  overflow: hidden;


  
}




.schedule-slots-table .isUnused .location-info-wrapper {
  color:#aaa;

}

.schedule-slots-table a.location-info-wrapper:hover {
  color: var(--competition-color);
  outline-color: #27e !important;
  background-color: var(--tab-selected-bgcolor);
}

.schedule-slots-table .location-info-cell.isSetup .location-info-wrapper {
  max-width: 100%;
}
.schedule-slots-table .location-info-cell.isSetup .location-info-wrapper .location-field-label {
  font-size: 14px;
}
.schedule-slots-table .location-info-cell.isSetup .location-info-wrapper .location-field-label:before {
  font-family: HTOfonts;
  content: '\f320';
  font-size: 22px;
  line-height: 26px;
  margin-right: 10px;

  font-weight: normal;

  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}



/*
.schedule-slots-table .location-info-wrapper:hover {
  background-color: #eee;
}
*/

.schedule-slots-table .location-info-wrapper.isTBD {
  color: #e70;
}
.schedule-slots-table .location-info-wrapper .location-field-label {
  display: block;
  white-space: wrap;
  width: 98%;
  max-height: 38px;
  overflow: hidden;

}

.schedule-slots-table .location-info-wrapper .location-field-label-parent {
  max-height: 27px;
  overflow: hidden;
}
.schedule-slots-table .location-info-wrapper .location-field-label-parent-line {
  display: block;
  width: 70%;
  margin: 0 auto;
  height:1px;
  border-bottom: 1px solid #ddd;
  opacity: 0.7;
}

.schedule-slots-table .redistribute-cell .location-info-wrapper {
  font-size: 14px;
  line-height: 16px;
  color:#27e;
  font-weight: bold;
  max-width: 100%;
}



.location-cell-wrapper {
  position: relative;
}



































/*
.schedule-slots-table .location-info-wrapper.isAdd {
  color:#27e;
  font-weight: bold;
}
  */


#scheduleBuildCompetitionWrapper .alert-message-wrapper {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  margin-left: 12px;
  margin-top: 4px;

}
#scheduleBuildCompetitionWrapper .alert-message-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;

  font-family: HTOfonts;
  content: '\f071';
  font-size: 20px;
  line-height: 24px;
  color: #e70;
  display: inline-block;
}
#scheduleBuildCompetitionWrapper .alert-message-wrapper .alert-message-text {
  color:#e70;
  display: inline-block;
  vertical-align: middle;
  margin-top: 2px;
  
}



#scheduleBuildCompetitionWrapper .action-buttons-wrapper {
  display: inline-block;
  float: right;
}


@media (max-width: 900px) {
  #scheduleBuildCompetitionWrapper .action-buttons-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;

    align-items: flex-end;
  }
}


#scheduleBuildCompetitionWrapper .action-buttons-wrapper .btn {
  font-family: Arial, Helvetica, sans-serif;
}

#scheduleBuildCompetitionWrapper .action-buttons-wrapper .btn-primary {
  font-weight: normal;
}
#scheduleBuildCompetitionWrapper .action-buttons-wrapper .btn-default {
  font-weight: normal;
}



 #scheduleBuildCompetitionWrapper .action-buttons-wrapper .btn-text-link
 {
  color: #AAB3F0;
}
#scheduleBuildCompetitionWrapper .action-buttons-wrapper .btn.isTBD {
  color: #e70;
}

#scheduleBuildCompetitionWrapper .action-buttons-wrapper .btn-text-link:hover {
  color: var(--competition-color);
}



#scheduleBuildCompetitionWrapper .btn-redistribute {
  text-decoration: underline;
  color: #AAB3F0;
  border: 1px solid var(--tab-selected-bgcolor);

  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  margin-left: 12px;
}

#scheduleBuildCompetitionWrapper .btn-redistribute:before
, #scheduleBuildCompetitionWrapper .btn-redistribute .btn-label {
  vertical-align: top;
}

#scheduleBuildCompetitionWrapper .btn-redistribute:hover {
  color: var(--competition-color);
}







.competition-details-wrapper .action-buttons-wrapper .btn-group {
  margin-left: 12px;
}

.competition-details-wrapper .action-buttons-wrapper .btn-group .btn {
  border: 1px solid var(--tab-selected-bgcolor);
  color: #AAB3F0;
  line-height: 26px;
}
.competition-details-wrapper .action-buttons-wrapper .btn-group .btn .btn-label {
  vertical-align: top;
}






.competition-details-wrapper .action-buttons-wrapper .btn-group .btn.selected
, .competition-details-wrapper .action-buttons-wrapper .btn-group .btn:hover {

  color: var(--competition-color);
  background-color: var(--tab-selected-bgcolor);
}


.competition-details-wrapper .action-buttons-wrapper .btn-group .btn:first-child {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}


/*
.competition-details-wrapper .action-buttons-wrapper .btn-toggle-auto-build .btn-auto-build:before {
  font-family: HTOfonts;
  content: '\f0e7';
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
}
*/


.competition-details-wrapper .action-buttons-wrapper .btn-group .btn:last-child {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}


.btn-checkbox-toggle {
  
}
.btn-checkbox-toggle:before {
  /* square-o */
  font-family: FontAwesome;
  content: "\f096";
  font-size: 20px;
  line-height: 20px;

  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
.btn-checkbox-toggle.checked:before {
  /* check-square-o */
  content: "\f046";
}





.modWrapper.isGetStarted.isSetupAdvancing .action-buttons-wrapper {
  float: right;
}

@media (max-width: 767px) {
  .modWrapper.isGetStarted.isSetupAdvancing .action-buttons-wrapper {
    float: none;
    display: block;
    margin: 8px 0 0 0;
    text-align: right;
  }
}






#scheduleBuildCompetitionWrapper .header-label {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: bold;
  display: block;
  padding: 2px 6px;
}

/*
#scheduleBuildCompetitionWrapper .header-label-link {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #AAB3F0;
  font-weight: bold;
  display: block;

  text-decoration: underline;

}
#scheduleBuildCompetitionWrapper .header-cell.hasAlert .header-label-link {
  color: #e70;
}


#scheduleBuildCompetitionWrapper .header-label-link:hover {
  color: var(--competition-color);
}


#scheduleBuildCompetitionWrapper .header-label-link:before {
  font-family: HTOfonts;
  content: '\f040';
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;

  font-weight: normal;

}
#scheduleBuildCompetitionWrapper .date-header .header-label-link:before {
  content: '\f073';
}
#scheduleBuildCompetitionWrapper .time-header .header-label-link:before {
  content: '\f017';
  font-size: 26px;
  line-height: 26px;
  margin-top: 4px;
}
*/



#scheduleBuildCompetitionWrapper .header-label-text {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #AAB3F0;
  font-weight: bold;
  display: block;

}




#dateTimeCalculationTable {
  width: 100%;

  /* caused issue
  overflow: auto;
  */

  min-height: 360px;
  overflow: auto; 
}








#dateTimeCalculationTable .date-cell
, #dateTimeCalculationTable .time-cell
, #dateTimeCalculationTable .round-cell
, #dateTimeCalculationTable .stage-cell
{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #AAB3F0;
  vertical-align: top;
  padding: 2px 2px 2px 2px;
}
#dateTimeCalculationTable.showTeams .date-cell
, #dateTimeCalculationTable.showTeams .time-cell
, #dateTimeCalculationTable.showTeams .round-cell
, #dateTimeCalculationTable.showTeams .stage-cell
{
  padding-top: 2px;
}


#dateTimeCalculationTable .date-cell a
, #dateTimeCalculationTable .time-cell a
, #dateTimeCalculationTable .round-cell a
, #dateTimeCalculationTable .stage-cell a
{
  border-radius: 4px;
  display: block;
  padding: 4px 6px;
}


/*
#dateTimeCalculationTable .stage-cell
{
  font-weight: bold;
}
  */


#dateTimeCalculationTable .date-cell a.date-label
, #dateTimeCalculationTable .time-cell a.timeSlot-label {
  text-decoration: none;
  color: #27e;
}
#dateTimeCalculationTable .date-cell.isTBD a.date-label
, #dateTimeCalculationTable .time-cell.isTBD a.timeSlot-label {
  color: #e70;
}


#dateTimeCalculationTable .time-slot-row.emptySlot .date-cell a.date-label
, #dateTimeCalculationTable .time-slot-row.emptySlot .time-cell a.timeSlot-label {
  color: #aaa !important;
}



#dateTimeCalculationTable .date-cell a.date-label:hover
, #dateTimeCalculationTable .time-cell a.timeSlot-label:hover
, #dateTimeCalculationTable .round-cell a.round-info-label:hover
, #dateTimeCalculationTable .stage-cell a.stage-label-text:hover
 {
  color: var(--competition-color);
  background-color: var(--tab-selected-bgcolor);
}

#dateTimeCalculationTable .date-cell {
  text-align: right;
} 

#dateTimeCalculationTable .time-cell {
  text-align: right;
  text-transform: lowercase;
} 


#dateTimeCalculationTable .time-cell.conflict_lastRound
, #dateTimeCalculationTable .time-cell.conflict_nextRound
{
  background-color: #faead6;
} 



#dateTimeCalculationTable tr.isFirstOfRound td {
  border-top: 1px solid transparent;
}
#dateTimeCalculationTable tr.isFirstOfRound td.stage-cell
, #dateTimeCalculationTable tr.isFirstOfRound td.date-cell
{
  border-top-color: transparent;
}
#dateTimeCalculationTable tr.isFirstOfStage td {
  border-top: 2px solid transparent;
}
/*
#dateTimeCalculationTable tr.isFirstOfStage td.date-cell {
  border-top-color: transparent;
}
  */

#dateTimeCalculationTable tr.stageID_P0 td {
  border-top-color: var(--stage-color-P0);
}
#dateTimeCalculationTable tr.stageID_P1 td {
  border-top-color: var(--stage-color-P1);
}
#dateTimeCalculationTable tr.stageID_F0 td {
  border-top-color: var(--stage-color-F0);
}
#dateTimeCalculationTable tr.stageID_F1 td {
  border-top-color: var(--stage-color-F1);
}

#dateTimeCalculationTable tr.stageID_BEFORE td {
  border-top-color: #ccc;
}



#dateTimeCalculationTable .round-cell a
, #dateTimeCalculationTable .stage-cell a
{
  text-decoration: none;
  display: block;
}

#dateTimeCalculationTable tr.stageID_P0 td.round-cell a
, #dateTimeCalculationTable tr.stageID_P0 td.stage-cell a 
, .stageID_P0 .stage-header-label 
{
  color: var(--stage-color-P0);
}
#dateTimeCalculationTable tr.stageID_P1 td.round-cell a
, #dateTimeCalculationTable tr.stageID_P1 td.stage-cell a 
, .stageID_P1 .stage-header-label 
{
  color: var(--stage-color-P1);
}
#dateTimeCalculationTable tr.stageID_F0 td.round-cell a
, #dateTimeCalculationTable tr.stageID_F0 td.stage-cell a 
, .stageID_F0 .stage-header-label 
{
  color: var(--stage-color-F0);
}
#dateTimeCalculationTable tr.stageID_F1 td.round-cell a
, #dateTimeCalculationTable tr.stageID_F1 td.stage-cell a
, .stageID_F1 .stage-header-label 
{
  color: var(--stage-color-F1);
}








#dateTimeCalculationTable .grid-view-toggle-row {
  display: flex;
  gap: 16px;
  justify-content: left;
  align-items: center;
  margin: 24px 12px 0px 12px;
}

#dateTimeCalculationTable .grid-view-toggle-row .view-toggle-item {
  color:#666;
  font-size: 14px;
}
#dateTimeCalculationTable .grid-view-toggle-row a.view-toggle-item:hover {
  color: var(--competition-color);
}

#dateTimeCalculationTable .grid-view-toggle-row .view-toggle-item.selected {
  font-weight: bold;
  color: #000;
}






/*


#dateTimeCalculationTable .schedule-slots-data-wrapper {
  display: flex;
  flex-direction: column;
}


#dateTimeCalculationTable .stage-wrapper {

  display: flex;
  justify-content: space-between;


  position: relative;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #AAB3F0;

  text-decoration: none;

}

#dateTimeCalculationTable .stage-wrapper .stage-label-col {
  min-width: 60px;
  text-align: left;
}


#dateTimeCalculationTable .stage-wrapper .stage-label-text {
  line-height: 23px;
  border-top: 2px solid #ccc;
  font-weight: bold;
  padding-left: 4px;
}

#dateTimeCalculationTable .stage-wrapper.stageID_P0 {
  color: var(--stage-color-P0);

}
#dateTimeCalculationTable .stage-wrapper.stageID_P1 {
  color: var(--stage-color-P1);
}
#dateTimeCalculationTable .stage-wrapper.stageID_F0 {
  color: var(--stage-color-F0);
}
#dateTimeCalculationTable .stage-wrapper.stageID_F1 {
  color: var(--stage-color-F1);
}


#dateTimeCalculationTable .stage-wrapper.stageID_P0 .stage-label-text {
  border-top-color: var(--stage-color-P0);

}
#dateTimeCalculationTable .stage-wrapper.stageID_P1 .stage-label-text {
  border-top-color: var(--stage-color-P1);
}
#dateTimeCalculationTable .stage-wrapper.stageID_F0 .stage-label-text {
  border-top-color: var(--stage-color-F0);
}
#dateTimeCalculationTable .stage-wrapper.stageID_F1 .stage-label-text {
  border-top-color: var(--stage-color-F1);
}


#dateTimeCalculationTable .stage-wrapper .stage-rounds-col {
  min-width: 28px;
}

#dateTimeCalculationTable .stage-wrapper .timeSlots-col {
  min-width: 20px;
}

#dateTimeCalculationTable .stage-wrapper .round-info-row {
  border-top: 2px solid #ccc;
  padding-right: 4px;
}

#dateTimeCalculationTable .stage-wrapper.stageID_P0 .round-info-row {
  border-top-color: var(--stage-color-P0);
}
#dateTimeCalculationTable .stage-wrapper.stageID_P1 .round-info-row {
  border-top-color: var(--stage-color-P1);
}
#dateTimeCalculationTable .stage-wrapper.stageID_F0 .round-info-row {
  border-top-color: var(--stage-color-F0);
}
#dateTimeCalculationTable .stage-wrapper.stageID_F1 .round-info-row {
  border-top-color: var(--stage-color-F1);
}

#dateTimeCalculationTable .stage-wrapper .round-info-row.isSpacer {
  border-color: transparent !important;
}















#dateTimeCalculationTable .stage-wrapper .round-info-label {
  font-size: 14px;
  line-height: 23px;
  height: 23px;
}


#dateTimeCalculationTable .date-wrapper {

  text-decoration: none;
  display: flex;
  justify-content: space-between;
  gap: 8px;

  outline: 1px solid #ddd !important;
  outline-offset: -3px;
  box-sizing: border-box;
  border-radius: 6px;


  background-color: #fff;
  position: relative;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #AAB3F0;
  overflow: hidden;

}
#dateTimeCalculationTable a.date-wrapper:hover {
  outline-color: #27e !important;
  color: var(--competition-color);
}


#dateTimeCalculationTable .isSetupDates.date-wrapper {
  color:#aaa;
}

#dateTimeCalculationTable .date-wrapper .date-col {
  min-width: 60px;
  text-align: left;
  padding-left: 8px;
  line-height:  23px;
}
#dateTimeCalculationTable .isSetupDates .date-wrapper .date-col {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}
#dateTimeCalculationTable .date-wrapper .date-col .date-label {
  border-top: 2px solid transparent;
}
#dateTimeCalculationTable .date-wrapper.isTBD .date-col .date-label{
  color: #e70;
}

#dateTimeCalculationTable .isSetupDates .date-wrapper .date-label-setup {
  color:#e70;
  text-align: center;
}

#dateTimeCalculationTable .isSetupDates .date-wrapper .date-label-setup:before {
  display: block;
  font-family: HTOfonts;
  content: '\f073';
  font-size: 22px;
  line-height: 26px;

}
#dateTimeCalculationTable .isSetupDates .date-wrapper .date-label-setup-text {
  font-size: 16px;
}



#dateTimeCalculationTable .date-wrapper .timeSlots-col {
  min-width: 60px;
  text-align: right;
  padding-right: 8px;
}




#dateTimeCalculationTable .date-wrapper .timeSlot-wrapper {
  border-top: 2px solid transparent;
}

#dateTimeCalculationTable .date-wrapper .timeSlot-label {
  font-size: 14px;
  line-height:  23px;
  text-transform: lowercase;
}


#dateTimeCalculationTable .date-wrapper .isTBD .timeSlot-label {
  color: #e70;
}



*/















/*
#dateTimeCalculationTable .timeSlots-block-row {
  width: calc(100% + 62px);
  display: block;
  height: 0;
  outline: 1px dashed #e9e9e9;
  margin: 0 0 0 -62px;
  padding: 0;
}
*/













#dialogScheduleBuildDates .modal-content {
  background-color: #fff;
}


.filter-calendar-area .header-row {
  padding: 0 36px;
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  min-height: 28px;
}





.filter-calendar-area .filter-month-day-content {
  min-height: 40px;
}



.day-picker {
  position: relative
}
.day-picker .header-row {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}


.filter-calendar-area a:hover .filter-month-day-content {
  border-color: #2277ee66;
}





.days-selected-wrapper .empty-message-text {
  font-size: 14px;
  line-height: 18px;
}

.filter-calendar-area .filter-month-day-label {
  font-size: 16px;
  line-height: 20px;
}
.filter-calendar-area .filter-month-header {

  font-size: 18px;
  line-height: 24x;
  font-weight: bold;
}

.filter-calendar-area .header-row .btn-back:before
, .filter-calendar-area .header-row .btn-next:before {
  font-size: 26px;
  line-height: 26px;
}



.filter-calendar-area .filter-month-header {
  text-align: center;
  line-height: 28px;
}
.filter-calendar-area .filter-month-header .filter-month-link {
  font-family: "Oswald-Bold",Arial,Helvetica,sans-serif;

    display: inline-block;
    color:#27e;
    font-size: 15px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
  text-decoration: underline;
}
.filter-calendar-area .filter-month-header .filter-month-link:hover {

    color:#05c;
}




.header-row-label {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color:#333;
}
.filter-calendar-area .header-row .btn-nav {
  position: absolute;
  line-height: 24px;
}
.filter-calendar-area .header-row .btn-nav:before {
  color:#27e;
}
.filter-calendar-area .header-row .btn-nav:hover::before {
  color:#05c !important;
}

.filter-calendar-area .header-row .btn-back:before {
  font-family: FontAwesome;
  content: "\f0d9";
  font-size: 22px;
}

.filter-calendar-area .header-row .btn-next:before {
  font-family: FontAwesome;
  content: "\f0da";
  font-size: 22px;
}

.filter-calendar-area .header-row .btn-first:before {
  font-family: FontAwesome;
  content: "\f049";
  font-size: 15px;
}

.filter-calendar-area .header-row .btn-last:before {
  font-family: FontAwesome;
  content: "\f050";
  font-size: 15px;
}


.filter-calendar-area .header-row .btn-nav:hover::before {
  color:#27e;
}
.filter-calendar-area .header-row .btn-back {
  left: 0;
  top: 0;
  padding: 0 12px;
}
.filter-calendar-area .header-row .btn-next {
  right: 0;
  top: 0;
  padding: 0 12px;
}

.filter-calendar-area .header-row .btn-first {
  left: 30px;
  top: 0;
  padding: 0 8px;
}
.filter-calendar-area .header-row .btn-last {
  right: 30px;
  top: 0;
  padding: 0 8px;
}








.filter-calendar-area .filter-month-week-group {
  display: flex;
  max-width: 500px;
  margin: 0 auto;
}

.filter-calendar-area .selectedWeek .filter-month-week-group {
  border-color: #7492E5;
}







.filter-calendar-area .filter-month-day-group {
  width: 14.28%;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
.filter-calendar-area .filter-month-day-group:hover {
  border-color:#e6ecfc;
}
.filter-calendar-area .filter-month-day-group.selectedDay {
  border-color:#7492E5;
}




.filter-calendar-area a.selectedDay .filter-month-day-content {
  border-color: #27e;
}


.filter-calendar-area .filter-month-day-label {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color:#777;
}

.filter-month-day-slots {
}





.monthFilterWrapper .filter-month-inner-wrapper {
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
}
.monthFilterWrapper.selectedMonth .filter-month-inner-wrapper {
  border-color:#27e;
}


.filter-calendar-area .filter-month-day-content {
  border: 2px solid #fff;
  background-color: #ebf3ff;
  position: relative;
  min-height: 40px;
}


.filter-calendar-area a.weekHover .filter-month-day-content {
  border-color: #27e;
}



.wizard-header-message-text {
  font-size: 16px;
  font-weight: bold;
}


.wizard-header-message .time-slots-link {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-left: 18px;
  margin-top: 2px;
  color:#27e;

  float: right;
}


.day-summary-wrapper {
  margin: 0 0 0 3px;
}
.day-summary-wrapper .day-summary-item {
  font-size: 16px;
  font-weight: bold;
  color:#27e;
  display: inline-block;
  white-space: nowrap;
}

.wizard-sub-title-row .wizard-sub-title-text {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

#scheduleSelectionsWrapper {
  margin-top: 8px;
}
#scheduleSelectionsWrapper .days-selected-wrapper {

font-family: 'Roboto Condensed', sans-serif;
}
.day-reset-row {
  margin-top: 8px;
  text-align: left;
}
.day-reset-row .day-reset-link {
  font-size: 14px;
  color: #888;
  text-decoration: underline;
}
/*
#scheduleSelectionsWrapper .dates-month-separator:before {
  
  font-family: FontAwesome;
  content: "\f0da";
  font-size: 22px;
}
  */




  /*
.schedule-build-setup-step-row {
  margin: 4px 0 8px 12px;
  line-height: 22px;
}

.schedule-build-setup-step-row .setup-step-text {
  color:#000;
  font-weight: bold;
}

.schedule-build-setup-step-row .setup-step-link {
  color:#e70;
  text-decoration-color: #e70;
  font-weight: bold;
}
.isStep_ShowTeamsConfirm .schedule-build-setup-step-row .setup-step-link {
  display: inline-block;
  margin-left: 18px;

}
.schedule-build-setup-step-row .setup-step-link:hover {
  color: var(--competition-color);
}

*/


#scheduleBuildCompetitionActions {
  margin-bottom: 16px;
  min-height: 30px;
}


.schedule-build-setup-step-row {
  font-family: 'Roboto Condensed', sans-serif;
}
.schedule-build-setup-step-row .setup-step-num {
  
  display: inline-block;
  vertical-align: middle;
  color: var(--competition-color);
  padding: 0 12px;
  position: relative;
  margin: 0 8px 0 0;
  border-radius: 5px;

  font-size: 20px;
  font-weight: bold;
  
  height: 28px;
  line-height: 28px;

  background-color: var(--tab-selected-bgcolor);
}


.schedule-build-setup-step-row .form-control {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: bold;
  padding: 0 8px;

  font-size: 18px;

  height: 30px;
}

.schedule-build-setup-step-row .form-control.isPending {
  color: #e70;
  
}



.schedule-build-setup-step-row .btn-arrow-right {
  font-family: 'Roboto Condensed', sans-serif;

  color:#999;

  padding: 0 10px 0 8px;
  
  height: 30px;
  line-height: 26px;

  border-radius: 15px;

  margin: 0 0 0 10px;
  font-size: 16px;
  font-weight: normal;
  
  background-color: var(--tab-selected-bgcolor);

  
  border: 1px solid #9FB1F2;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.schedule-build-setup-step-row .btn-arrow-right.isNextReady {
  
  color: #e70;
  font-weight: bold;
}


.schedule-build-setup-step-row .btn-arrow-right:hover {
  background-color: #d6d8f7;
}



.schedule-build-setup-step-row .setup-step-button {
  font-family: 'Roboto Condensed', sans-serif;

  text-decoration: none;

  width: 200px;

  display: inline-block;
  text-align: center;


  color:#e70;

  padding: 0;
  
  height: 30px;
  line-height: 28px;

  border-radius: 15px;

  font-size: 16px;
  font-weight: bold;
  
  background-color: #fff;

  border: 1px solid #9FB1F2;
}


.schedule-build-setup-step-row .setup-step-button.isFieldsSetup {
  margin-left: 12px;
  color: #999;
}


@media (max-width: 470px) {
  #mod_tournamentEvents .setup-step-button-wrapper {
    display: block;
  }
  .schedule-build-setup-step-row .setup-step-button.isFieldsSetup {
    margin: 8px 0 0 0;
  }
}


.schedule-build-setup-step-row .setup-step-button:hover {

  background-color: var(--tab-selected-bgcolor);
}




#dialog_ScheduleGrid_Setup_Field_Details .input-option-row {
  margin: 8px 4px;
}
#dialog_ScheduleGrid_Setup_Field_Details .form-control-radio {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  width: 18px;
  height: 18px;

}
#dialog_ScheduleGrid_Setup_Field_Details .input-option-label {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

#dialog_ScheduleGrid_Setup_Field_Details .form-control-radio:checked + .input-option-label {
  color:#27e;
}

#dialogScheduleBuildSetupDates .modal-dialog {
  max-width: 240px;
}

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


#dialogScheduleBuildSetupDates .action-buttons-wrapper {
  margin-top: 12px;
}

#dialogScheduleBuildSetupDates .action-button-row {
  margin-top: 12px;
}
#dialogScheduleBuildSetupDates .action-button-row .btn {
  display: block;
  width: 100%;
  border-radius: 15px;
  background-color: #ccc;
  color:#333;
  line-height: 18px;
  font-size: 16px;
  padding: 6px;
  text-transform: none;
}
#dialogScheduleBuildSetupDates .action-button-row .btn:hover {
  background-color: #27e;
  color:#fff;
}



#dialogScheduleBuildTimeSlots {

}
#dialogScheduleBuildTimeSlots .modal-dialog{
  min-width: 300px;
  max-width: fit-content;
  width: auto;
}

#dialogScheduleBuildTimeSlots .intro-message-section {
  margin: 0 4px 12px 8px;
  color:#666;
}
#dialogScheduleBuildTimeSlots .intro-message-section a {
  color:#666;
}


/*
#dialogScheduleBuildTimeSlots .gameDate .dayOfWeek
, #dialogScheduleBuildTimeSlots .gameDate .form-control.short
, #dialogScheduleBuildTimeSlots .gameDate .schedule-date-link {
  display: inline-flex;
  vertical-align: middle;
}
*/






#fieldUsageAlert {
  color:#666;

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
}
#fieldUsageAlert .icon.available:before {
  
  /* check */ 
  font-family: HTOfonts;
  content: "\f00c";
  font-size: 16px;
  line-height: 16px;
}
#fieldUsageAlert .icon.notAvailable:before {
  
  /* times */ 
  font-family: HTOfonts;
  content: "\f332";
  font-size: 16px;
  line-height: 16px;
}




#dialogScheduleBuildTimeSlots .time-slots-table-wrapper {
  overflow: auto;
  max-height: 400px;
}
#dialogScheduleBuildTimeSlots .time-slots-select {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 0 4px 0 10px;
  line-height: 24px;
  border: none;
  background-color: #ccc;
  height: 26px;
  border-radius: 12px;
  color:#27e;
  border-right: 4px solid #ccc;

}


.modal-body .time-slots-input {
  width: 80px;
  padding: 0 8px 0 8px;
  height: 26px;
  line-height: 24px;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  color:#27e;
  text-align: right;
  text-transform: lowercase;
}

/*
#dialogScheduleBuildTimeSlots .time-slots-input::placeholder
, #dialogScheduleBuildTimeSlots .time-slots-input::-webkit-input-placeholder
, #dialogScheduleBuildTimeSlots .time-slots-input::-moz-placeholder
 {
  color: #e70;
}
*/



#dialogScheduleBuildTimeSlots .bootstrap-dialog-message {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
}
#dialogScheduleBuildTimeSlots .bootstrap-dialog-message table {
  margin: 0 auto;
  border-collapse: separate;
}
#dialogScheduleBuildTimeSlots .bootstrap-dialog-message td {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  padding: 2px;
  white-space: nowrap;
  vertical-align: top;
}


/*
#dialogScheduleBuildTimeSlots .time-slots-details
, #dialogScheduleBuildTimeSlots .time-slots-inputs-col 
, #dialogScheduleBuildTimeSlots .location-info-col {
    display: none;
}

#dialogScheduleBuildTimeSlots .isExpanded .time-slots-details
, #dialogScheduleBuildTimeSlots .isExpanded .time-slots-inputs-col 
, #dialogScheduleBuildTimeSlots .isExpanded .location-info-col {
    display: block;
}
*/



#dialogScheduleBuildTimeSlots .time-slots-input-row {
  display: flex;
  height: 28px;
  align-items: center;

}

#dialogScheduleBuildTimeSlots .time-slots-input-row {

}
#dialogScheduleBuildTimeSlots .btn-time-delete {
  padding: 0 4px;
  height: 26px;
  color:#aaa;
  margin-left: 2px;
}
#dialogScheduleBuildTimeSlots .btn-time-delete:before {

  /*
  font-family: Arial, Helvetica, sans-serif;
  content:'+';
  transform: rotate(45deg);
  font-size: 24px;
  line-height: 15px;
  */

  /* trash can */
  font-family: HTOFonts;
  content: "\f014";
  font-weight: normal;
  font-size: 18px;



  
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
#dialogScheduleBuildTimeSlots .btn-time-delete:hover {
  color:#800;
}




#dialogScheduleBuildTimeSlots .isExpanded .time-slots-summary {
  display: none;
}



/*
#dialogScheduleBuildTimeSlots .day-link-toggle {
  text-decoration: none;
  color: #666;
}
#dialogScheduleBuildTimeSlots .day-link-toggle:before {

  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
  content: "\f0fe";

  margin-right: 6px;

  font-size: 20px;
  line-height: 20px;

  color:#ccc;
}
*/



#dialogScheduleBuildTimeSlots .time-slots-day-row td {
  border-bottom: 1px solid #ccc;
}

#dialogScheduleBuildTimeSlots .bootstrap-dialog-message td.time-slots-cell {
  padding: 2px 4px 2px 8px;
  min-width: 120px;
}



/*

#dialogScheduleBuildTimeSlots .isExpanded .day-link-toggle:before {
  content: "\f146";
}

#dialogScheduleBuildTimeSlots .day-link-toggle .day-link-label {
  font-size: 16px;
  font-weight: normal;
  padding: 0 0 0 6px;
  line-height: 28px;
  color: #27e;
}

#dialogScheduleBuildTimeSlots .isTBD .day-link-toggle .day-link-label {
  color: #c77614;
}
*/



#dialogScheduleBuildTimeSlots .time-slots-actions-row {
/*
  display: none;
}
#dialogScheduleBuildTimeSlots .isExpanded .time-slots-actions-row {
*/
  display: flex;
  align-items: center;
  margin-top: 7px;
  flex-direction: column;
  gap: 3px;
}

#dialogScheduleBuildTimeSlots .btn-quick-fill {
  
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  text-align: left;
  font-size: 16px;
  border-radius: 14px;
  height: 28px;
  padding: 0 8px;
  color:#27e;

  border: 1px solid #aaa;
  

  opacity: 0.7;
}

#dialogScheduleBuildTimeSlots .btn-quick-fill.isPendingSetup {
  opacity: 1;
  color: #e70 !important;
}
#dialogScheduleBuildTimeSlots .btn-quick-fill.isPendingSetup .btn-label {
  font-weight: bold;
}


#dialogScheduleBuildTimeSlots .btn-quick-fill:before {
  font-family: HTOfonts;
  content: "\f017";
  font-size: 22px;
  line-height: 22px;

  display: inline-block;
  vertical-align: middle;

}
#dialogScheduleBuildTimeSlots .btn-quick-fill:hover {
  color: var(--competition-color) !important;
  opacity: 1 ;
}
#dialogScheduleBuildTimeSlots .btn-quick-fill .btn-label {

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

#dialogScheduleBuildTimeSlots .dialog-grid-action-links-row {
  display: block;
  min-height: 22px;
}




/*
#dialogScheduleBuildTimeSlots .time-slots-actions-row .btn:before {
  display: block;
  font-size: 20px;
  line-height: 20px;
}
#dialogScheduleBuildTimeSlots .time-slots-actions-row .btn .btn-label {
  display: block;
  font-size: 14px;
  line-height: 14px;
  padding: 0;
  margin: 5px 0 0 0;
}
#dialogScheduleBuildTimeSlots .time-slots-num-input-row {
  display: none;
}
#dialogScheduleBuildTimeSlots .isExpanded .time-slots-num-input-row {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  padding-top: 6px;
}
#dialogScheduleBuildTimeSlots .btn-slot-settings {  
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding: 0 16px 0 12px;
  line-height: 27px;
  border: none;
  background-color: #ccc;
  height: 30px;
  border-radius: 15px;
  color: #27e;
  margin-left: -4px;

}
*/


#dialogScheduleBuildTimeSlots .time-slots-block-row {
  border-bottom: 2px dashed #ddd;
  width: 100%;
  display: block;
  height: 1px;
  margin: 5px 0;
}







#dialogScheduleBuildTimeSlots .time-slots-summary-text {
  text-decoration: none;
  color: #27e;
  display: block;
  line-height: 28px;
  padding-left: 22px;
}
#dialogScheduleBuildTimeSlots .time-slots-summary-text:hover {
  color: var(--competition-color);
}

#dialogScheduleBuildTimeSlots .time-slots-summary-text:after {
/* chevron right */
  font-family: FontAwesome;
  content: "\f054";
  font-size: 14px;
  line-height: 16px;
  margin-left: 6px;
  font-weight: normal;

}






#dialogScheduleBuildTimeSlots .bootstrap-dialog-message .time-slots-header-row td {
  padding: 2px 8px;
  text-align: center;
  vertical-align: bottom;
  background-color: #eee;
  
  position: sticky;
  top: 0;
  z-index: 2; /* keeps it above scrolling cells */

  border-bottom: 1px solid #ccc;
}





#dialogScheduleBuildTimeSlots .bootstrap-dialog-message td.location-header-cell {
  padding: 2px 8px;
  text-align: center;
  vertical-align: bottom;
}



#dialogScheduleBuildTimeSlots #timeSummaryLabel {
  font-size: 16px;
  line-height: 20px;
  color:#666;
}

#dialogScheduleBuildTimeSlots #timeSummaryLabel.isWarn {
  color:#e70;
}





#dialogScheduleBuildTimeSlots .bootstrap-dialog-message td.location-header-cell .location-field-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


#dialogScheduleBuildTimeSlots .bootstrap-dialog-message td.location-header-cell .location-field-label {
  white-space: normal;
  max-width: 80px;
  max-height: 54px;
  overflow: hidden;
  text-align: center;
  line-height: 18px;
}


#dialogScheduleBuildTimeSlots .bootstrap-dialog-message td.location-header-cell .location-field-label.isParent {

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

#dialogScheduleBuildTimeSlots .bootstrap-dialog-message td.location-info-cell {
  padding: 2px 4px;
  text-align: center;
  vertical-align: top;
}
#dialogScheduleBuildTimeSlots .location-field-label {
  color:#888;
}
#dialogScheduleBuildTimeSlots .timeSlot-match.isEmpty {
  background-color: #ddd;
  /*
  color:#27e;
  */
  text-decoration: none;
}
#dialogScheduleBuildTimeSlots .timeSlot-match.isEmpty:hover {
  background-color: #ccc;
}
#dialogScheduleBuildTimeSlots .day-info-cell {
  padding-bottom: 8px;
  min-width: 132px;
}

/*
#dialogScheduleBuildTimeSlots .isExpanded .day-info-cell {
  padding-bottom: 8px;
}
*/

#dialogScheduleBuildTimeSlots .time-slots-label {
  font-size: 16px;
  color:#666;
}


#dialogScheduleBuildTimeSlots .location-info-row {
  height: 28px;
}
#dialogScheduleBuildTimeSlots .timeSlot-match {
  height: 22px;
  width: 100%;
  margin-top: 3px;
}

/*
#dialogScheduleBuildTimeSlots .timeSlot-match:before {
  font-family: HTOfonts;
  content: "\f00c";
  font-size: 16px;
  line-height: 16px;
}
*/


#dialogScheduleBuildTimeSlots .timeSlot-match.isEmpty.notAvailable {
  background-color: transparent;
}
#dialogScheduleBuildTimeSlots .timeSlot-match.isEmpty:before {
  /* times */ 
  font-family: HTOfonts;
  content: "\f00c";
  font-size: 16px;
  line-height: 16px;
  color:#bbb;
}
#dialogScheduleBuildTimeSlots .timeSlot-match.isEmpty.notAvailable:before {
  /* times */ 
  font-family: HTOfonts;
  content: "\f332";
  font-size: 16px;
  line-height: 16px;
  color:#aaa;
}

#dialogScheduleBuildTimeSlots .add-time-slot-row {
  padding-top: 4px;
  height: auto;
}



#dialogScheduleBuildTimeSlots .btn-add-time-slot {
  color:#aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 80px;
  width: 100%;
  text-align: left;
  font-size: 16px;
  border-radius: 13px;
  height: 26px;
  padding: 0;


  margin: 2px;


}
#dialogScheduleBuildTimeSlots .btn-add-time-slot:before {
  margin-top: 1px;
  font-size: 22px;
  line-height: 22px;
}

#dialogScheduleBuildTimeSlots .btn-add-time-slot:hover {
  color: var(--competition-color);
  opacity: 1;
}
#dialogScheduleBuildTimeSlots .btn-add-time-slot .btn-label {
  margin-top: -1px;
}








a.timeSlot-match {
  text-decoration: none;
}

.showTeams .timeSlot-match {
  padding: 3px 7px 0 10px;
  text-align: left;
  width: 124px;
  height: 62px;
  font-weight: normal;
  color:#666;
/*
  border-radius: 6px;
  */

}
.showTeams a.timeSlot-match:hover {
  outline: 1px solid #2277ee;
}



.showTeams .overbooked .timeSlot-match {
  padding-top: 5px;
  max-height: 24px;
}



.showTeams .timeSlot-wrapper {
  height: 68px;
}
.showTeams .schedule-slots-table .location-info-wrapper {
  min-width: 128px;
  max-width: none;
  padding: 0;
}

#dateTimeCalculationTable.schedule-slots-table .date-header .location-info-wrapper
, #dateTimeCalculationTable .schedule-slots-table .time-header .location-info-wrapper
 {
  min-width: 50px;
}
#dateTimeCalculationTable.showTeams .stage-wrapper .round-info-label {
  height: 66px;
}


#dateTimeCalculationTable .add-location .location-info-wrapper
 {
  width: 30px;
  min-width: 30px;
  font-size: 16px;
  font-weight: bold;
}


#dateTimeCalculationTable .add-location 
 {
  width: 30px;
  min-width: 30px;
 }

.timeSlot-ref-info {
  display: flex;
  gap: 6px;
  border-top: 1px solid #fff;
  opacity: 0.87;
  padding-top: 2px;
  margin-top: 2px;
}


.timeSlot-match .timeSlot-teams-info {
  font-size: 13px;
  line-height: 17px;
  overflow: hidden;
  font-weight: bold;
  color:#777;
}
.timeSlot-match .timeSlot-teams-info .isFiltered {
  background-color: #ff0;;
}


.timeSlot-ref-info .timeSlot-ref-info-stage {
  color:#777; 
  overflow: hidden;
  text-overflow: ellipsis;

}
.timeSlot-ref-info .timeSlot-ref-info-round {
  color:#777;

}
.timeSlot-ref-info .timeSlot-ref-info-game {
  margin-left: auto;
  font-weight: bold;
  color:#777;
}



#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-message {
  padding-left: 8px;
  text-align: center;
}
#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-summary-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 14px 0;
}



#dialogScheduleBuildTimeSlotDetails .input-row {
  margin: 16px 0;
}
#dialogScheduleBuildTimeSlotDetails .input-row .input-label {
  display: inline-block;
  vertical-align: middle;
  width: 108px;
  text-align: left;
  padding-left: 10px;

}
#dialogScheduleBuildTimeSlotDetails .input-row .input-display {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
}


#dialogScheduleBuildTimeSlotDetails .end-jump-forward {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  color:#666;
  text-decoration: none;
  transition: transform 0.5s ease; /* Smooth transition */
}
#dialogScheduleBuildTimeSlotDetails a:hover .end-jump-forward {
  color: var(--competition-color);
  transform: rotate(45deg); /* Rotate 90 degrees on hover */
}

#dialogScheduleBuildTimeSlotDetails .end-jump-forward:before {
  font-family: FontAwesome;
  content: "\f1da";
  /* flip */
  transform: scaleX(-1);
  display: inline-block;



  font-size: 18px;
  line-height: 18px;

}


#dialogScheduleBuildTimeSlotDetails .label-value {
  color: #27e;
  font-weight: bold;
}
#dialogScheduleBuildTimeSlotDetails .label-link {
  text-decoration: underline;
}
#dialogScheduleBuildTimeSlotDetails a:hover .label-link {
  color: var(--competition-color);
}
#dialogScheduleBuildTimeSlotDetails .btn.input-link {
  background-color: #fff;
  border: 1px solid #ccc;
  color:#666;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 0 10px;
}
#dialogScheduleBuildTimeSlotDetails .btn.input-link:hover {
  color: #27e;
}



#dialogScheduleBuildTimeSlotDetails .btn.info-link {
  color:#666;
  font-size: 14px;
  line-height: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 0 10px;
  text-align: left;
  display: inline-flex;
  align-items: center;
}
#dialogScheduleBuildTimeSlotDetails .btn.info-link:hover {
  color: #27e;
}


#dialogScheduleBuildTimeSlotDetails .btn.info-link:after {
  /* pencil */
  font-family: FontAwesome;
  content: "\f040";
  font-size: 14px;
  line-height: 16px;
  margin-left: 8px;
  color:#27e;
  display: inline-block;
  vertical-align: middle;
}



#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-end-time-row {
  display: flex;
  color:#666;
  padding-left: 18px;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  text-decoration: none;
}
#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-end-time-row .end-jump-forward {

}
#dialogScheduleBuildTimeSlotDetails #nextSlotMsg {
  font-size: 14px;
  line-height: 16px;
}


#dialogScheduleBuildTimeSlotDetails .form-control {
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #27e;
}
/*
#dialogScheduleBuildTimeSlotDetails .form-control#auto_end_time {
  border: none;
  background-color: transparent;
  color:#666;
  box-shadow: none;
}
  */


  #dialogScheduleBuildTimeSlotDetails #auto_end_time_calculated {
    display: none;
  }

#dialogScheduleBuildTimeSlotDetails #auto_end_time_calculated.hasDifferentEndTime {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #999;
  margin-left: 8px;
  text-transform: lowercase;

}
#dialogScheduleBuildTimeSlotDetails #auto_end_time_calculated.hasDifferentEndTime:before {
  content:'(';
}
#dialogScheduleBuildTimeSlotDetails #auto_end_time_calculated.hasDifferentEndTime:after {
  content:')'; 
}



#dialogScheduleBuildTimeSlotDetails .form-control#auto_end_time {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  color:#27e;
  /*
  color:#666;
display: none;
*/
}

/*
#dialogScheduleBuildTimeSlotDetails .form-control#auto_end_time::placeholder {
  color:#27e;
}
*/



#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-wrapper {
  position: relative;
}




#dialogScheduleBuildTimeSlotDetails .summary-row-slots-col {
  width: 126px;
  text-align: center ;
}
#dialogScheduleBuildTimeSlotDetails .summary-label {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}
#dialogScheduleBuildTimeSlotDetails .summary-val {
  display: inline-block;
  vertical-align: middle;
  color:#27e;
}
#dialogScheduleBuildTimeSlotDetails #timeSlotRow_numSlots_input {

}
#dialogScheduleBuildTimeSlotDetails #timeSlotRow_numSlots_msg {
  display: none;
}

#dialogScheduleBuildTimeSlotDetails #timeSlotRow_numSlots_input {
  display: none;
}
#dialogScheduleBuildTimeSlotDetails #timeSlotRow_numSlots_msg {
  display: block;
  min-height: 28px;
  padding-left: 17px;
  padding-top: 2px;
}

#dialogScheduleBuildTimeSlotDetails #auto_end_time_slots {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  
}

#dialogScheduleBuildTimeSlotDetails .input-row.isEndOfDay {
  display: flex;
  align-items: center;
  margin-top: -4px;
}
/*
#dialogScheduleBuildTimeSlotDetails #auto_end_time_slots {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 52px;
}
#dialogScheduleBuildTimeSlotDetails #auto_end_time_slots .summary-label {
  display: block;
}


#dialogScheduleBuildTimeSlotDetails #auto_end_time_slots:before {

  font-family: HTOfonts;
  content: "\f00c";
  font-size: 18px;
  line-height: 18px;
  color:#27e;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px;
  font-weight: normal;
}
*/





#dialogScheduleBuildTimeSlotDetails .form-control#auto_end_time {
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}



#dialogScheduleBuildTimeSlotDetails .input-toggle-end-time {
  color: #27e;
}
#dialogScheduleBuildTimeSlotDetails .input-toggle-end-time:before {
  /* fa-toggle-off */
  font-family: FontAwesome;
  content: "\f204";
  font-size: 28px;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-top: -1px;
  margin-right: 12px;

}

#dialogScheduleBuildTimeSlotDetails .input-toggle-end-time:before {
  /* fa-toggle-on */
  content: "\f205";
}



#dialogScheduleBuildTimeSlotDetails select.form-control {
  padding-top: 2px;
}

#dialogScheduleBuildTimeSlots .dateTimeLoc {
  margin-left: 0;
}


 #dialogScheduleBuildTimeSlots .gameInfoRow {
  border: none;
  padding: 0;
  margin: 0;
}

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

#dialogScheduleBuildTimeSlots .gameDate {
  cursor: pointer;


  /*
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  */

  padding: 2px 0;
  width: auto;

  font-size: 16px;
  color: #666;

  height: 28px;
  border-radius: 14px;

  display: inline-flex;
  vertical-align: middle;

}
#dialogScheduleBuildTimeSlots .gameDate:hover .dayOfWeek
, #dialogScheduleBuildTimeSlots .gameDate:hover .form-control {
  color: var(--competition-color);
}


#dialogScheduleBuildTimeSlots .gameDate input
, #dialogScheduleBuildTimeSlots .gameDate .form-control
 {
  font-size: 16px;
  color: #27e;
}
#dialogScheduleBuildTimeSlots .gameDate .dayOfWeek
 {
  font-size: 16px;
  color: #27e;
  width: 34px;
}


#dialogScheduleBuildTimeSlots .isTBD .gameDate .dayOfWeek {
  display: none;
}

#dialogScheduleBuildTimeSlots .isTBD .gameDate .form-control.short {
  padding-right: 8px;
  /*
  color:#be6f0f !important;
  */
  
  color:#666 !important;
  font-style: normal;
}



#dialogScheduleBuildTimeSlotDetails #date_timeSlotDate {
  padding-left: 4px;
}

/*


#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-toggle-row {
  padding-left: 17px;
}


#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-toggle-link {
  color: #27e;
  text-decoration: none;
}
#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-toggle-link {
}
#dialogScheduleBuildTimeSlotDetails .time-slots-auto-fill-toggle-link:before {

  font-family: FontAwesome;
  content: "\f096";
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-top: -1px;

}
#dialogScheduleBuildTimeSlotDetails.useAutoFill .time-slots-auto-fill-toggle-link:before {
  content: "\f046";
}
*/



#dialogScheduleBuildTimeSlotDetails .label-inner-expanded {
  display: none;
}
#dialogScheduleBuildTimeSlotDetails.useAutoFill .label-inner-expanded  {
  display: inline;
}

#dialogScheduleBuildTimeSlotDetails .time-slots-time-label-after {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
#dialogScheduleBuildTimeSlotDetails .time-slots-time-label-after.isHr {
  margin-right: 8px;
}

#dialogScheduleBuildTimeSlotDetails .scheduleBuild-timeSlots-extra-tbd {
  margin: 18px 0 0 0;
}
#dialogScheduleBuildTimeSlotDetails .scheduleBuild-timeSlots-extra-tbd .alert-message-row {
  padding-left: 48px;
  margin-bottom: 8px;
  position: relative;

  color:#B25900;
}
#dialogScheduleBuildTimeSlotDetails .scheduleBuild-timeSlots-extra-tbd .alert-message-row:before {
  /* alert triangle */
  font-family: FontAwesome;
  content: "\f071";
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  color:#D96D00;

  position: absolute;
  top: 0;
  left: 16px;
  
}


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





#dialogScheduleBuildTimeSlotDetails .time-slots-block-wrapper {
  margin-top: 18px;
}


#dialogScheduleBuildTimeSlotDetails .time-slots-block-toggle-row {
  padding-left: 17px;
}

/*
#dialogScheduleBuildTimeSlotDetails .time-slots-block-wrapper {
  margin-top: 16px;
}
  */

#dialogScheduleBuildTimeSlotDetails .time-slots-block-toggle-link {
  color: #666;
  text-decoration: none;
}
#dialogScheduleBuildTimeSlotDetails.useBlockTimes .time-slots-block-toggle-link {
  color: #27e;
}
#dialogScheduleBuildTimeSlotDetails .time-slots-block-toggle-link:before {
  /* square-o */
  font-family: FontAwesome;
  content: "\f096";
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-top: -1px;

}
#dialogScheduleBuildTimeSlotDetails.useBlockTimes .time-slots-block-toggle-link:before {
  /* checked-square-o */
  content: "\f046";

}

#dialogScheduleBuildTimeSlotDetails .time-slots-block-times-row {
  display: none;
}
#dialogScheduleBuildTimeSlotDetails.useBlockTimes .time-slots-block-times-row {
  display: block;
  text-align: center;
  margin-top: 4px;
}
#dialogScheduleBuildTimeSlotDetails .time-slots-block-times-row .input-label {
  margin: 0 8px;
}



#dialogScheduleBuildTimeSlotDetails .time-slots-apply-to-all-days {
  color: #666;
  margin: 12px 0 0 14px;
  text-align: left;
  text-transform: none;
  
}
#dialogScheduleBuildTimeSlotDetails .time-slots-apply-to-all-days:hover {
  color: var(--competition-color);
}

#dialogScheduleBuildTimeSlotDetails .time-slots-apply-to-all-days:before {
  font-size: 20px;
  width:20px;
}

#dialogScheduleBuildTimeSlotDetails .time-slots-apply-to-all-days.selected:before {
  /* check square o */
  content: "\f046";
}

#dialogScheduleBuildTimeSlotDetails .time-slots-apply-to-all-days .btn-label {
  margin-top: -3px;
}









#dialogScheduleBuildSettings .actions-list {
  margin-top: 16px;
}
#dialogScheduleBuildSettings .actions-list .btn-row {
  margin: 8px;
}
#dialogScheduleBuildSettings .actions-list .btn {
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  background-color: #ddd;
  color:#666;
}
#dialogScheduleBuildSettings .actions-list .btn:hover {
  
  background-color: #ccc;
  color: var(--competition-color);
}



.modal-body .scheduleBuild-save-confirm {
  text-align: center;
  color: #666;
}

.modal-body .scheduleBuild-saved {
  color: #666;
}
.modal-body .scheduleBuild-saved:before {
  /* checkmark */
  font-family: HTOfonts;
  content: "\f00c";
  font-size: 24px;
  line-height: 24px;
  color: #009900;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -4px;
  
}









.dialogHasDatesTimes .game-bracket-info {

  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#666;
  margin: 0 0 8px 0;
}
.dialogHasDatesTimes .game-details-wrapper {
  text-align: center;
  background-color: transparent;
}




/*
.dialogHasDatesTimes .game-ref-date-time-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
*/


.dialogHasDatesTimes .row-btn-stack.isSlotSettings {
  position: absolute;
  top: 0;
  right: 0;
}
.dialogHasDatesTimes .timeSlot-match {
  margin: 0;
  line-height: 24px;
  height: 24px;
  padding: 0;
}


.dialogHasDatesTimes .gameDate {
  background-color: #fff;
  margin: 0;
  border: 1px solid #ccc;

  line-height: 24px;
  border-radius: 5px;
  white-space: nowrap;
}
.dialogHasDatesTimes .gameDate.tbd .dayOfWeek {
  display: none;
}


.dialogHasDatesTimes .gameTime {
  background-color: #fff;
  margin: 0;
  border: 1px solid #ccc;

  
  line-height: 24px;
  border-radius: 5px;
}


.dialogHasDatesTimes .gameLoc {
  background-color: #fff;
  margin: 8px 0 0 0;
  border: 1px solid #ccc;
  display: block;
  width: 100%;
}



.dialogHasDatesTimes .gameInfoRow {
  display: block;
  text-align: left;
}


.dialogHasDatesTimes .scheduleScore_display  {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 24px;
  border-left: 1px solid #ccc;

}
.dialogHasDatesTimes .teamLabel {
  display: block;
  width: 100%;
  padding-right: 40px;
  line-height: 24px;
}
.dialogHasDatesTimes .action-group-title-row {
  padding: 0;
  margin: 8px 0 0 0;
}
.dialogHasDatesTimes .action-group-title-row .col {
  padding: 0;
  margin: 0;
}
.dialogHasDatesTimes .action-group-title-row .action-group-title-text {
  font-size: 14px;
  line-height: 18px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color:#666;
}





#dialogBracketGameSwapSlot .game-bracket-info {
  padding-left: 14px;
}

#dialogBracketGameSwapSlot .bootstrap-dialog-message {

  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#666;

}




#dialogBracketGameSwapSlot .swap-wrapper-teams-row {
  margin-top: 12px;
  padding-left: 14px;
}
#dialogBracketGameSwapSlot .swap-wrapper-teams-text {
  color:#27e;
  font-weight: bold;
}
#dialogBracketGameSwapSlot .swap-wrapper-teams-text .vs {
  font-weight: normal;
}
/*
#dialogBracketGameSwapSlot .swap-wrapper-header-row {
  margin-top: 12px;
  padding-left: 14px;
}
  */
#dialogBracketGameSwapSlot .swap-wrapper-current-slot-row {
  padding-left: 14px;
}
  

#dialogBracketGameSwapSlot .swap-wrapper-swapto-row {
  margin-top: 12px;
  margin-bottom: 2px;
  padding-left: 14px;
}

#dialogBracketGameSwapSlot .swap-wrapper-first {
  color:#27e;
  padding-left: 14px;
}
#dialogBracketGameSwapSlot #swapWithRef {
  color: #27e;
  padding: 0 12px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
}







/*



.bootstrap-dialog .gameInfoRow .teamsInfo
, .bootstrap-dialog .gameInfoRow .dateTimeLoc {
  max-width: 100%;
  flex-wrap: wrap;
}

.bootstrap-dialog .teamLabel.teamLabelB {
  margin-left: 45px;
}





.bootstrap-dialog .scheduleScore_display {
  display: none;
}
.bootstrap-dialog .gameNo {
  display: none;
}
.bootstrap-dialog .gameInfoRow  {
  padding: 0 0 4px 0;
  border-top: none;
}
.bootstrap-dialog .schedule-game-row-roundGame {
  margin-bottom: 0;
}
.bootstrap-dialog .gameInfoRow .teamLabel
, .bootstrap-dialog .gameInfoRow .dayOfWeek
, .bootstrap-dialog .gameInfoRow .form-control
, .bootstrap-dialog .gameInfoRow .locationSlotRef 
{
  font-size: 16px;
  line-height: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.bootstrap-dialog .dateTimeLoc {
  margin: 0;
}
.bootstrap-dialog .gameDate {
  width: 140px;
}
.bootstrap-dialog .gameLoc {
  width: 100%;
}

.bootstrap-dialog .teamsInfo .teamLabel {
  margin-left: 0;
}

.bootstrap-dialog .teamLabel {
  display: inline-block;
  width: auto;
  padding: 0;
}
.bootstrap-dialog .vsLabel {
  display: inline-block;
}



.timeSlots-timeHeader-wrapper {
  display: flex;
  flex-flow: row;
}

.timeSlots-timeHeader-wrapper .timeSlots-timeHeader-hour-block  {
  width: 100%;
}
.timeSlots-timeHeader-hour-label {
  text-align: center;
}
.bootstrap-dialog .modal-body {
  padding-top: 8px;
}

.dialogHasDatesTimes .btn-filter {
  float: right;
  color: #888;
  margin-top: -4px;
}
.dialogHasDatesTimes .btn-filter:hover {
  color:#000;
}
.btn-filter:before {
  font-family: FontAwesome;
  content: "\f0b0";
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
}

*/




#shootoutSettingsDialog .input-row {
  margin: 12px 0;
}

#shootoutSettingsDialog .summary-section {
  color:#666;
  font-size: 16px;
  margin: 8px 0 8px 0;
  padding: 6px 14px 8px 14px;
  font-family: 'Roboto Condensed', sans-serif;
  border-radius: 8px;
}
#shootoutSettingsDialog .summary-section-message {
  margin-bottom: 12px;
  
}
#shootoutSettingsDialog .summary-section-message-example {
  color:#000;
  
}


#shootoutSettingsDialog .input-option-checkbox {
  position: relative;
  padding-left: 40px;
}
#shootoutSettingsDialog .input-option-checkbox:before {
  font-family: FontAwesome;
  content: "\f096";
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-top: -1px;
  color:#666;

  position: absolute;
  left: 8px; 
  top: -1;



}
#shootoutSettingsDialog .input-option-checkbox.selected:before {
  content: "\f046";
  color: #27e;
}
#shootoutSettingsDialog .input-option-checkbox .input-option-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color:#666;
  font-family: 'Roboto Condensed', sans-serif;
}

#shootoutSettingsDialog .summary-scoreboard {
  display: inline-block;
  margin-left: 40px;
  color:#000;
  background-color: #ddd;
  border-radius: 5px;
  padding: 6px 16px 6px 6px;

}

#shootoutSettingsDialog .summary-team-row {
  position: relative;
  display: flex;

  align-items: center;
}


/*
  padding-left: 12px;
#shootoutSettingsDialog .summary-team-row.isWinner: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;

}

*/

#shootoutSettingsDialog .summary-team-label {
  width: 150px;
}

#shootoutSettingsDialog .summary-team-score {
    color:#27e;
    font-weight: bold;
    font-size: 16px;
}

#shootoutSettingsDialog .summary-team-score.isShootout {
  font-size: 12px;
  line-height: 12px;
  margin-top: -7px;
  margin-left: 1px;
  font-weight: bold;
}











#linkToHTOTournamentsDialog .no-sites-actions {
  text-align: center;
  padding-top: 16px;
}
#linkToHTOTournamentsDialog .add-teams-nav-row {
  border-bottom-color: #5F178E;
}
#linkToHTOTournamentsDialog .add-teams-nav-row .add-teams-nav-tab {
  text-transform: uppercase;
  font-size: 16px;
  padding: 6px 16px;
  background-color: transparent;
  border-color: transparent;
  text-align: center;
}
#linkToHTOTournamentsDialog .add-teams-nav-row a.add-teams-nav-tab:hover
, #linkToHTOTournamentsDialog .add-teams-nav-row .add-teams-nav-tab.selected {
  background-color: #5F178E;
  border-color: #5F178E;
}

#linkToHTOTournamentsDialog.no-linked-sites .add-teams-nav-tab.isManage {
  visibility: hidden;
}




.loading-row {
  text-align: center;
  padding: 12px;
}
.loading-row:before {


  font-family: FontAwesome;

  content: "\f110";

  font-size: 32px;

  display: inline-block;
  vertical-align: middle;

  color:#999;


  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;

}






#linkToHTOTournamentsDialog.isManageList .profileSiteWrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}


#linkToHTOTournamentsDialog.isManageList .profileSiteWrapper .profileSiteName {
  flex: 1;
  display: inline-flex;
  align-items: center;
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px;
  margin: 0;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color:#333;
}
#linkToHTOTournamentsDialog.isManageList .profileSiteWrapper .profileUnlink {
  width: auto;
  display: inline-flex;
  justify-content: center;
  height: 46px;
  align-items: center;
  flex-direction: column;
  color:#666;
  text-decoration: none;
  padding: 2px 8px 0 8px;
  margin: 0 4px;
  border-radius: 8px;
}
#linkToHTOTournamentsDialog.isManageList .profileSiteWrapper .profileUnlink:before {
  font-family: FontAwesome;
  content: "\f127";
  font-size: 20px;
  line-height: 20px;
  display: block;
}
#linkToHTOTournamentsDialog.isManageList .profileSiteWrapper .profileUnlink .profileUnlink-label {
  font-size: 12px;
  line-height: 16px;
  text-transform: lowercase;
  font-family: Arial, Helvetica, sans-serif;

}
#linkToHTOTournamentsDialog.isManageList .profileSiteWrapper .login-link {
  width: auto;
  color:#fff;
  font-weight: normal;
  line-height: 32px;
  margin-top: 4px;
  padding: 0 12px 0 12px;
  text-transform: lowercase;
  font-family: Arial, Helvetica, sans-serif;
}
#linkToHTOTournamentsDialog.isManageList .profileSiteWrapper .login-link:hover {
  background-color: #05c;
}


#confirmUnlinkTournamentHQDialog .confirm-message {
  margin-top: 18px;
}



#competitionThemeDialog .apply-to-all-list {
  margin-top: 20px;
}





.image-preview-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  gap: 6px;
  max-height: 350px; /* or any preferred height */
  overflow-y: auto;
  padding: 6px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  margin-bottom: 12px;
}
.image-preview-list .image-preview-item {
  width: 100%;
  padding-top: 66.66%; /* 3:2 aspect ratio */
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  outline: 3px solid transparent;
  transition: border 0.2s ease-in-out;

  opacity: 0.7;
}
.image-preview-list  .image-preview-item:hover {
  outline: 3px solid #ff990088;
  opacity: 1;
}
.image-preview-list .image-preview-item.selected {
  outline: 3px solid #f90 !important;
  opacity: 1;
}
.image-preview-list .image-preview-item.isDefault {
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-align: center;
  color: #333;
}

.image-preview-item-default-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: pre-line;
}




#notEnoughTeamSlotsDialog .intro-message {
  font-size: 16px;
  text-align: center;

}
#notEnoughTeamSlotsDialog .action-list-wrapper {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#notEnoughTeamSlotsDialog .action-list {
  display: inline-flex;
  justify-content: left;
  flex-direction: column;
}
#notEnoughTeamSlotsDialog .action-list  .btn-primary {
  line-height: 36px;
  border-radius: 18px;
  padding: 0 24px;
}
#notEnoughTeamSlotsDialog .action-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
  color: #27e;
  margin-top: 12px;
}
#notEnoughTeamSlotsDialog .action-link.btn-demo-link {
  margin-top: 0;
  text-decoration: underline;
  font-size: 16px;
}
#notEnoughTeamSlotsDialog .action-link:hover {
  color:#000;
}

#notEnoughTeamSlotsDialog .action-link .btn-label {
  text-decoration: underline;
  font-size: 16px;
}


#notEnoughTeamSlotsDialog .action-link:before {
  display: inline-block;
  width: 24px;
  text-align: center;
}
#notEnoughTeamSlotsDialog .action-link.btn-checkout:before {
  font-size: 22px;
}
#notEnoughTeamSlotsDialog .action-link.btn-archive:before {
  font-size: 18px;
}

.btn-checkout:before {
    font-family: HTOFonts;
    content: "\f35d";
}
#deleteCompetitionDialog .confirmation-message {
  margin-top: 6px;
}
#deleteCompetitionDialog .extra-links-row {
  text-align: right;
  margin-top: 12px;
}
#deleteCompetitionDialog .extra-link {
  color:#666;
}



#archiveCompetitionRookieDialog .confirmation-message {
  margin-top: 12px;
}

#archiveCompetitionRookieDialog .confirmation-message .upgrade-link {
  display: inline-block;
  color: #27e;
  margin-left: 12px;
}

#archiveCompetitionRookieDialog .confirmation-action-row {
  text-align: center;
  margin-top: 12px;
}
#archiveCompetitionRookieDialog .confirmation-action-row .btn-primary {
  line-height: 36px;
  border-radius: 18px;
  padding: 0 24px;
}

#archiveCompetitionRookieDialog .delete-link-row {
  text-align: center;
  margin-top: 6px;
}
#archiveCompetitionRookieDialog .delete-link {
  color:#c00;
}


#dialogConfirmAssignEmptySlots .dialog-notice-message {
  font-size: 18px;
  font-weight: bold;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}
#dialogConfirmAssignEmptySlots .actions-wrapper {

}

#dialogConfirmAssignEmptySlots .actions-wrapper .check-option {
  display: flex;
  align-items: center;
  padding: 6px;

  text-decoration: none;
  color: #666;
}
#dialogConfirmAssignEmptySlots .actions-wrapper .check-option.selected  {
  color: #27e;
}
#dialogConfirmAssignEmptySlots .actions-wrapper .check-option:before {
  display: inline-block;
  width: 30px;
  text-align: left;
  font-size: 24px;
  line-height: 24px;

  font-family: FontAwesome;
  content: "\f096";
}
#dialogConfirmAssignEmptySlots .actions-wrapper .check-option.selected:before
, #dialogConfirmAssignEmptySlots .actions-wrapper .check-option:hover:before {
  content: "\f046";
}
#dialogConfirmAssignEmptySlots .actions-wrapper .check-option .check-option-label {
  margin-left: 4px;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;

  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}


#competitionAddDialog .modal-dialog {
  max-width: 400px;
}


.isCollapsed_competition .event-competition-row .btn-demo-link {
  display: none;
}
.event-competition-row .btn-demo-link {
  display: inline-block;
  float: right;
  vertical-align: middle;
  color: var(--titletab-title-expand-link);
  padding: 0 8px;
  margin-top: -2px;
  font-size: 16px;
}
.event-competition-row .btn-demo-link:hover {
  color: var(--competition-color);
}




#competitionSetupDemoDialog .dialog-buttons {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#competitionSetupDemoDialog .dialog-buttons .btn {
  line-height: 36px;
  border-radius: 18px;
  padding: 0 24px;
  text-transform: none;
}
#competitionSetupDemoDialog .dialog-buttons .btn:hover {
  background-color: #27e;
  color: #fff;
}



#competitionSetupDemoDialog .modal-dialog .dialog-message {
  margin: 0 0 6px 9px;
  color:#666;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#competitionSetupDemoDialog .modContent {
  padding: 0;
}
#competitionSetupDemoDialog #mod_tournamentEvents .event-teamPool-children {
  padding: 0;
}




#dialogBracketPreviewOnly .modal-content {
  border: none;
  background: #662d91;
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 2px 16px 0 rgba(0,0,0,0.18);
  padding: 0;
}

#dialogBracketPreviewOnly .modal-body {
  padding: 0;
}

#dialogBracketPreviewOnly .bootstrap-dialog-message {
  padding: 0;
}

#dialogBracketPreviewOnly .content-body {
  padding: 18px 24px 0 24px;
}

#dialogBracketPreviewOnly .bracket-preview-title {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #fff;
  letter-spacing: 0.01em;
}

#dialogBracketPreviewOnly .bracket-preview-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 18px;
}

#dialogBracketPreviewOnly .bracket-preview-checkmark {
  color: #fff;
  font-size: 22px;
  margin-right: 10px;
  margin-top: 2px;
  flex-shrink: 0;
  font-family: Arial, Helvetica, sans-serif;
}

#dialogBracketPreviewOnly .bracket-preview-text {
  color: #fff;
  font-size: 17px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  line-height: 1.4;
  font-weight: 400;
}

#dialogBracketPreviewOnly .bracket-preview-link {
  color: #fff;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.15s;
}

#dialogBracketPreviewOnly .bracket-preview-link:hover,
#dialogBracketPreviewOnly .bracket-preview-link:focus {
  color: #ffe066;
  text-decoration: underline;
}

#dialogBracketPreviewOnly .modal-footer {
  background: transparent;
  border-top: none;
  padding: 0 0 18px 0;
  display: flex;
  justify-content: center;
}

#dialogBracketPreviewOnly .bootstrap-dialog-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  background: transparent;
  padding: 0;
}

#dialogBracketPreviewOnly .bootstrap-dialog-footer-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
}

#dialogBracketPreviewOnly .btn.btn-default {
  background: transparent;
  color: #fff;
  border: 1.5px solid #fff;
  border-radius: 24px;
  font-size: 18px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 7px 36px;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: none;
  outline: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  text-transform: none;
}

#dialogBracketPreviewOnly .btn.btn-default:hover,
#dialogBracketPreviewOnly .btn.btn-default:focus {
  background: #fff;
  color: #662d91;
  border-color: #fff;
}

@media (max-width: 480px) {
  #dialogBracketPreviewOnly .modal-content {
    border-radius: 0;
    padding: 0;
  }
  #dialogBracketPreviewOnly .content-body {
    padding: 18px 8px 0 8px;
  }
  #dialogBracketPreviewOnly .bracket-preview-title {
    font-size: 19px;
    margin-bottom: 12px;
  }
  #dialogBracketPreviewOnly .bracket-preview-text {
    font-size: 15px;
  }
  #dialogBracketPreviewOnly .btn.btn-default {
    font-size: 16px;
    padding: 7px 18px;
  }
}
#dialogBracketPreviewOnly .bracket-preview-checkmark:before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  width: 1.2em;
  text-align: center;
  vertical-align: top;
}