body {
    margin: 0;
}


.w-100 {
    width: 100%;
}

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

.navigation-drawer {
    --dxbl-separator-border-width: 0;
    --bs-primary: var(--dxds-primary-base, var(--dxds-primary-default-rest, #0078d4));
}

.menu-item {
    --dxbl-menu-item-color: var(--bs-body-color, var(--dxds-color-content-neutral-default-rest, #000));
    --dxbl-menu-item-image-color: var(--bs-body-color, var(--dxds-color-content-neutral-default-rest, #000));
}

[data-fluent-darkmode] .dxbl-theme-fluent .welcome-card {
    color: var(--dxds-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");
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }