.text-fl-primary {
    color: var(--DS-color-content-primary-default-rest) !important;
}
.text-fl-muted {
    background-color: var(--DS-color-content-primary-subdued-rest) !important;
}
.text-fl-info {
    color: var(--DS-color-content-info-default-rest) !important;
}
.text-fl-success {
    color: var(--DS-color-content-success-default-rest) !important;
}
.text-fl-warning {
    color: var(--DS-color-content-warning-default-rest) !important;
}
.text-fl-danger {
    color: var(--DS-color-content-danger-default-rest) !important;
}
.text-fl-secondary {
    color: var(--DS-color-content-secondary-default-rest) !important;
}
.text-fl-neutral {
    color: var(--DS-color-content-neutral-default-rest) !important;
}

.bg-fl-primary {
    background-color: var(--DS-color-surface-primary-default-rest);
}

.bg-fl-success {
    background-color: var(--DS-color-surface-success-default-rest);
}

.bg-fl-warning {
    background-color: var(--DS-color-surface-warning-default-rest);
}

.bg-fl-danger {
    background-color: var(--DS-color-surface-danger-default-rest);
}

.bg-fl-info {
    background-color: var(--DS-color-surface-info-default-rest);
}

.bg-fl-neutral {
    background-color: var(--DS-color-surface-neutral-default-rest);
}


.bg-fl-primary-subtle {
    background-color: var(--DS-color-surface-primary-subdued-rest);
}

.bg-fl-success-subtle {
    background-color: var(--DS-color-surface-success-subdued-rest);
}

.bg-fl-warning-subtle {
    background-color: var(--DS-color-surface-warning-subdued-rest);
}

.bg-fl-danger-subtle {
    background-color: var(--DS-color-surface-danger-subdued-rest);
}

.bg-fl-info-subtle {
    background-color: var(--DS-color-surface-info-subdued-rest);
}

.bg-fl-neutral-subtle {
    background-color: var(--DS-color-surface-neutral-subdued-rest);
}

.card-fl {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid;
    border-radius: 3px;
}

.dxbl-group-header {
    color: var(--DS-color-content-primary-default-rest) !important;
}

.card {
    background-color: var(--DS-color-surface-neutral-default-rest)    !important;
    border-color: var(--DS-color-border-neutral-default-rest)    !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--DS-color-content-primary-default-rest);
}

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

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

.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-warning-default-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-default-rest);
    background-color: var(--DS-color-surface-success-subdued-rest);
    border-color: var(--DS-color-border-success-default-rest);
}
.alert-info {
    color: var(--DS-color-content-info-default-rest);
    background-color: var(--DS-color-surface-info-subdued-rest);
    border-color: var(--DS-color-border-info-default-rest);
}
.alert-neutral {
    color: var(--DS-color-content-neutral-default-rest);
    background-color: var(--DS-color-surface-neutral-subdued-rest);
    border-color: var(--DS-color-border-neutral-default-rest);
}

.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");
    }