/* new css for v12 begin */
.gkmb_pscoreDiv button {
    background-color: transparent;
    border: none;
    text-align: left;
    padding: 0.3rem 0.5rem;
    width: 100%;
}

.color-block {
    display: inline-block;
    width: 12px;
    height: 12px;
}

.gkmb_pscorePrintlink {
    margin-top: 2rem;
}

@media print {
    .top-fixed,
    .header, #header, header,
    .footer, #footer, footer,
    .gkmb_pscorePrintlink,
    #breadcrumb, .breadcrumb,
    #metanav, .metanav,
    .gkmb_pscoreCourseSelectedMessage,
    .gkmb_pscoreTeeSelectedLink,
    .gkmb_pscorePlayhcapLinkField
    {
        display: none !important;
    }
}

/* new css for v12 end */

.gkmb_pscoreTeeSelectCourse,
.gkmb_playHcpTeeHeaderTeename {
    font-size: var(--f-size-l-2);
    font-family: var(--f-family-highlight-b);
    color: rgb(var(--c-neutral-darker));
}

.gkmb_playHcpTeeHeader,
.print__button,
.gkmb_pscoreTeeSelectCourse {
    margin-top: 2rem;
}

.gkmb_pscoreTeeSelectTeedata,
.gkmb_pscoreTeeSelectTeeSpacer a,
.gkmb_pscoreTeeSelectTee a {
    padding: 0.3rem 0.5rem;
    display: block;
}

.gkmb_pscoreTeeSelectTee,
.gkmb_pscoreCourseWrapper {
    margin-top: 0.5rem;
}

.gkmb_pscoreFooter {
    font-size: var(--f-size-s-2);
    margin-top: 2rem;
}

.gkmb_playHcpTeeHeaderLabel,
#tx_gkmbpersonalscore_pi1-hcap {
    float: left;
    margin-right: 0.5rem;
    min-width: 140px;
}

.gkmb_pscoreScHoleRowRow,
.gkmb_pscoreScHeaderRow,
.gkmb_pscoreScOutRow,
.gkmb_pscoreScInRow,
.gkmb_pscoreScTotalRow {
    display: grid;
    grid-gap: 2px;
    margin-bottom: 2px;
    grid-template-columns: repeat(10, 1fr);
    text-align: center;
}

.gkmb_pscoreScTotalRow,
.gkmb_pscoreScStatsRow,
.gkmb_pscorePlayhcapForm,
.gkmb_pscoreCourseSelectRow {
    margin-bottom: 2rem;
}

.gkmb_pscorePlayhcapText {
    float: left;
}

.gkmb_pscorePlayhcap {
    padding-left: 11rem;
}

.gkmb_pscoreScHeaderRow {
    font-size: var(--f-size-s-1);
}

.gkmb_pscoreScHoleRowRow > div,
.gkmb_pscoreScHeaderRow > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gkmb_pscoreScHoleCellScoreInput {
    margin: 0;
}

.gkmb_playHcpTeeHeaderCoursename {
    display: none;
}

.gkmb_playHcpTables {
    overflow: hidden;
}

.gkmb_playHcpTable {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.gkmb_pscoreTeeSelectedLink button[type="submit"],
.gkmb_pscorePlayhcapLinkField button[type="submit"] {
    color: rgb(var(--c-primary));
}