/* _content/Payscrow.Web.Blazor.Components/Buttons/CopyButton/CopyButton.razor.rz.scp.css */
.copy-btn[b-ru87ldc6ua] {
    --button-height: auto;
    --button-text-color: var(--color-primary);
}
/* _content/Payscrow.Web.Blazor.Components/Dropdowns/DropdownOrderAmount/DropdownOrderAmount.razor.rz.scp.css */
.wrapper[b-dwuzpdncy0] {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 10px;
    align-items: stretch;
}

.field[b-dwuzpdncy0] {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: start;
}

.field--content[b-dwuzpdncy0] {
    padding-left: 10px;
    display: flex;
    column-gap: 4px;
    width: 180px;
}

.edit-box--template[b-dwuzpdncy0] {
    display: flex;
    align-items: center;
    column-gap: 4px;
    width: 100%;
}

.radio-group__wrapper[b-dwuzpdncy0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 180px;
    padding-left: 10px;
}

.radio-group__wrapper .field[b-dwuzpdncy0] {
    flex-direction: row;
    column-gap: 4px;
    align-items: center;
}

.field[b-dwuzpdncy0]  .combobox,
.field[b-dwuzpdncy0]  .spin-edit {
    width: 100%;
}
/* _content/Payscrow.Web.Blazor.Components/ExtensionComponents/CountryLanguage/CountryLanguage.razor.rz.scp.css */
.country-language__wrapper[b-llhrqo9b47] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 5px;
    color: var(--color-black);
}

.country-language--field[b-llhrqo9b47] {
    display: flex;
    column-gap: 5px;
    align-items: center;
}

.country-language--field img[b-llhrqo9b47] {
    aspect-ratio: 16/8;
    width: 24px;
}

.separate-line[b-llhrqo9b47] {
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: var(--color-primary);
}
/* _content/Payscrow.Web.Blazor.Components/ExtensionComponents/InputPostfixWrapper.razor.rz.scp.css */
.input__wrapper[b-k0k0ec3fva] {
    position: relative;
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    height: max-content;
}

.input__wrapper .postfix[b-k0k0ec3fva] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-primary);
    font-size: 0.75rem;
    user-select: none;
    pointer-events: none;
}

.input__wrapper[b-k0k0ec3fva]  .dxbl-text-edit {
    padding-right: 40px;
}
/* _content/Payscrow.Web.Blazor.Components/ExtensionComponents/PaymentMethodDisplayName.razor.rz.scp.css */
.payment-display__wrapper[b-15saonp3qa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    width: 100%;
}
/* _content/Payscrow.Web.Blazor.Components/ExtensionComponents/PaymentMethodTypeIcon.razor.rz.scp.css */
.method-ico[b-fq9sblnoyz] {
    color: var(--color-primary);
    font-size: 1rem;
}
/* _content/Payscrow.Web.Blazor.Components/Hints/Hint.razor.rz.scp.css */
.hint[b-6fmjcxpr31] {
    display: flex;
    width: 1.05rem;
    height: 1.05rem;
    min-width: 1.05rem;
    min-height: 1.05rem;
    max-width: 1.05rem;
    max-height: 1.05rem;
    border-radius: 99999px;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
/* _content/Payscrow.Web.Blazor.Components/Hints/SmartHint.razor.rz.scp.css */
.flyout-hint[b-a5f79poqca] {
    --dxbl-flyout-bg: var(--color-white) !important;
    --dxbl-flyout-color: var(--color-primary) !important;
    --dxbl-flyout-border-color: var(--color-gray-2) !important;
    --dxbl-flyout-arrow-color: var(--color-gray-2) !important;
    --dxbl-flyout-arrow-base-border-color: var(--color-white) !important;
    --dxbl-flyout-header-padding-y: 0.625rem !important;
    --dxbl-flyout-header-padding-x: 0.625rem !important;
}

.flyout-hint .dxbl-flyout-header[b-a5f79poqca] {
    --dxbl-flyout-header-color: var(--color-primary);
    font-weight: 500;
    font-size: 0.75rem !important;
}

.flyout-hint .dxbl-flyout-body[b-a5f79poqca] {
    --dxbl-flyout-body-padding-y: 0.625rem;
    --dxbl-flyout-body-padding-x: 0.625rem;
    color: var(--color-black);
}
/* _content/Payscrow.Web.Blazor.Components/Inputs/InputFile/PsInputFile.razor.rz.scp.css */
.input-file__wrapper[b-gz8qmzkqg0] {
    border-radius: 20px;
    padding-inline: 1rem;
    height: 28px;
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    font-size: 0.75rem;
    cursor: pointer;
    max-width: 66ch;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.input-file__wrapper span[b-gz8qmzkqg0] {
    color: var(--color-black);
}

.input-file__wrapper[b-gz8qmzkqg0]  input {
    display: none;
}
/* _content/Payscrow.Web.Blazor.Components/Inputs/InputMultipleFiles/PsMultipleInputFiles.razor.rz.scp.css */
.input-file__wrapper[b-gt0dqyzi5b] {
    border-radius: 20px;
    padding-inline: 1rem;
    height: 28px;
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    font-size: 0.75rem;
    cursor: pointer;
    max-width: 66ch;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.input-file__wrapper span[b-gt0dqyzi5b] {
    color: var(--color-black);
}

.input-file__label[b-gt0dqyzi5b]  input {
    display: none;
}
/* _content/Payscrow.Web.Blazor.Components/Inputs/MemoLimit.razor.rz.scp.css */
.memo__wrapper[b-jnbomq6gdr] {
    position: relative;
}

.memo__wrapper span[b-jnbomq6gdr] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 0.75rem;
    user-select: none;
    pointer-events: none;
    color: var(--color-gray-300);
}
/* _content/Payscrow.Web.Blazor.Components/Modals/Backdrop.razor.rz.scp.css */
.backdrop[b-xydr9pzypi] {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--backdrop-index);
    inset: 0;
    background-color: rgba(37, 37, 36, 0.50);
    backdrop-filter: blur(1px);
}

.backdrop--container[b-xydr9pzypi] {
    overflow-y: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 100vh;
}
/* _content/Payscrow.Web.Blazor.Components/Modals/Confirm/ConfirmModal.razor.rz.scp.css */
.modal[b-uofbxp6g9z] {
    width: 497px;
}

.icon__wrapper[b-uofbxp6g9z] {
    min-height: 5.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-primary);
    font-size: 6rem;
}

.modal--text[b-uofbxp6g9z] {
    margin-top: 1.25rem;
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
/* _content/Payscrow.Web.Blazor.Components/Modals/ModalDefautWrapper.razor.rz.scp.css */
.modal__wrapper[b-kek1kciwm5] {
    background-color: var(--color-white);
    outline: none;
    padding: 1.25rem;
    z-index: var(--modal-index);
    border-radius: 2px;
}

.modal--header[b-kek1kciwm5] {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.modal--header[b-kek1kciwm5]  .btn-close {
    color: var(--color-primary);
}

.modal--header[b-kek1kciwm5]  h4 {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-primary);
}

.modal--content__wrapper[b-kek1kciwm5] {
    margin-top: 20px;
}

.modal--actions[b-kek1kciwm5] {
    margin-top: 1.25rem;
    display: flex;
    column-gap: 0.625rem;
}

.modal--actions[b-kek1kciwm5]  .btn {
    width: 100%;
}

.modal--actions[b-kek1kciwm5]  .primary {
    --button-text-color: var(--color-white);
    --button-background-color: var(--color-primary);
}

.modal--actions[b-kek1kciwm5]  .primary-outline {
    --button-text-color: var(--color-primary);
    --button-border-width: 1px;
    --button-border-color: var(--color-primary);
}
/* _content/Payscrow.Web.Blazor.Components/Modals/ModalInfoWrapper.razor.rz.scp.css */
.modal__wrapper[b-2pn2qs59ei] {
    background-color: var(--color-white);
    outline: none;
    padding: 1.25rem;
    z-index: var(--modal-index);
    border-radius: 2px;
}

.modal--header[b-2pn2qs59ei] {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.modal--header .btn-close[b-2pn2qs59ei] {
    color: var(--color-primary);
}

.modal--header h4[b-2pn2qs59ei] {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-primary);
}

.modal--content__wrapper[b-2pn2qs59ei] {
    margin-top: 20px;
}

.modal--actions[b-2pn2qs59ei] {
    margin-top: 1.25rem;
    display: flex;
    column-gap: 0.625rem;
}

.modal--actions[b-2pn2qs59ei]  .btn {
    width: 100%;
}

.modal--actions[b-2pn2qs59ei]  .primary {
    --button-text-color: var(--color-white);
    --button-background-color: var(--color-primary);
}

.modal--actions[b-2pn2qs59ei]  .primary-outline {
    --button-text-color: var(--color-primary);
    --button-border-width: 1px;
    --button-border-color: var(--color-primary);
}
/* _content/Payscrow.Web.Blazor.Components/SideMenu/SideMenuGroup.razor.rz.scp.css */
.link--group[b-5132zi3ez0] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 150ms ease-in-out;
    overflow: hidden;
}

.link--group--button[b-5132zi3ez0] {
    display: flex;
    column-gap: 8px;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: background-color 150ms ease-in-out;
    padding: 10px;
    color: var(--color-white);
    box-sizing: content-box;
}

.link--group--content[b-5132zi3ez0] {
    min-height: 0;
}

.link--group__wrapper.open .link--group[b-5132zi3ez0] {
    grid-template-rows: 1fr;
}

.link--group__wrapper.open[b-5132zi3ez0] {
    background-color: var(--color-green-100);
}

.link--group__wrapper.open .link--group--button[b-5132zi3ez0] {
    background-color: var(--color-green-600) !important;
}

.link--content[b-5132zi3ez0] {
    white-space: nowrap;
}

.link--content > i[b-5132zi3ez0] {
    margin-left: auto;
}

.w-100[b-5132zi3ez0] {
    width: calc(100% - 20px);
    display: inline-block;
}

[b-5132zi3ez0] .counter-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid var(--color-green-600);
    background-color: var(--color-white);
    color: var(--color-green-600);
    font-size: 0.75rem;
    min-width: 20px;
    max-height: 20px;
    min-height: 20px;
    max-height: 20px;
}