.btn {
    color: var(--white-color);
}

    .btn:hover {
        color: var(--backgroundlight-color);
        text-decoration: none;
    }
/* flex grid */
.wj-control .wj-input-group .wj-form-control {
    display: table-cell;
    padding: 4px 8px;
    border: 0;
    width: 100%;
    height: 100%;
    color: var(--white-color);
    background: var(--background-color);
    min-height: 2em;
}

.wj-cell.wj-header {
    background: rgb(71 78 85 / 80%);
    color: var(--white-color);
    font-weight: bold;
}

.wj-control {
    display: block;
    box-sizing: border-box;
    color: var(--white-color);
    background: var(--background-color);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.wj-cell {
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    padding: 4px 6px 3px 6px;
    border-right: 1px solid var(--background-color);
    border-bottom: 1px solid var(--background-color);
    background: var(--background-color);
    outline: 0;
}

    .wj-cell.wj-alt {
        background: var(--background-color);
    }

.wj-dl-tile {
    background-color: var(--background-color);
    border-color: var(--backgroundlight-color);
}

.wj-tile-header {
    border-bottom-color: var(--backgroundlight-color);
    background-color: var(--background-color);
    min-height: 43px;
}

.wj-flexchart .wj-label, .wj-flexchart .wj-data-label {
    fill: var(--sidebarback-color);
}
/* -- read only */
.wj-inputnumber .wj-form-control:read-only {
    background-color: var(--background-color);
}

.wj-inputdate .wj-form-control:read-only {
    background-color: var(--background-color);
}

.wj-autocomplete .wj-form-control:read-only,
.wj-autocomplete .wj-form-control:read-only ~ span.wj-input-group-btn {
    color: var(--backgroundlight-color);
    background-color: var(--background-color);
}

select[aria-readonly="true"] {
    pointer-events: none;
    /*opacity: 0.80;*/
    background: var(--backgroundlight-color);
    font-size: 0.8rem;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
    color: var(--sidebar-color);
}

.wj-dashboard {
    background-color: var(--background-color);
    height: 768px;
}

.calculated {
    background-color: var(--backgroundlight-color);
}

.wj-alt.calculated {
    background-color: var(--backgroundlight-color);
}