:root { --matte-btn-bgcolor: #dbdfe9; --matte-btn-bgcolor-hover: #bbbfd9; --eventFolder-bgcolor: #533b7c; --eventFolder-color:#fff; --eventFolder-color-hover: #000; --competition-bgcolor: #dbdfe9; --competition-color-hover: #222; --competition-color:#4D3E7C; --teamPool-cell-bgcolor: #fff; --teamPool-cell-bgcolor-hover: #ddd; --teamPool-color: #003366; --teamPool-color-hover: #2D1E5C; --teamPool-bgcolor: #C5CAFB; --teamPool-bgcolor-g1: #E4E7FC; --teamPool-bgcolor-g2: #EEEFFE; --teamPool-bgcolor-g3: #E0E1FD; --teamPool-bgcolor-g4: #C5CAFB; /* --teamPool-bgcolor-hover: #bbb; --teamPool-color: #4D3E7C; --teamPool-color-hover: #2D1E5C; --teamPool-bgcolor: #6b7cff; --teamPool-bgcolor-hover: #4b5cdf; */ --bracket-cell-bgcolor: #fff; --bracket-cell-bgcolor-hover: #eee; --bracket-color: #49407C; --bracket-color-hover:#000; --bracket-bgcolor: #B7AFF3; --bracket-bgcolor-g1: #E2DFFA; --bracket-bgcolor-g2: #E7E3FC; --bracket-bgcolor-g3: #CEC8F7; --bracket-bgcolor-g4: #B7AFF3; /* dialogs */ --dialog-text-label:#666; --dialog-text-standard:#666; --dialog-text-standard-hover:#333; --input-checkbox-notSelected:#9D9FB4; --input-checkbox-selected:#27e; --event-btn-bgcolor: #493E85; --event-btn-color: #fff; --event-btn-bgcolor-hover: #291E65; --btn-disabled-bgcolor:#DADADA; --btn-disabled-color:#8F8F8F; --select-bg-noChanges: #ccc; --select-bg-noChanges-hover: #aaa; --select-text-noChanges: #444; /* locations */ --location-wrapper-bgcolor: #fff; --location-bgcolor: #BAB5A6; --location-bgcolor-hover: #9A9586; --location-color: #4D3E7C; --sublocation-bgcolor: #9DA1D0; --sublocation-bgcolor-hover: #bDc1f0; --sublocation-color: #354699; /* teams */ --division-bottom-margin: 2px; --group-gutter-space: 2px; --group-row-bg: #7280C0; --group-row-bg-hover: #5260a0; --group-row-text: #fff; /* --group-btn-bgcolor:#6b7cff; --group-btn-bgcolor-hover:#4b5cdf; */ --subgroup-btn-bgcolor:#a9b4ff; --subgroup-btn-bgcolor-hover:#8994df; --subgroup-row-bg: #A7AFD8; /* --competition-bgcolor: #284599; --competition-bgcolor-hover: #082579; */ --team-row-bg: #CBD1E5; --team-row-bg-hover: #aBb1c5; --inactive-transparency: 0.75; --expand-icon-hover-text: #666; --pool-color-A: #4C78EB; --pool-color-B: #4115ff; --pool-color-C: #9326FF; --pool-color-D: #cd03c9; --pool-color-E: #705501; --pool-color-F: #07af31; --pool-color-G: #169abf; --pool-color-finals: #d1a719; --titletab-border: #9FB1F2; --titletab-bg-title: #e8e9ff; --titletab-text-title: #4D3E7C; --titletab-bg: #e8e9ff; --titletab-border: #AAB3F066; --titletab-text: #8f95cf; --titletab-bg-selected: #fff; --titletab-text-selected: #4D3E7C; --titletab-title-expand-link: #929cdf; --competition-text-alerts: #e70; --competition-text-alerts-hover: #c50; --competition-is-ready: #34cc29; --competition-is-ready-hover: #25b11b; --competition-bg: #fff; --competition-text-link: #9398ea; --subtab-selected-bg: #e8e9ff; --subtab-selected-text: #4D3E7C; --bracket-bg: transparent; --bracket-info-bottom-line: transparent; --bracket-bg-image: none; --bracket-bg-size: cover; --bracket-header-bg-color: transparent; --bracket-header-bottom-line: transparent; --bracket-pool-name-text: #4E78EE; --bracket-btn-bg: #eee; --bracket-btn-text: #9398ea; --bracket-round-text: #9398ea; --bracket-round-text-bold: normal; --bracket-round-text-glow: transparent; --bracket-content-link: #9398ea; --bracket-bg-divider-color: transparent; /* --pool-header-bg-color: #fc0; --pool-bg-image: none; --pool-bg-size: cover; --pool-bg-divider-color: transparent; */ --game-bg-open-seed: #fff; --game-bg-future-seed: #e9ecef; --game-text-placeholder: #888; --game-text-team: #4E78EE; --game-text-team-bold: bold; --game-text-team-glow: transparent; --game-border: #ccc; --game-divider-teams: #ccc; --game-divider-scores: #ccc; --game-connector-advancing: #ccc; --game-text-outer: #666; --game-text-outer-bold: normal; --game-text-outer-glow: transparent; --game-text-score-text: #27e; --game-text-score-bg-ready: #fff; } /* .competition-view-toggle:NOT(.isActive) { border-color: var(--titletab-border); color: var(--titletab-text); } */ #tournaments.fullPage .mainArea .modWrapper.page_tournaments { max-width: none; } #tournaments.fullPage .mainArea .modWrapper { border: none; } #tournaments.fullPage .mainArea .modWrapper.page_tournaments .modWrapper { max-width: 1600px; margin: 0 auto; } #tournaments.fullPage .mainArea .modWrapper .modColorBG { background-color: #fff; } #tournaments.fullPage .mainArea .modWrapper .modColorBG a { color: #4E78EE; } body a span { transition: none; -moz-transition: none; -webkit-transition: none; } .fullPage .modWrapperInner { padding: 0; } /* .modTitle span.titleContent { font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: bold; font-size: 20px; line-height: 24px; min-height: 20px; margin: 0; } */ .fullPage .modTitle { padding: 3px 12px 6px 12px; position: relative; border: none; line-height: 28px; } .modTitle .titleIcon { margin: 0 12px 0 0; font-size: 22px; } .modWrapper .modTitle .rightLink { margin-top: 2px; } .modHasPrototypeImage .tipWrapper { padding: 0; overflow: hidden; margin-bottom: 12px; } /* .modThemePurple .modWrapperInner { background-color: #5C377C; } */ .hasRightArrow:after { display: inline-block; vertical-align: middle; margin-left: 10px; font-family: FontAwesome; content: "\f061"; font-weight: normal; margin-top: -2px; } /* .fullPage .modContent { background-color: #fff; color:#000; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; display: block; width: 100%; padding: 12px 12px 12px 12px; font-family: 'Roboto Condensed', sans-serif; } @media screen and (max-width: 767px) { .fullPage .modContent { border-radius: 0; } } */ .modContent-header-msg { color: #666; margin: 0 0 6px 4px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; } .event-competition-wrapper .row { margin-left: -4px; margin-right: -4px; } .event-competition-wrapper .col { padding-left: 4px; padding-right: 4px; } /* banner dialog */ /* Tournament Events */ #mod_tournamentEvents { /* putting white bg here messed up setup step */ } .mainArea .modWrapper .modColorBG a { color: #3344dd; } .event-section-wrapper { font-size: 16px; line-height: 18px; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: normal; } .event-section-wrapper { font-size: 16px; line-height: 18px; } #mod_tournamentEvents .event-section-wrapper { padding: 0; margin-bottom: 18px; border-radius: 12px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-section-wrapper { border-radius: 0; margin-bottom: 10px; } } /* #mod_tournamentEvents .event-section-wrapper.isCollapsed_eventFolder { padding-bottom: 2px; } */ .setup-wizard-section { padding: 14px 24px 24px 24px; } .setup-wizard-section .btn-wizard { font-size: 18px; line-height: 32px; padding: 0 18px; } #mod_tournamentEvents .event-section-header { padding: 5px 12px 5px 12px; position: relative; background-color: #E0DFEE; min-height: 40px; display: flex; align-items: center; justify-content: space-between; } /* #mod_tournamentEvents .event-section-header.hasEventExpandToggles { padding-right: 247px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-section-header.hasEventExpandToggles { padding-right: 93px; } } */ /* @media screen and (max-width: 767px) { #mod_tournamentEvents .event-section-header { padding: 5px 116px 5px 52px; } } */ @media screen and (max-width: 767px) { #mod_tournamentEvents .event-section-header { flex-direction: column; align-items: flex-start; padding-top: 8px; gap: 4px; } } #mod_tournamentEvents .isSkipWizard .event-section-header { min-height:10px; } #mod_tournamentEvents .event-section-header a.competition-view-toggle /* , #mod_tournamentEvents .competition-view-links a */ { text-decoration: none; display: inline-block; vertical-align: middle; color: #555; padding-left: 0; padding-right: 0; } #mod_tournamentEvents .event-section-header .competition-view-toggle { border-radius: 6px; background-color: var(--titletab-bg); } #mod_tournamentEvents .competition-view-toggle.isActive { background-color: var(--titletab-bg-selected); color: var(--titletab-text-selected); } #mod_tournamentEvents .competition-view-toggle.isActive .competition-view-toggle-label { color: var(--titletab-text-selected); } #mod_tournamentEvents .competition-view-toggle-label { font-size: 12px; line-height: 14px; margin: -3px 0 2px 0; padding: 2px; display: block; } /* @media screen and (max-width: 767px) { #mod_tournamentEvents .event-section-header a .btn-label { display: none; } } */ #mod_tournamentEvents .event-section-header a.btn-collapse { padding-left: 16px; padding-right: 16px; margin-top: 1px; } #mod_tournamentEvents .event-section-header a.competition-view-toggle:hover { color: var(--eventFolder-color-hover); } #mod_tournamentEvents a.event-header-label { display: block; max-height: 46px; overflow: hidden; text-overflow: ellipsis; font-size: 20px; line-height: 24px; } #mod_tournamentEvents a.event-header-label.isEmptyLabel { opacity: 0.6; font-weight: normal; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group { font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; margin: -2px 0 2px 0; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-collapse-row { display: flex; align-items: center; justify-content: center; margin: -2px 0 2px 0; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-collapse-row .expand-collapse-label { color: var(--titletab-text); white-space: nowrap; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-collapse-row .btn { color: var(--titletab-title-expand-link); padding: 0 8px; height: 28px; line-height: 28px; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-all-feature-row { display: flex; align-items: center; gap: 6px; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-all-feature-row .btn { background-color: var(--titletab-bg-title); color: var(--titletab-title-expand-link); border-radius: 4px; line-height: 24px; height: 24px; padding: 0 4px; flex: 1; margin: 0; font-size: 14px; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-all-feature-row .btn:hover { color: var(--titletab-text-selected); } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-all-feature-row .btn.isActive { background-color: var(--titletab-bg-selected); color: var(--titletab-text-selected); } #mod_tournamentEvents .event-section-header .event-expandCollapse-group .expand-all-feature-row .btn:before { display: none; } /* #mod_tournamentEvents .event-section-header .event-expandCollapse-group { position: absolute; right: 0; top: 3px; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group a { color: var(--titletab-title-expand-link); } #mod_tournamentEvents .event-section-header .event-expandCollapse-group a:before { font-size: 22px; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group a:hover { color:#000; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group a span { font-size: 16px; transition: none; -moz-transition: none; -webkit-transition: none; } */ /* @media screen and (max-width: 1100px) { #mod_tournamentEvents .event-section-header .event-expandCollapse-group a .btn-label { display: none; } #mod_tournamentEvents .event-section-header .event-expandCollapse-group { position: absolute; right: 12px; } } */ #mod_tournamentEvents .event-expandCollapse-group .btn-expand-cycle { font-size: 16px; line-height: 28px; padding: 0 8px; margin-right: 2px; font-weight: bold; } #mod_tournamentEvents .event-expandCollapse-group .btn-expand-toggle { display: inline-block; vertical-align: middle; height: 28px; line-height: 28px; padding: 0 5px; border-radius: 3px; margin-top: 4px; position: relative; } #mod_tournamentEvents .event-expandCollapse-group .btn-expand-toggle.btn-collapse-competitions:before { display: block; font-family: FontAwesome; content: "\f146"; font-size: 22px; line-height: 28px; font-weight: normal; } #mod_tournamentEvents .event-expandCollapse-group .btn-expand-toggle.btn-expand-competitions:before { display: block; font-family: FontAwesome; content: "\f0fe"; font-size: 22px; line-height: 28px; font-weight: normal; } /* #mod_tournamentEvents .isCollapsed_competition .pools-expand-toggle-section { display: none; } #mod_tournamentEvents .pools-expand-toggle-section { display: inline-block; vertical-align: middle; position: absolute; right: 11px; top: 4px; } */ #mod_tournamentEvents .competition-actions-header { display: flex; margin: 0 6px 0 6px; padding: 5px 6px 2px 2px; /* border-top: 1px solid #9FB1F2; */ border-bottom: 1px solid var(--titletab-border); position: relative; /* background-color: var(--tab-selected-bgcolor); */ } #mod_tournamentEvents .competition-actions-header.hasExpandToggles { padding-right: 75px; } #mod_tournamentEvents .competition-details-body { padding: 10px 12px 12px 12px; border-radius: 12px; } @media screen and (max-width: 500px) { #mod_tournamentEvents .competition-details-body { padding: 10px 4px 12px 4px; } } #mod_tournamentEvents .competition-details-getStarted { margin: 4px 4px 12px 4px; color:#888; } #mod_tournamentEvents .competition-details-getStarted .competition-details-getStarted-link { color:#e70; } #mod_tournamentEvents .competition-details-getStarted .competition-details-getStarted-link:hover { color: var(--competition-color); } .competition-details-wrapper .tournament-trial-header { display: flex; text-decoration: none; align-items: center; justify-content: space-between; background-color: #00b200; padding: 3px 16px; border-radius: 0; gap:42px; } .competition-details-wrapper .tournament-trial-header:hover { background-color: #029602; } .tournament-trial-header .tournament-trial-message { color: #ffffff; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: bold; white-space: nowrap; } .tournament-trial-header .tournament-unlock-message { display: flex; align-items: center; gap: 8px; } .tournament-trial-header .tournament-unlock-message-text:before { /* cart icon */ content: "\f35d"; font-family: HTOFonts; font-size: 20px; margin-right: 8px; display: inline-block; vertical-align: middle; } .tournament-trial-header .tournament-unlock-message-text { color: #ffffff; font-size: 16px; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; } /* @media screen and (max-width: 1200px) { #mod_tournamentEvents .competition-actions-header { margin-left: 75px; margin-right: 75px; } } @media screen and (max-width: 1000px) { #mod_tournamentEvents .competition-actions-header { margin-left: 6px; margin-right: 4px; } } */ /* #mod_tournamentEvents .competition-actions-header .competition-actions-link { display: inline-block; vertical-align: middle; color: #AAB3F0; padding: 6px 12px; position: relative; } #mod_tournamentEvents .competition-actions-header .competition-actions-link.isActive , #mod_tournamentEvents .competition-actions-header .competition-actions-link:hover { color: var(--competition-color); } #mod_tournamentEvents .competition-actions-header .competition-actions-link:before { font-size: 24px; } #mod_tournamentEvents .competition-actions-header .competition-actions-link.btn-bracket-double:before { font-size: 35px; } #mod_tournamentEvents .competition-actions-header .competition-actions-link .btn-label-row { font-size: 14px; line-height: 14px; height: 28px; display: flex; align-items: center; justify-content: center; } */ #mod_tournamentEvents .competition-actions-header .btn-settings { display: inline-block; vertical-align: middle; color: #AAB3F0; } #mod_tournamentEvents .competition-actions-header .btn-settings:hover { color: var(--competition-color); } #mod_tournamentEvents .pools-expand-toggle-section { display: inline-block; vertical-align: middle; } #mod_tournamentEvents .pools-expand-toggle-section .btn-gear { font-size: 22px; line-height: 28px; font-weight: normal; color: #AAB3F0; margin-top: -4px; } #mod_tournamentEvents .pools-expand-toggle-section .btn-gear:hover { color: var(--competition-color); } #mod_tournamentEvents .competition-actions-extra { position: absolute; top: 12px; right: 8px; } #mod_tournamentEvents .isSticky .competition-actions-extra { right: 70px; } #mod_tournamentEvents .isCollapsed_competition .competition-actions-extra { display: none; } /* ITEM-6681 — per-competition seeded/capacity summary chip on the right of the row. Shown only in the COLLAPSED overview (expanded, each pool shows its own X/Y), so it never fights the actions. */ #mod_tournamentEvents .competition-team-tally { display: none; } #mod_tournamentEvents .isCollapsed_competition .competition-team-tally { display: inline-flex; align-items: baseline; gap: 5px; position: absolute; right: 16px; top: 15px; font-size: 14px; color: #4E78EE; } #mod_tournamentEvents .competition-team-tally-num { font-weight: 700; } /* Only the numerator turns orange when a competition isn't full... */ #mod_tournamentEvents .competition-team-tally.isPartial .competition-team-tally-num { color: #d08a00; } /* ...the "/denominator" stays the same blue as the full ones, to anchor the right edge. */ #mod_tournamentEvents .competition-team-tally-denom { font-weight: 700; color: #4E78EE; } #mod_tournamentEvents .competition-team-tally-label { font-size: 14px; color: #888; } #mod_tournamentEvents .competition-actions-extra .btn-label { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 16px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .competition-actions-extra .btn-label { display: none; } } /* default (desktop) */ #mod_tournamentEvents .event-competition-row .competition-actions-extra { opacity: 1; pointer-events: auto; /* no transition */ } #mod_tournamentEvents .event-competition-row.isSticky { -webkit-transform: translateZ(0); will-change: transform; /* contain: paint; */ backface-visibility: hidden; } /* mobile + sticky: hide instantly, no animation */ @media (max-width: 567px) { #mod_tournamentEvents .event-competition-row.isSticky .competition-actions-extra { opacity: 0; pointer-events: none; transition: none !important; /* important to defeat inherited rules */ } #mod_tournamentEvents .event-competition-row.isSticky * { transition: none !important; } } @media screen and (max-width: 567px) { #mod_tournamentEvents .competition-actions-extra .pools-expand-toggle-section .btn-pools-expand-toggle { padding: 0 1px 0 7px; } } #mod_tournamentEvents .competition-actions-filters { position: absolute; top: 8px; right: 8px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .competition-actions-header.hasFilters { padding-bottom: 40px; } /* #mod_tournamentEvents .competition-actions-extra { position: relative; top:auto; right: auto; display: block; margin-top: 8px; } #mod_tournamentEvents .competition-actions-filters { position: relative; top:auto; right: auto; display: block; margin-top: 8px; } */ } #mod_tournamentEvents .competition-actions-filters .form-control { font-size: 15px; border: 1px solid #9FB1F2; line-height: 20px; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; color: #9FB1F2; padding: 0 6px 0 8px; margin: 4px; max-width: 120px; } @media screen and (max-width: 500px) { #mod_tournamentEvents .competition-actions-filters .form-control { max-width: 100px; } } @media screen and (max-width: 400px) { #mod_tournamentEvents .competition-actions-filters .form-control { max-width: 90px; padding-left: 6px; } } #mod_tournamentEvents .competition-actions-filters .form-control.hasFilter { color: #4E78EE; border-color: #4E78EE; } #mod_tournamentEvents .pools-expand-toggle-section .btn-pools-expand-toggle { display: inline-block; vertical-align: middle; color: var(--titletab-title-expand-link); padding: 0 8px; margin-top: -2px; } #mod_tournamentEvents .pools-expand-toggle-section .btn-pools-expand-toggle:hover { color: var(--competition-color); } #mod_tournamentEvents .pools-expand-toggle-section .btn-pools-expand-toggle:before { font-family: FontAwesome; font-size: 18px; line-height: 28px; font-weight: normal; } #mod_tournamentEvents .pools-expand-toggle-section .btn-pools-expand-toggle.isCollapse:before { content: "\f066"; } #mod_tournamentEvents .pools-expand-toggle-section .btn-pools-expand-toggle.isExpand:before { content: "\f065"; } .btn-bracket-double:before{ font-family: HTOfonts; content: "\f2ec"; display: inline-block; font-weight: normal; } .btn-bracket-preview:before{ font-family: HTOfonts; content: "\f2ec"; display: inline-block; font-weight: normal; } .btn-brackets-setup:before{ font-family: HTOfonts; content: "\f339"; display: inline-block; font-weight: normal; } .btn-seed-teams { text-align: center; } .btn-seed-teams .btn-icon-inner { display: inline-block; position: relative; width: 34px; height: 30px; } .btn-seed-teams .btn-icon-inner:after { font-family: HTOfonts; content: "\f2ea"; display: inline-block; vertical-align: middle; font-weight: normal; position: absolute; top: 0; right: 0; z-index: 1; font-size: 28px; line-height: 28px; } .btn-seed-teams .btn-icon-inner::before { font-family: HTOfonts; content: "\f0cb"; display: inline-block; vertical-align: middle; font-weight: normal; width: 6px; overflow: hidden; position: absolute; top: 4px; left: 0; z-index: 1; font-size: 20px; line-height: 20px; } .btn-setup-teams .btn-icon-inner { display: inline-block; } .btn-setup-teams:before { font-family: HTOfonts; content: "\f33e"; display: inline-block; vertical-align: middle; font-weight: normal; font-size: 24px; line-height: 24px; } .btn-roster .btn-icon-inner { display: inline-block; } .btn-roster:before { font-family: HTOfonts; content: "\f305"; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: -6px; font-size: 24px; line-height: 24px; } /* #mod_tournamentEvents .event-expandCollapse-group .btn-expand-competitions.btn-expand-toggle:before , #mod_tournamentEvents .event-expandCollapse-group .btn-expand-full.btn-expand-toggle:before { display: block; font-size: 18px; font-weight: normal; height: 3px; line-height: 3px; margin-top: 12px; margin-bottom: 4px; } #mod_tournamentEvents .event-expandCollapse-group .btn-expand-competitions.btn-expand-competitions:after , #mod_tournamentEvents .event-expandCollapse-group .btn-expand-full.btn-expand-toggle:after { display: block; font-size: 18px; font-family: FontAwesome; content: "\f068"; font-weight: normal; height: 3px; line-height: 3px; } #mod_tournamentEvents .event-expandCollapse-group .btn-expand-full.btn-expand-toggle:before { margin-top: 8px; } #mod_tournamentEvents .event-expandCollapse-group .btn-expand-full.btn-expand-toggle .extra-icon { display: block; margin-bottom: 4px; } #mod_tournamentEvents .event-expandCollapse-group .btn-expand-full.btn-expand-toggle .extra-icon:before { display: block; font-size: 18px; font-family: FontAwesome; content: "\f068"; font-weight: normal; height: 3px; line-height: 3px; } */ /* #mod_tournamentEvents .event-expandCollapse-group.state_allExpanded .btn-expand-full , #mod_tournamentEvents .event-expandCollapse-group.state_competitionsExpanded_poolsCollapsed .btn-expand-competitions , #mod_tournamentEvents .event-expandCollapse-group.state_competitionsCollapsed .btn-collapse-competitions { background-color: #fff; } */ .bracket_detail_links { text-align: right; display: flex; justify-content: flex-end; /* position: absolute; right: 0; bottom: 28px; display: inline-block; */ } .bracket_detail_links a { color: var(--bracket-content-link); font-size: 16px; line-height: 20px; font-weight: normal; } @media screen and (max-width: 767px) { .bracket_detail_links .btn-wrench .btn-label { display: none; } } .bracket_wrapper_inner .btn-bracket-page { padding-left: 0; } /* .bracket_wrapper_inner .btn-bracket-page:hover { color: var(--competition-color); } */ #mod_tournamentEvents .event-header-options { position: absolute; right: 0; padding: 0 12px 4px 12px; top: 6px; } #mod_tournamentEvents .event-header-options:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f040"; font-size: 20px; line-height: 20px; font-weight: normal; } /* #mod_tournamentEvents .event-header-expandToggle { position: absolute; left: 0; padding: 8px 12px 5px 20px; top: 0; height: 40px; } #mod_tournamentEvents .event-header-expandToggle:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f07c"; font-size: 22px; line-height: 22px; padding-top: 1px; } */ #mod_tournamentEvents .event-section-body { background-color: #fff; /* padding: 12px 12px 12px 12px; */ padding: 8px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-section-body { /* background-color: #fff; */ padding: 2px; } } /* #mod_tournamentEvents .empty-eventFolder { padding-left: 30px; } */ #mod_tournamentEvents .empty-eventFolder .event-competition-row { padding: 6px; height: 46px; } #mod_tournamentEvents .empty-eventFolder a.event-header-edit { font-size: 16px; display: inline-block; vertical-align: middle; color: var(--admin-info-color); padding-right: 8px; } #mod_tournamentEvents .empty-eventFolder a.event-header-edit.btn-wrench { margin-left: auto; } #mod_tournamentEvents .empty-eventFolder a.event-header-edit:before { font-size: 20px; } #mod_tournamentEvents .empty-eventFolder a.event-header-edit:hover { color: var(--competition-color); } /* #mod_tournamentEvents .event-tree { max-width: 685px; margin: 0 auto; } */ #mod_tournamentEvents .teamPool-expand-toggle { display: inline-block; vertical-align: middle; text-decoration: none; color: #C5CFDF; padding: 13px 12px 0 4px; } #mod_tournamentEvents .teamPool-expand-toggle:before { font-family: FontAwesome; content: "\f0fe"; display: inline-block; font-size: 24px; } #mod_tournamentEvents .teamPool-expand-toggle:hover { color: var(--competition-color); } #mod_tournamentEvents .event-tree-row { position: relative; white-space: nowrap; display: flex; } #mod_tournamentEvents .games-count-summary { display: inline-flex; align-items: center; margin-left: 24px; font-size: 16px; line-height: 20px; font-weight: bold; color: #9FB1F2; height: 48px; margin-top: 4px; } /* #mod_tournamentEvents .event-matchup-wrapper.hasFeed .event-matchup-row { padding-left: 26px; position: relative; } #mod_tournamentEvents .event-matchup-wrapper.hasFeed .event-matchup-row:before { position: absolute; left: 10px; top: 16px; display: inline-block; vertical-align: middle; font-family: HTOfonts; content: "\f349"; font-weight: normal; font-size: 24px; margin-left: 0; line-height: 18px; color: #9FB1F2; } */ #mod_tournamentEvents .event-advancing-wrapper { margin-top: 4px; } #mod_tournamentEvents .event-advancing-wrapper .event-advancing-link { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: center; position: relative; font-weight: normal; height: 48px; padding: 4px 6px 5px 8px; color: var(--bracket-color); /* background-color: #E3E5FF; */ background-color: #ffffff; border: 1px solid #ccc; box-shadow: 2px 2px 2px 0 #ddd; margin-left: 6px; border-radius: 4px; text-decoration: none; } #mod_tournamentEvents .event-advancing-wrapper .event-advancing-link:hover { background-color: #E3E5FF; } #mod_tournamentEvents .event-advancing-wrapper .event-advancing-link:before { display: inline-block; vertical-align: middle; font-family: HTOfonts; content: "\f349"; font-weight: normal; font-size: 24px; line-height: 18px; color: #9FB1F2; } #mod_tournamentEvents .event-advancing-wrapper.advancingToFinals { margin-top: 0; } #mod_tournamentEvents .event-advancing-wrapper.advancingToFinals .event-advancing-link { margin-left: 0; margin-right: 4px; } #mod_tournamentEvents .event-advancing-wrapper.advancingToFinals .event-advancing-link:before { content: "\f064"; -webkit-transform: scaleY(-1); transform: scaleY(-1); font-size: 20px; } /* #mod_tournamentEvents .event-teamPool-wrapper.expanded_teamList .teamPool-label-text { background: var(--teamPool-bgcolor); } */ /* #mod_tournamentEvents .event-teamPool-wrapper.expanded_teamList .event-teamPool-row .teamPool-label-text .teamPool-label-text-content { text-decoration: underline; } */ /* , #mod_tournamentEvents .event-teamPool-wrapper.isFinals.expanded_bracket_1 .teamPool-label-text */ /* #mod_tournamentEvents */ /* .event-teamPool-wrapper .teamPool-edit-end { display: inline-block; vertical-align: middle; text-decoration: none; height: 34px; background-image: url(/Templates/tournaments/images/Pool-BR.png); background-repeat: no-repeat; background-position: right center; color:#87A5C3; line-height: 30px; width: 40px; text-align: left; padding-left: 8px; } #mod_tournamentEvents .event-teamPool-wrapper.isFinals .teamPool-edit-end { background-image: url(/Templates/tournaments/images/Pool-TR.png); } */ /* #mod_tournamentEvents .event-tree-row.event-matchup-row .event-matchup-label { display: flex; align-items: center; height: 36px; } */ /* Competitions */ .competition-inner-wrapper { background-color: #ffffff; border: 1px solid var(--titletab-border); box-shadow: 2px 2px 2px 0 #ddd; border-radius: 11px; /* margin-top: 8px; border-color: ; */ } /* ITEM-6681 — collapsed competitions are only slightly dimmed (0.85); the old 0.8 read as a dull cast, full strength (1) was too bright next to the expanded ones. */ .isCollapsed_competition .competition-inner-wrapper { opacity: 0.85; } .competition-details-wrapper { /* background-color: #ffffff; border: 1px solid #9FB1F2; box-shadow: 2px 2px 2px 0 #ddd; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; */ border-radius: 11px; background-color: var(--competition-bg); } /* .previewOnly .competition-details-wrapper { background-color: #eee; } @media screen and (max-width: 1200px) { .competition-inner-wrapper { border-radius: 0; border-left: none; border-right: none; box-shadow: none; } } */ .isSetup .competition-details-wrapper { border: none; box-shadow: none; } /* .view_setupDone .competition-details-wrapper { border: none; box-shadow: none; } .competition-details-wrapper { padding: 0 64px; } @media screen and (max-width: 1200px) { .competition-details-wrapper { padding: 0 2px; } } .competition-details-wrapper { padding: 4px 0 12px 0; background-color: var(--matte-btn-bgcolor); } @media screen and (max-width: 767px) { .competition-details-wrapper { padding: 0 2px; } } */ .teamPool-bracket-list-break { display: none; } .teamPool-bracket-list { display: flex; flex-wrap: wrap; margin-top: -4px; } @media screen and (max-width: 600px) { .teamPool-bracket-list-break { display: block; flex-basis: 100%; width: 0px; height: 0px; overflow: hidden; } /* .teamPool-bracket-list { margin: 1px 0 0 66px; } */ .isSetupReview .teamPool-bracket-list { margin: 0; } #mod_tournamentEvents .teamPool-expand-toggle { display: none; } /* #mod_tournamentEvents .event-teamPool-wrapper .event-teamPool-children { padding-right: 0; } */ } /* .teamPool-bracket-list { width: 100%; background-color: var(--bracket-cell-bgcolor); border-radius: 6px; } */ /* .teamPool-bracket-list.numBrackets_2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px; } .teamPool-bracket-list.numBrackets_3 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 4px; } .teamPool-bracket-list.numBrackets_4p { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 4px; } */ /* .competition-details-wrapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; } @media screen and (max-width: 900px) { .competition-details-wrapper { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 767px) { .competition-details-wrapper { display: block; } } */ #mod_tournamentEvents .event-competition-row { /* border-bottom: solid 2px var(--competition-bgcolor); background-color: var(--competition-bgcolor); margin: 0 128px; */ border-top-left-radius: 10px; border-top-right-radius: 10px; height: 48px; display: flex; align-items: flex-end; position: sticky; /* Ben, 9/3: top:0 let this stick UNDER the fixed 54px .headBanner (z-index 1020) -- the competition title (top line, mobile 2-line layout) rendered hidden behind the black bar, and while scrolling into that stuck state there was a visible blank gap above the tabs. Clear the banner exactly so it docks flush underneath with nothing hidden and no gap. */ top: 54px; background-color: var(--titletab-bg-title); z-index: 100; margin: 0; padding: 0 14px 0 4px; /* not sure why was neeeed, but was cutting off the new help pop dialog overflow: hidden; */ border-bottom: 1px solid var(--titletab-border); } /* ITEM-8070 R2-1: the whole row is clickable (see tournament.js onclick on this element), so it needs to read as clickable too. Scoped to the compound class the onclick actually targets, not the bare .event-competition-row, so this doesn't leak onto other rows sharing that class without the row-level handler. */ #mod_tournamentEvents .event-tree-row.event-competition-row { cursor: pointer; } .view_HTOtournaments #mod_tournamentEvents .event-competition-row { padding-right: 74px; } @media screen and (max-width: 767px) { .view_HTOtournaments #mod_tournamentEvents .event-competition-row { flex-direction: column; height: 86px; align-items: baseline !important; } } #mod_tournamentEvents .event-competition-row.isSticky { border-bottom: 1px solid var(--titletab-border); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); } #mod_tournamentEvents .isCollapsed_competition .event-competition-row { align-items: center; } .isnAWEA #mod_tournamentEvents .event-competition-row { display: none; } .isnAWEA #mod_tournamentEvents .isCollapsed_competition .event-competition-row { display: flex; } /* @media screen and (max-width: 1200px) { #mod_tournamentEvents .event-competition-row { margin: 0 73px 0 65px; } } @media screen and (max-width: 1000px) { #mod_tournamentEvents .event-competition-row { margin: 0; } } */ #mod_tournamentEvents .isCollapsed_competition .event-competition-row { border-radius: 10px; } #mod_tournamentEvents .competition-section { padding-bottom: 20px; } #mod_tournamentEvents .event-competition-wrapper { /* border-radius: 10px; border: 1px solid #523b7e5c; box-shadow: 4px 6px 5px 0 rgba(0, 0, 0, 0.25); */ display: block; text-decoration: none; /* border-bottom: 2px solid #a6b1f2; padding-bottom: 12px; */ padding-top: 4px; padding-bottom: 4px; } #mod_tournamentEvents .event-competition-wrapper.empty-eventFolder { padding: 38px 12px 12px 28px; text-align: center; } /* #mod_tournamentEvents .competition-inner-wrapper { margin: 2px 8px; } */ /* @media screen and (max-width: 1200px) { #mod_tournamentEvents .competition-inner-wrapper { margin: 8px 73px 8px 65px; } } @media screen and (max-width: 1000px) { #mod_tournamentEvents .competition-inner-wrapper { margin: 8px; } } @media screen and (max-width: 500px) { #mod_tournamentEvents .competition-inner-wrapper { margin: 2px; } } #mod_tournamentEvents .event-competition-wrapper.isCollapsed_competition { padding-bottom: 4px; } */ @media screen and (max-width: 1200px) { /* #mod_tournamentEvents .event-competition-wrapper { margin: 0; padding-top: 0; } #mod_tournamentEvents .event-competition-wrapper.isCollapsed_competition { padding: 0; border-bottom: none; } */ } /* ITEM-8035: this overflow:hidden clipped the old marginTop:-100% slide transition; transition is now pure opacity fade so nothing spills, confirmed live that overflow:hidden broke position:sticky via a new containing block. */ /* overflow:hidden on ancestors breaks position:sticky by creating a new containing block */ /* #mod_tournamentEvents .event-competition-wrapper.isPlaceholder { opacity: 0.5; } #mod_tournamentEvents .event-competition-wrapper { margin-bottom: 24px; } #mod_tournamentEvents .event-competition-wrapper .event-competition-row .event-tree-lines { display: none; } #mod_tournamentEvents .event-competition-wrapper.hasTeamPools .event-competition-row .event-tree-lines { display: inline; } #mod_tournamentEvents .event-tree-lines:after { content:' '; display: inline-block; width: 11px; height: 5px; background-color: var(--competition-bgcolor); position: absolute; left: 19px; top: 14px; } #mod_tournamentEvents .event-matchup-row .event-tree-lines:before { content:' '; display: inline-block; width: 5px; height: 36px; background-color: var(--competition-bgcolor); position: absolute; left: 7px; top: -4px; } #mod_tournamentEvents .event-matchup-wrapper:last-child .event-matchup-row .event-tree-lines:before { height: 23px; } #mod_tournamentEvents .event-matchup-row .event-tree-lines:after { width: 18px; left: 12px; } */ #mod_tournamentEvents .event-tree-collapse { position: absolute; top: 4px; left: 0; vertical-align: middle; } /* #mod_tournamentEvents .event-competition-wrapper .event-competition-row .event-tree-collapse { display: none; } */ /* #mod_tournamentEvents .event-competition-wrapper.hasTeamPools .event-competition-row .event-tree-collapse { */ #mod_tournamentEvents .event-competition-wrapper .event-competition-row .event-tree-collapse { display: inline-block; position: absolute; left: 13px; top: 5px; } /* #mod_tournamentEvents .isCollapsed_competition.event-competition-wrapper.hasTeamPools .event-competition-row .event-tree-collapse:before { color: var(--competition-color); font-size: 16px; content: "\f067"; font-weight: normal; } */ /* #mod_tournamentEvents .event-competition-wrapper.hasTeamPools .event-competition-row .event-tree-collapse:before { */ #mod_tournamentEvents .event-competition-wrapper .event-competition-row .event-tree-collapse:before { content: "\f091"; color: var(--competition-color); font-size: 24px; line-height: 24px; font-weight: normal; margin-top: 2px; } #mod_tournamentEvents .event-tree-collapse:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f146"; font-size: 23px; line-height: 23px; color: var(--competition-bgcolor); } /* #mod_tournamentEvents .event-tree-collapse:hover::before { color: var(--competition-bgcolor-hover); } */ /* #mod_tournamentEvents .event-tree-label { display: block; border-radius: 6px; padding: 0 4px 0 4px; text-decoration: none; min-height: 20px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-tree-label { font-size: 20px; line-height: 22px; min-height: 22px; } } */ #mod_tournamentEvents .event-competition-label { display: inline-flex; align-items: center; /* Centers content vertically */ vertical-align: middle; border-radius: 6px; font-weight: bold; padding: 0 30px 0 46px; text-decoration: none; font-size: 16px; line-height: 18px; /* FIXED width (not just min-width) so every row's name column is identical and the brackets/teams/schedule buttons line up down the list. The old min-width:230px didn't hold the column because max-width:300px let long names grow past it — breaking the alignment. */ width: 250px; min-width: 250px; max-width: 250px; flex: 0 0 250px; margin: 0 4px 0 0; position: relative; color: var(--titletab-text-title); height: 42px; /* Ensures the button is always 42px tall */ overflow: hidden; /* Ensures content doesn't exceed the button's height */ } #mod_tournamentEvents .archived-label { display: inline-flex; align-items: center; /* Centers content vertically */ vertical-align: middle; font-weight: bold; font-size: 18px; color: #27e; height: 40px; /* Ensures the button is always 40px tall */ } #mod_tournamentEvents .archived-label a { color: #27e; text-decoration: none; } #mod_tournamentEvents .archived-label a:hover { color: var(--competition-color-hover); } #mod_tournamentEvents .archived-label .btn { padding: 0 8px; } #mod_tournamentEvents .competition-actions-header .event-competition-label { border: none; margin: -4px 0 0 -4px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-competition-label { min-width: auto; max-width: none; width: auto; flex: initial; } } #mod_tournamentEvents .event-competition-label-text { display: inline-block; line-height: 18px; max-height: 38px; /* two lines at 18px — keeps a long name inside the 42px row */ width: 100%; overflow: hidden; /* Hides overflow */ white-space: normal; /* Allows text to wrap to a second line */ text-align: left; /* Left-justifies the text */ margin-top: -2px; } #mod_tournamentEvents .event-competition-label:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f091"; position: absolute; left: 12px; top: 6px; font-size: 24px; line-height: 24px; font-weight: normal; } #mod_tournamentEvents a.event-competition-label:after { color: var(--titletab-text-title); /* HTOfonts chevrons: down (\f078) when expanded; the collapsed rule below swaps to right (\f054). */ content: "\f078"; font-family: HTOfonts; font-size: 16px; line-height: 16px; font-weight: normal; position: absolute; right: 11px; top: 11px; display: inline-block; vertical-align: middle; } #mod_tournamentEvents .isExpanded_filter .event-competition-label:after { display: none; } /* Collapsed: right-pointing chevron (HTOfonts \f054). Inherits font-family/size from the base rule. */ #mod_tournamentEvents .isCollapsed_competition a.event-competition-label:after { content: "\f054"; } /* Hide arrow when team filter is active */ #mod_tournamentEvents .isCollapsed_competition.teamFiltered a.event-competition-label:after { display: none; } #mod_tournamentEvents .isCollapsed_competition .event-competition-label { border: none; } /* #mod_tournamentEvents .isCollapsed_competition .event-competition-label { border: 1px solid #AAB3F066; } .z_visitor.view_HTOtournaments #mod_tournamentEvents .isCollapsed_competition .event-competition-label { border: none; } */ /* #mod_tournamentEvents .event-competition-label.isEmptyLabel { font-weight: normal; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-competition-label { padding-left: 52px; } } */ #mod_tournamentEvents .event-competition-label:hover { color: var(--competition-color-hover); } #mod_tournamentEvents .event-teamPool-children { padding-right: 130px; position: relative; } #mod_tournamentEvents .competition-view-links { position: relative; } #mod_tournamentEvents .tab-help-popup { position: absolute; top: 55px; left: 0; } /* Dialog box styling */ #mod_tournamentEvents .tab-help-popup .dialog-box { position: relative; display: inline-block; } #mod_tournamentEvents .tab-help-popup .dialog-content { background-color: #8b5cf6; /* Purple color matching the image */ color: white; padding: 28px 30px 16px 30px; border-radius: 12px; font-size: 16px; font-weight: 500; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 8px 20px rgba(0, 0, 0, 0.15), 0 16px 32px rgba(0, 0, 0, 0.1); position: relative; min-width: 200px; text-align: center; } #mod_tournamentEvents .tab-help-popup .dialog-content-text { font-size: 18px; } #mod_tournamentEvents .tab-help-popup .dismiss-row { text-align: center; margin-top: 18px; } /* Arrow styling */ #mod_tournamentEvents .tab-help-popup .arrow { position: absolute; top: -8px; left: 40px; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #8b5cf6; z-index: 1; } #mod_tournamentEvents .tab-help-popup.tab_teams .arrow { left: 119px; } #mod_tournamentEvents .tab-help-popup.tab_schedule .arrow { left: 196px; } #mod_tournamentEvents .competition-view-toggle { line-height: 38px; font-size: 20px; display: inline-block; text-align: center; width: 70px; margin: 0 4px; border: 1px solid var(--titletab-border); box-shadow: 2px 2px 2px 0 #bbbbbb33; position: relative; /* background-color: #fff; */ background-color: var(--titletab-bg); border-top-left-radius: 6px; border-top-right-radius: 6px; text-decoration: none; color: var(--titletab-text); } #mod_tournamentEvents .isCollapsed_competition .competition-view-toggle { border-radius: 6px; } #mod_tournamentEvents .event-competition-row .competition-view-toggle { line-height: 30px; } #mod_tournamentEvents .isCollapsed_competition .event-competition-row .competition-view-toggle { line-height: 38px; } #mod_tournamentEvents .competition-view-toggle:hover { background-color: var(--titletab-bg-selected); } @media screen and (max-width: 390px) { #mod_tournamentEvents .event-competition-row .competition-view-toggle { margin: 0; } } @media screen and (max-width: 360px) { #mod_tournamentEvents .event-competition-row .competition-view-toggle { width: 40px; transform: scale(0.9); } } #mod_tournamentEvents .competition-view-toggle::before { color: #AEB4F0; } #mod_tournamentEvents .competition-view-toggle-label { color: #8f95cf; } .isnAWEA #mod_tournamentEvents .competition-view-toggle::before , .isnAWEA #mod_tournamentEvents .competition-view-toggle-label { color:#06c; } #mod_tournamentEvents .competition-view-toggle.isActive::before { color: var(--titletab-text-selected); } #mod_tournamentEvents .event-competition-wrapper:NOT(.isCollapsed_competition) .competition-view-toggle.isActive { background-color: var(--titletab-bg-selected); color: var(--titletab-text-selected); } #mod_tournamentEvents .isCollapsed_competition .competition-view-toggle::before { /* color:#CDCFE5; */ color: #AEB4F0; } #mod_tournamentEvents .competition-view-toggle.hasAlert::before { color: var(--competition-text-alerts); } #mod_tournamentEvents .competition-view-toggle.hasAlert .competition-view-toggle-label { color: var(--competition-text-alerts); } /* #mod_tournamentEvents .competition-view-toggle.isReady::before { color: var(--competition-is-ready); } #mod_tournamentEvents .competition-view-toggle.isReady .competition-view-toggle-label { color: var(--competition-is-ready); } #mod_tournamentEvents .competition-view-toggle.hasAlert:hover::before { color: var(--competition-text-alerts-hover); } #mod_tournamentEvents .competition-view-toggle.isReady:hover::before { color: var(--competition-is-ready-hover); } */ #mod_tournamentEvents .competition-view-toggle.isReady::before { color: var(--competition-text-alerts); } #mod_tournamentEvents .competition-view-toggle.isReady .competition-view-toggle-label { color: var(--competition-text-alerts); } #mod_tournamentEvents .competition-view-toggle.hasAlert:hover::before { color: var(--competition-text-alerts-hover); } #mod_tournamentEvents .competition-view-toggle.isReady:hover::before { color: var(--competition-text-alerts-hover); } /* #mod_tournamentEvents a.competition-view-toggle:hover::before , #mod_tournamentEvents a:hover .competition-view-toggle-label , #mod_tournamentEvents .isCollapsed_competition a.competition-view-toggle:hover::before { color: var(--competition-color); } */ #mod_tournamentEvents .competition-view-toggle:before { display: inline-block; vertical-align: top; font-family: HTOfonts; font-weight: normal; font-size:28px; } #dialog_setupDone.bootstrap-dialog .bootstrap-dialog-message { font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 16px; color:#007; } #dialog_setupDone .content-title { text-align: center; margin-bottom: 4px; font-weight: bold; } /* .competition-view-links { display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; } .modal-dialog .competition-view-links { position: relative; display: block; text-align: center; right: auto; top: auto; margin: 12px; } */ .modal-dialog #mod_tournamentEvents .competition-view-toggle { margin: 0 8px; } .modal-dialog .bracket_title_row .bracket_title_link:before { color: #9FB1F2; } .modal-dialog #mod_tournamentEvents .competition-view-toggle:NOT(.isActive)::after { color: #9FB1F2; } /* .modal-dialog .competition-view-links .competition-view-label { margin: 0 8px; bottom: -24px; display: block; position: absolute; left: -12px; right: -12px; text-align: center; line-height: 20px; text-decoration: none; font-size: 14px; color: #9FB1F2; } .modal-dialog .competition-view-links .isActive .competition-view-label { color: var(--competition-color); } .competition-view-links .view_settings { margin-right: 4px; } .competition-view-links .view_settings:before { color: #CDCFE5; font-size: 20px; line-height: 38px; } .competition-view-links .view_settings:hover::before { color: var(--competition-color); } */ #mod_tournamentEvents .competition-view-toggle.view_getstarted:before { content: "\f339"; font-size:30px; line-height: 32px; margin: 1px 0 0 6px; display: inline-block; vertical-align: middle; } #mod_tournamentEvents .event-competition-wrapper:NOT(.isCollapsed_competition) .competition-view-toggle.view_getstarted:before { font-size:26px; line-height: 26px; margin: 0 0 0 6px; } #mod_tournamentEvents .competition-view-toggle.view_brackets:before { content: "\f310"; font-size:38px; } #mod_tournamentEvents .competition-view-toggle.view_teams:before { content: "\f2ea"; font-size:34px; } #mod_tournamentEvents .competition-view-toggle.view_standingsAdvancing:before { content: "\f336"; font-size: 27px; } #mod_tournamentEvents .competition-view-toggle.view_schedule:before { content: "\f073"; font-size:28px; } #mod_tournamentEvents .competition-view-toggle.view_scores:before { content: "\f348"; font-size:28px; } #mod_tournamentEvents .event-competition-wrapper:NOT(.isCollapsed_competition) .competition-view-toggle.view_brackets:before { font-size:34px; } #mod_tournamentEvents .event-competition-wrapper:NOT(.isCollapsed_competition) .competition-view-toggle.view_teams:before { font-size:30px; } #mod_tournamentEvents .event-competition-wrapper:NOT(.isCollapsed_competition) .competition-view-toggle.view_standingsAdvancing:before { font-size: 23px; } #mod_tournamentEvents .event-competition-wrapper:NOT(.isCollapsed_competition) .competition-view-toggle.view_schedule:before { font-size:24px; line-height: 28px; } #mod_tournamentEvents .isCollapsed_competition .competition-view-toggle .competition-view-toggle-label { display: none; } #mod_tournamentEvents .competition-view-toggle.jump_top { display: none; } #mod_tournamentEvents .event-competition-row.isSticky .competition-view-toggle.jump_top { position: absolute; right: 0; top: 4px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 50px; line-height: 12px; text-decoration: none; color: #AEB4F0; height: 39px; } #mod_tournamentEvents .competition-view-toggle.jump_top:before { font-family: HTOfonts; font-weight: normal; content: "\f062"; font-size:16px; line-height: 20px; } #mod_tournamentEvents .competition-view-toggle .under-label { display: block; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; } /* #mod_tournamentEvents .competition-view-toggle.view_settings:after { content: "\f0ad"; font-size:20px; margin-top: -2px; } */ #mod_tournamentEvents .competition-view-toggle.isActive { color: var(--titletab-text-selected); } #mod_tournamentEvents .event-competition-getstarted { line-height: 28px; border-radius: 14px; padding: 0 14px; color: #e70; background-color: #eee; /* color: var(--competition-color); background-color: #c6c5fe; */ position: absolute; right: 6px; top: 6px; } #mod_tournamentEvents .event-competition-getstarted:hover { background-color: #ddd; color: var(--eventFolder-color-hover); } #mod_tournamentEvents .event-competition-getstarted .btn-label { font-size: 16px; } #mod_tournamentEvents .isCollapsed_eventFolder .event-header-expandToggle:before { content: "\f07b"; } #mod_tournamentEvents .isCollapsed_eventFolder .event-section-body , #mod_tournamentEvents .isCollapsed_eventFolder .event-section-footer { display: none; } /* #mod_tournamentEvents .isCollapsed_competition .event-competition-row .event-tree-collapse:before { content: "\f0fe"; } */ #mod_tournamentEvents .isCollapsed_competition .competition-details-wrapper { display: none; } /* #mod_tournamentEvents .competition-details-body-content { margin-left: 24px; } @media screen and (max-width: 1000px) { #mod_tournamentEvents .competition-details-body-content { margin-left: 0; } } */ #mod_tournamentEvents .event-teamPool-wrapper { /* background-color: var(--teamPool-cell-bgcolor); color: var(--teamPool-color); padding: 4px 75px; */ margin: 8px 0 0 0; position: relative; } #mod_tournamentEvents .competition-details-section-setup-row { display: flex; justify-content: center; } #mod_tournamentEvents .competition-details-section-setup-container { width: 100%; max-width: 642px; 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; } #mod_tournamentEvents .event-teamPool-wrapper.isFinals { padding-top: 8px; } #mod_tournamentEvents .event-teamPool-wrapper.isFinals_main { border-top: 2px dashed #DCDFE9; margin-top: 12px; } #mod_tournamentEvents .event-teamPool-wrapper.isConsolation { border-top: 2px dashed #DCDFE9; } /* @media screen and (max-width: 1000px) { #mod_tournamentEvents .event-teamPool-wrapper { padding: 4px 2px 4px 6px; } } #mod_tournamentEvents .event-teamPool-wrapper:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } #mod_tournamentEvents .event-teamPool-wrapper:last-child { margin-bottom: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-teamPool-row { margin-bottom: 8px; } } #mod_tournamentEvents .isSetupReview .event-teamPool-label { box-shadow: none; border: none; background-color: transparent; height: 36px; margin: 0; } */ #mod_tournamentEvents .event-teamPool-label { display: inline-flex; align-items: center; position: relative; text-decoration: none; padding: 0 4px 0 4px; color: var(--teamPool-color); } /* #mod_tournamentEvents a.event-teamPool-label:hover , #mod_tournamentEvents a:hover .event-teamPool-label:hover { background-color: #E3E5FF; } */ /* #mod_tournamentEvents .event-teamPool-label:before { display: inline-block; content: ""; height: 39px; width: 19px; background-color: #fff; position: absolute; top: -1px; left: -1px; z-index: 1; clip-path: polygon(0 0, 0 55%, 100% 0); } */ /* #mod_tournamentEvents .isFinals .event-teamPool-label:before { display: inline-block; content: ""; height: 41px; width: 19px; background-color: #fff; position: absolute; top: -1px; left: -1px; z-index: 1; clip-path: polygon(0 45%, 0 100%, 100% 100%); } */ /* #mod_tournamentEvents .isFinals .event-teamPool-label:after { clip-path: polygon(0 0, 100% 55%, 100% 0); } */ /* #dialogChangeBracket #mod_tournamentEvents .event-teamPool-label:before { background-image: none; } #dialogChangeBracket #mod_tournamentEvents .event-teamPool-label:before { background-size: 80% 80%; } #mod_tournamentEvents .isFinals .event-teamPool-label:before { background-image: url(/Templates/tournaments/images/Pool-BL.png); } #mod_tournamentEvents .isFinals .event-teamPool-label:after { background-image: url(/Templates/tournaments/images/Pool-TR.png); } #dialogChangeBracket #mod_tournamentEvents .isFinals .event-teamPool-label:before { background-size: 80% 80%; } */ /* #mod_tournamentEvents .event-teamPool-label:hover { background-color: var(--teamPool-bgcolor-hover); color: var(--teamPool-color-hover); } */ #mod_tournamentEvents .isPool .event-teamPool-label .teamPool-label-text:before { display: inline-block; vertical-align: middle; font-family: HTOfonts; content: "\f2ea"; font-weight: normal; font-size: 24px; line-height: 24px; margin-right: 6px; margin-top: 0; color: #9FB1F2; } /* #mod_tournamentEvents .isFinals .event-teamPool-label .teamPool-label-text:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f064"; font-weight: normal; font-size: 22px; margin-left: 0; line-height: 18px; margin-right: 10px; margin-top: -2px; -webkit-transform: scaleY(-1); transform: scaleY(-1); color: #9FB1F2; } */ #mod_tournamentEvents .isFinals .teamPool-header.fromAdvancing .teamPool-header-label.btn-advance:before { font-size: 22px; } #mod_tournamentEvents .isPool .teamPool-header.fromAdvancing .teamPool-header-label.btn-advance:before { font-family: HTOfonts; content: "\f349"; font-size: 24px; } #mod_tournamentEvents .isSetup .isFinals .event-tree-row { position: relative; padding-left: 34px; } #mod_tournamentEvents .isSetup .isFinals .event-tree-row:before { position: absolute; left: 6px; top: 15px; display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f064"; font-weight: normal; font-size: 22px; margin-left: 0; line-height: 18px; margin-right: 10px; margin-top: -2px; color: #9FB1F2; -webkit-transform: scaleY(-1); transform: scaleY(-1); } /* #mod_tournamentEvents .isFinals.hasAdvancingWarning .event-tree-row.event-teamPool-row:before { color: #e70; } #mod_tournamentEvents .hasAdvancingBracketWarning .event-matchup-wrapper.hasFeed .event-matchup-row:before { color: #e70; } */ #mod_tournamentEvents .event-matchup-wrapper { margin-top: 4px; } /* btn-wrench is setup */ #mod_tournamentEvents .event-matchup-label { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: center; position: relative; font-weight: normal; height: 48px; padding: 4px 6px 5px 8px; color: var(--bracket-color); /* background-color: #E3E5FF; */ background-color: #ffffff; border: 1px solid #ccc; box-shadow: 2px 2px 2px 0 #ddd; margin-left: 6px; border-radius: 4px; } #mod_tournamentEvents .teamPool-bracket-section .finals-trophy { display: inline-block; vertical-align: middle; margin-left: 6px; } #mod_tournamentEvents .teamPool-bracket-section .finals-trophy:before { display: inline-block; font-family: HTOFonts; content: "\f091"; font-size: 24px; line-height: 24px; font-weight: normal; margin: 15px 0 0 9px; color: #9FB1F2; } #mod_tournamentEvents .teamPool-bracket-section .finals-trophy.isConsolation:before { content: "\f347"; font-size: 28px; line-height: 28px; } #mod_tournamentEvents a.event-matchup-label:hover , #mod_tournamentEvents a:hover .event-matchup-label { /* background-color: #27e; color:#fff; */ background-color: #E3E5FF; } /* #mod_tournamentEvents a.event-matchup-label:hover .bracketset-type-label , #mod_tournamentEvents a:hover .event-matchup-label .bracketset-type-label { color:#fff; } */ /* #mod_tournamentEvents .event-matchup-label:after { display: inline-block; content: ""; height: 40px; width: 17px; background-color: #fff; position: absolute; top: -1px; right: -1px; z-index: 1; clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%); } */ /* #mod_tournamentEvents .event-matchup-label:hover { background-color: var(--bracket-cell-bgcolor-hover); color: var(--bracket-color-hover); } */ #mod_tournamentEvents .event-matchup-label .link-content-row { display: flex; gap: 8px; flex-wrap: nowrap; align-items: center; justify-content: center; /* background-color: var(--bracket-bgcolor); background: linear-gradient( 180deg , var(--bracket-bgcolor-g1) 0% , var(--bracket-bgcolor-g2) 20% , var(--bracket-bgcolor-g3) 70% , var(--bracket-bgcolor-g4) 100% ); background-image: url(/Templates/tournaments/images/Bracket.png); background-position: left center; background-repeat: no-repeat; */ /* display: flex; align-items: center; max-width: 165px; padding: 0 10px 0 14px; color: var(--bracket-color); height: 34px; width: 69px; position: relative; */ } #mod_tournamentEvents .selectedBracket .event-matchup-label { background-color: #27e; color:#fff; } #mod_tournamentEvents .selectedBracket a:hover .event-matchup-label , #mod_tournamentEvents .selectedBracket a:hover .icon-bracket-type { color:#000; } #mod_tournamentEvents .bracketset-type-info { display: inline-block; vertical-align: middle; text-align: center; } /* #mod_tournamentEvents .bracketset-type-info.isNumTeams { margin: 0 8px 0 0; } */ #mod_tournamentEvents .bracketset-type-info.isNumGames { margin: 0 0 0 8px; color: #9FB1F2; } #mod_tournamentEvents .bracketset-type-info-num { font-size: 18px; height: 18px; line-height: 18px; margin-top: 3px; display: flex; align-items: center; justify-content: center; font-weight: bold; } #mod_tournamentEvents .bracketset-type-info-num .bracketset-type-info-seeded-size { font-weight: normal; color: #9FB1F2; } /* #mod_tournamentEvents .bracketset-type-info-num { font-size: 18px; height: 18px; line-height: 18px; margin-top: 3px; display: block; font-weight: bold; } #mod_tournamentEvents .bracketset-type-info-num .bracketset-type-info-seeded-size { } */ #mod_tournamentEvents .bracketset-type-info-num .icon-unknown:before { line-height: 18px; display: inline-block; /* color:#ccc; */ color:#9FB1F2; } #mod_tournamentEvents .bracketset-type-info-label { font-size: 13px; line-height: 13px; margin-top: -1px; display: block; white-space: nowrap; overflow: hidden; max-width: 100%; } /* #mod_tournamentEvents .selectedBracket .event-matchup-label .link-content-row { background-image: url(/Templates/tournaments/images/Bracket-active.png); } #mod_tournamentEvents .selectedBracket .event-matchup-label .link-content-row { background-image: url(/Templates/tournaments/images/Bracket-active.png); } */ /* #mod_tournamentEvents a.event-matchup-label:hover .link-content-row { color: var(--bracket-color-hover); } */ /* #mod_tournamentEvents .event-matchup-wrapper .event-matchup-label .link-content-row:after { display: inline-block; content:""; height: 32px; width:13px; background-color: #fff; position: absolute; top: -1px; right: -1px; z-index: 1; clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%); } #mod_tournamentEvents .event-matchup-wrapper.hasFeed .event-matchup-label .link-content-row:before { display: inline-block; content: ""; height: 30px; width: 6px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 1; clip-path: polygon(0 0, 0 100%, 100% 50%); } */ /* #mod_tournamentEvents .event-teamPool-label:before #mod_tournamentEvents .event-matchup-label .link-content-row:before { display: inline-block; content:""; height: 30px; width:12px; background-color: #fff; position: absolute; top: 0; left: 0; overflow: hidden; border-left: 1px solid #fff; clip-path: polygon(0 0, 0 100%, 100% 0); } */ /* #mod_tournamentEvents .event-teamPool-label:after { display: inline-block; content: ""; height: 36px; width: 19px; background-color: #fff; position: absolute; top: -1px; right: -1px; z-index: 1; clip-path: polygon(0 100%, 100% 100%, 100% 45%); } */ /* #mod_tournamentEvents .isFinals .event-teamPool-label:before { clip-path: polygon(0 0, 0 100%, 100% 50%); } #mod_tournamentEvents .isFinals .event-teamPool-label:after { clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%); clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%); } #mod_tournamentEvents .event-matchup-label:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f04e"; font-weight: normal; font-size: 20px; line-height: 28px; margin: 0 2px 0 2px; color: #cacff6; } */ /* #mod_tournamentEvents .event-section-footer { padding-bottom: 4px; background-color: #fff; } #mod_tournamentEvents .event-footer-links { padding: 0 0 0 12px; } #mod_tournamentEvents .event-footer-link { padding: 0 10px; margin-bottom: 8px; } #mod_tournamentEvents .event-footer-link .btn-label { font-weight: normal; } */ a.event-footer-expandToggle { color:var(--competition-color); font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 14px; line-height: 34px; padding: 0 14px 0 34px; border-radius: 13px; transition: none; -moz-transition: none; -webkit-transition: none; opacity: 0.85; } /* @media screen and (max-width: 767px) { .competition-expandCollapse-group { margin-right: 4px; } a.event-footer-expandToggle { padding: 2px 12px 2px 32px; } a.event-footer-expandToggle .btn-label { display: none; } #mod_tournamentEvents .event-competition-label { margin-right: 90px; } } @media screen and (max-width: 467px) { #mod_tournamentEvents .event-competition-label { margin-right: 40px; } } @media screen and (max-width: 350px) { #mod_tournamentEvents .event-competition-label { margin-right: 6px; } } */ a.event-footer-expandToggle:hover { opacity: 1; } .event-footer-expandToggle:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; } .btn-expand:before { font-family: FontAwesome; content: "\f065"; } .btn-collapse:before { font-family: FontAwesome; content: "\f066"; } .isCollapsed_eventFolder a.event-footer-expandToggle.btn-collapse { opacity: 0.5; } /* #mod_tournamentEvents .event-section-header a.event-footer-expandToggle.btn-edit { padding-right: 27px; padding-left: 15px; } #mod_tournamentEvents .event-section-header a.event-header-expandToggle.toggle-icon { padding-left: 14px; } @media screen and (max-width: 767px) { #mod_tournamentEvents .event-section-header a.event-footer-expandToggle.btn-edit { padding-right: 20px; } } */ .btn-tournament-competition .btn-label { font-weight: bold; margin-top: -4px; font-size: 18px; line-height: 20px; } .btn-tournament-competition.btn-trophy:before { line-height: 24px; font-size: 24px; vertical-align: middle; margin-top: -2px; } .empty-eventFolder .btn-tournament-competition .btn-label { font-size: 16px; padding-left: 6px; } .empty-eventFolder .btn-tournament-competition.btn-trophy:before { font-size: 22px; } /* a.btn-tournament-competition:hover { background-color: var(--competition-bgcolor-hover); } a.btn-tournament-teamPool { background-color: var(--teamPool-bgcolor); } a.btn-tournament-teamPool:hover { background-color: var(--teamPool-bgcolor-hover); } */ /* a.btn-tournament-bracket { background-color: var(--bracket-bgcolor); } a.btn-tournament-bracket:hover { background-color: var(--bracket-bgcolor-hover); } */ .dialog-notice-row { margin: 0 8px 12px 8px; } .dialog-notice-row .dialog-notice-message { font-weight: bold; color: var(--dialog-text-standard); } .dialogWithSort .sortItem-row { display: block; background-color: #fff; padding: 3px 5px 3px 14px; line-height: 24px; font-size: 16px; font-weight: bold; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; text-decoration: none; margin: 4px; border-radius: 5px; position: relative; cursor: move; } #eventFoldersSortOrderDialog .sortItem-row { background-color: var(--competition-bgcolor); color: var(--competition-color); } #eventFoldersSortOrderDialog .sortItem-row:before { font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; content: "\f07b"; color: var(--competition-color); font-size: 20px; line-height: 20px; font-weight: normal; margin: -2px 12px 0 0; } #competitionsSortOrderDialog .sortItem-row { background-color: var(--competition-bgcolor); color: var(--competition-color); } #competitionsSortOrderDialog .sortItem-row:before { font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; content: "\f091"; color: var(--competition-color); font-size: 20px; line-height: 20px; font-weight: normal; margin: -2px 12px 0 0; } #teamPoolsSortOrderDialog .sortItem-row { color: var(--teamPool-color); background-color: var(--teamPool-bgcolor); } #bracketsSortOrderDialog .sortItem-row { color: var(--bracket-color); background-color: var(--bracket-bgcolor); } .dialogWithSort .sortItem-row:after { position: absolute; right: 9px; top: 9px; content: " "; display: inline-block; vertical-align: middle; margin-top: -4px; height: 20px; width: 20px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; opacity: 0.6; background-image: url(/admin/images/icons/drag-up-down-black.png); } #eventFoldersSortOrderDialog .sortItem-row:after , #competitionsSortOrderDialog .sortItem-row:after { opacity: 0.8; filter: invert(1); } .dialogWithSort .sortItems-list .ui-state-highlight { border: 1px dashed #27e; opacity: 0.4; height: 26px; background-color: var(--competition-bgcolor); color: var(--competition-color); display: block; padding: 2px 5px 0 14px; line-height: 24px; font-size: 16px; text-transform: uppercase; font-family: Oswald-Regular,Arial,Helvetica,sans-serif; text-decoration: none; margin: 4px; border-radius: 5px; margin: 4px; } .dialogWithSort .headingRow-msg { font-size: 16px; line-height: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: var(--dialog-text-standard); display: inline-block; margin-left: 8px; } /* Tournament Teams */ #modTournamentTeams .imgRow { text-align: center; margin-bottom: 6px; } #modTournamentTeams .msgRow { font-size: 16px; font-weight: bold; color:#666; } .parentGroupWrapper_outer { vertical-align: top; padding-top: 0; padding-right: var(--col-gutter-space); padding-bottom: 0; padding-left: 25px; position: relative; } .parentGroupWrapper_outer .expandCollapseLink { position: absolute; left: 0; top: 0; color: var(--group-row-bg); text-decoration: none; padding-top: 2px; opacity: var(--inactive-transparency); } .parentGroupWrapper_outer.divisionHasPools .expandCollapseLink , .parentGroupWrapper_outer .subDivisionHasPools .expandCollapseLink { opacity: 1; } .parentGroupWrapper_outer .groupWrapper_outer .expandCollapseLink { position: absolute; left: 0; top: 0; color: var(--subgroup-row-bg); text-decoration: none; padding-top: 2px; } .parentGroupWrapper_outer.numGroups_0 .groupWrapper_outer .expandCollapseLink , .pendingDeleteSection .parentGroupWrapper_outer .groupWrapper_outer .expandCollapseLink { display: none; } .parentGroupWrapper_outer .expandCollapseLink:before { font-family: 'FontAwesome'; content: '\f146'; font-size: 24px; line-height: 24px; } /* .parentGroupWrapper_outer a.expandCollapseLink:hover { color:var(--expand-icon-hover-text); } */ .parentGroupWrapper_outer.parentGroupCollapsed .expandCollapseLink:before { content: '\f0fe'; } .parentGroupWrapper_outer .groupWrapper_outer.groupCollapsed .expandCollapseLink:before { content: '\f0fe'; } .groupWrapper_outer { display: inline-block; vertical-align: top; padding-right: 12px; padding-bottom: 0; width: 100%; vertical-align: top; padding-left: 25px; position: relative; opacity: var(--inactive-transparency); } .divisionHasPools .groupWrapper_outer , .subDivisionHasPools.groupWrapper_outer { opacity: 1; } .parentGroupCollapsed .parentGroupGroupList .groupWrapper_outer , .parentGroupCollapsed .parentGroupGroupList .divisionPoolList { display: none; } .divisionPoolList .divisionPoolRow { margin: 0 0 2px 0; display: block; text-decoration: none; } .divisionPoolList .poolGroupLabel { display: inline-block; vertical-align: middle; margin: 2px; border-radius: 6px; padding: 4px 12px 4px 12px; color: #fff; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: normal; text-decoration: none; font-size: 16px; line-height: 18px; min-height: 20px; } .divisionPoolList .competitionLabel { background-color: var(--competition-bgcolor); /* border-top-right-radius: 0; border-bottom-right-radius: 0; */ } .divisionPoolList .teamPoolLabel { background-color: var(--teamPool-cell-bgcolor); /* border-top-left-radius: 0; border-bottom-left-radius: 0; */ } .parentGroupWrapper .parentGroupHeaderRow { background-color: var(--group-row-bg); color: var(--group-row-text); padding: 3px 100px 3px 6px; border-radius: 8px; position: relative; display: block; text-decoration: none; margin-bottom: var(--division-bottom-margin); opacity: var(--inactive-transparency); } .divisionHasPools .parentGroupWrapper .parentGroupHeaderRow { opacity: 1; } .numTeamsLabel { position: absolute; right: 12px; top: 5px; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 17px; } .groupWrapper .groupHeaderRow { background-color: var(--subgroup-row-bg); padding: 3px 67px 3px 6px; border-radius: 8px; position: relative; display: block; text-decoration: none; margin-bottom: var(--group-gutter-space); } /* .groupCollapsed .groupWrapper .groupHeaderRow { margin-bottom: 0; } */ .teamGroupRow .teamNameValue { display: block; width: 100%; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: none; } .parentGroupWrapper .parentGroupNameLabel { display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height: 18px; text-decoration: none; padding: 2px 8px 3px 8px; position: relative; border-radius: 12px; } /* @media screen and (max-width: 767px) { .parentGroupWrapper .parentGroupNameLabel { font-size: 20px; line-height: 22px; min-height: 22px; } } */ /* .parentGroupWrapper .parentGroupHeaderRow:hover .parentGroupNameLabel { background-color: var(--group-label-link-bg--hover); color: var(--group-label-link-text--hover); } */ /* .parentGroupWrapper .parentGroupNameLabel:before { position: absolute; left: 12px; top: 3px; display: inline-block; font-family: 'FontAwesome'; content: '\f0e8'; font-size: 18px; } .pendingDeleteSection .parentGroupWrapper .parentGroupNameLabel:before { content: '\f1f8'; } */ .groupWrapper .groupNameLabel { display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height: 18px; padding: 2px 8px 2px 8px; position: relative; border-radius: 12px; text-decoration: none; } /* @media screen and (max-width: 767px) { .groupWrapper .groupNameLabel { font-size: 20px; line-height: 22px; min-height: 22px; } } */ /* .groupWrapper .groupNameLabel:before { position: absolute; left: 12px; top: 3px; display: inline-block; font-family: 'FontAwesome'; content: '\f0ca'; font-size: 18px; } */ .groupTeamList { overflow: hidden; } .groupTeamList .teamRow { overflow: hidden; text-decoration: none; background-color: var(--team-row-bg); padding: 4px 12px 4px 16px; font-size: 16px; line-height: 18px; border-radius: 5px; position: relative; display: block; text-decoration: none; margin-bottom: var(--group-gutter-space); } .groupTeamList .teamRow:hover { background-color: var(--team-row-bg-hover); } .groupCollapsed .groupTeamList .teamRow { display: none; } .groupCollapsed .divisionPoolList { display: none; } #modTournamentTeams-content { max-height: 400px; overflow: auto; } .competition-section-empty-message { color:#666; text-align: center; padding: 4px; } .competition-section-empty-message .competition-section-empty-message-text { display: inline-block; vertical-align: middle; } .competition-section-empty-message .btn-setup-button { display: inline-block; vertical-align: middle; margin-left: 12px; } /* competition sections */ /* #mod_tournamentEvents .event-teamPool-label:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; margin-left: 8px; font-weight:normal; font-size: 14px; content: "\f078 "; float: right; } #mod_tournamentEvents .collapsed_teamList .event-teamPool-label:after { content: "\f054"; } */ /* #mod_tournamentEvents .collapsed_teamList .event-teamPool-label { padding-top: 8px; padding-bottom: 8px; } */ /* #mod_tournamentEvents .collapsed_teamList .event-teamPool-label:after { content: "\f078 "; } */ #mod_tournamentEvents .teamPool-label-text { text-decoration: none; color: var(--teamPool-color); line-height: 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; display: flex; align-items: center; height: 38px; /* background-image: url(/Templates/tournaments/images/Pool-MID.png); background-repeat: repeat-x; background-position: left center; background-color: var(--teamPool-bgcolor); background: linear-gradient( 180deg , var(--teamPool-bgcolor-g1) 0% , var(--teamPool-bgcolor-g2) 20% , var(--teamPool-bgcolor-g3) 70% , var(--teamPool-bgcolor-g4) 100% ); */ position: relative; font-weight: bold; text-decoration: none; } #mod_tournamentEvents a.teamPool-label-text:hover { color: #000; } #mod_tournamentEvents .isPool .event-teamPool-label .teamPool-label-text:hover::before { color: var(--competition-color); } #mod_tournamentEvents .isSetup .teamPool-label-text { min-width: 76px; } /* #dialogChangeBracket #mod_tournamentEvents .teamPool-label-text { background-image: none; } #dialogChangeBracket #mod_tournamentEvents .teamPool-label-text { background-size: 80% 80%; } */ /* #mod_tournamentEvents .teamPool-label-text .teamPool-label-text-content { display: inline-block; vertical-align: middle; line-height: 22px; font-weight: bold; } */ /* #mod_tournamentEvents .isFinals .teamPool-label-text { background-color: var(--bracket-bgcolor); 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); } @media screen and (max-width: 767px) { #mod_tournamentEvents .teamPool-label-text { min-width: 120px; padding-left: 22px; } } #mod_tournamentEvents .event-teamPool-label:before { display: inline-block; content:""; height: 30px; width:12px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 1; clip-path: polygon(0 0, 0 100%, 100% 0); } #mod_tournamentEvents .isFinals .event-teamPool-label:before { clip-path: polygon(0 0, 0 100%, 100% 50%); } */ /* #mod_tournamentEvents .event-teamPool-label:after { display: inline-block; content:""; height: 30px; width:12px; background-color: #fff; position: absolute; top: 0; right: -1px; z-index: 1; clip-path: polygon(100% 0, 0 100%, 100% 100%); } #mod_tournamentEvents .isFinals .event-teamPool-label:after { clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%); clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%); } */ #mod_tournamentEvents .competition-locations-wrapper .teamPool-label-text { background-color: #EAEEFB; } /* #mod_tournamentEvents a.teamPool-label-text:hover { color:#000; } #mod_tournamentEvents .teamPool-label-buttons { white-space: nowrap; margin-left: auto; order: 2; display: flex; flex-wrap: nowrap; } */ /* #mod_tournamentEvents .teamPool-label-button-link:hover { background-color: var(--matte-btn-bgcolor-hover); } */ /* #mod_tournamentEvents .teamPool-label-buttons .teamPool-label-button-link-view { background-color: transparent; } #mod_tournamentEvents .teamPool-label-buttons .teamPool-label-button-link:before , */ /* #mod_tournamentEvents .teamPool-label-buttons .teamPool-label-button-link-setup:before { content:'setup'; } #mod_tournamentEvents .teamPool-label-buttons .teamPool-label-button-link-view:before , #mod_tournamentEvents .teamPool-label-button-link:before { content:'X hide'; } */ /* .competition-expandCollapse-group { margin-left: auto; order: 2; } */ /* #mod_tournamentEvents .teamPool-label-button-link:before { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 28px; } */ #mod_tournamentEvents .teamPool-label-button-link-view { display: inline-block; vertical-align: middle; line-height: 24px; padding: 0 12px; vertical-align: middle; color: var(--admin-info-color); } #mod_tournamentEvents .teamPool-label-button-link-view:hover { color: var(--competition-color); } #mod_tournamentEvents .teamPool-label-button-link-view:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-weight: normal; font-size: 14px; content: "\f078"; } #mod_tournamentEvents .isCollapsed_competition .teamPool-label-button-link-view:before { content: "\f054"; } /* #mod_tournamentEvents .competition-locations-wrapper .teamPool-label-button-link-view:before { content:'hide locations'; } #mod_tournamentEvents .collapsed_locationList .teamPool-label-button-link-view:before { content:'view locations'; } */ /* #mod_tournamentEvents .teamPool-label-button-link-view .label-show span { } @media screen and (max-width: 767px) { #mod_tournamentEvents .teamPool-label-button-link-view .label-show .team-label { display: none; } } #mod_tournamentEvents .teamPool-label-button-link-view .label-show { display: none; } #mod_tournamentEvents .collapsed_teamList .teamPool-label-button-link-view .label-hide { display: none; } #mod_tournamentEvents .collapsed_teamList .teamPool-label-button-link-view .label-show { display: inline-block; } @media screen and (max-width: 767px) { #mod_tournamentEvents .teamPool-label-button-link-view:before { display: none; } #mod_tournamentEvents .teamPool-label-button-link-view span { display: none !important; } } #mod_tournamentEvents .teamPool-label-button-link:after , #mod_tournamentEvents .teamPool-label-button-link:after , #mod_tournamentEvents .teamPool-label-button-link:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; margin-left: 6px; font-weight: normal; font-size: 12px; content: "\f077"; margin-top: 2px; } #mod_tournamentEvents .isCollapsed_competition .teamPool-label-button-link:after , #mod_tournamentEvents .collapsed_teamList .teamPool-label-button-link:after , #mod_tournamentEvents .collapsed_locationList .teamPool-label-button-link:after { content: "\f078"; } */ .fullPage .competition-section-header { font-size: 16px; line-height: 18px; padding: 0 4px 0 4px; height: 36px; display: flex; align-items: center; position: relative; } a.competition-section-header { text-decoration: none; color:#000; display: block; } a.competition-section-header .competition-section-header-label { display: block; font-weight: bold; } /* a.competition-section-header .competition-section-header-label:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; margin-left: 8px; font-weight:normal; font-size: 14px; content: "\f078 "; float: right; } */ /* .collapsed_teamList a.competition-section-header .competition-section-header-label:after { content: "\f054"; } */ .competition-section-header .competition-section-header-label { display: block; border-radius: 6px; /* padding: 8px 12px 8px 12px; */ color: var(--teamPool-color); text-decoration: none; /* font-size: 18px; line-height: 20px; */ min-height: 20px; } .competition-section-empty { } .competition-locationList .competition-section-empty .competition-section-empty-message { padding: 0 12px 16px 12px; } /* Tournament Team List */ .teamList-group-wrapper { margin-top: 14px; } .teamList-group-wrapper:first-child { margin-top: 0; } /* .teamPool-teamList-wrapper { margin-top: 12px; margin-bottom: 4px; } */ /* @media screen and (max-width: 767px) { .teamPool-teamList-wrapper { margin-bottom:4px; } } */ /* .teamPool-teamList-wrapper .teamList-group-title .teamList-group-title-text { color: #4D3E7C; display: inline-block; vertical-align: middle; padding: 0 6px 6px 12px; line-height: 18px; border-radius: 5px; min-width: 100px; font-weight: normal; text-decoration: none; } .teamPool-teamList-wrapper .teamList-group-title .teamList-group-title-text .fa { display: inline-block; vertical-align: middle; margin: -4px 2px 0 2px; opacity: 0.75; } .teamPool-teamList-wrapper .teamList-group-title .teamList-group-title-text span { display: inline-block; vertical-align: middle; } .teamPool-teamList-wrapper .teamList-group-title .teamList-group-title-text:after { content: "\f040"; display: inline-block; vertical-align: middle; font-family: FontAwesome; font-size: 16px; line-height: 16px; margin-left: 12px; } .teamPool-teamList-wrapper .section-header-links { height: 24px; margin-top: -4px; margin-right: -6px; padding-right: 0; } .teamPool-teamList-wrapper { display: none; } .expanded_teamList .teamPool-teamList-wrapper { display: block; } */ .teamList-group-title-link { float: right; margin-right: 4px; } .modTitle .modTitleClose { color: var(--teamPool-color); margin: 1px -8px 0 0; opacity: 0.7; } .modTitle .modTitleClose:hover { color: #999; } .teamPool-teamList-groupList { margin-bottom: 8px; } .teamPool-teamList-groupList:last-child { margin-bottom: 0; } .teamPool-bracket-details { display: none; } /* The horizontal scroller */ /* Horizontal scroller inside preview */ .previewOnly #subView_brackets .competition-details-body-content{ overflow-x: auto; overflow-y: hidden; /* keep vertical hidden inside the pane */ -webkit-overflow-scrolling: touch; /* was: touch-action: pan-x; ← blocks vertical page scrolls */ touch-action: pan-x pan-y; /* or simply: touch-action: auto; */ overscroll-behavior-x: contain; /* keep horizontal gestures here */ } /* Inside the bracket canvas: make it non-interactive in preview mode */ .previewOnly #subView_brackets .competition-details-body-content .bracket_wrapper_inner, .previewOnly #subView_brackets .competition-details-body-content .bracket_rounds_wrapper, .previewOnly #subView_brackets .competition-details-body-content .roundsWrapper, .previewOnly #subView_brackets .competition-details-body-content .bracket_group { pointer-events: none; /* ← critical: slow drags won't be “clicks” */ } /* Keep header/top controls and footer buttons clickable */ .previewOnly .event-competition-row, .previewOnly .event-competition-row * , .previewOnly .competition-view-alerts, .previewOnly .competition-view-alerts * { pointer-events: auto; } /* .previewOnly #subView_brackets .competition-details-body-content { display: flex; flex-direction: column; gap: 16px; max-width: 100%; overflow-x: auto; } */ .previewOnly #subView_brackets .competition-stage-wrapper { display: inline-block; vertical-align: top; } @media screen and (max-width: 767px) { .previewOnly #subView_brackets .competition-stage-wrapper { flex-direction: column; } } .previewOnly #subView_brackets .bracket_wrapper_outer { zoom: 0.6; display: flex-inline; transform-origin: left; } #subView_brackets_original .teamPool-bracket-details { background-color: #f2f3f9; margin: 4px 0 4px 0; border-radius: 12px; border: 1px solid #9FB1F2; } .competition-brackets-outer-wrapper { /* border-bottom: 2px solid #A6B1F2; */ } #subView_brackets .competition-details-body-content { border-radius: 12px; } #subView_brackets .bracket_wrapper_outer:NOT(.competition_informationText_wrapper) { background-color: var(--bracket-bg); background-image: var(--bracket-bg-image); background-size: var(--bracket-bg-size); } /* #subView_brackets .competition-details-body-content .bracket_wrapper_outer { background-image: var(--bracket-bg-image); background-size: var(--bracket-bg-size); } */ #subView_brackets .competition-details-body-content .competition-stage-wrapper:first-child .teamPool_wrapper_outer:first-child .bracket_wrapper_outer:NOT(.competition_informationText_wrapper) { border-top-left-radius: 12px; border-top-right-radius: 12px; } #subView_brackets .competition-details-body-content .competition-stage-wrapper:last-child .teamPool_wrapper_outer:last-child .bracket_wrapper_outer:NOT(.competition_informationText_wrapper) { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .competition-brackets-outer-wrapper:last-child { margin-bottom: 0; border-bottom: none; } .bracket_wrapper_inner { /* border-bottom: 2px solid #9FB1F2; border-bottom: 2px solid #A6B1F2; */ position: relative; } /* .bracket_wrapper_outer:last-child .bracket_wrapper_inner { border-bottom: none; } */ .bracket_title_row { display: flex; align-items: center; } #subView_brackets .bracket_wrapper_outer:NOT(.competition_informationText_wrapper) .bracket_title_row { background-color: var(--bracket-header-bg-color); border-bottom: 1px solid var(--bracket-header-bottom-line); } #subView_brackets .bracket_wrapper_outer:NOT(.competition_informationText_wrapper) /* :NOT(:last-child) */ { border-bottom: 1px solid var(--bracket-bg-divider-color); } #subView_brackets .competition-stage-wrapper:first-child .teamPool_wrapper_outer:first-child .bracket_wrapper_outer:NOT(.competition_informationText_wrapper):first-child .bracket_title_row { border-top-left-radius: 10px; border-top-right-radius: 10px; } #subView_brackets .competition-stage-wrapper:last-child .teamPool_wrapper_outer:last-child .bracket_wrapper_outer:NOT(.competition_informationText_wrapper):NOT(.isExpanded_bracket):last-child .bracket_title_row { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: none; } #subView_brackets .competition-stage-wrapper:last-child .teamPool_wrapper_outer:last-child .bracket_wrapper_outer:NOT(.competition_informationText_wrapper):last-child { border-bottom: none; } .bracket_setupTeams_wrapper { padding: 8px; } .bracket_title_row .bracket_title_link { padding-left: 12px; color: #4E78EE; line-height: 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; display: inline-flex; align-items: center; height: 38px; min-width: 76px; position: relative; font-weight: bold; text-decoration: none; } #subView_brackets .teamPool_wrapper_outer .bracket_title_row .bracket_title_link { color: var(--bracket-pool-name-text); } .bracket_title_row a.bracket_title_link:hover { filter: brightness(0.7); /* color: var(--competition-color); */ } .competition_informationText_wrapper .bracket_title_row a { height: auto; color: var(--competition-text-link); } /* .isExpanded_bracket .bracket_title_row .bracket_title_link , .bracket_title_row .bracket_title_link:hover { color: #4E78EE; } */ .bracket_title_row .info_edit_link { text-decoration: none; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; display: inline-flex; align-items: center; height: 38px; position: relative; margin-left: 20px; } .bracket_title_row .info_edit_link:before { /* edit pencil */ content: "\f040"; font-family: FontAwesome; font-size: 16px; line-height: 20px; margin-right: 8px; } .bracket_title_row .info_edit_link:hover { color: var(--competition-color); } .bracket_title_row .bracket_title_link:before { display: inline-block; vertical-align: middle; font-family: HTOfonts; font-weight: normal; font-size: 28px; line-height: 28px; margin-right: 8px; width: 24px; text-align: center; } .competition_informationText_wrapper { border-bottom: 1px solid var(--bracket-info-bottom-line); padding-bottom: 4px; } .competition_informationText_wrapper .bracket_title_row .bracket_title_link:before { content: "\f05a"; font-size: 20px; } .competition_informationText_wrapper .bracket_title_row .bracket_title_link.isAddInfoLink:before { content: "\f040"; font-size: 18px; } .competition_informationText_wrapper .competition-info-content { background-color: #f2f3f9; padding: 10px 16px; border-radius: 8px; margin: 2px 0 0 0; color:#666; } .isPool .bracket_title_row .bracket_title_link:before { content: "\f2ea"; } .view_teams .isPool.hasSlotsToBeFilled .bracket_title_row .bracket_title_link:before { color: #e70; } .isFeed .bracket_title_row .bracket_title_link:before { content: "\f349"; font-size: 26px; font-size: 26px; margin-top: 6px; } .isFinals .bracket_title_row .bracket_title_link:before { content: "\f064"; -webkit-transform: scaleY(-1); transform: scaleY(-1); font-size: 22px; } .isUnassigned .bracket_title_row .bracket_title_link:before { content: "\f31b"; font-size: 30px; } .isFinals .bracket_title_row .bracket_title_link_label:after { color: var(--bracket-pool-name-text); display: inline-block; vertical-align: middle; font-family: HTOfonts; font-weight: normal; font-size: 22px; line-height: 22px; margin-left: 8px; width: 24px; text-align: center; content: "\f091"; } .isConsolation .bracket_title_row .bracket_title_link:before { content: "\f064"; -webkit-transform: scaleY(-1); transform: scaleY(-1); font-size: 22px; } .isConsolation .bracket_title_row .bracket_title_link_label:after { color: #9FB1F2; display: inline-block; vertical-align: middle; font-family: HTOfonts; font-weight: normal; font-size: 24px; line-height: 24px; margin-left: 8px; width: 24px; text-align: center; content: '\f347'; } .competition_informationText_wrapper .bracket_title_row .bracket_title_link { color: var(--competition-text-link); } .competition_informationText_wrapper .bracket_title_row .bracket_title_link:hover { color: var(--competition-color); } .competition_informationText_wrapper .bracket_title_row .bracket_title_link.isAddInfoLink { font-weight: normal; } .bracket_title_row .btn-advance.isWarning { color: #e70; font-size: 16px; } .bracket_title_row .btn-advance.isWarning:hover { color: var(--competition-color); } .bracket_title_row .btn-add-scores.isReadyForScores { color: var(--competition-text-alerts); font-size: 16px; } .bracket_title_row .btn-add-scores.isReadyForScores:hover { color: var(--competition-text-alerts-hover); } /* .bracket_title_row .btn-add-scores.isReadyForScores { color: var(--competition-is-ready); font-size: 16px; } .bracket_title_row .btn-add-scores.isReadyForScores:hover { color: var(--competition-is-ready-hover); } */ .bracket_title_row .btn-add-scores.isReadyForScores:before { content: "\f348"; font-family: HTOFonts; font-size: 20px; line-height: 20px; } /* .bracket_title_row .btn-add-scores.isWarning.isTrialLock:before { content: "\f023"; font-family: FontAwesome; font-size: 20px; line-height: 20px; } @media screen and (max-width: 767px) { .bracket_title_row .btn-add-scores.isWarning.isTrialLock .btn-label { display: none; } } */ a.bracket_title_link:after { color: #4E78EE; content: "\f105"; font-family: FontAwesome; font-size: 20px; line-height: 20px; font-weight: normal; margin-left: 16px; display: inline-block; vertical-align: middle; } #subView_brackets a.bracket_title_link:after { color: var(--bracket-pool-name-text); } a.bracket_title_link:hover::after { color: var(--competition-color); } .isExpanded_bracket a.bracket_title_link:after { content: "\f107"; } .competition_informationText_wrapper a.bracket_title_link:after { color: #AAB3F0; } .competition_informationText_wrapper a.bracket_title_link:hover::after { color: var(--competition-color); } a.bracket_title_link.isAddInfoLink:after { display: none; } @media screen and (max-width: 767px) { .teamPool-bracket-details { padding: 2px; } } .bracket_inner_nav { padding: 0 0 0 4px; } .bracket_inner_nav .btn { display: inline-block; vertical-align: middle; color: #AAB3F0; padding: 6px 12px; position: relative; margin: 0 4px 4px 0; } .bracket_inner_nav .btn:before { font-size: 22px; } .bracket_inner_nav .btn:hover { color: var(--competition-color); } .teamsAvailable-body .teampool-unassigned-emptyMsg { text-align: center; padding: 0 8px 12px 8px; color: #AAB3F0; margin-bottom: 12px; } .teampool-unassigned-instructions { color: var(--admin-info-color); margin: 0 0 6px 0; } .empty-message-row { display: flex; padding: 8px; /* center vertical */ align-items: center; font-style: italic; } .empty-message-row .empty-message-text { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 18px; color: #666; } .empty-message-row .empty-message-link { display: inline-block; vertical-align: middle; margin-left: 12px; font-size: 16px; line-height: 18px; color: #666; } .bracket_title_row .btn-bracket-counts { display: inline-flex; align-items: center; font-size: 16px; padding: 0 16px; line-height: 28px; height: 28px; color: #9FB1F2; margin-left: 18px; font-family: 'Roboto Condensed', sans-serif; } /* .isExpanded_bracket .bracket_title_row .btn-bracket-counts:after { content: "\f33c"; font-family: HTOfonts; font-size: 26px; line-height: 26px; margin-left: 12px; color: #9FB1F2; } .isExpanded_bracket.isUnassigned .bracket_title_row .btn-bracket-counts:after { margin-left: 0; } */ .btn-add-teams:before{ content: "\f33c"; font-family: HTOfonts; display: inline-block; font-weight: normal; } .bracket_title_row .team-actions { display: inline-flex; height: 38px; margin-left: auto; align-items: center; text-decoration: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; } .bracket_title_row .team-actions .bracket-counts { color: #4E78EE; margin-right: 12px; display: inline-flex; align-items: center; } .bracket_title_row .bracket-btn { display: inline-flex; align-items: center; font-size: 16px; padding: 0 12px; line-height: 30px; height: 30px; color: #9398ea; background-color: #eee; margin-right: 6px; } #subView_brackets .bracket_title_row .team-actions .bracket-counts { color: var(--bracket-pool-name-text); } #subView_brackets .bracket_title_row .bracket-btn { color: var(--bracket-btn-text); background-color: var(--bracket-btn-bg); } .bracket_title_row a.bracket-btn:hover { filter: brightness(0.9); } @media screen and (max-width: 767px) { .bracket_title_row .team-actions .btn .btn-label { display: none; } /* Phones: the team-count + action buttons can't sit beside the pool title without running off the right edge (the team-actions margin-left:auto pushes them past the viewport). Wrap them onto their own row instead: the title keeps the first line with its team icon, and "add teams" + the wrench line up in a row beneath it. */ .bracket_wrapper_outer .bracket_title_row { flex-wrap: wrap; padding-bottom: 6px; } .bracket_wrapper_outer .bracket_title_row .bracket_title_link { flex: 1 1 100%; } .bracket_wrapper_outer .bracket_title_row .team-actions { margin-left: 12px; } } .bracket_title_row .team-actions:hover { filter: brightness(0.9); } /* ITEM-6681 (David): the seed count on the assign tab no longer toggles the (permanent) Available Teams bin, so it renders as a plain, non-interactive label. */ .bracket_title_row .team-actions.is-static { cursor: default; } .bracket_title_row .team-actions.is-static:hover { filter: none; } .bracket_title_row .team-actions .btn.btn-add-teams:before { font-size: 22px; } /* .bracket_title_row .btn-add-teams-pool { display: inline-flex; align-items: center; font-size: 16px; padding: 0 8px; line-height: 38px; height: 38px; color: var(--bracket-pool-name-text); margin-left: 8px; font-family: 'Roboto Condensed', sans-serif; } .bracket_title_row .btn-add-teams-pool:hover { color: var(--competition-color); } .bracket_title_row .btn-add-teams-pool .btn-icon:before { content: "\f33c"; font-family: HTOfonts; font-size: 28px; line-height: 28px; margin-right: 2px; margin-top: -5px; display: inline-block; vertical-align: middle; } .bracket_wrapper.isUnassigned:NOT(.isExpanded_bracket) .bracket_title_row .btn-add-teams-pool .btn-icon { display: none; } .bracket_title_row .btn-add-teams-pool.warn-count .btn-icon:before { color: #e70; } */ .bracket_title_row .btn-schedule-games { display: inline-flex; align-items: center; font-size: 16px; padding: 0 8px; line-height: 28px; height: 28px; color: #9FB1F2; margin-left: 8px; font-family: 'Roboto Condensed', sans-serif; } .bracket_title_row .btn-schedule-games:hover { color: var(--competition-color); } .teamsAvailable-body , .teamsRemoved-body { display: none; } .showEligible .teamsAvailable-body , .showRemoved .teamsRemoved-body { display: flex; align-items: center; flex-wrap:wrap; } .bracket_wrapper_inner .teamsAvailable.droppable-hover-class , .teamDetails .teamInfoRow.droppable-hover-class , .bracket_wrapper_outer .bracket_title_row.droppable-hover-class { background-color: #f9f8f2ef; border-radius: 5px; } .teamPool-bracket-details-content { position: relative; min-height: 30px; padding: 8px 8px 0 8px; } .teamPool-bracket-details-content .setup-toggle { position: absolute; right: 8px; top: 8px; 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: flex; align-items: center; justify-content: center; min-width: 100px; border: 1px solid var(--admin-info-color); font-weight: normal; } .teamPool-bracket-details-content .setup-toggle:hover { background-color: #fff; } .teamPool-bracket-details-content .setup-toggle .btn-label { margin: 0 8px 0 0; } .teamPool-bracket-details-content .setup-toggle:after { content: "\f078"; font-family: FontAwesome; font-size: 16px; line-height: 16px; font-weight: normal; } .isSetup_bracket .teamPool-bracket-details-content .setup-toggle:after { content: "\f077"; } #bracket_setup_seeding_wrapper { display: none; } .isSetup_bracket #bracket_setup_seeding_wrapper { display: block; } .teamPool-teamList-content { padding: 1px 12px; border-radius: 5px; position: relative; } /* @media screen and (max-width: 767px) { .teamPool-bracket-details-content , .teamPool-teamList-content { padding: 4px; } } */ .bracket-setup-placeholder { padding-top: 8px; } .bracket-schedule-wrapper { padding: 8px 16px 16px 16px; } /* .teamPool-teamList-wrapper { display: none; background-color: var(--teamPool-bgcolor-g2); margin-top: 4px; border-radius: 3px; padding: 0 8px 8px 8px; } @media screen and (max-width: 767px) { .teamPool-teamList-wrapper { padding: 0 2px 2px 2px; } } */ .teamPool-teamList-nav { text-align: right; } .teamPool-teamList-nav .teamPool-teamList-nav-link { border-radius: 14px; font-size: 16px; background-color: #ffffff; margin: 4px; } /* .teamPool-teamList-nav .teamPool-teamList-nav-link.detailsLink { background-color: transparent; } */ .teamPool-bracket-details .teamPool-bracket-details-loading { padding-top: 48px; padding-left: 12px; min-height: 110px; } .teamPool-bracket-details .teamPool-bracket-details-loading .fa { display: inline-block; margin-left: 12px; font-size: 24px; } .teamPool-bracket-details-links .btn { font-weight: normal; background-color: var(--bracket-bgcolor); color: var(--bracket-color); border-radius: 14px; } .teamList-group-teamList { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .teamList-group-teamList .group-team-item { display: block; padding: 6px 12px; border: 1px solid #533b7c55; color: #4D3E7C; border-radius: 5px; text-decoration: none; } /* .section-header-links { text-align: right; } .section-header-links .btn-edit { background-color: #fff; line-height: 28px; padding: 0 12px; color: #888; border-radius: 14px; } .section-header-links .btn-edit:hover { color:#000; } .section-header-links .btn-close { display: inline-block; vertical-align: middle; background-color: #bbb; color: #fff; margin: 3px 6px 0 0; padding: 0 14px; line-height: 23px; height: 26px; border-radius: 14px; font-weight: normal; } .section-header-links .btn-close:hover { background-color: #999; } .section-header-links .btn-close:before { display: inline-block; content: "close"; color:#fff; display: inline-block; vertical-align: middle; font-size: 14px; font-family: Arial,Helvetica,sans-serif; line-height: 28px; } */ /* Tournament Locations */ .competition-locations-wrapper { background-color: var(--location-wrapper-bgcolor); border-radius: 6px; padding: 8px 12px; } .competition-locationList { padding: 6px 12px; } .collapsed_locationList .competition-locationList { display: none; } /* .collapsed_locationList a.competition-section-header .modTitleClose { display: none; } .collapsed_locationList a.competition-section-header .competition-section-header-label:after { content: "\f054"; display: inline-block; vertical-align: middle; font-family: FontAwesome; font-size: 12px; line-height: 16px; margin-left: 12px; } */ a.location-header-label { display: inline-block; background-color: var(--matte-btn-bgcolor); color: #4D3E7C; border-radius: 5px; padding: 4px 12px; margin: 0 5px 5px 0; text-decoration: none; font-weight: bold; } a.location-header-label.isSub { font-weight: normal; } /* .competition-section .imgRow { text-align: center; margin-bottom: 6px; } .competition-section .msgRow { font-size: 16px; font-weight: bold; color:#666; } #modTournamentLocations .location-header { margin: 0 0 2px 0; } #modTournamentLocations .location-header-label { text-decoration: none; background-color: var(--location-bgcolor); display: inline-block; vertical-align: middle; font-size: 16px; line-height: 18px; border-radius: 6px; padding: 4px 12px; color: var(--location-color); font-family: 'Roboto Condensed', sans-serif; margin: 0 4px 4px 0; } #modTournamentLocations .location-header-label:hover { background-color: var(--location-bgcolor-hover); } @media screen and (max-width: 767px) { #modTournamentLocations .location-header-label { font-size: 20px; line-height: 22px; min-height: 22px; } } #modTournamentLocations .location-header-label.isSub { background-color: var(--sublocation-bgcolor); color: var(--sublocation-color); } #modTournamentLocations .location-header-label.isSub:hover { background-color: var(--sublocation-bgcolor-hover); } */ /* Dialogs */ .tournamentDialog .inputRow .form-control.tournamentLabel.isWide { display: block; width: 100%; } #newBracketName , #newTeamPoolName , #teamPoolID_new { width: 100%; display: block; } #newTeamPoolName { } .bracketset-brackets-list .bracket-row .bracketSource-refID { display: inline-block; width: 12px; text-align: center; color: #fff; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 14px; line-height: 14px; padding-top: 2px; } .bracketRef-group , .teamPoolRef-group , .competitionRef-group { float: right; } .bracketRef-group .bracketRef , .teamPoolRef-group .teamPoolRef , .competitionRef-group .competitionRef { padding: 0 2px; text-align: center; margin: 0; } .bracketRef-group .bracketRef:first-child , .teamPoolRef-group .teamPoolRef:first-child , .competitionRef-group .competitionRef:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 5px; } .bracketRef-group .bracketRef:last-child , .teamPoolRef-group .teamPoolRef:last-child , .competitionRef-group .competitionRef:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tournamentDialog .inputOptionsRow_parentInfo .inputRow .form-control { display: block; width: 100%; } /* dialog - team pool */ .label-row-teamPoolName { margin-top: 8px; } .teamPoolParentRow { margin-bottom: 4px; } .teamPoolParentRow_competition { position: relative; } .hasMultipleEvents .teamPoolParentRow_competition { padding-left: 28px; } .inputOptionsRow_teamPoolInfo { padding-left: 28px; position: relative; } .inputOptionsRow_teamPoolInfo.isNameOnly { padding-left: 0; margin: 0 -2px; position: relative; } .inputOptionsRow_teamPoolInfo.isNameOnly:before { display: none; } .inputOptionsRow_teamPoolInfo.isNameOnly .inputRow { margin-right: 0; } .hasMultipleEvents .inputOptionsRow_teamPoolInfo { padding-left: 55px; } .inputOptionsRow_teamPoolInfo .inputRow { margin: 3px 20px 0 0; padding: 2px 2px; background-color: var(--teamPool-bgcolor); border-radius: 5px; } .inputOptionsRow_teamPoolInfo .inputRow input { padding: 0 12px; color: var(--teamPool-color); font-weight: bold; } .inputOptionsRow_teamPoolInfo:before { content:" "; display: inline-block; position: absolute; left: 18px; top: -4px; width: 10px; height: 44px; border-left: 2px solid #aaa; border-bottom: 2px solid #aaa; } .hasMultipleEvents .inputOptionsRow_teamPoolInfo:before { left: 46px; } /* .isAddBracket .inputOptionsRow_teamPoolInfo:before { height: 22px; } */ .input-label-row { padding-left: 14px; } .input-label-row .input-label-text { color: var(--dialog-text-standard); font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; } .inputBGWrapper { background-color: #fff; border-radius: 5px; position: relative; } .inputBGWrapper:after { position: absolute; right: 9px; top: 5px; display: inline-block; vertical-align: middle; color: var(--dialog-text-standard); opacity: 0.6; line-height: 18px; font-size: 18px; font-family: FontAwesome; content: "\f040"; } #newTeamPoolName { background-color: transparent; padding-right: 24px; } .hasMultipleEvents .teamPoolParentRow_competition:before { content:" "; display: inline-block; position: absolute; left: 18px; top: -4px; width: 10px; height: 37px; border-left: 2px solid #aaa; border-bottom: 2px solid #aaa; } .inputRow_eventFolder { position: relative; } .inputRow_eventFolder:after { position: absolute; left: 12px; top: 5px; display: inline-block; vertical-align: middle; color: var(--dialog-text-standard); opacity: 0.8; line-height: 18px; font-size: 18px; font-family: FontAwesome; content: "\f07c"; } .inputRow_eventFolder .form-control { padding-left: 35px; padding-top: 1px; } .inputRow_competition { position: relative; } .inputRow_competition:after { position: absolute; left: 12px; top: 5px; display: inline-block; vertical-align: middle; color: var(--dialog-text-standard); opacity: 0.8; line-height: 18px; font-size: 18px; font-family: FontAwesome; content: "\f091"; } .inputRow_competition .form-control { padding-left: 35px; padding-top: 1px; } .teamPoolParentLabel { display: block; border-radius: 4px; padding: 4px 12px 5px 38px; color: var(--dialog-text-standard); border: 1px solid #CCCCCC; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: normal; text-decoration: none; font-size: 16px; line-height: 18px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inputOptionsRow_teamPoolInfo .teamPoolParentLabel { border: none; text-decoration: none; color: var(--teamPool-color); font-weight: bold; max-height: 30px; min-height: 30px; padding: 0 36px 0 14px; line-height: 15px; overflow: hidden; border-radius: 15px; display: flex; align-items: center; background-color: var(--teamPool-bgcolor); min-width: 120px; position: relative; } .inputOptionsRow_teamPoolInfo .teamPoolParentLabel .teamCount { position: absolute; top: 7px; right: 10px; font-size: 14px; } .inputOptionsRow_competitionInfo #newCompetitionName { padding-left: 36px; padding-top: 2px; height: 32px; font-size: 18px; line-height: 32px; } .inputOptionsRow_competitionInfo .inputRow { position: relative; margin: 0; } .inputOptionsRow_competitionInfo .inputRow:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; position: absolute; left: 12px; top: 8px; color: var(--dialog-text-standard); opacity: 0.8; line-height: 18px; font-size: 18px; content: "\f091"; } /* .inputOptionsRow_teamPoolInfo #newTeamPoolName , .inputOptionsRow_teamPoolInfo #teamPoolID_new { padding-left: 40px; } .inputOptionsRow_teamPoolInfo:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; position: absolute; left: 82px; top: 7px; color: var(--dialog-text-standard); opacity: 0.8; line-height: 16px; font-size: 16px; content: "\f0ca"; } */ .teamPoolParentLabel:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; position: absolute; left: 10px; top: 6px; opacity: 0.8; } .teamPoolParentRow_event .teamPoolParentLabel:before { line-height: 18px; font-size: 18px; content: "\f07c"; } .teamPoolParentRow_competition .teamPoolParentLabel:before { line-height: 18px; font-size: 18px; content: "\f091"; top: 5px; } .teamPoolParentRow_teamPool .teamPoolParentLabel { padding-left: 40px; } .teamPoolParentRow_teamPool .teamPoolParentLabel:before { font-family: HTOfonts; line-height: 22px; font-size: 22px; content: "\f2ea"; top: 2px; } .isUnassigned .teamPoolParentRow_teamPool .teamPoolParentLabel:before { content: "\f31b"; font-size: 24px; } .teamPoolParentLabel .fa { display: inline-block; vertical-align: middle; margin: -4px 2px 0 2px; opacity: 0.75; } .teamPoolParentRow_teamPool { padding-left: 28px; position: relative; } .teamPoolParentRow_teamPool:before { content: " "; display: inline-block; position: absolute; left: 18px; top: -4px; width: 10px; height: 22px; border-left: 2px solid #aaa; border-bottom: 2px solid #aaa; } .add-teams-nav-row { display: flex; align-items: center; border-bottom: 5px solid #27e; gap: 5px; margin-top: 8px; } .add-teams-nav-row .add-teams-nav-tab { flex-grow: 1; flex-shrink: 1; flex-basis: auto; display: inline-flex; align-items: center; justify-content: center; padding: 3px 4px 3px 4px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; color: #888; font-weight: normal; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 14px; text-decoration: none; background-color: #fff; white-space: nowrap; flex-wrap: nowrap; } .add-teams-nav-row a.add-teams-nav-tab:hover , .add-teams-nav-row .add-teams-nav-tab.selected { background-color: #27e; color: #fff; border-color:#27e; } /* .add-teams-nav-row .add-teams-nav-tab.isType { flex: 1; } .add-teams-nav-row .add-teams-nav-tab.isPull { flex: 1.1; } .add-teams-nav-row .add-teams-nav-tab.isReg { flex: 1.2; } */ .add-teams-nav-row .add-teams-nav-tab .add-teams-nav-icon:before { display: inline-block; vertical-align: middle; font-family: HTOfonts; font-size: 22px; line-height: 22px; margin-right: 8px; } .add-teams-nav-row .add-teams-nav-tab.isType .add-teams-nav-icon:before { content: "\f33c"; } .add-teams-nav-row .add-teams-nav-tab.isPull .add-teams-nav-icon:before { content: "\f34a"; } .add-teams-nav-row .add-teams-nav-tab.isReg .add-teams-nav-icon:before { content: "\f34c"; margin-top: 4px; } .add-finals-toggle-row { display: none; } a.add-finals-toggle-row { display: block; width: 100%; text-decoration: none; padding-left: 42px; margin-top: 16px; position: relative; color:#666; } .add-finals-toggle-row.showFinalsToggle{ display: block; } .add-finals-toggle-row .add-finals-checkbox:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-size: 26px; line-height: 26px; content: "\f046"; color: #27e; position: absolute; left: 1px; top: 0; } .add-finals-toggle-row.skipFinals .add-finals-checkbox:before { content: "\f096"; color: #666; } .add-finals-toggle-row .add-finals-label { font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; font-weight: normal; font-size: 16px; line-height: 18px; display: block; } /* #inputOptionsRow_teams { margin-top: 12px; } */ #inputOptionsRow_teams .form-control-label { display: inline-block; vertical-align: middle; line-height: 30px; font-weight: normal; } #inputOptionsRow_teams .btn-setupTeams-link { float: right; display: inline-block; color: #27e; position: relative; text-transform: none; line-height: 28px; height: 28px; font-weight:normal; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; margin-right: -8px; margin-top: -3px; } .btn-settings:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f013"; font-size: 22px; line-height: 22px; margin-right: 4px; font-weight: normal; } /* .btn-arrow-circle-right:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f0a9"; font-size: 20px; margin-left: 8px; font-weight: normal; } */ .btn-arrow-circle-right:hover::before { color:#000; } .teamPool-header-label.btn-arrow-right:after { /* display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f0a9"; */ font-weight: normal; font-size: 18px; vertical-align: top; } .teamPool-header-label.btn-arrow-right:hover::before { color:#000; } /* #inputOptionsRow_teams .btn-setupTeams-link.btn-arrow-right:after { font-size: 14px; } */ #inputOptionsRow_teams .btn-setupTeams-link .btn-label { text-decoration: underline; font-size: 16px; } #contentArea_teams .add-teams-row { } #contentArea_teams .add-teams-row .add-teams-link { display: inline-block; color: #27e; text-transform: none; line-height: 28px; font-size: 16px; height: 28px; font-weight:normal; padding: 0 4px; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; } /* #inputOptionsRow_teams .btn-team-groups { float: right; color: var(--dialog-text-standard); padding-left: 40px; position: relative; text-transform: none; background-color: #D6D6D6; line-height: 28px; height: 28px; border-radius: 14px; } */ #inputOptionsRow_teams .teamPool-empty-wrapper { text-align: center; text-decoration: none; padding: 4px; display: block; width: 100%; color: var(--dialog-text-standard); } #inputOptionsRow_teams .teamPool-empty-row-teamGroups { margin-top: 8px; } #inputOptionsRow_teams .teamPool-empty-wrapper .teamPool-empty-link { text-decoration: underline; } #inputOptionsRow_teams .teamPool-empty-wrapper .teamPool-empty-row { margin-top: 8px; } /* .btn-team-groups .btn-icon { font-size: 18px; line-height: 18px; } .btn-team-groups .btn-icon:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f0ca"; position: absolute; left: 12px; top: 4px; width: 19px; height: 19px; } .btn-team-groups .btn-icon:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f0ca"; position: absolute; left: 22px; top: 9px; width: 21px; height: 19px; background-color: #D6D6D6; } */ #inputOptionsRow_teams .inputOptionsRow-contentArea { background-color: #fff; margin-top: 0; padding: 6px 10px 10px 10px; border-radius: 6px; /* border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; */ } #inputOptionsRow_teams .inputOptionsRow-contentArea .writeIns-included-message { font-size: 14px; line-height: 18px; color:#999; padding: 6px 0 6px 6px; } #replaceFieldsTBDMessage { font-size: 16px; line-height: 20px; color:#666; margin-top:12px; font-family: "Roboto Condensed",Arial,Helvetica,sans-serif; } .warning-box { background-color: #fff8e1; /* Light yellow/orange */ color: #5c4400; /* Dark brown text for good contrast */ padding: 12px 16px; border-radius: 6px; font-size: 14px; line-height: 1.5; } /* #inputOptionsRow_teams .inputOptionsRow-tab-link { background-color: #eee; border: 1px solid #fff; border-bottom: none; color: #333; border-top-left-radius: 8px; border-top-right-radius: 8px; width: 46%; margin: 0 1%; display: inline-block; vertical-align: middle; text-decoration: none; text-align: center; text-transform: uppercase; font-family: "Oswald-Regular",Arial,Helvetica,sans-serif; font-size: 15px; line-height: 24px; padding-top: 6px; font-weight: bold; } #inputOptionsRow_teams #tabLink_teams , #inputOptionsRow_teams.isShowingBrackets #tabLink_teams:hover { background-color: #fff; color: #474085; } #inputOptionsRow_teams.isShowingBrackets #tabLink_brackets , #inputOptionsRow_teams #tabLink_brackets:hover { background-color: #fff; color: #4E78EE; } #inputOptionsRow_teams.isShowingBrackets #tabLink_teams { background-color: #eee; color: #9EB3EE; } #inputOptionsRow_teams #tabLink_brackets { background-color: #eee; color: #ABA2B9; } #inputOptionsRow_teams #contentArea_brackets { display: none; } #inputOptionsRow_teams.isShowingBrackets #contentArea_brackets { display: block; } #inputOptionsRow_teams.isShowingBrackets #contentArea_teams { display: none; } */ .bracketset-teams-list { max-height: 350px; overflow: auto; } .bracketset-teams-list .teamLabel { text-decoration: none; display: inline-block; vertical-align: middle; line-height: 20px; padding: 4px 6px 5px 6px; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; width: auto; position: relative; min-height: 29px; color: #27e; font-weight: normal; } /* :NOT(.isPartiallySelected) */ .bracketset-teams-list .isDisabled .teamLabel { color: #888; font-weight: normal; } .bracketset-teams-list .isAddFields .teamLabel { color: #AAB3F0 !important; font-weight: normal; } .bracketset-teams-list .isDisabled a.teamLabel:hover { color: var(--competition-color); } #dialogScheduleBuildLocations .bracketset-teams-list .isPartiallySelected .teamLabel { color: #27e; } #teamPoolDetailsDialog .bracketset-teams-list .isGroup .teamLabel { padding-left: 30px; } #teamPoolDetailsDialog .bracketset-teams-list .isGroup .teamLabel:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; position: absolute; left: 5px; top: 6px; opacity: 0.8; line-height: 16px; font-size: 16px; content: "\f0ca"; font-weight: normal; } #teamPoolDetailsDialog .bracketset-teams-list .isGroup.isSub .teamLabel:before { content: "\f0ca"; } .bracketset-teams-list .inOtherPool.isDisabled .teamCheckIcon:after { display: inline-block; vertical-align: middle; position: absolute; left: 6px; top: 7px; content: " "; width: 7px; height: 7px; border-radius: 3px; background-color: #ACB2BB; } /* .bracketset-teams-list .inOtherPool { opacity: 0.7; } .bracketset-teams-list .inOtherPool .teamLabel { font-style: italic; } */ .bracketset-teams-list .isSeeded .teamLabel:before { content:'#'; margin-right: 2px; font-weight: bold; } /* .bracketset-teams-list .isSeeded.isSeeded_2 .teamLabel:after { content:'**'; } .bracketset-teams-list .isSeeded.isSeeded_3 .teamLabel:after { content:'***'; } .bracketset-teams-list .isSeeded.isSeeded_4 .teamLabel:after { content:'****'; } .bracketset-teams-list .isSeeded.isSeeded_5 .teamLabel:after , .bracketset-teams-list .isSeeded.isSeeded_6 .teamLabel:after , .bracketset-teams-list .isSeeded.isSeeded_7 .teamLabel:after { content:'****+'; } */ /* .bracketset-teams-list .isDisabled .teamLabel { color: var(--dialog-text-standard); } */ .teamPool-finals-info { text-align: center; color: var(--dialog-text-standard); font-family: 'Roboto Condensed', sans-serif; margin: 16px 0 6px 0; } /* .bracketset-teams-list a.btn-group:hover { background-color: var(--group-btn-bgcolor-hover); } .bracketset-teams-list .btn-group.isSub { background-color: var(--subgroup-btn-bgcolor); color: #000; } .bracketset-teams-list a.btn-group.isSub:hover { background-color: var(--subgroup-btn-bgcolor-hover) } .bracketset-teams-list .isDisabled .btn-group { background-color: var(--btn-disabled-bgcolor); color: var(--btn-disabled-color); } .bracketset-teams-list .isDisabled .btn-group:hover { background-color: var(--btn-disabled-bgcolor-hover); } .bracketset-teams-list .btn-group.isBracket { border-radius: 5px; background-color: var(--bracket-bgcolor); color: var(--bracket-label-color); text-transform: none; } .tournamentDialog .bracketset-teams-list .btn-group { padding: 0; background-color: transparent; color: var(--dialog-text-standard); } */ #teamPoolDetailsDialog .bracketset-teams-list { display: none; } #teamPoolDetailsDialog .bracketset-teams-list.isActive { display: block; } /* A one-line empty-state message never needs to scroll. */ #teamPoolDetailsDialog .bracketset-teams-list.isEmptyList { overflow: hidden; } .bracketset-team-row { position: relative; } .bracketset-team-row.isHidden { display: none; } .bracketset-team-row .expandCollapseLink { position: absolute; left: 0; top: 0; color: var(--subgroup-row-bg); text-decoration: none; padding-top: 2px; } .bracketset-team-row .expandCollapseLink:before { font-family: 'FontAwesome'; content: '\f146'; font-size: 24px; line-height: 24px; } .bracketset-team-row.groupCollapsed .expandCollapseLink:before { content: '\f0fe'; } .bracketset-team-row.isAddNew .expandCollapseLink:before { content: '\f055' !important; } .bracketset-team-row .expandCollapseLink:hover { color: var(--expand-icon-hover-text); } .bracketset-team-row .expandCollapseLink.isGroup { } .bracketset-team-row .expandCollapseLink.isGroup.isSub { margin-left: 8px; } .bracketset-team-row .teamGroupRow { position: relative; padding-left: 32px; overflow: hidden; display: block; margin: 6px 6px 6px 26px; background-color: #D1D3EA; color: #1B1D34; border-radius: 8px; } #dialogScheduleBuildLocations .bracketset-team-row .teamGroupRow.isGroup { padding-left: 8px; padding-right: 52px; } #dialogScheduleBuildLocations .bracketset-team-row.isParent .teamGroupRow { margin-left: 26px; } /* a.teamGroupRow { position: relative; padding-left: 32px; overflow: hidden; display: block; margin: 6px 6px 6px 26px; background-color: #D1D3EA; color: #1B1D34; border-radius: 8px; } */ .bracketset-team-row a.teamGroupRow:hover { background-color: #c1c3dA; } .bracketset-team-row .isWriteIns a.teamGroupRow.isGroup { padding-left: 8px; } /* a.teamGroupRow.isDisabled { color: #6B6D84; } */ .bracketset-team-row .teamGroupRow.isSub { margin-left: 34px; background-color: #E9ECF5; } .bracketset-team-row a.teamGroupRow.isSub:hover { background-color: #d9dCe5; } a.teamGroupRow.isSub.isDisabled { } .bracketset-team-row .teamGroupRow.isTeam { margin-left: 48px; background-color: #eee; } .bracketset-team-row a.teamGroupRow.isTeam:hover { background-color: #ddd; } a.teamGroupRow.isTeam.isDisabled { } .bracketset-team-row.isAddFields .teamGroupRow.isTeam { background-color: transparent !important; margin-top: 0; margin-bottom: 10px; padding-top: 0; } .bracketset-team-row.isAddFields .teamGroupRow.isTeam:hover .teamLabel , .bracketset-team-row.isAddFields .teamGroupRow.isTeam:hover .teamCheckIcon:before { color: var(--competition-color) !important; } .bracketset-team-row .teamGroupRow.isGroup { padding-right: 42px; } .teamGroupRow .teamCheck { position: absolute; left: 10px; top: 4px; width: 34px; height: 20px; text-decoration: none; } .teamGroupRow .numTeams { position: absolute; right: 4px; top: 4px; text-decoration: none; text-align: center; border-radius: 5px; background-color: var(--subgroup-row-bg); color:#fff; min-width: 48px; padding: 1px 4px 0 4px; height: 22px; display: inline-block; vertical-align: middle; line-height: 20px; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; } #dialogScheduleBuildLocations .teamGroupRow .numTeams:before { /* wrench */ font-family: FontAwesome; content: "\f0ad"; font-size: 14px; line-height: 14px; margin: -4px 6px 0 0; display: inline-block; vertical-align: middle; font-weight: normal; } .modal .teamGroupRow .teamCheckIcon:before { display: inline-block; vertical-align: middle; font-family: 'FontAwesome'; content: '\f046'; font-size: 24px; line-height: 18px; color: var(--input-checkbox-selected); width: 18px; height: 18px; border-radius: 5px; background-color: #fff; } .modal .teamGroupRow.isDisabled .teamCheckIcon:before { content: '\f096'; color: var(--input-checkbox-notSelected); } .modal .isAddFields .teamGroupRow .teamCheckIcon:before { content: '\f055' !important; color: #AAB3F0; background-color: transparent; } .modal .teamGroupRow.isDisabled.inOtherPoolPartially .teamCheckIcon:after { content: ' '; display: block; width: 0; height: 0; border-radius: 3px; position: absolute; top: 4px; left: 3px; border-right: 12px solid #ACB2BB; border-top: 12px solid #fff; } .modal .teamGroupRow.isDisabled.isPartiallySelected .teamCheckIcon:after { content: ' '; display: block; width: 0; height: 0; border-radius: 3px; position: absolute; top: 4px; left: 3px; border-right: 12px solid #27e; border-top: 12px solid #fff; } .modal .teamGroupRow.isDisabled.hasInOtherPools:NOT(.isPartiallySelected) .teamCheckIcon:after { content: ' '; display: block; width: 0; height: 0; border-radius: 3px; position: absolute; top: 4px; left: 3px; border-right: 12px solid #ACB2BB; border-top: 12px solid #fff; } /* ITEM-6681: the check-state glyphs above are scoped to .modal, but the docked pull-from-divisions panel isn't a modal — so mirror them for .team-pool-panel. Checked = \f046, unchecked = \f096, partial = empty box + CSS corner triangle (see below), all identical to the popup. */ .team-pool-panel .teamGroupRow .teamCheckIcon:before { display: inline-block; vertical-align: middle; font-family: 'FontAwesome'; content: '\f046'; font-size: 24px; line-height: 18px; color: var(--input-checkbox-selected); width: 18px; height: 18px; border-radius: 5px; background-color: #fff; } .team-pool-panel .teamGroupRow.isDisabled .teamCheckIcon:before { content: '\f096'; color: var(--input-checkbox-notSelected); } .team-pool-panel .isAddFields .teamGroupRow .teamCheckIcon:before { content: '\f055' !important; color: #AAB3F0; background-color: transparent; } /* Partial-selected: identical technique to the modal — keep the empty-box glyph from :before and overlay the CSS corner triangle via :after (no font). Blue for isPartiallySelected; grey for the in-other-pool variants. */ .team-pool-panel .teamGroupRow.isDisabled.isPartiallySelected .teamCheckIcon:after { content: ' '; display: block; width: 0; height: 0; border-radius: 3px; position: absolute; top: 4px; left: 3px; border-right: 12px solid #27e; border-top: 12px solid #fff; } .team-pool-panel .teamGroupRow.isDisabled.inOtherPoolPartially .teamCheckIcon:after, .team-pool-panel .teamGroupRow.isDisabled.hasInOtherPools:NOT(.isPartiallySelected) .teamCheckIcon:after { content: ' '; display: block; width: 0; height: 0; border-radius: 3px; position: absolute; top: 4px; left: 3px; border-right: 12px solid #ACB2BB; border-top: 12px solid #fff; } /* ITEM-6681 — brackets "add teams" Available Teams pool (docked in .team-pool-panel). Compact fonts to match the bracket. */ .team-avail-panel .team-avail-head { display: flex; align-items: center; margin-bottom: 8px; } .team-avail-panel .team-avail-title { font-weight: 600; font-size: 14px; color: #333; } .team-avail-panel .team-avail-credits { font-size: 14px; color: #1a9e4b; margin-left: 10px; } /* Aaron 7/9 — bucket-level options gear (remove all / bulk edit), right-aligned before the X. */ .team-avail-panel .team-avail-gear { margin-left: auto; margin-right: 10px; color: #999; text-decoration: none; font-size: 14px; line-height: 1; } .team-avail-panel .team-avail-gear:before { font-family: FontAwesome; content: '\f013'; } .team-avail-panel .team-avail-gear:hover { color: #4a5bd0; } .team-avail-panel .team-avail-close { color: #999; text-decoration: none; font-size: 14px; line-height: 1; } /* HTOfonts crisp X (U+F332) instead of the browser's × glyph. */ .team-avail-panel .team-avail-close:before { font-family: HTOfonts; content: '\f332'; } .team-avail-panel .team-avail-close:hover { color: #333; } .team-avail-panel .team-avail-actions { display: flex; gap: 14px; margin-bottom: 8px; font-size: 14px; } .team-avail-panel .team-avail-action { color: #4a5bd0; text-decoration: none; white-space: nowrap; } /* breathing room between the action glyph and its label so text doesn't touch the icon */ .team-avail-panel .team-avail-action .editTeams-action-icon { margin-right: 4px; } .team-avail-panel .team-avail-action:hover { text-decoration: underline; } /* ITEM-6681 — the bin's single Add Teams entry reads as a standard button: full rounded blue outline pill, not a bare link. Aaron 7/9: full width of the bin. */ .team-avail-panel .team-avail-action.team-avail-addteams { display: inline-flex; align-items: center; justify-content: center; flex: 1 1 auto; padding: 4px 14px; border: 1px solid #4a5bd0; border-radius: 999px; } .team-avail-panel .team-avail-action.team-avail-addteams:hover { text-decoration: none; background-color: #eef1fc; } .team-avail-panel .team-avail-pool { display: flex; flex-direction: column; gap: 4px; } .team-avail-panel .team-avail-row, .bracket_seedOrder .team-avail-row { display: flex; align-items: center; justify-content: space-between; padding: 4px 8px; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 14px; line-height: 18px; cursor: grab; } .team-avail-panel .team-avail-name, .bracket_seedOrder .team-avail-name { color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; } /* Pencil to rename a pool team (Dialog_Rename_Team). Sits between the name and the drag pad; excluded from the row's drag (cancel:'.team-avail-edit') so clicking it edits, not drags. */ .team-avail-panel .team-avail-edit, .bracket_seedOrder .team-avail-edit { flex: 0 0 auto; margin-left: 6px; color: #b0b4bb; text-decoration: none; font-family: 'FontAwesome'; font-size: 13px; cursor: pointer; } .team-avail-panel .team-avail-edit:before, .bracket_seedOrder .team-avail-edit:before { content: '\f040'; } .team-avail-panel .team-avail-edit:hover, .bracket_seedOrder .team-avail-edit:hover { color: #4a5bd0; } /* Grey "pad" for the drag handle — a light-grey rounded tab holding the grip glyph, so the row reads as draggable (matches David's reference). */ .team-avail-panel .team-avail-drag, .bracket_seedOrder .team-avail-drag { color: #9fb1f2; /* Negative right/vertical margins bleed the pad to the row's edges so it reads as a grey END CAP flush to the right, not a floating button with a gap. */ margin: -4px -8px -4px 6px; align-self: stretch; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; font-family: HTOfonts; font-size: 20px; background: #ddd; border-radius: 0 4px 4px 0; padding: 0px 4px; cursor: grab; } .team-avail-panel .team-avail-drag:before, .bracket_seedOrder .team-avail-drag:before { content: '\f344'; } .team-avail-panel .team-avail-empty { font-size: 14px; color: #888; padding: 8px 4px; } /* ITEM-6681 — drag a team from the bin into a seed slot. The dragged clone is appended to , so style it unscoped; the seed slot highlights while a team hovers over it. */ .team-avail-row.ui-draggable-dragging { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; min-width: 180px; background: #fff; /* 2px border in the bracket team-label blue so the lifted team clearly reads as "the one". */ border: 2px solid #4E78EE; border-radius: 4px; padding: 4px 8px; font-size: 14px; line-height: 18px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.28); z-index: 100000; } /* ITEM-7342 #4 — a seed-view row lifts as a jQuery-UI clone appended to , so the scoped .bracket_seedOrder row rules don't reach it and it inherits the bin drag's 2px-blue / 180px look, which doesn't match the 1px-grey, column-width seed slot underneath. Match the slot shape here (seed view only, so the left-bin drag keeps its intentional "this is the one" styling). */ .team-avail-row.seedOrder-avail.ui-draggable-dragging { min-width: 0; border: 1px solid #e0e0e0; } /* The dragged team's name mirrors the bracket team labels exactly (blue, bold, Roboto Condensed) so the drag image previews how it'll read once dropped. The clone is body-appended, so the scoped .team-avail-name rule doesn't reach it — restyle it here. */ .team-avail-row.ui-draggable-dragging .team-avail-name { color: #4E78EE; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; } .seed-drop-hover { outline: 2px dashed #4a5bd0 !important; outline-offset: -2px; background: #eef1ff !important; } /* ITEM-6681 — the "move team" slot-menu item uses the same grip glyph (U+F344) as the bin's drag handle, so the "pick up & move a team" action reads with one consistent icon everywhere. */ .teamPick-icon-move { font-family: HTOfonts; color: #9fb1f2; font-size: 20px; } .teamPick-icon-move:before { content: '\f344'; } /* ITEM-6681 — "move team" carry mode. A chip follows the pointer/finger; valid targets (seed slots in the source bracket + the bin) glow; the source stays put until a target is tapped. */ .move-team-chip { position: fixed; left: -9999px; top: -9999px; z-index: 100001; pointer-events: none; /* White surface + 2px bracket-blue border, text styled to match the bracket team labels exactly (blue, bold, Roboto Condensed) so the picked-up team previews how it'll read once dropped. */ box-sizing: border-box; min-width: 180px; background: #fff; color: #4E78EE; border: 2px solid #4E78EE; font-size: 14px; line-height: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; padding: 4px 8px; border-radius: 4px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.28); max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.is-moving-team { cursor: grabbing; } /* Valid seed-slot targets get a dotted outline only — NO background fill, so the team name/seed in the slot stays visible (you need to see who you're swapping). Hover just strengthens the outline. */ body.is-moving-team .move-target { outline: 2px dotted #9fb1f2 !important; outline-offset: -2px; background: transparent !important; cursor: grabbing; } /* Hover the spot you're about to drop on — yellow fill (same cue as the placed-team flash) so it stands out from the other legal (dashed-only) targets. */ body.is-moving-team .move-target:hover { outline-width: 3px !important; outline-color: #2f3ea8 !important; background: rgba(255, 232, 115, 0.5) !important; /* semi-transparent so the team name shows through */ } /* The bin as a drop target (unseed). */ body.is-moving-team .move-target-bin { outline: 2px dashed #4a5bd0; outline-offset: -4px; } body.is-moving-team .move-target-bin:hover { background: #eef1ff; } /* ITEM-6681 — flash a just-moved/placed/swapped/unseeded team yellow, holding briefly then fading over ~2.5s (same look as the team-search highlight), across ALL its bracket slots (every round-robin column) and its bin row, so you can spot where it landed. The marker class (team-mark-) is added per slot in the bracket render + the bin row carries data-teamid. Lives here (not Bracket.css) because the bracket CSS loads from a dated snapshot. */ @keyframes teamFlashFade { 0%, 25% { background-color: #ff0; } 100% { background-color: #fff; } } .brackets div.bracketbox > span.itemCustom-master.team-flash .teamname_display { animation: teamFlashFade 2.5s ease-out; } .team-avail-panel .team-avail-row.team-flash { animation: teamFlashFade 2.5s ease-out; } /* ITEM-6681 — "assign teams" cover layer. The real bracket renders untouched; this hides only the per-bracket "add info" link, which isn't needed in assign mode. The action buttons stay: "add teams" toggles the bin, "N advance" opens the advancing-rules popup (finalists are fed by advancing, not the bin), and the wrench opens bracket options — all live here now. */ .assign-teams-mode .isAddInfoLink { display: none !important; } /* ITEM-6681 — reopen pill for the Available Teams bin. Sits top-left above the first bracket on the assign-teams tab when the bin is closed; the open/close handlers show/hide it. Same pill look as the bracket_title_row action buttons. */ .team-avail-reopen { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; padding: 0 12px; line-height: 30px; height: 30px; color: #9398ea; background-color: #eee; margin: 0 0 10px 0; text-decoration: none; } .team-avail-reopen:hover { filter: brightness(0.9); } .team-avail-reopen:before { font-size: 22px; } /* ITEM-6681 (Aaron 7/9) — teams tab score display. A scored match is one solid, locked block: scores render read-only (no inputs — the render skips them on this view), no input chrome, and the whole block opens the go-to-bracket warning on click. */ .bracket_rounds_wrapper.isAssignView .bracketMatch.assign-scoreLocked { cursor: pointer; } /* EVERY match on this view renders the fixed-width score cell (empty when unscored) so scored and unscored blocks stay the same width — but the cell's chrome (ready-for-scores grey bg, the missing-score alert border) is stripped, so unscored games still read as one solid item. */ .bracket_rounds_wrapper.isAssignView .bracketMatch .teamscore_display { background: transparent !important; border: none !important; box-shadow: none; } /* An UNSCORED match goes further: its empty score cell hides entirely and the name box absorbs the width (163px — the same full-row width the isSetup/isOneTeam variants use), so the row is one solid color edge to edge and the seed slot's click/drop target spans all of it. BYE cells keep their label. */ .bracket_rounds_wrapper.isAssignView .bracketMatch:not(.hasScore_a):not(.hasScore_b):not(.isBye) .teamscore_display { display: none; } .bracket_rounds_wrapper.isAssignView .bracketMatch:not(.hasScore_a):not(.hasScore_b):not(.isBye) .teamname_display { width: 163px; } .bracket_rounds_wrapper.isAssignView .bracketMatch:not(.hasScore_a):not(.hasScore_b):not(.isBye) .teama .teamname_display { border-top-right-radius: 5px; } .bracket_rounds_wrapper.isAssignView .bracketMatch:not(.hasScore_a):not(.hasScore_b):not(.isBye) .teamb .teamname_display { border-bottom-right-radius: 5px; } /* Guard: no score input should ever show on the teams tab (the render already skips them). */ .bracket_rounds_wrapper.isAssignView .teamscore_input { display: none; } /* ITEM-6681 — saving overlay: dim the module + spinner while an edit round-trips to the server, so the delay reads as "working" and clicks can't fire mid-save (prevents fast-click overwrites). */ #mod_tournamentEvents.is-saving-overlay-host, #bracketmanager.is-saving-overlay-host { position: relative; } .bm-saving-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(248, 249, 252, 0.6); z-index: 9000; cursor: progress; } .bm-saving-spinner { position: fixed; top: 50%; left: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border: 4px solid rgba(75, 46, 131, 0.18); border-top-color: #4b2e83; border-radius: 50%; animation: bm-saving-spin 0.7s linear infinite; z-index: 9001; } @keyframes bm-saving-spin { to { transform: rotate(360deg); } } /* ITEM-6681 — teams-tab "View by" toggle (bracket matches | seed order) + the seed-order list. The toggle sits in the event header next to expand/collapse; the seed-order view swaps the round/matchup columns for a flat ascending-seed roster per pool. */ /* One toggle bar per competition, above the first bracket, right-aligned. */ .seedview-toggle-bar { display: flex; justify-content: flex-end; padding: 4px 10px 8px; } .teams-view-toggle-row { display: inline-flex; align-items: center; gap: 8px; } .teams-view-toggle-label { font-size: 14px; font-weight: 600; color: #8a8f9c; white-space: nowrap; } /* button group: 1px outer border, fully rounded ends, square inner divider */ .teams-view-toggle-group { display: inline-flex; border: 1px solid #c3c6e4; border-radius: 999px; overflow: hidden; } .teams-view-toggle-btn { font-size: 14px; line-height: 20px; padding: 2px 12px; background: #fff; color: #8a8f9c; /* unselected: gray text */ border: 0; border-radius: 0; /* inner corners square; group clips the outer ends */ text-decoration: none; cursor: pointer; white-space: nowrap; } .teams-view-toggle-btn + .teams-view-toggle-btn { border-left: 1px solid #c3c6e4; /* square divider between segments */ } .teams-view-toggle-btn.isActive { background: #e8e9ff; /* selected-tab lavender */ color: #4d3e7c; /* standard selected dark purple */ font-weight: 600; } /* Seed-order view: mirrors the dialog's Team Slots grid (scoped there to #editCompetitionTeamsDialog, so the values are replicated here). Two columns, seeds ordered down each column. */ .bracket_seedOrder .seedOrder-grid { column-count: 2; column-gap: 16px; padding: 8px; } .seedOrder-slot { display: flex; align-items: center; width: 100%; min-width: 0; box-sizing: border-box; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; } .seedOrder-seed { display: flex; align-items: center; width: 30px; min-width: 28px; padding-left: 2px; color: #999; font-size: 14px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; flex-shrink: 0; } /* filled seed reuses the bin's .team-avail-row (identical look); just let it fill the slot */ .seedOrder-avail { flex: 1; min-width: 0; } /* Filled seed = bold blue name; empty seed = greyed italic — same boxed row for both. */ .bracket_seedOrder .seedOrder-avail:not(.seedOrder-avail-empty) .team-avail-name { color: #4E78EE; font-weight: bold; } .bracket_seedOrder .seedOrder-avail-empty .team-avail-name { color: #999; font-style: italic; } .seedOrder-empty { padding: 10px; color: #999; font-style: italic; } /* ITEM-6681 (David 7/13): the type-to-add input that replaces "(empty)" when an empty seed row is clicked. Borderless so the row's own box stays the visual edge, like the popup's fields. */ .bracket_seedOrder .seedOrder-type-input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font: inherit; color: #333; padding: 0; } .bracket_seedOrder .seedOrder-avail.is-typing { cursor: text; background-color: #fff; } .bracket_seedOrder .seedOrder-avail.is-saving { opacity: 0.6; } @media (max-width: 550px) { .bracket_seedOrder .seedOrder-grid { column-count: 1; } } /* ITEM-6681 (David 7/12): seed-order rows were stacking flush against each other. Give each row a small margin so the boxes read as distinct. */ .bracket_seedOrder .seedOrder-slot { margin: 3px 0; } /* ITEM-6681 (David 7/12): the bin / team-options grid tiles (Add_Dialog_Actions) were shrink-wrapping to the icon width inside their column and clipping narrow glyphs (e.g. the "bulk edit" team-setup icon). Let each tile fill its column and never clip, matching the top-nav Team Options grid. */ .team-options-dialog .btn.btn-stack-icon-label { display: block; width: 100%; overflow: visible; } .team-options-dialog .row-btn-stack .btn .btn-icon { overflow: visible; } /* ITEM-6681 — collapsible rounds: on any view marked roundsCollapsible (the teams tab AND the brackets view, admins and visitors alike) a round column collapses to a slim strip unless it carries advRound-open. The render sets the defaults per view: teams opens only seedable rounds (round 1, plus round 2 of an unbalanced elimination bracket), brackets opens all. Click the strip to expand, the open round's header to re-collapse. Redraws reset to these defaults. */ .bracket_rounds_wrapper.roundsCollapsible .roundCol:not(.advRound-open):not(.rC) { flex: 0 0 34px; width: 34px !important; min-width: 34px !important; max-width: 34px !important; overflow: hidden; cursor: pointer; border-left: 1px dashed #d5d8e2; } /* Hide EVERYTHING but the header in a collapsed round — !important because some content variants carry their own display rules that outrank this (.bracketMatch.isBye is inline-block, for one), which left bye rows spilling out of the 34px strip. */ .bracket_rounds_wrapper.roundsCollapsible .roundCol:not(.advRound-open):not(.rC) > *:not(.roundHeader) { display: none !important; } /* The champion cell can't be seeded into, so it never collapses to its own strip — it just hides and shows together with the last round: gone while the round right before it is a collapsed strip, completely untouched (native inline-block layout) when that round is open. */ .bracket_rounds_wrapper.roundsCollapsible .roundCol:not(.advRound-open) + .roundCol.rC { display: none !important; } /* David 7/13: center the vertical label in the strip - vertical-rl stacks the line at the element's right edge, which left the label touching the next round's dashed border. The header is a flex container, so centering is justify-content (text-align is inert there). */ .bracket_rounds_wrapper.roundsCollapsible .roundCol:not(.advRound-open) .roundHeader { justify-content: center; padding-left: 0; /* the open-header 16px lead-in eats the 34px strip */ } .bracket_rounds_wrapper.roundsCollapsible .roundCol:not(.advRound-open) .roundHeader-label { display: inline-block; writing-mode: vertical-rl; white-space: nowrap; color: #9aa0ad; padding-top: 6px; } .bracket_rounds_wrapper.roundsCollapsible .roundCol:not(.advRound-open):hover .roundHeader-label { color: #4a5bd0; } /* An OPEN round: its header reads as the collapse control. */ .bracket_rounds_wrapper.roundsCollapsible .roundCol.advRound-open .roundHeader { cursor: pointer; } /* ITEM-6681 (David 7/13): permanent slim "help advancing" row above the standings table (replaces the dismissible Advance Teams intro panel). Styled (David 7/14) to match the other competition links: aligned with the stage/teams below, a "?" help glyph in front, the competition link color, and no default-link underline. */ #mod_tournamentEvents .standings-help-row { margin: 4px 0 8px 20px; } #mod_tournamentEvents .standings-help-row .alert-action-link { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: var(--competition-color, #27e); font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size: 15px; } #mod_tournamentEvents .standings-help-row .alert-action-link:hover { color: #000; } #mod_tournamentEvents .standings-help-row .alert-action-link:before { font-family: HTOfonts; content: "\f059"; font-size: 16px; line-height: 1; } #mod_tournamentEvents .standings-help-row .alert-action-link-label { text-decoration: none; } .add-more-row { } .add-more-row .btn { padding-left: 9px; color: #666; } .add-more-row .btn:hover { color: #333; } .bracketset-type-link.bracketset-type_poolPlay { } .bracketset-type-link .bracketset-type-label { display: flex; align-items: center; vertical-align: middle; justify-content: center; flex-wrap: nowrap; line-height: 22px; font-weight: bold; min-width: 22px; } .bracketset-types-list .bracketset-type-link .bracketset-type-label { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 16px; } /* .bracketset-types-list .bracketset-type-link#bracketset-type_roundRobin .bracketset-type-label { font-size: 13px; line-height: 15px; } */ .teamPool-bracket-section { display: flex; flex-flow: row wrap; } .teamPool-bracket-section .bracketset-type-link .bracketset-type-label { } /* .event-matchup-row .bracketset-type-link .bracketset-type-label { font-size: 16px; line-height: 18px; } .bracketset-type-link .bracketset-type-label .fa { font-size: 20px; line-height: 20px; opacity: 0.5; } .bracketset-type-link .bracketset-type-label .icon-unknown { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 20px; } */ /* .bracketset-type-link .bracketset-type-label .icon-unknown:before { font-family: FontAwesome; content: "\f059"; } */ .bracketset-type-link .icon-bracket-type { display: flex; align-items: center; vertical-align: middle; justify-content: center; flex-direction: column; flex-wrap: nowrap; line-height: 22px; margin-right: 2px; text-align: center; position: relative; color:#9FB1F2; margin-top: 4px; } .bracketset-type-link .icon-bracket-type .icon-bracket-type-label { font-size: 12px; line-height: 14px; } /* .bracketset-type-link .icon-bracket-type.icon-doubleElimination { margin-top: 0; margin-left: 2px; height: 22px; } */ .bracketset-type-link .icon-bracket-type:before { display: inline-block; vertical-align: middle; } /* .icon-poolPlay:before { position: absolute; top: 1px; left: 2px; font-family: FontAwesome; content: "\f0c9"; font-size: 16px; line-height: 16px; } .icon-poolPlay:after { position: absolute; bottom: 1px; right: 2px; font-family: FontAwesome; content: "\f0c9"; font-size: 16px; line-height: 16px; } .tournamentDialog a.bracketset-type-link.selected .icon-poolPlay:after { text-shadow: -2px 0 3px #99999933; } */ /* .icon-alert:before { font-family: FontAwesome; content: "\f071"; font-size: 20px; line-height: 20px; width: 20px; height: 20px; opacity: 0.5; color: #e70; text-shadow: 0 0 5px #000; } */ .icon-unknown { display: inline-block; vertical-align: middle; /* font-size: 16px; line-height: 20px; width: 22px !important; height: 20px !important; font-weight: bold; color: #e70; text-align: center; border-radius: 4px; background-color: #77A; background-color: var(--bracket-color); opacity: 0.6; */ } .icon-unknown:before { font-family: FontAwesome; content: "\f128"; /* font-size: 18px; line-height: 20px; */ font-weight: normal; color: #e70; /* color: #f52; */ /* content:'?'; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: var(--bracket-color); font-family: FontAwesome; content: "\f059"; font-size: 18px; line-height: 20px; width: 20px; height: 20px; opacity: 0.5; color:#B50; */ } /* #bracketInfoDialog .icon-unknown:before { border-color:#999; } */ .icon-freestyle:before { /* position: absolute; top: 0; left: 7px; */ font-family: FontAwesome; content: "\f24a"; } .icon-bracket-type.icon-freestyle:before { font-size: 18px; line-height: 22px; margin: 1px 0 0 0; } .icon-roundRobin { position: relative; } .icon-roundRobin:before { font-family: HTOfonts; content: '\f334'; margin-top:4px; /* position: absolute; top: 1px; left: 2px; font-size: 19px; line-height: 22px; */ } .icon-roundRobin:after { position: absolute; left: 0; right: 0; top: 11px; /* content:'x3'; content:'?'; font-weight: bold; */ font-size: 14px; line-height: 16px; text-align: center; font-family: 'Roboto Condensed', sans-serif; } /* .icon-roundRobin.numRounds_0:after { content:'?'; font-weight: bold; } .icon-roundRobin.numRounds_1:after { content:'x1'; } .icon-roundRobin.numRounds_2:after { content:'x2'; } .icon-roundRobin.numRounds_3:after { content:'x3'; } .icon-roundRobin.numRounds_4:after { content:'x4'; } .icon-roundRobin.numRounds_5:after { content:'x5'; } .icon-roundRobin.numRounds_6:after { content:'x6'; } .icon-roundRobin.numRounds_7:after { content:'x7'; } .icon-roundRobin.numRounds_8:after { content:'x8'; } .icon-roundRobin.numRounds_9:after { content:'x9'; } .icon-roundRobin.numRounds_10:after { content:'x10'; } .icon-roundRobin.numRounds_11:after { content:'x11'; } .icon-roundRobin.numRounds_12:after { content:'x12'; } .icon-roundRobin.numRounds_13:after { content:'x13'; } .icon-roundRobin.numRounds_14:after { content:'x14'; } .icon-roundRobin.numRounds_15:after { content:'x15'; } .icon-roundRobin.numRounds_16:after { content:'x16'; } .icon-roundRobin.numRounds_17:after { content:'x17'; } .icon-roundRobin.numRounds_18:after { content:'x18'; } .icon-roundRobin.numRounds_19:after { content:'x19'; } .icon-roundRobin.numRounds_20:after { content:'x20'; } .icon-roundRobin.numRounds_21:after { content:'x21'; } .icon-roundRobin.numRounds_22:after { content:'x22'; } .icon-roundRobin.numRounds_23:after { content:'x23'; } .icon-roundRobin.numRounds_24:after { content:'x24'; } .icon-roundRobin.numRounds_25:after { content:'x25'; } .icon-roundRobin.numRounds_26:after { content:'x26'; } .icon-roundRobin.numRounds_27:after { content:'x27'; } .icon-roundRobin.numRounds_28:after { content:'x28'; } .icon-roundRobin.numRounds_29:after { content:'x29'; } .icon-roundRobin.numRounds_30:after { content:'x30'; } .icon-roundRobin.numRounds_31:after { content:'x31'; } .icon-roundRobin.numRounds_32:after { content:'x32'; } */ .btn.icon-roundRobin:before { position: absolute; top: 1px; left: 4px; /* font-size: 19px; line-height: 22px; */ } .icon-bracket-type.icon-roundRobin { font-size: 36px; /* line-height: 32px; */ } .icon-singleElimination:before { font-family: HTOfonts; content: "\f310"; font-size: 34px; /* line-height: 32px; transform: rotate(90deg); margin: 0 0 0 -4px; */ } .icon-doubleElimination:before { font-family: HTOfonts; content: "\f318"; font-size: 32px; /* line-height: 32px; */ } /* .icon-doubleElimination:before { position: absolute; top: 0; left: 1px; font-family: FontAwesome; content: "\f0e8"; font-size: 16px; line-height: 16px; transform: rotate(90deg); } .icon-doubleElimination:after { position: absolute; bottom: 0; right: 3px; font-family: FontAwesome; content: "\f0e8"; font-size: 16px; line-height: 16px; transform: rotate(90deg); } */ /* .tournamentDialog a.bracketset-type-link { display: none; } .tournamentDialog.hasEdit_info a.bracketset-type-link { display: block; } */ .tournamentDialog a.bracketset-type-link.selected { padding: 3px 8px 3px 8px; background-color: #fff; color: var(--bracket-color); border: 2px solid #27e; } /* .tournamentDialog a.bracketset-type-link.selected:hover { background-color: #27e; color: #fff; } .tournamentDialog a.bracketset-type-link:after { display: inline-block; content: ""; height: 32px; width: 15px; background-color: #fff; position: absolute; top: -1px; right: -1px; z-index: 1; clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%); } */ /* .tournamentDialog a.bracketset-type-link.selected { background-color: #C7C7FC; } .tournamentDialog a.bracketset-type-link.selected */ .tournamentDialog .bracketset-type-link-col { display: inline-block; vertical-align: middle; width: auto; padding: 0; width: 50%; padding: 4px; } .bracketset-types-list .bracketset-type-link .icon-bracket-type:before { margin-left: -2px; margin-top: -1px; } .bracketset-types-list .bracketset-type-link .icon-bracket-type.icon-roundRobin:before { font-size: 26px; margin-top: 1px; } .bracketset-types-list .bracketset-type-link .icon-bracket-type.icon-singleElimination:before { font-size: 26px; } .bracketset-types-list .bracketset-type-link .icon-bracket-type.icon-doubleElimination:before { font-size: 26px; } .bracketset-types-list .bracketset-type-link .icon-bracket-type { width: 28px; } /* setup teams overrides */ #addTeamsDialog .addTeams-footer-row { display: none; } /* COPIED FROM Templates/responsive/ sr c /default.css */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 2051 !important; } .ui-datepicker.ui-widget { font-size: 12px; } .ui-datepicker .ui-widget-header { position: relative; padding: .2em 0; border-radius: 4px; border: 1px solid #aaaaaa; background: #cccccc url(/lib/jQuery/themes/jquery-ui-1.8.14/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-state-disabled , .ui-widget-content .ui-state-disabled , .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-datepicker.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; } .ui-datepicker.ui-state-default , .ui-datepicker.ui-widget-content .ui-state-default , .ui-datepicker .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/lib/jQuery/themes/jquery-ui-1.8.14/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-datepicker.ui-widget-content .isEventDay .ui-state-default { background: #afd5ff; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span , .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-state-hover , .ui-datepicker.ui-widget-content .ui-state-hover , .ui-datepicker .ui-widget-header .ui-state-hover , .ui-datepicker .ui-state-focus , .ui-datepicker.ui-widget-content .ui-state-focus , .ui-datepicker .ui-widget-header .ui-state-focus { border: 1px solid #000; background: #dadada url(/lib/jQuery/themes/jquery-ui-1.8.14/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-datepicker-buttonpane { text-align: center; } .ui-datepicker.ui-widget-content .ui-datepicker-buttonpane .ui-datepicker-clear.ui-state-default { border: none; background: transparent; background-image: none; box-shadow: none; color:#888; text-decoration: underline; } .btn.btn-week { width:190px; text-align: left; vertical-align: middle; border-radius: 4px; padding-top: 3px; } .btn-week:before { font-family: 'FontAwesome'; content: '\f073'; margin-top: -4px; font-size: 20px; margin-right: 10px; } .ui-datepicker-calendar { width: 100%; } .ui-datepicker-calendar a { color:#000 !important; border-width: 2px; } .ui-datepicker-calendar a.ui-state-hover , .ui-datepicker.ui-widget-content .ui-datepicker-current-day a { border-color:#000; } .container .week-picker .cal-event a { background:#86D3FF; background: -moz-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #86D3FF), color-stop(100%, #a6f3FF)); background: -webkit-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%); background: -o-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%); background: -ms-linear-gradient(top, #86D3FF 20%, #a6f3FF 100%); background: linear-gradient(top, #86D3FF 20%, #a6f3FF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86D3FF', endColorstr='#a6f3FF', GradientType=0 ); } .ui-datepicker-today a { border-color:#F70; } .ui-widget { font-size:14px; } .ui-datepicker { width:197px; } .ui-datepicker th { padding: .3em .3em; text-align: center; font-weight: bold; border: 0; line-height: 22px; } .ui-datepicker .ui-priority-secondary , .ui-datepicker.ui-widget-content .ui-priority-secondary , .ui-datepicker .ui-widget-header .ui-priority-secondary { opacity: .5; filter: Alpha(Opacity=70); font-weight: normal; } .ui-datepicker .ui-datepicker-header a { position: absolute; border:none; background-color: transparent; background-image: none; cursor: pointer; line-height: 28px; height: 28px; width:36px; display: inline-block; padding: 0 6px; text-align: center; margin-top: -4px; } .ui-datepicker .ui-datepicker-prev { top:2px !important; left:0 !important; } .ui-datepicker .ui-datepicker-next { top:2px !important; right:0 !important; } .ui-datepicker .ui-widget-header .ui-icon { background-image: none; text-indent: 0; font-weight: normal; color:#000; margin:0; display: inline-block; font-size:20px; position: relative; left: auto !important; top: 2px !important; height: 23px; width: 14px; overflow: hidden; } .ui-datepicker .ui-widget-header .ui-icon:hover { color:#27e; } /* // be careful it putting this back, it messed up calendar on dashboard.. .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w:before { font-family: 'FontAwesome'; content: '\f053'; } .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e:before { font-family: 'FontAwesome'; content: '\f054'; } */ /* should be in edit file */ .teamPool-header a.teamPool-header-label:after { color: #9FB1F2; opacity: 0.6; content: "\f105"; font-family: FontAwesome; font-size: 18px; line-height: 18px; font-weight: normal; margin-left: 12px; display: inline-block; vertical-align: middle; } .showEligible .teamsAvailable .teamPool-header a.teamPool-header-label:after , .showRemoved .teamsRemoved .teamPool-header a.teamPool-header-label:after { content: "\f107"; } .showEligible.hasSlotsToBeFilled .teamsAvailable .teamPool-header a.teamPool-header-label:after { display: none; } .teamPool-header .right-link { float: right; } .btn-add-teams-pool .bracket-counts { display: inline-block; vertical-align: middle; margin-left: 8px; } .bracket-counts .bracket-numUnassigned { display: inline-block; vertical-align: middle; margin-left: 8px; } .warn-count .bracket-counts .bracket-numTeams { color: #e70; font-weight: bold; } .teamPool-header.isMain .teamPool-header-label { background-color: #fff; border: 1px solid #ccc; margin-right: 4px; margin-bottom: 4px; border-radius: 15px; text-transform: lowercase; } .teamPool-header.isMain .teamPool-header-label .btn-label-text , .teamPool-header.isMain .teamPool-header-label .btn-label { vertical-align: top; } .team-slots-actions.btn { color: #e70; font-size: 16px; line-height: 16px; padding: 0 4px; margin-left: 12px; } .team-slots-actions.btn:before { font-family: HTOFonts; content: "\f306"; font-size: 30px; line-height: 30px; display: inline-block; vertical-align: middle; } .team-slots-actions.btn:hover { color: var(--competition-color); } .btn-arrow-long:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; content: "\f178"; font-size: 22px; } .teamPool-header a.teamPool-header-label:hover , .teamPool-header a.teamPool-header-label:hover::after { color: var(--competition-color); } .teamsAvailable .teamInfoRow_move:hover { color: var(--competition-color); } .teamsAvailable .teamInfoRow_move:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-weight: normal; content: "\f08b"; margin-right: 4px; font-size: 18px; margin-top: 2px; } .teamsAvailable .teamInfoRow_move .move-label { display: inline-block; vertical-align: middle; } .btn-edit-after .btn-label { margin: 0 6px 0 0; } .btn-edit-after:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-weight: normal; content: "\f040"; } .btn-wrench-after .btn-label { margin: 0 6px 0 0; } .btn-wrench-after:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-weight: normal; content: "\f0ad"; font-size: 18px; } .teamsRemoved .teamInfoRow_remove:hover { color: var(--competition-color); } .teamsRemoved .teamInfoRow_remove:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-weight: normal; content: "\f014"; margin-right: 4px; font-size: 18px; margin-top: 2px; } .teamsRemoved .teamInfoRow_remove .remove-label { display: inline-block; vertical-align: middle; } .seeding-header { color:#666; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-bottom: 2px; padding-left: 4px; } .seeding-header .teamsAvailable-header-link { color:#666; text-decoration: none; } .seeding-header a.seeding-header-text { color:#666; text-decoration: none; } .bracket-feed-wrapper { display: block; } .bracket-feed-header { display: inline-block; vertical-align: middle; color:#666; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 2px; padding-left: 4px; } /* standings */ #bracket_standings_wrapper { width: 100%; } #bracket_standings_wrapper.hasStandings { padding-bottom: 16px; } .hideStandings .standingsContent { display: none; } .hideRounds .roundsWrapper { display: none; } /* standing section */ #bracket_standings_wrapper .roundHeader { line-height: 20px; height: auto; margin: 0 0 0 12px; border: none; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; color: #000; font-size: 18px; } .viewOnly #bracket_standings_wrapper .roundHeader { display: none; } .competition-details-body-content .bracket-table-wrapper { padding-top: 0; } .competition-details-body-content .bracket-table-wrapper .standings-table-wrapper { overflow: auto; } /* #home .competition-details-body-content .bracket-table-wrapper { margin-bottom: 0; } */ .competition-details-body-content .bracket-table-wrapper thead td { border-bottom: 1px solid #ccc; text-align: center; vertical-align: bottom; } .competition-details-body-content .bracket-table-wrapper td { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 14px; line-height: 16px; } .competition-details-body-content .bracket-table-wrapper thead td div { padding: 0 12px 4px 12px; color: #929eaa; } .competition-details-body-content .bracket-table-wrapper td.poolName_cell { text-align: left; border: none; } .competition-details-body-content .bracket-table-wrapper td.poolName_cell div { padding-left: 13px; /* color: #929eaa; */ color:#000; } .competition-details-body-content .bracket-table-wrapper td.poolName_cell div.standings-header { font-size: 16px; } .standings_advancing_title { color: var(--admin-info-color); } .standings_advancing_title_text { display: inline-block; vertical-align: middle; line-height: 20px; } /* .teamDetails #bracket_standings_wrapper .teamSlotSeed { font-weight: normal; background-color: #ddd; } */ .teamDetails #bracket_standings_wrapper .isSeed .teamName { font-weight: normal; } .competition-details-body-content .bracket-table-wrapper td.notesCell div { font-weight: normal; font-size: 14px; line-height: 16px; } .viewOnly .competition-details-body-content .bracket-table-wrapper td.notesCell div { padding-left: 12px; } .competition-details-body-content .bracket-table-wrapper tbody td { border-bottom: 1px solid #ccc; } .competition-details-body-content .bracket-table-wrapper td.dataCell { padding: 0; } .competition-details-body-content .bracket-table-wrapper tbody td.teamnameCell { border: none; padding-right: 4px; } #bracket_standings_wrapper .notAdvancing .teamName { opacity: 0.5; } .competition-details-body-content .bracket-table-wrapper td.seedSlotCell { border: none; padding-right: 4px; } .competition-details-body-content .bracket-table-wrapper td.seedSlotCell .form-control { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 16px; color: #888; padding: 0 10px; } .competition-details-body-content .bracket-table-wrapper td.dataCell div { text-align: center; color: #929eaa; /* padding: 0; width: 40px; background-color: #e9ecef; font-weight: bold; border: none; margin: 2px; line-height: 28px; border-radius: 5px; */ } .competition-details-body-content .bracket-table-wrapper td.notesCell div { color: #929eaa; padding-right: 8px; } .teamDetails .bracket-table-wrapper .teamInfoRow { margin: 2px 0; min-width: 120px; padding-left: 0; } .teamDetails .teamInfoRow { border: 1px solid #ccc; border-radius: 4px; text-decoration: none; position: relative; padding-left: 30px; display: inline-block; width: 100%; margin-bottom: 4px; } .teamDetails .isAdvancingSeeding .teamInfoRow { padding-left: 0; } .teamDetails .teamSlotSeed { display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 30px; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; line-height: 20px; padding-top: 2px; color:#888; border-right: 1px solid #ddd; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .teamDetails .hasTeam .teamSlotSeed { color:#27e; } .teamDetails a:hover .teamSlotSeed { color:#000; } .teamDetails .teamSlots .teamSlotSeed { background-color: #ddd; } .teamDetails .teamSlots .teamInfoRow_warning .teamSlotSeed { background-color: #fff; } .teamDetails .teamName { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 16px; padding: 4px 10px 4px 10px; color:#888; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; position: relative; overflow: hidden; } .notice-message-section .notice-message-section-content { display: block; font-family: 'Roboto Condensed', sans-serif; color:#888; font-style: italic; padding-left: 20px; } .teamDetails .isFiltered .teamName { background-color: #ff0; } .teamDetails.bracket_setupTeams_wrapper .teamName { color: #e70; } .teamDetails.bracket_setupTeams_wrapper .teamInfoRow_warning .teamName { color: #AAB3F0; } .teamDetails.bracket_setupTeams_wrapper .teamsRemoved .teamName { color:#888; } .teamDetails.bracket_setupTeams_wrapper .teamsRemoved .teamName { color:#888; } .teamDetails .standingsContent .teamName { padding: 4px 12px 4px 14px; } .teamDetails .teamName.ui-draggable-handle { cursor: move; } .teamDetails .teamInfoRow.ui-draggable-handle { cursor: move; } .modal-body .teamName { background-color: #fff; } .teamDetails .teamName.ui-draggable-dragging { background-color: #ddd; width: 150px; border: 1px solid #ccc; border-radius: 4px; margin-left: 40px; z-index: 100; } .teamDetails .teamName.ui-draggable-dragging.hovering-class { background-color: #f9f8f2ef; } .teamInfoRow.ui-draggable-dragging { background-color: #ddd; z-index: 100; } .teamInfoRow.ui-draggable-dragging.hovering-class { background-color: #f9f8f2ef; } .teamDetails a.teamName:hover { color:#000; } .teamDetails .teamInfoRow_done .teamName { color:var(--admin-info-color); } .teamDetails a:hover .teamName { color:#000; } .teamDetails .hasTeam .teamName { color:#27e; font-weight: bold; } .teamDetails a.hasTeam:hover .teamName { color: var(--competition-color); } /* 1 to 8 teams: */ .teamDetails .teamSlots { column-count: 1; } /* 9 to 16 teams */ @media only screen and (min-width: 400px) { .teamDetails .teamSlots { column-count: 2; } } /* 17 to 24 teams */ @media only screen and (min-width: 600px) { .teamDetails .teamSlots { column-count: 3; } } /* 25 to 32 teams */ @media only screen and (min-width: 800px) { .teamDetails .teamSlots { column-count: 4; } } .teamDetails .teamsAvailable .teamPool-header { margin-top: 4px; } .teamDetails .teamsAvailable .teamInfoRow { width: auto; margin: 0 4px 4px 0; } .teamDetails .teamsAvailable .teamInfoRow .teamSlotSeed { background-color: #fff; } .teamDetails .teamsRemoved .teamInfoRow { width: auto; margin: 0 4px 4px 0; } /* .teamInfoRow.teamInfoRow_warning .teamSlotSeed:before { display: inline-block; font-family: FontAwesome; content: "\f071"; font-weight: normal; font-size: 16px; color:#888; } */ .teamInfoRow.teamInfoRow_done .teamSlotSeed:before { display: inline-block; font-family: FontAwesome; content: "\f00c"; font-weight: normal; font-size: 18px; color:#AAB3F0; } .teamDetails .teamInfoRow .teamInfoLink { position: absolute; top:0; bottom: 0; left: 0; z-index: 100; right: 0; /* right: 24px; */ } /* .teamDetails .teamInfoRow .teamInfo-handle { display: none; } .teamDetails .teamInfoRow.hasTeam .teamInfo-handle { position: absolute; top:0; right: 0; bottom: 0; width: 24px; background-color: #ccc; z-index: 1; display: inline-block; cursor: move; } .teamDetails .teamInfoRow .teamInfo-handle:before { font-family: FontAwesome; content: "\f0dc"; font-weight: normal; font-size: 16px; color:#888; line-height: 20px; padding-top: 2px; text-align: center; display: inline-block; width: 24px; height: 20px; } */ .teamPool-header .teamPool-header-label { color: var(--admin-info-color); text-decoration: none; font-size: 16px; padding: 0px 16px; line-height: 28px; border: none; font-weight: normal; display: inline-flex; align-items: center; /* background-color: #fff; border: 1px solid #ccc; */ } .teamsRemoved .teamPool-header .teamPool-header-label { color: #888; } .teamPool-header .teamPool-header-label.isWarning { color: #e70; } .teamPool-header .teamPool-header-label .teamPool-header-count { font-size: 16px; font-weight: bold; margin-left: 8px; } .teamsAvailable.hasTeams .teamPool-header .teamPool-header-label .teamPool-header-count { color: #e70; } .teamsAvailable .teamInfoRow_move { text-decoration: none; position: relative; display: inline-block; vertical-align: middle; margin-left: 12px; margin-bottom: 4px; color: var(--admin-info-color); } .teamsRemoved .teamInfoRow_remove { text-decoration: none; position: relative; display: inline-block; vertical-align: middle; margin-left: 12px; margin-bottom: 4px; color: #888; } .inputRow .form-control { width: 100%; display: block; } .inputRow { margin: 6px 0; } /* .competition-details-body-content .bracket-table-wrapper td.teamnameCell .teamnameLabel { padding: 0 24px 0 12px; line-height: 28px; text-decoration: none; min-width: 120px; display: inline-block; } .competition-details-body-content .bracket-table-wrapper .isSeed td.teamnameCell .teamnameLabel { font-weight: normal; color:#888; } .competition-details-body-content .bracket-table-wrapper .hasID td.teamnameCell .teamnameLabel { color:#27e; } .competition-details-body-content .bracket-table-wrapper .hasID td.teamnameCell a.teamnameLabel:hover { color: var(--competition-color); } */ #bracket_standings_wrapper .btn-edit { color:#929eaa; margin-top: -1px; } #bracket_standings_wrapper .btn-edit:hover { color: var(--competition-color); } #bracket_standings_wrapper .btn:before { font-size: 16px; font-weight: normal; } #bracket_standings_wrapper .btn-asterisk:before { font-size: 10px; font-weight: normal; } #bracket_standings_wrapper .btn-edit .btn-label { margin-top: -1px; } .standingsDialog .headerMsg { font-weight: bold; } .standingsDialog .inputRow { margin: 12px 0; } .standingsDialog #teamNotes { display: block; width: 100%; font-size: 14px; } .standingsDialog .bootstrap-dialog-body { font-family: 'Roboto Condensed', sans-serif; color: #666; } .standingsDialog .header-message-row { margin-bottom: 12px; margin-right: 8px; margin-left: 4px; font-size: 16px; } .standingsDialog .header-message-text { } .standingsDialog .btn-dialog-link { color: #27e; white-space: nowrap; display: block; text-align: left; padding: 8px 8px 8px 36px; } .standingsDialog .btn-dialog-link.btn-bracket-double:before { font-size: 32px; } .standingsDialog .btn-dialog-link .btn-label { white-space: nowrap; font-size: 16px; } .standingsDialog .btn-dialog-link .inputLabel { display: block; } .standingsDialog .btn-dialog-link:hover { color: var(--competition-color); } .standingsDialog .dialog-link-row.space-above { margin-top: 12px; } .standingsDialog .btn-inline-link { padding: 0 6px 0 10px; color: #666; vertical-align: middle; display: inline-block; margin-top: -4px; } .standingsDialog .btn-inline-link .btn-label { font-size: 16px; text-decoration: underline; margin-left: 4px; } .standingsDialog .btn-team-people:before { display: inline-block; vertical-align: middle; font-family: HTOfonts; content: "\f2ea"; font-weight: normal; font-size: 24px; } .standingsDialog .btn-inline-link:hover { color: var(--competition-color); } .standingsDialog .btn-inline-link.btn-bracket-double { padding: 0 6px 0 4px; } .standingsDialog .btn-inline-link.btn-bracket-double:before { font-size: 28px; } .standingsDialog .btn-inline-link.btn-bracket-double .btn .btn-label { margin-left: 4px; } .standingsDialog .extra-top-space { margin-top: 28px; } .standingsDialog .inputLabel { margin-right: 8px; margin-left: 4px; font-size: 16px; } .standingsDialog .title-row { margin-top: 0; text-align: center; } .standingsDialog .title-row .title-row-text { font-size: 16px; font-weight: bold; margin-left: 24px; color:#27e; display: inline-block; vertical-align: middle; } .standingsDialog .title-row .name-change-link { color:#999; padding: 0 16px; display: inline-block; vertical-align: middle; font-weight: normal; } .standingsDialog .title-row .name-change-link:hover { color: var(--competition-color); } #dialogAdvancingTeam.standingsDialog .inputLabel { margin-left: 0; margin-top: 12px; } #dialogStandingsEmptyFeed.standingsDialog .inputLabel { margin-left: 0; margin-top: 12px; display: block; } .standingsDialog .bracket_title_link:after { opacity: 1; color:#27e; } .standingsDialog a.inputLabel-link { color:#999; padding: 0 16px; display: inline-block; vertical-align: middle; font-weight: normal; } .standingsDialog .inputLabel-link:hover { color: var(--competition-color); } #dialogAdvancingTeam .bracket_title_row .bracket_title_link { color:#27e; gap: 12px; } #dialogAdvancingTeam .bracket_title_row.advancing_confirmed .bracket_title_link { color: #666; } #dialogAdvancingTeam .bracket_title_row .bracket_title_link:after { content: "\f34f"; font-family: HTOFonts; font-size: 26px; line-height: 26px; } #dialogAdvancingTeam .btn-inline-link { color: #666; } #dialogAdvancingTeam .btn-inline-link .btn-label { text-decoration: underline; } #dialogAdvancingTeam .feed-list { margin-bottom: 18px; } .writeInDialog .modal-body { background-color: #fff; } .writeInDialog .write-ins-section { margin: 16px 0 0 0; } .writeInDialog .write-ins-section-toggle { display: inline-block; vertical-align: middle; text-decoration: none; color: #000; } .writeInDialog .write-ins-section-toggle:hover { color: var(--teamPool-color); } .writeInDialog .write-ins-section-toggle-text { display: inline-block; vertical-align: middle; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: bold; line-height: 22px; } .writeInDialog .write-ins-section-toggle:after { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-size: 16px; line-height: 18px; font-weight: normal; content: "\f054"; margin-left: 8px; margin-top: 2px; } .writeInDialog .isExpanded .write-ins-section-toggle:after { content: "\f078"; margin-top: 0; } .writeInDialog #mod_tournamentEvents .event-matchup-wrapper.isActiveBracket .event-matchup-label { background-color: #f2f3f9; } .writeInDialog #mod_tournamentEvents .teamPool-label-text { max-width: 180px; min-width: 160px; } .writeInDialog .writeIn-header-row { position: relative; margin-top: 6px; padding-left: 100px; } .writeInDialog .writeIn-header-row .write-in-lines { display: inline-block; vertical-align: middle; position: absolute; left: 50px; top: -6px; width: 40px; height: 20px; border-left: 2px solid #aaa; border-bottom: 2px solid #aaa; } .writeInDialog .writeIn-header-row .write-in-label { display: inline-block; vertical-align: middle; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: bold; line-height: 26px; color: #000; } .writeInDialog .write-ins-section-body { display: none; } .writeInDialog .isExpanded .write-ins-section-body { display: block; } .writeInDialog .inputRow_groupAndTeams { text-align: right; padding: 0 0 0 66px; } .writeInDialog .inputRow_groupAndTeams:before { content:'Division:'; display: inline-block; vertical-align: middle; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height: 30px; position: absolute; font-family: Oswald-Regular, Arial, Helvetica, sans-serif; color:#888; left: 8px; top: 0; } .writeInDialog #addTeamsList { color:#27e; } .bracket-nav { border-bottom: solid 1px var(--admin-info-color); padding: 8px; display: flex; flex-wrap: wrap; gap: 8px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .bracket-nav .bracket-nav-link { margin-left: 4px; margin-bottom: 4px; border-radius: 13px; text-decoration: none; font-size: 16px; padding: 0px 18px; margin: 0; line-height: 26px; border: none; color: var(--admin-info-color); display: flex; align-items: center; justify-content: center; min-width: 100px; } .bracket-nav .bracket-nav-link:hover { background-color: #fff; } .bracket-nav .bracket-nav-link.selected { background-color: #E3E5FF; color: var(--bracket-color); font-weight: bold; } .bracket-nav .bracket-nav-link.isBracketPage { margin-left: auto; border: 1px solid var(--admin-info-color); font-weight: normal; } .bracket-nav .bracket-nav-link.isBracketPage:after { font-size: 16px; } .sched-slot-summary { } .sched-slot-summary .btn-schedule-wizard { float: right; } .timeSlot-match.pool_B { background-color: var(--pool-color-B); } .timeSlot-match.pool_C { background-color: var(--pool-color-C); } .timeSlot-match.pool_D { background-color: var(--pool-color-D); } .timeSlot-match.pool_E { background-color: var(--pool-color-E); } .timeSlot-match.pool_F { background-color: var(--pool-color-F); } .timeSlot-match.pool_G { background-color: var(--pool-color-G); } .timeSlot-match.stageID_prelims , .timeSlot-match.stageID_P0 { background-color: var(--stage-BGcolor-P0); } .timeSlot-match.stageID_main , .timeSlot-match.stageID_P1 { background-color: var(--stage-BGcolor-P1); } .timeSlot-match.stageID_finals , .timeSlot-match.stageID_finals2 , .timeSlot-match.stageID_finals3 , .timeSlot-match.stageID_finals4 , .timeSlot-match.stageID_finals5 , .timeSlot-match.stageID_finals6 , .timeSlot-match.stageID_finals7 , .timeSlot-match.stageID_finals8 , .timeSlot-match.stageID_finals9 , .timeSlot-match.stageID_F1 { background-color: var(--stage-BGcolor-F1); } .timeSlot-match.stageID_extra , .timeSlot-match.stageID_extra2 , .timeSlot-match.stageID_extra3 , .timeSlot-match.stageID_extra4 , .timeSlot-match.stageID_extra5 , .timeSlot-match.stageID_extra6 , .timeSlot-match.stageID_extra7 , .timeSlot-match.stageID_extra8 , .timeSlot-match.stageID_extra9 { background-color: var(--stage-BGcolor-F0); } .timeSlot-match { display: inline-block; vertical-align: middle; background-color: var(--pool-color-A); border-radius: 4px; font-size: 12px; padding: 2px 6px 0 6px; margin: 1px; font-family: 'Roboto Condensed', sans-serif; color:#888; font-weight: bold; width: 36px; text-align: center; height: 19px; line-height: 15px; } .timeSlot-match.isEmpty { background-color: #eee; } .timeSlot-match.isEmpty.isNotAvailable { background-color: transparent; padding-top: 2px; } .showTeams .timeSlot-match.isEmpty.isNotAvailable { background-color: #eee; /* ITEM-7153 #6: inline-flex (not flex) so the X box centers in the cell like the game cards do (via the cell's text-align:center) when locations get wider, while still centering the X icon inside. */ display: inline-flex; align-items: center; justify-content: center; } .timeSlot-match.isEmpty.isNotAvailable:before { font-family: HTOfonts; content: "\f332"; font-size: 16px; line-height: 16px; color:#ddd; } .showTeams .timeSlot-match.isEmpty.isNotAvailable:before { font-size: 26px; line-height: 26px; color:#ccc; } /* === Find Team === */ .teamSearch.modWrapper .modContent { padding-bottom: 0; } .teamSearch .mainSearch { display: inline-block; width: auto; max-width: 100%; font-size: 20px; min-width: 200px; line-height: 32px; height: 32px; padding-top: 0; padding-bottom: 0; } .teamSearch #teamSearch , .teamSearch #competitionSearch , .teamSearch #locationSearch { /* min-width: 175px; max-width: 220px; */ min-width: none; max-width: none; width: 220px; max-width: 220px; } @media (max-width: 500px) { .teamSearch #teamSearch , .teamSearch #teamSearch_row , .teamSearch #competitionSearch , .teamSearch #competitionSearch_row , .teamSearch #locationSearch , .teamSearch #locationSearch_row { width: 100%; display: block; } } .teamSearch .mainSearch .isEventFolder { font-weight: bold; } .teamSearch .modContent { overflow: hidden; } .teamSearch .inputRow { display: inline-block; vertical-align: top; margin: 2px 8px 2px 0; } .teamSearch .select2-container--default .select2-selection--single { line-height: 30px; font-size: 20px; height: 30px; } .teamSearch .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; font-size: 20px; height: 30px; padding-right: 30px; padding-left: 14px; } .teamSearch .select2-container--default .select2-selection--single .select2-selection__arrow { right: 12px; top: 0; } /* ITEM-6501: collapse the three visitor filter dropdowns (teams / competition / location) into a single non-wrapping unit - ONE active dropdown plus a circular icon strip (David's mockup). Order is teams, competition, location (Ben's override of David's competition-first icons). Built at load by Init_Tournament_Filter_Unit (BracketManager.js); row show/hide is driven by inline style there, the rules below own shape + color. */ .teamSearch .tournament-filter-unit { display: inline-flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 0; /* David 7/6: select + buttons are ONE joined group */ vertical-align: top; } /* inside the unit the rows sit flush; only the active one is shown (inline style) */ .teamSearch .tournament-filter-unit .inputRow { margin: 0; } .teamSearch .tournament-filter-unit .inputRow:not(.isActiveFilter) { display: none; } /* David 7/6 redesign: the dropdown is a rounded rectangle (was a full pill), sitting left of the segmented icon-button group. Purple accent border (Aaron 7/6). */ .teamSearch .tournament-filter-unit .select2-container--default .select2-selection--single, .teamSearch .tournament-filter-unit select.mainSearch { /* David 7/6: the select is the LEFT end of the joined group - fully rounded on the left, flat on the right where the icon buttons continue the group. */ border-radius: 999px 0 0 999px; background-color: #fff; border: 1px solid rgba(77, 62, 124, 0.5); /* David 7/7: ~half opacity so it reads lighter */ border-right-width: 0; /* the first button's left border is the divider */ } /* a filter that currently HAS a value turns lavender - the lighter fill used on the icon buttons (David/Ben 7/7), so the dropdown + its icon match - and its text goes bold (Ben 7/7) to reinforce that the filter is set. */ .teamSearch .tournament-filter-unit .inputRow.hasSelection .select2-container--default .select2-selection--single, .teamSearch .tournament-filter-unit .inputRow.hasSelection select.mainSearch { background-color: #d9dcfd; font-weight: bold; } .teamSearch .tournament-filter-unit .inputRow.hasSelection .select2-selection__rendered { font-weight: bold; } /* David 7/6 redesign: a segmented group of SQUARE icon buttons (was round circles), joined edge-to-edge, sitting to the right of the dropdown. */ .teamSearch .tournament-filter-unit .tournament-filter-icons { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 0; /* joined into one segmented control */ } .teamSearch .tournament-filter-unit .tournament-filter-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; /* Ben 7/7: wider so the glyph isn't cramped (more L/R room) */ height: 30px; border: 1px solid rgba(77, 62, 124, 0.5); /* David 7/7: ~half opacity so it reads lighter */ border-right-width: 0; /* each button's right border is the next divider */ background: transparent; /* David 7/6: unselected = header background shows through */ color: #8a8a8a; /* David 7/6: inactive icon = neutral gray */ cursor: pointer; text-decoration: none; box-sizing: border-box; } /* the last button is the RIGHT end of the joined group: full pill cap + its own right border */ .teamSearch .tournament-filter-unit .tournament-filter-icon:last-child { border-right-width: 1px; border-top-right-radius: 999px; border-bottom-right-radius: 999px; } .teamSearch .tournament-filter-unit .tournament-filter-icon:before { font-family: 'HTOFonts'; font-weight: normal; font-size: 20px; line-height: 1; } .teamSearch .tournament-filter-unit .tfi-teams:before { content: "\f2ea"; } .teamSearch .tournament-filter-unit .tfi-competition:before { content: "\f2ed"; } .teamSearch .tournament-filter-unit .tfi-location:before { content: "\f320"; } /* David/Ben 7/7: the icon bg fill keys on whether the filter holds a VALUE (hasSelection), NOT on which one is currently shown. The glyph TEXT color is what turns purple when selected (rule below). So: value -> lavender bg; selected -> purple glyph; the two are independent. */ .teamSearch .tournament-filter-unit .tournament-filter-icon.hasSelection { background-color: #d9dcfd; } .teamSearch .tournament-filter-unit a.tournament-filter-icon:visited, .teamSearch .tournament-filter-unit a.tournament-filter-icon:hover, .teamSearch .tournament-filter-unit a.tournament-filter-icon:focus { color: #4D3E7C; text-decoration: none; outline: none; } /* ITEM-6501 (Aaron 7/6): the module's generic anchor color (#mod_tournamentEvents a = #3344dd blue) outranks the class selectors above, so re-assert the trophy purple on the filter glyphs with an ID-scoped rule (all states). This matches the cluster to the tabs + the trophy icon; the collapsible sub-headers (Teams/etc.) are a separate control and intentionally stay blue. */ #mod_tournamentEvents .tournament-filter-unit .tournament-filter-icon, #mod_tournamentEvents .tournament-filter-unit a.tournament-filter-icon:visited, #mod_tournamentEvents .tournament-filter-unit a.tournament-filter-icon:focus { color: #8a8a8a; /* David 7/6: inactive icon = gray (beats the module's blue link color) */ } /* David 7/6: the SELECTED (currently-shown) icon = intense purple */ #mod_tournamentEvents .tournament-filter-unit .tournament-filter-icon.isSelected { color: #4D3E7C; } /* hover / active / focus stay the dark purple - without an :active rule the icon fell back to the gray base color while the mouse button was held (David/Ben 7/7: "the active state is overriding the style and making the text gray"). */ #mod_tournamentEvents .tournament-filter-unit a.tournament-filter-icon:hover, #mod_tournamentEvents .tournament-filter-unit a.tournament-filter-icon:active, #mod_tournamentEvents .tournament-filter-unit a.tournament-filter-icon:focus { color: #4D3E7C; } /* ITEM-6501 (Aaron 7/6): visible hover on the filter icons - lavender fill. A color change alone did nothing because the glyph is already purple. */ #mod_tournamentEvents .tournament-filter-unit a.tournament-filter-icon:hover { background-color: #d9dcfd; } .select2-container--default .select2-results__option { line-height: 18px; padding-top: 4px; padding-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body .select2-container--default .select2-results>.select2-results__options { max-height: 300px; } .teamSearch .competitionJumpSection { display: inline-block; vertical-align: top; } .teamSearch .competitionJumpSection div { display: inline; } .teamSearch .competitionJumpSection .competitionFolderWrapper:first-child { margin-top: 6px; } .teamSearch .competitionJumpSection .competitionFolderHeader { padding: 0 0 4px 6px; } .teamSearch .competitionJumpSection .competitionFolderLabel { font-weight: bold; display: inline-block; vertical-align: middle; line-height: 22px; font-size: 18px; } .teamSearch .competitionJumpSection .competitionsRow { } .teamSearch .competitionJumpSection .competitionsRow .btn { height: 32px; line-height: 32px; white-space: nowrap; background-color: #D6D4DF; color:#000 !important; padding: 0 16px 0 16px; font-weight: bold; font-size: 16px; text-align: center; min-width: 125px; margin: 0 0 6px 6px; } .teamSearch .competitionJumpSection .competitionsRow .btn:hover { background-color: #B6B4BF; } .teamSearch .competitionJumpSection .competitionsRow .btn.active { background-color: #000; color:#fff !important; } .teamSearch .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; height: 30px; line-height: 30px; } .schedule-balance-wrapper { padding: 12px; } .schedule-balance-pool-header h2 { margin: 20px 0 10px 0; color: #333; border-bottom: 2px solid #007bff; padding-bottom: 5px; } .schedule-balance-summary { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 5px; padding: 15px; margin-bottom: 20px; } .schedule-balance-summary h3 { margin: 0 0 15px 0; color: #333; } .balance-summary-stats { display: flex; flex-wrap: wrap; gap: 20px; } .balance-stat { display: flex; flex-direction: column; min-width: 200px; } .balance-stat-label { font-weight: bold; color: #666; font-size: 12px; text-transform: uppercase; } .balance-stat-value { font-size: 16px; font-weight: bold; margin-top: 5px; } .balance-stat-value.good { color: #28a745; } .balance-stat-value.warning { color: #d6a30a !important; padding: 0 !important; text-align: left; } .balance-stat-value.poor { color: #dc3545; } .schedule-balance-table-wrapper { overflow-x: auto; border: 1px solid #dee2e6; border-radius: 5px; } .schedule-balance-table { width: 100%; border-collapse: collapse; background: white; } .schedule-balance-table thead { background: #f8f9fa; } .schedule-balance-table th, .schedule-balance-table td { padding: 8px 12px; text-align: center; border-bottom: 1px solid #dee2e6; } .team-name-cell { text-align: left !important; font-weight: bold; } .balance-data-cell div { font-weight: bold; } .balance-excellent { color: #155724; background: #d4edda; padding: 2px 6px; border-radius: 3px; } .balance-good { color: #28a745; } .balance-ok { color: #856404; } .balance-warning { color: #721c24; background: #f8d7da; padding: 2px 6px; border-radius: 3px; margin: 0 4px; } .balance-poor { color: #dc3545; background: #f8d7da; padding: 2px 6px; border-radius: 3px; } .schedule-balance-legend { margin-top: 20px; padding: 15px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 5px; } .schedule-balance-legend h4 { margin: 0 0 10px 0; } .legend-items { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; } .legend-item { display: flex; align-items: center; gap: 5px; } .legend-color { width: 20px; height: 15px; border-radius: 3px; display: inline-block; } .legend-explanation { font-size: 12px; color: #666; } .legend-explanation p { margin: 5px 0; } @media (max-width: 768px) { .balance-summary-stats { flex-direction: column; } .schedule-balance-table { font-size: 12px; } .schedule-balance-table th, .schedule-balance-table td { padding: 6px 8px; } } /* Shared: event filter bar for org admin tournament pages */ .tournament-event-filter-bar { padding: 8px 12px; background-color: var(--eventFolder-bgcolor, #533b7c); min-height: 40px; display: flex; align-items: center; border-radius: 12px; margin-bottom: 12px; } .tournament-event-filter-bar .tournament-event-filter-select { max-width: 320px; font-size: 15px; height: 34px; border-radius: 6px; } /* Shared: "Select an Event" prompt for org admin tournament pages */ .select-event-prompt { max-width: 420px; margin: 60px auto; text-align: center; padding: 32px 24px; border: 1px solid #ddd; border-radius: 12px; background-color: #f9f9f9; } .select-event-header { font-size: 22px; font-weight: bold; color: #342662; margin-bottom: 20px; } .select-event-body { display: flex; justify-content: center; } .select-event-select { font-size: 16px; height: 38px; width: 100%; max-width: 320px; border-radius: 6px; } /* ITEM-7153 #7: on tournament event sites (desktop) the left nav should stay visible on scroll like the competition headers. A plain position:fixed jumped the nav up on load and left a black gap when scrolling, so the sticky behavior is driven by a scroll handler (it lets the nav scroll naturally, then pins it to the top once it reaches there - no jump, no gap). This rule only neutralizes the menu-wrapper transform so the handler's position:fixed resolves to the viewport. Scoped to desktop (mobile slide menu untouched) and tournament sites only. */ @media (min-width: 768px) { body.view_HTOtournaments .mh-mobileMenu.mh-menuMain { transform: none; } } /* ===== ITEM-6681: docked "add teams" selector panel ===== On the bracket/dashboard the team selector opens as a narrow left panel (instead of a modal that covers the bracket). The panel docks itself to the left of the bracket (#mod_tournamentEvents) inside a flex row; the bracket sits to its right and keeps its horizontal scroll. */ .bracket-manager-row { display: flex; flex-direction: row; align-items: flex-start; } /* min-width:0 lets the bracket shrink inside the flex row so its own horizontal scroll works */ .bracket-manager-row > .bracket_wrapper_inner, .bracket-manager-row > [id^="bracketWrapper_"], .bracket-manager-row > .competition-details-body-content, .bracket-manager-row > #mod_tournamentEvents { flex: 1 1 auto; min-width: 0; } /* Collapsed to zero until opened, so it takes no space and the bracket is full width. align-self:flex-start keeps it top-aligned instead of stretching to the bracket's height. */ .team-pool-panel { flex: 0 0 0; width: 0; overflow: hidden; align-self: flex-start; box-sizing: border-box; } /* Sits INSIDE the competition panel, beside the bracket: a small inset margin and rounded corners, light grey — like the Available Teams column. Capped so it doesn't run the full height of a tall bracket. */ .team-pool-panel.isOpen { flex: 0 0 auto; width: 220px; margin: 8px; border-radius: 8px; max-height: calc(100vh - 180px); overflow: auto; padding: 10px; background: #f3f4f6; border: 1px solid #e0e0e0; } /* Caps the Available Teams bin's height and makes it sticky so it stays in view while the pool stack scrolls past it; overflow-y gives the team list its own scrollbar once it outgrows that height. */ .team-pool-panel.isOpen.team-avail-panel { align-self: flex-start; position: -webkit-sticky; position: sticky; /* R1-5 (Ben, 9/3): 8px alone stuck the panel UNDER the fixed 54px .headBanner (z-index 1020), clipping the title + Add Teams button behind it once it hit the sticky point. Clear the banner PLUS the sticky competition-title row (.event-competition-row, 48px on desktop) that stacks below it, so the whole module -- title, Add Teams, and the team list -- is visible together when it sticks. The 767px breakpoint below re-offsets this for the row's 86px two-line mobile height. */ top: 102px; max-height: calc(100vh - 110px); overflow-y: auto; } /* The pull-from-divisions / editor panel is a wider picker than the bin — it's a temporary drill-in (checkbox groups + dropdown) that doesn't feed the bracket, so it's fine for it to push the bracket right. Only the bin (.team-avail-panel) stays at the narrow 220px. It stretches to the full pool-stack height, same as the bin. */ .team-pool-panel.isOpen:not(.team-avail-panel) { width: 320px; align-self: stretch; max-height: none; } /* Phones: 220px eats too much of a narrow screen next to the bracket; 180px is comfortable. Also re-offset the sticky top for .event-competition-row's 86px two-line mobile height (54px banner + 86px row) at this same breakpoint -- see the base rule above. */ @media screen and (max-width: 767px) { .team-pool-panel.isOpen.team-avail-panel { width: 180px; top: 140px; max-height: calc(100vh - 148px); } } .team-pool-panel .teamPool-panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .team-pool-panel .teamPool-panel-title { font-size: 15px; font-weight: 700; color: #333; } .team-pool-panel .teamPool-panel-close { font-size: 14px; line-height: 1; color: #888; text-decoration: none; } /* HTOfonts crisp X (U+F332) instead of the browser's × glyph. */ .team-pool-panel .teamPool-panel-close:before { font-family: HTOfonts; content: '\f332'; } .team-pool-panel .teamPool-panel-actions { display: flex; gap: 8px; margin-top: 12px; justify-content: center; } /* ITEM-6681 — Available Teams / pull-from-divisions panel cosmetic tweaks (David): 14px text, Arial buttons centered with a wider Save, and a smaller status-key legend. */ .team-pool-panel .teamPool-panel-inner { font-size: 14px; } /* Elements with their own explicit sizes need to be forced to 14px too (the base above doesn't reach them): the "Pull from:" label + source dropdown, the division/team labels, the count badges, and the status-key legend + its items. */ .team-pool-panel .teamPool-panel-inner .numTeams, .team-pool-panel .teamPool-panel-inner .teamLabel, .team-pool-panel .teamPool-panel-inner .message-text, .team-pool-panel .teamPool-panel-inner .select-hq-input, .team-pool-panel .teamPool-panel-inner .key-wrapper, .team-pool-panel .teamPool-panel-inner .key-item-label { font-size: 14px; } .team-pool-panel .teamPool-panel-actions .btn { font-family: Arial, sans-serif; } .team-pool-panel .teamPool-panel-save { padding-left: 30px; padding-right: 30px; } /* Source dropdown: drop the "Pull from:" label, and make the dropdown full-width + white so it's unmissable. */ .team-pool-panel .teamPool-panel-inner .select-hq-row .message-text { display: none; } .team-pool-panel .teamPool-panel-inner .select-hq-row { display: block; width: 100% !important; } .team-pool-panel .teamPool-panel-inner .select-hq-row .select-hq-wrapper { display: block !important; width: 100% !important; max-width: none !important; background-color: #fff !important; height: auto !important; } .team-pool-panel .teamPool-panel-inner .select-hq-input, .team-pool-panel .teamPool-panel-inner #select_TeamPool_HQ { display: block !important; width: 100% !important; max-width: none !important; font-size: 14px !important; line-height: 20px !important; height: auto !important; padding: 5px 12px !important; background-color: #fff !important; } /* the row had left padding for the old "Pull from:" label, pushing the dropdown right — drop the left, keep 8px bottom for spacing. */ .team-pool-panel #teamPoolDetailsDialog .select-hq-row { padding: 0 0 8px 0 !important; } /* ITEM-6681 #4: the docked panel is narrow, so show the team list as ONE column (the modal used two: `1fr 1fr` / column flow). Scoped to the panel so the popup elsewhere is unchanged. The .team-pool-panel prefix out-specifies the base #editCompetitionTeamsDialog rule. */ .team-pool-panel #editCompetitionTeamsDialog .slots-grid { grid-template-columns: 1fr; grid-auto-flow: row; } /* ITEM-6681 #2: hide the competition's "assign teams" text button — the docked panel handles team assignment now. */ .team-slots-actions { display: none; } /* ITEM-6681 #10: the first, still-unfilled occurrence of each seed is a "to-do" — orange text signals which seed slots still need a team. Repeat occurrences stay grey; filled slots blue. */ .teamSlotRef.tbd.needs-seed { color: #d97706; } /* ITEM-6501: module-level visitor view switcher (Brackets / Schedule). The admin/owner per-competition toggle (.competition-view-toggle) renders inside .event-competition-row, which is display:none for visitors, so it can never be the visitor switcher and its CSS leaves a switch 0x0 here. This is a dedicated, always-visible switch rendered by Add_Tournament_View_Switch into the visible .event-section-header for visitors who have BOTH view tabs allowed. Minimal on purpose - David will refine the look. */ #mod_tournamentEvents .event-section-header .tournament-view-switch { display: inline-flex; align-items: center; gap: 4px; margin-right: 12px; } #mod_tournamentEvents .event-section-header a.tournament-view-switch-tab { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; /* ITEM-6501 (Aaron 7/6): match the right-side controls - 30px height and the dropdown's rendered 16px text (select2 renders "Stars" at 16px even though the native select is 20px) so the left tabs read the same size as the dropdown. */ height: 30px; padding: 0 12px; font-size: 16px; line-height: 30px; border-radius: 6px; /* reserve a 1px transparent border so the active border never shifts layout (mirrors the filter-icon circles) */ border: 1px solid transparent; box-sizing: border-box; color: #555; background-color: var(--titletab-bg); /* ITEM-6501 (Aaron 7/6): drop the browser's black focus/active outline on the ; the active state is shown with a 1px purple border instead. */ outline: none; } #mod_tournamentEvents .event-section-header a.tournament-view-switch-tab:focus { outline: none; } #mod_tournamentEvents .event-section-header a.tournament-view-switch-tab:hover { /* ITEM-6501 (Aaron 7/6): visible hover - lavender fill + purple text (the plain color change alone was too subtle on the already-dark tab text). */ background-color: #d9dcfd; color: var(--titletab-text-selected); } #mod_tournamentEvents .event-section-header a.tournament-view-switch-tab.isActive { /* ITEM-6501: no underline; active = bold + a 1px purple border matching the filter group, with purple text on the white bg. David 7/7: border at ~half opacity (rgba .5) so it reads lighter; the text stays solid purple. */ font-weight: bold; border-color: rgba(77, 62, 124, 0.5); background-color: var(--titletab-bg-selected); color: var(--titletab-text-selected); }