body {
    background-image: var(--fpcm-var-backdrop-image);
    background-size: cover;
    background-attachment: fixed;
}

body,
i, em,
.fpcm-ui-color-grey-dark {
    color: var(--bs-body-color);
}

a, a:visited, a.fpcm-link, a.nav-link {
    color: var(--fpcm-link-color);
}

a.btn.btn-warning,
a.btn.btn-info,
a.btn.btn-secondary
{
    color: var(--bs-btn-color) !important;
}

#fpcm-top-menu a.nav-link {
    color: var(--bs-nav-link-color);
}

#fpcm-top-menu a.nav-link:focus,
#fpcm-top-menu a.nav-link:hover {
    color: var(--bs-nav-link-hover-color);
}

#fpcm-ui-toolbar a.btn {
    color: var(--bs-btn-color);
}

h1,
h3,
ins,
.text-primary,
span.fpcm-ui-editor-metainfo {
    color: var(--bs-primary);
}

h3.fpcm.dashboard-container.headline span.fpcm-ui-icon {
    color: var(--fpcm-dashboard-icons);
}

.btn-primary,
.form-check-input:checked,
.progress-bar,
span.fpcm-ui-badge,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--bs-primary);
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.fpcm.ui-background-white-0 {
    background: none;
}

.fpcm.ui-background-white-50p {
    background: var(--fpcm-white-50);
}

.fpcm.ui-background-blue-75 {
    background: rgba(var(--bs-primary-rgb), 0.75);
}

.fpcm.ui-background-grey-75 {
    background: rgba(var(--bs-secondary-rgb), 0.75);
}

.fpcm.ui-background-dropdown-85 {
    background: rgba(255, 255, 255, 0.85);
}

.fpcm.ui-color-blue-light {
    color: var(--fpcm-blue-light);
}

.fpcm.ui-color-font-grey,
span.fpcm-ui-update-icons span.fpcm-ui-update-iconstatus.fpcm-ui-update-iconstatus-spinner {
    color: var(--bs-gray-500);
}

.fpcm.ui-color-font-disabled-dark {
    color: var(--fpcm-text-disabled-dark);
}

del,
.fpcm-ui-important-text,
.fpcm.ui-important-text {
    color: var(--bs-red) !important;
}

span.fpcm-ui-update-icons span.fpcm-ui-update-iconstatus.fpcm-ui-update-iconstatus-0 {
    color: transparent;
}

legend,
.navbar-toggler:hover,
.navbar-toggler:focus {
    color: var(--bs-light);
}

#fpcm-loader div.text-light * {
    color: var(--bs-light) !important;    
}

@keyframes fpcm-loader-glow {
  from { text-shadow: none; }
  to { text-shadow: 0 0 25px var(--bs-primary); }
}

legend,
.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar-toggler:active {
    background-color: var(--bs-primary);
}

textarea {
    background: var(--bs-light-rgb);
}

div.fpcm.ui-files-item:hover,
div.fpcm.ui-files-item:focus,
div.fpcm.ui-files-item:active,
div.fpcm-ui-dataview div.row:hover {
    background: rgba(var(--bs-secondary-bg-rgb), 0.5);
}

.fpcm-ui-input:invalid,
.fpcm-ui-input:required:invalid {
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger-border-subtle);
    color: var(--bs-danger-text-emphasis);
}

div.row.fpcm-ui-dataview-row.fpcm-ui-logs-error {
    border-left: 5px solid var(--bs-danger);
}

div.row.fpcm-ui-dataview-row.fpcm-ui-logs-warning {
    border-left: 5px solid var(--bs-warning);
}

div.row.fpcm-ui-dataview-row.fpcm-ui-logs-deprecation-warning {
    border-left: 5px solid var(--bs-gray);
}

#fpcm-ui-toolbar .form-select {
    background-color: var(--fpcm-toolbar-select);
}


div.fpcm.ui-logs-error {
    border-left: 10px solid var(--bs-danger) !important;
}

div.fpcm.ui-logs-warning {
    border-left: 10px solid var(--bs-warning) !important;
}

div.fpcm.ui-logs-deprecation-warning {
    border-left: 10px solid var(--bs-gray) !important;
}

div.fpcm.ui-dataview-head .form-check-input:checked {
    background-color: var(--bs-dark);
}

.fpcm.ui-blurring {
    backdrop-filter: blur(var(--fpcm-var-blurring));
}

.fpcm.ui-invert-1 {
    filter: invert(1);
}

.fpcm.ui-background-transition {
    transition: background-color var(--fpcm-var-easing) ease;
}

div.fileupload-progress.fpcm-ui-fade {
    opacity: 0;
    transition: opacity .15s linear;
}

div.fileupload-progress.in {
    opacity: 1;
    transition: opacity .15s linear;
}

[data-bs-theme=dark] {
    
    body {
        background-blend-mode: soft-light;
    }
    
    div.fpcm.ui-help-content > h3 {
        color: var(--bs-primary-text-emphasis);
    }
    
    h1,
    h3,
    ins,
    .text-primary,
    span.fpcm-ui-editor-metainfo {
        color: inherit;
    }
    
    legend {
        background-color: var(--bs-dark-bg-subtle);
    }

    .fpcm.ui-background-dropdown-85 {
        background: rgba(33, 37, 41, 0.85);
    }
    
}