@import '_content/InternetBankingClient.Accounts/InternetBankingClient.Accounts.ag6hfq4tw2.bundle.scp.css';
@import '_content/InternetBankingClient.Assets/InternetBankingClient.Assets.0rb2kwpxna.bundle.scp.css';
@import '_content/InternetBankingClient.CheckList/InternetBankingClient.CheckList.gpg95lnxih.bundle.scp.css';
@import '_content/InternetBankingClient.Common/InternetBankingClient.Common.8k5nokypaz.bundle.scp.css';
@import '_content/InternetBankingClient.Components/InternetBankingClient.Components.rlhjdwit6a.bundle.scp.css';
@import '_content/InternetBankingClient.ContractsAndInstructions/InternetBankingClient.ContractsAndInstructions.va44u58vgy.bundle.scp.css';
@import '_content/InternetBankingClient.CorporateApproval/InternetBankingClient.CorporateApproval.djwb6rrhr2.bundle.scp.css';
@import '_content/InternetBankingClient.Credits/InternetBankingClient.Credits.1ye56uc94o.bundle.scp.css';
@import '_content/InternetBankingClient.Exchange/InternetBankingClient.Exchange.azwcmqhcdj.bundle.scp.css';
@import '_content/InternetBankingClient.Investment/InternetBankingClient.Investment.40nstkmywl.bundle.scp.css';
@import '_content/InternetBankingClient.MoneyTransfers/InternetBankingClient.MoneyTransfers.wfs1mqr621.bundle.scp.css';
@import '_content/InternetBankingClient.OpenBanking.OHVPS/InternetBankingClient.OpenBanking.OHVPS.t5yxzf0k5n.bundle.scp.css';
@import '_content/InternetBankingClient.POSTransactions/InternetBankingClient.POSTransactions.4jm2fxnblc.bundle.scp.css';
@import '_content/InternetBankingClient.ProfileSettings/InternetBankingClient.ProfileSettings.hnlv81ew6p.bundle.scp.css';
@import '_content/InternetBankingClient.StorageBranchReports/InternetBankingClient.StorageBranchReports.63rpsg7im7.bundle.scp.css';

/* /Components/MainLayoutFooter.razor.rz.scp.css */
.doka-footer-container[b-b7n0ghx2we] {
    height: var(--doka-appbar-height);
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--doka-theme-white);
}

.doka-footer[b-b7n0ghx2we] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: var(--doka-content-max-width);
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--doka-content-padding);
}

    .doka-footer .left-part[b-b7n0ghx2we] {
        display: flex;
        gap: 42px;
        align-items: center;
    }

        .doka-footer .left-part .part-1[b-b7n0ghx2we] {
            display: flex;
            flex-direction: column;
        }

        .doka-footer .left-part .part-2[b-b7n0ghx2we] {
            display: flex;
            flex-direction: column;
        }

    .doka-footer .right-part[b-b7n0ghx2we] {
        display: flex;
        gap: 16px;
        flex-direction: column;
        align-items: end;
    }

        .doka-footer .right-part .part-top[b-b7n0ghx2we] {
            display: flex;
            gap: 24px;
        }

    .doka-footer .part-top_link-actions[b-b7n0ghx2we] {
        display: flex;
        gap: 24px;
    }

    .doka-footer .right-part .part-top .phone-info[b-b7n0ghx2we] {
        align-items: center;
        display: flex;
        gap: 4px;
    }

    .doka-footer .right-part .part-bottom[b-b7n0ghx2we] {
        display: flex;
        justify-content: end;
    }


.text-13-500[b-b7n0ghx2we] {
    font-size: 13px;
    font-weight: 500;
}

.text-13-400[b-b7n0ghx2we] {
    font-size: 13px;
    font-weight: 400;
}

.text-14-400[b-b7n0ghx2we] {
    font-size: 14px;
    font-weight: 400;
}

.tiny-bold-text[b-b7n0ghx2we] {
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 1280px) {
    .doka-footer[b-b7n0ghx2we] {
        padding: 0px 10px;
    }
}

@media (max-width: 960px) {
    .doka-footer[b-b7n0ghx2we] {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        justify-content: center;
    }

        .doka-footer .right-part[b-b7n0ghx2we] {
            align-items: flex-start;
        }

            .doka-footer .right-part .part-top[b-b7n0ghx2we] {
                gap: 8px;
                flex-direction: column;
            }

        .doka-footer .left-part[b-b7n0ghx2we] {
            gap: 16px;
        }

        .doka-footer .right-part .part-bottom[b-b7n0ghx2we] {
            display: none;
        }

        .doka-footer .right-part .part-top .phone-info[b-b7n0ghx2we] {
            justify-content: center;
        }

    .text-13-500[b-b7n0ghx2we] {
        font-size: 12px;
        font-weight: 500;
    }

    .text-14-400[b-b7n0ghx2we] {
        font-size: 13px;
        font-weight: 400;
    }

    .text-13-400[b-b7n0ghx2we] {
        font-size: 11px;
        font-weight: 300;
    }
}

.phone-number[b-b7n0ghx2we] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
}

.phone-text[b-b7n0ghx2we] {
    color: var(--doka-primary-darken-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
/* /Pages/Common/Finish.razor.rz.scp.css */
[b-u8lb8axqzi] .finish-card {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-direction: row;
}

@media (max-width: 430px) {
    [b-u8lb8axqzi] .finish-card {
        flex-direction: column;
    }
}

[b-u8lb8axqzi] .finish-card-message {
    display: block;
    text-align: center;
}

[b-u8lb8axqzi] .finish-card-message-text {
    font-size: 18px !important;
    text-align: start !important;
}

@media (max-width: 430px) {
    [b-u8lb8axqzi] .finish-card-message-text {
        font-size: 18px !important;
        text-align: center !important;
    }
}

[b-u8lb8axqzi] .finish-mudlink {
    margin-left: 5px;
    font-size: 13px;
}

.finish-button-container[b-u8lb8axqzi] {
    display: flex;
    margin-top: 2rem;
    gap: 1rem;
}

.finish-button-card[b-u8lb8axqzi] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
/* /Pages/Common/InformationDialog.razor.rz.scp.css */
.content-class[b-rj5fm65qd6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 2rem;
}
/* /Pages/Common/ReceiptDialog.razor.rz.scp.css */
.download-receipt-btn[b-zskfzz26rl] {
    display: flex;
    justify-content: center;
    padding: 32px;
    font-size: 20px;
    font-weight: 500;
}
/* /Pages/DigitalApproval/Index.razor.rz.scp.css */
.digital-approval-container[b-2gsp3bxzh9] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.content[b-2gsp3bxzh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    max-width: 400px;
    text-align: center;
}

.icon-container[b-2gsp3bxzh9] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(var(--mud-palette-primary-rgb), 0.1);
}

    .icon-container .mud-icon-root[b-2gsp3bxzh9] {
        font-size: 3rem;
    }

.title[b-2gsp3bxzh9] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    margin-top: 1rem;
}

.description[b-2gsp3bxzh9] {
    color: var(--mud-palette-text-secondary);
    margin-bottom: 0.5rem;
}

.loading-spinner[b-2gsp3bxzh9] {
    margin-top: 1rem;
}

@media (max-width: 600px) {
    .digital-approval-container[b-2gsp3bxzh9] {
        min-height: 50vh;
        padding: 1rem;
    }

    .icon-container[b-2gsp3bxzh9] {
        width: 60px;
        height: 60px;
    }

        .icon-container .mud-icon-root[b-2gsp3bxzh9] {
            font-size: 2rem;
        }

    .title[b-2gsp3bxzh9] {
        font-size: 1.25rem;
    }

    .description[b-2gsp3bxzh9] {
        font-size: 0.875rem;
    }
}


.login-logo[b-2gsp3bxzh9] {
    display: block;
    margin-top: 64px;
    align-self: center;
}

    .login-logo img[b-2gsp3bxzh9] {
        height: 100px;
        width: auto;
    }

    .login-logo svg[b-2gsp3bxzh9] {
        height: 100px;
        width: auto;
    }


[b-2gsp3bxzh9] .login-logo {
    display: block;
    margin-top: 64px;
    align-self: center;
}

    [b-2gsp3bxzh9] .login-logo img {
        height: 100px;
        width: auto;
    }

    [b-2gsp3bxzh9] .login-logo svg {
        height: 100px;
        width: auto;
    }

.welcome-text[b-2gsp3bxzh9] {
    color: var(--doka-theme-black);
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
    margin-block: 0;
}

[b-2gsp3bxzh9] .welcome-text {
    color: var(--doka-theme-black);
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
    margin-block: 0;
}

.login-title[b-2gsp3bxzh9] {
    color: var(--doka-theme-black);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

[b-2gsp3bxzh9] .login-title {
    color: var(--doka-theme-black);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
/* /Pages/ExpiredPasswordChange/ExpiredPasswordChangeComponent.razor.rz.scp.css */
[b-7m4r4w9cls] .text-security .mud-input-slot {
    -webkit-text-security: disc;
}

.expired-password-change-form[b-7m4r4w9cls] {
    width: 409px;
    padding-bottom: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.expired-password-change-content[b-7m4r4w9cls] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-7m4r4w9cls] .expired-password-change-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-7m4r4w9cls] .expired-password-change-subtitle {
    color: #121039;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
}

[b-7m4r4w9cls] .expired-password-change-form-edit {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[b-7m4r4w9cls] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-7m4r4w9cls] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }

[b-7m4r4w9cls] .form-item {
    margin-bottom: 8px;
}

[b-7m4r4w9cls] .mud-select .form-item {
    margin-bottom: 16px;
}

[b-7m4r4w9cls] .text-security {
    margin-bottom: 8px !important;
}
/* /Pages/ExpiredPasswordChange/ExpiredPasswordChangeFinishComponent.razor.rz.scp.css */
.expired-password-change-finish-form[b-wpil6u7j43] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

.expired-password-change-finish-content[b-wpil6u7j43] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-wpil6u7j43] .expired-password-change-finish-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-wpil6u7j43] .expired-password-change-finish-successful {
    color: #121039;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-wpil6u7j43] .expired-password-change-finish-goto_login {
    color: #121039;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

[b-wpil6u7j43] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-wpil6u7j43] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }
/* /Pages/FirstLogin/FirstLoginFinishComponent.razor.rz.scp.css */
.first-login-finish-form[b-kzs7d1h1d6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

.first-login-finish-content[b-kzs7d1h1d6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-kzs7d1h1d6] .first-login-finish-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-kzs7d1h1d6] .first-login-finish-successful {
    color: #121039;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-kzs7d1h1d6] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-kzs7d1h1d6] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }
/* /Pages/FirstLogin/ForcedPasswordChangeComponent.razor.rz.scp.css */
[b-f8n6e8yfok] .text-security .mud-input-slot {
    -webkit-text-security: disc;
}

.forced-password-change-form[b-f8n6e8yfok] {
    width: 409px;
    padding-bottom: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.forced-password-change-content[b-f8n6e8yfok] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-f8n6e8yfok] .forced-password-change-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-f8n6e8yfok] .forced-password-change-subtitle {
    color: #121039;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
}

[b-f8n6e8yfok] .forced-password-change-form-edit {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[b-f8n6e8yfok] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-f8n6e8yfok] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }


[b-f8n6e8yfok] .form-item {
    margin-bottom: 8px;
}

[b-f8n6e8yfok] .mud-select .form-item {
    margin-bottom: 16px;
}

[b-f8n6e8yfok] .text-security {
    margin-bottom: 8px !important;
}
/* /Pages/FirstLogin/SettingSecurityImageComponent.razor.rz.scp.css */
.setting-security-image-form[b-rfzsm2mztt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.setting-security-image-content[b-rfzsm2mztt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-rfzsm2mztt] .setting-security-image-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-rfzsm2mztt] .setting-security-image-subtitle {
    color: #121039;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
}

[b-rfzsm2mztt] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-rfzsm2mztt] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }
/* /Pages/FirstLogin/SettingSecurityQuestionComponent.razor.rz.scp.css */
.setting-security-question-form[b-tlktzq1jw3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.setting-security-question-content[b-tlktzq1jw3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-tlktzq1jw3] .setting-security-question-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-tlktzq1jw3] .setting-security-question-subtitle {
    color: #121039;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
    word-wrap: break-word;
    text-align: center;
    width: 290px;
}

[b-tlktzq1jw3] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-tlktzq1jw3] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }

[b-tlktzq1jw3] .mud-select .form-item {
    margin-bottom: 8px;
}
/* /Pages/ForgotMyPassword/ChangePasswordComponent.razor.rz.scp.css */
[b-6ne57rds9u] .text-security .mud-input-slot {
    -webkit-text-security: disc;
}

.change_password-form[b-6ne57rds9u] {
    width: 409px;
    padding-bottom: 20px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.change_password-content[b-6ne57rds9u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-6ne57rds9u] .change_password-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-6ne57rds9u] .change_password-subtitle {
    color: #121039;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
}

[b-6ne57rds9u] .change_password-form-edit {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[b-6ne57rds9u] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-6ne57rds9u] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }

[b-6ne57rds9u] .form-item {
    margin-bottom: 8px;
}

[b-6ne57rds9u] .mud-select .form-item {
    margin-bottom: 16px;
}

[b-6ne57rds9u] .text-security {
    margin-bottom: 8px !important;
}
/* /Pages/ForgotMyPassword/ForgotMyPasswordFinishComponent.razor.rz.scp.css */
.forgot-my-password-finish-form[b-ruktr7yh1t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

.forgot-my-password-finish-content[b-ruktr7yh1t] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-ruktr7yh1t] .forgot-my-password-finish-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-ruktr7yh1t] .forgot-my-password-finish-successful {
    color: #121039;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-ruktr7yh1t] .forgot-my-password-finish-goto_login {
    color: #121039;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

[b-ruktr7yh1t] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-ruktr7yh1t] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }
/* /Pages/ForgotMyPassword/RemoveBlockComponent.razor.rz.scp.css */
.remove-block-form[b-mc0q8qsepz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.remove-block-content[b-mc0q8qsepz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-mc0q8qsepz] .remove-block-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-mc0q8qsepz] .remove-block-successful {
    color: #121039;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

[b-mc0q8qsepz] .remove-block-routing {
    color: #121039;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

[b-mc0q8qsepz] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

[b-mc0q8qsepz] .login-button {
    color: black;
    border: 1px solid var(--doka-gray-200);
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-white) !important;
    margin-top: 16px;
}
/* /Pages/ForgotMyPassword/SecurityQuestionComponent.razor.rz.scp.css */
.security_question-form[b-xniblss1v1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

.security_question-content[b-xniblss1v1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-xniblss1v1] .security_question-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    width: 359px;
}

[b-xniblss1v1] .security_question-subtitle {
    color: #121039;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
    word-wrap: break-word;
    text-align: center;
    width: 359px;
}

[b-xniblss1v1] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-xniblss1v1] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }

[b-xniblss1v1] .mud-select .form-item {
    margin-bottom: 8px;
}
/* /Pages/ForgotMyPassword/SmsOtpComponent.razor.rz.scp.css */
.sms-otp-form[b-c5hj2pv4l1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 56px;
}

.sms-otp-content[b-c5hj2pv4l1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

[b-c5hj2pv4l1] .sms-otp-title {
    color: #121039;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-c5hj2pv4l1] .sms-otp-subtitle {
    color: #121039;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
}

[b-c5hj2pv4l1] .primary-button {
    color: white;
    border: none;
    padding: 24px 88px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-c5hj2pv4l1] .primary-button:disabled {
        background: var(--doka-gray-default) !important;
        color: var(--doka-gray-400) !important;
    }

[b-c5hj2pv4l1] .two-factor-verification-container {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

[b-c5hj2pv4l1] .two-factor-verification {
    width: 409px;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
    gap: 21px;
    display: inline-flex;
    margin-top: 32px;
}

    [b-c5hj2pv4l1] .two-factor-verification .confirm-notification-lbl {
        color: var(--doka-theme-primary-darken);
        font-size: 14px;
        font-weight: 400;
        word-wrap: break-word;
    }

    [b-c5hj2pv4l1] .two-factor-verification .timer-container {
        flex-grow: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 2px;
        display: flex;
    }

    [b-c5hj2pv4l1] .two-factor-verification .remaining-time {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 2px;
        display: flex;
    }

        [b-c5hj2pv4l1] .two-factor-verification .remaining-time .countdown {
            text-align: center;
            color: var(--doka-theme-primary-darken);
            font-size: 21px;
            font-weight: 600;
            line-height: 29px;
            word-wrap: break-word;
        }

@media screen and (max-width: 1400px) {
    [b-c5hj2pv4l1] .two-factor-verification {
        width: 361px;
    }

    [b-c5hj2pv4l1] .primary-button {
        width: 361px;
    }
}

[b-c5hj2pv4l1] .timer-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
}

[b-c5hj2pv4l1] .mud-input.mud-input-underline:before {
    border: 0px;
}

[b-c5hj2pv4l1] .form-item {
    margin-bottom: 8px;
}

[b-c5hj2pv4l1] .country-select {
    width: 100px !important;
}
/* /Pages/Home/AccountCard.razor.rz.scp.css */
.new-apply-card[b-mkupg8zs6y] {
    border: 1px dashed var(--doka-theme-secondary);
    border-radius: 12px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 24px;
}

.card-content-container[b-mkupg8zs6y] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.name-container[b-mkupg8zs6y] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
    align-items: flex-start;
}

.name-sub-sontainer[b-mkupg8zs6y] {
    display: flex;
    gap: 8px;
    justify-content: start;
    align-items: flex-start;
}

.balance-container[b-mkupg8zs6y] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.balance-container-row[b-mkupg8zs6y] {
    display: flex;
    justify-content: space-between;
}

.account-action[b-mkupg8zs6y] {
    display: flex;
    gap: 8px;
}

.account-bottom-action-container[b-mkupg8zs6y] {
    display: flex;
    justify-content: end;
}

.name-container-left[b-mkupg8zs6y] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    word-break: break-word;
}

.account-short-menu-container[b-mkupg8zs6y] {
    display: flex;
    justify-content: space-around;
}

.short-menu-sub-container[b-mkupg8zs6y] {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 6px;
}

    .short-menu-sub-container .short-menu-btn[b-mkupg8zs6y] {
        font-weight: 400;
        font-size: 11px;
        line-height: 15px;
    }

    .short-menu-sub-container .icon-container[b-mkupg8zs6y] {
        width: 40px;
        height: 40px;
        background: #F5F5F8;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

[b-mkupg8zs6y] .account-mud-menu-popover {
    background: var(--doka-theme-primary-darken);
}

[b-mkupg8zs6y] .navigation-header {
    height: var(--mud-typography-subtitle1-lineheight);
    padding: 0px;
}

.iban-value[b-mkupg8zs6y] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.no-record-content[b-mkupg8zs6y] {
    display: flex;
    justify-content: center;
}

@media (max-width: 690px) {
    .short-menu-sub-container[b-mkupg8zs6y] {
        flex-direction: column;
    }
}

.account-detail-button[b-mkupg8zs6y] {
    margin-left: auto;
}
/* /Pages/Home/AccountsCredits.razor.rz.scp.css */
.main-container[b-54qxmxn2il] {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.header-container[b-54qxmxn2il] {
    display: flex;
    gap: 24px;
}

    .header-container .tab-menu:hover[b-54qxmxn2il] {
        cursor: pointer;
    }

.no-record-content[b-54qxmxn2il] {
    display: flex;
    justify-content: center;
}
/* /Pages/Home/Assets.razor.rz.scp.css */
[b-iw24xjw3nn] .asset-paper {
    height: 180px;
    display: flex;
    justify-content: space-between;
    padding: 32px;
    gap: 32px;
    flex-grow: 1;
    color: var(--doka-theme-white);
    background: var(--doka-theme-primary-gradient);
}

.card-bg-1[b-iw24xjw3nn] {
    position: absolute;
    background: var(--doka-asset-second-layer);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: rotate(0.6deg);
    z-index: -1;
    border-radius: 16px;
}

.card-bg-2[b-iw24xjw3nn] {
    position: absolute;
    background: #F5F5F8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: rotate(1deg);
    z-index: -2;
    border-radius: 16px;
}

.asset-card-left-container[b-iw24xjw3nn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 215px;
}

.asset-card-right-container[b-iw24xjw3nn] {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

    .asset-card-right-container .part[b-iw24xjw3nn] {
        display: flex;
        flex-direction: column;
    }

    .asset-card-right-container .amount-container[b-iw24xjw3nn] {
        display: flex;
        gap: 12px;
        align-items: center;
    }

        .asset-card-right-container .amount-container .amount-label[b-iw24xjw3nn] {
            font-size: 17px;
            font-weight: 600;
            color: var(--doka-theme-white);
        }

        .asset-card-right-container .amount-container .account-type-name[b-iw24xjw3nn] {
            font-size: 10px;
            font-weight: 500;
            color: var(--doka-theme-white);
        }

.currency-container[b-iw24xjw3nn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .currency-container:hover[b-iw24xjw3nn] {
        cursor: pointer;
    }

    .currency-container > select[b-iw24xjw3nn] {
        border-radius: 16px;
        padding: 4px;
    }

[b-iw24xjw3nn] .asset-paper .color-white {
    color: var(--doka-theme-white);
}


@media (max-width: 690px) {
    .card-bg-1[b-iw24xjw3nn] {
        transform: rotate(1.6deg);
    }
}

@media (max-width: 1280) {
    [b-iw24xjw3nn] .hidden-md {
        display: none;
    }
}
/* /Pages/Home/Campaigns.razor.rz.scp.css */
.main-container[b-gsefk8125f] {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.card-content-container[b-gsefk8125f] {
    display: flex;
    gap: 30px;
    padding-bottom: 5px;
    align-items: stretch;
    justify-content: space-between;
}

@media screen and (max-width: 960px) {
    .card-content-container[b-gsefk8125f] {
        display: flex;
        gap: 30px;
        padding-bottom: 5px;
        flex-direction: column;
        align-items: center;
    }
}

.campaign-container[b-gsefk8125f] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    align-items: start;
    height: 100%;
}

[b-gsefk8125f] .campaign-container-img {
    max-width: 350px;
    height: fit-content;
    margin-left: calc(-1* var(--doka-card-content-padding));
    margin-top: calc(-1* var(--doka-card-content-padding));
}

[b-gsefk8125f] .campaign-container .campaign-title {
    font-size: 24px;
    font-weight: 600;
}

[b-gsefk8125f] .campaign-container .campaign-description {
    font-size: 14px;
    font-weight: 400;
}

[b-gsefk8125f] .campaign-card {
    max-width: 350px;
    height: 100%;
}

[b-gsefk8125f] .campaign-btn {
    width: 185px;
    height: 39px;
    border-radius: 8px !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

[b-gsefk8125f] .img-container {
    margin: -16px -16px 16px -16px;
    display: flex;
    justify-content: center;
}
/* /Pages/Home/CreditCard.razor.rz.scp.css */
.new-apply-card[b-fq6beqqr9i] {
    border: 1px dashed var(--doka-theme-secondary);
    border-radius: 12px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 24px;
}

.no-record-content[b-fq6beqqr9i] {
    display: flex;
    justify-content: center;
}

.new-apply-container[b-fq6beqqr9i] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    font-weight: 500;
    color: var(--doka-theme-primary)
}

    .new-apply-container:hover[b-fq6beqqr9i] {
        cursor: pointer;
    }

.card-content-container[b-fq6beqqr9i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.name-container[b-fq6beqqr9i] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.name-sub-sontainer[b-fq6beqqr9i] {
    display: flex;
    gap: 8px;
    justify-content: start;
    align-items: flex-start;
}

.balance-container[b-fq6beqqr9i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.balance-container-row[b-fq6beqqr9i] {
    display: flex;
    justify-content: space-between;
}

    .balance-container-row > span:first-child[b-fq6beqqr9i] {
        font-size: 13px;
        font-weight: 400;
    }

    .balance-container-row > span:last-child[b-fq6beqqr9i] {
        font-size: 15px;
        font-weight: 500;
    }

    .balance-container-row .credit-amount[b-fq6beqqr9i] {
        font-size: 16px;
        font-weight: 600;
        color: var(--doka-theme-primary)
    }

.account-action[b-fq6beqqr9i] {
    display: flex;
    gap: 8px;
}

.account-bottom-action-container[b-fq6beqqr9i] {
    display: flex;
    justify-content: end;
}

.name-container-left[b-fq6beqqr9i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.account-short-menu-container[b-fq6beqqr9i] {
    display: flex;
    justify-content: space-around;
}

.short-menu-sub-container[b-fq6beqqr9i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .short-menu-sub-container .icon-container[b-fq6beqqr9i] {
        width: 40px;
        height: 40px;
        background: #F5F5F8;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

[b-fq6beqqr9i] .account-mud-menu-popover {
    background: var(--doka-theme-primary-darken);
}

[b-fq6beqqr9i] .navigation-header {
    height: var(--mud-typography-subtitle1-lineheight);
    padding: 0px;
}
/* /Pages/Home/DashboardCustomizationComponent.razor.rz.scp.css */
[b-fjp1pek6hp] .mud-drop-item {
    width: unset !important;
}

[b-fjp1pek6hp] .mud-drawer-content {
    margin: 16px;
}

[b-fjp1pek6hp] .customizable-item-paper {
    padding: 16px;
    margin-top: 4px;
    margin-bottom: 4px;
}
/* /Pages/Home/ExchangeRates.razor.rz.scp.css */
.main-container[b-4124vdw9ml] {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.card-content-container[b-4124vdw9ml] {
    display: flex;
    gap: 16px;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.exchange-container[b-4124vdw9ml] {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .exchange-container .exchange-sub-container[b-4124vdw9ml] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex-grow: 1;
    }

    .exchange-container .exchange-icon-container[b-4124vdw9ml] {
        width: 64px;
        height: 64px;
        background: #F5F5F8;
        border-radius: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.exchange-name[b-4124vdw9ml] {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: var(--doka-theme-primary);
}

.exchange-rate-container[b-4124vdw9ml] {
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

    .exchange-rate-container .rate[b-4124vdw9ml] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .exchange-rate-container .rate > span:first-child[b-4124vdw9ml] {
            font-weight: 400;
            font-size: 12px;
            color: var(--doka-theme-secondary-darken);
        }

@media (max-width: 690px) {
    .card-content-container[b-4124vdw9ml] {
        flex-direction: column;
        align-items: baseline;
    }

    .exchange-container[b-4124vdw9ml] {
        flex-wrap: wrap;
    }
}
/* /Pages/Home/FavoriteOperations.razor.rz.scp.css */
.main-container[b-cudmvxsq3a] {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.card-content-container[b-cudmvxsq3a] {
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;
    gap: 16px;
}

[b-cudmvxsq3a] .favorite-button {
    border: 1px solid var(--doka-gray-200);
    height: 190px;
    flex-grow: 1;
}

    [b-cudmvxsq3a] .favorite-button > span {
        display: flex;
        flex-direction: column !important;
        align-content: center;
        gap: 12px;
    }

.favorite-button-img[b-cudmvxsq3a] {
    width: 40px;
    height: auto;
    filter: grayscale(var(--doka-grayscale-level));
}

@media (max-width: 690px) {
    .card-content-container[b-cudmvxsq3a] {
        flex-direction: row;
        gap: 6px;
    }

    [b-cudmvxsq3a] .favorite-button {
        height: 100px;
    }

        [b-cudmvxsq3a] .favorite-button > span {
            flex-direction: row;
            justify-content: flex-start;
        }

    .favorite-button-img[b-cudmvxsq3a] {
        width: 24px;
    }

    .favorite-button > .mud-typography-subtitle2[b-cudmvxsq3a] {
        font-size: 10px;
        letter-spacing: 0px;
    }
}
/* /Pages/Home/FrequentlyUsed.razor.rz.scp.css */
.main-container[b-xkt1dto885] {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.card-content-container[b-xkt1dto885] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.transaction-row[b-xkt1dto885] {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: start;
    gap: 8px;
    flex-wrap: wrap;
}

.transaction-row-body[b-xkt1dto885] {
    flex-grow: 1;
}

.transaction-description[b-xkt1dto885] {
    max-width: 70%;
}
/* /Pages/Home/InformationMessages.razor.rz.scp.css */
.mini-message-container[b-0lmhj1xn4o] {
    display: inline-flex;
    align-items: flex-start;
    gap: 11px;
    width: 100%;
    overflow: scroll;
}

.mini-message[b-0lmhj1xn4o] {
    display: flex;
    padding: 16px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(0, 236, 179, 0.30);
    background: rgba(0, 236, 179, 0.10);
}

@media screen and (max-width: 690px) {
    .mini-message-container .mini-message[b-0lmhj1xn4o] {
        flex-shrink: 0;
    }
}

/* /Pages/Home/LastTransactions.razor.rz.scp.css */
.main-container[b-w28250nxeo] {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.card-content-container[b-w28250nxeo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.transaction-row[b-w28250nxeo] {
    display: flex;
    flex-grow: 1;
    align-items: start;
    gap: 8px;
}

.transaction-row__content__body[b-w28250nxeo] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.transaction-row__content[b-w28250nxeo] {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

[b-w28250nxeo] .transaction-description {
    text-overflow: ellipsis;
    overflow: hidden;
}

[b-w28250nxeo] .transaction-row__content__amount {
    flex-shrink: 0;
}

.no-record-content[b-w28250nxeo] {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 690px) {
    .transaction-row[b-w28250nxeo] {
        gap: 2px;
    }
}
/* /Pages/Home/MenuSearchComponent.razor.rz.scp.css */
[b-r3s6d8d4bu] .menu-search-popover-overlay {
    top: var(--doka-appbar-height) !important;
    display: flex;
    align-items: baseline;
    padding-top: 12px;
}

[b-r3s6d8d4bu] .menu-search-popover-container {
    padding: 0 16px 16px 16px;
    display: block;
    flex-direction: row;
    justify-content: space-between;
    flex-grow: 1;
    width: 100%;
    gap: 48px;
}

[b-r3s6d8d4bu] .menu-search-items-container {
    flex-grow: 1;
    display: flex;
    gap: 32px;
}

[b-r3s6d8d4bu] .menu-search-card {
    width: 100vw;
    max-width: var(--doka-content-max-width);
}

[b-r3s6d8d4bu] .mud-card-content {
    padding: 0;
}

[b-r3s6d8d4bu] .mud-icon-button {
    padding: 0;
}

[b-r3s6d8d4bu] .menu-search-items-container-2 {
    padding: 16px 0 0 0;
    gap: 16px
}

[b-r3s6d8d4bu] .mud-divider-fullwidth {
    width: 97%;
    margin: auto;
}

[b-r3s6d8d4bu] .mud-search-border {
    border-color: var(--mud-palette-divider);
    border-width: 1px;
    border-radius: 10px;
}

[b-r3s6d8d4bu] .mud-search-border .mud-divider-fullwidth:last-child{
    width: 0%;
    margin: auto;
}
/* /Pages/Home/NavigationComponent.razor.rz.scp.css */
.main-container[b-gb7mfeb2jv] {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

[b-gb7mfeb2jv] .menu-btn {
    border-radius: 12px;
    background: var(--doka-theme-primary-gradient);
    color: var(--doka-theme-white);
    height: 48px;
    width: 93px;
}

[b-gb7mfeb2jv] .menu-popover-overlay {
    top: var(--doka-appbar-height) !important;
    display: flex;
    align-items: baseline;
    padding-top: 12px;
}

[b-gb7mfeb2jv] .menu-popover-container {
    padding: 16px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    flex-grow: 1;
    width: 100%;
    gap: 48px;
}

[b-gb7mfeb2jv] .navigation-sub-back-button {
    width: 24px;
    align-self: flex-start;
}

    [b-gb7mfeb2jv] .navigation-sub-back-button:hover {
        cursor: pointer;
    }

[b-gb7mfeb2jv] .menu-items-container {
    flex-grow: 1;
    display: flex;
    gap: 32px;
}

    [b-gb7mfeb2jv] .menu-items-container > ul {
        display: flex;
        flex-direction: column;
        gap: 32px;
        align-items: flex-start;
    }

        [b-gb7mfeb2jv] .menu-items-container > ul:first-child {
            flex-grow: 0;
        }

        [b-gb7mfeb2jv] .menu-items-container > ul.has-third-layer {
            width: 30%;
        }

[b-gb7mfeb2jv] li.nav-menu-parent-item {
    display: flex;
    gap: 16px;
    overflow: hidden;
    white-space: nowrap;
}

    [b-gb7mfeb2jv] li.nav-menu-parent-item .parent-item:hover {
        cursor: pointer;
    }

    [b-gb7mfeb2jv] li.nav-menu-parent-item img {
        width: 24px;
    }

[b-gb7mfeb2jv] li.nav-menu-child-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    [b-gb7mfeb2jv] li.nav-menu-child-item:hover {
        cursor: pointer;
    }

[b-gb7mfeb2jv] .image-container {
    flex-grow: 0;
    overflow: hidden;
}

[b-gb7mfeb2jv] .menu-card {
    width: 100vw;
    max-width: var(--doka-content-max-width);
}

[b-gb7mfeb2jv] .active_menu {
    color: var(--doka-themw-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

[b-gb7mfeb2jv] .xs-menu-paper {
    width: 100vw;
    height: 100vh;
    max-height: calc(100vh - var(--doka-appbar-height));
    overflow: scroll;
}


@media (max-width: 690px) {
    .hidable[b-gb7mfeb2jv] {
        display: none;
    }

    [b-gb7mfeb2jv] .menu-btn {
        width: 48px;
    }

        [b-gb7mfeb2jv] .menu-btn > .mud-button-label .mud-button-icon-start {
            margin-left: unset;
            margin-right: unset;
            margin-inline-start: unset;
            margin-inline-end: unset;
        }
}

@media (max-width: 960px) {
    .image-container[b-gb7mfeb2jv] {
        display: none;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.dashboard-item-container[b-gvg71grhkl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--doka-dashboard-item-gap);
}

img[b-gvg71grhkl] {
    filter: grayscale(var(--doka-grayscale-level));
}

.full-width-dashboard-item[b-gvg71grhkl] {
    min-width: calc(var(--doka-content-max-width) - (var(--doka-content-padding) * 2));
}

.half-width-dashboard-item[b-gvg71grhkl] {
    width: var(--doka-dashboard-item-width);
}

@media screen and (max-width: 960px) {
    [b-gvg71grhkl] .hidden-md {
        display: none;
    }

    .dashboard-item-container[b-gvg71grhkl] {
        flex-direction: column;
    }

    .full-width-dashboard-item[b-gvg71grhkl], .half-width-dashboard-item[b-gvg71grhkl] {
        width: 100%;
    }
}
/* /Pages/Login/LoginFormComponent.razor.rz.scp.css */
[b-wj8107aygd] .custom-password-field .mud-input-slot {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    outline: none;
    -webkit-text-security: disc;
}

.login-form[b-wj8107aygd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 64px;
    padding-top: 40px;
}

.login-content[b-wj8107aygd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .login-content:focus-visible[b-wj8107aygd] {
        outline: none;
    }

[b-wj8107aygd] .login-title {
    color: var(--doka-theme-black);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

[b-wj8107aygd] .welcome-text {
    color: var(--doka-theme-black);
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px;
    margin-block: 0;
}

[b-wj8107aygd] .input-field {
    flex: 1;
    border: none;
    outline: none;
    color: #696C83;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #F5F5F8;
    margin-left: 8px;
}

[b-wj8107aygd] form.login-edit-form .mud-input {
    width: 409px;
    height: 64px;
    border-radius: 16px;
    border: 1px solid #D8DBE5;
    background: var(--doka-gray-lighter);
    align-items: baseline;
}

    [b-wj8107aygd] form.login-edit-form .mud-input:hover {
        cursor: pointer;
        border: 1px solid var(--doka-theme-primary);
    }

[b-wj8107aygd] .input-container:has(input.invalid) {
    border: 1px solid var(--doka-theme-error);
}

.login-form-container[b-wj8107aygd] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
}

#forget-password-link-button[b-wj8107aygd] {
    background: none;
    border: none;
    color: var(--doka-theme-primary-darken);
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

    #forget-password-link-button:hover[b-wj8107aygd] {
        cursor: pointer;
        color: var(--doka-theme-primary);
    }

[b-wj8107aygd] .link-button {
    background: none;
    border: none;
    color: var(--doka-primary-darken-color);
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    display: flex;
    height: 64px;
    padding: 24px 88px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

[b-wj8107aygd] form.login {
    display: flex;
    flex-direction: column;
}

[b-wj8107aygd] .input-container {
    display: flex;
    width: 409px;
    height: 64px;
    padding: 20px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #D8DBE5;
    background: #F5F5F8;
    margin-bottom: 8px;
}

[b-wj8107aygd] .validation-message-container:empty::before {
    content: "";
    display: inline-block;
}

[b-wj8107aygd] input[type=number]::-webkit-inner-spin-button {
    visibility: hidden;
}

@media screen and (max-width: 1400px) {
    .login-form[b-wj8107aygd] {
        gap: 56px;
    }

    [b-wj8107aygd] .login-title {
        font-size: 18px;
    }

    [b-wj8107aygd] .welcome-text {
        font-size: 28px;
    }

    [b-wj8107aygd] form.login-edit-form .mud-input {
        width: 361px;
    }
}

@media screen and (max-width: 690px) {
    [b-wj8107aygd] form.login-edit-form .mud-input {
        width: 320px;
    }
}
/* /Pages/Login/PushNotificationComponent.razor.rz.scp.css */

[b-uygraubgq7] .security-check {
    width: 409px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 2px #F5F5F8 solid;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    margin-top: 8px;
}

    [b-uygraubgq7] .security-check > .check-header {
        align-self: stretch;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: flex;
    }

        [b-uygraubgq7] .security-check > .check-header .icon-container {
            flex: 1 1 0;
            height: 71px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 13px;
            display: flex;
        }

            [b-uygraubgq7] .security-check > .check-header .icon-container > .warning-icon {
                width: 24px;
                height: 24px;
                justify-content: center;
                align-items: center;
                display: flex;
            }

        [b-uygraubgq7] .security-check > .check-header .warning-text {
            flex: 1 1 0;
            color: var(--doka-primary-darken-color);
            font-size: 12px;
            font-weight: 400;
            line-height: 21px;
            word-wrap: break-word;
        }

        [b-uygraubgq7] .security-check > .check-header > .security-image {
            width: 81px;
            height: 81px;
            padding: 8px;
            background: white;
            border-radius: 16px;
            border: 1px #D8DBE5 solid;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 8px;
            display: inline-flex;
        }

            [b-uygraubgq7] .security-check > .check-header > .security-image img {
                align-self: stretch;
                flex: 1 1 0;
            }

[b-uygraubgq7] .two-factor-verification {
    width: 409px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 21px;
    display: inline-flex;
    margin-top: 32px;
}

    [b-uygraubgq7] .two-factor-verification > .confirm-notification {
        align-self: stretch;
        text-align: center;
        color: var(--doka-primary-darken-color);
        font-size: 14px;
        font-weight: 400;
        word-wrap: break-word;
    }

    [b-uygraubgq7] .two-factor-verification > .weight500{
        font-weight: 500;
    }

    [b-uygraubgq7] .two-factor-verification > .remaining-time {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 2px;
        display: flex;
    }

        [b-uygraubgq7] .two-factor-verification > .remaining-time > .time-label {
            color: var(--doka-primary-darken-color);
            font-size: 12px;
            font-weight: 400;
            word-wrap: break-word;
        }

        [b-uygraubgq7] .two-factor-verification > .remaining-time > .countdown {
            text-align: center;
            color: #014CE6;
            font-size: 21px;
            font-weight: 600;
            line-height: 29px;
            word-wrap: break-word;
        }


@media screen and (max-width: 1400px) {
    [b-uygraubgq7] .security-check {
        width: 361px;
    }

    [b-uygraubgq7] .two-factor-verification {
        width: 361px;
    }

    [b-uygraubgq7] .primary-button {
        width: 361px;
    }
}
/* /Pages/Login/SmsLoginComponent.razor.rz.scp.css */
[b-z27sx1wknm] .security-check {
    width: 409px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 2px #F5F5F8 solid;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    margin-top: 8px;
}

    [b-z27sx1wknm] .security-check > .check-header {
        align-self: stretch;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: flex;
    }

        [b-z27sx1wknm] .security-check > .check-header .icon-container {
            flex: 1 1 0;
            height: 71px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 13px;
            display: flex;
        }

            [b-z27sx1wknm] .security-check > .check-header .icon-container > .warning-icon {
                width: 24px;
                height: 24px;
                justify-content: center;
                align-items: center;
                display: flex;
            }

        [b-z27sx1wknm] .security-check > .check-header .warning-text {
            flex: 1 1 0;
            color: var(--doka-primary-darken-color);
            font-size: 12px;
            font-weight: 400;
            line-height: 21px;
            word-wrap: break-word;
        }

        [b-z27sx1wknm] .security-check > .check-header > .security-image {
            width: 81px;
            height: 81px;
            padding: 8px;
            background: white;
            border-radius: 16px;
            border: 1px #D8DBE5 solid;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 8px;
            display: inline-flex;
        }

            [b-z27sx1wknm] .security-check > .check-header > .security-image img {
                align-self: stretch;
                flex: 1 1 0;
            }

[b-z27sx1wknm] .two-factor-verification-container{
    display:flex;
    flex-direction: column;
    gap:26px;
}

[b-z27sx1wknm] .two-factor-verification {
    width: 409px;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
    gap: 21px;
    display: inline-flex;
    margin-top: 32px;
}

    [b-z27sx1wknm] .two-factor-verification .confirm-notification-lbl {
        color: var(--doka-theme-primary-darken);
        font-size: 14px;
        font-weight: 400;
        word-wrap: break-word;
    }

    [b-z27sx1wknm] .two-factor-verification .timer-container {
        flex-grow: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 2px;
        display: flex;
    }

    [b-z27sx1wknm] .two-factor-verification .remaining-time {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 2px;
        display: flex;
    }

        [b-z27sx1wknm] .two-factor-verification .remaining-time .countdown {
            text-align: center;
            color: var(--doka-theme-primary-darken);
            font-size: 21px;
            font-weight: 600;
            line-height: 29px;
            word-wrap: break-word;
        }

[b-z27sx1wknm] .input-container {
    display: flex;
    width: 409px;
    height: 64px;
    padding: 20px 16px;
    justify-content: start;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #D8DBE5;
    background: #F5F5F8;
    gap: 8px;
    margin-top: 16px
}

[b-z27sx1wknm] .input-field {
    flex: 1;
    border: none;
    outline: none;
    color: #696C83;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #F5F5F8;
    margin-left: 8px;
}

[b-z27sx1wknm] .grey-button {
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    padding: 24px 88px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid var(--doka-theme-secondary-lighten);
    background: var(--doka-theme-white);
    margin-top: 16px;
}

@media screen and (max-width: 1400px) {
    [b-z27sx1wknm] .input-container {
        width: 361px;
    }

    [b-z27sx1wknm] .security-check {
        width: 361px;
    }

    [b-z27sx1wknm] .two-factor-verification {
        width: 361px;
    }

    [b-z27sx1wknm] .grey-button {
        width: 361px;
    }
}

[b-z27sx1wknm] .timer-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
}

[b-z27sx1wknm] .mud-input.mud-input-underline:before {
    border: 0px;
}
/* /Pages/OpenBanking/OHVPSCallback.razor.rz.scp.css */
[b-dov8rmtd9q] .success-logo {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-direction:row;
    margin-top:72px;
}

/* /Shared/LoginLayout.razor.rz.scp.css */

*[b-pee5ebjexf] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-pee5ebjexf] {
    font-family: 'Poppins', sans-serif;
    background: white;
}

.layout[b-pee5ebjexf] {
    width: 100%;
    display: flex;
    background: var(--doka-theme-white);
}

[b-pee5ebjexf] .primary-button {
    color: var(--doka-theme-white);
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
    display: flex;
    width: 409px;
    height: 64px;
    padding: 24px 88px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--doka-theme-primary-gradient);
    margin-top: 16px;
}

    [b-pee5ebjexf] .primary-button:disabled {
        background: var(--doka-gray-300) !important;
        color: #ffffff !important;
    }


[b-pee5ebjexf] .user-profile {
    width: 409px;
    height: 131px;
    padding: 20px;
    border-radius: 16px;
    border: 2px #F5F5F8 solid;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 14px;
}

    [b-pee5ebjexf] .user-profile > .profile-item {
        align-self: stretch;
        justify-content: space-between;
        align-items: flex-start;
        display: flex;
    }

        [b-pee5ebjexf] .user-profile > .profile-item > .item-label {
            color: var(--doka-secondary-darken-color);
            font-size: 13px;
            font-weight: 400;
            word-wrap: break-word;
        }

        [b-pee5ebjexf] .user-profile > .profile-item > .item-value {
            color: var(--doka-primary-darken-color);
            font-size: 14px;
            font-weight: 500;
            word-wrap: break-word;
        }

/* Container styles */
.login-container[b-pee5ebjexf] {
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    flex-grow: 1;
}

.login-container[b-pee5ebjexf], .image-container[b-pee5ebjexf] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-container__forms[b-pee5ebjexf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Footer styles */
.footer-clearance[b-pee5ebjexf] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 14px;
    gap: 100px;
}

.login-footer[b-pee5ebjexf] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 14px;
    gap: 32px;
    bottom: 48px;
}

    .login-footer > .footer-help[b-pee5ebjexf] {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
        font-size: 14px;
        gap: 32px;
    }

    .login-footer > .footer-action[b-pee5ebjexf] {
        display: flex;
        gap: 32px;
    }

.footer-item[b-pee5ebjexf] {
    cursor: pointer;
    color: var(--doka-primary-darken-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

    .footer-item:hover[b-pee5ebjexf], .phone-text:hover[b-pee5ebjexf] {
        cursor: pointer;
        color: var(--doka-theme-primary);
    }

.language-switch[b-pee5ebjexf], .phone-number[b-pee5ebjexf] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
}

.footer-icon[b-pee5ebjexf] {
    padding-right: 8px;
}

.phone-text[b-pee5ebjexf] {
    color: var(--doka-primary-darken-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 1400px) {
    .login-footer[b-pee5ebjexf] {
        flex-direction: column-reverse;
        gap: 16px;
        position: unset;
        width: unset;
    }

        .login-footer > .footer-help[b-pee5ebjexf] {
            gap: 40px;
        }
}


/* Logo container styles */
.side-image-container[b-pee5ebjexf] {
    flex: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: end;
    margin-left: auto;
}

.footer[b-pee5ebjexf] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-title[b-pee5ebjexf] {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-button[b-pee5ebjexf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.button[b-pee5ebjexf] {
    background: #333;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

    .button:hover[b-pee5ebjexf] {
        background: #555;
    }

.login-side[b-pee5ebjexf] {
    height: 100vh;
}

[b-pee5ebjexf] .side-image-container svg {
    height: 100%;
}

[b-pee5ebjexf] .secondary-button {
    background: #FFF;
    border: 1px solid #BBBDCC;
    color: var(--doka-primary-darken-color);
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    display: flex;
    height: 64px;
    padding: 24px 88px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
}

.security-check[b-pee5ebjexf] {
    padding: 14px 16px;
    border-radius: 16px;
    border: 2px #F5F5F8 solid;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    margin-top: 8px;
}

    .security-check > .check-header[b-pee5ebjexf] {
        align-self: stretch;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: flex;
    }

        .security-check > .check-header .icon-container[b-pee5ebjexf] {
            flex: 1 1 0;
            height: 71px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 13px;
            display: flex;
        }

            .security-check > .check-header .icon-container > .warning-icon[b-pee5ebjexf] {
                width: 24px;
                height: 24px;
                justify-content: center;
                align-items: center;
                display: flex;
            }

        .security-check > .check-header .warning-text[b-pee5ebjexf] {
            flex: 1 1 0;
            color: var(--doka-primary-darken-color);
            font-size: 12px;
            font-weight: 400;
            line-height: 21px;
            word-wrap: break-word;
        }

        .security-check > .check-header > .security-image[b-pee5ebjexf] {
            width: 81px;
            height: 81px;
            padding: 8px;
            background: white;
            border-radius: 16px;
            border: 1px #D8DBE5 solid;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 8px;
            display: inline-flex;
        }

            .security-check > .check-header > .security-image img[b-pee5ebjexf] {
                align-self: stretch;
                flex: 1 1 0;
            }

.two-factor-verification[b-pee5ebjexf] {
    height: 137px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 21px;
    display: inline-flex;
    margin-top: 32px;
}

    .two-factor-verification > .confirm-notification[b-pee5ebjexf] {
        align-self: stretch;
        text-align: center;
        color: var(--doka-primary-darken-color);
        font-size: 16px;
        font-weight: 500;
        word-wrap: break-word;
    }

    .two-factor-verification > .remaining-time[b-pee5ebjexf] {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 2px;
        display: flex;
    }

        .two-factor-verification > .remaining-time > .time-label[b-pee5ebjexf] {
            color: var(--doka-primary-darken-color);
            font-size: 12px;
            font-weight: 400;
            word-wrap: break-word;
        }

        .two-factor-verification > .remaining-time > .countdown[b-pee5ebjexf] {
            text-align: center;
            color: #014CE6;
            font-size: 21px;
            font-weight: 600;
            line-height: 29px;
            word-wrap: break-word;
        }


.login-logo[b-pee5ebjexf] {
    display: block;
    margin-top: 64px;
    align-self: center;
}

    .login-logo:hover[b-pee5ebjexf] {
        cursor: pointer;
    }

[b-pee5ebjexf] .login-logo img {
    height: 64px;
    width: auto;
}

[b-pee5ebjexf] .login-logo svg {
    height: 64px;
    width: auto;
}

[b-pee5ebjexf] .login-edit-form {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

@media screen and (max-width: 1400px) {
    .login-container[b-pee5ebjexf] {
        padding: 0px;
        text-align: center;
    }

    .side-image-container[b-pee5ebjexf] {
        display: none;
    }

    .login-container .hidable-footer[b-pee5ebjexf] {
        display: none;
    }

    [b-pee5ebjexf] .logo-image {
        margin-top: 16px;
    }

    .login-container__forms[b-pee5ebjexf] {
        gap: 20px;
    }

    [b-pee5ebjexf] .primary-button {
        width: 361px !important;
        align-self: center;
    }

    [b-pee5ebjexf] .user-profile {
        width: 361px !important;
        margin-top: 56px;
    }
}

@media screen and (min-height: 690px) {
    .login-container[b-pee5ebjexf] {
        height: 100vh;
    }
}

@media screen and (max-width: 690px) {
    [b-pee5ebjexf] .primary-button {
        width: 320px !important;
        align-self: center;
    }

    .login-footer > .footer-action[b-pee5ebjexf] {
        display: flex;
        gap: 8px;
    }

    .language-switch[b-pee5ebjexf], .phone-number[b-pee5ebjexf] {
        gap: unset;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.doka-content[b-qsaimxjl46] {
    margin-top: var(--doka-appbar-height);
    padding: 32px var(--doka-content-padding);
    width: var(--doka-content-max-width);
    background: var(--doka-gray-lighter);
    min-height: calc(100vh - (var(--doka-appbar-height)* 2));
    margin-left: auto;
    margin-right: auto;
}

[b-qsaimxjl46] .doka-callcenter-content {
    padding: 32px var(--doka-content-padding);
    background: #F5F5F8;
    min-height: calc(100vh - (var(--doka-appbar-height)* 2));
    margin-left: auto;
    margin-right: auto;
}

[b-qsaimxjl46] .doka-white-background {
    background-color: var(--doka-theme-white);
    color: var(--doka-primary-darken-color);
}

[b-qsaimxjl46] .mud-toolbar.mud-toolbar-gutters.mud-toolbar-appbar {
    height: var(--doka-appbar-height);
    padding-left: 0px;
    padding-right: 0px;
}

.logo-href[b-qsaimxjl46] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .logo-href img[b-qsaimxjl46] {
        height: 48px;
    }

[b-qsaimxjl46] .logo-href svg {
    height: 48px;
    width: auto;
}

.doka-app-bar[b-qsaimxjl46] {
    background: var(--doka-theme-white);
    height: var(--doka-appbar-height);
    display: flex;
    gap: 28px;
    align-items: center;
    position: relative;
    width: var(--doka-content-max-width);
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--doka-content-padding);
}

.doka-app-bar-container[b-qsaimxjl46] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    gap: 16px;
}

.doka-app-bar-action-container[b-qsaimxjl46] {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-grow: 1;
    gap: 16px;
}

[b-qsaimxjl46] .toggle {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    border-style: solid;
    transition: border-width, border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: white;
}

[b-qsaimxjl46] .doka-app-bar-action-container > .mud-avatar {
    width: 62px;
    height: 62px;
    border: 2px solid var(--doka-theme-primary);
    background-color: transparent;
}

    [b-qsaimxjl46] .doka-app-bar-action-container > .mud-avatar:hover {
        cursor: pointer;
    }

.text-13-500[b-qsaimxjl46] {
    font-size: 13px;
    font-weight: 500;
}

.text-13-400[b-qsaimxjl46] {
    font-size: 13px;
    font-weight: 400;
}

.text-14-400[b-qsaimxjl46] {
    font-size: 14px;
    font-weight: 400;
}

.tiny-bold-text[b-qsaimxjl46] {
    font-size: 14px;
    font-weight: 500;
}

.logout-btn-container[b-qsaimxjl46] {
    background: var(--doka-theme-error);
    width: 40px;
    height: 40px;
    border-radius: 32px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .logout-btn-container:hover[b-qsaimxjl46] {
        cursor: pointer;
    }

@media (max-width: 960px) {
    .text-13-500[b-qsaimxjl46] {
        font-size: 12px;
        font-weight: 500;
    }

    .text-14-400[b-qsaimxjl46] {
        font-size: 13px;
        font-weight: 400;
    }

    .text-13-400[b-qsaimxjl46] {
        font-size: 11px;
        font-weight: 300;
    }
}


@media (max-width: 690px) {
    .logo-image[b-qsaimxjl46] {
        height: 40px;
    }

    .logo-href img[b-qsaimxjl46] {
        height: auto;
        width: 160px;
    }

    [b-qsaimxjl46] .logo-href svg {
        height: auto;
        width: 160px;
    }

    .doka-app-bar-container[b-qsaimxjl46] {
        flex-direction: row-reverse;
    }

    [b-qsaimxjl46] .doka-app-bar-action-container > .mud-avatar {
        width: 44px;
        height: 44px;
        border: 1px solid var(--doka-theme-primary);
    }
}

[b-qsaimxjl46] .mud-input-outlined-border {
    border-radius: 40px;
}

[b-qsaimxjl46] .doka-breadcrumbs {
    padding: 0px 0px 8px 0px;
}

@media (max-width: 430px) {
    [b-qsaimxjl46] .doka-breadcrumbs {
        padding: 0px 16px 8px 16px;
    }
}

.desktop-dashboard-welcome[b-qsaimxjl46] {
    display: unset;
}

@media (max-width: 690px) {
    .desktop-dashboard-welcome[b-qsaimxjl46] {
        display: none;
    }
}

.desktop-dashboard-welcome:focus-visible[b-qsaimxjl46] {
    outline: none;
}