/*dialog*/
.rz-dialog-titlebar {
    background-color: var(--paarsgrijs);
    height: 75pt;
    font-size: 22pt;
    text-align: center;
}

/*placeholders*/
.rz-placeholder {
    font-style: italic;
    opacity: 0.5;
}

.rz-dialog-side {
    border-radius: unset !important;
}

.budget-bulkedit > .rz-dialog-side-content {
    padding: 0px;
}

.product-bulkedit > .rz-dialog-side-content {
    padding: 0px;
}

.productportfolio-bulkedit > .rz-dialog-side-content {
    padding: 0px;
}

/* Treenode */
div.rz-treenode-content:hover {
    color: var(--paars) !important;
    background-color: var(--wit) !important;
    font-weight: 700 !important;
}

ul.rz-tree-container > li.rz-treenode > div.rz-treenode-content > .rz-chkbox > .rz-chkbox-box {
    border-radius: 3px;
}

ul.rz-tree-container > li.rz-treenode > div.rz-treenode-content > span.rz-treenode-label {
    font-weight: 400;
}

    ul.rz-tree-container > li.rz-treenode > div.rz-treenode-content > span.rz-treenode-label:hover {
        color: var(--paars);
        background-color: var(--wit);
        font-weight: 700;
    }

.rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label {
    color: var(--paars);
    background-color: var(--wit);
    font-weight: 700;
}

ul.rz-treenode-children > li.rz-treenode > div.rz-treenode-content > span.rz-treenode-label {
    font-weight: 400;
}

    ul.rz-treenode-children > li.rz-treenode > div.rz-treenode-content > span.rz-treenode-label:hover {
        color: var(--paars);
        background-color: var(--wit);
        font-weight: 700;
    }

li.rz-treenode > div.rz-treenode-content.rz-treenode-content-selected > span.rz-treenode-label {
    font-weight: 700;
    color: var(--paars);
    background-color: var(--wit);
}
/*li.rz-treenode > div.rz-treenode-content.rz-treenode-content-selected > .rz-chkbox {
    background-color: var(--paars);
}
    li.rz-treenode > div.rz-treenode-content.rz-treenode-content-selected > .rz-chkbox > .rz-chkbox-box {
        background-color: var(--paars);
        border-radius: 0px;
        top: 1px;
        left: 1px;
    }*/

/* radiobutton kleur */
.rz-radiobutton-box.rz-state-active {
    background-color: var(--paars);
}

/* numeric up-down kleur */
.rz-spinner-button {
    background-color: var(--paars);
}

.rz-data-grid .rz-grid-table thead th .rz-column-title {
    padding-inline-end: 10px;
}