﻿.dg_performance-scores__container.container {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.dg_performance-scores__container.container > .row {
    justify-content: center;
}

.facility-types {
    display: flex;
    gap: 10px;
}

.whs-rated {
    display: flex;
    gap: 10px;
    text-align: center;
    justify-content: center;
}

.dg_performance-scores__filters .btn {
    background-color: #00E6A1 !important;
    border-color: #00E6A1 !important;
    box-shadow: none;
}

    .dg_performance-scores__filters .btn:hover {
        background-color: #72E7C9 !important;
        border-color: #72E7C9 !important;
        box-shadow: inherit;
    }

.dg_performance-scores__graph {
    padding: 0 14px;
}

.dg_performance-scores__graph-footer {
    align-items: center;
    flex-direction: column;
    gap: 15px;
}

.dg_performance-scores .legend-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-left: 15px;
}

@media screen and (min-width: 854px) {
    .dg_performance-scores__graph-footer {
        flex-direction: row;
    }

    .dg_performance-scores .legend-wrapper {
        display: flex;
        flex-direction: initial;
        gap: 15px;
    }
}

@media screen and (max-width: 767px) {
    .dg_performance-scores .filter-container--desktop {
        display: none;
    }

    .dg_performance-scores .filter-container--mobile {
        display: grid;
        gap: 10px;
    }

    .facility-types {
        display: grid;
    }
}

/*member-info-sect*/
.dg_performance-scores__sheet {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
}
.vital-stats__title, .vital-stats__title i {
    color: #02484D;
}
.club-member .tile {
    background-color: #0B2228;
}
.club-member .last-updated {
    font-size: 16px;
}

/*Scores section*/

.dg_performance-scores__sheet.scores-container {
    width: 100%;
    max-width: 1620px;
}

.dg_performance-scores__total-score {
    font-size: 12.8px;
}

.dg_performance-scores__info, .dg_performance-scores__help {
    color: #02484D;
}

.dg_performance-scores__table th {
    color: #8D8D93;
    background-color: #F5F5F5;
    font-weight: normal;
    font-size: 13px;
}

.dg_performance-scores__table th span {
    font-weight: normal;
    font-size: 13px;
}

.g_performance-scores__table-head tr th[align="center"]:nth-child(3),
.g_performance-scores__table-head tr th[align="center"]:nth-child(8) {
    text-align: initial;
}
.g_performance-scores__table-head tr th[align="center"]:last-child {
    text-align: inherit;
}
.g_performance-scores__table-head tr th[align="center"]:nth-child(9) {
    text-align: center;
}

.dg_performance-scores__table tbody tr.alt-row {
    background-color: initial;
}
.dg_performance-scores__table tbody tr.alt-row:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.dg_performance-scores__table-row .score-differential .mps-icon-counting-score,
.dg_performance-scores__table-row .score-differential .mps-icon-penalty-score {
    margin-bottom: 8px;
}

.mps-icon--with-value {
    width: 34px;
    height: 34px;
}

/*Scorecards*/
.dg_performance-scores .scorecard-minimum {
    width: 94vw;
}

.dg_performance-scores .scorecard-minimum table td span.is-bogey2, 
.dg_performance-scores .scorecard-minimum table td span.is-na {
    width: auto;
    height: auto;
    min-width: 22px;
    min-height: 22px;
    align-items: center;
    justify-items: center;
}

/*Score Legends*/
.close-btn .fal.fa-times {
    color: #02484D;
}
    .close-btn .fal.fa-times:hover {
        color: #0056b3;
    }

.dg_performance-scores__legend-icon .mps-icon-not-eligible-for-handicapping,
.dg_performance-scores__legend-icon .mps-icon-penalty-score,
.dg_performance-scores__legend-icon .mps-icon-four-ball {
    margin-bottom: 0.7rem;
}