﻿:root {
    --intellekt-primary: #185066;
    --intellekt-dropdown-border: #185066;
}

.dxbl-btn.dxbl-btn-primary {
    background-color: var(--intellekt-primary);
    border: none;
}

    .dxbl-btn.dxbl-btn-primary:hover {
        background-color: var(--intellekt-primary) !important;
        border: none;
    }

.dxbl-btn.dxbl-btn-link {
    color: black !important;
}

    .dxbl-btn.dxbl-btn-link:hover {
        color: var(--intellekt-primary) !important;
    }

/* Tabs */

dxbl-tab-item.dxbl-tabs-item.dxbl-active {
    background-color: var(--intellekt-primary) !important;
}

    dxbl-tab-item.dxbl-tabs-item.dxbl-active > span.dxbl-text {
        color: white;
    }

/* Tabs */

/* Tabs and Tab Pages Box Start */

.dxbl-active::after {
    background-color: var(--intellekt-primary) !important;
}

/* Pager buttons at bottom of grid Start */

dxbl-pager > button {
    background-color: var(--intellekt-primary) !important;
    color: white !important;
}

.dxbl-checkbox-indeterminate > .dxbl-checkbox-check-element {
    background-color: var(--intellekt-primary) !important;
}

.dxbl-checkbox.dxbl-checkbox-checked > div.dxbl-checkbox-check-element {
    background-color: var(--intellekt-primary) !important;
    border: none;
}

    .dxbl-checkbox.dxbl-checkbox-checked > div.dxbl-checkbox-check-element:has(:focus-within) {
        box-shadow: none;
    }

.dxbl-checkbox.dxbl-checkbox-unchecked > div.dxbl-checkbox-check-element:has(:focus-within) {
    box-shadow: none;
}

/* Pager buttons at bottom of grid End */
/*div.dxbl-tabs-item {
    color: var(--intellekt-primary) !important;
}

    div.dxbl-tabs-item.dxbl-active {
        font-weight: bold;
    }*/
/* Tabs and Tab Pages Box End */
/*button.intellekt-secondary {
    background-color: transparent !important;
    border: solid 1px var(--intellekt-primary) !important;
    border-radius: 5px;
    color: var(--intellekt-primary);
    font-weight: bold;
}

    button.intellekt-secondary:hover {
        background-color: #DDD !important;
        border: solid 1px var(--intellekt-primary) !important;
        border-radius: 5px;
        color: white;
    }*/
/* Combo Box Start */
/*dxbl-combo-box.intellekt:has(:focus-visible) {
    box-shadow: none !important;
    border-color: var(--intellekt-dropdown-border) !important;
}

dxbl-combo-box.intellekt:has(:focus-within) {
    box-shadow: none !important;
    border-color: var(--intellekt-dropdown-border) !important;
}*/
/* Combo Box End */
/* Drop Down Box Start */
li[aria-selected="true"] {
    background-color: var(--intellekt-primary) !important;
    color: white;
    font-weight: bold;
}

input[aria-expanded="true"] {
    box-shadow: red;
    border: solid 3px red;
}

/*dxbl-dropdown-box {
    box-shadow: none;
}*/

/*dxbl-dropdown-box.intellekt {
    box-shadow: none;
}

    dxbl-dropdown-box.intellekt.dxbl-focused {
        border-color: var(--intellekt-dropdown-border) !important;
        box-shadow: none !important;
    }

    dxbl-dropdown-box.intellekt:has(:focus-within) {
        border-color: var(--intellekt-dropdown-border);
        box-shadow: none;
    }*/

/* Drop Down Box End */

.dxbl-progress-bar > div > div > .dxbl-progress-bar-track {
    background-color: var(--intellekt-primary) !important;
}

.dxbl-progress-bar > div > div > .dxbl-progress-bar-indicator {
    background-color: var(--intellekt-primary) !important;
}
