body {
    margin: 0;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: var(--DS-color-content-danger-default-rest);
    background-color: var(--DS-color-surface-danger-subdued-rest);
    border-color: var(--DS-color-border-danger-default-rest);
}

.alert-warning {
    color: var(--DS-color-content-danger-warning-rest);
    background-color: var(--DS-color-surface-warning-subdued-rest);
    border-color: var(--DS-color-border-warning-default-rest);
}

.alert-success {
    color: var(--DS-color-content-success-warning-rest);
    background-color: var(--DS-color-surface-success-subdued-rest);
    border-color: var(--DS-color-border-success-default-rest);
}

.w-100 {
    width: 100%;
}

.text-danger {
    color: var(--DS-color-surface-danger-default-rest);
}

.p-4 {
    padding: 1.5rem;
}

.navigation-drawer {
    --dxbl-drawer-separator-border-width: 0;
}

.menu-item {
    --dxbl-menu-item-color: #fff;
    --dxbl-menu-item-image-color: #fff;
}

[data-fluent-darkmode] .dxbl-theme-fluent .welcome-card {
    color: var(--DS-primary-70);
}

.icon {
    --icon-width: 1.25rem;
    --icon-height: 1.25rem;
    --icon-back-mask-image: url("/images/back-fluent.svg");
    --icon-close-mask-image: url("/images/close-fluent.svg");
    --icon-menu-mask-image: url("/images/menu-fluent.svg");
    --icon-docs-mask-image: url("/images/doc-fluent.svg");
    --icon-demos-mask-image: url("/images/demos-fluent.svg");
    --icon-home-mask-image: url("/images/home-fluent.svg");
    --icon-weather-mask-image: url("/images/weather-fluent.svg");
    --icon-counter-mask-image: url("/images/counter-fluent.svg");
        --icon-log-in-mask-image: url("/images/account/log-in-fluent.svg");
    --icon-log-out-mask-image: url("/images/account/log-out-fluent.svg");
    --icon-user-mask-image: url("/images/account/user-fluent.svg");
    --icon-profile-mask-image: url("/images/account/manage-profile-fluent.svg");
    --icon-email-mask-image: url("/images/account/manage-email-fluent.svg");
    --icon-two-factor-mask-image: url("/images/account/manage-two-factor-fluent.svg");
    --icon-password-mask-image: url("/images/account/manage-password-fluent.svg");
    --icon-personal-mask-image: url("/images/account/manage-personal-fluent.svg");
    --icon-external-mask-image: url("/images/account/user-fluent.svg");
    --icon-settings-mask-image: url("/images/account/settings-fluent.svg");
    }

.icon-external-provider {
    --icon-provider-width: 1.25rem;
    --icon-provider-height: 1.25rem;
}

.icon-google {
    --icon-provider-background-image: url("/images/account/providers/google-logo-fluent.svg");
}

.icon-facebook {
    --icon-provider-background-image: url("/images/account/providers/facebook-logo-fluent.svg");
}

.icon-microsoft {
    --icon-provider-background-image: url("/images/account/providers/microsoft-logo-fluent.svg");
}

.icon-twitter {
    --icon-provider-background-image: url("/images/account/providers/x-logo-fluent.svg");
}