@import "variables.css";
@import "fonts.css";
@import "Telerik/styleimport.css";

:root {
    --buttons-colors-delete-cancel-button-delete-fill: var(--base-white);
    --buttons-colors-delete-cancel-button-delete-outline: var(--red-600-base);
    --buttons-colors-delete-cancel-button-cancel-outline: var(--gray-700);
    --buttons-colors-delete-cancel-button-cancel-fill: var(--base-white);
    /* Buttons / Colors / Micro */
    --buttons-colors-micro-button-micro-standard-fill: var(--e-biz-blue-100);
    --buttons-colors-micro-button-micro-standard-hover-fill: var(--e-biz-blue-200);
    --buttons-colors-micro-button-micro-layered-fill: var(--base-white);
    /* Buttons / Colors / Primary */
    --buttons-colors-primary-text: var(--colors-content-inverse-primary);
    --buttons-colors-primary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-primary-fill: var(--e-biz-blue-600-base);
    --buttons-colors-primary-hover-outline: var(--base-white);
    --buttons-colors-primary-hover-fill: var(--e-biz-blue-900);
    /* Buttons / Colors / Secondary */
    --buttons-colors-secondary-secondary-text: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-secondary-text-2: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-button-secondary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-secondary-button-secondary-fill: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-outline: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-fill: var(--e-biz-blue-600-base);
    /* Colors / Content */
    --colors-content-primary: var(--base-black);
    --colors-content-secondary: var(--gray-700);
    --colors-content-tertiary: var(--gray-500);
    --colors-content-inverse-primary: var(--base-white);
    --colors-content-inverse-secondary: var(--gray-300);
    --colors-content-error: var(--red-600-base);
    --colors-content-warning: var(--orange-600-base);
    --colors-content-warning-dark: var(--orange-900);
    --colors-content-link: var(--e-biz-blue-600-base);
    --colors-content-success-light: var(--green-600-base);
    --colors-content-success-dark: var(--green-900);
    --colors-content-brand: var(--e-biz-blue-600-base);
    --colors-content-brand-dark: var(--e-biz-blue-700);
    --colors-content-disabled-brand: var(--e-biz-blue-400-disabled);
    /* Colors / Fill */
    --colors-fill-primary: var(--base-white);
    --colors-fill-secondary: var(--gray-100);
    --colors-fill-tertiary: var(--gray-200);
    --colors-fill-quatrenary: var(--gray-300);
    --colors-fill-black: var(--base-black);
    --colors-fill-gray: var(--gray-700);
    --colors-fill-brand: var(--e-biz-blue-600-base);
    --colors-fill-brand-dark: var(--e-biz-blue-800);
    --colors-fill-brand-light: var(--e-biz-blue-100);
    --colors-fill-error: var(--red-600-base);
    --colors-fill-warning: var(--orange-600-base);
    --colors-fill-success-light-green: var(--green-600-base);
    --colors-fill-success-dark-green: var(--green-900);
    --colors-fill-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-fill-disabled-gray: var(--gray-200);
    /* Colors / Stroke */
    --colors-stroke-active: var(--e-biz-blue-600-base);
    --colors-stroke-brand: var(--e-biz-blue-600-base);
    --colors-stroke-light: var(--gray-300);
    --colors-stroke-medium: var(--gray-400);
    --colors-stroke-dark-primary: var(--base-black);
    --colors-stroke-dark-secondary: var(--gray-700);
    --colors-stroke-error: var(--red-600-base);
    --colors-stroke-success: var(--green-600-base);
    --colors-stroke-warning: var(--orange-600-base);
    /* Dropdown */
    --dropdown-dropdown-item-selected: var(--colors-fill-brand-light);
    --dropdown-dropdown-item-hover: var(--colors-fill-tertiary);
    /* Misc */
    --misc-side-nav: var(--gray-100);
    --misc-scroll-bar: var(--gray-400);
    --misc-hover-fill: var(--e-biz-blue-900);
    --misc-fill: var(--e-biz-blue-600-base);
    --misc-hover-outline: var(--base-white);
    --misc-outline: var(--e-biz-blue-600-base);
    /* Pills */
    --pills-error-fill: var(--red-100);
    --pills-error-text: var(--red-600-base);
    --pills-error-stroke: var(--colors-stroke-error);
    --pills-warning-fill: var(--orange-200);
    --pills-warning-text: var(--colors-content-warning-dark);
    --pills-success-fill: var(--green-100);
    --pills-success-text: var(--colors-content-success-dark);
    --pills-brand-fill: var(--e-biz-blue-100);
    --pills-brand-text: var(--e-biz-blue-900);
    /* Tab Strip */
    --tab-strip-border-primary: var(--colors-stroke-dark-primary);
    --tab-strip-text-default: var(--colors-content-secondary);
    /* Tables / Base Cell */
    --tables-base-cell-cell-hover-fill: var(--colors-fill-tertiary);
    --tables-base-cell-cell-selected-fill: var(--colors-fill-brand-light);
    --tables-base-cell-default-border: var(--colors-stroke-light);
    --tables-base-cell-selected-border: var(--colors-stroke-medium);
    /* Tables / Header */
    --tables-header-fill-color: var(--colors-fill-primary);
    --tables-header-border-color: var(--colors-fill-primary);
    --tables-header-search-field-border-color: var(--colors-stroke-medium);
    /* Tables / Header Cell */
    --tables-header-cell-fill-color: var(--colors-fill-primary);
    --tables-header-cell-default-border: var(--colors-stroke-light);
    --tables-header-cell-standard-fill-color: var(--colors-fill-secondary);
    /* Buttons / Colors / Delete Cancel */
    --buttons-colors-delete-cancel-button-delete-fill: var(--base-white);
    --buttons-colors-delete-cancel-button-delete-outline: var(--red-600-base);
    --buttons-colors-delete-cancel-button-cancel-outline: var(--gray-700);
    --buttons-colors-delete-cancel-button-cancel-fill: var(--base-white);
    /* Buttons / Colors / Micro */
    --buttons-colors-micro-button-micro-standard-fill: var(--e-biz-blue-100);
    --buttons-colors-micro-button-micro-standard-hover-fill: var(--e-biz-blue-200);
    --buttons-colors-micro-button-micro-layered-fill: var(--base-white);
    /* Buttons / Colors / Primary */
    --buttons-colors-primary-text: var(--colors-content-inverse-primary);
    --buttons-colors-primary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-primary-fill: var(--e-biz-blue-600-base);
    --buttons-colors-primary-hover-outline: var(--base-white);
    --buttons-colors-primary-hover-fill: var(--e-biz-blue-900);
    /* Buttons / Colors / Secondary */
    --buttons-colors-secondary-secondary-text: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-secondary-text-2: var(--buttons-colors-secondary-button-secondary-outline);
    --buttons-colors-secondary-button-secondary-outline: var(--e-biz-blue-600-base);
    --buttons-colors-secondary-button-secondary-fill: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-outline: var(--base-white);
    --buttons-colors-secondary-button-secondary-hover-fill: var(--e-biz-blue-600-base);
    /* Buttons 1:1 / Black / Default */
    --buttons-1-1-black-default-border-color: var(--colors-stroke-dark-primary);
    --buttons-1-1-black-default-fill: var(--colors-fill-black);
    --buttons-1-1-black-default-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Black / Disabled */
    --buttons-1-1-black-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-black-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-black-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Black / Hover */
    --buttons-1-1-black-hover-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-black-hover-fill: var(--colors-fill-grayscale-dark-secondary);
    --buttons-1-1-black-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Cancel | Clear / Default */
    --buttons-1-1-cancel-clear-default-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-cancel-clear-default-fill: var(--colors-fill-primary);
    --buttons-1-1-cancel-clear-default-fill-2: var(--colors-fill-primary);
    --buttons-1-1-cancel-clear-default-text-color: var(--colors-content-secondary);
    /* Buttons 1:1 / Cancel | Clear / Disabled */
    --buttons-1-1-cancel-clear-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-cancel-clear-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-cancel-clear-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Cancel | Clear / Hover */
    --buttons-1-1-cancel-clear-hover-border-color: var(--colors-stroke-dark-secondary);
    --buttons-1-1-cancel-clear-hover-fill: var(--colors-fill-gray);
    --buttons-1-1-cancel-clear-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Delete | Remove / Default */
    --buttons-1-1-delete-remove-default-border-color: var(--colors-stroke-error);
    --buttons-1-1-delete-remove-default-fill: var(--colors-fill-primary);
    --buttons-1-1-delete-remove-default-text-color: var(--colors-content-error);
    /* Buttons 1:1 / Delete | Remove / Disabled */
    --buttons-1-1-delete-remove-disabled-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-delete-remove-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-delete-remove-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Delete | Remove / Hover */
    --buttons-1-1-delete-remove-hover-border-color: var(--colors-stroke-error);
    --buttons-1-1-delete-remove-hover-fill: var(--colors-fill-error);
    --buttons-1-1-delete-remove-hover-text-color: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Default */
    --buttons-1-1-primary-default-stroke: var(--colors-stroke-brand);
    --buttons-1-1-primary-default-fill: var(--colors-fill-brand);
    --buttons-1-1-primary-default-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Disabled */
    --buttons-1-1-primary-disabled-stroke: var(--colors-fill-disabled-brand);
    --buttons-1-1-primary-disabled-fill: var(--colors-fill-disabled-brand);
    --buttons-1-1-primary-disabled-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Primary / Hover */
    --buttons-1-1-primary-hover-stroke: var(--colors-fill-brand-dark);
    --buttons-1-1-primary-hover-fill: var(--colors-fill-brand-dark);
    --buttons-1-1-primary-hover-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Secondary / Default */
    --buttons-1-1-secondary-default-stroke: var(--colors-stroke-brand);
    --buttons-1-1-secondary-default-fill: var(--colors-fill-primary);
    --buttons-1-1-secondary-default-text: var(--colors-content-brand);
    /* Buttons 1:1 / Secondary / Disabled */
    --buttons-1-1-secondary-disabled-stroke: var(--colors-fill-disabled-brand);
    --buttons-1-1-secondary-disabled-fill: var(--colors-fill-primary);
    --buttons-1-1-secondary-disabled-text: var(--colors-content-disabled-brand);
    /* Buttons 1:1 / Secondary / Hover */
    --buttons-1-1-secondary-hover-stroke: var(--colors-fill-brand);
    --buttons-1-1-secondary-hover-fill: var(--colors-fill-brand);
    --buttons-1-1-secondary-hover-text: var(--colors-content-inverse-primary);
    /* Buttons 1:1 / Tertiary / Default */
    --buttons-1-1-tertiary-default-border-color: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-default-fill: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-default-text-color: var(--colors-content-primary);
    /* Buttons 1:1 / Tertiary / Disabled */
    --buttons-1-1-tertiary-disabled-stroke: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-disabled-fill: rgba(255, 255, 255, 0);
    --buttons-1-1-tertiary-disabled-text-color: var(--colors-content-tertiary);
    /* Buttons 1:1 / Tertiary / Hover */
    --buttons-1-1-tertiary-hover-stroke: var(--colors-stroke-dark-primary);
    --buttons-1-1-tertiary-hover-fill: rgba(170, 170, 170, 0);
    --buttons-1-1-tertiary-hover-text: var(--colors-content-primary);
    /* Colors / Content */
    --colors-content-primary: var(--base-black);
    --colors-content-secondary: var(--gray-700);
    --colors-content-tertiary: var(--gray-500);
    --colors-content-inverse-primary: var(--base-white);
    --colors-content-inverse-secondary: var(--gray-300);
    --colors-content-error: var(--red-600-base);
    --colors-content-warning: var(--orange-600-base);
    --colors-content-warning-dark: var(--orange-900);
    --colors-content-success-light: var(--green-600-base);
    --colors-content-success-dark: var(--green-900);
    --colors-content-link: var(--e-biz-blue-600-base);
    --colors-content-brand: var(--e-biz-blue-600-base);
    --colors-content-brand-dark: var(--e-biz-blue-700);
    --colors-content-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-content-disabled-brand-dark: var(--e-biz-blue-500);
    /* Colors / Fill / Accent */
    --colors-fill-accent-brand: var(--e-biz-blue-600-base);
    --colors-fill-accent-brand-light: var(--e-biz-blue-100);
    --colors-fill-accent-brand-dark: var(--e-biz-blue-800);
    --colors-fill-accent-brand-disabled: var(--e-biz-blue-400-disabled);
    --colors-fill-accent-error-light: var(--red-100);
    --colors-fill-accent-error: var(--red-600-base);
    --colors-fill-accent-error-dark: var(--red-800);
    --colors-fill-accent-warning-light: var(--orange-100);
    --colors-fill-accent-warning: var(--orange-600-base);
    --colors-fill-accent-warning-dark: var(--orange-800);
    --colors-fill-accent-success-light: var(--green-100);
    --colors-fill-accent-success: var(--green-600-base);
    --colors-fill-accent-success-dark: var(--green-900);
    /* Colors / Fill / Grayscale */
    --colors-fill-grayscale-light-primary: var(--base-white);
    --colors-fill-grayscale-light-secondary: var(--gray-100);
    --colors-fill-grayscale-light-tertiary: var(--gray-200);
    --colors-fill-grayscale-medium-primary: var(--gray-300);
    --colors-fill-grayscale-medium-secondary: var(--gray-400);
    --colors-fill-grayscale-medium-tertiary: var(--gray-600);
    --colors-fill-grayscale-dark-primary: var(--base-black);
    --colors-fill-grayscale-dark-secondary: var(--gray-800);
    --colors-fill-grayscale-dark-tertiary: var(--gray-700);
    /* Colors / Stroke */
    --colors-stroke-light: var(--gray-300);
    --colors-stroke-medium: var(--gray-400);
    --colors-stroke-dark-primary: var(--base-black);
    --colors-stroke-dark-secondary: var(--gray-700);
    --colors-stroke-active: var(--e-biz-blue-600-base);
    --colors-stroke-brand: var(--e-biz-blue-600-base);
    --colors-stroke-disabled-brand: var(--e-biz-blue-400-disabled);
    --colors-stroke-error: var(--red-600-base);
    --colors-stroke-success: var(--green-600-base);
    --colors-stroke-warning: var(--orange-600-base);
    /* Dropdown Field 1:1 / Default */
    --dropdown-field-1-1-default-border-color: var(--colors-stroke-light);
    --dropdown-field-1-1-default-fill: var(--colors-fill-primary);
    --dropdown-field-1-1-default-text-color: var(--colors-content-secondary);
    --dropdown-field-1-1-default-icon-color: var(--dropdown-field-1-1-default-text-color);
    /* Dropdown Item / Default */
    --dropdown-item-default-dropdown-item-selected: var(--colors-fill-brand-light);
    --dropdown-item-default-dropdown-item-hover: var(--colors-fill-tertiary);
    /* Misc */
    --misc-side-nav: var(--gray-100);
    --misc-scroll-bar: var(--gray-400);
    --misc-hover-fill: var(--e-biz-blue-900);
    --misc-fill: var(--e-biz-blue-600-base);
    --misc-hover-outline: var(--base-white);
    --misc-outline: var(--e-biz-blue-600-base);
    /* Pills */
    --pills-red-fill: var(--colors-fill-accent-error-light);
    --pills-red-text: var(--red-600-base);
    --pills-red-stroke: var(--colors-stroke-error);
    --pills-light-orange-fill: var(--orange-100);
    --pills-orange-fill: var(--orange-200);
    --pills-orange-text: var(--colors-content-warning-dark);
    --pills-light-orange-stroke: var(--orange-400);
    --pills-dark-orange-stroke: var(--colors-stroke-warning);
    --pills-green-fill: var(--colors-fill-accent-success-light);
    --pills-dark-green-fill: var(--green-200);
    --pills-green-text: var(--colors-content-success-dark);
    --pills-green-stroke: var(--colors-stroke-success);
    --pills-dark-green-stroke: var(--green-800);
    --pills-blue-fill: var(--colors-fill-brand-light);
    --pills-blue-text: var(--e-biz-blue-900);
    --pills-blue-stroke: var(--e-biz-blue-600-base);
    --pills-purple-fill: var(--vibrant-purple-100);
    --pills-purple-text: var(--vibrant-purple-900);
    --pills-purple-stroke: var(--vibrant-purple-600-base);
    --pills-grey-fill: var(--gray-200);
    --pills-grey-text: var(--colors-content-secondary);
    --pills-grey-stroke: var(--colors-stroke-medium);
    /* Tab Strip */
    --tab-strip-border-primary: var(--colors-stroke-dark-primary);
    --tab-strip-text-default: var(--colors-content-secondary);
    /* Tables / Base Cell */
    --tables-base-cell-cell-hover-fill: var(--colors-fill-tertiary);
    --tables-base-cell-cell-selected-fill: var(--colors-fill-brand-light);
    --tables-base-cell-default-border: var(--colors-stroke-light);
    --tables-base-cell-selected-border: var(--colors-stroke-medium);
    /* Tables / Header */
    --tables-header-fill-color: var(--colors-fill-primary);
    --tables-header-border-color: var(--colors-fill-primary);
    --tables-header-search-field-border-color: var(--colors-stroke-medium);
    /* Tables / Header Cell */
    --tables-header-cell-fill-color: var(--colors-fill-primary);
    --tables-header-cell-default-border: var(--colors-stroke-light);
    --tables-header-cell-standard-fill-color: var(--colors-fill-secondary);
}

html,
body {
    margin: 0;
    padding: 0;
    font-weight: var(--font-weight-regular);
    font-family: var(--font-body);
    color: var(--colors-content-primary);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-header);
    line-height: 1.25;
    font-style: normal;
    margin: 0;
}

h1 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-xl);
}

h2 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-lg);
}

h3 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-md);
}

h4 {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-sm);
}

h5 {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-sm);
}

h6 {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-sm);
}

img, svg {
    vertical-align: inherit;
    user-select: none;
}

:focus-visible {
    outline: 0;
}

p {
    margin: 0;
}

a {
    color: var(--color-primary-link);
    text-decoration: none;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    transition: color 0.3s ease-out, background-color 0.3s ease-out, box-shadow 0.3s ease-out, text-decoration-thickness 0.3s ease-out, text-decoration-color 0.3s ease-out;
}

    a:hover {
        color: var(--color-primary-link);
        text-decoration-thickness: 1px;
        text-decoration-color: var(--color-primary-link);
        background-color: transparent;
        text-underline-offset: 4px;
    }

.fade:not(.show) {
    visibility: hidden;
    position: absolute;
}

.footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 7px;
    padding-top: 48px;
}

    .footer span {
        font-size: 12px;
    }

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: var(--colors-fill-grayscale-medium-primary);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background: var(--colors-fill-grayscale-medium-secondary);
    border-radius: 8px;
}

    ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
        background: var(--colors-fill-grayscale-medium-tertiary);
    }

.k-loader-top .k-loader-container-inner {
    width: 348px;
    height: 232px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border-radius: 12px;
    border: solid 1px var(--colors-stroke-light);
    background-color: var(--colors-fill-grayscale-light-primary);
}

div.k-loader-container-label {
    font-family: var(--font-header);
    font-size: 16px !important;
    font-weight: 500;
    color: var(--colors-content-primary) !important;
}

div.k-loader-container-overlay {
    opacity: 1;
    background-color: rgba(10,10, 10, 0.5);
}

.k-loader-canvas {
    position: relative !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 10rem;
    background: linear-gradient(0deg, var(--e-biz-blue-600-base) 40%, var(--gray-300) 68%);
    box-shadow: none;
    animation: animate 1s linear infinite;
}

    .k-loader-canvas::before {
        position: absolute;
        content: "";
        background: #fff;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 75%;
        height: 75%;
        border-radius: 10rem;
        box-shadow: none;
    }

.k-loader-segment {
    display: none;
}

.payment-form-gap {
    gap: 12px;
}

.account-section-div {
    gap: 12px;
    padding-top: 16px;
}

/* Error border for dropdown list validation */
div:has(.k-invalid-msg) > .dropdown-anchor .k-textbox {
    border: solid 1px var(--colors-stroke-error) !important;
    box-shadow: none !important;
}

h1.title {
    font-size: var(--font-xxl);
    font-weight: var(--font-weight-semibold);
}

@keyframes animate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes fadein {
    from {
        top: 0;
        opacity: 0;
    }

    to {
        top: 30px;
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        top: 30px;
        opacity: 1;
    }

    to {
        top: 0;
        opacity: 0;
    }
}

p {
    margin: 0;
}



/* start */

.request-amount-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.document-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.container {
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    align-items: center;
}

    .container .col {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .container:has(.rpm-container) {
        background-color: var(--colors-fill-grayscale-light-secondary);
        padding: 64px 16px clamp(48px, 5vh,64px) 16px;
        height: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .container:has(.success-receipt-container) {
        overflow-y: auto;
        background-color: var(--colors-fill-grayscale-light-primary);
    }

.language-dropdown {
    align-self: end;
}

.company-logo {
    width: 100%;
    height: 100%;
    max-height: 60px;
    object-fit: contain;
    align-self: center;
}

.item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

h2 span {
    padding-left: 5px;
}

.cvv-tooltip {
    position: relative;
    z-index: 44;
}

.savedCardEnding {
    color: var(--colors-content-primary);
    white-space: pre;
}

.savedCardExpiration {
    color: var(--colors-content-secondary);
}

.container .payment-section {
    height: 100%;
    position: relative;
    justify-content: normal;
    overflow-y: auto;
    scrollbar-gutter: stable both-edges;
}

.container-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 48px;
    width: 100%;
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    max-width: 506px;
    background-color: var(--colors-fill-grayscale-light-primary);
}

.language-dropdown-popup, .language-dropdown-popup .k-popup {
    min-width: unset !important;
}

.language-dropdown-container {
    height: 0;
    align-self: end;
    padding: 20px;
    z-index: 5;
}

.language-dropdown-container-desktop {
    height: 0;
    align-self: end;
    z-index: 1;
}

    .language-dropdown-container-desktop .language-dropdown {
        margin: 16px;
    }

.language-dropdown-container-mobile {
    display: none;
    height: 24px;
    padding: 12px;
    align-self: end;
    z-index: 1;
}

@media screen and (min-width: 875px) {
    html {
        overflow: hidden;
    }

    .footer {
        margin-top: 0;
    }

    .container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        height: 100vh;
    }

        .container:has(.no-document) {
            flex-direction: column;
            background-color: var(--colors-fill-grayscale-light-secondary);
        }

    .container-details {
        max-width: 500px;
    }
}

@media screen and (max-width: 874px) {
    .language-dropdown-container {
        top: 0;
        position: fixed;
    }

    .payment-section:has(.custom-banner-container) .language-dropdown-container {
        top: 40px;
    }

    .custom-banner-container.banner-desktop, .language-dropdown-container-desktop {
        display: none !important;
    }

    .language-dropdown-container-mobile {
        display: block !important;
    }

    .custom-banner-container.banner-mobile {
        display: flex !important;
    }

    .container {
        display: flex;
        flex-direction: column;
        background-color: var(--colors-fill-grayscale-light-secondary);
        align-items: center;
    }

        .container:has(.no-document) {
            height: 100vh;
        }

    .payment-section {
        background-color: var(--colors-fill-grayscale-light-primary);
    }
}

@media (max-height: 800px) {
    .payment-section.no-document,
    .container:has(.rpm-container) {
        padding: 64px 16px clamp(16px, 5vh, 32px) 16px !important;
    }
}

@media screen and (min-width: 451px) {
    .account-form-gap {
        gap: 24px;
    }
}

@media screen and (max-width: 450px) {
    div.col.invoice-section {
        margin: 32px;
        max-height: fit-content;
    }

    .account-form-gap {
        gap: 12px;
    }
}

@-webkit-keyframes ExpandIn {
    from {
        opacity: 0;
        max-height: 0;
    }

    to {
        opacity: 1;
        max-height: 500px;
    }
}

@keyframes ExpandIn {
    from {
        opacity: 0;
        max-height: 0;
    }

    to {
        opacity: 1;
        max-height: 500px;
    }
}

/* Date Input override */
.ebizDateInput .k-input-inner {
    padding: 18px 16px 0px 15px !important;
}

/* Start region - Alternate forms like Invalid Link, Payment Received, etc */
.alternate-form {
    justify-items: center;
}

.alternate-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 503px;
    width: 100%;
    height: 100vh;
}

.alternate-details {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 68px 48px;
    border-radius: 12px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--colors-fill-light-primary);
    align-self: center;
    justify-self: center;
    align-items: center;
    z-index: 1;
    margin-bottom: 100px;
    margin-top: 64px;
    text-align: center;
}

.poweredBy {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    font-size: 12px;
    height: 18px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 52px;
}

/* End region - Alternate forms like Invalid Link, Payment Received, etc  */

.k-animation-container.loading .k-popup {
    max-height: 40px;
}

.k-skeleton {
    background-color: color-mix(in srgb, lightgray 15%, transparent);
}

.saved-card-dropdown-popup .k-dropdownlist-popup,
.saved-card-dropdown-popup .k-list,
.saved-card-dropdown-popup .k-nodata {
    height: fit-content !important;
    max-height: 200px;
}

.saved-card-dropdown-popup .k-nodata {
    min-height: 0;
}

.saved-card-dropdown-popup .k-list ul {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.saved-card-dropdown-popup li.k-disabled {
    opacity: 1;
}

.ebiz-dropdown-item:has(hr) {
    height: 0px !important;
}

.ebiz-dropdown-item hr {
    width: 100%;
    background-color: var(--colors-stroke-light)
}

.emailNotifToast {
    top: 9px !important;
}

.security-code-div svg path {
    stroke: var(--colors-content-secondary);
}

.security-code-div {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

    .security-code-div > .ebizTooltip {
        height: fit-content;
        padding-top: 12px;
    }

.ecommerce, .request-payment-method {
    background-color: var(--colors-fill-grayscale-light-secondary);
}

.k-tabstrip > .k-tabstrip-items-wrapper > ul:has( > li:only-child) {
    display: none;
}