@import '_content/CBS.Component.Library/CBS.Component.Library.rca11vjvqg.bundle.scp.css';
@import '_content/EBizChargeComponentLibrary/EBizChargeComponentLibrary.b478em5r2c.bundle.scp.css';

/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/AutoPaymentForm.razor.rz.scp.css */
span[b-monapnd6m8] {
    font-family: proxima-nova, sans-serif;
    font-size: 0.875rem;
    color: var(--neutral-color);
}

.auto-payment-checkbox[b-monapnd6m8] {
    align-content: center;
}

[b-monapnd6m8] .form-group[b-h45zbza7qv] {
    width: 100%;
    height: auto;
    min-width: 96px;
    padding: 0px;
}

#input[b-monapnd6m8] {
    padding: 0px 12px;
    min-height: 123px;
}

.checkbox-align[b-monapnd6m8] {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: -30px;
}

.textbox-container[b-monapnd6m8] {
    flex: 1;
}

.buttonRow[b-monapnd6m8] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

[b-monapnd6m8] .ebcForm .k-form-field {
    margin-top: 0px;
    margin-bottom: 16px;
}

[b-monapnd6m8] .form-group-responsive .k-form-layout, [b-monapnd6m8] .form-group-responsive .k-form-field {
    width: fit-content;
}

[b-monapnd6m8] .datePickerContainer {
    min-width: 148px;
}

[b-monapnd6m8] .ebiz-checkbox label {
    white-space: nowrap;
}
[b-monapnd6m8] .k-form .k-form-legend, .k-form-inline .k-form-legend[b-monapnd6m8]{
    border:none !important;

}
[b-monapnd6m8] .checkbox-align {
    padding-top: 10px;
}

.sendReceiptToRow[b-monapnd6m8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
}

@media (max-width: 768px) {
    .form-group-responsive[b-monapnd6m8] {
        display: flex;
        flex-direction: column;
    }

        .form-group-responsive .form-item[b-monapnd6m8] {
            margin-left: 0 !important;
            margin-bottom: 1rem;
        }
}

@media (min-width: 540px) and (max-width: 1224px) {
    [b-monapnd6m8] .form-group-responsive {
        margin-bottom: 16px;
    }
}


@media (max-width: 539px) {
    [b-monapnd6m8] .form-group-responsive .k-form-layout {
        min-width: 312px;
    }
}

[b-monapnd6m8] .autoPaymentForm .k-form-fieldset:not(.form-group-responsive) {
    gap: 16px;
    display: flex;
    flex-direction: column;
}

[b-monapnd6m8] .form-group-responsive .k-form-layout {
    height: 42px;
}

[b-monapnd6m8] .form-group {
    margin-bottom: 0px;
}

[b-monapnd6m8] .k-form-field, [b-monapnd6m8] .k-form-fieldset {
    margin-top: 0px;
}

[b-monapnd6m8] .datePickerFormItem {
    width: 148px;
}

[b-monapnd6m8] .soloCheckboxRow {
    margin-bottom: 16px;
}
[b-monapnd6m8] .datePickerLabel {
    color: var(--colors-content-secondary) !important;
    transform: translate(0px, 0px) !important;
    cursor: pointer !important;
    font-family: 'ProximaNova', sans-serif !important;
    font-size: 14px !important;
}
[b-monapnd6m8] .floating .datePickerLabel {
    transform: translate(0px, -7px) !important;
    font-size: 12px !important;
    color: var(--colors-content-secondary) !important;
}
[b-monapnd6m8] .recurringCheckBox{
    padding-top:11px;
}

[b-monapnd6m8] .k-form-field-error .dropdown-anchor #ebiz-textboxComponent span.k-textbox:hover,
[b-monapnd6m8] .k-form-field-error .dropdown-anchor #ebiz-textboxComponent span.k-textbox:focus {
    box-shadow: none;
    border-color: #cd2c39 !important;
}

[b-monapnd6m8] .k-form-field-error .datePickerMainWrapper .datePickerContainer,
[b-monapnd6m8] .k-form-field-error .datePickerMainWrapper .datePickerContainer:hover,
[b-monapnd6m8] .k-form-field-error .datePickerMainWrapper .datePickerContainer:focus {
    box-shadow: none;
    border-color: #cd2c39 !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/AutoPaymentPage.razor.rz.scp.css */
.autoPayTerms[b-iy9nbb9t8q] {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
    line-height: 1.36;
}

.statusOnIndicator[b-iy9nbb9t8q] {
    width: 9px;
    height: 9px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #71be1c;
    float: left;
}

[b-iy9nbb9t8q] .k-textbox.k-input input {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
}

.statusOffIndicator[b-iy9nbb9t8q] {
    width: 9px;
    height: 9px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #637381;
    float: left;
}

[b-iy9nbb9t8q] .k-form .k-form-legend {
    margin-top: 0px;
    margin-bottom: 0px;
}

#autoPayments[b-iy9nbb9t8q]  .k-grid-header {
    padding-right: 0px;
}

#autoPayments[b-iy9nbb9t8q]  .k-grid-content {
    overflow-y: hidden;
}

[b-iy9nbb9t8q] .scheduledAutoSearchBox {
    max-width: 450px;
}

[b-iy9nbb9t8q] .scheduledAPContent {
    padding-top: 0rem !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/AutoPayments.razor.rz.scp.css */
.autoPayTerms[b-1puzftze2c] {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
    line-height: 1.36;
}

.statusOnIndicator[b-1puzftze2c] {
    width: 9px;
    height: 9px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #71be1c;
    float: left;
}

[b-1puzftze2c] .k-textbox.k-input input {
    font-family: proxima-nova, sans-serif;
    font-size: 0.875rem;
}
[b-1puzftze2c] .k-form-buttons{
    margin-top:0 !important;
}

[b-1puzftze2c] .datePickerMainWrapper {
    width: 100% !important;
}

.statusOffIndicator[b-1puzftze2c] {
    width: 9px;
    height: 9px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #637381;
    float: left;
}

[b-1puzftze2c] .k-form .k-form-legend {
    margin-top: 0px;
    margin-bottom: 0px;
}

#autoPayments[b-1puzftze2c]  .k-grid-header {
    padding-right: 0px;
}

#autoPayments[b-1puzftze2c]  .k-grid-content {
    overflow-y: hidden;
}

[b-1puzftze2c] .scheduledAutoSearchBox {
    max-width: 450px;
}

[b-1puzftze2c] .scheduledAPContent {
    padding-top: 0rem !important;
}

.Fixed-Amount-heading[b-1puzftze2c] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #212b36;
}

.bg-light[b-1puzftze2c] {
    background-color: #ffffff !important;
}

.status-red[b-1puzftze2c] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border-radius: 24px;
    border: solid 1px var(--pills-red-stroke);
    background-color: var(--pills-red-fill);
}

.edit-column[b-1puzftze2c] {
    margin-left: -8px;
}

.payment-img[b-1puzftze2c] {
    width: 26px;
    height: 24px;
}

.tab-strip[b-1puzftze2c] {
    gap: 16px;
    flex-wrap: wrap;
}

.card[b-1puzftze2c] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--colors-fill-grayscale-light-primary);
}
[b-1puzftze2c] .pointercursor{
    cursor:pointer;
}

[b-1puzftze2c] .text-align-center {
    text-align: center;
}

[b-1puzftze2c] .content-centered div.grid-truncate {
    display: flex;
    justify-content: center;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/CreateNewAutoPayment.razor.rz.scp.css */
.auto-btn-section[b-k8rhwmg4le] {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 0;
    margin-top: 32px;
}

.new-tab-section[b-k8rhwmg4le] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--colors-fill-grayscale-light-primary);
}
[b-k8rhwmg4le] .selectPaymentHeader {
    margin: 32px 0px 16px 0px;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/EditAutoPayment.razor.rz.scp.css */
[b-auuw74imfd] .manageAutoPaymentTitle {
    font-family: HalyardDisplay;
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.selectPaymentMethod[b-auuw74imfd] {
    font-family: HalyardDisplay;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.Surcharge-Banner[b-auuw74imfd] {
    min-height: 48px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 16px 12px;
    border-radius: 8px;
    background-color: var(--colors-fill-accent-brand-light);
}

.auto-btn-section[b-auuw74imfd] {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 0;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/EditAutoPaymentModal.razor.rz.scp.css */
span[b-9vu918jkwj] {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
    color: var(--neutral-color);
}

.mobileScreenPadding[b-9vu918jkwj] {
    padding-top: 24px;
}

.autoPayLabel[b-9vu918jkwj] {
    font-family: "AvenirNext-Demi";
    font-size: 1.0625rem;
}

.imgStyling[b-9vu918jkwj] {
    width: 40px;
    height: 40px;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/InvoiceAutoPayment/InvoiceAutoPayment.razor.rz.scp.css */
[b-o1rmk4p1mv] .ebcInnerTabstrip {
    background-color: transparent !important;
}

[b-o1rmk4p1mv] .k-tabstrip-content {
    background-color: transparent;
}

.ebcInnerTabstrip[b-o1rmk4p1mv] {
    background-color: transparent !important;
}

.Invoice-aut-pay-wrapper[b-o1rmk4p1mv]{
    display:flex;
    flex-direction:column;
    gap:24px;
}
[b-o1rmk4p1mv] .sendReceiptCheckBox {
    padding-top: 10px;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/InvoiceAutoPayment/InvoiceAutoPaymentEnroll.razor.rz.scp.css */
.cardPadding[b-1bfoxai3t6] {
    padding: 16px;
}

.smallestGapSpacing[b-1bfoxai3t6] {
    gap: 8px;
}

.smallGapSpacing[b-1bfoxai3t6] {
    gap: 16px;
}

.bigGapSpacing[b-1bfoxai3t6] {
    gap: 24px;
}

.fullWidth[b-1bfoxai3t6] {
    width: 100%;
}

.bannerStyle[b-1bfoxai3t6] {
    width: 880px;
    height: 48px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 16px 12px;
    border-radius: 8px;
    font-family: proxima-nova, sans-serif;
    font-size: 12px !important;
    background-color: var(--colors-fill-accent-brand-light);
}

    .bannerStyle div[b-1bfoxai3t6] {
        display: block;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }


.removeMargin[b-1bfoxai3t6] {
    margin: 0;
}

.paddingTopAndBottom[b-1bfoxai3t6] {
    padding-top: 24px;
    padding-bottom: 24px;
}

.paddingBottom[b-1bfoxai3t6] {
    padding-bottom: 16px;
}

.largePaddingBottom[b-1bfoxai3t6] {
    padding-bottom: 24px;
}

.smallPaddingLeft[b-1bfoxai3t6] {
    padding-left: 8px;
}

.smallHorizontalPadding[b-1bfoxai3t6] {
    padding-left: 8px;
    padding-right: 8px;
}

.smallPaddingBottom[b-1bfoxai3t6] {
    padding-bottom: 4px;
}

.alignText[b-1bfoxai3t6] {
    text-align: center;
    align-content: center;
}

.alignTextLeft[b-1bfoxai3t6] {
    text-align: left;
    align-content: center;
}

[b-1bfoxai3t6] .textBoxStyle {
    height: 36px;
    max-width: 268px;
    font-size: 14px;
    font-family: "AvenirNext-Regular, sans-serif";
    font-style: normal;
    color: var(--neutral-color);
    line-height: 1.43;
}

[b-1bfoxai3t6] .k-input-inner {
    height: 36px;
    max-width: 268px;
    font-size: 14px;
    font-family: "AvenirNext-Regular";
    font-style: normal !important;
    color: var(--neutral-color);
    line-height: 1.43;
}

.moveCheckBox[b-1bfoxai3t6] {
    margin-top: -4px;
}

[b-1bfoxai3t6] .marginTop {
    margin-top: 24px;
}

.marginBottom[b-1bfoxai3t6] {
    margin-bottom: 24px;
}

.invoiceAutoPaymentsEnrollContainer[b-1bfoxai3t6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 32px;
}

.autoPaymentStatusRow[b-1bfoxai3t6] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.defaultPaymentInfoRow[b-1bfoxai3t6] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.defaultPaymentInfoRow-nogap[b-1bfoxai3t6] {
    gap: 0 !important;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.defaultMethodIconAndNameRow[b-1bfoxai3t6] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.sendReceiptToRow[b-1bfoxai3t6] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.buttonRow[b-1bfoxai3t6] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

[b-1bfoxai3t6] form {
    width: 100%;
}

.whiteSpaceNoWrap[b-1bfoxai3t6] {
    white-space: nowrap;
}

.hyperLinkText[b-1bfoxai3t6] {
    cursor: pointer;
    color: var(--colors-content-link);
}

[b-1bfoxai3t6] #ebiz-textboxComponent {
    width: 100%;
    max-width: 300px;
}

[b-1bfoxai3t6] #ebiz-textboxComponent .custom-label-class {
    width: 100%;
}

[b-1bfoxai3t6] .k-switch-on .k-switch-track {
    background-color: #079f269c;
}


.label-text[b-1bfoxai3t6] {
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #212b36;
}

[b-1bfoxai3t6] .ebiz-checkbox {
    display: flex;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/InvoiceAutoPayment/InvoiceAutoPaymentPaymentHistory.razor.rz.scp.css */
.cardPadding[b-9zuy8iiwek] {
    padding: 16px;
}

.gapSpacing[b-9zuy8iiwek] {
    row-gap: 24px;
}

.removeHorizontalPadding[b-9zuy8iiwek] {
    padding-left: 0px;
    padding-right: 0px;
}

.removeRightPadding[b-9zuy8iiwek] {
    padding-right: 0px;
}

.bottomPadding[b-9zuy8iiwek] {
    padding-bottom: 24px;
}

.datePickerStyling[b-9zuy8iiwek] {
    min-width: 180.3px;
    max-width: 180.3px;
}

.paymentResultStyle[b-9zuy8iiwek] {
    min-width: 179px;
    max-width: 179px;
}

.buttonContainerStyle[b-9zuy8iiwek] {
    align-content: end;
    padding-right: 16px;
    padding-left: 16px;
}

[b-9zuy8iiwek] .buttonStyle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.smallPaddingLeft[b-9zuy8iiwek] {
    padding-left: 8px;
}

.payment-img[b-9zuy8iiwek] {
    width: 26px;
    height: 24px;
}

[b-9zuy8iiwek] .EBizGridComponent {
    box-shadow: none !important;
    padding: 22.5px 0 !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/SchedulePreviewPaymentModal.razor.rz.scp.css */
.span-heading[b-xf4e6zfcro] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}


.gap-padding[b-xf4e6zfcro] {
    padding-left: 15px;
    margin-bottom: 24px;
}

.displays-payments[b-xf4e6zfcro] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    text-align: right;
    color: #000;
}

.Payment-Amount[b-xf4e6zfcro] {
    flex-grow: 0;
    font-family: halyard-display, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #000;
}

.preview-payment-wrapper[b-xf4e6zfcro] {
    display: flex;
    flex-wrap: wrap;
}
    .preview-payment-wrapper .preview-payment-row-left[b-xf4e6zfcro] {
        display: flex;
        flex-wrap: nowrap !important;
        width:30%;
        flex-direction:row;
        gap:15px;
    }
    .preview-payment-wrapper .preview-payment-row-right[b-xf4e6zfcro] {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 15px;
    }
        .margin6px[b-xf4e6zfcro]{
            margin:6px 0;
        }

[b-xf4e6zfcro] .previewOfPaymentSchldModal .gridPagerWrapper {
    display: none;
}

.EBizGridComponent.EBizGridControls > div.telerik-blazor.k-grid.k-grid-md.ebizgrid.previewOfPaymentSchld > div.gridPagerWrapper[b-xf4e6zfcro] {
    display: none;
}

.EBizGridComponent .gridPagerWrapper[b-xf4e6zfcro],
.previewOfPaymentSchldModal .EBizGridControls .gridPagerWrapper[b-xf4e6zfcro] {
    display: none;
}

.EBizGridControls > div.telerik-blazor.k-grid.k-grid-md.ebizgrid.previewOfPaymentSchld > div.gridPagerWrapper[b-xf4e6zfcro] {
    display: none;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/StatementAutoPayment/CreateNewStatementAutoPayment.razor.rz.scp.css */
.btn-create-new-statement-auto-pay[b-bribnhgzi0] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 56px;
}

.payment-method-div[b-bribnhgzi0] {
    width: -webkit-fill-available;
    margin-top:16px
}
.margintop56px[b-bribnhgzi0]{
    margin-top:56px;
}
.new-tab-section[b-bribnhgzi0] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--colors-fill-grayscale-light-primary);
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/StatementAutoPayment/EditStatementAutoPayment.razor.rz.scp.css */
[b-5ey4c5hcqk] .Surcharge-Banner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 12px;
    border-radius: 8px;
    background-color: var(--colors-fill-accent-brand-light);
}
[b-5ey4c5hcqk] .margintop56px {
    margin-top: 56px;
}

.editStatementAutoPay-payment[b-5ey4c5hcqk] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    margin-top: 24px;
    margin-bottom: 56px;
}
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/StatementAutoPayment/StatementAutoPaymentForm.razor.rz.scp.css */
[b-e4o6yjtjuk] .auto-payment-fields .input-container {
    width: auto;
}

.auto-payment-checkbox[b-e4o6yjtjuk] {
    align-content: center;
}

[b-e4o6yjtjuk] .form-group[b-h45zbza7qv] {
    width: 100%;
    height: auto;
    min-width: 96px;
    padding: 0px;
    margin-bottom: 0;
}

#input[b-e4o6yjtjuk] {
    padding: 0px 12px;
    min-height: 123px;
}

.sendReceiptToRow[b-e4o6yjtjuk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.checkbox-align[b-e4o6yjtjuk] {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: -20px;
}

.textbox-container[b-e4o6yjtjuk] {
    flex: 1;
}

.buttonRow[b-e4o6yjtjuk] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.Surcharge-Banner[b-e4o6yjtjuk] {
    min-height: 56px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 8px;
    background-color: var(--colors-fill-grayscale-light-secondary);
}

[b-e4o6yjtjuk] .k-form-legend {
    border: 0 !important;
    border-width: 0 !important;
}

[b-e4o6yjtjuk] .Payments-scheduled-helper-text {
    color: var(--colors-content-secondary) !important;
}

[b-e4o6yjtjuk] .agree-check-statement {
    margin: 32px 0;
}

[b-e4o6yjtjuk] .pointercursor {
    cursor: pointer;
}
[b-e4o6yjtjuk] .ebcForm .k-actions-start{
    height:0;
    padding:0;
    margin:0;
}

[b-e4o6yjtjuk] .autoPaymentStatusRow{
    display:flex;
    align-items:center;
    justify-content:end;
    gap:8px;
    height:42px;
    margin-top:16px;
}
/*==switch==*/
.toggle-switch-container[b-e4o6yjtjuk] {
    display: flex;
    gap: 8px;
    align-items: center;
}

span[b-e4o6yjtjuk] {
    white-space: nowrap;
}

[b-e4o6yjtjuk] .k-switch-label-on, [b-e4o6yjtjuk] .k-switch-label-off {
    display: none !important;
}

[b-e4o6yjtjuk] .k-switch-track, [b-e4o6yjtjuk] .k-switch-thumb {
    border: none;
}

[b-e4o6yjtjuk] .k-switch-off .k-switch-track {
    background-color: var(--colors-fill-gray);
}

[b-e4o6yjtjuk] .k-switch-on .k-switch-track {
    background-color: var(--colors-fill-brand);
}

[b-e4o6yjtjuk] .k-switch-thumb {
    background-color: var(--colors-fill-primary);
}

[b-e4o6yjtjuk] .k-switch-on:focus, [b-e4o6yjtjuk] .k-switch-off:focus {
    box-shadow: unset;
}

[b-e4o6yjtjuk] .k-switch.k-disabled {
    opacity: 0.6;
}

[b-e4o6yjtjuk] .k-switch-off.k-disabled .k-switch-track {
    background-color: var(--colors-fill-gray);
}

[b-e4o6yjtjuk] .k-switch-on.k-disabled .k-switch-track {
    background-color: var(--colors-fill-brand);
}

[b-e4o6yjtjuk] .k-switch-md .k-switch-track, [b-e4o6yjtjuk] .k-switch-md {
    width: 34px;
    height: 20px;
}

    [b-e4o6yjtjuk] .k-switch-md .k-switch-thumb {
        width: 16px;
        height: 16px;
    }

[b-e4o6yjtjuk] .k-switch-off:focus .k-switch-track, [b-e4o6yjtjuk] .k-switch-on:focus .k-switch-track {
    outline: none;
}

[b-e4o6yjtjuk] .k-switch-md.k-switch-off .k-switch-thumb-wrap {
    left: 10px;
}

[b-e4o6yjtjuk] .k-switch-md.k-switch-on .k-switch-thumb-wrap {
    left: calc(100% - 10px);
}
/*==switch==*/
/* _content/EBizCharge.CardholderPortal/Pages/AutoPayments/StatementAutoPayment/StatementAutoPayments.razor.rz.scp.css */
.autoPayTerms[b-4tqr6c5z3n] {
    font-family: proxima-nova, sans-serif;
    font-size: 0.875rem;
    line-height: 1.36;
}

.card[b-4tqr6c5z3n] {
    box-shadow: none;
    border: none;
}

.statusOnIndicator[b-4tqr6c5z3n] {
    width: 9px;
    height: 9px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #71be1c;
    float: left;
}

[b-4tqr6c5z3n] .k-textbox.k-input input {
    font-family: proxima-nova, sans-serif;
    font-size: 0.875rem;
}

.statusOffIndicator[b-4tqr6c5z3n] {
    width: 9px;
    height: 9px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #637381;
    float: left;
}

[b-4tqr6c5z3n] .k-form .k-form-legend {
    margin-top: 0px;
    margin-bottom: 0px;
}

#autoPayments[b-4tqr6c5z3n]  .k-grid-header {
    padding-right: 0px;
}

#autoPayments[b-4tqr6c5z3n]  .k-grid-content {
    overflow-y: hidden;
}

[b-4tqr6c5z3n] .scheduledAutoSearchBox {
    max-width: 450px;
}

[b-4tqr6c5z3n] .scheduledAPContent {
    padding-top: 0rem !important;
}

.Fixed-Amount-heading[b-4tqr6c5z3n] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 28px;
    font-weight: 500;
    color: #212b36;
}

.bg-light[b-4tqr6c5z3n] {
    background-color: #ffffff !important;
}

.edit-column[b-4tqr6c5z3n] {
    margin-left: -8px;
}

.payment-img[b-4tqr6c5z3n] {
    width: 26px;
    height: 24px;
}

.tab-strip[b-4tqr6c5z3n] {
    gap: 16px;
    flex-wrap: wrap;
}

[b-4tqr6c5z3n] .pointercursor {
    cursor: pointer;
}

[b-4tqr6c5z3n] .PaymentStatusDdlWrapper{
    display:flex;
    width:300px;
    margin-bottom:24px;
}

[b-4tqr6c5z3n] .statusColumnHeader-center .k-link{
    justify-content:center;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/AccountActionsDropdown.razor.rz.scp.css */
.action-menu[b-lx3sbd6io5] {
    padding-left: 0px;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: white;
    border-radius: 5px;
    margin-left: -58px;
    margin-top: 8px;
    width: 90px;
    text-align: center;
}

.dropdown-item[b-lx3sbd6io5] {
    padding: 8px 8px;
    cursor: pointer;
}

.dots-toggle[b-lx3sbd6io5] {
    cursor: pointer;
}

.dropdownText[b-lx3sbd6io5] {
    font-family: "AvenirNext-Regular";
    font-size: 14px;
}

.accountIconSizing[b-lx3sbd6io5] {
    height: 32px;
    width: 32px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/AutoEnrollBanner.razor.rz.scp.css */
.horizontalPadding[b-oeci9dw76g] {
    padding-left: 8px;
    padding-right: 8px;
}

.paddingTop[b-oeci9dw76g] {
    padding-top: 16px;
}

.paddingBottom[b-oeci9dw76g] {
    padding-bottom: 16px;
}

.removeBottomPaddingAndMargin[b-oeci9dw76g] {
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}
.AutoEnrollBanner[b-oeci9dw76g] {
    height: 48px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #edf1fe;
}
.forceToRight[b-oeci9dw76g] {
    right: 24px;
    position: fixed;
}
.cursorPointer[b-oeci9dw76g] {
    cursor: pointer;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/BannerMessage.razor.rz.scp.css */
/* ============ Banner Appearance/Format ============ */

.bannerStyle[b-14kvefw8or] {
    min-height: 48px;
    max-height: 48px;
    flex-grow: 1;
    width: 100%;
    z-index: 10;
    overflow-y: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    color: white;
    font-family: "AvenirNext-Demi";
    line-height: 1.43;
    gap: 8px;
}

.itemsCenter[b-14kvefw8or] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.messageContainer[b-14kvefw8or] {
    min-width: 0;
    text-align: center;
}

.bannerIconStyle[b-14kvefw8or] {
    padding-left: 12px;
}

.itemsRight[b-14kvefw8or] {
    margin-left: auto;
    padding-right: 12px;
}

.BannerCloseButtonStyle[b-14kvefw8or] {
    cursor: pointer;
}

/* ============ Banner Visibility (Transition Effect) ============ */

.bannerVisible[b-14kvefw8or] {
    position: relative;
    top: 0;
    transition: top 0.3s ease-in-out;
}

.bannerHidden[b-14kvefw8or] {
    position: fixed;
    top: -48px;
    transition: top 0.3s ease-in-out;
}

/* ============ Message Type Colors ============ */

.AnnouncementMessage[b-14kvefw8or] {
    background-color: #64b5ff;
}

.WarningMessage[b-14kvefw8or] {
    background-color: #f5a624;
}

.CriticalMessage[b-14kvefw8or] {
    background-color: #e02020;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/EBizCurrencyTextBox.razor.rz.scp.css */
@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/EBizNumericTextBox.razor.rz.scp.css */
.border-change:has(~ .validation-message)[b-0x0cz7s879] {
    border-color: #e02020 !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/EBizSearchBar.razor.rz.scp.css */
.tb-icon-container[b-5gl4jlpjen] {
	position: relative;
	z-index: 1;
}

[b-5gl4jlpjen] .k-icon {
	position: absolute !important;
	z-index: 1 !important;
	top: 0.6rem !important;
	left: 0.675rem !important;
}

[b-5gl4jlpjen] .k-textbox.k-input {
	padding-left: 1rem !important;
	height: 36px !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/EBizSideNav.razor.rz.scp.css */
/* Drawer Widths */

[b-iuy6f823zy] .ebiz-side-nav {
    height: 100vh;
}

li.side-nav-collapsed-header[b-iuy6f823zy] {
    list-style-type: none;
}

.side-nav-collapsed-header[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.side-nav-collapsed-header-icon[b-iuy6f823zy] {
    padding: 6px 4px;
}

    .side-nav-collapsed-header-icon:hover[b-iuy6f823zy] {
        background-color: var(--colors-fill-tertiary);
        cursor: pointer;
        border-radius: 4px;
    }
/* Drawer Item Containers */
[b-iuy6f823zy] .drawer-item-container {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 24px;
}

[b-iuy6f823zy] .collapsed-drawer-item-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-iuy6f823zy] .drawer-sub-item-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
}

[b-iuy6f823zy] .collapsed-drawer-sub-item-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
}

/* Drawer Items & Links */
[b-iuy6f823zy] .drawer-sub-item,
[b-iuy6f823zy] .drawer-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer;
    color: var(--colors-content-primary);
}

[b-iuy6f823zy] .drawer-sub-item {
    height: 36px;
}

[b-iuy6f823zy] .collapsed .drawer-link,
[b-iuy6f823zy] .collapsed .drawer-sub-item {
    padding: 0;
}

[b-iuy6f823zy] a.drawer-link {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 0px 8px;
}

[b-iuy6f823zy] .drawer-item > .drawer-link {
    width: 100%;
    justify-content: space-between;
}

[b-iuy6f823zy] .drawer-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 20px;
    gap: 8px;
    white-space: nowrap;
    border-radius: 8px;
    color: var(--colors-content-primary);
    cursor: pointer;
}

    [b-iuy6f823zy] .drawer-item.collapsed,
    [b-iuy6f823zy] .drawer-sub-item.collapsed {
        display: none;
        justify-content: center;
    }

.drawer-item-border[b-iuy6f823zy] {
    border-top: 1px solid var(--colors-stroke-light);
}

.drawer-sub-item:hover[b-iuy6f823zy],
.side-nav-menu-name-container:hover[b-iuy6f823zy] {
    background-color: var(--colors-fill-tertiary);
    cursor: pointer;
}

[b-iuy6f823zy] .collapsed .drawer-item-icons {
    padding: 4px 8px;
}

[b-iuy6f823zy] .drawer-item-active,
[b-iuy6f823zy] .drawer-item-active svg path {
    color: var(--colors-content-brand);
    background-color: var(--colors-fill-brand-light);
}

    [b-iuy6f823zy] .drawer-item-active svg path {
        stroke: var(--colors-content-brand);
    }

/* Header & Main Containers */
.dropdown-header-main-container[b-iuy6f823zy],
.side-nav-header-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 6px;
}

.side-nav-main-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px 0;
    width: auto;
}

.side-nav-menu-name-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    border-radius: 4px;
    padding: 8px;
}

.side-nav-menu-name[b-iuy6f823zy] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.side-nav-menu-text-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.side-nav-menu-text-header[b-iuy6f823zy] {
    font-size: 14px;
    color: var(--colors-content-primary);
}

.side-nav-menu-text-content[b-iuy6f823zy] {
    font-size: 12px;
    color: var(--colors-content-secondary);
}

.side-nav-icon[b-iuy6f823zy] {
    padding: 8px;
    border-radius: 8px;
    align-self: center;
    cursor: pointer;
    height: 36px;
}

    .side-nav-icon:hover[b-iuy6f823zy] {
        background-color: var(--colors-fill-tertiary);
    }


.chevron-down-icon[b-iuy6f823zy] {
    cursor: pointer;
    display: flex;
}

/* Tabs & Sections */
.side-tab-section-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    gap: 20px;
}

.collapsed-side-tab-section-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    gap: 10px;
}

.side-nav-tabs-items[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.section-text[b-iuy6f823zy] {
    color: var(--colors-content-tertiary);
}

/* Dropdown Header Styling */
.dropdown-header-item-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.dropdown-header-item[b-iuy6f823zy] {
    display: contents;
    flex-direction: row;
}

/* Dropdown Nav */
.dropdown-nav-main-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
}

.dropdown-nav-menu-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dropdown-nav-menu-text-container[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.dropdown-nav-menu-icon[b-iuy6f823zy] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-content: center;
}

.flyout-nav-content[b-iuy6f823zy],
.current-account[b-iuy6f823zy],
.other-companies[b-iuy6f823zy] {
    color: var(--colors-content-secondary);
}

.flyout-nav-text-header[b-iuy6f823zy] {
    color: var(--colors-content-primary);
}
[b-iuy6f823zy] .side-nav-popup .dropdown-popup-outer {
    background-color: inherit;
    padding:16px !important;
}

[b-iuy6f823zy] .dropdown-popup-outer {
    border: solid 1px var(--colors-stroke-light);
    border-radius: 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    padding: 16px;
}


/* Search */
.search-textbox[b-iuy6f823zy] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search-input[b-iuy6f823zy]::placeholder {
    font-family: ProximaNova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.43;
}

.search-input[b-iuy6f823zy] {
    border: none;
}

.container-first-second-item[b-iuy6f823zy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.initials-circle[b-iuy6f823zy] {
    color: var(--colors-content-inverse-primary);
    width: 28px;
    height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 500px;
    background-color: var(--colors-fill-brand);
}

.side-nav-menu-name-container:hover[b-iuy6f823zy] {
    background-color: var(--colors-fill-tertiary);
}

.side-nav-menu-name-container.active-hover[b-iuy6f823zy] {
    background-color: var(--colors-fill-tertiary);
}


.switch-company[b-iuy6f823zy] {
    padding-left: 8px;
}

.User-Icon[b-iuy6f823zy] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 4px;
    background-color: var(--colors-fill-secondary);
    cursor:pointer;
}

.Collapsed-User-Icon[b-iuy6f823zy] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}

    .Collapsed-User-Icon:hover[b-iuy6f823zy] {
        background-color: var(--colors-fill-tertiary);
    }

    .Collapsed-User-Icon.active-hover[b-iuy6f823zy] {
        background-color: var(--colors-fill-tertiary);
    }


.search-cancel-icon[b-iuy6f823zy] {
    cursor: pointer;
}

.no-associated-company[b-iuy6f823zy] {
    font-style: italic;
    color: var(--colors-content-secondary);
    font-size: 14px;
    font-family: proxima-nova, sans-serif;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/EBizStandaloneCard.razor.rz.scp.css */
.standaloneCard[b-8fpfmzppjy] {
    margin-top: 80px;
    margin-left: 16px;
    margin-right: 16px;
    max-width: 424px;
    padding-top: 80px;
}

.standaloneCardContainer[b-8fpfmzppjy] {
    width: 100%;
}

@media (max-width: 424px) {
    .standaloneCard[b-8fpfmzppjy] {
        background-color: inherit;
        box-shadow: none;
        border: none;
        padding-top: 0px;
    }

    .standaloneCardContainer[b-8fpfmzppjy] {
        background-color: #FFFFFF;
        position: fixed;
        height: 100vh;
        width: 100vw;
    }
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/EBizTopNavComponent.razor.rz.scp.css */
.top-nav-style[b-2m4yvbg8ga] {
    width: 100%;
    position: sticky;
    top: 0px;
    background-color: var(--colors-fill-primary);
    z-index: 1000;
}

.top-nav-text-container[b-2m4yvbg8ga] {
    display: flex;
    flex-direction: column;
}

.top-nav-icon-bg[b-2m4yvbg8ga] {
    background-color: var(--colors-fill-brand-light);
    border-radius: 8px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/LoginVerificationFlow.razor.rz.scp.css */
.backButtonDivStyle[b-4vinv0c01m] {
    flex-grow: 0;
    font-family: halyard-display, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: var(--base-black);
}

.MFADivStyle[b-4vinv0c01m] {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.HeadingsH3[b-4vinv0c01m] {
    width: 123px;
    height: 20px;
    flex-grow: 0;
    font-family: halyard-display, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: var(--base-black);
}

.MFAFormStyle[b-4vinv0c01m] {
    row-gap: 24px;
}

.TrimBodyTrim[b-4vinv0c01m] {    
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--base-black);
}

.BodyMedium[b-4vinv0c01m] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: var(--e-biz-blue-600-base);
}

.MFAInputStyle[b-4vinv0c01m] {
    height: 36px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 3px;
    border: solid 1px var(--gray-300);
    background-color: var(--base-white);
}

.Hyperlink-Button[b-4vinv0c01m] {
    width: 31px;
    height: 20px;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: var(--e-biz-blue-600-base);
    padding-left: 5px;
}

.verificationCodeResentStyle[b-4vinv0c01m] {
    flex-grow: 0;    
    line-height: 1.33;
    text-align: left;
    color: var(--green-900);
    margin-top: -20px;
}

.errorSpan[b-4vinv0c01m] {
    flex-grow: 0;    
    color: var(--red-600-base);
    margin-top: -19px;    
    text-align: left;
}

.backButtonDivStyle img[b-4vinv0c01m],
.backButtonDivStyle .Hyperlink-Button[b-4vinv0c01m] {
    cursor: pointer;
}

[b-4vinv0c01m] .validation-message {
    margin-top: -20px;
}

[b-4vinv0c01m] .validationSummaryStyle {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/PaymentComponent.razor.rz.scp.css */
.nav-link[b-g7kcu1ifie] {
    line-height: 20px;
}

.paymentMethodTabStyle[b-g7kcu1ifie] {
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 32px;
    padding-right: 32px;
}

@media (max-width: 430px) {

    .paymentMethodTabStyle[b-g7kcu1ifie] {
        padding-left: 24px;
        padding-right: 24px;
    }

    [b-g7kcu1ifie] .conditionalWidthStyle {
        width: 100%;
    }
}

@media (min-width: 431px) {

    [b-g7kcu1ifie] .conditionalWidthStyle {
        width: 160px;
    }
}

.tabs-gap[b-g7kcu1ifie] {
    padding-top: 24px;
}
.tabs-gap16px[b-g7kcu1ifie] {
    padding-top: 16px;
}
.Surcharge-Banner[b-g7kcu1ifie] {
    min-height: 48px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 16px 12px;
    border-radius: 8px;
    background-color: var(--colors-fill-accent-brand-light);
}

.Card-information[b-g7kcu1ifie] {
    width: 112px;
    height: 22px;
    flex-grow: 0;
    font-family: halyard-display, sans-serif;
    text-align: left;
    color: #000;
}

.credits-text[b-g7kcu1ifie] {
    width: 503px;
    height: 20px;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    text-align: left;
    color: #000;
}

.select-payment-method-heading[b-g7kcu1ifie] {
    font-size: 16px;
    font-family: HalyardDisplay, sans-serif;
    color: var(--colors-content-primary);
}

.paymentMethodDropDownWrapper[b-g7kcu1ifie] {
    width: 374.5px;
}

#divSecurity .k-icon.k-svg-icon svg[b-g7kcu1ifie] {
    width: 16px !important;
}

.floating-dropdown[b-g7kcu1ifie] {
    position: relative;
    display: inline-block;
    width: 100%;
}

[b-g7kcu1ifie] .newCardExpiration {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
}

.savedCard[b-g7kcu1ifie] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.ml-12[b-g7kcu1ifie] {
    margin-left: 12px !important;
}

.checkboxGap[b-g7kcu1ifie] {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

[b-g7kcu1ifie] .k-form .k-form-legend {
    border: 0;
    border-width: 0;
}

[b-g7kcu1ifie] .ebiz-checkbox label {
    padding-right: 0 !important
}

.mt-12[b-g7kcu1ifie] {
    margin-top: 12px !important;
}

.mt-16[b-g7kcu1ifie] {
    margin-top: 16px !important;
}

.floating-label[b-g7kcu1ifie] {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    color: var(--colors-content-secondary);
    pointer-events: none;
    transition: all 0.2s ease;
    background-color: white;
    padding: 0 4px;
}

    .floating-label.active[b-g7kcu1ifie] {
        top: 4px;
        font-size: 12px;
        color: var(--colors-content-secondary);
        transform: none;
    }

.floating-labelBankAccount[b-g7kcu1ifie] {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    color: var(--colors-content-secondary);
    pointer-events: none;
    transition: all 0.2s ease;
    background-color: white;
    padding: 0 4px;
}

    .floating-labelBankAccount.active[b-g7kcu1ifie] {
        top: 4px;
        font-size: 12px;
        color: var(--colors-content-secondary);
        transform: none;
    }

#divSecurity[b-g7kcu1ifie] {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
}

.nc-min-vw[b-g7kcu1ifie] {
    min-width: 211.5px !important;
}

.nc-min-vw-month[b-g7kcu1ifie] {
    min-width: 111.8px !important;
}

.nc-min-vw-city[b-g7kcu1ifie] {
    min-width: 235.5px;
}

[b-g7kcu1ifie] .tooltipwrapper {
    padding-top: 10px;
}

[b-g7kcu1ifie] .customFlex-5 {
    flex: 5.2;
}

[b-g7kcu1ifie] .customFlex-1 {
    flex: 2.5;
}

.date-color[b-g7kcu1ifie] {
    color: #6c757d;
}

[b-g7kcu1ifie] .dropdown-input {
    box-sizing: border-box;
    padding-right: 0;
}

[b-g7kcu1ifie] .k-form-md .k-form-buttons {
    margin-top: 0 !important;
}

[b-g7kcu1ifie] .dropdown-input span.k-input-inner {
    padding: 0;
    padding-top: 1.2rem;
}

[b-g7kcu1ifie] .dropdown-input button.k-input-button {
    height: 42px !important;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

[b-g7kcu1ifie] .ebizTooltip .k-icon svg path {
    stroke: var(--colors-content-secondary);
}
[b-g7kcu1ifie] .k-form-md .k-form-field{
    margin-top: 0 !important;
}
[b-g7kcu1ifie] .stateDropDown .ebizTooltip{
        width: 100%;
}
[b-g7kcu1ifie] .k-checkbox:disabled ~ label[for="SetDefaultCheckBox"],
[b-g7kcu1ifie] .k-checkbox.k-disabled ~ label[for="SetDefaultCheckBox"] {
    cursor: default !important;
}
[b-g7kcu1ifie] .ebiz-checkbox:has(.k-checkbox:disabled) label[for="SetDefaultCheckBox"],
[b-g7kcu1ifie] .ebiz-checkbox:has(.k-checkbox.k-disabled) label[for="SetDefaultCheckBox"] {
    cursor: default !important;
}
.mb-32[b-g7kcu1ifie]{
    margin-bottom : 32px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/PaymentSuccessCard.razor.rz.scp.css */
.card-body[b-uev8m98t9t] {
    padding: 1.5rem 2rem;
}

.sucesscardWidth[b-uev8m98t9t] {
    flex-grow: 1;
    max-width: 400px;
}
.successCardWraper[b-uev8m98t9t]{
    display: flex;
    gap: 12px;
    margin-bottom:24px;
 }
.successCardDataWraper[b-uev8m98t9t] {
    margin-top: 32px;
    display: flex;
    gap: 12px;
    flex-direction: column;
}

[b-uev8m98t9t] .customFlex-5 {
    flex: 5;
}
.mt-12px[b-uev8m98t9t]{
    margin-bottom: 0;
    margin-top: 12px;
}
[b-uev8m98t9t] .icon-green-outline svg path {
    stroke: var(--colors-content-success-light);
    fill: white;
}
[b-uev8m98t9t] .HeadingsH6{
    color: var(--colors-content-secondary)
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/PaymentSuccessRow.razor.rz.scp.css */
.dataWrapper[b-0hswgrenjn] {
    display: flex;
    gap: 90px;
}
.custom-flex-2[b-0hswgrenjn]{
    flex: 2;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/ReviewPaymentCard.razor.rz.scp.css */
.reviewPaymentContainerStyle[b-dg0qafbld2] {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    padding:0 !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/ReviewPaymentRow.razor.rz.scp.css */
.normalLineHeight[b-cux6n0oq1b] {
    line-height: normal;
}
.reviewPaymentStyleWrapper[b-cux6n0oq1b] {
    gap: 24px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Components/StepperDeck.razor.rz.scp.css */
[b-xqgeb0rykg] .k-step-current .k-step-indicator-text {
    color: #ffffff;
}

[b-xqgeb0rykg] .k-stepper .k-step-indicator {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    padding: 0;
    margin: 0;
    margin-left: 6px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-dark-secondary);
    background-color: var(--colors-content-inverse-primary);
}

[b-xqgeb0rykg] .k-step-current.k-focus .k-step-text {
    font-family: HalyardDisplay, sans-serif;
    color: var(--colors-content-primary);
}
[b-xqgeb0rykg] .k-step{
    min-height:48px !important;
}
[b-xqgeb0rykg] .k-step-text {
    font-family: HalyardDisplay, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: var(--colors-content-secondary);
}

[b-xqgeb0rykg] .k-progressbar .k-selected {
    background-color: #5a5a60
}

[b-xqgeb0rykg] .k-progressbar {
    background-color: #7b7b80;
}

[b-xqgeb0rykg] .afterStepCompleted {
    background-image: url('/Images/white-checkmark-black-background.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

[b-xqgeb0rykg] .k-stepper .k-step-current .k-step-indicator {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
    padding: 0;
    margin:0;
    margin-left:6px;
    border-radius: 8px;
    background-color: var(--colors-fill-grayscale-dark-primary);
}

[b-xqgeb0rykg] .k-stepper .k-step-indicator::after {
    content: unset;
}

[b-xqgeb0rykg] .k-stepper .k-step-done .k-step-indicator {
    border-color: #0a0a0a;
    background-color: #0a0a0a;
}

[b-xqgeb0rykg] .k-step-indicator-text {
    align-self: stretch;
    flex-grow: 0;
    font-family: HalyardDisplay, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: var(--colors-content-secondary);
    text-box-trim: trim-both;
}

[b-xqgeb0rykg] .k-stepper .k-step-link {
    cursor: pointer;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 8px;
    padding: 0;
}
[b-xqgeb0rykg] .k-stepper .k-step-label{
    margin-left:0 !important;
}

    [b-xqgeb0rykg] .k-stepper .k-step-label .k-step-text {
        max-width: calc(12em - 16px - var(--kendo-spacing-1, 0.25rem)) !important;
    }
/* _content/EBizCharge.CardholderPortal/Pages/Components/TimeoutModal.razor.rz.scp.css */
.mobileLayoutStyles[b-ub3cdovih3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 1rem;
}
/* _content/EBizCharge.CardholderPortal/Pages/Index.razor.rz.scp.css */
.container-fluid[b-v8ol4fkh7y] {
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.mainImageDiv[b-v8ol4fkh7y] {
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../images/loginimagebg2.png');
    background-size: cover;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
}

.loginImage[b-v8ol4fkh7y] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainInputSectionDiv[b-v8ol4fkh7y] {
    padding: 206px 75px;
    position: relative;
}

.logoImage[b-v8ol4fkh7y] {
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    aspect-ratio: 5/1;
    width: 55%;
    min-width: 102px;
    min-height: 54px;
}

.form-control[b-v8ol4fkh7y] {
    height: 42px;
    width: 100%;
    align-self: stretch;
    flex-grow: 0;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    padding: 20px 12px 6px;
    border-radius: 8px;
    border: solid 1px lightgray;
    background-color: var(--colors-fill-light-primary);
    outline: none;
    position: relative;
}

.form-responsive[b-v8ol4fkh7y] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 206px 85px;
    box-shadow: 0 4px 20px 5px rgba(0, 0, 0, 0.08);
    background-color: var(--colors-fill-light-primary);
}


.userInputFieldDiv .form-control:focus[b-v8ol4fkh7y] {
    outline: none !important;
    border: 1px solid lightgray !important;
    background-color: var(--colors-fill-light-primary) !important;
    box-shadow: none !important;
}


.userInputFieldDiv[b-v8ol4fkh7y] {
    flex-grow: 1;
    display: flex;
    font-size: 14px;
    flex-direction: column;
    margin-top: 24px;
}

.textCenter[b-v8ol4fkh7y] {
    text-align: center;
}

.error-message[b-v8ol4fkh7y] {
    height: 16px;
    flex-grow: 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: rgb(209,63,75);
    padding-top: 5px;
}

.border-red[b-v8ol4fkh7y] {
    border: 1px solid rgb(209,63,75) !important;
}

.login-page-height[b-v8ol4fkh7y] {
    height: 100%
}

.save-login-input[b-v8ol4fkh7y] {
    font-family: proxima-nova, sans-serif;
    font-size: smaller;
    display: none;
    width: 136px
}

.span-login[b-v8ol4fkh7y] {
    display: none;
}

.margin-adjust[b-v8ol4fkh7y] {
    margin-top: 20px;
    margin-bottom: 20px
}

.BodyMedium[b-v8ol4fkh7y] {
    width: 165px;
    height: 20px;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

[b-v8ol4fkh7y] .ebiz-btn-black:disabled[b-h5n83ix156] {
    background-color: var(--colors-fill-grayscale-dark-tertiary);
    color: var(--colors-content-inverse-primary);
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/AccountInfoForm.razor.rz.scp.css */
.k-form label[b-7vmlax9f5w] {
    display: flex;
}

.editAccountContainer[b-7vmlax9f5w] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.editAccountFormHeader[b-7vmlax9f5w] {
    font-family: HalyardDisplay, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    color: #212b36;
}

.editAccountSubContainer[b-7vmlax9f5w] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-7vmlax9f5w] .ebcForm fieldset legend {
    margin-bottom: 0px;
}

[b-7vmlax9f5w] .ebcForm fieldset {
    gap: 12px;
    display: flex;
    flex-direction: column;
}

[b-7vmlax9f5w] .ebcForm .k-form-layout {
    gap: 12px 12px !important;
}

[b-7vmlax9f5w] .ebcForm div.k-form-field {
    margin-top: 0px;
}

[b-7vmlax9f5w] .ebcForm .k-form-buttons {
    margin-top: 0px;
}
[b-7vmlax9f5w] .k-form .k-form-legend{
    border : 0;
    border-width : 0;
}

.error-message[b-7vmlax9f5w] {
    color: var(--colors-content-error);
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/AccountInformation.razor.rz.scp.css */
.accountInfoContainer[b-lu40oc4v5t] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.accountInfoHeaderContainer[b-lu40oc4v5t] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.accountInfoText[b-lu40oc4v5t] {
    font-family: HalyardDisplay, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    color: #000;
}

.editButtonContainer[b-lu40oc4v5t] {
    cursor: pointer;
}

[b-lu40oc4v5t] .k-svg-icon svg path {
    stroke: #4263F9 !important;
}

.userSettingsSection[b-lu40oc4v5t] {
    row-gap: 16px;
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/ForgotPassword.razor.rz.scp.css */
.container-fluid[b-reacy44ll2] {
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.userInputFieldDiv .form-control:focus[b-reacy44ll2] {
    outline: none !important;
    border: 1px solid lightgray !important;
    background-color: var(--colors-fill-light-primary) !important;
    box-shadow: none !important;
}

.userInputFieldDiv[b-reacy44ll2] {
    flex-grow: 1;
    display: flex;
    font-size: 14px;
    flex-direction: column;
    margin-bottom: unset;
}

.Frame[b-reacy44ll2] {
    height: 208px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.BodyBase[b-reacy44ll2] {
    align-self: stretch;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-primary);
    margin-bottom: unset;
}

.BodyMedium[b-reacy44ll2] {
    height: 60px;
    align-self: stretch;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-primary);
    margin-bottom: unset;
}

.h2-text[b-reacy44ll2] {
    width: 100%;
    text-align: left;
    font-size: 31px;
    font-weight: 800;
    margin-top: -10px;
}

.frame-container[b-reacy44ll2] {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
    max-width: 312px;
}

.internal-frame[b-reacy44ll2] {
    height: 200px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    padding: 0;
}

.internal-frame-reset[b-reacy44ll2] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    padding: 0;
}

.img-fluid[b-reacy44ll2] {
    max-width: 100%;
    height: auto;
}

.companyImage[b-reacy44ll2] {
    height: 32px;
    margin-top: 40px;
    margin-left: 40px;
}

.mt-12px[b-reacy44ll2] {
    margin-top: 12px !important;
}

.reset-password-image[b-reacy44ll2] {
    display: block;
    margin: 0 auto 8px;
    width: auto;
    height: auto;
    max-width: 100%;
}

.error-message[b-reacy44ll2] {
    color: var(--colors-content-error);
}

[b-reacy44ll2] .ebiz-btn-black:disabled {
    background-color: var(--colors-fill-grayscale-dark-tertiary);
    color: var(--colors-content-inverse-primary);
}

@media (max-width: 768px) {
    .frame-container[b-reacy44ll2] {
        width: 90%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .frame-container[b-reacy44ll2] {
        width: 50%;
    }
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/MfaEmailSetup.razor.rz.scp.css */
.verificationStepContainer[b-4aiqc2v2an] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.hyperLinkButton[b-4aiqc2v2an] {
    width: fit-content;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    color: var(--colors-content-link);
    cursor: pointer;
}

.mfaText[b-4aiqc2v2an] {
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    color: var(--rz-black);
}

.verificationCodeResentStyle[b-4aiqc2v2an] {
    height: 16px;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: var(--green-900);
}

[b-4aiqc2v2an] .ebiz-hyperlink-brandblue:disabled {
    color: var(--colors-content-disabled-brand);
    text-decoration: none;
    pointer-events: none;
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/MfaTextSetup.razor.rz.scp.css */
.verificationStepContainer[b-u4p2jm2cml] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.hyperLinkButton[b-u4p2jm2cml] {
    width: fit-content;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    color: var(--colors-content-link);
    cursor: pointer;
}

.mfaText[b-u4p2jm2cml] {
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    color: #000;
}

.verificationCodeResentStyle[b-u4p2jm2cml] {
    height: 16px;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: var(--green-900);
}

[b-u4p2jm2cml] .ebiz-hyperlink-brandblue:disabled {
    color: var(--colors-content-disabled-brand);
    text-decoration: none;
    pointer-events: none;
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/MyAccount.razor.rz.scp.css */
.caratImg[b-7426yxoweh] {
    width: 24px;
}

.myAccountContainer[b-7426yxoweh] {
    display: flex;
    flex-direction: column;
}

[b-7426yxoweh] .userSettingsSection {
    row-gap: 16px;
    max-width: 1200px;
}
[b-7426yxoweh] .card-base{
    padding:32px !important;
}

[b-7426yxoweh] .BodyBase {
    color: var(--rz-black);
}

[b-7426yxoweh] .HeadingsH5 {
    color: var(--rz-black);
}

[b-7426yxoweh] .HeadingsH6{
    color: var(--colors-content-primary);
}

@media (max-width: 900px) {
    .userSettingsSection[b-7426yxoweh] {
        padding-left: 16px;
    }
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/ResetPasswordForm.razor.rz.scp.css */
[b-jzr3569d68] .ebcForm, .resetPasswordContainer[b-jzr3569d68] {
    display: flex;
    flex-direction: column;
}

    [b-jzr3569d68] .ebcForm div.k-form-field {
        margin-top: 0px;
    }

[b-jzr3569d68] .newPasswordContainer {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-jzr3569d68] .ebcForm .k-form-buttons {
    display: none;
}


[b-jzr3569d68] .helperText {
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    color: var(--colors-content-secondary);
}

.resetPasswordInfoText[b-jzr3569d68] {
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    line-height: 1.33;
    color: var(--colors-content-primary);
}

[b-jzr3569d68] .textboxStyle .input-container {
    width: 100% !important;
}

.At-least-one-special-character-[b-jzr3569d68] {
    width: 264px;
    height: 9px;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-primary);
}


.password-rules[b-jzr3569d68] {
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    padding: 0;
}

.pass-steps-text[b-jzr3569d68] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-primary);
}

.pass-strength[b-jzr3569d68] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-primary);
}

.pass-strength-badge[b-jzr3569d68] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 2px 8px;
    border-radius: 4px;
    border: solid 1px var(--red-400);
    background-color: var(--red-100);
}

.small-badge[b-jzr3569d68] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
}

.pass-strength-gap[b-jzr3569d68] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pass-strength-top-gap[b-jzr3569d68] {
    margin-top: 12px;
}

.error-top-gap[b-jzr3569d68] {
    margin-top: 8px;
}

.new-pass-gap[b-jzr3569d68] {
    height: 16px;
}

.change-pass-gap[b-jzr3569d68] {
    height: 24px;
}

[b-jzr3569d68] .BodyBase {
    color: var(--colors-content-primary);
}

[b-jzr3569d68] .BodyDescription {
    color: var(--colors-content-primary);
}

[b-jzr3569d68] .icon-green svg path {
    stroke: white;
    fill: var(--colors-content-success-light);
}

[b-jzr3569d68] .icon-green-outline svg path {
    stroke: var(--colors-content-tertiary);
    fill: white;
}

[b-jzr3569d68] .BodyMedium {
    font-size: 12px;
}

[b-jzr3569d68] .password-icon svg path {
    stroke: var(--colors-content-secondary);
}

.strength-pill[b-jzr3569d68] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 2px 8px;
    border-radius: 4px;
}

.very-weak[b-jzr3569d68] {
    border: solid 1px var(--red-400);
    background-color: var(--red-100);
    color: var(--colors-content-error);
}
.weak[b-jzr3569d68] {
    border: solid 1px var(--orange-600-base);
    background-color: var(--orange-200);
    color: var(--pills-orange-text)
}

.medium[b-jzr3569d68] {
    border: solid 1px var(--orange-400);
    background-color: var(--orange-100);
    color: var(--pills-orange-text)
}

.strong[b-jzr3569d68] {
    border: solid 1px var(--green-400);
    background-color: var(--green-100);
    color: var(--pills-green-text)
}

.very-strong[b-jzr3569d68] {
    border: solid 1px var(--green-600-base);
    background-color: var(--green-200);
    color: var(--pills-green-text)
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/SetupMfa.razor.rz.scp.css */
.setUpMFAContainer[b-2dap24g0o7] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.setUpMFAContentContainer[b-2dap24g0o7] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contentInnerContainer[b-2dap24g0o7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.greenText[b-2dap24g0o7] {
    color: #4d8412;
}

.linkText[b-2dap24g0o7] {
    width: fit-content;
}

.flex-container[b-2dap24g0o7] {
    display: inline-flex;
    gap: 8px;
}

.Pill[b-2dap24g0o7] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: proxima-nova, sans-serif;
    height: 25px;
    padding: 8px 16px;
    border-radius: 999px;
    background-color: var(--green-200);
    color: var(--green-900);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
}

.flex-row-container[b-2dap24g0o7] {
    display: inline-flex;
    gap: 8px;
}

.pill-label-p[b-2dap24g0o7]{
    padding-top: 2px;
}
/* _content/EBizCharge.CardholderPortal/Pages/MyAccount/UserSettings.razor.rz.scp.css */
.userSettingsContainer[b-0wqt2og383] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.userSettings[b-0wqt2og383] {
    font-family: HalyardDisplay, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    color: #000;
}

.userSettingsSection[b-0wqt2og383] {
    row-gap: 16px;
}
/* _content/EBizCharge.CardholderPortal/Pages/MySavedPaymentMethods/ActionsDropdown.razor.rz.scp.css */
.action-menu[b-oyjq36l260] {
    padding-left: 0px;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: white;
    margin-left: -48px;
    width: 120px;
}

.dropdown-item[b-oyjq36l260] {
    padding: 10px 15px;
    cursor: pointer;
}

.dots-toggle[b-oyjq36l260] {
    cursor: pointer;
}

.dropdown-item:not(:last-child)[b-oyjq36l260] {
    border: solid;
    border-color: rgba(0, 0, 0, 0.15);
    border-width: 0px 0px 1px 0px;
}

.dropdownText[b-oyjq36l260] {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 14px;
}

.deleteText[b-oyjq36l260] {
    color: #e02020;
}
/* _content/EBizCharge.CardholderPortal/Pages/MySavedPaymentMethods/BankAccountForm.razor.rz.scp.css */
[b-oop80b56uz] .k-form-buttons {
    justify-content: space-between;
    padding-top: 1rem;
}

[b-oop80b56uz] .k-form .k-form-field label, [b-oop80b56uz] .k-dropdownlist {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
}

[b-oop80b56uz] .k-button-text {
    font-family: "AvenirNext-Regular, sans-serif";
}

[b-oop80b56uz] .k-dropdownlist {
    background-color: inherit;
}
/* _content/EBizCharge.CardholderPortal/Pages/MySavedPaymentMethods/CreditCardForm.razor.rz.scp.css */
[b-f558zarcxw] .k-form-buttons {
    justify-content: space-between;
    padding-top: 1rem;
}

[b-f558zarcxw] .k-form .k-form-field label, [b-f558zarcxw] .k-dropdownlist {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
}

[b-f558zarcxw] .k-dropdownlist {
    background-color: inherit;
}

[b-f558zarcxw] input.border-change::before {
    display: none;
}
/* _content/EBizCharge.CardholderPortal/Pages/MySavedPaymentMethods/EBizBankForm.razor.rz.scp.css */
[b-avf3dsbg6p] .k-form-buttons {
    justify-content: space-between;
    padding-top: 1rem;
}

[b-avf3dsbg6p] .k-form .k-form-field label, [b-avf3dsbg6p] .k-dropdownlist {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
}

[b-avf3dsbg6p] .k-button-text {
    font-family: "AvenirNext-Regular, sans-serif";
}

[b-avf3dsbg6p] .k-dropdownlist {
    background-color: inherit;
}

[b-avf3dsbg6p] .k-floating-label-container {
    padding-top: 0px;
}

[b-avf3dsbg6p] #ebiz-textboxComponent {
    width: 100%;
}

[b-avf3dsbg6p] .k-form-fieldset {
    margin: 0px;
}

.fourPxGap[b-avf3dsbg6p] {
    gap: 4px;
}
/* _content/EBizCharge.CardholderPortal/Pages/MySavedPaymentMethods/EBizCardForm.razor.rz.scp.css */
[b-8ce7kl9w35] .k-form-buttons {
    justify-content: space-between;
    padding-top: 1rem;
}

[b-8ce7kl9w35] .k-form .k-form-field label, [b-8ce7kl9w35] .k-dropdownlist {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 0.875rem;
}

[b-8ce7kl9w35] .k-dropdownlist {
    background-color: inherit;
}

[b-8ce7kl9w35] input.border-change::before {
    display: none;
}

[b-8ce7kl9w35] .k-floating-label-container {
    padding-top: 0px;
}

[b-8ce7kl9w35] .k-form-fieldset {
    margin: 0px;
}

.fourPxGap[b-8ce7kl9w35] {
    gap: 4px;
}
/* _content/EBizCharge.CardholderPortal/Pages/MySavedPaymentMethods/InfoCardComponent.razor.rz.scp.css */
.title[b-8wkbw0zbt5] {
    font-family: halyard-display, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.value[b-8wkbw0zbt5] {
    font-family: halyard-display, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
}
/* _content/EBizCharge.CardholderPortal/Pages/MySavedPaymentMethods/MySavedPaymentMethods.razor.rz.scp.css */
[b-qgabl1q4w3] .k-tab-strip-content.k-active {
    border: 0px;
}

[b-qgabl1q4w3] .k-column-title {
    white-space: normal;
}

[b-qgabl1q4w3] .k-tabstrip-content {
    border: none !important;
}

#divSavedPayment[b-qgabl1q4w3] {
    outline: none !important;
    background-color: var(--colors-fill-grayscale-light-primary);
}

[b-qgabl1q4w3] .editCardLink:hover {
    text-decoration: underline;
}

[b-qgabl1q4w3] .k-item:focus {
    box-shadow: none;
}

[b-qgabl1q4w3] .ebcInnerTabstrip {
    z-index: 1;
}

/* ::deep #paymentMethodsContent {
    padding: 1rem 1rem 1rem 1rem
} */

input[type="radio"][b-qgabl1q4w3] {
    vertical-align: middle;
}

[b-qgabl1q4w3] .k-grid.ebcGrid td:last-child {
    overflow: visible;
}

    [b-qgabl1q4w3] .k-grid.ebcGrid td:last-child:has(ul.action-menu.visibleActionsDropdown) {
        z-index: 1000;
    }

.mySavedPaymentMethodCardDeck[b-qgabl1q4w3] {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.mySavedPaymentMethodMainContainer[b-qgabl1q4w3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.addButtonRow[b-qgabl1q4w3] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.tabstripButtonRow[b-qgabl1q4w3] {
    display: flex;
    flex-direction: row;
}

.buttonLocation[b-qgabl1q4w3] {
    position: absolute;
    top: -61px;
    width: 100%;
    justify-content: end;
    display: flex;
}

[b-qgabl1q4w3] .k-tabstrip {
    gap: 16px;
}

.tabStripContentContainer[b-qgabl1q4w3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-qgabl1q4w3] .k-tabstrip-items-wrapper.k-hstack {
    width: fit-content;
    z-index: 15;
}
[b-qgabl1q4w3] .EBizGridComponent{
    box-shadow:none !important;
    padding:22.5px 0 !important;
}

@media (min-width: 788px) {
    .buttonLocation[b-qgabl1q4w3] {
        position: absolute;
        top: -61px;
        width: 100%;
        justify-content: end;
        display: flex;
    }
}
/* _content/EBizCharge.CardholderPortal/Pages/QuickPayments/QuickPayment.razor.rz.scp.css */
[b-zsjpzens0s] .input-field {
    font-family: inherit;
    font-size: 0.875rem;
}

.textfield-styling[b-zsjpzens0s] {
    margin: 0;
    padding: 0;
    width: 83%;
}

.img-styling[b-zsjpzens0s] {
    width: 40px;
    height: 38px;
}


.quickPaymentContainer[b-zsjpzens0s] {
    background-color: var(--colors-fill-grayscale-light-primary);
}

.quickPaymentContentContainer[b-zsjpzens0s] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 32px;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 10px 10px rgba(202, 215, 221, 0.1);
    background-color: white;
}

.cardTotal[b-zsjpzens0s] {
    font-size: 1rem;
}

#ErrorMessage[b-zsjpzens0s] {
    font-weight: bold;
    font-size: 1rem;
}

.quickPaymentAmount[b-zsjpzens0s] {
    flex-grow: 0;
    font-family: halyard-display, sans-serif;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: black;
}

.amount-Btn[b-zsjpzens0s] {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 0;
}
[b-zsjpzens0s] .quickPay_PayNowButton {
    width: 161px !important;
}

.text-style[b-zsjpzens0s] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    text-align: left;
    color: black;
}
.mb-32[b-zsjpzens0s]{
    margin-bottom: 32px;
}
.mb-15[b-zsjpzens0s] {
    margin-bottom: 15px;
}
[b-zsjpzens0s] .quickPayWrapper {
    gap: 32px;
    margin-right: 10px;
}

    [b-zsjpzens0s] .quickPayWrapper .quickPaySummaryCard .card-base {
        height: 100%;
    }

[b-zsjpzens0s] .quickPayWrapperCardBody {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    [b-zsjpzens0s] .quickPayWrapperCardBody .form-group {
        margin-bottom: 0px;
    }

@media(max-width:1198px) {
    .quickPayWrapper[b-zsjpzens0s] {
        flex-direction: column;
    }
}
/* _content/EBizCharge.CardholderPortal/Pages/Registration.razor.rz.scp.css */
.container-fluid[b-8sqt7j9ph1] {
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.Frame[b-8sqt7j9ph1] {
    height: 208px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.userInputFieldDiv .form-control:focus[b-8sqt7j9ph1] {
    outline: none !important;
    border: 1px solid lightgray !important;
    background-color: var(--colors-fill-light-primary) !important;
    box-shadow: none !important;
}


.userInputFieldDiv[b-8sqt7j9ph1] {
    flex-grow: 1;
    display: flex;
    font-size: 14px;
    flex-direction: column;
}

.textCenter[b-8sqt7j9ph1] {
    text-align: center;
    margin-top: 6px !important;
}

.h2-text[b-8sqt7j9ph1] {
    width: 100%;
    text-align: left;
    font-size: 31px;
    font-weight: 800;
    margin-top: -10px;
}

.frame-container[b-8sqt7j9ph1] {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
    max-width: 312px;
    max-height:372px;
    margin: auto;
    transition: all 0.3s ease;
}

.img-fluid[b-8sqt7j9ph1] {
    max-width: 100%;
    height: auto;
}

.companyImage[b-8sqt7j9ph1] {
    height: 32px;
    margin-top: 40px;
    margin-left: 40px;
}

.reset-password-image[b-8sqt7j9ph1] {
    display: block;
    margin: 0 auto 8px;
    width: auto;
    height: auto;
    max-width: 100%;
}

.frame-confirm[b-8sqt7j9ph1] {
    height: 96px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-radius: 12px;
    background-color: #f8f8f8;
}

.HeadingsH6[b-8sqt7j9ph1] {
    font-family: halyard-display, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
}

.h2-text[b-8sqt7j9ph1] {
    width: 100%;
    text-align: left;
    font-size: 31px;
    font-weight: 800;
    margin-top: -10px;
}

.BodyBase[b-8sqt7j9ph1] {
    text-align: left;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--colors-content-primary);
}

.p-text[b-8sqt7j9ph1] {
    text-align: left;
}

.frame-container[b-8sqt7j9ph1] {
    width: 312px;
    height: 372px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin: 50px 0 11px 363px;
    padding: 0;
}

.internal-frame[b-8sqt7j9ph1] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    padding: 0;
}

.TrimBodyMediumTrim[b-8sqt7j9ph1] {
    width: 448px;
    height: 37px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 14px 0;
    color: var(--colors-content-error) !important;
}

.BodyMedium[b-8sqt7j9ph1] {
    width: 160px;
    height: 20px;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

[b-8sqt7j9ph1] .ebiz-btn-black:disabled[b-h5n83ix156] {
    background-color: var(--colors-fill-grayscale-dark-tertiary);
    color: var(--colors-content-inverse-primary);
}

.error-message[b-8sqt7j9ph1] {
    color: var(--colors-content-error);
}

@media (max-width: 576px) {
    .frame-container[b-8sqt7j9ph1] {
        width: 90%;
    }
}

@media (min-width: 576px) and (max-width: 1024px) {
    .frame-container[b-8sqt7j9ph1] {
        width: 50%;
    }
}

/* _content/EBizCharge.CardholderPortal/Pages/Reports/InvoiceList/DueDatesChart.razor.rz.scp.css */
.cardTitle[b-klhn0rz6wu] {
    font-family: halyard-display, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
}

.border-bottom-0[b-klhn0rz6wu] {
    border-bottom: 0 !important;
}

.cardTypeChart[b-klhn0rz6wu] {
    position: relative;
    padding: 0;
    padding-left: 10px;
}

.no-gutters[b-klhn0rz6wu] {
    margin-right: 0;
    margin-left: 0;
}

.cardTypeSpan[b-klhn0rz6wu] {
    white-space: nowrap;
}

.chartDataTransAmount[b-klhn0rz6wu] {
    flex-grow: 0;
    font-family: halyard-display, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.card-body[b-klhn0rz6wu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-img-style[b-klhn0rz6wu] {
    padding: 15px;
    border-radius: 8px;
    background-color: #f2f2f4;
}
.dueDateChartWrapper[b-klhn0rz6wu] {
    padding: 8px 0 0px;
}
.ml-36[b-klhn0rz6wu] {
    margin-left: 36px;
}
.m-h-204[b-klhn0rz6wu] {
    min-height: 204px;
}
.mw-156[b-klhn0rz6wu]{
    min-width: 156px;
}
.Line-142[b-klhn0rz6wu] {
    width: 1px;
    height: 20px;
    background-color: #000;
    margin-left: 4px;
    margin-right: 4px;
}
.mb-12[b-klhn0rz6wu] {
    margin-bottom: 12px;
}
.custom-margin12:not(:last-child)[b-klhn0rz6wu] {
    margin-bottom: 12px;
}
.mb-2px[b-klhn0rz6wu] {
    margin-bottom: 2px;
}
.cardPadding[b-klhn0rz6wu] {
    padding-top: 32px;
    padding-bottom: 18px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Reports/InvoiceList/InvoiceList.razor.rz.scp.css */

.gap-24[b-vkxf9lea0q] {
    gap: 24px;
}
.invoice-iframe[b-vkxf9lea0q] {
    width: 100%;
    height: 99%;
    min-height: 590px;
    border: none;
    overflow: auto;
}
[b-vkxf9lea0q] .flex-fill {
    flex: 1 1 !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/Reports/InvoiceList/StatusesChart.razor.rz.scp.css */
.cardTitle[b-eytu736s7x] {
    font-family: halyard-display, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
}

.border-bottom-0[b-eytu736s7x] {
    border-bottom: 0 !important;
}
.chartOuterDiv[b-eytu736s7x] {
    position: relative;
    padding-left: 16px;
}

.no-gutters[b-eytu736s7x] {
    margin-right: 0;
    margin-left: 0;
}

.cardTypeSpan[b-eytu736s7x] {
    white-space: nowrap;
}

.card-img-style[b-eytu736s7x] {
    padding: 15px;
    border-radius: 8px;
    background-color: #f2f2f4;
}
.statusesChartWrapper[b-eytu736s7x] {
    padding: 8px 0 40px;
}
.Line-142[b-eytu736s7x] {
    width: 1px;
    height: 20px;
    background-color: #000;
    margin-left: 4px;
    margin-right: 4px;
}
.mb-12[b-eytu736s7x] {
    margin-bottom: 12px;
}

.ml-32[b-eytu736s7x] {
    margin-left: 32px;
}

.mb-2px[b-eytu736s7x] {
    margin-bottom: 2px;
}
.cardPadding[b-eytu736s7x] {
    padding-top: 32px;
    padding-bottom: 18px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Reports/PaymentHistory/CardTypeChart.razor.rz.scp.css */
.paidOnTimeLabel[b-2i12et0wlb] {
    font-family: AvenirNext-Regular, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
    float: right;
}

.paidOnTimeValue[b-2i12et0wlb] {
    font-family: AvenirNext-Bold, sans-serif;
    font-size: 1.75rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

[b-2i12et0wlb] .k-chart svg {
    overflow: visible;
}

.cardTitle[b-2i12et0wlb] {
    font-family: halyard-display, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
}
.border-bottom-0[b-2i12et0wlb] {
    border-bottom: 0 !important;
}
.cardTypeChart[b-2i12et0wlb] {
    position: relative;
    padding: 0;
    padding-left: 10px;
}
.no-gutters[b-2i12et0wlb] {
    margin-right: 0;
    margin-left: 0;
}
.cardTypeSpan[b-2i12et0wlb] {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.cardTypeDetail[b-2i12et0wlb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: start;
}
.chartDataTransAmount[b-2i12et0wlb] {
    flex-grow: 0;
    font-family: halyard-display, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}
.card-body[b-2i12et0wlb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-img-style[b-2i12et0wlb] {
    padding: 15px;
    border-radius: 8px;
    background-color: #f2f2f4;
}
.cardTypeChartWrapper[b-2i12et0wlb] {
    padding: 8px 0 0px;
}
.ml-36[b-2i12et0wlb]{
    margin-left: 36px;
}
.m-h-204[b-2i12et0wlb]
{
    min-height: 204px;
}
.mw-156[b-2i12et0wlb] {
    min-width: 156px;
}
.mb-12[b-2i12et0wlb]{
    margin-bottom: 12px; 
}
.custom-margin12:not(:last-child)[b-2i12et0wlb] {
    margin-bottom: 12px;
}
.cardPadding[b-2i12et0wlb] {
    padding-top: 32px;
    padding-bottom: 18px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Reports/PaymentHistory/PaymentHistory.razor.rz.scp.css */
[b-ixj4tt5xez] .k-grid th.k-header {
    vertical-align: middle;
}
.gap-24[b-ixj4tt5xez] {
    gap: 24px;
}
.invoice-iframe[b-ixj4tt5xez] {
    width: 100%;
    height: 99%;
    min-height: 590px;
    border: none;
    overflow: auto;
}
[b-ixj4tt5xez] .flex-fill {
    flex: 1 1 !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/Reports/PaymentHistory/TimelinessChart.razor.rz.scp.css */
.cardTitle[b-d6a1biuyci] {
    font-family: halyard-display, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
}

.border-bottom-0[b-d6a1biuyci] {
    border-bottom: 0 !important;
}
.chartOuterDiv[b-d6a1biuyci] {
    position: relative;
    padding-left : 16px;
}

.no-gutters[b-d6a1biuyci] {
    margin-right: 0;
    margin-left: 0;
}

.cardTypeSpan[b-d6a1biuyci] {
    white-space: nowrap;
}
.card-img-style[b-d6a1biuyci] {
    padding: 15px;
    border-radius: 8px;
    background-color: #f2f2f4;
}
.timelineChartWrapper[b-d6a1biuyci]{
    padding: 8px 0 40px;
}
.Line-142[b-d6a1biuyci] {
    width: 1px;
    height: 20px;
    background-color: #000;
    margin-left: 4px;
    margin-right: 4px;
}
.mb-12[b-d6a1biuyci] {
    margin-bottom: 12px;
}
.ml-32[b-d6a1biuyci]{
    margin-left : 32px;
}
.mb-2px[b-d6a1biuyci]{
    margin-bottom: 2px;
}
.cardPadding[b-d6a1biuyci]{
    padding-top: 32px;
    padding-bottom: 18px;
}
/* _content/EBizCharge.CardholderPortal/Pages/Reports/Reports.razor.rz.scp.css */
[b-5djxxrzcve] .k-tabstrip-content.k-active, [b-5djxxrzcve] .k-tabstrip .k-tabstrip-item {
    background-color: transparent !important;
}

[b-5djxxrzcve] .chartHeader {
    margin-left: 0px;
    margin-right: 0px;
    display: table;
    justify-content: space-between;
}

[b-5djxxrzcve] .chartLabel {
    font-family: "AvenirNext-Regular";
    font-size: 0.875rem;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
    float: right;
    display: table-cell;
    vertical-align: middle;
    margin-top: -12px;
}

[b-5djxxrzcve] .chartLabelValue {
    font-family: "AvenirNext-Bold";
    font-size: 1.75rem;
    padding-left: 1rem;
}

[b-5djxxrzcve] .chartInfo {
    display: table;
}

[b-5djxxrzcve] .chartInfoCentered {
    justify-content: center;
}

[b-5djxxrzcve] .legendRow {
    line-height: 0.8;
}

[b-5djxxrzcve] .chartTitle {
    font-family: 'AvenirNext-Demi';
    font-size: 1rem;
    display: table-cell;
    vertical-align: middle;
}

.reportHeading[b-5djxxrzcve] {
    font-family: HalyardDisplay, sans-serif;
    font-size: 28px;
    font-weight: 500;
}
/* _content/EBizCharge.CardholderPortal/Pages/Reports/SalesOrderList/SalesOrderList.razor.rz.scp.css */
.gap-24[b-h51e7ff79l] {
    gap: 24px;
}
.invoice-iframe[b-h51e7ff79l] {
    width: 100%;
    height: 99%;
    min-height: 590px;
    border: none;
    overflow: auto;
}
[b-h51e7ff79l] .flex-fill {
    flex: 1 1 !important;
}
/* _content/EBizCharge.CardholderPortal/Pages/SalesOrders/CreateOrder/CreateSalesOrder.razor.rz.scp.css */
[b-wtsetj8yvf] .k-disabled {
    background-color: #F2F2F2 !important;
    border-color: #DFDFDF !important;
    color: var(--neutral-color) !important;
}

#createSalesOrder > .card[b-wtsetj8yvf] {
    padding: 1rem;
}

[b-wtsetj8yvf] .salesOrderFieldStyle {
    height: 36px;
}

[b-wtsetj8yvf] .k-input-solid:focus-within {
    box-shadow: none;
}
/* _content/EBizCharge.CardholderPortal/Pages/SalesOrders/CreateOrder/CreateSalesOrderGrid.razor.rz.scp.css */
[b-b8w4qwnalw] .SalesOrderItemGridStyling {
    border: transparent !important;
}

[b-b8w4qwnalw] .k-table-row {
    background-color: white !important;
    border: transparent;
}

[b-b8w4qwnalw] .k-grid-header {
    border-right: transparent !important;
    background-color: white !important;
    padding: 0px;
    border-color: #DFDFDF;
}

[b-b8w4qwnalw] .k-table-td {
    border-left: transparent !important;
    border-right:transparent !important;
}

[b-b8w4qwnalw] .k-grid-content {
    /*scrollbar-width: none !important;*/
    overflow-y: hidden;
    border-color: #DFDFDF;
}

.mediumFontLinkText[b-b8w4qwnalw] {
    font-family: AvenirNext-Medium;
    font-size: 0.875rem;
    color: var(--link-color);
    cursor: pointer;
}

.createOrderLinkText[b-b8w4qwnalw] {
    font-family: AvenirNext-Demi;
    cursor: pointer;
    background-color: transparent;
    text-decoration: none;
    color: #525253;
}

[b-b8w4qwnalw] .bodyTextItalics {
    font-style: italic;
}

[b-b8w4qwnalw] .k-numerictextbox .k-input-inner {
    text-align: right;
}

.errorMessage[b-b8w4qwnalw] {
    color: #e02020 !important;
    font-family: "AvenirNext-Regular" !important;
    font-size: 0.875rem !important;
}

[b-b8w4qwnalw] .k-svg-i-reorder {
    color: var(--nav-neutral);
    height: 25px !important;
    width: 25px !important;
}

[b-b8w4qwnalw] .k-drag-cell {
    padding-left: 0px !important;
}

[b-b8w4qwnalw] .k-grid th.align-right {
    text-align: right;
}

[b-b8w4qwnalw] .k-grid th.align-center {
    text-align: center;
}

.align-center[b-b8w4qwnalw] {
    text-align: center;
}

.align-right[b-b8w4qwnalw] {
    text-align: right;
}

[b-b8w4qwnalw] .k-svg-i-reorder svg path {
    visibility: hidden;
}

[b-b8w4qwnalw] .k-svg-i-reorder svg {
    background-image: url('/Images/Row_Hamburger_Icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* _content/EBizCharge.CardholderPortal/Pages/SalesOrders/ManageOrder/ManageOrdersGrid.razor.rz.scp.css */
.statusApprovedIndicator[b-07qleoyprx] {
    width: 6.7px;
    height: 6.7px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #90CF48;
    float: left;
}

.statusRejectedIndicator[b-07qleoyprx] {
    width: 6.7px;
    height: 6.7px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #E02020;
    float: left;
}

.statusPendingIndicator[b-07qleoyprx] {
    width: 6.7px;
    height: 6.7px;
    margin: 5px 5px 5px 0;
    border-radius: 25px;
    background-color: #C2C7CB;
    float: left;
}

[b-07qleoyprx] .k-grid.ebcGrid td:last-child {
    overflow: visible;
}

    [b-07qleoyprx] .k-grid.ebcGrid td:last-child:has(ul.action-menu.visibleActionsDropdown) {
        z-index: 1000;
    }
/* _content/EBizCharge.CardholderPortal/Pages/SalesOrders/ManageOrder/ManageSalesOrder.razor.rz.scp.css */
.cardHorizontalPadding[b-sf40o21xkr] {
	padding-right: 1rem;
	padding-left: 1rem;
}
/* _content/EBizCharge.CardholderPortal/Pages/SalesOrders/SalesOrderActionsDropdown.razor.rz.scp.css */
.action-menu[b-kntqp4iayj] {
    padding-left: 0px;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: white;
    margin-left: -100px;
    width: 130px;
}

.dropdown-item[b-kntqp4iayj] {
    padding: 10px 15px;
    cursor: pointer;
}

.dots-toggle[b-kntqp4iayj] {
    cursor: pointer;
}

.dropdown-item:not(:last-child)[b-kntqp4iayj] {
    border: solid;
    border-color: rgba(0, 0, 0, 0.15);
    border-width: 0px 0px 1px 0px;
}

.dropdownText[b-kntqp4iayj] {
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 14px;
}
/* _content/EBizCharge.CardholderPortal/Pages/SalesOrders/SalesOrders.razor.rz.scp.css */
[b-r4get176ky] .ebcInnerTabstrip {
	background-color: transparent !important;
}

[b-r4get176ky] .k-tabstrip-content {
	background-color: transparent;
}

[b-r4get176ky] .datePickerStyling:focus-within {
	box-shadow: 0 0 0 0.1rem rgba(13, 110, 253, 0.25) !important;
	border: 1px solid;
}
/* _content/EBizCharge.CardholderPortal/Pages/SelectPayInvoices/ChooseCredits.razor.rz.scp.css */
[b-01kq89ecos] .align-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

[b-01kq89ecos] .k-checkbox-wrap {
    align-self: unset !important;
}


@media (max-width: 430px) {
    .mobileStyling[b-01kq89ecos] {
        flex-direction: column;
    }

    [b-01kq89ecos] .conditionalWidthStyle {
        width: 100%;
    }
}

@media (min-width: 431px) {
    [b-01kq89ecos] .conditionalWidthStyle {
        width: 100px;
    }
}

.credits-content[b-01kq89ecos] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-top:0 !important;
}

[b-01kq89ecos] .text-box {
    height: 42px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11px 16px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #f2f2f4;
}

.link-Text[b-01kq89ecos] {
    margin-left: 5px;
    color: #3c8ce5;
}

.credit-row[b-01kq89ecos] {
    margin-left: 0px !important;
    margin-right: 0px !important;
    gap: 8px;
}

.credit-span[b-01kq89ecos] {
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
}

.credit-row-margin[b-01kq89ecos] {
    margin-left: 0px !important
}
/* _content/EBizCharge.CardholderPortal/Pages/SelectPayInvoices/CreditGrid.razor.rz.scp.css */

[b-sbapkq795u] .applyButton {
    width: 186px;
}

.creditGridFooter[b-sbapkq795u] {
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
}

.credit-grid[b-sbapkq795u] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.credit-row[b-sbapkq795u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px;
}

.button-row[b-sbapkq795u] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.tableLabel[b-sbapkq795u] {
    display: inline-block;
    width: 150px;
    text-align: right;
    vertical-align: top;
}

.tableValue[b-sbapkq795u] {
    display: inline-block;
}

[b-sbapkq795u] .EBizGridComponent {
    border-radius: 12px !important;
    box-shadow: none !important;
}

[b-sbapkq795u] .creditAmountInput {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11px 16px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-grayscale-light-tertiary);
}
[b-sbapkq795u] .gridPagerWrapper{
    display:none;
}

@media (max-width: 600px) {
    .creditGridFooter[b-sbapkq795u] {
        flex-direction: column;
        align-items: center;
    }

    .applyButton[b-sbapkq795u] {
        width: 100%;
    }

    [b-sbapkq795u] .applyButton {
        width: 100%;
    }
}
/* _content/EBizCharge.CardholderPortal/Pages/SelectPayInvoices/InvoiceSelection.razor.rz.scp.css */
.mobileTotalPaymentTextLayout[b-ea3e75abrm] {
    display: flex;
    justify-content: space-between;
}

.Payment-Terms-Modals[b-ea3e75abrm] {
    width: 436px;
    height: 274px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 32px;
    border-radius: 12px;
    box-shadow: 0 4px 20px 5px rgba(0, 0, 0, 0.08);
    background-color: var(--colors-fill-grayscale-light-primary);
}

.Dialog-btn[b-ea3e75abrm] {
    width: 31px;
    height: 9px;
    flex-grow: 0;
    font-family: HalyardDisplay;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.text-bold[b-ea3e75abrm] {
    font-weight: bold;
    text-align: center;
}


.invoice-view[b-ea3e75abrm] {
    border-radius: 25px;
    display: none; /* Default to hidden */
    position: fixed;
    width: 85%;
    height: 90%;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    border: 1px solid grey;
}

    /* Show invoice view when InvoiceDisplay is true */
    .invoice-view.show[b-ea3e75abrm] {
        display: block;
        z-index: 2;
    }

.close-button[b-ea3e75abrm] {
    width: 40px;
    cursor: pointer;
}

.invoice-iframe[b-ea3e75abrm] {
    width: 100%;
    height: 99%;
    min-height: 590px;
    border: none;
    overflow: auto;
}

.invoice-container[b-ea3e75abrm] {
    row-gap: 16px;
}

/* Mobile view */
.mobile-view[b-ea3e75abrm] {
    display: flex;
    flex-direction: column;
}

/* Desktop view */
.desktop-view[b-ea3e75abrm] {
    display: flex;
    flex-wrap: wrap;
}

.label-padding[b-ea3e75abrm] {
    padding-left: 16px;
}

.invoice-icon[b-ea3e75abrm] {
    width: 18px;
    height: 16px;
}

.terms-link[b-ea3e75abrm] {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.no-record[b-ea3e75abrm] {
    text-align: center;
}

.no-record-image[b-ea3e75abrm] {
    height: 180px;
}

.no-record-text[b-ea3e75abrm] {
    font-weight: bold;
    font-family: 'AvenirNext-Demi';
}

@media (max-width: 430px) {
    [b-ea3e75abrm] .conditionalWidthStyle {
        width: 100%;
    }

    .totalPaymentAmountText[b-ea3e75abrm] {
        font-family: AvenirNext-Medium !important;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }
}
/* _content/EBizCharge.CardholderPortal/Pages/SelectPayInvoices/SelectPayInvoices.razor.rz.scp.css */
.row[b-999y1geqre] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
}

.custom-position[b-999y1geqre] {
    position: absolute;
    top: 50%;
    left: 25%;
    padding-top: 50px;
}

.col[b-999y1geqre] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding-top: 20px;
}

.card-container[b-999y1geqre] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.card-content[b-999y1geqre] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.card-title-view[b-999y1geqre] {
    font-family: HalyardDisplay, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #0a0a0a;
}

.card-title-manage[b-999y1geqre] {
    font-size: 16px;
    font-weight: 500;
    padding-right: 145px
}

.card-info[b-999y1geqre] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-icon[b-999y1geqre] {
    width: 32px;
    height: 32px;
    flex-grow: 0;
    margin-top: -12px
}

.card-amount[b-999y1geqre] {
    font-size: 28px;
    font-weight: 600
}

.reviewPaymentStyleWrapper[b-999y1geqre] {
    gap: 24px;
}

[b-999y1geqre] .payNowButton {
    width: 100px;
}

.stepper-layout-container[b-999y1geqre] {
    display: flex;
    flex-direction: row;
    gap: 32px;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-top: 24px;
}

.stepper-panel[b-999y1geqre] {
    flex: 0 1 0px;
    min-width: 260px;
    padding: 16px;
}

.step-content-panel[b-999y1geqre] {
    min-width: 250px;
    position: relative;
    right: 16px;
    width: 100%;
}

[b-999y1geqre] .payinvoices-info-cards-wrap .ebiz-hyperlink-brandblue {
    height: 11px;
}

[b-999y1geqre] .customHeadingWidth {
    width: 116.5px;
}

[b-999y1geqre] .margin24px {
    margin: 24px 0;
    height: 1px;
    align-self: stretch;
    flex-grow: 0;
    transform: rotate(-180deg);
    background-color: var(--colors-stroke-light);
}

@media (max-width: 844px) {
    :: deep h1[b-999y1geqre] {
        font-size: 1.5em;
    }
}

@media (max-width: 430px) {
    [b-999y1geqre] h1 {
        margin-bottom: 24px;
    }

    [b-999y1geqre] .mobileScreenVariablePadding {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.step-container[b-999y1geqre] {
    display: flex;
    max-width: 100%;
    gap: 24px
}

.stepper-container[b-999y1geqre] {
    display: flex;
    gap: 8px;
    padding: 0 16px;
}

.step-content-container[b-999y1geqre] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background-color: var(--colors-fill-grayscale-light-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-width: 1410px;
    padding: 0;
    padding-bottom: 16px;
}


.displayNone[b-999y1geqre] {
    display: none;
}

p[b-999y1geqre] {
    margin-top: 18px;
    margin-bottom: 0rem;
}

.card-margin[b-999y1geqre] {
    margin: 5px;
}

.bg-light[b-999y1geqre] {
    background-color: var(--colors-fill-grayscale-light-primary) !important;
}

.Btn-section[b-999y1geqre] {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 0;
    margin-top: 24px;
}

.card-margin[b-999y1geqre] {
    margin: 5px;
    width: 100%;
}

.cardTotal[b-999y1geqre] {
    font-family: proxima-nova, sans-serif;
    font-size: 1.625rem;
    font-weight: 600;
    letter-spacing: normal;
    color: #000000;
}

[b-999y1geqre] .ifGridClass .EBizGridComponent .ebizgrid {
    display: inline-grid !important;
}

[b-999y1geqre] .sidebar-fixed-width {
    width: 260px;
}

@media(max-width:767px) {
    .selectPayInvoiceCards .cardWrap.card1[b-999y1geqre] {
        padding-right: 8px !important;
    }

    .selectPayInvoiceCards .cardWrap.card2[b-999y1geqre] {
        padding-right: 0px !important;
    }

    .selectPayInvoiceCards .cardWrap.card3[b-999y1geqre] {
        padding-left: 0px !important;
        padding-top: 16px !important;
    }

    .selectPayInvoiceCards .cardWrap.card4[b-999y1geqre] {
        padding-top: 16px !important;
    }
}

@media(max-width:575px) {
    .selectPayInvoiceCards .cardWrap.card1[b-999y1geqre] {
        padding-right: 0px !important;
    }

    .selectPayInvoiceCards .cardWrap.card2[b-999y1geqre] {
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-top: 16px !important;
    }

    .selectPayInvoiceCards .cardWrap.card3[b-999y1geqre] {
        padding-left: 0px !important;
        padding-top: 16px !important;
    }

    .selectPayInvoiceCards .cardWrap.card4[b-999y1geqre] {
        padding-top: 16px !important;
        padding-left: 0px !important;
    }
}

.custom-container[b-999y1geqre] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

[b-999y1geqre] .cardInfoBody {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (min-width: 576px) {
    .custom-container[b-999y1geqre] {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .custom-container[b-999y1geqre] {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .custom-container[b-999y1geqre] {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .custom-container[b-999y1geqre] {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .custom-container[b-999y1geqre] {
        max-width: 1320px;
    }
}

/* Custom breakpoints beyond Bootstrap's default */
@media (min-width: 1600px) {
    .custom-container[b-999y1geqre] {
        max-width: 1500px;
    }
}

.payinvoices-info-cards[b-999y1geqre] {
    width: 25%;
}

@media (min-width: 1920px) {
    .custom-container[b-999y1geqre] {
        max-width: 1375px;
    }
}

@media (min-width: 2200px) {
    .custom-container[b-999y1geqre] {
        max-width: 100%;
    }
}

/*=======*/
@media(max-width:1500px) {
    .payinvoices-info-cards[b-999y1geqre] {
        width: 100% !important;
        margin-top: 16px;
    }

    .payinvoices-info-cards-wrap[b-999y1geqre] {
        flex-wrap: wrap !important;
    }
}

@media(max-width:1368px) {
    .stepper-layout-container[b-999y1geqre] {
        flex-direction: column;
        gap: 0;
        margin-left: 0px;
    }
}

@media(max-width:1091px) {
    .step-content-panel[b-999y1geqre] {
        min-width: auto !important;
    }
}

.gap-16px[b-999y1geqre] {
    gap: 16px;
}

.gap-32px[b-999y1geqre] {
    gap: 32px;
}
/* _content/EBizCharge.CardholderPortal/Pages/SelectPayOrders/OrderSelection.razor.rz.scp.css */
.order-iframe[b-b3k44yfii2] {
    width: 100%;
    height: 99%;
    min-height: 590px;
    border: none;
    overflow: auto;
}
/* _content/EBizCharge.CardholderPortal/Pages/SelectPayOrders/SelectPayOrders.razor.rz.scp.css */
[b-k3v8pdw57g] .modalShow {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.mobileTotalPaymentTextLayout[b-k3v8pdw57g] {
    display: flex;
    justify-content: space-between;
}

[b-k3v8pdw57g] .mobileScreenVariablePadding {
    padding-top: 24px;
    padding-bottom: 24px;
}

.flex-basis-card[b-k3v8pdw57g] {
    min-width: 260px;
    flex: 1 1 260px;
}

.Btn-section[b-k3v8pdw57g] {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 0;
    margin-top: 24px;
}
[b-k3v8pdw57g] .payNowButton {
    width: 161px;
}
[b-k3v8pdw57g] .EBizGridComponent[b-cr6c3knwlc] {
    padding: 16px !important;
    box-shadow: none !important;
}

.displayNone[b-k3v8pdw57g] {
    display: none;
}

.OrderCardTotal[b-k3v8pdw57g] {
    font-family: halyard-display, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.Btn-section-gap[b-k3v8pdw57g] {
    display: flex;
    gap: 12px;
}

.payorders-info-cards[b-k3v8pdw57g] {
    width: 50%;
}

.card-info[b-k3v8pdw57g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stepper-layout-container[b-k3v8pdw57g] {
    display: flex;
    flex-direction: row;
    gap: 32px;
    padding: 16px;
    flex-wrap: nowrap;
}

.stepper-panel[b-k3v8pdw57g] {
    flex: 0 1 0px;
    min-width: 260px;
    padding: 16px;
}

.step-content-panel[b-k3v8pdw57g] {
    min-width: 250px;
    position: relative;
    right: 16px;
    width: 100%;
}
[b-k3v8pdw57g] .payinvoices-info-cards-wrap .ebiz-hyperlink-brandblue {
    height: 11px;
}

[b-k3v8pdw57g] .ifGridClass .EBizGridComponent .ebizgrid {
    display: inline-grid !important;
}
.reviewPaymentStyleWrapper[b-k3v8pdw57g] {
    gap: 24px;
}
[b-k3v8pdw57g] .margin24px {
    margin: 24px 0;
    height: 1px;
    align-self: stretch;
    flex-grow: 0;
    transform: rotate(-180deg);
    background-color: var(--colors-stroke-light);
}
@media(max-width:1500px) {
    .payorders-info-cards[b-k3v8pdw57g] {
        width: 100% !important;
        margin-top: 16px;
    }

    .payinvoices-info-cards-wrap[b-k3v8pdw57g] {
        flex-wrap: wrap !important;
    }
}

@media(max-width:1368px) {
    .stepper-layout-container[b-k3v8pdw57g] {
        flex-direction: column;
        gap: 0;
        margin-left: 0px;
    }
}

@media(max-width:1091px) {
    .step-content-panel[b-k3v8pdw57g] {
        min-width: auto !important;
    }
}

.pt-22px[b-k3v8pdw57g] {
    padding-top: 22px;
}

.gap-16px[b-k3v8pdw57g] {
    gap: 16px;
}

.gap-32px[b-k3v8pdw57g] {
    gap: 32px;
}
[b-k3v8pdw57g] .cardInfoBody {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
[b-k3v8pdw57g] .customHeadingWidth {
    width: 523px;
}

/* _content/EBizCharge.CardholderPortal/Shared/CustomerSelectionDropdown.razor.rz.scp.css */
.customerSelection[b-2l2ps6m6zk] {
    display: flex;
    justify-content: center;
    padding-top: 2px;
}

.customerNameDisplay[b-2l2ps6m6zk] {
    text-align: center;
    color: var(--nav-primary);
    font-family: "AvenirNext-Medium";
    cursor: pointer;
    width: fit-content;
    text-overflow: ellipsis;
    display: flex;
    column-gap: 4px;
    align-items: center;
}

.customerNameText[b-2l2ps6m6zk] {
    max-width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.centered-list[b-2l2ps6m6zk] {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: left;
    z-index: 1000;
    background-color: white;
    width: 225px;
    font-family: "AvenirNext-Regular, sans-serif";
    font-size: 14px;
    color: var(--neutral-color);
}

    div.centered-list ul[b-2l2ps6m6zk] {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    div.centered-list li[b-2l2ps6m6zk] {
        padding: 6px 10px;
    }

        div.centered-list li:hover:not(.selectedCustomer)[b-2l2ps6m6zk] {
            background-color: #e9ecef;
            cursor: pointer;
        }

        div.centered-list li.selectedCustomer[b-2l2ps6m6zk] {
            font-family: "AvenirNext-Demi";
        }

.customer-dropdown-div[b-2l2ps6m6zk] {
    display: block;
    position: relative;
}

.dropDown-Searh-input[b-2l2ps6m6zk] {
    width: 100%;
    padding: 5px;
}

.dropDown-list[b-2l2ps6m6zk] {
    position: absolute;
    max-height: 300px;
    overflow: auto;
    background: white;
    z-index: 1000;
}

.dropDown-heading[b-2l2ps6m6zk] {
    display: inline;
}
/* _content/EBizCharge.CardholderPortal/Shared/MainLayout.razor.rz.scp.css */
.page[b-w1m65glmro] {
    position: relative;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    flex-grow: 1;
}

.mainContent[b-w1m65glmro] {
    padding:24px;
}

main[b-w1m65glmro] {
    flex: 1;
}

#pageContent[b-w1m65glmro] {
    width: 100%; 
    height: 100vh;
}

.top-row[b-w1m65glmro] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-w1m65glmro], article[b-w1m65glmro] {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }

    .top-row[b-w1m65glmro]  a, .top-row .btn-link[b-w1m65glmro] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-w1m65glmro] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-w1m65glmro] {
        display: none;
    }

    .top-row.auth[b-w1m65glmro] {
        justify-content: space-between;
    }

    .top-row a[b-w1m65glmro], .top-row .btn-link[b-w1m65glmro] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {

    .top-row[b-w1m65glmro] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}

/*Mobile Layout*/
@media (max-width: 430px) {
    .top-row[b-w1m65glmro], article[b-w1m65glmro] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .mainContent[b-w1m65glmro] {
        padding:24px;
    }


    .page[b-w1m65glmro] {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}


.main-panel[b-w1m65glmro]{
    display:flex;
    width:100%;
    height: 100vh;
    overflow-y: scroll;
}
.left-panel[b-w1m65glmro]{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:start;
}