/* Billing & Reimbursement coding table styling only - SBU-37444 QA fixes */
.outer-section,
.outer-section * {
    font-family: Geologica;
}

.outer-section .billing-fixed-width {
    width: 828px !important;
    max-width: 828px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important
}

.outer-section .title {
    font-family: "Vinila Extended", Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    color: #333333 !important
}

.outer-section h3 {
    font-family: "Vinila Extended", Arial, sans-serif !important;
    font-size: 21px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    margin: 0 0 16px !important;
    color: #333333 !important
}

.outer-section p,
.outer-section .smallprint {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    margin: 0 0 12px !important;
    color: #333333 !important
}

.outer-section .coding-intro-text {
    margin: 0 0 12px !important
}

.outer-section .coding-guide-link {
    margin: 0 0 40px !important
}

.outer-section .coding-guide-link a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #0B809D !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    text-decoration: none;
    font-family: Geologica;


}

.outer-section .guide-pdf-icon {
    display: inline-block !important;
    width: 13px !important;
    height: 15px !important;
    min-width: 13px !important;
    margin-left: 3px !important;
    position: relative !important;
    top: 2px !important;
    box-sizing: border-box !important;
    border: 1.5px solid #0B809D !important;
    border-radius: 1px !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: visible !important
}

.outer-section .guide-pdf-icon:before {
    content: "" !important;
    position: absolute !important;
    right: -1.5px !important;
    top: -1.5px !important;
    width: 5px !important;
    height: 5px !important;
    background: #FFFFFF !important;
    border-left: 1.5px solid #0B809D !important;
    border-bottom: 1.5px solid #0B809D !important;
    transform: skew(-12deg) !important;
    box-sizing: border-box !important
}

.outer-section .guide-pdf-icon:after {
    content: "PDF" !important;
    position: absolute !important;
    left: 1px !important;
    bottom: 1px !important;
    color: #0B809D !important;
    font-family: Arial, sans-serif !important;
    font-size: 4px !important;
    line-height: 4px !important;
    font-weight: 700 !important;
    letter-spacing: -.3px !important;
    text-decoration: none !important
}

.outer-section .smallprint {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.outer-section a {
    color: #0B809D !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
}

.outer-section .table-wrap,
.outer-section .scroll {
    width: 828px !important;
    max-width: 828px !important
}

.outer-section .table-wrap {
    margin: 20px 0 48px !important
}

.outer-section .scroll {
    overflow-x: visible !important
}

.outer-section table.billing-code-table {
    border-collapse: collapse !important;
    table-layout: fixed !important;
    width: 828px !important;
    min-width: 828px !important;
    max-width: 828px !important;
    margin: 0 !important;
    border: 1px solid #0E9FC4 !important;
    font-size: 14px !important;
    line-height: 20px !important
}

.outer-section table.billing-code-table .code-col-def,
.outer-section table.billing-code-table .code-col {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    text-align: center !important;
}

.outer-section table.billing-code-table .desc-col-def,
.outer-section table.billing-code-table .desc-col {
    width: 578px !important;
    min-width: 578px !important;
    max-width: 578px !important
}

.outer-section table.billing-code-table tr,
.outer-section table.billing-code-table thead tr {
    width: 828px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important
}

.outer-section table.billing-code-table thead th {
    background: #282A69 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 7px 24px !important;
    border: 1px solid #282A69 !important;
    text-align: left !important;
    vertical-align: middle !important;
    box-sizing: border-box !important
}

.outer-section table.billing-code-table tbody td {
    color: #333333 !important;
    background: #FFFFFF !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 16px 24px !important;
    border: 1px solid #0E9FC4 !important;
    text-align: left !important;
    vertical-align: middle !important;
    box-sizing: border-box !important
}

.outer-section table.billing-code-table tbody td.code-col {
    background: #DFF4F8 !important;
    color: #282A69 !important;
    font-weight: 700 !important;
    text-align: center !important
}

.outer-section table.billing-code-table tbody td.desc-col {
    overflow-wrap: normal !important;
    word-break: normal !important
}
.outer-section .table-wrap.procedure-table{
    margin: 24px 0 0 !important;
}

.outer-section .table-wrap.ndc-table {
    margin: 20px 0 24px !important;
}
.outer-section .table-wrap.diagnosis-table{
    margin: 20px 0 40px !important
}
@media(max-width:767px) {
    .outer-section {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
        overflow: visible !important
    }

    .outer-section .billing-fixed-width {
        width: calc(100vw - 60px) !important;
        max-width: 300px !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important
    }
    .outer-section .table-wrap.diagnosis-table{
    margin: 20px 0 30px !important
}

    .outer-section .table-wrap,
    .outer-section .scroll {
        width: calc(100vw - 60px) !important;
        max-width: 300px !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-x: visible !important;
        box-sizing: border-box !important
    }

    .outer-section .title {
        font-size: 22px !important;
        line-height: 32px !important
    }

    .outer-section h3 {
        font-size: 18px !important;
        line-height: 24px !important;
        margin: 0 0 12px !important
    }

    .outer-section .coding-intro-text {
        margin: 0 0 10px !important
    }

    .outer-section .coding-guide-link {
        margin: 0 0 32px !important
    }

    .outer-section table.billing-code-table {
        width: calc(100vw - 60px) !important;
        max-width: 300px !important;
        min-width: 0 !important;
        table-layout: fixed !important
    }

    .outer-section table.billing-code-table tr,
    .outer-section table.billing-code-table tbody td,
    .outer-section table.billing-code-table thead th {
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important
    }

    .outer-section table.billing-code-table thead th,
    .outer-section table.billing-code-table tbody td {
        padding: 7px 10px !important
    }

    .outer-section table.billing-code-table .code-col,
    .outer-section table.billing-code-table .code-col-def {
        width: 40% !important;
        min-width: 40% !important;
        max-width: 40% !important
    }

    .outer-section table.billing-code-table .desc-col,
    .outer-section table.billing-code-table .desc-col-def {
        width: 60% !important;
        min-width: 60% !important;
        max-width: 60% !important
    }
}

/* SBU-37444: normalize More to explore mobile spacing to the nearest available spacing token. */
@media(max-width:767px) {
    .gsk-h-pt-48.gsk-h-pb-56.dark {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
}

/* SBU-37449: iOS Safari mobile correction for Billing & Reimbursement table alignment.
   Kept in the existing page CSS asset rather than page-level HTML/CSS. */
@media (max-width: 767px) {
    @supports (-webkit-touch-callout: none) {
        .outer-section {
            position: relative !important;
            left: -24px !important;
        }
    }
}