/*+++ |=== TOGGLE SCOREBOARD TABLES ===| +++*/

.hide-scoreboard-btns-div {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    gap: 33px;
}

.hide-scoreboard-btn {
    width: 89px;
    font-size: 14px;
    text-align: center;
    padding: 3px;
    background-color: var(--primary-one-3);
    border: none;
    border-radius: 6px;
}

.hide-scoreboard-btn:hover {
    background-color: var(--primary-one-2);
}

/*+++ |=== POST BET BUTTON ===| +++*/

.post-matchup-btn-div {
    margin-top: 18px;
    width: max-content;
}

.post-matchup-btn {
    width: max-content;
    width: 323px;
    border: none;
    font-size: 16px;
    padding: 6px;
    background-color: var(--primary-one-1);
    border-radius: 12px;
    font-weight: bolder;
    color: var(--white-1);
}

.post-matchup-btn:hover {
    background-color: var(--primary-two-2);
    cursor: pointer;
}

/*+++ |=== GAME ALGORITHM SECTION ===| +++*/

.scoreboard-container-div {
    /* margin-top: 6px; */
}

.scoreboard-include-flex-div {
    margin-top: 23px;
    display: flex;
    justify-content: center;
    gap: 49px;
}

.scoreboard-include-container {
    /* margin-top: 33px; */
}

#player-scoreboard-tbls, #h2h-scoreboard-tbls, #live-scoreboard-tbls, #rank_a-scoreboard-tbls, #rank_b-scoreboard-tbls {
    display: block;
    /* border: 1px solid green; */
}

.top-scoreboard-include-container {
}

.top-scoreboard-include-flex-div {
    display: flex;
    justify-content: center;
}

.scoreboard-control-include-container {
    width: 100%;
}

.top-scoreboard-container {
    width: 322px;
}


/*+++ |=== MATCH BETTING RESULT ===| +++*/

.match-odds-results-container {
    margin-top: 45px;
}

.match-odds-results-flex {
    display: flex;
    justify-content: center;
    gap: 23px;
}

.match-odds-results-div {
}

.match-odds-bet-result-flex {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.match-odds-result-tbl {
    background-color: var(--grey-4);
    margin-left: auto;
    margin-right: auto;
    /* box-shadow: 1px 1px 3px 6px var(--grey-2); */
    border-radius: 6px;
}

.match-odds-result-tbl th {
    font-size: .81rem;
    text-wrap: nowrap;
    color: var(--primary-two-1);
}

.match-odds-row.lines td {
    width: 39px;
}

.match-odds-result-money-line-tbl {
    width: 323px;
}

.odds-line-open-box {
    min-width: 78px;
}

.over-under-total {
    min-width: 28px;
}

.match-odds-result-tbl td, .match-odds-result-tbl th {
    text-align: center;
    padding: 6px;
    border: 1px solid var(--grey-1);
    font-size: .81rem;
}


/*+++ |=== ODDS TOTAL SECTION ===| +++*/

.match-odds-results-container.over-under {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}
.match-odds-results-div.over-under {
    display: flex;
    justify-content: center;
    width: min-content;
    gap: 1rem;
}

.odds-total-tbl {
}


.over-under-cover-head {
    width: 69px;
}

.match-odds-row td {
    text-wrap: nowrap;
}

.over-under-letter {
    width: 1.2rem;
}
.over-under-dif {
    width: 2.6rem;
}

/*+++ |=== WIN LINE PERCENTAGES SECTION ===| +++*/

.scoreboard-win-per-container {
}

.scoreboard-line-win-per-div {
    margin-top: 12px;
}

.line-win-per-tbl {
    width: 323px;
}

.line-win-per-tbl th, .line-win-per-tbl td {
    text-align: center;
    padding: 5px;
    font-size: .87rem;
}

.line-win-per-tbl tbody tr:nth-child(1) {
    border-bottom: 1px solid var(--primary-one-4);
}

.line-win-per-head-row th, .line-win-per-data td {
    width: 69px;
}

.line-win-per-head-row {
    background-color: var(--primary-one-3);
}

.line-win-per-data-row {
    background-color: var(--grey-4);
}


/*+++ |=== TOP SCORECARD SECTION ===| +++*/

.top-scorecard-container {
    margin-top: 12px;
}

.top-scorecard-caption {
    font-size: 18px;
    padding: 7px;
    background-color: var(--primary-one-4);
    border: 1px solid var(--primary-one-4);
}

.top-scorecard-div {
}
.top-scorecard-div a {
    text-decoration: none;
}

.top-scorecard-tbl {
    width: 322px;
    background-color: var(--grey-4);
}

.top-scorecard-tbl th, .top-scorecard-tbl td {
    padding: 9px 5px;
    text-align: center;
    font-size: 14px;
}

.top-scorecard-tbl thead tr {
    background-color: var(--primary-one-3);
}

.top-scorecard-tbl th a {
    /* color: var(--primary-one-1); */
    text-decoration: none;
    font-size: 14px;
}

.top-scorecard-adjusted-row {
    font-weight: 900;
    border-top: 1px solid var(--primary-one-4);
    border-bottom: 1px solid var(--primary-one-4);
}

/*+++ |=== ODDS MARKET CALCULATION SCOREBOARD SECTION ===| +++*/

.scoreboard-odds-container {
    margin-top: 12px;
}
.scoreboard-odds-tbl {
    width: 323px;
}

.odds-caption {
    font-size: 13px;
    padding: 6px;
    background-color: var(--primary-one-4);
}

.odds-head-row {
    background-color: var(--primary-one-3);
}

.odds-head:nth-child(3), .odds-row:nth-child(3) {
    width: 89px;
}

.odds-head:nth-child(-n + 2), .odds-head:nth-child(n + 4), .odds-data:nth-child(-n + 2), .odds-data:nth-child(n + 4) {
    width: 42px;
}

.odds-head, .odds-data {
    font-size: .87rem;
    padding: 6px;
    text-align: center;
}

.odds-row {
    background-color: var(--grey-2);
}

/*+++ |=== TOP SCOREBOARD TABLE ===| +++*/

.grp-scoreboard-tbl {
    margin-top: 1.2rem;
    width: 323px;
    box-shadow: 1px 1px 3px 6px var(--grey-1);
}

.grp-scoreboard-tbl caption {
    font-size: 13px;
    padding: 6px;
    background-color: var(--primary-one-4);
}

.grp-scoreboard-tbl th {
    font-size: 12px;
    font-weight: 600;
    padding: 6px;
    text-align: center;
    background-color: var(--primary-one-3);
}

.grp-scoreboard-tbl th a {
    text-decoration: none;
    font-size: .87rem;
}

.grp-scoreboard-tbl td {
    padding: 6px;
    text-align: center;
}


/*+++ |=== PLAYER ALGORITHM SECTION ===| +++*/

.scoreboard-head-div {
    display: flex;
    justify-content: center;
    /* gap: 2px; */
    /* padding: 3px; */
    /* border-radius: 6px; */
    background-color: var(--grey-1);
    box-shadow: 1px 1px 3px 6px var(--grey-1);
}

#player-scoreboard-tbls {
    margin-top: 23px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.scoreboard-type-div {
    display: flex;
    justify-content: center;
    gap: 2px;
}

.scoreboard-title-div {
    cursor: pointer;
}

.scoreboard-title:hover {
    background-color: var(--primary-two-3);
}

.scoreboard-title {
    text-align: center;
    padding: 6px;
    font-size: .87rem;
    font-weight: 600;
    background-color: var(--primary-one-4);
}

.scoreboard-title a {
    font-weight: 600;
    font-size: .87rem;
}

/*+++ |=== SCOREBOARD TABLE ===| +++*/

.scoreboard-type-tbl-hidden, .scoreboard-tbl-title-hidden {
    display: none;
}

.scoreboard-tbl {
    border: none;
}

.scoreboard-tbl caption {
    padding: 6px;
    background-color: var(--primary-one-2);
    font-size: .87rem;
    font-weight: 500;
}

.scoreboard-tbl th {
    padding: 6px;
    text-align: center;
    background-color: var(--grey-3);
    font-weight: 300;
}

.scoreboard-tbl td {
    padding: 6px 3px;
    text-align: center;
}

.scoreboard-tbl tbody tr:nth-last-child(1), .grp-scoreboard-tbl tbody tr:nth-last-child(1) {
    border-top: 1px double var(--primary-one-2);
    border-bottom: 2px solid var(--primary-one-2);
}

.scorecard-tbl-card.away thead tr th:nth-child(1n + 1), .scorecard-tbl-card.home thead tr th:nth-child(1n + 1) {
    width: 45px;
}

.scoreboard-tbl caption a, .scoreboard-title a, .player-box-tbl caption a, .h2h-matchup-box-tbl caption a, .h2h-matchup-grp-tbl caption a, .tier-matchup-box-tbl caption a, .rank-matchup-box-tbl caption a, .rank-matchup-val-tbl caption a {
    text-decoration: none;
    font-size: .87rem;
}

/*+++ |=== ALGORITHM ADJUSTMENT BUTTONS ===| +++*/
.away-scoreboard-control-include-container {
    display: grid;
    justify-content: end;
    margin-right: 9px;
}

.home-scoreboard-control-include-container {
    display: grid;
    justify-content: start;
    margin-left: 9px;
}

.adjust-algorithm-div {
    background-color: var(--grey-4);
    padding-bottom: 12px;
    margin-top: 18px;
    box-shadow: 1px 1px 1px 2px var(--grey-1);
    border-radius: 9px;
}

.adjust-algorithm-div .adjust-vector-container:nth-child(3) {
    padding-bottom: 9px;
}

.adjust-algorithm-div-home {
    padding: 0 9px;
}
.adjust-algorithm-div-away {
    padding: 0 9px;
}

.adjust-vector-container {
    margin-top: 18px;
}

.adjust-vector-head-div {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--grey-1);
}

.vector-type-title {
    padding: 0px 12px 12px;
    font-size: 16px;
    color: var(--primary-two-1);
}

.vector-total-value {
    padding: 0px 12px 12px;
    font-size: 16px;
}

.adjust-vector-div-away, .adjust-vector-div-home {
    margin-top: 12px;
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    gap: 2px;
}
.adjust-vector-div-away {
    flex-direction: row-reverse;
    /* margin-left: 45px; */
}

.adjust-vector-div-home {
    justify-content: start;
    /* margin-right: 45px; */
}

.adjust-vector-div-away .vector-btn-house:nth-child(-n + 8) {
    border-left: 1px solid var(--grey-1);
}

.adjust-vector-div-away .vector-house-flex-div:first-child {
    /* border: none; */
}

.adjust-vector-div-home .vector-btn-house:nth-child(-n + 8) {
    border-right: 1px solid var(--grey-1);
}

.vector-house-flex-div {
    display: flex;
    justify-content: center;
}

.vector-btn-div {
    display: flex;
    flex-direction: column;
}

.vector-type-btn {
    border: none;
    font-weight: 900;
    cursor: pointer;
    background-color: var(--grey-4);
    font-size: 16px;
    color: var(--grey-1);
}

.vector-type-btn:hover {
    color: var(--secondary-one-4);
}

.vector-type-btn-up {
    transform: rotate(180deg);
}

.vector-typ-btn-down {

}

.vector-type-div, .vector-value-div {
    /* width: 96px; */
    text-align: center;
}

.vector-type-div {
    font-size: 14px;
    width: 56px;
    white-space: nowrap;
    color: var(--primary-two-1);
}

.vector-value-div {
    padding: 3px;
    font-size: 16px;
}