div.dxbl-group-header {
    background-color: var(--intellekt-primary) !important;
    color: white !important;
    font-weight: 600;
}

li[aria-checked="true"] > dxbl-check > div.dxbl-checkbox-check-element {
    background-color: var(--intellekt-primary) !important;
}

dxbl-tab-item {
    font-size: 0.9rem;
}

    dxbl-tab-item[aria-selected="true"] {
        background-color: white !important;
        color: var(--intellekt-primary) !important;
        font-weight: 700;
    }

dxbl-popup-header {
    background-color: var(--intellekt-primary) !important;
    color: white !important;
}

/* the bottom strip of the selected tab page in a tab container */
.dxbl-active::after {
    background-color: var(--intellekt-primary) !important;
}

div.dxbl-modal-content {
    border: solid 1px var(--intellekt-primary) !important;
}

button.dxbl-btn.dxbl-btn-primary {
    background-color: var(--intellekt-primary) !important;
    border: solid 1px var(--intellekt-primary) !important;
    color: white !important;
}

button.top-bar-action-button {
    background-color: #EAF6FA !important;
    border: solid 1px #EAF6FA !important;
}

    button.top-bar-action-button:hover {
        background-color: var(--intellekt-primary) !important;
    }

        button.top-bar-action-button:hover > svg {
            fill: white !important;
        }

    button.top-bar-action-button:has(:hover) {
        background-color: var(--intellekt-primary) !important;
    }

    button.top-bar-action-button > svg {
        fill: var(--intellekt-primary) !important;
    }

        button.top-bar-action-button > svg > path[fill="none"] {
            display: none;
        }

.dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: var(--intellekt-primary) !important;
}

    .dxbl-checkbox-checked .dxbl-checkbox-check-element svg {
        color: white !important;
        fill: white !important;
    }

div.dxbl-progress-bar-track {
    background-color: var(--intellekt-primary) !important;
}

div.dxbl-progress-bar-indicator {
    background-color: darkslategray !important;
}

dxbl-window-dialog {
    border: 0 !important;
}
