@import '_content/CBS.Component.Library/CBS.Component.Library.95m5pi00jd.bundle.scp.css';
@import '_content/EBizChargeComponentLibrary/EBizChargeComponentLibrary.qrthzydmvt.bundle.scp.css';

/* /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;
    margin-bottom: 0;
}

[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;
}

@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] .btn-medium {
        width: 100%;
    }

    [b-monapnd6m8] .autoPaymentForm .k-form-layout.k-d-grid.k-grid-cols-2,
    [b-monapnd6m8] .autoPaymentForm .k-form-layout.k-d-grid.k-grid-cols-3 {
        column-gap: 1px !important;
    }
}

[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);
    cursor: pointer !important;
    font-family: 'ProximaNova', sans-serif !important;
    font-size: 14px;
}

[b-monapnd6m8] .floating-date-picker .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;
}

[b-monapnd6m8] .k-grid-cols-3, [b-monapnd6m8] .k-grid-cols-1 {
    gap: 16px;
    padding-bottom: 16px;
}

[b-monapnd6m8] .k-input-suffix.k-input-suffix-horizontal {
    padding-right: 16px;
}

/* /Pages/AutoPayments/AutoPaymentPage.razor.rz.scp.css */
.autoPayTerms[b-iy9nbb9t8q] {
    font-family: proxima-nova, 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;
}


.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;
}
/* /Pages/AutoPayments/AutoPayments.razor.rz.scp.css */
.autoPayTerms[b-1puzftze2c] {
    font-family: proxima-nova, 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;
}

[b-1puzftze2c] .EBizGridComponent {
    padding: 16px !important;
}

[b-1puzftze2c] .gridSettings {
    justify-content: flex-start;
}

.date-filters[b-1puzftze2c] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: fit-content;
}

@media (max-width: 768px) {
    .date-filters[b-1puzftze2c] {
        flex-wrap: wrap;
    }
}

.date-filter-grid-container[b-1puzftze2c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

[b-1puzftze2c] .payment-status-dropdown {
    max-width: 200px;
}
.NoDataTemplate[b-1puzftze2c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}
@media (max-width: 480px) {
    .date-filters[b-1puzftze2c] {
        flex-wrap: wrap;
    }

    [b-1puzftze2c] .payment-status-dropdown {
        max-width: 100% !important;
        width: 100% !important;
    }

    .date-filters[b-1puzftze2c]  .btn-medium {
        width: 100% !important;
    }

    [b-1puzftze2c] #ebiz-textboxComponent {
        width: 100% !important;
    }

    [b-1puzftze2c] .ebizTooltip .k-input-md {
        width: 100% !important;
    }

    [b-1puzftze2c] .k-form-fieldset .k-form-field.form-item .datePickerMainWrapper {
        width: 100% !important;
    }

    [b-1puzftze2c] .k-form-fieldset .k-form-field.form-item:nth-child(2) {
        margin-left: 10px;
    }

    [b-1puzftze2c] .k-form-fieldset .k-form-field.form-item:last-child {
        margin: 8px 0 16px;
    }

    [b-1puzftze2c] .datePickerMainWrapper {
        width: 120px !important;
        min-width: 120px !important;
        flex-grow: 1 !important;
    }

    .card-view[b-1puzftze2c] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 2px 10px;
    }


    .fixed-invoice[b-1puzftze2c] {
        background: #fff;
        border-radius: 8px;
        border: 1px solid var(--colors-stroke-light);
        padding: 16px;
        margin-bottom: 16px;
    }

        .fixed-invoice .invoice-details[b-1puzftze2c] {
            display: none;
        }

        .fixed-invoice.is-open .invoice-details[b-1puzftze2c] {
            display: grid;
            grid-template-columns: auto 1fr;
        }

        .fixed-invoice.is-selected[b-1puzftze2c] {
            border-color: var(--colors-stroke-active);
        }
}

.date-filters[b-1puzftze2c]  svg path {
    fill: var(--colors-content-secondary);
}

[b-1puzftze2c] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-master-row:hover .k-grid-content-sticky[b-1puzftze2c] {
    background-color: #ffffff !important;
}

[b-1puzftze2c] .k-grid .k-grid-norecords td:focus,
[b-1puzftze2c] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}

[b-1puzftze2c] .grid-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 100%;
    display: block;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    height: 25px;
    align-content: center;
}

[b-1puzftze2c] .FilterBodyBase {
    font-family: ProximaNova, Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    margin-top: 0px !important;
}

[b-1puzftze2c] .grid-truncate {
    white-space: nowrap;
    overflow: visible;
    text-overflow: unset;
    width: auto;
    max-width: none;
    display: block;
}

[b-1puzftze2c] .statusColumnHeader-center .k-link {
    justify-content: center;
}

.card-view[b-1puzftze2c] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
}

.invoice-list[b-1puzftze2c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


    .invoice .invoice-details[b-1puzftze2c] {
        display: none;
    }

    .invoice.is-open .invoice-details[b-1puzftze2c] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

.rowSelectedContent[b-1puzftze2c] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-1puzftze2c] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}
/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-1puzftze2c] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

[b-1puzftze2c] .mobileGridPagerWrapper .k-pager-info {
    display: none;
}
[b-1puzftze2c] .mobileGridPagerWrapper button[aria-label="More pages"] {
    display: none !important;
}
[b-1puzftze2c] .gridPagerWrapper div.k-pager {
    justify-content: flex-start;
}

[b-1puzftze2c] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-1puzftze2c] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-1puzftze2c] .k-button-flat::after {
    box-shadow: none;
}

[b-1puzftze2c] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-1puzftze2c] .k-pager-nav::before,
    [b-1puzftze2c] .k-pager-nav:hover,
    [b-1puzftze2c] .k-pager-nav:hover::before,
    [b-1puzftze2c] .k-pager-nav:active,
    [b-1puzftze2c] .k-pager-nav:active::before,
    [b-1puzftze2c] .k-pager-nav:focus,
    [b-1puzftze2c] .k-pager-nav:focus::before,
    [b-1puzftze2c] .k-pager-nav:focus-within,
    [b-1puzftze2c] .k-pager-nav:focus-within::before,
    [b-1puzftze2c] .k-pager-nav:target,
    [b-1puzftze2c] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-1puzftze2c] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-1puzftze2c] .k-pager-numbers {
    gap: 8px;
}

    [b-1puzftze2c] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-1puzftze2c] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-1puzftze2c] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-1puzftze2c] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

        [b-1puzftze2c] .k-pager-numbers button.k-selected span.k-button-text {
            color: var(--colors-content-brand-dark);
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.75;
            text-align: center;
        }

[b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes {
    display: block !important;
}

    [b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }

        [b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }

    [b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

        [b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist {
            padding: 10px;
            width: auto;
            height: 36px;
            margin: 0px;
            border-radius: 8px;
            border: solid 1px var(--colors-stroke-light);
            background-color: var(--colors-fill-primary);
            box-shadow: none;
        }

            [b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist span.k-input-inner {
                padding: 0px;
                align-items: center;
                justify-content: center;
            }

            [b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist button.k-icon-button {
                padding: 0px;
            }

                [b-1puzftze2c] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                    background-color: #fff !important;
                }

[b-1puzftze2c] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-1puzftze2c] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-1puzftze2c] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-1puzftze2c] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-1puzftze2c] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-1puzftze2c] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/

/* =============== Scheduled Tab Mobile Grid CSS =============== */

.card-view[b-1puzftze2c] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
}

.row-title[b-1puzftze2c] {
    display: flex;
    justify-content: flex-start;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-1puzftze2c] {
    display: flex;
    justify-content: flex-end;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}
.row-value-cards[b-1puzftze2c]{
    align-items: center;
}

.invoice-list[b-1puzftze2c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.invoice[b-1puzftze2c] {
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--colors-stroke-light);
    padding: 16px;
}

    .invoice .invoice-details[b-1puzftze2c] {
        display: none;
    }

    .invoice.is-open .invoice-details[b-1puzftze2c] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

.rowSelectedContent[b-1puzftze2c] {
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-1puzftze2c] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

/*=======Search and Filters======start====*/
.searchAndFilter[b-1puzftze2c] {
    display: flex;
    gap: 8px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-1puzftze2c] {
        display: flex;
        flex-grow: 1;
    }

.paymentHistorySearchAndFilter[b-1puzftze2c] {
    display: flex;
    gap: 8px;
    width: auto;
    margin-bottom: 16px;
}

    .paymentHistorySearchAndFilter .searchTextBoxWrap[b-1puzftze2c] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-1puzftze2c] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}

.badgesBar[b-1puzftze2c] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.crossIcon[b-1puzftze2c] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-1puzftze2c] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/
[b-1puzftze2c] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}

[b-1puzftze2c] .filter-button {
    border-radius: 6px 0 0 6px !important;
}
/* /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;
}

@media (max-width: 480px) {
    .auto-btn-section[b-k8rhwmg4le] {
        flex-direction: column;
        align-items: stretch;
    }
    [b-k8rhwmg4le] .Toast .k-notification {
        width: 350px;
    }
}

[b-k8rhwmg4le] .autoPaymentSuccessDesktop.successToast.Toast .k-notification {
    box-shadow: inset 0 3px 0 0 var(--colors-fill-success-light-green), 0 4px 20px 5px rgba(0, 0, 0, 0.08) !important;
}

[b-k8rhwmg4le] .autoPaymentSuccessMobile .k-notification,
[b-k8rhwmg4le] .autoPaymentSuccessMobile.k-notification {
    box-shadow: inset 3px 0 0 0 var(--colors-fill-success-light-green), 0 4px 20px 0 rgba(0, 0, 0, 0.08) !important;
}
/* /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);
}
.surcharge-note[b-auuw74imfd] {
    font-family: ProximaNova, 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);
}

.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;
    margin-top: 32px;
}

[b-auuw74imfd] .payment-method svg g path {
    stroke: var(--colors-content-link);
}
@media (max-width: 480px) {
    [b-auuw74imfd] .Toast .k-notification {
        width: 350px;
    }
}
/* /Pages/AutoPayments/EditAutoPaymentModal.razor.rz.scp.css */
span[b-9vu918jkwj] {
    font-family: proxima-nova, 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;
}
/* /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;
}
.enrollAndScheduledTabs[b-o1rmk4p1mv] {
    margin-top: 24px;
}
.enrollAndScheduledTabsContent[b-o1rmk4p1mv]{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap:16px;
}

.vertical-flex[b-o1rmk4p1mv] {
    display: flex;
    flex-direction: column;
    gap: 16px; /* spacing between items */
}

.sendReceiptToRow[b-o1rmk4p1mv] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.checkbox-align[b-o1rmk4p1mv] {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: -24px;
}
[b-o1rmk4p1mv] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-master-row:hover .k-grid-content-sticky[b-o1rmk4p1mv] {
    background-color: #ffffff !important;
}

[b-o1rmk4p1mv] .k-grid .k-grid-norecords td:focus,
[b-o1rmk4p1mv] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* /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%;
}

@media (max-width: 480px) {
    [b-1bfoxai3t6] .k-form-fieldset {
        width: 100% !important;
    }

    [b-1bfoxai3t6] .k-d-grid {
        display: flex !important;
    }

    .invoiceAutoPaymentsEnrollContainer[b-1bfoxai3t6]  .ebiz-btn-primary.btn-medium {
        width: 100% !important;
    }
}

.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: proxima-nova, sans-serif;
    font-style: normal;
    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;
    flex-wrap: wrap;
}

.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;
}

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

[b-1bfoxai3t6] .sendReceiptToRow-inv {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

    [b-1bfoxai3t6] .sendReceiptToRow-inv 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%;
}

[b-1bfoxai3t6] .k-form .k-form-fieldset {
    margin: 0 !important;
}

    [b-1bfoxai3t6] .k-form .k-form-fieldset .k-form-legend {
        display: none !important;
    }

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

.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;
}

[b-1bfoxai3t6] .custom-label-class.k-floating-label-container.k-disabled {
    opacity: 1;
}

.enrollAndScheduledTabsContent[b-1bfoxai3t6] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 16px;
}

.vertical-flex[b-1bfoxai3t6] {
    display: flex;
    flex-direction: column;
    gap: 16px; /* spacing between items */
}

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

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

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

[b-1bfoxai3t6] .form-group {
    padding: 0px !important;
    margin: 0;
}

[b-1bfoxai3t6] .ebiz-hyperlink-truncate {
    display: flex;
    align-items: center;
    gap: 4px;
}

@media(max-width:991px) {
    .bannerStyle[b-1bfoxai3t6] {
        width: auto;
        height: auto;
    }
}
/* /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: 0px !important;
}

.date-filters[b-9zuy8iiwek] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: fit-content;
}

[b-9zuy8iiwek] .pill-default .Trim {
    text-box-trim: none;
}

[b-9zuy8iiwek] .k-grid .k-grid-norecords td:focus,
[b-9zuy8iiwek] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}

[b-9zuy8iiwek] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-master-row:hover .k-grid-content-sticky[b-9zuy8iiwek] {
    background-color: #ffffff !important;
}

[b-9zuy8iiwek] .mobileGridPagerWrapper button[aria-label="More pages"] {
    display: none !important;
}

@media (max-width: 480px) {
    .date-filters[b-9zuy8iiwek] {
        flex-wrap: wrap;
    }

    [b-9zuy8iiwek] .payment-status-dropdown {
        max-width: 100% !important;
        width: 100% !important;
    }

    .date-filters[b-9zuy8iiwek]  .btn-medium {
        width: 100% !important;
    }

    [b-9zuy8iiwek] #ebiz-textboxComponent {
        width: 100% !important;
    }

    [b-9zuy8iiwek] .ebizTooltip .k-input-md {
        width: 100% !important;
    }

    [b-9zuy8iiwek] .gridSettings {
        justify-content: flex-start;
    }

    .card-view[b-9zuy8iiwek] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 2px 10px;
    }

    .row-title[b-9zuy8iiwek] {
        display: flex;
        justify-content: flex-start;
        font-family: proxima-nova, sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: normal;
        text-align: left;
        color: var(--colors-content-secondary);
    }

    .row-value[b-9zuy8iiwek] {
        display: flex;
        justify-content: flex-end;
        font-family: proxima-nova, sans-serif;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: normal;
        text-align: right;
        color: var(--colors-content-primary);
    }

    .invoice[b-9zuy8iiwek] {
        background: #fff;
        border-radius: 12px;
        border: 1px solid var(--colors-stroke-light);
        padding: 16px;
    }

        .invoice .invoice-details[b-9zuy8iiwek] {
            display: none;
        }

        .invoice.is-open .invoice-details[b-9zuy8iiwek] {
            display: grid;
            grid-template-columns: auto 1fr;
        }

        .invoice.is-selected[b-9zuy8iiwek] {
            border-color: var(--colors-stroke-active);
        }

    [b-9zuy8iiwek] .datePickerMainWrapper {
        width: 120px !important;
        min-width: 120px !important;
        flex-grow: 1 !important;
    }
}

.date-filter-grid-container[b-9zuy8iiwek] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-9zuy8iiwek] .payment-status-dropdown {
    max-width: 200px;
}

.date-filters[b-9zuy8iiwek]  svg path {
    fill: var(--colors-content-secondary);
}

[b-9zuy8iiwek] .k-grid .k-grid-norecords td:focus,
[b-9zuy8iiwek] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}

.rowSelectedContent[b-9zuy8iiwek] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-9zuy8iiwek] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

.NoDataTemplate[b-9zuy8iiwek] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}
/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-9zuy8iiwek] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
}

[b-9zuy8iiwek] .mobileGridPagerWrapper .k-pager-info {
    display: none;
}

[b-9zuy8iiwek] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-9zuy8iiwek] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-9zuy8iiwek] .k-button-flat::after {
    box-shadow: none;
}

[b-9zuy8iiwek] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-9zuy8iiwek] .k-pager-nav::before,
    [b-9zuy8iiwek] .k-pager-nav:hover,
    [b-9zuy8iiwek] .k-pager-nav:hover::before,
    [b-9zuy8iiwek] .k-pager-nav:active,
    [b-9zuy8iiwek] .k-pager-nav:active::before,
    [b-9zuy8iiwek] .k-pager-nav:focus,
    [b-9zuy8iiwek] .k-pager-nav:focus::before,
    [b-9zuy8iiwek] .k-pager-nav:focus-within,
    [b-9zuy8iiwek] .k-pager-nav:focus-within::before,
    [b-9zuy8iiwek] .k-pager-nav:target,
    [b-9zuy8iiwek] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-9zuy8iiwek] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-9zuy8iiwek] .k-pager-numbers {
    gap: 8px;
}

[b-9zuy8iiwek] .gridPagerWrapper div.k-pager {
    justify-content: flex-start;
}

[b-9zuy8iiwek] .k-pager-numbers button {
    box-sizing: border-box;
    width: 26px;
    height: 28px;
    min-width: 26px !important;
    max-width: 26px;
    min-height: 28px;
    max-height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 4px;
    background-color: var(--colors-fill-primary) !important;
    color: transparent;
}

    [b-9zuy8iiwek] .k-pager-numbers button:hover {
        background-color: var(--colors-fill-tertiary) !important;
    }

    [b-9zuy8iiwek] .k-pager-numbers button.k-selected {
        background-color: var(--colors-fill-brand-light) !important;
        color: var(--colors-fill-brand-light) !important;
    }

    [b-9zuy8iiwek] .k-pager-numbers button span.k-button-text {
        flex-grow: 0;
        font-family: ProximaNova, sans-serif;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: normal;
        text-align: center;
        color: var(--colors-content-primary);
    }

    [b-9zuy8iiwek] .k-pager-numbers button.k-selected span.k-button-text {
        color: var(--colors-content-brand-dark);
        font-family: ProximaNova, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.75;
        text-align: center;
    }

[b-9zuy8iiwek] .k-pager-sizes {
    display: block !important;
}

[b-9zuy8iiwek] .mobileGridPagerWrapper .k-pager-sizes span:nth-child(2) {
    font-size: 0 !important;
}

    [b-9zuy8iiwek] .mobileGridPagerWrapper .k-pager-sizes span:nth-child(2)::after {
        content: "items";
        font-size: 16px;
        font-family: ProximaNova, sans-serif;
        margin-left: 8px;
    }

[b-9zuy8iiwek] .mobileGridPagerWrapper .k-pager-sizes span {
    font-family: ProximaNova, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

[b-9zuy8iiwek] .k-pager-sizes span.k-dropdownlist {
    padding: 10px;
    width: auto;
    height: 36px;
    margin: 0px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    box-shadow: none;
}

    [b-9zuy8iiwek] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
        padding: 0px;
        align-items: center;
        justify-content: center;
    }

    [b-9zuy8iiwek] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
        padding: 0px;
    }

        [b-9zuy8iiwek] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
            background-color: #fff !important;
        }

[b-9zuy8iiwek] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-9zuy8iiwek] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-9zuy8iiwek] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-9zuy8iiwek] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-9zuy8iiwek] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-9zuy8iiwek] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/
/*=======Search and Filters======start====*/
.searchAndFilter[b-9zuy8iiwek] {
    display: flex;
    gap: 8px;
    margin-top: 32px;
    margin-bottom: 12px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-9zuy8iiwek] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-9zuy8iiwek] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}


.badgesBar[b-9zuy8iiwek] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.crossIcon[b-9zuy8iiwek] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-9zuy8iiwek] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/
[b-9zuy8iiwek] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}

[b-9zuy8iiwek] .filter-button {
    border-radius: 6px 0 0 6px !important;
}
/* /Pages/AutoPayments/SchedulePreviewPaymentModal.razor.rz.scp.css */
[b-xf4e6zfcro] .previewPaymentScheduleModal {
    max-height: calc(100vh - 64px) !important;
}

h5[b-xf4e6zfcro], span.BodyBase[b-xf4e6zfcro], span.BodyMedium[b-xf4e6zfcro] {
    color: #000;
}

span.BodyBase[b-xf4e6zfcro] {
    line-height: unset;
}

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

.paymentInfoContainer[b-xf4e6zfcro]  {
    display: flex;
    flex-direction: row;
    gap: 84px;
    width: 100%;
}
.paymentInfoMobileContainer[b-xf4e6zfcro] {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
    margin-bottom: 24px;
}
.gridHeaderHeight[b-xf4e6zfcro]{
    height : 56px;
}
.prevPaymentInfoColumn[b-xf4e6zfcro]  {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.paymentAmountContainer[b-xf4e6zfcro]  {
    gap: 4px;
}

.paymentNameContainer[b-xf4e6zfcro]  {
    gap: 4px;
}

.totalAccumulatedAmountContainer[b-xf4e6zfcro]  {
    gap: 4px;
}

.paymentFrequencyContainer[b-xf4e6zfcro]  {
    gap: 4px;
}

.recurringDurationContainer[b-xf4e6zfcro]  {
    gap: 4px;
}

.numberOfPaymentsContainer[b-xf4e6zfcro]  {
    gap: 4px;
}

[b-xf4e6zfcro] .previewOfPaymentSchld .gridPagerWrapper {
    display: none;
}
@media (max-width: 480px) {
    [b-xf4e6zfcro] .k-grid-header-wrap tr th .k-cell-inner {
        height: auto !important;
    }

    [b-xf4e6zfcro] .k-grid-header-wrap tr th .k-link {
        height: auto !important;
        line-height: 1.3 !important;
        padding-bottom: 4px !important;
    }
    [b-xf4e6zfcro] .k-grid-header-wrap tr th .grid-truncate {
        text-wrap: auto !important;
    }

    [b-xf4e6zfcro] .k-table-tbody tr td .grid-truncate
    {
        overflow : visible !important;
    }
}
/* /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;
}

@media (max-width: 480px) {
    .margintop56px[b-bribnhgzi0] {
        margin-top: 0 !important;
    }

    .btn-create-new-statement-auto-pay[b-bribnhgzi0]  .ebiz-btn-primary.btn-medium {
        width: 100%;
    }
}

.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);
}
/* /Pages/AutoPayments/StatementAutoPayment/EditStatementAutoPayment.razor.rz.scp.css */
[b-5ey4c5hcqk] .Surcharge-Banner {
    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);
}
    [b-5ey4c5hcqk] .Surcharge-Banner .Surcharge-Banner-text {
        font-family: ProximaNova, 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);
    }
    [b-5ey4c5hcqk] .margintop56px {
        margin-top: 56px;
        margin-bottom: 24px;
    }

@media (max-width: 480px) {
    .margintop56px[b-5ey4c5hcqk] {
        margin-top: 0 !important;
    }
}

.editStatementAutoPay-payment[b-5ey4c5hcqk] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    margin-top: 24px;
    margin-bottom: 56px;
}

[b-5ey4c5hcqk] .payment-method svg g path {
    stroke: var(--colors-content-link);
}
/* /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;
}

[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==*/

[b-e4o6yjtjuk] .agree-check-statement.k-form-field-error input {
    border: solid 1px var(--colors-stroke-error);
}
[b-e4o6yjtjuk] .agree-check-statement label{
    margin-bottom:0 !important;
}

.Banner-Description[b-e4o6yjtjuk] {
    max-width: 982px;
    max-height: 40px;
    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-primary);
}

.d-flex[b-e4o6yjtjuk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-e4o6yjtjuk] .ebizTooltip .k-icon svg path {
    stroke: var(--colors-content-secondary);
}

.field-width[b-e4o6yjtjuk]{
    width: 50% !important;
}

@media (max-width: 480px) {
    [b-e4o6yjtjuk] .k-form-fieldset {
        width: 100% !important;
    }

    [b-e4o6yjtjuk] .k-d-grid {
        display: flex !important;
    }

    .margintop56px[b-e4o6yjtjuk] {
        margin-top: 0 !important;
    }
}

@media (max-width: 440px) {
    [b-e4o6yjtjuk] .autoPaymentStatusRow {
        justify-content: flex-start;
    }
}
/* /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] .statusColumnHeader-center .k-link{
    justify-content:center;
}

.date-filters[b-4tqr6c5z3n] {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.date-filter-grid-container[b-4tqr6c5z3n] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-4tqr6c5z3n] .payment-status-dropdown {
    max-width: 200px;
}

.date-filters[b-4tqr6c5z3n]  svg path {
    fill: var(--colors-content-secondary);
}
[b-4tqr6c5z3n] .pill-default .Trim {
    text-box-trim: none;
}
@media (max-width: 480px) {
    .date-filters[b-4tqr6c5z3n] {
        flex-wrap: wrap;
    }

    [b-4tqr6c5z3n] .payment-status-dropdown {
        max-width: 100% !important;
        width: 100% !important;
    }

    .date-filters[b-4tqr6c5z3n]  .btn-medium {
        width: 100% !important;
    }

    [b-4tqr6c5z3n] #ebiz-textboxComponent {
        width: 100% !important;
    }

    [b-4tqr6c5z3n] .ebizTooltip .k-input-md {
        width: 100% !important;
    }
}

[b-4tqr6c5z3n] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-master-row:hover .k-grid-content-sticky[b-4tqr6c5z3n] {
    background-color: #ffffff !important;
}

[b-4tqr6c5z3n] .k-grid .k-grid-norecords td:focus,
[b-4tqr6c5z3n] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}
[b-4tqr6c5z3n] .grid-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 100%;
    display: block;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    height: 25px;
    align-content: center;
}
/* =============== Scheduled Tab Mobile Grid CSS =============== */

.NoDataTemplate[b-4tqr6c5z3n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}
.card-view[b-4tqr6c5z3n] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
}

.row-title[b-4tqr6c5z3n] {
    display: flex;
    justify-content: flex-start;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-4tqr6c5z3n] {
    display: flex;
    justify-content: flex-end;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}
.row-value-cards[b-4tqr6c5z3n] {
    align-items: center;
}

.invoice-list[b-4tqr6c5z3n] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.invoice[b-4tqr6c5z3n] {
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--colors-stroke-light);
    padding: 16px;
}

    .invoice .invoice-details[b-4tqr6c5z3n] {
        display: none;
    }

    .invoice.is-open .invoice-details[b-4tqr6c5z3n] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

.rowSelectedContent[b-4tqr6c5z3n] {
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-4tqr6c5z3n] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}
/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-4tqr6c5z3n] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

[b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-info {
    display: none;
}

[b-4tqr6c5z3n] .mobileGridPagerWrapper button[aria-label="More pages"] {
    display: none !important;
}

[b-4tqr6c5z3n] .gridPagerWrapper div.k-pager {
    justify-content: flex-start;
}

[b-4tqr6c5z3n] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-4tqr6c5z3n] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-4tqr6c5z3n] .k-button-flat::after {
    box-shadow: none;
}

[b-4tqr6c5z3n] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-4tqr6c5z3n] .k-pager-nav::before,
    [b-4tqr6c5z3n] .k-pager-nav:hover,
    [b-4tqr6c5z3n] .k-pager-nav:hover::before,
    [b-4tqr6c5z3n] .k-pager-nav:active,
    [b-4tqr6c5z3n] .k-pager-nav:active::before,
    [b-4tqr6c5z3n] .k-pager-nav:focus,
    [b-4tqr6c5z3n] .k-pager-nav:focus::before,
    [b-4tqr6c5z3n] .k-pager-nav:focus-within,
    [b-4tqr6c5z3n] .k-pager-nav:focus-within::before,
    [b-4tqr6c5z3n] .k-pager-nav:target,
    [b-4tqr6c5z3n] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-4tqr6c5z3n] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-4tqr6c5z3n] .k-pager-numbers {
    gap: 8px;
}

    [b-4tqr6c5z3n] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-4tqr6c5z3n] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-4tqr6c5z3n] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-4tqr6c5z3n] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

        [b-4tqr6c5z3n] .k-pager-numbers button.k-selected span.k-button-text {
            color: var(--colors-content-brand-dark);
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.75;
            text-align: center;
        }

[b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes {
    display: block !important;
}

    [b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }

        [b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }

    [b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

        [b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist {
            padding: 10px;
            width: auto;
            height: 36px;
            margin: 0px;
            border-radius: 8px;
            border: solid 1px var(--colors-stroke-light);
            background-color: var(--colors-fill-primary);
            box-shadow: none;
        }

            [b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist span.k-input-inner {
                padding: 0px;
                align-items: center;
                justify-content: center;
            }

            [b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist button.k-icon-button {
                padding: 0px;
            }

                [b-4tqr6c5z3n] .mobileGridPagerWrapper .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                    background-color: #fff !important;
                }

[b-4tqr6c5z3n] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-4tqr6c5z3n] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-4tqr6c5z3n] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-4tqr6c5z3n] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-4tqr6c5z3n] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4tqr6c5z3n] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/

/*=======Search and Filters======start====*/
.searchAndFilter[b-4tqr6c5z3n] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-4tqr6c5z3n] {
        display: flex;
        flex-grow: 1;
    }

.paymentHistorySearchAndFilter[b-4tqr6c5z3n] {
    display: flex;
    gap: 8px;    
    width: auto;
}

    .paymentHistorySearchAndFilter .searchTextBoxWrap[b-4tqr6c5z3n] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-4tqr6c5z3n] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}

.badgesBar[b-4tqr6c5z3n] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.crossIcon[b-4tqr6c5z3n] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-4tqr6c5z3n] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/

/* =============== Scheduled Tab Mobile Grid CSS END =============== */
[b-4tqr6c5z3n] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}

[b-4tqr6c5z3n] .filter-button {
    border-radius: 6px 0 0 6px !important;
}

/* /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: proxima-nova, sans-serif;
    font-size: 14px;
}

.accountIconSizing[b-lx3sbd6io5] {
    height: 32px;
    width: 32px;
}
/* /Pages/Components/AutoEnrollBanner.razor.rz.scp.css */
.AutoEnrollBanner[b-oeci9dw76g] {
    background: #000;
    color: white;
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 110px;
    gap: 8px;
}

@media (max-width: 480px) {

    .AutoEnrollBanner[b-oeci9dw76g] {
        padding: 8px 8px 16px 12px;
        border-radius: 8px;
        margin-bottom: 24px;
        align-items: flex-start
    }

    .banner-body[b-oeci9dw76g] {
        font-family: proxima-nova, sans-serif !important;
        font-size: 14px !important;
        font-weight: normal !important;
        font-stretch: normal !important;
        font-style: normal !important;
        line-height: 1.29 !important;
    }

    .banner-text[b-oeci9dw76g] {
        padding-top: 8px;
    }

    .banner-icon[b-oeci9dw76g] {
        align-items: flex-start !important;
        padding-top: 6px;
    }
}

.cursorPointer[b-oeci9dw76g] {
    cursor: pointer;
}

.banner-icon[b-oeci9dw76g] {
    display: flex;
    align-items: center;
}

[b-oeci9dw76g] .banner-icon svg g path {
    stroke: white !important;
}

.banner-text[b-oeci9dw76g] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.banner-header[b-oeci9dw76g] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: white;
}

.banner-body[b-oeci9dw76g] {
    color: white;
    font-size: 14px;
    display: inline
}

.AutoEnrollBanner.no-header .banner-text[b-oeci9dw76g] {
    justify-content: center;
}

[b-oeci9dw76g] .ebiz-hyperlink-brandblue {
    color: white !important;
    font-weight: 600;
}

.forceToRight[b-oeci9dw76g] {
    display: flex;
    align-items: center;
}

[b-oeci9dw76g] .forceToRight svg g path {
    stroke: white !important;
}

.hidden-but-space[b-oeci9dw76g] {
    visibility: hidden;
}

.visible[b-oeci9dw76g] {
    visibility: visible;
}

.banner-content-wrapper[b-oeci9dw76g] {
    flex: 1;
    display: flex;
    gap: 8px;
    width: 100%;
    justify-content: center;
}
/* /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;
}

@media(max-width:991px) {
    .bannerStyle[b-14kvefw8or] {
        width: auto;
        height: auto;
    }
}
/* /Pages/Components/ChooseCreditsMobileGrid.razor.rz.scp.css */
/* ---------- Choose Credits Cards ---------- */
.invoice[b-x1bpux73ep] {
    --card-row-height: 28px;
    --card-row-gap: 4px;
    --card-label-offset: 24px;
    margin: 16px 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
}

.invoice-meta[b-x1bpux73ep] {
    display: grid;
    grid-template-columns: var(--card-label-offset) minmax(0, 1fr) 28px;
    align-items: center;
    height: var(--card-row-height);
}

.check[b-x1bpux73ep] {
    height: var(--card-row-height);
    display: flex;
    align-items: center;
}

    .check input[b-x1bpux73ep] {
        width: 18px;
        height: 18px;
        accent-color: var(--brand);
    }

.card-view[b-x1bpux73ep] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 10px;
    row-gap: var(--card-row-gap);
    grid-auto-rows: var(--card-row-height);
}

    .card-view dd[b-x1bpux73ep] {
        margin: 0;
        color: #111827;
    }

.due-date[b-x1bpux73ep] {
    display: flex;
    justify-content: flex-end;
}

.row-title[b-x1bpux73ep] {
    display: flex;
    justify-content: flex-start;
    padding-left: var(--card-label-offset);
    height: var(--card-row-height);
    align-items: center;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-x1bpux73ep] {
    display: flex;
    justify-content: flex-end;
    height: var(--card-row-height);
    align-items: center;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.view-details[b-x1bpux73ep] {
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.row-value.payment-amount[b-x1bpux73ep] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 0;
}

.row-value.payment-amount span[b-x1bpux73ep] {
    border-radius: 4px;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.amount[b-x1bpux73ep] {
    background: var(--colors-fill-grayscale-light-secondary);
    padding: 6px 8px;
    height: 28px;
}

.show-balance[b-x1bpux73ep] {
    width: 28px;
    height: var(--card-row-height);
    border: none;
    place-items: center;
    background: transparent;
}

.edit-payment[b-x1bpux73ep] {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
}

.invoice .invoice-details[b-x1bpux73ep] {
    display: none;
}

.invoice.is-open .invoice-details[b-x1bpux73ep] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 10px;
    row-gap: var(--card-row-gap);
    grid-auto-rows: var(--card-row-height);
}

.inv-body[b-x1bpux73ep] {
    display: flex;
    flex-direction: column;
    gap: var(--card-row-gap);
}

.memo-detail-groups[b-x1bpux73ep] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.memo-detail-group[b-x1bpux73ep] {
    row-gap: 4px;
}

.memo-details-footer[b-x1bpux73ep] {
    width: 100%;
}

.inv-title[b-x1bpux73ep] {
    height: var(--card-row-height);
    display: flex;
    align-items: center;
}

.invoice.is-selected[b-x1bpux73ep] {
    border-color: var(--colors-stroke-active);
}

/*=======Payment Amount=========Start==*/

.paymentAmountModalContent[b-x1bpux73ep] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .paymentAmountModalContent[b-x1bpux73ep]  .k-numerictextbox {
        width: 100%;
        height: 48px;
        padding: 4px 16px;
        border-radius: 8px;
        border: solid 1px #4263f8;
        background-color: #fff;
        box-shadow: 0 0 4px 0 #6b88ff;
    }

    .paymentAmountModalContent[b-x1bpux73ep]  .k-numerictextbox input {
        text-align: end;
        background: transparent;
    }

    .paymentAmountModalContent[b-x1bpux73ep]  .k-input-separator {
        display: none;
    }
/*=======Payment Amount=========End==*/
.paymentAmountModalClass[b-x1bpux73ep]  .k-window-titlebar {
    display: flex;
    align-items: center;
    padding-right: 40px;
    touch-action: none;
}

.paymentAmountModalClass[b-x1bpux73ep]  .k-window {
    overscroll-behavior: contain;
}

.paymentAmountModalClass[b-x1bpux73ep]  .k-window-titlebar-actions,
.paymentAmountModalClass[b-x1bpux73ep]  .k-window-action {
    touch-action: none;
}

.paymentAmountModalClass[b-x1bpux73ep]  .k-actions {
    border-top: none;
}

.paymentAmountModalClass[b-x1bpux73ep]  .k-window-titlebar .k-window-title {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 32px);
    overflow: hidden !important;
}

.paymentAmountModalClass[b-x1bpux73ep]  .titleContainer {
    display: block;
    width: 100%;
    min-width: 0;
}

.paymentAmountModalClass[b-x1bpux73ep]  .titleContainer .title {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-family: HalyardDisplay, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #0a0a0a;
    text-align: left !important;
}

.paymentAmount[b-x1bpux73ep] {
    box-sizing: border-box;
    height: var(--card-row-height);
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
    cursor: pointer;
}

.fieldIsModifiedMobile[b-x1bpux73ep] {
    position: relative;
}

    .fieldIsModifiedMobile .modified-caret-icon-mobile[b-x1bpux73ep] {
        z-index: 2;
        align-self: end;
    }

.modified-caret-icon-mobile[b-x1bpux73ep] {
    position: absolute;
    right: auto;
    left: -1px;
    top: 14px;
    display: flex;
    justify-content: left;
}

[b-x1bpux73ep] .k-numerictextbox.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px #4263f8;
}

.rowSelectedContent[b-x1bpux73ep] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-x1bpux73ep] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}
/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-x1bpux73ep] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

[b-x1bpux73ep] .k-pager-info {
    display: none;
}

[b-x1bpux73ep] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-x1bpux73ep] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-x1bpux73ep] .k-button-flat::after {
    box-shadow: none;
}

[b-x1bpux73ep] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-x1bpux73ep] .k-pager-nav::before,
    [b-x1bpux73ep] .k-pager-nav:hover,
    [b-x1bpux73ep] .k-pager-nav:hover::before,
    [b-x1bpux73ep] .k-pager-nav:active,
    [b-x1bpux73ep] .k-pager-nav:active::before,
    [b-x1bpux73ep] .k-pager-nav:focus,
    [b-x1bpux73ep] .k-pager-nav:focus::before,
    [b-x1bpux73ep] .k-pager-nav:focus-within,
    [b-x1bpux73ep] .k-pager-nav:focus-within::before,
    [b-x1bpux73ep] .k-pager-nav:target,
    [b-x1bpux73ep] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-x1bpux73ep] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-x1bpux73ep] .k-pager-numbers {
    gap: 8px;
}

    [b-x1bpux73ep] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-x1bpux73ep] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-x1bpux73ep] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-x1bpux73ep] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

        [b-x1bpux73ep] .k-pager-numbers button.k-selected span.k-button-text {
            color: var(--colors-content-brand-dark);
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.75;
            text-align: center;
        }

[b-x1bpux73ep] .k-pager-sizes {
    display: block !important;
}

    [b-x1bpux73ep] .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }

        [b-x1bpux73ep] .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }

    [b-x1bpux73ep] .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

        [b-x1bpux73ep] .k-pager-sizes span.k-dropdownlist {
            padding: 10px;
            width: auto;
            height: 36px;
            margin: 0px;
            border-radius: 8px;
            border: solid 1px var(--colors-stroke-light);
            background-color: var(--colors-fill-primary);
            box-shadow: none;
        }

            [b-x1bpux73ep] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
                padding: 0px;
                align-items: center;
                justify-content: center;
            }

            [b-x1bpux73ep] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
                padding: 0px;
            }

                [b-x1bpux73ep] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                    background-color: #fff !important;
                }

[b-x1bpux73ep] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-x1bpux73ep] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-x1bpux73ep] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}
/* /Pages/Components/EBizCurrencyTextBox.razor.rz.scp.css */
@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
/* /Pages/Components/EBizFilterPopupMobile.razor.rz.scp.css */
/* EBizFilterPopupMobile styles */
.mobile-filter-container[b-fqbv3nc4ae] {
    gap: 4px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.filter-button[b-fqbv3nc4ae] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--color-border, #d1d5db);
    border-radius: 6px;
    background: var(--color-surface, #ffffff);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    padding: 0;
    margin: 0;
}
.exportButtonRadius[b-fqbv3nc4ae] {
        border-radius: 6px 0 0 6px !important;
}

.filter-button:hover[b-fqbv3nc4ae] {
    border: solid 1px var(--colors-stroke-medium);
}

.filter-button-active[b-fqbv3nc4ae] {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px var(--colors-stroke-active);
    z-index: 10;
}

.filter-badge[b-fqbv3nc4ae] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-primary, #3b82f6);
    border: 2px solid var(--color-surface, #ffffff);
}

/* Filter backdrop for click outside */
.filter-backdrop[b-fqbv3nc4ae] {
    border-radius: 8px;
    position: absolute;
    margin-top: 45px;
    outline: solid 1px var(--colors-stroke-light);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    z-index: 100;
    background-color: var(--colors-fill-primary);
}

.filter-dropdown[b-fqbv3nc4ae] {
    border-radius: 8px;
    position: absolute;
    margin-top: 4px;
    outline: solid 1px var(--colors-stroke-light);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    z-index: 100;
    background-color: var(--colors-fill-primary);
}


.filter-dropdown-header[b-fqbv3nc4ae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--color-border, #d1d5db);
    background: var(--color-surface, #ffffff);
}

.filter-title[b-fqbv3nc4ae] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary, #111827);
}

.filter-close-btn[b-fqbv3nc4ae] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: var(--color-text-secondary, #6b7280);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .filter-close-btn:hover[b-fqbv3nc4ae] {
        color: var(--color-text-primary, #111827);
    }

.filter-dropdown-content[b-fqbv3nc4ae] {
    padding: 0px;
    max-height: 235px;
    overflow-y: auto;
}

/* Filter Item Styles */
.filter-item[b-fqbv3nc4ae] {
    display: flex;
    padding: 14px 20px;
    gap: 10px;
}

    .filter-item:last-child[b-fqbv3nc4ae] {
        margin-bottom: 0;
    }

    .filter-checkbox .ebiz-checkbox[b-fqbv3nc4ae] {
        font-weight: 500;
        color: var(--color-text-primary, #111827);
    }
        .filter-checkbox[b-fqbv3nc4ae]  .ebiz-checkbox label,
        [b-fqbv3nc4ae] label{
            margin-bottom: 0 !important;
        }

.filter-controls[b-fqbv3nc4ae] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
    padding: 0 0 0 24px;
}

.filter-operator[b-fqbv3nc4ae] {
    flex-shrink: 0;
}

.filter-value[b-fqbv3nc4ae] {
    display:flex;
    flex-direction:column;
    gap:10px;
}

@keyframes fadeIn-b-fqbv3nc4ae {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.filter-dropdown-footer[b-fqbv3nc4ae] {
    height: 64px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-top: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-content-inverse-primary);
    border-radius: 0px 0px 8px 8px;
}

.filter-clear-btn[b-fqbv3nc4ae] {
    background: none;
    border: none;
    color: var(--color-primary, #3b82f6);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

    .filter-clear-btn:hover[b-fqbv3nc4ae] {
        text-decoration: underline;
    }

.filter-actions[b-fqbv3nc4ae] {
    display: flex;
    gap: 8px;
}
.hyperlinkText[b-fqbv3nc4ae] {
    color: var(--colors-content-link);
    cursor: pointer;
}
[b-fqbv3nc4ae] .datePickerMainWrapper{
    width: 100% !important;
}
/* Mobile responsive styles */
@media (max-width: 768px) {
    .filter-dropdown[b-fqbv3nc4ae] {
        width: 242px;
        border-radius: 8px;
        position: absolute;
        outline: solid 1px var(--colors-stroke-light);
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
        z-index: 100;
        background-color: var(--colors-fill-primary);
    }
}

/* For small screens */
        @media (max-width: 480px) {
            .filter-controls[b-fqbv3nc4ae] {
                align-self: stretch;
                flex-grow: 0;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: stretch;
                gap: 16px;
                padding: 0 0 0 24px;
            }
        }
label[b-fqbv3nc4ae]{
    margin-bottom: 0 !important;
}

.nonAmountRow[b-fqbv3nc4ae] {
    align-self: stretch;
    flex-grow: 0;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

    .nonAmountRow[b-fqbv3nc4ae]  .ebiz-textbox-wrapper {
        flex: 1;
        min-width: 0;
    }

.delete-icon[b-fqbv3nc4ae] {
    flex-shrink: 0;
    width: 16px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color-text-secondary, #6b7280);
}
.nonAmountContainerMobile[b-fqbv3nc4ae] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
}
.nonAmountDropdownDeleteRow[b-fqbv3nc4ae] {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.nonAmountAddFilterRowMobile[b-fqbv3nc4ae] {
    display: flex;
    flex-direction: row;
    padding: 0;
    align-items: center;
    gap: 7px;
    width: fit-content;
    cursor: pointer;
}

.addAFilterTextMobile[b-fqbv3nc4ae] {
    color: var(--colors-content-link);
    position: relative;
    top: 1px;
}
.mobileFilterAndRemoveButton[b-fqbv3nc4ae] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mainEachFilter[b-fqbv3nc4ae] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.nonAmountContainerMobile
.nonAmountAddFilterRowMobile[b-fqbv3nc4ae]
 .add-line-icon-mobile.k-icon.k-svg-icon svg path {
    stroke: var(--colors-content-link) !important;
}

.EBizFilterHeaderMobile[b-fqbv3nc4ae] {
    height: 52px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
    padding: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: solid 1px var(--colors-fill-tertiary);
    background-color: var(--colors-fill-tertiary);
}

.checkbox-item[b-fqbv3nc4ae] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 8px;
}

.checkbox-label[b-fqbv3nc4ae] {
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #0a0a0a;
}
/* /Pages/Components/EBizMobileGrid.razor.rz.scp.css */
/* ---------- Invoice Cards ---------- */
.invoice[b-ap1hpf7q0l] {
    margin: 16px 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
}

.invoice-meta[b-ap1hpf7q0l] {
    display: grid;
    grid-template-columns: 28px 1fr 28px;
    justify-content: space-between;
    align-items: center;
}

.check[b-ap1hpf7q0l] {
    padding-top: 6px;
}

    .check input[b-ap1hpf7q0l] {
        width: 18px;
        height: 18px;
        accent-color: var(--brand);
    }

.card-view[b-ap1hpf7q0l] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 10px;
}

    .card-view dd[b-ap1hpf7q0l] {
        margin: 0;
        color: #111827;
    }

.due-date[b-ap1hpf7q0l] {
    display: flex;
    justify-content: flex-end;
}

.view-full-invoice-details .card-view .mb-4[b-ap1hpf7q0l] {
    margin-bottom: 18px !important;
}

.row-title[b-ap1hpf7q0l] {
    display: flex;
    justify-content: flex-start;
    padding-left: 24px;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    max-height: 28px;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-ap1hpf7q0l] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    max-height: 28px;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.view-details[b-ap1hpf7q0l] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.payment-amount span[b-ap1hpf7q0l] {
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.amount[b-ap1hpf7q0l] {
    background: var(--colors-fill-grayscale-light-secondary);
    padding: 6px 8px;
    height: 28px;
}

.show-balance[b-ap1hpf7q0l] {
    width: 28px;
    height: 28px;
    border: none;
    place-items: center;
    background: transparent;
}

.edit-payment[b-ap1hpf7q0l] {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
}

    .invoice .invoice-details[b-ap1hpf7q0l] {
        display: none;
    }

    .invoice.is-open .invoice-details[b-ap1hpf7q0l] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .invoice.is-selected[b-ap1hpf7q0l] {
        border-color: var(--colors-stroke-active);
    }

    /*=======Payment Amount=========Start==*/

.paymentAmountModalContent[b-ap1hpf7q0l]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .paymentAmountModalContent[b-ap1hpf7q0l]  .k-numerictextbox {
        width: 100%;
        padding: 4px 8px 4px 16px;
        border-radius: 8px;
        border: solid 1px var(--colors-stroke-light);
        background-color: var(--colors-fill-grayscale-light-primary);
    }

    .paymentAmountModalContent[b-ap1hpf7q0l]  .k-numerictextbox input {
        text-align: end;
    }

    .paymentAmountModalContent[b-ap1hpf7q0l]  .k-input-separator {
        display: none;
    }
    /*=======Payment Amount=========End==*/
    .paymentAmountModalClass.EBizModal .k-window-titlebar .k-window-title[b-ap1hpf7q0l] {
        display: flex;
        justify-content: center !important;
    }
.paymentAmountModalClass .titleContainer .title[b-ap1hpf7q0l]{
    font-size: 18px !important;
}

.paymentAmount[b-ap1hpf7q0l] {
    height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
    cursor: pointer;
}
.fieldIsModifiedMobile[b-ap1hpf7q0l]{
    position: relative;
}
    .fieldIsModifiedMobile .modified-caret-icon-mobile[b-ap1hpf7q0l] {
        z-index: 2;
        align-self: end;
    }
.modified-caret-icon-mobile[b-ap1hpf7q0l] {
    position: absolute;
    right: auto;
    left: -1px;
    top: 14px;
    display: flex;
    justify-content: left;
}
[b-ap1hpf7q0l] .k-numerictextbox.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px #4263f8;
}

.rowSelectedContent[b-ap1hpf7q0l] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.show-items.refresh-button[b-ap1hpf7q0l] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}
/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-ap1hpf7q0l] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

    [b-ap1hpf7q0l] .k-pager-info {
        display:none;
    }

[b-ap1hpf7q0l] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-ap1hpf7q0l] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-ap1hpf7q0l] .k-button-flat::after {
    box-shadow: none;
}

[b-ap1hpf7q0l] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-ap1hpf7q0l] .k-pager-nav::before,
    [b-ap1hpf7q0l] .k-pager-nav:hover,
    [b-ap1hpf7q0l] .k-pager-nav:hover::before,
    [b-ap1hpf7q0l] .k-pager-nav:active,
    [b-ap1hpf7q0l] .k-pager-nav:active::before,
    [b-ap1hpf7q0l] .k-pager-nav:focus,
    [b-ap1hpf7q0l] .k-pager-nav:focus::before,
    [b-ap1hpf7q0l] .k-pager-nav:focus-within,
    [b-ap1hpf7q0l] .k-pager-nav:focus-within::before,
    [b-ap1hpf7q0l] .k-pager-nav:target,
    [b-ap1hpf7q0l] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-ap1hpf7q0l] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-ap1hpf7q0l] .k-pager-numbers {
    gap: 8px;
}

    [b-ap1hpf7q0l] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-ap1hpf7q0l] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-ap1hpf7q0l] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-ap1hpf7q0l] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

[b-ap1hpf7q0l] .k-pager-numbers button.k-selected span.k-button-text {
    color: var(--colors-content-brand-dark);
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: center;
}
[b-ap1hpf7q0l] button[aria-label="More pages"] {
    display: none !important;
}
[b-ap1hpf7q0l] .k-pager-sizes{
    display: block !important;
}
    [b-ap1hpf7q0l] .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }
        [b-ap1hpf7q0l] .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }
    [b-ap1hpf7q0l] .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

    [b-ap1hpf7q0l] .k-pager-sizes span.k-dropdownlist {
        padding: 10px;
        width: auto;
        height: 36px;
        margin: 0px;
        border-radius: 8px;
        border: solid 1px var(--colors-stroke-light);
        background-color: var(--colors-fill-primary);
        box-shadow: none;
    }

        [b-ap1hpf7q0l] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
            padding: 0px;
            align-items: center;
            justify-content: center;
        }

        [b-ap1hpf7q0l] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
            padding: 0px;
        }

            [b-ap1hpf7q0l] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                background-color: #fff !important;
            }

[b-ap1hpf7q0l] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-ap1hpf7q0l] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-ap1hpf7q0l] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-ap1hpf7q0l] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-ap1hpf7q0l] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-ap1hpf7q0l] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

    
/*==================pagination=========End=======*/

/*=======Search and Filters======start====*/
.searchAndFilter[b-ap1hpf7q0l] {
    display: flex;
    gap: 8px;
    margin-top: 32px;
    margin-bottom: 12px;
    width: auto;
}
    .searchAndFilter .searchTextBoxWrap[b-ap1hpf7q0l] {
        display: flex;
        flex-grow: 1;
    }
.EBizFilterMobile[b-ap1hpf7q0l] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;


    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}
.NoDataTemplate[b-ap1hpf7q0l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 355px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}
.badgesBar[b-ap1hpf7q0l] {
    display: flex;
    flex-wrap:wrap;
    flex-direction: row;
    gap: 12px;
}
.crossIcon[b-ap1hpf7q0l] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}
.ClearAllFiltersButton[b-ap1hpf7q0l] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/

[b-ap1hpf7q0l] .BodyMedium, .body-medium[b-ap1hpf7q0l] {
    font-family: proxima-nova, sans-serif;
    font-size: 16px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
}
/* /Pages/Components/EBizNumericTextBox.razor.rz.scp.css */
.border-change:has(~ .validation-message)[b-0x0cz7s879] {
    border-color: #e02020 !important;
}
/* /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;
}
/* /Pages/Components/EBizSelectPayOrderMobileGrid.razor.rz.scp.css */
/* ---------- Invoice Cards ---------- */
.invoice[b-vsfoioeijq] {
    margin: 16px 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
}

.invoice-meta[b-vsfoioeijq] {
    display: grid;
    grid-template-columns: 28px 1fr 28px;
    justify-content: space-between;
    align-items: center;
}

.check[b-vsfoioeijq] {
    padding-top: 6px;
}

    .check input[b-vsfoioeijq] {
        width: 18px;
        height: 18px;
        accent-color: var(--brand);
    }

.card-view[b-vsfoioeijq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 10px;
}

    .card-view dd[b-vsfoioeijq] {
        margin: 0;
        color: #111827;
    }

.due-date[b-vsfoioeijq] {
    display: flex;
    justify-content: flex-end;
}

.row-title[b-vsfoioeijq] {
    display: flex;
    justify-content: flex-start;
    padding-left: 24px;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-vsfoioeijq] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.view-details[b-vsfoioeijq] {
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.payment-amount span[b-vsfoioeijq] {
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.amount[b-vsfoioeijq] {
    background: var(--colors-fill-grayscale-light-secondary);
    padding: 6px 8px;
    height: 28px;
}

.show-balance[b-vsfoioeijq] {
    width: 28px;
    height: 28px;
    border: none;
    place-items: center;
    background: transparent;
}

.edit-payment[b-vsfoioeijq] {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
}

    .invoice .invoice-details[b-vsfoioeijq] {
        display: none;
    }

.invoice.is-open .invoice-details[b-vsfoioeijq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px;
}

    .invoice.is-selected[b-vsfoioeijq] {
        border-color: var(--colors-stroke-active);
    }

    /*=======Payment Amount=========Start==*/

.paymentAmountModalContent[b-vsfoioeijq]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .paymentAmountModalContent[b-vsfoioeijq]  .k-numerictextbox {
        width: 100%;
        padding: 4px 8px 4px 16px;
        border-radius: 8px;
        border: solid 1px var(--colors-stroke-light);
        background-color: var(--colors-fill-grayscale-light-primary);
    }

    .paymentAmountModalContent[b-vsfoioeijq]  .k-numerictextbox input {
        text-align: end;
    }

    .paymentAmountModalContent[b-vsfoioeijq]  .k-input-separator {
        display: none;
    }
    /*=======Payment Amount=========End==*/
    .paymentAmountModalClass.EBizModal .k-window-titlebar .k-window-title[b-vsfoioeijq] {
        display: flex;
        justify-content: center !important;
    }

.paymentAmount[b-vsfoioeijq] {
    height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
    cursor: pointer;
}
.fieldIsModifiedMobile[b-vsfoioeijq]{
    position: relative;
}
    .fieldIsModifiedMobile .modified-caret-icon-mobile[b-vsfoioeijq] {
        z-index: 2;
        align-self: end;
    }
.modified-caret-icon-mobile[b-vsfoioeijq] {
    position: absolute;
    right: auto;
    left: -1px;
    top: 14px;
    display: flex;
    justify-content: left;
}
[b-vsfoioeijq] .k-numerictextbox.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px #4263f8;
}

.rowSelectedContent[b-vsfoioeijq] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.show-items.refresh-button[b-vsfoioeijq] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-vsfoioeijq] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

    [b-vsfoioeijq] .k-pager-info {
        display: none;
    }

[b-vsfoioeijq] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-vsfoioeijq] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-vsfoioeijq] .k-button-flat::after {
    box-shadow: none;
}

[b-vsfoioeijq] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-vsfoioeijq] .k-pager-nav::before,
    [b-vsfoioeijq] .k-pager-nav:hover,
    [b-vsfoioeijq] .k-pager-nav:hover::before,
    [b-vsfoioeijq] .k-pager-nav:active,
    [b-vsfoioeijq] .k-pager-nav:active::before,
    [b-vsfoioeijq] .k-pager-nav:focus,
    [b-vsfoioeijq] .k-pager-nav:focus::before,
    [b-vsfoioeijq] .k-pager-nav:focus-within,
    [b-vsfoioeijq] .k-pager-nav:focus-within::before,
    [b-vsfoioeijq] .k-pager-nav:target,
    [b-vsfoioeijq] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-vsfoioeijq] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-vsfoioeijq] .k-pager-numbers {
    gap: 8px;
}

    [b-vsfoioeijq] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-vsfoioeijq] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-vsfoioeijq] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-vsfoioeijq] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

[b-vsfoioeijq] .k-pager-numbers button.k-selected span.k-button-text {
    color: var(--colors-content-brand-dark);
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: center;
}
[b-vsfoioeijq] .k-pager-sizes{
    display: block !important;
}
    [b-vsfoioeijq] .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }
        [b-vsfoioeijq] .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }
    [b-vsfoioeijq] .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

    [b-vsfoioeijq] .k-pager-sizes span.k-dropdownlist {
        padding: 10px;
        width: auto;
        height: 36px;
        margin: 0px;
        border-radius: 8px;
        border: solid 1px var(--colors-stroke-light);
        background-color: var(--colors-fill-primary);
        box-shadow: none;
    }

        [b-vsfoioeijq] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
            padding: 0px;
            align-items: center;
            justify-content: center;
        }

        [b-vsfoioeijq] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
            padding: 0px;
        }

            [b-vsfoioeijq] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                background-color: #fff !important;
            }

[b-vsfoioeijq] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-vsfoioeijq] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-vsfoioeijq] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}
[b-vsfoioeijq] button[aria-label="More pages"] {
    display: none !important;
}

    [b-vsfoioeijq] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-vsfoioeijq] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-vsfoioeijq] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/

/*=======Search and Filters======start====*/
.searchAndFilter[b-vsfoioeijq] {
    display: flex;
    gap: 8px;
    margin-top: 32px;
    margin-bottom: 12px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-vsfoioeijq] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-vsfoioeijq] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}

.NoDataTemplate[b-vsfoioeijq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

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

.crossIcon[b-vsfoioeijq] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-vsfoioeijq] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/
/* /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;
    }

[b-iuy6f823zy] .drawer-item-container {
    display: flex;
    flex-direction: column;
    padding: 0px;
    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: center;
    align-items: center;
}

.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;
    width: 136px;
}

.side-nav-menu-text-header[b-iuy6f823zy] {
    font-size: 14px;
    color: var(--colors-content-primary);
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    padding-top: 2px;
    padding-bottom: 3px;
}

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

.side-nav-icon[b-iuy6f823zy] {
    width: 48px;
    height: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: 4px;
    margin: 8px 0 16px;
}

.hide-side-nav-icon[b-iuy6f823zy] {
    display: none;
}

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

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

    .side-nav-collapsed: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;
    align-items: center;
    padding-top: 1px;
}

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

.dropdown-header-item-container:hover[b-iuy6f823zy] {
    background-color: transparent;
    color: inherit;
}

.dropdown-header-item-container:active[b-iuy6f823zy] {
    color: #007bff; /* blue while clicked */
}

/* 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;
}

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

.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) !important;
}


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

.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) !important;
    }

.no-associated-company[b-iuy6f823zy] {
    font-style: italic;
    color: var(--colors-content-secondary);
    font-size: 13px;
    font-family: proxima-nova, sans-serif;
}


/* Search */
.search-textbox[b-iuy6f823zy] {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.search-input[b-iuy6f823zy] {
    border: none;
    flex: 1;
    padding-right: 28px;
    box-sizing: border-box;
}

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

.search-cancel-icon[b-iuy6f823zy] {
    position: absolute;
    right: 8px;
    cursor: pointer;
    display: none;
}

    .search-cancel-icon.visible[b-iuy6f823zy] {
        display: inline-flex;
        align-items: center;
    }

[b-iuy6f823zy] .chevron-dropdown-anchor:hover, .chevron-hover[b-iuy6f823zy] {
    background-color: transparent !important;
    color: black !important;
}

.drawer-item-icons.tooltip-parent[b-iuy6f823zy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
[b-iuy6f823zy] .close-search-content path {
    stroke: var(--colors-content-secondary);
}

.other-companies-scroll[b-iuy6f823zy] {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-right: 0;
    padding-left: 8px;
    padding-right: 8px;
}

    .other-companies-scroll[b-iuy6f823zy]::-webkit-scrollbar {
        width: 0px;
        background: transparent;
    }

    @media (max-width: 480px) {
        [b-iuy6f823zy] .k-drawer-mini {
            border-right: 0 !important;
        }

        .side-nav-menu-name-container:hover:not(.active-hover)[b-iuy6f823zy] {
            background-color: transparent !important;
        }
    }
/* /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;
    }
}
/* /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: 1300;
}

.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;
}

@media (max-width: 440px) {
    .top-nav-icon-bg[b-2m4yvbg8ga] {
        background-color: transparent;
        border-radius: 0px;
    }

    [b-2m4yvbg8ga] .ebiz-corner-item-selected,
    [b-2m4yvbg8ga] .ebiz-corner-item-selected:hover {
        background-color: transparent !important;
    }

    [b-2m4yvbg8ga] .k-svg-i-20 svg {
        width: 20px !important;
        height: 20px !important;
        fill: none !important;
    }

    [b-2m4yvbg8ga] .ebiz-corner-item-selected path {
        stroke: var(--colors-content-primary) !important;
        color: transparent !important;
        fill: transparent !important;
    }
}
/* /Pages/Components/InvoiceListMobileGrid.razor.rz.scp.css */
/* ---------- Invoice Cards ---------- */
.invoice[b-hhnriuvq99] {
    margin: 16px 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
}

.invoice-meta[b-hhnriuvq99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inv-title[b-hhnriuvq99] {
    flex: 1;
}

.check[b-hhnriuvq99] {
    padding-top: 6px;
}

    .check input[b-hhnriuvq99] {
        width: 18px;
        height: 18px;
        accent-color: var(--brand);
    }

.card-view[b-hhnriuvq99] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 10px;
}

    .card-view dd[b-hhnriuvq99] {
        margin: 0;
        color: #111827;
    }

.due-date[b-hhnriuvq99] {
    display: flex;
    justify-content: flex-end;
}

.row-title[b-hhnriuvq99] {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-hhnriuvq99] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.view-details[b-hhnriuvq99] {
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.payment-amount span[b-hhnriuvq99] {
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.amount[b-hhnriuvq99] {
    background: var(--colors-fill-grayscale-light-secondary);
    padding: 6px 8px;
    height: 28px;
}

.show-balance[b-hhnriuvq99] {
    width: 28px;
    height: 28px;
    border: none;
    place-items: center;
    background: transparent;
}

.edit-payment[b-hhnriuvq99] {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
}

.invoice .invoice-details[b-hhnriuvq99] {
    display: none;
}

.invoice.is-open .invoice-details[b-hhnriuvq99] {
    display: grid;
    grid-template-columns: auto 1fr;
}

.invoice.is-selected[b-hhnriuvq99] {
    border-color: var(--colors-stroke-active);
}

/*=======Payment Amount=========Start==*/

.paymentAmountModalContent[b-hhnriuvq99] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/*=======Payment Amount=========End==*/
.paymentAmountModalClass.EBizModal .k-window-titlebar .k-window-title[b-hhnriuvq99] {
    display: flex;
    justify-content: center !important;
}

.paymentAmount[b-hhnriuvq99] {
    height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
}

.fieldIsModifiedMobile[b-hhnriuvq99] {
    position: relative;
}

    .fieldIsModifiedMobile .modified-caret-icon-mobile[b-hhnriuvq99] {
        z-index: 2;
        align-self: end;
    }

.modified-caret-icon-mobile[b-hhnriuvq99] {
    position: absolute;
    right: auto;
    left: -1px;
    top: 14px;
    display: flex;
    justify-content: left;
}

[b-hhnriuvq99] .k-numerictextbox.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px #4263f8;
}

.rowSelectedContent[b-hhnriuvq99] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-hhnriuvq99] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

.NoDataTemplate[b-hhnriuvq99] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-hhnriuvq99] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

[b-hhnriuvq99] .k-pager-info {
    display: none;
}

[b-hhnriuvq99] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-hhnriuvq99] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-hhnriuvq99] button[aria-label="More pages"] {
    display: none !important;
}

[b-hhnriuvq99] .k-button-flat::after {
    box-shadow: none;
}

[b-hhnriuvq99] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-hhnriuvq99] .k-pager-nav::before,
    [b-hhnriuvq99] .k-pager-nav:hover,
    [b-hhnriuvq99] .k-pager-nav:hover::before,
    [b-hhnriuvq99] .k-pager-nav:active,
    [b-hhnriuvq99] .k-pager-nav:active::before,
    [b-hhnriuvq99] .k-pager-nav:focus,
    [b-hhnriuvq99] .k-pager-nav:focus::before,
    [b-hhnriuvq99] .k-pager-nav:focus-within,
    [b-hhnriuvq99] .k-pager-nav:focus-within::before,
    [b-hhnriuvq99] .k-pager-nav:target,
    [b-hhnriuvq99] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-hhnriuvq99] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-hhnriuvq99] .k-pager-numbers {
    gap: 8px;
}

    [b-hhnriuvq99] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-hhnriuvq99] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-hhnriuvq99] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-hhnriuvq99] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

        [b-hhnriuvq99] .k-pager-numbers button.k-selected span.k-button-text {
            color: var(--colors-content-brand-dark);
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.75;
            text-align: center;
        }

[b-hhnriuvq99] .k-pager-sizes {
    display: block !important;
}

    [b-hhnriuvq99] .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }

        [b-hhnriuvq99] .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }

    [b-hhnriuvq99] .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

        [b-hhnriuvq99] .k-pager-sizes span.k-dropdownlist {
            padding: 10px;
            width: auto;
            height: 36px;
            margin: 0px;
            border-radius: 8px;
            border: solid 1px var(--colors-stroke-light);
            background-color: var(--colors-fill-primary);
            box-shadow: none;
        }

            [b-hhnriuvq99] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
                padding: 0px;
                align-items: center;
                justify-content: center;
            }

            [b-hhnriuvq99] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
                padding: 0px;
            }

                [b-hhnriuvq99] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                    background-color: #fff !important;
                }

[b-hhnriuvq99] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-hhnriuvq99] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-hhnriuvq99] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-hhnriuvq99] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-hhnriuvq99] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-hhnriuvq99] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/

/*=======Search and Filters======start====*/
.searchAndFilter[b-hhnriuvq99] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-hhnriuvq99] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-hhnriuvq99] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}

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

.crossIcon[b-hhnriuvq99] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-hhnriuvq99] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/
[b-hhnriuvq99] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}

[b-hhnriuvq99] .filter-button {
    border-radius: 6px 0 0 6px;
}
/* /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;
}
/* /Pages/Components/MobileSearchFilter.razor.rz.scp.css */
/*=======Search and Filters======start====*/
.searchAndFilter[b-59bpq3atx9] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-59bpq3atx9] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-59bpq3atx9] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}

.NoDataTemplate[b-59bpq3atx9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.badgesBar[b-59bpq3atx9] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.crossIcon[b-59bpq3atx9] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-59bpq3atx9] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/
[b-59bpq3atx9] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}
/* /Pages/Components/MySavedPaymentMethodsMobileGrid.razor.rz.scp.css */
/* ---------- Invoice Cards ---------- */
.invoice[b-8c46mtgt6d] {
    margin: 16px 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
}

.invoice-meta[b-8c46mtgt6d] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    justify-content: space-between;
    justify-items: start;
    align-items: center;
    margin-bottom: 8px;
}

    .invoice-meta .action-label[b-8c46mtgt6d] {
        justify-self: end;
        margin-right: 4px;
    }

    .invoice-meta[b-8c46mtgt6d]  .default-radio-button input[type="radio"] + label {
        margin-bottom: 0;
    }

.check[b-8c46mtgt6d] {
    padding-top: 6px;
}

    .check input[b-8c46mtgt6d] {
        width: 18px;
        height: 18px;
        accent-color: var(--brand);
    }

.card-view[b-8c46mtgt6d] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 10px;
}

    .card-view dd[b-8c46mtgt6d] {
        margin: 0;
        color: #111827;
    }

.due-date[b-8c46mtgt6d] {
    display: flex;
    justify-content: flex-end;
}

.row-title[b-8c46mtgt6d] {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-8c46mtgt6d] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}


.view-details[b-8c46mtgt6d] {
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.payment-amount span[b-8c46mtgt6d] {
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.payment-img[b-8c46mtgt6d] {
    vertical-align: top;
}

.amount[b-8c46mtgt6d] {
    background: var(--colors-fill-grayscale-light-secondary);
    padding: 6px 8px;
    height: 28px;
}

.show-balance[b-8c46mtgt6d] {
    width: 28px;
    height: 28px;
    border: none;
    place-items: center;
    background: transparent;
}

.edit-payment[b-8c46mtgt6d] {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
}

.invoice .invoice-details[b-8c46mtgt6d] {
    display: none;
}

.invoice.is-open .invoice-details[b-8c46mtgt6d] {
    display: grid;
    grid-template-columns: auto 1fr;
}

.invoice.is-selected[b-8c46mtgt6d] {
    border-color: var(--colors-stroke-active);
}

/*=======Payment Amount=========Start==*/

.paymentAmountModalContent[b-8c46mtgt6d] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .paymentAmountModalContent[b-8c46mtgt6d]  div.ebizTooltip {
        width: 100%;
    }
/*=======Payment Amount=========End==*/
.paymentAmountModalClass.EBizModal .k-window-titlebar .k-window-title[b-8c46mtgt6d] {
    display: flex;
    justify-content: center !important;
}

.paymentAmount[b-8c46mtgt6d] {
    height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
}

.fieldIsModifiedMobile[b-8c46mtgt6d] {
    position: relative;
}

    .fieldIsModifiedMobile .modified-caret-icon-mobile[b-8c46mtgt6d] {
        z-index: 2;
        align-self: end;
    }

.modified-caret-icon-mobile[b-8c46mtgt6d] {
    position: absolute;
    right: auto;
    left: -1px;
    top: 14px;
    display: flex;
    justify-content: left;
}

[b-8c46mtgt6d] .k-numerictextbox.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px #4263f8;
}

.rowSelectedContent[b-8c46mtgt6d] {
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-8c46mtgt6d] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}
/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-8c46mtgt6d] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

[b-8c46mtgt6d] .k-pager-info {
    display: none;
}

[b-8c46mtgt6d] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-8c46mtgt6d] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-8c46mtgt6d] .k-button-flat::after {
    box-shadow: none;
}

[b-8c46mtgt6d] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-8c46mtgt6d] .k-pager-nav::before,
    [b-8c46mtgt6d] .k-pager-nav:hover,
    [b-8c46mtgt6d] .k-pager-nav:hover::before,
    [b-8c46mtgt6d] .k-pager-nav:active,
    [b-8c46mtgt6d] .k-pager-nav:active::before,
    [b-8c46mtgt6d] .k-pager-nav:focus,
    [b-8c46mtgt6d] .k-pager-nav:focus::before,
    [b-8c46mtgt6d] .k-pager-nav:focus-within,
    [b-8c46mtgt6d] .k-pager-nav:focus-within::before,
    [b-8c46mtgt6d] .k-pager-nav:target,
    [b-8c46mtgt6d] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-8c46mtgt6d] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-8c46mtgt6d] .k-pager-numbers {
    gap: 8px;
}

    [b-8c46mtgt6d] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-8c46mtgt6d] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-8c46mtgt6d] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-8c46mtgt6d] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

        [b-8c46mtgt6d] .k-pager-numbers button.k-selected span.k-button-text {
            color: var(--colors-content-brand-dark);
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.75;
            text-align: center;
        }

[b-8c46mtgt6d] .k-pager-sizes {
    display: block !important;
}

    [b-8c46mtgt6d] .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }

        [b-8c46mtgt6d] .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }

    [b-8c46mtgt6d] .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

        [b-8c46mtgt6d] .k-pager-sizes span.k-dropdownlist {
            padding: 10px;
            width: auto;
            height: 36px;
            margin: 0px;
            border-radius: 8px;
            border: solid 1px var(--colors-stroke-light);
            background-color: var(--colors-fill-primary);
            box-shadow: none;
        }

            [b-8c46mtgt6d] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
                padding: 0px;
                align-items: center;
                justify-content: center;
            }

            [b-8c46mtgt6d] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
                padding: 0px;
            }

                [b-8c46mtgt6d] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                    background-color: #fff !important;
                }

[b-8c46mtgt6d] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-8c46mtgt6d] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-8c46mtgt6d] button[aria-label="More pages"] {
    display: none !important;
}

[b-8c46mtgt6d] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-8c46mtgt6d] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-8c46mtgt6d] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-8c46mtgt6d] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/
/*=======Search and Filters======start====*/
.searchAndFilter[b-8c46mtgt6d] {
    display: flex;
    gap: 8px;
    margin-top: 32px;
    margin-bottom: 12px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-8c46mtgt6d] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-8c46mtgt6d] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}

.NoDataTemplate[b-8c46mtgt6d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.badgesBar[b-8c46mtgt6d] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.crossIcon[b-8c46mtgt6d] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-8c46mtgt6d] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/

[b-8c46mtgt6d] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}

[b-8c46mtgt6d] .filter-button {
    border-radius: 6px 0 0 6px;
}
.gap-4[b-8c46mtgt6d]{
    gap: 4px;
}
[b-8c46mtgt6d] label[for="defaultMethod"] {
    margin-bottom: 0;
}
/* /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;
}
.gap-3[b-g7kcu1ifie]{
    gap: 3px;
}
[b-g7kcu1ifie] .k-skeleton {
    border-radius: 8px;
}
@media (max-width: 440px) {

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

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

    [b-g7kcu1ifie] .ebiz-checkbox label {
        margin-left: 0px;
        vertical-align: text-top;
        white-space: nowrap;
    }
}

@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: flex-start;
    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] {
    max-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;
    align-items: center;
    gap: 24px;
}

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

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

.checkboxGap[b-g7kcu1ifie]  .ebiz-checkbox {
    align-items: center;
}

.checkboxGap[b-g7kcu1ifie]  .ebiz-checkbox .ebiz-padded-icon-wrapper,
.checkboxGap[b-g7kcu1ifie]  .ebiz-checkbox > label:last-of-type {
    display: flex;
    align-items: center;
    min-height: 16px;
}

.checkboxGap[b-g7kcu1ifie]  .ebiz-checkbox > label:last-of-type {
    line-height: 16px;
}

.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 : 0px;
    display: flex;
    align-items: center;
    justify-content: end;
    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;
}

.card-expiration-column[b-g7kcu1ifie] {
    display: flex;
    flex-direction: column;
}

    [b-g7kcu1ifie] #expiredCard {
        border: solid 1px var(--colors-stroke-error) !important;
        box-shadow: none !important;
    }

.card-expiration-column:has(> .validation-message) .nc-min-vw-month.cardMonth[b-g7kcu1ifie]  .k-textbox,
.card-expiration-column:has(> .validation-message) .nc-min-vw-month.cardYear[b-g7kcu1ifie]  .k-textbox {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !important;
}

.card-expiration-column .nc-min-vw-month.cardMonth:has(.validation-message)[b-g7kcu1ifie]  .k-textbox {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !important;
}

    .card-expiration-column .nc-min-vw-month.cardYear:has(.validation-message)[b-g7kcu1ifie]  .k-textbox {
        border: solid 1px var(--colors-stroke-error) !important;
        box-shadow: none !important;
    }

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

[b-g7kcu1ifie] .accountTypeDropdown:has(.validation-message) .k-textbox {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !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;
}

/*== New Card Fixed Amount only==*/
[b-g7kcu1ifie] .newCardFixedAmountOnly {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom:12px;
}
[b-g7kcu1ifie] .marginBottom12pxTop24px {
    margin-bottom: 12px;
    margin-top: 24px;
}
.flex-1[b-g7kcu1ifie] {
    flex: 1 1 !important;
}
[b-g7kcu1ifie] .flex-gap-12px {
    gap: 12px;
}
/*== New Card Fixed Amount only==*/
[b-g7kcu1ifie] .TabStripWrapper .k-tabstrip-items-wrapper:first-child .k-tabstrip-items{
    display: none;
}
[b-g7kcu1ifie] .TabStripWrapper .Step2InnerTabStrip .k-tabstrip-items-wrapper .k-tabstrip-items {
    display: flex;
}
.payment-row[b-g7kcu1ifie] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.payment-left[b-g7kcu1ifie] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.payment-badge[b-g7kcu1ifie] {
   position: absolute;
   right: 12px;
   top: 11px;
}
.badge-container[b-g7kcu1ifie] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}
.payment-badge-dropdownitem[b-g7kcu1ifie] {
    margin-left: auto;
}

[b-g7kcu1ifie] .badge-small {
    padding: 6px 8px;
    height: 20px;
    margin-right: 16px;
}

@supports (-webkit-touch-callout: none) {
    @media (max-width: 440px) {
        [b-g7kcu1ifie] input.k-input-inner {
            font-size: 12px !important;
        }
    }
}
/* /Pages/Components/PaymentHistoryMobileGrid.razor.rz.scp.css */
/* ---------- Invoice Cards ---------- */
.invoice[b-4191txgi3t] {
    margin: 16px 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
}

.invoice-meta[b-4191txgi3t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inv-title[b-4191txgi3t] {
    flex: 1;
}

.check[b-4191txgi3t] {
    padding-top: 6px;
}

    .check input[b-4191txgi3t] {
        width: 18px;
        height: 18px;
        accent-color: var(--brand);
    }

.card-view[b-4191txgi3t] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 10px;
}

    .card-view dd[b-4191txgi3t] {
        margin: 0;
        color: #111827;
    }

.due-date[b-4191txgi3t] {
    display: flex;
    justify-content: flex-end;
}

.row-title[b-4191txgi3t] {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-4191txgi3t] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.view-details[b-4191txgi3t] {
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.payment-amount span[b-4191txgi3t] {
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.amount[b-4191txgi3t] {
    background: var(--colors-fill-grayscale-light-secondary);
    padding: 6px 8px;
    height: 28px;
}

.show-balance[b-4191txgi3t] {
    width: 28px;
    height: 28px;
    border: none;
    place-items: center;
    background: transparent;
}

.edit-payment[b-4191txgi3t] {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
}

    /*=======Payment Amount=========Start==*/

.paymentAmountModalContent[b-4191txgi3t]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
    /*=======Payment Amount=========End==*/
.paymentAmountModalClass.EBizModal .k-window-titlebar .k-window-title[b-4191txgi3t] {
    display: flex;
    justify-content: center !important;
}

.paymentAmount[b-4191txgi3t] {
    height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
}
.fieldIsModifiedMobile[b-4191txgi3t]{
    position: relative;
}
    .fieldIsModifiedMobile .modified-caret-icon-mobile[b-4191txgi3t] {
        z-index: 2;
        align-self: end;
    }
.modified-caret-icon-mobile[b-4191txgi3t] {
    position: absolute;
    right: auto;
    left: -1px;
    top: 14px;
    display: flex;
    justify-content: left;
}
[b-4191txgi3t] .k-numerictextbox.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px #4263f8;
}

.rowSelectedContent[b-4191txgi3t] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.show-items.refresh-button[b-4191txgi3t] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

.invoice .invoice-details[b-4191txgi3t] {
    display: none;
}

.invoice.is-open .invoice-details[b-4191txgi3t] {
    display: grid;
    grid-template-columns: auto 1fr;
}

.invoice.is-selected[b-4191txgi3t] {
    border-color: var(--colors-stroke-active);
}

.NoDataTemplate[b-4191txgi3t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-4191txgi3t] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

    [b-4191txgi3t] .k-pager-info {
        display:none;
    }

[b-4191txgi3t] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-4191txgi3t] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-4191txgi3t] .k-button-flat::after {
    box-shadow: none;
}

[b-4191txgi3t] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-4191txgi3t] .k-pager-nav::before,
    [b-4191txgi3t] .k-pager-nav:hover,
    [b-4191txgi3t] .k-pager-nav:hover::before,
    [b-4191txgi3t] .k-pager-nav:active,
    [b-4191txgi3t] .k-pager-nav:active::before,
    [b-4191txgi3t] .k-pager-nav:focus,
    [b-4191txgi3t] .k-pager-nav:focus::before,
    [b-4191txgi3t] .k-pager-nav:focus-within,
    [b-4191txgi3t] .k-pager-nav:focus-within::before,
    [b-4191txgi3t] .k-pager-nav:target,
    [b-4191txgi3t] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-4191txgi3t] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-4191txgi3t] .k-pager-numbers {
    gap: 8px;
}

    [b-4191txgi3t] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-4191txgi3t] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-4191txgi3t] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-4191txgi3t] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

[b-4191txgi3t] button[aria-label="More pages"] {
    display: none !important;
}

[b-4191txgi3t] .k-pager-numbers button.k-selected span.k-button-text {
    color: var(--colors-content-brand-dark);
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: center;
}
[b-4191txgi3t] .k-pager-sizes{
    display: block !important;
}
    [b-4191txgi3t] .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }
        [b-4191txgi3t] .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }
    [b-4191txgi3t] .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

    [b-4191txgi3t] .k-pager-sizes span.k-dropdownlist {
        padding: 10px;
        width: auto;
        height: 36px;
        margin: 0px;
        border-radius: 8px;
        border: solid 1px var(--colors-stroke-light);
        background-color: var(--colors-fill-primary);
        box-shadow: none;
    }

        [b-4191txgi3t] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
            padding: 0px;
            align-items: center;
            justify-content: center;
        }

        [b-4191txgi3t] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
            padding: 0px;
        }

            [b-4191txgi3t] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                background-color: #fff !important;
            }

[b-4191txgi3t] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-4191txgi3t] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-4191txgi3t] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-4191txgi3t] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-4191txgi3t] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-4191txgi3t] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/

/*=======Search and Filters======start====*/
.searchAndFilter[b-4191txgi3t] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-4191txgi3t] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-4191txgi3t] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}


.badgesBar[b-4191txgi3t] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 12px;
}

.crossIcon[b-4191txgi3t] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-4191txgi3t] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/
[b-4191txgi3t] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}

[b-4191txgi3t] .filter-button {
    border-radius: 6px 0 0 6px;
}
/* /Pages/Components/PaymentReceipt.razor.rz.scp.css */
.card-body[b-lo61otfzpx] {
    padding: 1.5rem 2rem;
}

.sucesscardWidth[b-lo61otfzpx] {
    width: 396px;
}

.successCardWraper[b-lo61otfzpx] {
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
    margin-top: 32px;
    width: 396px;
}

.contentWrapper[b-lo61otfzpx] {
    display: flex;
    justify-content: center;
}

.successCardDataWraper[b-lo61otfzpx] {
    margin-top: 32px;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.paymentReciptWrapper[b-lo61otfzpx] {
    display: flex;
    gap: 24px;
    justify-content: center;
}

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

.mt-12px[b-lo61otfzpx] {
    margin-bottom: 0;
    margin-top: 12px;
}

.mb-32px[b-lo61otfzpx] {
    margin-bottom: 32px;
}

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

[b-lo61otfzpx] .HeadingsH6 {
    color: var(--colors-content-secondary)
}

.navigationButton[b-lo61otfzpx] {
    background-color: transparent;
    border: none;
    padding: 0;
    height: 16px;
    display: flex;
}

.disabledNavigation[b-lo61otfzpx] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #f2f2f4;
    cursor: default;
}

.navigationCard[b-lo61otfzpx] {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.mobileNavigationWidth[b-lo61otfzpx] {
    width: 40px;
    height: 40px;
}
/* /Pages/Components/PaymentSuccessCard.razor.rz.scp.css */
.card-body[b-uev8m98t9t] {
    padding: 1.5rem 2rem;
}

.sucesscardWidth[b-uev8m98t9t] {
    width: 396px;
}

.successCardWraper[b-uev8m98t9t] {
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
    margin-top: 32px;
    width: 396px;
}

.contentWrapper[b-uev8m98t9t] {
    display: flex;
    justify-content: center;
}

.successCardDataWraper[b-uev8m98t9t] {
    margin-top: 32px;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.paymentReciptWrapper[b-uev8m98t9t] {
    display: flex;
    gap: 24px;
    justify-content: center;
}

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

.mt-12px[b-uev8m98t9t] {
    margin-bottom: 0;
    margin-top: 12px;
}

.mb-32px[b-uev8m98t9t] {
    margin-bottom: 32px;
}

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

[b-uev8m98t9t] .HeadingsH6 {
    color: var(--colors-content-secondary)
}
/* /Pages/Components/PaymentSuccessRow.razor.rz.scp.css */
.dataWrapper[b-0hswgrenjn] {
    display: flex;
}
.custom-flex-2[b-0hswgrenjn]{
    flex: 2;
}
/* /Pages/Components/ReviewPaymentCard.razor.rz.scp.css */
.reviewPaymentContainerStyle[b-dg0qafbld2] {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    padding:0 !important;
}
/* /Pages/Components/ReviewPaymentRow.razor.rz.scp.css */
.label-section[b-cux6n0oq1b] {
    gap: 4px;
    max-width: 70%; 
}

.value-section[b-cux6n0oq1b] {
    min-width: 80px;
    text-align: right;
    white-space: nowrap;
}

.tooltip-icon[b-cux6n0oq1b] {
    display: inline-flex;
    align-items: center;
    margin-top: 2px;
}
/* /Pages/Components/SalesOrderListMobileGrid.razor.rz.scp.css */
/* ---------- Invoice Cards ---------- */
.invoice[b-fv67xjv5b2] {
    margin: 16px 0;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 16px;
}

.invoice-meta[b-fv67xjv5b2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inv-title[b-fv67xjv5b2] {
    flex: 1;
}

.check[b-fv67xjv5b2] {
    padding-top: 6px;
}

    .check input[b-fv67xjv5b2] {
        width: 18px;
        height: 18px;
        accent-color: var(--brand);
    }

.card-view[b-fv67xjv5b2] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 10px;
}

    .card-view dd[b-fv67xjv5b2] {
        margin: 0;
        color: #111827;
    }

.due-date[b-fv67xjv5b2] {
    display: flex;
    justify-content: flex-end;
}

.row-title[b-fv67xjv5b2] {
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: var(--colors-content-secondary);
}

.row-value[b-fv67xjv5b2] {
    display: flex;
    justify-content: flex-end;
    flex-grow: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.view-details[b-fv67xjv5b2] {
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #0a0a0a;
}

.payment-amount span[b-fv67xjv5b2] {
    border-radius: 4px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 0;
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: var(--colors-content-primary);
}

.amount[b-fv67xjv5b2] {
    background: var(--colors-fill-grayscale-light-secondary);
    padding: 6px 8px;
    height: 28px;
}

.show-balance[b-fv67xjv5b2] {
    width: 28px;
    height: 28px;
    border: none;
    place-items: center;
    background: transparent;
}

.edit-payment[b-fv67xjv5b2] {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
}

.invoice .invoice-details[b-fv67xjv5b2] {
    display: none;
}

.invoice.is-open .invoice-details[b-fv67xjv5b2] {
    display: grid;
    grid-template-columns: auto 1fr;
}

.invoice.is-selected[b-fv67xjv5b2] {
    border-color: var(--colors-stroke-active);
}

/*=======Payment Amount=========Start==*/

.paymentAmountModalContent[b-fv67xjv5b2] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/*=======Payment Amount=========End==*/
.paymentAmountModalClass.EBizModal .k-window-titlebar .k-window-title[b-fv67xjv5b2] {
    display: flex;
    justify-content: center !important;
}

.paymentAmount[b-fv67xjv5b2] {
    height: 28px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #f8f8f8;
}

.fieldIsModifiedMobile[b-fv67xjv5b2] {
    position: relative;
}

    .fieldIsModifiedMobile .modified-caret-icon-mobile[b-fv67xjv5b2] {
        z-index: 2;
        align-self: end;
    }

.modified-caret-icon-mobile[b-fv67xjv5b2] {
    position: absolute;
    right: auto;
    left: -1px;
    top: 14px;
    display: flex;
    justify-content: left;
}

[b-fv67xjv5b2] .k-numerictextbox.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff;
    border: solid 1px #4263f8;
}

.rowSelectedContent[b-fv67xjv5b2] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.show-items.refresh-button[b-fv67xjv5b2] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

.NoDataTemplate[b-fv67xjv5b2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 238px;
    height: auto;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

/*==================pagination=========start=======*/
.mobileGridPagerWrapper[b-fv67xjv5b2] {
    padding: 0 4px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

[b-fv67xjv5b2] .k-pager-info {
    display: none;
}

[b-fv67xjv5b2] .k-pager.k-pager-sm {
    width: 100%;
    min-width: 326px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
    padding: 0px;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

[b-fv67xjv5b2] .k-pager .k-pager-numbers-wrap {
    gap: 8px;
    align-items: center;
}

[b-fv67xjv5b2] .k-button-flat::after {
    box-shadow: none;
}

[b-fv67xjv5b2] .k-pager-nav {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px !important;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;
    padding: 0;
    border: none;
}

    [b-fv67xjv5b2] .k-pager-nav::before,
    [b-fv67xjv5b2] .k-pager-nav:hover,
    [b-fv67xjv5b2] .k-pager-nav:hover::before,
    [b-fv67xjv5b2] .k-pager-nav:active,
    [b-fv67xjv5b2] .k-pager-nav:active::before,
    [b-fv67xjv5b2] .k-pager-nav:focus,
    [b-fv67xjv5b2] .k-pager-nav:focus::before,
    [b-fv67xjv5b2] .k-pager-nav:focus-within,
    [b-fv67xjv5b2] .k-pager-nav:focus-within::before,
    [b-fv67xjv5b2] .k-pager-nav:target,
    [b-fv67xjv5b2] .k-pager-nav:target::before {
        background-color: #fff !important;
    }

    [b-fv67xjv5b2] .k-pager-nav .k-svg-icon {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        min-width: 16px;
        max-width: 16px;
        min-height: 16px;
        max-height: 16px;
        padding: 0;
        border: none;
    }

/* pager numbers of pager */
[b-fv67xjv5b2] .k-pager-numbers {
    gap: 8px;
}

    [b-fv67xjv5b2] .k-pager-numbers button {
        box-sizing: border-box;
        width: 26px;
        height: 28px;
        min-width: 26px !important;
        max-width: 26px;
        min-height: 28px;
        max-height: 28px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 4px;
        border-radius: 4px;
        background-color: var(--colors-fill-primary) !important;
        color: transparent;
    }

        [b-fv67xjv5b2] .k-pager-numbers button:hover {
            background-color: var(--colors-fill-tertiary) !important;
        }

        [b-fv67xjv5b2] .k-pager-numbers button.k-selected {
            background-color: var(--colors-fill-brand-light) !important;
            color: var(--colors-fill-brand-light) !important;
        }

        [b-fv67xjv5b2] .k-pager-numbers button span.k-button-text {
            flex-grow: 0;
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: center;
            color: var(--colors-content-primary);
        }

        [b-fv67xjv5b2] .k-pager-numbers button.k-selected span.k-button-text {
            color: var(--colors-content-brand-dark);
            font-family: ProximaNova, sans-serif;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.75;
            text-align: center;
        }

[b-fv67xjv5b2] button[aria-label="More pages"] {
    display: none !important;
}

[b-fv67xjv5b2] .k-pager-sizes {
    display: block !important;
}

    [b-fv67xjv5b2] .k-pager-sizes span:nth-child(2) {
        font-size: 0 !important;
    }

        [b-fv67xjv5b2] .k-pager-sizes span:nth-child(2)::after {
            content: "items";
            font-size: 16px;
            font-family: ProximaNova, sans-serif;
            margin-left: 8px;
        }

    [b-fv67xjv5b2] .k-pager-sizes span {
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

        [b-fv67xjv5b2] .k-pager-sizes span.k-dropdownlist {
            padding: 10px;
            width: auto;
            height: 36px;
            margin: 0px;
            border-radius: 8px;
            border: solid 1px var(--colors-stroke-light);
            background-color: var(--colors-fill-primary);
            box-shadow: none;
        }

            [b-fv67xjv5b2] .k-pager-sizes span.k-dropdownlist span.k-input-inner {
                padding: 0px;
                align-items: center;
                justify-content: center;
            }

            [b-fv67xjv5b2] .k-pager-sizes span.k-dropdownlist button.k-icon-button {
                padding: 0px;
            }

                [b-fv67xjv5b2] .k-pager-sizes span.k-dropdownlist button.k-icon-button:active {
                    background-color: #fff !important;
                }

[b-fv67xjv5b2] div.gridPagerButtonWrapper button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff !important;
}

    [b-fv67xjv5b2] div.gridPagerButtonWrapper button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-fv67xjv5b2] button.GridRefreshButton {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: #fff;
}

    [b-fv67xjv5b2] button.GridRefreshButton:hover {
        border: solid 1px var(--colors-stroke-medium);
    }

[b-fv67xjv5b2] .k-disabled .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23ykqlfif45a)%22%3E%3Cpath%20d%3D%22m10.255%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038.001.04v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22ykqlfif45a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-disabled .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-disabled .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%23E0E0E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-disabled .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%23E0E0E3%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-svg-i-caret-alt-to-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23v1lqurtdfa)%22%3E%3Cpath%20d%3D%22m10.256%203.338.038-.003h.079l.039.003.04.006.034.007.072.021.045.018.088.047.06.043.054.049.055.062.036.052.036.064.012.024.018.044.02.072.008.036.006.04.003.038L11%204v8a.667.667%200%200%201-1.082.521l-.056-.05-4-4a.667.667%200%200%201-.055-.88l.055-.063%204-4%20.063-.056.051-.036.064-.036.024-.01.045-.019.072-.021.035-.007.04-.007v.001z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M5%203.333v9.334%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22v1lqurtdfa%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-svg-i-caret-alt-left {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43434)%22%3E%3Cpath%20d%3D%22M9.58857%203.33805L9.62724%203.33472H9.70591L9.74457%203.33805L9.78457%203.34405L9.81924%203.35072L9.89124%203.37205L9.93591%203.39005L10.0239%203.43672L10.0839%203.48005L10.1379%203.52872L10.1932%203.59138L10.2292%203.64272L10.2652%203.70672L10.2766%203.73072L10.2946%203.77538L10.3159%203.84738L10.3226%203.88272L10.3292%203.92272L10.3319%203.96072L10.3332%204.00005V12.0001C10.3332%2012.5681%209.67591%2012.8647%209.25124%2012.5221L9.19524%2012.4714L5.19524%208.47138C5.08046%208.35659%205.0115%208.20386%205.00131%208.04184C4.99113%207.87982%205.04041%207.71965%205.13991%207.59138L5.19524%207.52872L9.19524%203.52872L9.25791%203.47338L9.30924%203.43738L9.37324%203.40138L9.39724%203.39005L9.44191%203.37205L9.51391%203.35072L9.54924%203.34405L9.58924%203.33738L9.58857%203.33805Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43434%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-svg-i-caret-alt-to-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43426)%22%3E%3Cpath%20d%3D%22M5%204.00008C5%203.43208%205.65733%203.13541%206.082%203.47808L6.138%203.52874L10.138%207.52874C10.2528%207.64354%2010.3217%207.79627%2010.3319%207.95829C10.3421%208.12031%2010.2928%208.28048%2010.1933%208.40874L10.138%208.47141L6.138%2012.4714L6.07533%2012.5267L6.024%2012.5627L5.96%2012.5987L5.936%2012.6101L5.89133%2012.6281L5.81933%2012.6494L5.784%2012.6561L5.744%2012.6627L5.706%2012.6654L5.66667%2012.6667L5.62733%2012.6654L5.58867%2012.6621L5.54867%2012.6561L5.514%2012.6494L5.442%2012.6281L5.39733%2012.6101L5.30933%2012.5634L5.24933%2012.5201L5.19533%2012.4714L5.14%2012.4087L5.104%2012.3574L5.068%2012.2934L5.05667%2012.2694L5.03867%2012.2247L5.01733%2012.1527L5.01067%2012.1174L5.004%2012.0774L5.00133%2012.0394L5%204.00008Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3Cpath%20d%3D%22M11%203.33325V12.6666%22%20stroke%3D%22%230A0A0A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43426%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-svg-i-caret-alt-right {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23m5nmeghbca)%22%3E%3Cpath%20d%3D%22M6%204a.667.667%200%200%201%201.082-.522l.056.05%204%204a.667.667%200%200%201%20.055.88l-.055.063-4%204-.063.056-.051.036-.064.036-.024.011-.045.018-.072.021-.035.007-.04.007-.038.002-.04.002-.039-.002-.038-.003-.04-.006-.035-.007-.072-.02-.045-.019-.088-.047-.06-.043-.054-.049-.055-.062-.036-.052-.036-.064-.011-.024-.018-.044-.022-.072-.006-.036-.007-.04-.003-.038L6%204z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22m5nmeghbca%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16v16H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

[b-fv67xjv5b2] .k-svg-i-caret-alt-down {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5655_43334)%22%3E%3Cpath%20d%3D%22M11.6653%206C12.2333%206%2012.53%206.65733%2012.1873%207.082L12.1367%207.138L8.13667%2011.138C8.02187%2011.2528%207.86914%2011.3217%207.70712%2011.3319C7.5451%2011.3421%207.38494%2011.2928%207.25667%2011.1933L7.194%2011.138L3.194%207.138L3.13867%207.07533L3.10267%207.024L3.06667%206.96L3.05533%206.936L3.03733%206.89133L3.016%206.81933L3.00933%206.784L3.00267%206.744L3%206.706V6.62733L3.00333%206.58867L3.00933%206.54867L3.016%206.514L3.03733%206.442L3.05533%206.39733L3.102%206.30933L3.14533%206.24933L3.194%206.19533L3.25667%206.14L3.308%206.104L3.372%206.068L3.396%206.05667L3.44067%206.03867L3.51267%206.01733L3.548%206.01067L3.588%206.004L3.626%206.00133L11.6653%206Z%22%20fill%3D%22%230A0A0A%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5655_43334%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') !important;
}

/*==================pagination=========End=======*/

/*=======Search and Filters======start====*/
.searchAndFilter[b-fv67xjv5b2] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    width: auto;
}

    .searchAndFilter .searchTextBoxWrap[b-fv67xjv5b2] {
        display: flex;
        flex-grow: 1;
    }

.EBizFilterMobile[b-fv67xjv5b2] {
    height: 42px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-primary);
    cursor: pointer;
    width: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
}


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

.crossIcon[b-fv67xjv5b2] {
    flex-direction: column;
    display: flex;
    cursor: pointer;
}

.ClearAllFiltersButton[b-fv67xjv5b2] {
    color: var(--e-biz-blue-700);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    padding: 0;
}
/*=======Search and Filters======End====*/
[b-fv67xjv5b2] .icon-dropdown-anchor {
    transform: rotate(0deg) !important;
}

[b-fv67xjv5b2] .filter-button {
    border-radius: 6px 0 0 6px;
}
/* /Pages/Components/StepperDeck.razor.rz.scp.css */
[b-xqgeb0rykg] .k-step-current .k-step-indicator-text {
    color: var(--colors-content-inverse-primary);
}

[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;
    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.75;
    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: #5a5a60;
    left: 11px;
    width: 1px;
}

[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;
    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;
    height: 24px;
}

[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;
    }

@supports (-webkit-touch-callout: none) {
    [b-xqgeb0rykg] .k-stepper .k-step-link {
        align-items: flex-end;
    }
}
/* /Pages/Components/TimeoutModal.razor.rz.scp.css */
.mobileLayoutStyles[b-ub3cdovih3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 1rem;
}
/* /Pages/Components/TransactionResultModal.razor.rz.scp.css */
.transactionResultModelContainer[b-rkzf97ipii] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    border-radius: 8px;
    border: solid 1px #e0e0e3;
}
.Results-Modal-List-Container[b-rkzf97ipii] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 4px;
    border-radius: 8px; 
}
.viewDetails_Container[b-rkzf97ipii] {
    padding: 16px;
    background-color: var(--colors-fill-secondary);
}
.Results-Modal-List-Item[b-rkzf97ipii] {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 8px;
}
.mt-12[b-rkzf97ipii]{
    margin-top: 12px;
}
.ViewDetailsHeader[b-rkzf97ipii] {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 4px 0;
    border-radius: 8px;
}
.flex-1[b-rkzf97ipii]{
    flex-grow: 1;
}
.flex-2[b-rkzf97ipii]{
    flex-grow: 2;
}
.flex-2-8[b-rkzf97ipii]{
    flex-grow: 2.8;
}
.statusContent[b-rkzf97ipii] {
    display: flex;
    align-items: center;
    gap: 8px;
}
[b-rkzf97ipii] .icon-green-outline svg path {
    stroke: var(--colors-stroke-success);
    fill: white;
}
[b-rkzf97ipii] .icon-red-outline svg path {
    stroke: var(--colors-stroke-error);
    fill: white;
}
/* /Pages/Index.razor.rz.scp.css */
.container-fluid[b-v8ol4fkh7y] {
    height: 100vh;
    overflow-y: hidden;
}

.mainImageDiv[b-v8ol4fkh7y] {
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
    overflow:hidden;
}

/* Login Screen */
@media (min-width: 320px) and (max-width: 480px) {
    .mainInputSectionDiv[b-v8ol4fkh7y] {
        padding: 0 1rem !important;
    }
}

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

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

.logoImage[b-v8ol4fkh7y] {
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;   
    width: 55%;
}

.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);
}

@media (max-width: 375px) {
    .mainImageDiv[b-v8ol4fkh7y] {
        min-height: 250px !important;
        height: 250px !important;
    }
}

@media (max-width: 575px) {
    .container-fluid[b-v8ol4fkh7y] {
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .mainImageDiv[b-v8ol4fkh7y] {
        max-height: 400px;
        height: 100vh;
    }

    .mainInputSectionDiv[b-v8ol4fkh7y] {
        padding: 1rem 75px;
        align-items: flex-start;
    }

    .login-page-height[b-v8ol4fkh7y] {
        display: block;
    }
}
@media(max-width: 1024px) {
    .mainImageDiv[b-v8ol4fkh7y] {
        max-height: 500px;
        height: 100vh;
    }

    .mainInputSectionDiv[b-v8ol4fkh7y] {
        padding: 1rem 75px;
        margin: auto;
        max-width: 600px;
    }

    .loginImage[b-v8ol4fkh7y] {
        display: block;
        max-width: 100vw;
        height: auto;
    }

    .login-page-height[b-v8ol4fkh7y] {
        display: block;
    }

    .col-md-8[b-v8ol4fkh7y] {
        max-width: 100% !important;
    }
}

@media(max-width: 768px) {
    .mainImageDiv[b-v8ol4fkh7y] {
        min-height: 400px;
        height: 100vh;
        overflow: hidden;
    }

    .col-md-8[b-v8ol4fkh7y] {
        max-width: 100% !important;
    }
}

@media(max-width: 992px) {
    .mainImageDiv[b-v8ol4fkh7y] {
        max-height: 400px;
        height: 100vh;
    }

    .mainInputSectionDiv[b-v8ol4fkh7y] {
        padding: 1rem 75px;
        margin: auto;
        max-width: 500px;
    }

    .login-page-height[b-v8ol4fkh7y] {
        display: block;
    }

    .col-md-8[b-v8ol4fkh7y] {
        max-width: 100% !important;
    }
}
/* /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);
}
/* /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: flex-start;
}

    .accountInfoHeaderContainer > *[b-lu40oc4v5t] {
        align-self: 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;
}
/* /Pages/MyAccount/AccountSettingsRow.razor.rz.scp.css */
.truncate-content[b-83jdmdqmqy] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /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%;
    }
}
/* /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.mb32px[b-4aiqc2v2an] {
    margin-bottom: 32px;
}

.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;
}

.codeResent[b-4aiqc2v2an]  {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /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;
}
    .mfaText.mb32px[b-u4p2jm2cml]{
        margin-bottom: 32px;
    }

    .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;
}
.codeResent[b-u4p2jm2cml]  {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /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);
}

[b-7426yxoweh] label {
    display: inline-block;
    margin-bottom: 0px;
}

@media (max-width: 900px) {
    .userSettingsSection[b-7426yxoweh] {
        padding-left: 16px;
    }
}
/* /Pages/MyAccount/ResetPasswordForm.razor.rz.scp.css */
[b-jzr3569d68] .ebcForm, .resetPasswordContainer[b-jzr3569d68] {
    display: flex;
    flex-direction: column;
}
    [b-jzr3569d68] .ebcForm .k-form-field:nth-child(1) {
        margin-bottom: 24px;
    }

    [b-jzr3569d68] .ebcForm .k-form-field:nth-child(2) {
        margin-bottom: 16px;
    }

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

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

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

[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)
}

[b-jzr3569d68] .k-form-field-error .k-textbox {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !important;
}
/* /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;
    align-items: center;
}

.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;
}
/* /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;
}
/* /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: proxima-nova, sans-serif;
    font-size: 14px;
}

.deleteText[b-oyjq36l260] {
    color: #e02020;
}
/* /Pages/MySavedPaymentMethods/EBizBankForm.razor.rz.scp.css */
h3[b-avf3dsbg6p] {
    color: var(--colors-content-primary);
}

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

.column-style[b-avf3dsbg6p]  {
    display: flex;
    flex-direction: column;
}

[b-avf3dsbg6p] .k-form-layout {
    gap: 24px !important;
}

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

[b-avf3dsbg6p] .k-floating-label {
    font-family: ProximaNova, sans-serif !important;
    color: #495057 !important;
}

[b-avf3dsbg6p] .textbox-icon-selector svg path {
    stroke: var(--colors-content-secondary);
}

[b-avf3dsbg6p] .dropdown-icon-selector #ebiz-textboxComponent svg path {
    fill: var(--colors-content-secondary);
}

[b-avf3dsbg6p] .k-form-legend, [b-avf3dsbg6p] .k-form-buttons {
    display: none;
}

[b-avf3dsbg6p] .ebiz-checkbox label {
    font-family: ProximaNova, sans-serif !important;
    font-size: 14px;
    color: var(--colors-content-primary);
}

[b-avf3dsbg6p] .dropdown-icon-selector:has(.validation-message) .k-textbox,
[b-avf3dsbg6p] .dropdown-icon-selector:has(.validation-message) .k-textbox:hover {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !important;
}
.ebiz-checkbox[b-avf3dsbg6p] {
    display: flex;
    gap: 8px;
    align-items: center;
}

input[type="checkbox"][b-avf3dsbg6p] {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: solid 1px var(--colors-stroke-medium);
    background-color: var(--colors-fill-primary);
    background-position: center;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input.indeterminate-checkbox[type="checkbox"]:checked[b-avf3dsbg6p] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='none'/%3E%3Cpath d='M5 8h6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

input[type="checkbox"]:checked[b-avf3dsbg6p] {
    background-color: var(--colors-fill-brand);
    border: solid 1px var(--colors-fill-brand);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='none'/%3E%3Cpath d='m5 8 2 2 4-4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

input[type="checkbox"]:disabled[b-avf3dsbg6p] {
    border: solid 1px var(--colors-stroke-medium);
    background-color: var(--colors-fill-disabled-gray);
}

input[type="checkbox"]:checked:disabled[b-avf3dsbg6p] {
    background-color: var(--colors-fill-disabled-brand);
    border: solid 1px var(--colors-fill-disabled-brand);
}

label[b-avf3dsbg6p] {
    color: var(--colors-content-primary);
    cursor: pointer;
    user-select: none;
}

.ebiz-checkbox:has(input[type="checkbox"]:disabled) label[b-avf3dsbg6p] {
    cursor: auto;
}
.ebiz-checkbox input[b-avf3dsbg6p] {
    cursor: pointer;
}
/* /Pages/MySavedPaymentMethods/EBizCardForm.razor.rz.scp.css */
.monthYearContainer[b-8ce7kl9w35], .cardExpirationErrorContainer[b-8ce7kl9w35] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cardExpirationContainer[b-8ce7kl9w35], .cvvCardExpContainer[b-8ce7kl9w35], .stateZipContainer[b-8ce7kl9w35] {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.cvvCardExpContainer[b-8ce7kl9w35] {
    align-items: start;
}

.securityCodeContainer[b-8ce7kl9w35] {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.securityCodeContainer:has(.k-form-error.k-invalid-msg ) .tooltipwrapper[b-8ce7kl9w35] {
    margin-bottom: 20px;
}

.tooltipwrapper[b-8ce7kl9w35]  svg path, [b-8ce7kl9w35] .cardnumberclass svg path {
    stroke: var(--colors-content-secondary);
}

.dropdownIconSelector[b-8ce7kl9w35]  .k-floating-label-container svg path {
    fill: var(--colors-content-secondary);
}

.card-form[b-8ce7kl9w35]  .k-floating-label-container:not(.k-empty) input.k-input-inner {
    padding-top: 16px;
    padding-bottom: 6px;
    line-height: 20px;
}

.card-form[b-8ce7kl9w35]  .k-floating-label-container:not(.k-empty) .k-input-suffix,
.card-form[b-8ce7kl9w35]  .k-floating-label-container:not(.k-empty) .k-input-suffix-horizontal {
    align-self: center;
}

[b-8ce7kl9w35] .k-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-8ce7kl9w35] .k-form-layout {
    gap: 12px !important;
}

[b-8ce7kl9w35] .k-form-legend, [b-8ce7kl9w35] .k-form-buttons {
    display: none;
}

[b-8ce7kl9w35] .k-form-field, [b-8ce7kl9w35] .k-form-fieldset, [b-8ce7kl9w35] .ebiz-checkbox label {
    margin: 0px;
}

[b-8ce7kl9w35] .setDefaultCheckbox {
    margin-top: 4px;
}

[b-8ce7kl9w35] .EBizModal .k-window-content {
    padding: 0px 24px !important;
}

.cardExpirationErrorContainer:has(> .validation-message) .monthYearContainer[b-8ce7kl9w35]  .k-textbox {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !important;
}
.ebiz-checkbox[b-8ce7kl9w35] {
    display: flex;
    gap: 8px;
    align-items: center;
}
input[type="checkbox"][b-8ce7kl9w35] {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: solid 1px var(--colors-stroke-medium);
    background-color: var(--colors-fill-primary);
    background-position: center;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input.indeterminate-checkbox[type="checkbox"]:checked[b-8ce7kl9w35] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='none'/%3E%3Cpath d='M5 8h6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

input[type="checkbox"]:checked[b-8ce7kl9w35] {
    background-color: var(--colors-fill-brand);
    border: solid 1px var(--colors-fill-brand);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='none'/%3E%3Cpath d='m5 8 2 2 4-4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
input[type="checkbox"]:disabled[b-8ce7kl9w35] {
    border: solid 1px var(--colors-stroke-medium);
    background-color: var(--colors-fill-disabled-gray);
}

input[type="checkbox"]:checked:disabled[b-8ce7kl9w35] {
    background-color: var(--colors-fill-disabled-brand);
    border: solid 1px var(--colors-fill-disabled-brand);
}
label[b-8ce7kl9w35] {
    color: var(--colors-content-primary);
    cursor: pointer;
    user-select: none;
}

.ebiz-checkbox:has(input[type="checkbox"]:disabled) label[b-8ce7kl9w35] {
    cursor: auto;
}
.flex-1[b-8ce7kl9w35]{
    flex : 1;
}
@media (max-width: 440px) {
    [b-8ce7kl9w35] .tooltipwrapper {
        width: 20px;
        height: 42px;
        display: flex;
        align-items: center;
    }
}
.ebiz-checkbox input[b-8ce7kl9w35]
{
    cursor: pointer;
}
/* /Pages/MySavedPaymentMethods/InfoCardComponent.razor.rz.scp.css */
.card-content-wrapper[b-8wkbw0zbt5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.savedPay-card-info[b-8wkbw0zbt5] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 32px;
}

.card-content-wrapper h3[b-8wkbw0zbt5] {
    height: 20px;
    display: flex;
}
/* /Pages/MySavedPaymentMethods/MySavedPaymentMethods.razor.rz.scp.css */
[b-qgabl1q4w3] .k-tab-strip-content.k-active {
    border: 0px;
}

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

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

.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: -48px;
    width: 100%;
    justify-content: end;
    display: flex;
}

@media (max-width: 480px) {
    .buttonLocation[b-qgabl1q4w3] {
        position: static;
        justify-content: flex-start;
        margin: 16px 0;
        width: 100%;
        flex-flow: column;
    }

    [b-qgabl1q4w3] #ebiz-textboxComponent {
        width: 100% !important;
    }

    [b-qgabl1q4w3] .ebizTooltip .k-input.k-input-solid.k-input-md {
        width: 100% !important;
    }

    [b-qgabl1q4w3] .FilterDropdownLastItem {
        margin-left: auto;
        width: calc(100vw - 48px);
    }
    [b-qgabl1q4w3] .medium-card-padding {
        overflow-x: hidden;
        overflow-y: auto;
    }
    [b-qgabl1q4w3] .Toast .k-notification{
        width: 350px;
    }
    [b-qgabl1q4w3] .cards-gap {
        gap: 12px !important;
    }
    [b-qgabl1q4w3] .radio-button-container {
        margin-left: 0px !important;
    }
}

[b-qgabl1q4w3] .k-tabstrip-items-wrapper.k-hstack {
    width: fit-content;
    z-index: 15;
}

.cards-gap[b-qgabl1q4w3] {
    gap: 24px;
}

.card-item[b-qgabl1q4w3] {
    flex: 1 1 338px;
    min-width: 338px;
    display: flex;
}

[b-qgabl1q4w3] .tabStripContentContainer .gridPagerWrapper {
    margin: 8px 0;
}

.card-item > *[b-qgabl1q4w3] {
    flex: 1;
}

@media (min-width: 788px) {
    .buttonLocation[b-qgabl1q4w3] {
        position: absolute;
        top: -48px;
        width: 100%;
        justify-content: end;
        display: flex;
    }
}

.hide-info-cards[b-qgabl1q4w3] {
    display: none !important;
}

.toggle-info-cards[b-qgabl1q4w3] {
    margin-left: auto;
    width: 81px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--base-white);
}

[b-qgabl1q4w3] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-master-row:hover .k-grid-content-sticky[b-qgabl1q4w3] {
    background-color: #ffffff !important;
}

[b-qgabl1q4w3] .k-grid .k-grid-norecords td:focus,
[b-qgabl1q4w3] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}
[b-qgabl1q4w3] .radio-button-container
{
    margin-left: 10px;
}
/* /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;
}

.invoiceAutoPaymentContainer[b-zsjpzens0s] {
    position: relative;
}

[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;
    }

[b-zsjpzens0s] .floating-default:hover {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.08);
}

.skeleton-position[b-zsjpzens0s] {
    float: right;
}

@media(max-width:1198px) {
    .quickPayWrapper[b-zsjpzens0s] {
        flex-direction: column;
    }
}
@media(max-width:440px)
{ 
    [b-zsjpzens0s] .k-input-solid:focus {
        box-shadow: none !important;
    }
    [b-zsjpzens0s] .k-textbox:hover {
        border: solid 1px var(--colors-stroke-light);
    }
    [b-zsjpzens0s] .quick-pay-account-container, [b-zsjpzens0s] .quick-pay-card-container, [b-zsjpzens0s] .quick-pay-card-banner-container {
        height: auto !important;
        margin-bottom: 24px;
    }
    [b-zsjpzens0s] .quickPay_PayNowButton
    {
        width: 100% !important;
    }
}

/* /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%;
    }
}

/* /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;
}

[b-klhn0rz6wu] .k-chart-point path {
    stroke-opacity: 0 !important;
}

@media (min-width: 600px) {
    .col-xl-8[b-klhn0rz6wu] {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media (min-width: 600px) {
    [b-klhn0rz6wu] .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 440px) {
    .ml-36[b-klhn0rz6wu] {
        margin-left: 13px;
    }

    .ml-5[b-klhn0rz6wu] {
        margin-left: 5px !important;
    } 
}
/* /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;
}

.custom-grid[b-vkxf9lea0q] {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem;
    align-items: stretch;
}

.grid-item[b-vkxf9lea0q] {
    display: flex;
    flex-direction: column;
}

.chart-wrapper[b-vkxf9lea0q] {
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 220px;
}

[b-vkxf9lea0q] .statusesChartWrapper {
    padding: 8px 0 0px;
}

@media (max-width: 700px) {
    .chart-wrapper[b-vkxf9lea0q] {
        flex-direction: column !important;
        flex-wrap: wrap;
        gap: 1.2rem;
    }
}

.invoicesStatusDDLWrapper[b-vkxf9lea0q] {
    max-width: 300px;
}

[b-vkxf9lea0q] .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
}

    @media (max-width: 1440px) {
        .custom-grid[b-vkxf9lea0q] {
            grid-template-columns: 1fr !important;
        }

        [b-vkxf9lea0q] .chartOuterDiv {
            flex-grow: 2 !important;
        }

        [b-vkxf9lea0q] #sourceLegendTd {
            flex-grow: 1 !important;
        }
    }

    .reportsDateRangeFilterWrapper[b-vkxf9lea0q] {
    display: flex;
    gap: 16px;
    margin: 24px 0;
}

[b-vkxf9lea0q] .container-for-dateRangeLabelContainer {
    gap: 16px !important;
}

.hide-charts[b-vkxf9lea0q] {
    display: none !important;
}

.toggle-info-cards[b-vkxf9lea0q] {
    margin-left: auto;
    width: 81px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: solid 1px #e0e0e3;
    background-color: #fff;
}

@media (max-width: 440px) {
    .reportsDateRangeFilterWrapper[b-vkxf9lea0q] {
        flex-wrap: wrap;
    }

        .reportsDateRangeFilterWrapper[b-vkxf9lea0q]  .ebiz-btn-secondary.btn-medium {
            width: 100%;
            height: 48px;
        }

    [b-vkxf9lea0q] .datePickerMainWrapper {
        flex-grow: 1;
    }

    [b-vkxf9lea0q] .invoicesStatusDDLWrapper .k-input-md {
        width: 100% !important;
        height: 48px !important;
    }

    [b-vkxf9lea0q] .invoicesStatusDDLWrapper {
        max-width: 100%;
        width: 100%;
    }

    [b-vkxf9lea0q] .cardTypeChart {
        position: relative;
        padding: 0;
        padding-left: 0px !important;
    }

    [b-vkxf9lea0q] .statusesChartWrapper .row.timelinessChartContainer {
        display: grid;
        grid-template-columns: max-content;
        justify-content: center;
        gap: 24px;
    }

    [b-vkxf9lea0q] .datePickerContainer {
        height: 48px;
    }

    [b-vkxf9lea0q] .statusesChartWrapper #sourceLegendTd {
        transform: translateX(-30%);
    }

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

@media (max-width: 390px) {
    [b-vkxf9lea0q] .ml-32 {
        margin-left: 48px !important;
    }
}

    [b-vkxf9lea0q] .floating {
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
        height: auto;
    }
/* /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;
}

.custom-margin-12:not(:last-child)[b-eytu736s7x] {
    margin-bottom: 12px;
}

@media (max-width: 440px) {

    .statusesChartWrapper[b-eytu736s7x] {
        padding: 8px 0 0px !important;
    }
}
/* /Pages/Reports/PaymentHistory/CardTypeChart.razor.rz.scp.css */
.paidOnTimeLabel[b-2i12et0wlb] {
    font-family: proxima-nova, 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;
}

[b-2i12et0wlb] .k-chart-point path {
    stroke-opacity: 0 !important;
}

@media (max-width: 440px) {
    .ml-36[b-2i12et0wlb] {
        margin-left: 13px !important;
    }

    .cardTypeChart[b-2i12et0wlb] {
        position: relative;
        padding: 0;
        padding-left: 8px !important;
    }
}
/* /Pages/Reports/PaymentHistory/PaymentHistory.razor.rz.scp.css */
[b-ixj4tt5xez] .k-grid th.k-header {
    vertical-align: middle;
}

.gap-24[b-ixj4tt5xez] {
    gap: 24px;
}

[b-ixj4tt5xez] .flex-fill {
    flex: 1 1 !important;
}

.custom-grid[b-ixj4tt5xez] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* side by side by default */
    gap: 1.5rem;
    align-items: stretch;
}

.grid-item[b-ixj4tt5xez] {
    display: flex;
    flex-direction: column;
}

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

.chart-wrapper[b-ixj4tt5xez] {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    min-height: 220px;
}

@media (max-width: 1549px) {
    .custom-grid[b-ixj4tt5xez] {
        grid-template-columns: 1fr;
    }
}

.reportsDateRangeFilterWrapper[b-ixj4tt5xez] {
    display: flex;
    gap: 16px;
    margin: 24px 0;
}

[b-ixj4tt5xez] .container-for-dateRangeLabelContainer {
    gap: 16px !important;
}

.hide-charts[b-ixj4tt5xez] {
    display: none !important;
}

.toggle-info-cards[b-ixj4tt5xez] {
    margin-left: auto;
    width: 81px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: solid 1px #e0e0e3;
    background-color: #fff;
}


@media (max-width: 480px) {
    .reportsDateRangeFilterWrapper[b-ixj4tt5xez] {
        flex-wrap: wrap;
    }

        .reportsDateRangeFilterWrapper[b-ixj4tt5xez]  .ebiz-btn-secondary.btn-medium {
            width: 100%;
            height: 48px;
        }

    [b-ixj4tt5xez] .datePickerMainWrapper {
        flex-grow: 1;
    }

    [b-ixj4tt5xez] .datePickerContainer {
        height: 48px;
    }

    [b-ixj4tt5xez] .statusesChartWrapper .row.timelinessChartContainer {
        display: grid;
        grid-template-columns: max-content;
        justify-content: center;
        gap: 24px;
    }

    [b-ixj4tt5xez] .statusesChartWrapper #sourceLegendTd {
        transform: translateX(-30%);
        margin-left: 0;
    }

    [b-ixj4tt5xez] .dueDateChartWrapper .customCards-width-100 {
        margin-left: 8px !important;
    }

    [b-ixj4tt5xez] .ml-32 {
        margin-left: 24px !important;
    }
}

[b-ixj4tt5xez] .floating {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    height: auto;
}

@media (min-width: 600px) {
    [b-ixj4tt5xez] .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media (min-width: 600px) {
    [b-ixj4tt5xez] .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* /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;
}

.custom-margin-12:not(:last-child)[b-d6a1biuyci] {
    margin-bottom: 12px;
}

@media (max-width: 440px) {
    .chartOuterDiv[b-d6a1biuyci] {
        padding-left: 0px;
        display: flex;
        justify-content: center;
        padding-bottom: 24px;
        align-items: center;
        width: 100%;
    }

    .timelineChartWrapper[b-d6a1biuyci] {
        padding: 8px 0 0px !important;
    }
}
/* /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: proxima-nova, sans-serif;
    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: proxima-nova, sans-serif;
    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;
}

.hide-info-cards[b-5djxxrzcve] {
    display: none !important;
}

.toggle-charts[b-5djxxrzcve] {
    margin-left: auto;
    width: 81px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: solid 1px #e0e0e3;
    background-color: #fff;
}

[b-5djxxrzcve] .floating {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    height: -webkit-fill-available;
}

@media (max-width: 440px) {
    [b-5djxxrzcve] .reportsDateRangeFilterWrapper {
        flex-wrap: wrap;
    }

        [b-5djxxrzcve] .reportsDateRangeFilterWrapper .ebiz-btn-secondary.btn-medium {
            width: 100%;
            height: 48px;
        }

    [b-5djxxrzcve] .datePickerMainWrapper {
        flex-grow: 1;
    }

    [b-5djxxrzcve] .datePickerContainer {
        height: 48px;
    }

    [b-5djxxrzcve] .gridToolbar #ebiz-textboxComponent {
        width: 100% !important;
    }

    [b-5djxxrzcve] .gridToolbar .k-input-md {
        width: 100% !important;
    }

    [b-5djxxrzcve] .gridToolbar .gridSettings {
        justify-content: flex-start;
    }

    [b-5djxxrzcve] .filterContainer {
        width: 100%;
    }

        [b-5djxxrzcve] .filterContainer .EBizFilter,
        [b-5djxxrzcve] .export-dropdown-anchor {
            width: 100%;
            height: 48px;
        }

    .title-content[b-5djxxrzcve] {
        align-items: baseline;
    }
}

[b-5djxxrzcve] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-master-row:hover .k-grid-content-sticky[b-5djxxrzcve] {
    background-color: #ffffff !important;
}

[b-5djxxrzcve] .k-grid .k-grid-norecords td:focus,
[b-5djxxrzcve] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* /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;
}

.custom-grid[b-h51e7ff79l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: stretch;
}

.grid-item[b-h51e7ff79l] {
    display: flex;
    flex-direction: column;
}

.chart-wrapper[b-h51e7ff79l] {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    min-height: 220px;
}

@media (max-width: 1261px) {
    .custom-grid[b-h51e7ff79l] {
        grid-template-columns: 1fr;
    }

    [b-h51e7ff79l] .chartOuterDiv {
        flex-grow: 2 !important;
    }

    [b-h51e7ff79l] #sourceLegendTd {
        flex-grow: 1 !important;
    }

}
.reportsDateRangeFilterWrapper[b-h51e7ff79l] {
    display: flex;
    gap: 16px;
    margin: 24px 0;
}
[b-h51e7ff79l] .container-for-dateRangeLabelContainer {
    gap: 16px !important;
}

.hide-charts[b-h51e7ff79l] {
    display: none !important;
}

.toggle-info-cards[b-h51e7ff79l] {
    margin-left: auto;
    width: 81px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: solid 1px #e0e0e3;
    background-color: #fff;
}

[b-h51e7ff79l] .floating {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    height: auto;
}


@media (max-width: 440px) {
    .reportsDateRangeFilterWrapper[b-h51e7ff79l] {
        flex-wrap: wrap;
    }

        .reportsDateRangeFilterWrapper[b-h51e7ff79l]  .ebiz-btn-secondary.btn-medium {
            width: 100%;
            height: 48px;
        }

    [b-h51e7ff79l] .datePickerMainWrapper {
        flex-grow: 1;
    }

    [b-h51e7ff79l] .datePickerContainer {
        height: 48px;
    }

    [b-h51e7ff79l] .statusesChartWrapper .row.timelinessChartContainer {
        display: grid;
        grid-template-columns: max-content;
        justify-content: center;
        gap: 24px;
    }

    [b-h51e7ff79l] .statusesChartWrapper #sourceLegendTd {
        transform: translateX(-30%);
        margin-left: 6px;
    }

    [b-h51e7ff79l] .ml-32 {
        margin-left: -14px !important;
    }
}

@media (max-width: 390px) {

    [b-h51e7ff79l] .ml-32 {
        margin-left: 24px !important;
    }
}

    @media (min-width: 600px) {
        [b-h51e7ff79l] .col-xl-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
    }
/* /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;
}
/* /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;
}
/* /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;
    }
/* /Pages/SalesOrders/ManageOrder/ManageSalesOrder.razor.rz.scp.css */
.cardHorizontalPadding[b-sf40o21xkr] {
	padding-right: 1rem;
	padding-left: 1rem;
}
/* /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;
}
/* /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;
}
/* /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: center !important;
}

.creditGridFooter[b-01kq89ecos] {
    display: flex;
    justify-content: space-between;
    margin-bottom:24px;
}
.credit-grid[b-01kq89ecos] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
[b-01kq89ecos] .card-view{
    gap: 0 !important;
    margin-bottom: 4px !important;
}
.credit-row[b-01kq89ecos] {
    display: flex;
    align-items: center;
    gap: 48px;
    flex-wrap: wrap;
}
[b-01kq89ecos] .creditAmountInput {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11px 16px !important;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
}
    [b-01kq89ecos] .creditAmountInput.k-disabled {
        background-color: var(--colors-fill-grayscale-light-tertiary);
    }
    [b-01kq89ecos] .creditAmountInput input {
        padding: 0;
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        color: var(--colors-content-secondary);
    }
[b-01kq89ecos] .creditAmountInput_footer input{
    text-align:right !important;
}
.tableValue input[b-01kq89ecos] {
    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);
    font-family: ProximaNova, 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-secondary);
}
.creditAmountInput[b-01kq89ecos] {
    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);
}
    .creditAmountInput.k-disabled[b-01kq89ecos] {
        background-color: var(--colors-fill-grayscale-light-tertiary);
    }
    @media (max-width: 600px) {
        .creditGridFooter[b-01kq89ecos] {
        flex-direction: column;
        align-items: center;
    }
}

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

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

    @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.k-disabled {
    height: 42px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11px 16px !important;
    border-radius: 8px !important;
    border: solid 1px var(--colors-stroke-light);
    background-color: #f2f2f4;
}
    [b-01kq89ecos] .text-box:hover {
        border: solid 1px var(--colors-stroke-medium) !important;
    }
[b-01kq89ecos] .text-box.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff !important;
    border: solid 1px var(--colors-stroke-active) !important;
}
[b-01kq89ecos] .creditAmountInput:hover {
    border: solid 1px var(--colors-stroke-medium) !important;
}

[b-01kq89ecos] .creditAmountInput.k-focus {
    box-shadow: 0 0 4px 0 #6b88ff !important;
    border: solid 1px var(--colors-stroke-active) !important;
}

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

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

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

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

.credit-row-mobile-view[b-01kq89ecos] {
    display: flex;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    background-color: #f8f8f8;
}
.credit-row-content[b-01kq89ecos] {
    font-family: ProximaNova, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #000;
    text-box-trim: trim-both;
}

[b-01kq89ecos] .choose-credits-tooltip-icon path {
    stroke: #0a0a0a;
}

.original-remaining-amount-untrim[b-01kq89ecos] {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
}

.drawer-title-wrapper[b-01kq89ecos] {
    width: 100%;
}

.select-apply-credit-mobile .titleContainer[b-01kq89ecos] {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
}

.select-apply-credit-mobile .titleContainer .title[b-01kq89ecos] {
    grid-column: 2;
    justify-self: center;
    text-align: center;
}

.select-apply-credit-mobile .choose-credits-tooltip[b-01kq89ecos] {
    grid-column: 3;
    justify-self: start;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
}
/* /Pages/SelectPayInvoices/CreditGrid.razor.rz.scp.css */

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

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

[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);
   
}
    [b-sbapkq795u] .creditAmountInput.k-disabled {
        background-color: var(--colors-fill-grayscale-light-tertiary);
    }
    [b-sbapkq795u] .creditAmountInput input {
        padding: 0;
        text-align: right;
        font-family: ProximaNova, 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-secondary);
    }
    [b-sbapkq795u] .creditAmountInput:hover {
        border: solid 1px var(--colors-stroke-medium) !important;
    }
    [b-sbapkq795u] .creditAmountInput.k-focus {
        box-shadow: 0 0 4px 0 #6b88ff !important;
        border: solid 1px var(--colors-stroke-active) !important;
    }
    [b-sbapkq795u] .gridPagerWrapper {
        display: none;
    }
[b-sbapkq795u] .numericTextRight {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 16px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    text-align: right !important;
    font-family: ProximaNova, sans-serif;
    font-size: 14px;
    color: var(--colors-content-secondary);
}
    [b-sbapkq795u] .numericTextRight:hover {
        border: solid 1px var(--colors-stroke-medium) !important;
    }
    [b-sbapkq795u] .numericTextRight input {
        text-align: right !important;
        padding: 0;
        font-family: ProximaNova, sans-serif;
        font-size: 14px;
        color: var(--colors-content-secondary);
    }
    [b-sbapkq795u] .numericTextRight.k-focus {
        border: solid 1px var(--colors-stroke-active) !important;
    }
.original-remaining-amount-untrim[b-sbapkq795u] {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
}

@media (max-width: 600px) {
    .applyButton[b-sbapkq795u] {
        width: 100%;
    }

    [b-sbapkq795u] .applyButton {
        width: 100%;
    }
}
/* /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';
}
[b-ea3e75abrm]  .numericTextRight {
    height: 42px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 16px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
}

.payTermModalContent[b-ea3e75abrm]{
    display:flex;
    justify-content:space-between;
    margin-top:16px;
}
.margin-bottom-8px[b-ea3e75abrm]{
    margin-bottom: 8px;
}
.paytermModalWrapper .modalContentWrapper[b-ea3e75abrm] {
    margin-bottom: 0 !important;
}

#invoiceAutoGrid[b-ea3e75abrm]  tbody tr td span.k-checkbox-wrap input:checked {
    background-color: var(--colors-content-brand);
    border-color: var(--colors-content-brand);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='none'/%3E%3Cpath d='m5 8 2 2 4-4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    content: none !important;
}


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

    .totalPaymentAmountText[b-ea3e75abrm] {
        font-family: AvenirNext-Medium !important;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }
}
/* /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;
}

/* Loader overlay styles handled globally in site.css via .ebizLoader */

.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: 24px;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: 0px;
    margin-top: 24px;
}

.stepper-panel[b-999y1geqre] {
    padding: 16px 8px;
    width: 170px !important;
}

[b-999y1geqre] .ebiz-stepper-vertical {
    min-width: 170px !important;
}

[b-999y1geqre] .medium-card-padding {
    overflow: hidden;
}

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

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

    [b-999y1geqre] .k-step-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    [b-999y1geqre] .k-stepper > .k-progressbar {
        display: none;
    }
}

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

@media(max-width:820px) {
    [b-999y1geqre] .k-step-list {
        display: flex;
    }
}

[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);
}

.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;
    margin-bottom: 180px;
}

.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;
}


.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;
}

.cardsTitleContent[b-999y1geqre] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
}

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

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

.invoiceDateRangeFilterWrapper[b-999y1geqre] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

[b-999y1geqre] .container-for-dateRangeLabelContainer {
    display: flex;
    height: 42px;
    flex-direction: row;
    gap: 16px;
    user-select: none;
}

.invoicesStatusDDLWrapper[b-999y1geqre] {
    max-width: 300px;
}

.status-refresh[b-999y1geqre] {
    display: flex;
    gap: 1rem;
}

[b-999y1geqre] .PopUpStyle {
    width: clamp(50vw, calc(100vw - 32px), 552px) !important;
}

#paymentSummaryWrapperId[b-999y1geqre] {
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 24px;
    border-top: solid 1px var(--colors-stroke-light);
    background-color: var(--base-white);
    z-index: 99;
    width: calc(100% - 304px);
}

    #paymentSummaryWrapperId .paymentSummaryContent[b-999y1geqre] {
        display: flex;
        gap: 24px;
        align-items: center;
    }

    #paymentSummaryWrapperId .HeadingsH6[b-999y1geqre] {
        color: var(--colors-content-secondary) !important;
    }

.Line-622[b-999y1geqre] {
    width: 1px;
    height: 12px;
    flex-grow: 0;
    background-color: var(--colors-stroke-medium);
}

.Line-624[b-999y1geqre] {
    width: 1px;
    height: 16px;
    align-self: stretch;
    flex-grow: 0;
    background-color: var(--colors-stroke-light);
}

#paymentSummaryWrapperId .paymentSummaryContent .paymentSummarySingleItem[b-999y1geqre] {
    display: flex;
    gap: 8px;
}

#paymentSummaryWrapperId .paymentSummaryButtons[b-999y1geqre],
.paymentCreditButtons[b-999y1geqre] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: 32px;
}

#divMain[b-999y1geqre] {
    margin-bottom: 80px;
}

@media (max-width: 480px) {

    [b-999y1geqre] .datePickerContainer {
        height: 48px;
    }

    .status-refresh[b-999y1geqre] {
        flex-wrap: wrap;
    }

        .status-refresh[b-999y1geqre]  .k-floating-label {
            /* Subtracting 32px to account for the icon space and padding */
            max-width: calc(100% - 32px) !important;
        }

    [b-999y1geqre] .gridSettings {
        justify-content: flex-start;
    }

    [b-999y1geqre] .filterContainer {
        width: 100%;
    }

    [b-999y1geqre] .EBizFilter {
        width: 100%;
    }

    [b-999y1geqre] #ebiz-textboxComponent {
        width: 100% !important;
    }

    [b-999y1geqre] .ebizTooltip .k-input.k-input-solid.k-input-md {
        width: 100% !important;
    }

    [b-999y1geqre] .FilterDropdownLastItem {
        margin-left: auto;
        width: calc(100vw - 48px);
    }

    .invoicesStatusDDLWrapper[b-999y1geqre] {
        max-width: 100%;
        width: -webkit-fill-available;
    }

        .invoicesStatusDDLWrapper[b-999y1geqre]  .ebiz-btn-secondary {
            width: 100% !important;
        }

        .invoicesStatusDDLWrapper[b-999y1geqre]  .k-textbox {
            height: 48px !important;
        }

    #divMain[b-999y1geqre] {
        margin-bottom: 166px;
    }
    #paymentSummaryWrapperId[b-999y1geqre] {
        position: fixed;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        display: block;
        min-height: 170px;
        border-top: solid 1px var(--colors-stroke-light);
        background-color: var(--base-white);
    }

        #paymentSummaryWrapperId .paymentSummaryContent[b-999y1geqre] {
            display: block;
        }

            #paymentSummaryWrapperId .paymentSummaryContent .paymentSummarySingleItem[b-999y1geqre] {
                display: flex;
                justify-content: space-between;
                padding-bottom: 16px;
            }

        .paymentSummaryButtons[b-999y1geqre],
        .paymentCreditButtons[b-999y1geqre] {
            width: 100%;
            margin-left: 0px !important;
        }

            .paymentSummaryButtons[b-999y1geqre]  .ebiz-btn-primary,
            .paymentSummaryButtons[b-999y1geqre]  .ebiz-btn-secondary,
            .paymentSummaryButtons[b-999y1geqre]  .ebiz-btn-cancel,
            .paymentCreditButtons[b-999y1geqre]  .ebiz-btn-primary,
            .paymentCreditButtons[b-999y1geqre]  .ebiz-btn-secondary,
            .paymentCreditButtons[b-999y1geqre]  .ebiz-btn-cancel {
                width: 100%;
                height: 48px;
                margin-top: 8px;
            }

    [b-999y1geqre] .medium-card-padding {
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.hide-info-cards[b-999y1geqre] {
    display: none !important;
}

.toggle-info-cards[b-999y1geqre] {
    margin-left: auto;
    width: 81px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--base-white);
}

.stepper[b-999y1geqre] {
    display: grid;
    gap: 10px;
    margin: 8px 0 18px;
}

.credits[b-999y1geqre] {
    grid-template-columns: 1fr 1fr 1fr 1fr .1fr;
}

.no-credits[b-999y1geqre] {
    grid-template-columns: 1fr 1fr 1fr .1fr;
}

.bar[b-999y1geqre] {
    height: 6px;
    border-radius: 8px;
    background: var(--gray-300);
}

    .bar.is-active[b-999y1geqre] {
        background: var(--base-black);
    }

.step-heading[b-999y1geqre] {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 700;
    margin: 10px 0 4px;
}

.step-index[b-999y1geqre] {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: var(--base-black);
    color: var(--base-white);
    font-size: 14px;
}

[b-999y1geqre] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-master-row:hover .k-grid-content-sticky[b-999y1geqre] {
    background-color: #ffffff !important;
}

[b-999y1geqre] .k-grid .k-grid-norecords td:focus,
[b-999y1geqre] .k-grid .k-table-row td:focus {
    outline: none !important;
    box-shadow: none !important;
}

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

    .paymentAmountModalContent[b-999y1geqre]  .ebizTooltip {
        width: 100%;
    }

    .margin-90[b-999y1geqre] {
        margin-bottom: 90px !important;
    }

@media (max-width: 440px) {
    [b-999y1geqre] .label-container, .noLabelContainer .nolabel-container[b-999y1geqre] {
        outline: none;
        display: flex;
        flex-direction: column;
        position: relative;
        height: 42px;
        padding: 13px 0 0 16px;
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-999y1geqre] .input-container .k-floating-label-container label.k-floating-label {
        color: var(--colors-content-secondary);
        z-index: 2;
        font-size: 12px;
        top: 6px;
        left: 16px;
    }

    [b-999y1geqre] .BodyBase.Trim .k-input-inner {
        font-size: 14px;
        height: 40px;
    }

    [b-999y1geqre] .k-floating-label-container input.k-input-inner {
        padding: 26px 16px 2px 15px;
        text-indent: 0;
        color: var(--colors-content-primary);
    }
    .paymentSummaryWrapperClass[b-999y1geqre] {
        align-items: self-end !important;
        justify-content: flex-end !important;
        display: flex !important;
        min-height: auto !important;
        height: auto !important;
    }
    .step-content-panel[b-999y1geqre]{
        margin-bottom: 0px;
    }
}
/* /Pages/SelectPayOrders/OrderSelection.razor.rz.scp.css */
.order-iframe[b-b3k44yfii2] {
    width: 100%;
    height: 99%;
    min-height: 590px;
    border: none;
    overflow: auto;
}
#payOrderGrid[b-b3k44yfii2]  tbody tr td span.k-checkbox-wrap input:checked {
    background-color: var(--colors-content-brand);
    border-color: var(--colors-content-brand);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='none'/%3E%3Cpath d='m5 8 2 2 4-4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    content: none !important;
}
/* /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: 100px;
}

[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: 24px;
    flex-wrap: nowrap;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 24px;
}

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

.step-content-panel[b-k3v8pdw57g] {
    min-width: 250px;
    position: relative;
    width: 100%;
    margin-bottom: 78px;
}

[b-k3v8pdw57g] .payorders-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);
}

/* 
 * Increased margin-bottom from 80px to 180px (125% increase) to ensure sufficient spacing below the SalesOrder section.
 * This prevents overlap with the fixed footer and accommodates additional content on longer pages.
 */
.SalesOrder[b-k3v8pdw57g] {
    position: relative;
    margin-bottom: 0px;
}

@media(max-width:600px) {
    .payorders-info-cards[b-k3v8pdw57g] {
        width: 100% !important;
        margin-top: 16px;
    }

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

@media(max-width:760px) {
    [b-k3v8pdw57g] .gridSettings {
        flex-direction: column !important;
    }

    [b-k3v8pdw57g] .ebizTooltip .k-input-md {
        width: 100%;
    }

    [b-k3v8pdw57g] .payNowButton {
        min-width: 200px;
    }
}

@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;
    }
}


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

    [b-k3v8pdw57g] .k-step-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    [b-k3v8pdw57g] .k-stepper > .k-progressbar {
        display: none;
    }
}

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

@media(max-width:820px) {
    [b-k3v8pdw57g] .k-step-list {
        display: flex;
    }
}

.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;
}

.orderDateRangeFilterWrapper[b-k3v8pdw57g] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

[b-k3v8pdw57g] .container-for-dateRangeLabelContainer {
    display: flex;
    height: 42px;
    flex-direction: row;
    gap: 16px;
    user-select: none;
}

.status-refresh[b-k3v8pdw57g] {
    display: flex;
    gap: 1rem;
}

#paymentSummaryWrapperId[b-k3v8pdw57g] {
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 24px;
    border-top: solid 1px var(--colors-stroke-light);
    background-color: var(--base-white);
    z-index: 999;
}

    #paymentSummaryWrapperId .paymentSummaryContent[b-k3v8pdw57g] {
        display: flex;
        gap: 24px;
        align-items: center;
    }

.Line-622[b-k3v8pdw57g] {
    width: 1px;
    height: 12px;
    flex-grow: 0;
    background-color: var(--colors-stroke-medium);
}

.Line-624[b-k3v8pdw57g] {
    width: 1px;
    height: 16px;
    align-self: stretch;
    flex-grow: 0;
    background-color: var(--colors-stroke-light);
}

#paymentSummaryWrapperId .paymentSummaryContent .paymentSummarySingleItem[b-k3v8pdw57g] {
    display: flex;
    gap: 8px;
}

#paymentSummaryWrapperId .paymentSummaryButtons[b-k3v8pdw57g] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: 32px;
}

@media (max-width: 480px) {
    [b-k3v8pdw57g] .gridSettings {
        justify-content: flex-start;
    }

    [b-k3v8pdw57g] .datePickerMainWrapper {
        flex-grow: 1;
        min-width: 120px;
    }

    [b-k3v8pdw57g] .datePickerContainer {
        height: 48px;
    }

    [b-k3v8pdw57g] .filterContainer {
        width: 100%;
    }

    [b-k3v8pdw57g] .EBizFilter {
        width: 100%;
    }

    [b-k3v8pdw57g] #ebiz-textboxComponent {
        width: 100% !important;
    }

    [b-k3v8pdw57g] .ebizTooltip .k-input.k-input-solid.k-input-md {
        width: 100% !important;
    }

    [b-k3v8pdw57g] .FilterDropdownLastItem {
        margin-left: auto;
        width: calc(100vw - 48px);
    }

    #paymentSummaryWrapperId[b-k3v8pdw57g] {
        position: fixed;
        bottom: 0 !important;
        left: 0 !important;
        min-height: 100px;
        width: 100% !important;
        display: block;
        border-top: solid 1px var(--colors-stroke-light);
        background-color: var(--base-white);
    }

        #paymentSummaryWrapperId .paymentSummaryContent[b-k3v8pdw57g] {
            display: block;
        }

            #paymentSummaryWrapperId .paymentSummaryContent .paymentSummarySingleItem[b-k3v8pdw57g] {
                display: flex;
                justify-content: space-between;
                padding-bottom: 16px;
            }

        #paymentSummaryWrapperId .paymentSummaryButtons[b-k3v8pdw57g] {
            width: 100%;
            margin-left: 0px;
        }

            #paymentSummaryWrapperId .paymentSummaryButtons[b-k3v8pdw57g]  .ebiz-btn-primary, [b-k3v8pdw57g] .ebiz-btn-secondary {
                width: 100%;
                height: 42px;
            }

    [b-k3v8pdw57g] .medium-card-padding {
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.hide-info-cards[b-k3v8pdw57g] {
    display: none !important;
}

.toggle-info-cards[b-k3v8pdw57g] {
    margin-left: auto;
    width: 81px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--base-white);
}

.stepper[b-k3v8pdw57g] {
    display: grid;
    gap: 10px;
    margin: 8px 0 18px;
}

.credits[b-k3v8pdw57g] {
    grid-template-columns: 1fr 1fr 1fr 1fr .1fr;
}

.no-credits[b-k3v8pdw57g] {
    grid-template-columns: 1fr 1fr 1fr .1fr;
}

.bar[b-k3v8pdw57g] {
    height: 6px;
    border-radius: 8px;
    background: var(--gray-300);
}

    .bar.is-active[b-k3v8pdw57g] {
        background: var(--base-black);
    }

.step-heading[b-k3v8pdw57g] {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 700;
    margin: 10px 0 4px;
}

.step-index[b-k3v8pdw57g] {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: var(--base-black);
    color: var(--base-white);
    font-size: 14px;
}
@media(max-width:440px) {
    .step-content-panel[b-k3v8pdw57g]{
        margin-bottom: 0;
    }
    .paymentSummarySOWrapperClass[b-k3v8pdw57g] {
        align-items: self-end !important;
        justify-content: flex-end !important;
        display: flex !important;
        min-height: auto !important;
        height: auto !important;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-w1m65glmro] {
    position: relative;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    flex-grow: 1;
}

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

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

#pageContent[b-w1m65glmro] {
    width: 100%; 
    height: auto !important;
    max-width: 1440px;
}

.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;
    }
}
@media(max-width: 480px)
{
    .mainContent[b-w1m65glmro] {
        margin-top: 64px;
    }
}

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

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


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


.main-panel[b-w1m65glmro]{
    display:flex;
    width:100%;
    height: 100vh;
    overflow-y: scroll;
    margin-bottom: 60px;
}
.left-panel[b-w1m65glmro]{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}
@media(max-width: 480px) {
    .mainContent[b-w1m65glmro] {
        margin-top: 64px;
    }
}