/* /Components/Accordion.razor.rz.scp.css */
.accordion[b-ni3bml85bq] {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active[b-ni3bml85bq], .accordion:hover[b-ni3bml85bq] {
    background-color: #ccc;
}

.accordion[b-ni3bml85bq]:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active[b-ni3bml85bq]:after {
    content: "\2212";
}

.panel[b-ni3bml85bq] {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/* /Components/AddressForm.razor.rz.scp.css */
.table-area[b-07pvm9sy36] {
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-row-gap:10px;
    grid-column-gap:5px;
}
/* /Components/CardInfoDisplay.razor.rz.scp.css */
.card-info-parent[b-pz4v9s7o1i] {
    border-radius: 10px;
    border: 1px solid black;
    box-shadow: 0 0 1px black;
    padding-top:30px;
    padding-bottom:30px;
    width:340px;
}

.card-info-parent p[b-pz4v9s7o1i] {
    margin-bottom: 5px;
    user-select: none;
}

.horizontal[b-pz4v9s7o1i] {
    display: flex;
    justify-content:space-between;
}
.auto-pay-panel[b-pz4v9s7o1i] {
    padding-left: 50px;
    padding-right: 50px;
}
.color-band[b-pz4v9s7o1i] {
    background: #cccccc;
    width:100%;
    height:30px;
}
.card-info-display p[b-pz4v9s7o1i]{
}
/* /Components/CheckFormView.razor.rz.scp.css */
.echeck-main[b-74e2uby3th] {
    display: grid;
    align-items: center;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto 2px auto auto;
}

[b-74e2uby3th] .invalid {
    border-color: red;
    border-radius: 5px;
    animation: gentleShake-b-74e2uby3th .2s;
}

label[b-74e2uby3th] {
    grid-column: 1;
    margin-bottom: 0;
    margin-right: 10px;
}
[b-74e2uby3th] .validation-message {
    color: red;
    grid-column: 1/-1;
}
@keyframes gentleShake-b-74e2uby3th {
    0% {
        transform: translateX(0px)
    }

    33% {
        transform: translateX(-2px)
    }

    67% {
        transform: translateX(2px)
    }

    100% {
        transform: translateX(0px)
    }
}
.account-separator[b-74e2uby3th] {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
/* /Components/CheckInfoDisplay.razor.rz.scp.css */
.check-info-parent[b-k188z35akl] {
    border: 1px solid black;
    box-shadow: 0 0 1px black;
    padding-top: 0px;
    padding-bottom: 2px;
    width: 400px;
}

.check-info-parent p[b-k188z35akl] {
    margin-bottom: 5px;
    user-select: none;
}

.horizontal[b-k188z35akl] {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.auto-pay-panel[b-k188z35akl] {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.color-band[b-k188z35akl] {
    background: #cccccc;
    width: 100%;
    height: 20px;
}
.color-band-short[b-k188z35akl] {
    background: #cccccc;
    width: 100%;
    height: 5px;
}
.check-info-display p[b-k188z35akl] {
}
/* /Components/Collapsible.razor.rz.scp.css */
#collapsible-header-container[b-rzvjie6n49] {
    display: flex;
    justify-content: center;
    border: 1px solid black;
}
#collapsible-header-text[b-rzvjie6n49]{
    user-select: none;
    margin: 16px;
}
svg[b-rzvjie6n49] {
    margin: 16px;
}
#collapsible-header-chevron[b-rzvjie6n49] {
    transition: transform ease-in-out 0.2s;
}

#collapsible-children-container[b-rzvjie6n49]{
    overflow: hidden;
}

.collapsible-header-chevron-open[b-rzvjie6n49] {
    transform: rotate(-180deg);
}

.collapsible-header-chevron-closed[b-rzvjie6n49] {
    transform: rotate(0deg);
}

.collapsible-children-container-open[b-rzvjie6n49] {
    display: block;
}

.collapsible-children-container-closed[b-rzvjie6n49] {
    display: none;
}
/* /Components/CreditFormView.razor.rz.scp.css */
.credit-card-name[b-mfjp2rss1q] {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    align-items:center;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.credit-exp-sec[b-mfjp2rss1q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    justify-content: center;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
/* /Components/Invoice.razor.rz.scp.css */
#invoice-parent[b-e4bgbu9f37], #invoice-account-activity[b-e4bgbu9f37] {
    padding: 0 20px;
    min-width: 800px;
    max-width: 1000px;
}
p[b-e4bgbu9f37]{
    margin: 0;
}
.block[b-e4bgbu9f37]{
    background: black;
    height: 8px;
}
.block.small[b-e4bgbu9f37]{
    height: 5px;
}
.block.vertical[b-e4bgbu9f37]{
    width: 5px;
    height:auto;
}
.horizontal[b-e4bgbu9f37] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
#invoice-nasa-logo[b-e4bgbu9f37]{
    width: 400px;
}
#invoice-account-activity > table[b-e4bgbu9f37]{
    width: 100%;
}
    #invoice-account-activity-main-content[b-e4bgbu9f37] {
        min-height: 200px;
    }
#invoice-account-overview-header[b-e4bgbu9f37]{
    padding: 10px 20px;
}
#invoice-account-activity > table .table-grow[b-e4bgbu9f37] {
    flex-grow: 1;
}
#invoice-account-summary table[b-e4bgbu9f37]{
    border-spacing: 5px;
    border-collapse: separate;
}
#invoice-account-summary td:last-child[b-e4bgbu9f37] {
    width: 180px;
}
#invoice-account-activity tr td:not(:last-child)[b-e4bgbu9f37],
#invoice-account-activity tr th:not(:last-child)[b-e4bgbu9f37] {
    padding: 0 15px 0 0;
}
    #invoice-account-activity .expand[b-e4bgbu9f37] {
        width: 100%;
    }
#invoice-info[b-e4bgbu9f37],
#invoice-contacts[b-e4bgbu9f37],
#invoice-account-activity-footer > div:last-child[b-e4bgbu9f37],
#invoice-invoice-account-activity-footer > div:last-child[b-e4bgbu9f37],
#invoice-account-summary > table > tr > td:last-child[b-e4bgbu9f37] {
    text-align: end;
}
b[b-e4bgbu9f37]{
    font-weight:15000;
}
.invoice-footer-item[b-e4bgbu9f37]{
    display:flex;
    flex-direction:column;
}
    .invoice-footer-item > .invoice-footer-grow[b-e4bgbu9f37]{
        flex-grow: 1;
    }
.invoice-red[b-e4bgbu9f37] {
    color: #ef2e31;
}
.invoice-blue[b-e4bgbu9f37] {
    color: #2c58ae;
}
.invoice-border[b-e4bgbu9f37]{
    border: 2pt solid black;
}
.invoice-red .invoice-border[b-e4bgbu9f37] {
    border-color: #ef2e31;
}
.invoice-blue .invoice-border[b-e4bgbu9f37] {
    border-color: #2c58ae;
}
#invoice-qrcode svg[b-e4bgbu9f37] {
    height: 150px;
    width: 150px;
}
#invoice-contacts svg[b-e4bgbu9f37] {
    width: 20px;
    height: 20px;
}
#invoice-info[b-e4bgbu9f37] {
    margin-bottom: 20px;
    line-height: 14px;
}
#invoice-account-overview-footer[b-e4bgbu9f37] {
    margin: 3px 0;
    line-height: 12px;
}
.fine-print[b-e4bgbu9f37] {
    font-size: smaller;
}
@media print{
    *[b-e4bgbu9f37]{
        font-size: 12px;
    }
    .fine-print[b-e4bgbu9f37] {
        font-size: 8px;
    }
    a[b-e4bgbu9f37]{
        text-decoration: none;
    }
    .block[b-e4bgbu9f37] {
        box-shadow: inset 0 0 0 1000px black;
    }
    #invoice-footer[b-e4bgbu9f37],
    #invoice-account-activity-footer[b-e4bgbu9f37],
    p[b-e4bgbu9f37], li[b-e4bgbu9f37], ul[b-e4bgbu9f37], code[b-e4bgbu9f37], pre[b-e4bgbu9f37], tr[b-e4bgbu9f37] {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    h1[b-e4bgbu9f37], h2[b-e4bgbu9f37], h3[b-e4bgbu9f37], h4[b-e4bgbu9f37], h5[b-e4bgbu9f37], h6[b-e4bgbu9f37], thead[b-e4bgbu9f37] {
        page-break-after: avoid;
        break-after: avoid;
    }
}
/* /Components/InvoiceReceipt.razor.rz.scp.css */
fieldset[b-oykoiolpxr] {
    padding: 20px;
    box-shadow: 2px 3px 4px black;
    border-radius: 5px;
    border: 1px solid black;
    display: grid;
    justify-content: center;
    transition: transform ease-in-out .1s, box-shadow ease-in-out .1s;
}

fieldset:hover[b-oykoiolpxr] {
    transform: scale(1.03);
    box-shadow: 5px 7px 12px black;
}

button[b-oykoiolpxr] {
    background: white;
    border-radius: 5px;
    border-width: 1px;
    margin-left: 10px;
}

button:hover[b-oykoiolpxr]{
    background: lightgray;
}
/* /Components/Modal.razor.rz.scp.css */
.com-modal[b-3hpv5ysqsf] {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.com-modal-open[b-3hpv5ysqsf] {
    display: block;
}
.com-modal-content[b-3hpv5ysqsf] {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}
/* /Components/Spinner.razor.rz.scp.css */
.spinner[b-u4q5d5ytva]{
    display:flex;
    justify-content:center;
    align-items:center;
}
div[b-u4q5d5ytva]{
    display: block;
}
svg.spinning[b-u4q5d5ytva] {
    animation-name: spin-b-u4q5d5ytva;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

svg.hidden[b-u4q5d5ytva]{
    opacity: 0;
}
.collapsed[b-u4q5d5ytva]{
    height:0;
    width:0;
    overflow:hidden;
}

@keyframes spin-b-u4q5d5ytva{
    from{
        transform: rotate(0);
    }

    to{
        transform: rotate(360deg)
    }
}
/* /Components/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-6xzlyfsy6n] {
    position: relative;
    display: inline-block;
    --border-bottom: 1px dotted black;
    cursor: help;
}
span[b-6xzlyfsy6n] {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: white;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border: 2px solid #363636;
    z-index: 1;
}

    span[b-6xzlyfsy6n]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #363636 transparent transparent transparent;
    }

.tooltip-wrapper:hover span[b-6xzlyfsy6n] {
    visibility: visible;
}
/* /MainLayout.razor.rz.scp.css */
#content[b-eeliw6jdgq] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}
.container[b-eeliw6jdgq] {
}
header[b-eeliw6jdgq], footer[b-eeliw6jdgq] {
    display: flex;
    align-items: center;
    padding: 0;
    z-index: 10;
}
.nav-button[b-eeliw6jdgq]{

}
header[b-eeliw6jdgq]{
    position: sticky;
    top:0;
}
footer[b-eeliw6jdgq] {
    margin: 10px 0 0 0;
}
main[b-eeliw6jdgq]{
    min-height: 100%;
    margin:0 auto;
}
@media print{
    .container[b-eeliw6jdgq]{
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
}
/* /NavMenu.razor.rz.scp.css */

p[b-jy8o3eprqz]{
    padding: 8px;
    margin: 0;
}
.nav-expander--[b-jy8o3eprqz] {
    display: none;
    height: 0;
    overflow:hidden;
}
.last-left-item[b-jy8o3eprqz]{
    margin-right: auto;
}

@media (min-width: 768px) {
    .nav-end[b-jy8o3eprqz] {
        margin-left: auto;
        margin-right: 0;
    }
}
/* /Pages/Account.razor.rz.scp.css */
#page-parent[b-ftylwq2mu5] {
    display:flex;
    justify-content:center;
}
#account-parent[b-ftylwq2mu5] {
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width: 800px;
}
[b-ftylwq2mu5] .com-modal-content {
    max-width: 600px !important;
    width: 80% !important;
}

fieldset[b-ftylwq2mu5] {
    margin-bottom: 1em !important;
    border: 1px solid #666 !important;
    padding: 20px !important;
    width: 100%;
    --min-width: 570px;
    position: relative;
}

.submit-button[b-ftylwq2mu5] {
    padding: 10px;
    margin: auto;
    min-width: 160px;
    border-radius: 4px;
}

legend[b-ftylwq2mu5] {
    padding: 1px 10px !important;
    float: none;
    width: auto;
}

.contact-item[b-ftylwq2mu5] {
}
.auto-pay-info-entry[b-ftylwq2mu5]
{
    display:flex;
    flex-direction: column;
    padding:10px;
    justify-content:center;
    align-items:center;
}
.buttons[b-ftylwq2mu5] {
    display: flex;
    justify-content: center;
    --gap: 10px;
}
.buttons > button[b-ftylwq2mu5] {
    width: 180px;
}
[b-ftylwq2mu5] input:not([type=radio]) {
    width: 100%;
}

[b-ftylwq2mu5] .hide-item {
    display: none !important;
}

[b-ftylwq2mu5] input[readonly] {
    border: none;
    /*margin: 2px;*/
}

.service-table[b-ftylwq2mu5] {
    text-align: center;
}

    .service-table td:not(:first-child)[b-ftylwq2mu5] {
        border: 1px solid black;
    }

    .service-table > tbody > tr:first-child > td:first-child[b-ftylwq2mu5] {
        border-start-start-radius: 5px;
    }

.service-type[b-ftylwq2mu5] {
    margin-left: 10px;
    margin-right: 10px;
}

.service-day[b-ftylwq2mu5] {
    width: 35px;
}

.bullet[b-ftylwq2mu5] {
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: black;
}
.card-expired-message[b-ftylwq2mu5] {
    color: red;
}
.card-expired-message[b-ftylwq2mu5]::before {
    content: '\F431';
    font-size: 15px;
    font-family: bootstrap-icons;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.saved-state[b-ftylwq2mu5] {
    clip-path: inset(0 0 0 100%);
    opacity: 0;
}

.play-saved-anim[b-ftylwq2mu5] {
    animation-name: saved-anim-b-ftylwq2mu5;
    animation-duration: 4s;
    opacity: 0;
}

[b-ftylwq2mu5] select[readonly] {
    pointer-events: none;
    border: none;
    /*margin: 2px;*/
    margin-left: 1px;
    width: 50px;
    text-indent: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
}

.auto-pay-info-parent[b-ftylwq2mu5] {
    --display: grid;
    --grid-template-columns: 1fr;
    --grid-template-rows: 1fr 1fr;
    --grid-row-gap: 20px;
    --grid-column-gap: 20px;
    --justify-content: center;
}

.auto-pay-accordian[b-ftylwq2mu5] {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active[b-ftylwq2mu5], .auto-pay-accordion:hover[b-ftylwq2mu5] {
    background-color: #ccc;
}

[b-ftylwq2mu5] .card-info-parent {
    cursor: pointer;
}

[b-ftylwq2mu5] .check-info-parent {
    cursor: pointer;
}

[b-ftylwq2mu5] .card-info-enabled .card-info-parent {
    border-color: cornflowerblue;
    border-width: 3px;
}

[b-ftylwq2mu5] .check-info-enabled .check-info-parent {
    border-color: cornflowerblue;
    border-width: 3px;
}

.auto-pay-accordian[b-ftylwq2mu5]:after {
    content: var(--closedIcon);
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active[b-ftylwq2mu5]:after {
    content: var(--openIcon);
}

.auto-pay-panel[b-ftylwq2mu5] {
}

#auto-pay-card-panel[b-ftylwq2mu5] {
}

#auto-pay-check-panel[b-ftylwq2mu5] {
}

.auto-pay-delete[b-ftylwq2mu5] {
    user-select: none;
    color: red;
    float: right;
    cursor: pointer;
    font-size: 28px;
}

.add-auto-pay-button[b-ftylwq2mu5] {
    height: 30px;
    background: #EEE;
    border: 1px solid black;
    border-radius: 10px;
}

.add-auto-pay-button-parent[b-ftylwq2mu5] {
    height: 80px;
    display: flex;
    gap: 10px;
    margin: auto;
}

@keyframes saved-anim-b-ftylwq2mu5 {
    from {
        clip-path: inset(0 0 0 100%);
        opacity: 1;
    }

    5% {
        clip-path: inset(0 0 0 0);
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: .6;
    }

    75% {
        opacity: 1;
    }

    to {
        opacity: 0;
        clip-path: inset(0 0 0 0);
    }
}
/* /Pages/Index.razor.rz.scp.css */
.index-background[b-0dzsf0ib8u] {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .index-background > div[b-0dzsf0ib8u]{
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    a[b-0dzsf0ib8u] {
        margin-top: 30px;
        background: white;
        border-radius: 100px;
        width: 260px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        text-anchor: middle;
        font-size: 30px;
        box-shadow: 0 0 2px black;
    }
h1[b-0dzsf0ib8u] {
    max-width: 90vw;
    font-size: 120px;
    -webkit-text-stroke: 2px black;
    color: white;
}
h3[b-0dzsf0ib8u] {
    max-width: 90vw;
    text-align: center;
}

@media only screen and (max-width : 667px) {
    h1[b-0dzsf0ib8u] {
        font-size: 17.9vw;
    }
}

@media only screen and (max-width :570px) {
    .index-background[b-0dzsf0ib8u] {
        width: 100%;
    }
}
/* /Pages/InvoiceDetails.razor.rz.scp.css */
td[b-9f6c8x1m8u]{
    padding: 15px;
}
table[b-9f6c8x1m8u]{
    text-align: center;
}

tr:nth-child(even)[b-9f6c8x1m8u] {
    background-color: #FFEFEF;
}
thead[b-9f6c8x1m8u],
tfoot[b-9f6c8x1m8u] {
    background-color: #333;
    color: #fff;
    border: 2px solid #333;
}
td[b-9f6c8x1m8u] {
    border: 1px solid #333;
    padding: 5px;
}
.download-button[b-9f6c8x1m8u] {
    background: none;
    border: 2px solid black;
    border-radius:5px;
    padding: 5px;
}
#invoice-details[b-9f6c8x1m8u] {
    display:flex;
    flex-direction: column;
    align-items: center;
}
.invoice-wrapper[b-9f6c8x1m8u] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.invoice[b-9f6c8x1m8u] {
    box-shadow: 0 0 4px black;
    padding: 25px;
    overflow: auto;
    position:relative;
    line-height: 1;
}

button[b-9f6c8x1m8u]{
    margin: 20px;
    width: 100px;
}

@media print {
    #invoice-details[b-9f6c8x1m8u] {
        width:60%;
    }
    p[b-9f6c8x1m8u], li[b-9f6c8x1m8u], ul[b-9f6c8x1m8u], code[b-9f6c8x1m8u], pre[b-9f6c8x1m8u] {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    h1[b-9f6c8x1m8u], h2[b-9f6c8x1m8u], h3[b-9f6c8x1m8u], h4[b-9f6c8x1m8u], h5[b-9f6c8x1m8u], h6[b-9f6c8x1m8u], thead[b-9f6c8x1m8u] {
        page-break-after: avoid;
        break-after: avoid;
    }
}
/* /Pages/Invoices.razor.rz.scp.css */
#page-parent[b-apxx456y5h]{
    display:flex;
    align-items: center;
    flex-direction: column;
}
table[b-apxx456y5h] {
    border-spacing: 20px;
    text-align: center;
}
.forceWidth[b-apxx456y5h] {
    min-width: auto;
    width: 80px;
}
.invoice[b-apxx456y5h]{
    height: 40px;
    background-color: #FFF;
    transition: color ease-out .2s;
}
.invoice:hover[b-apxx456y5h]{
    background-color: #222;
    color: white;
    cursor: alias;
}
.invoice:focus-within[b-apxx456y5h]{
    background-color: #222;
    color: white;
    cursor: alias;
}
tr > td > *[b-apxx456y5h]{
    border-top-width:1px;
}

.invoice > td:first-child[b-apxx456y5h] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.invoice > td:last-child[b-apxx456y5h] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.download-button[b-apxx456y5h] {
    border: none;
    background: none;
}
.bi[b-apxx456y5h] {
    font-size: 22px;
    color: white;
}
tbody > tr:nth-child(odd)[b-apxx456y5h] {
    background-color: #eeA7A7;
}
/* /Pages/Login.razor.rz.scp.css */
p[b-1k21zdvrl8] {
    margin: 5px 0 0 0;
}

div[b-1k21zdvrl8] {
    margin: 80px 0;
}

#form-parent[b-1k21zdvrl8]  #main-form {
    display: grid;
    justify-content: center;
    align-items: center;
}
label[b-1k21zdvrl8]{
    grid-column:1;
    margin-bottom: 0;
    margin-right:10px;
}
[b-1k21zdvrl8] .login-input {
    grid-column: 2;
}
[b-1k21zdvrl8] .invalid {
    border-color: red;
    border-radius: 5px;
    animation: gentleShake-b-1k21zdvrl8 .2s;
}
[b-1k21zdvrl8] .validation-message{
    color:red;
    grid-column: 1/-1;
}
@keyframes gentleShake-b-1k21zdvrl8{
    0% {transform: translateX(0px)}
    33% {transform: translateX(-2px)}
    67% {transform: translateX(2px)}
    100% {transform: translateX(0px)}
}
/* /Pages/Pay.razor.rz.scp.css */

table[b-6ej4130hlv]{
    border-collapse: collapse;
    width: 100%;
}
td[b-6ej4130hlv] {
    border: 1px solid #333;
    padding: 5px;
}
.forceWidth[b-6ej4130hlv]{
    min-width: 50px;
}
th[b-6ej4130hlv]{
    text-align: center;
}
[b-6ej4130hlv] input[type=checkbox][readonly] {
    pointer-events: none;
    border: none;
    margin: 1px;
    background-color: lightgray;
}
thead[b-6ej4130hlv],
tfoot[b-6ej4130hlv] {
    background-color: #333;
    color: #fff;
    border: 2px solid #333;
}
.checkButton[b-6ej4130hlv]{
    width: 50%;
    height: 80px;
}
.form-submit-area[b-6ej4130hlv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 20px;
}
.form-submit-area p[b-6ej4130hlv] {
}
.noBorder[b-6ej4130hlv] {
    border: 0 solid #333;
}
.rightData[b-6ej4130hlv]{
    text-align: right;
}
#remaining-invoices-container[b-6ej4130hlv]{
    display: grid;
    align-content: center;
}
#page-parent[b-6ej4130hlv]{
    display:flex;
    justify-content: center;
}
#page-parent > div[b-6ej4130hlv] {
    width: 100%;
    min-width: 500px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    max-width: 700px;
}
#select-payment-table[b-6ej4130hlv] {
    position:relative;
    z-index:0;
}
.card-expired-message[b-6ej4130hlv] {
    color: red;
    text-align: center;
}

    .card-expired-message[b-6ej4130hlv]::before {
        content: '\F431';
        font-size: 15px;
        font-family: bootstrap-icons;
        margin-right: 10px;
        margin-top: 2px;
        margin-bottom: 2px;
    }
#select-payment-table > tbody > tr:nth-child(even)[b-6ej4130hlv] {
    background-color: var(--transparent-accent-fill-color);
}#select-payment-table > tbody > tr:nth-child(odd)[b-6ej4130hlv] {
    background-color: #FFFFFF;
}
.mono-space[b-6ej4130hlv] {
    font-family: monospace;
}
.credit-form-parent[b-6ej4130hlv] {
    --expand-height: 320px;
    overflow: hidden;
    animation: expand-b-6ej4130hlv 1s ease;
}
.echeck-form-parent[b-6ej4130hlv] {
    --expand-height: 230px;
    overflow: hidden;
    animation: expand-b-6ej4130hlv 1s ease;
}
@keyframes expand-b-6ej4130hlv {
    from {
        height: 0;
    }

    to {
        height: var(--expand-height);
    }
}

.input-section[b-6ej4130hlv]{
    height: 50px;
    width: 100%;
    align-items: center;
    display:flex;
}
.input-legend[b-6ej4130hlv] {
    margin: 0;
    background: white;
    width: fit-content;
    user-select: none;
}
[b-6ej4130hlv] .form-input{
    font-family: monospace;
}
[b-6ej4130hlv] .invalid{
    border-color:red;
}

.submit-button[b-6ej4130hlv]{
    margin: auto;
    box-shadow: none;
    padding: 10px 40px;
    border-radius:5px;
}
.pending-invoice-indicator[b-6ej4130hlv] {
    position: absolute;
    text-align: center;
    width:150px;
    top: 0px;
    bottom: 0;
    left: -130px;
    z-index: -1;
    margin: 0;
    padding: 0 10px;
    background-color: lightgray;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    line-height: 34px;
    color: black;
}
tr[pending]:nth-child(odd)[b-6ej4130hlv] {
    background-color: #BBB !important;
    /*color: #777;*/
}
tr[pending]:nth-child(even)[b-6ej4130hlv] {
    background-color: #DDD !important;
    /*color: #777;*/
}
tr[pending] .pending-invoice-indicator[b-6ej4130hlv] {
    animation: popPending-b-6ej4130hlv 1s ease-in-out;
    left: 20px;
}

.reduce-opacity[b-6ej4130hlv]{
    opacity: 50%;
}

@keyframes popPending-b-6ej4130hlv{
    0%{left: -130px}
    100%{left: 20px}
}
[b-6ej4130hlv] form-parent .spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #FFFFFF7F;
}
.centerContent[b-6ej4130hlv]{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.saved-card-inputs[b-6ej4130hlv] {
    margin-top: 20px;
    /* margin-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px; */
}
/* /Pages/Payments.razor.rz.scp.css */
#page-parent[b-fr5ov5qw8d] {
    display: flex;
    align-items: center;
    flex-direction: column;
}
td[b-fr5ov5qw8d] {
    padding: 15px;
}

table[b-fr5ov5qw8d] {
    text-align: center;
}

tr:nth-child(even)[b-fr5ov5qw8d] {
    background-color: var(--light-accent-fill-color);
}

thead[b-fr5ov5qw8d],
tfoot[b-fr5ov5qw8d] {
    background-color: #333;
    color: #fff;
    border: 2px solid #333;
}

td[b-fr5ov5qw8d] {
    border: 1px solid #333;
    padding: 5px;
}