.e-richtexteditor .e-rte-toolbar {
    background-color: var(--primary-color);
}

    /* ---------- Toolbar ---------- */

    .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-btn {
        background-color: var(--primary-color) !important;
    }

    /* ---------- Toolbar Item ---------- */

    .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-btn,
    .e-richtexteditor .e-rte-toolbar .e-toolbar-item span {
        color: var(--secondary-color) !important;
    }

    .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-separator {
        border-color: var(--secondary-color) !important;
    }

    .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-btn,
    .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-split-btn-wrapper {
        background-color: var(--quinary-color) !important;
    }

    .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay {
        background-color: var(--primary-color) !important;
    }

    .e-richtexteditor .e-rte-toolbar .e-toolbar-item:hover .e-btn,
    .e-richtexteditor .e-rte-toolbar .e-toolbar-item:hover .e-split-btn-wrapper {
        background-color: var(--list-item-hover-color) !important;
    }

    .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-formats-tbar-btn,
    .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-font-name-tbar-btn,
    .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-font-size-tbar-btn,
    .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-dropdown-menu:active {
        background-color: var(--quaternary-color) !important;
    }

/* ---------- DropDown ---------- */

.e-rte-dropdown-popup .e-item.e-active {
    background-color: var(--quinary-color) !important;
}

.e-rte-dropdown-popup .e-item:hover {
    background-color: var(--quinary-color) !important;
}

/* ---------- Tooltips ---------- */

.e-tooltip-wrap.e-popup {
    background-color: var(--tooltip-background-color);
    border-color: var(--tooltip-border-color);
}

.e-tooltip-wrap .e-tip-content {
    color: var(--normalTextColor);
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
    border-bottom-color: var(--tooltip-border-color);
}

.e-tooltip-wrap ::before {
    color: var(--tooltip-background-color);
}

/* ---------- Token (Field) ---------- */

.rte-token {
    display: inline;
    user-select: all;
    border-bottom: 2px solid #26c6da;
}

    .rte-token:hover {
        background-color: var(--quinary-color);
    }

/*    .rte-token::before {
        content: "«";
        margin-right: 1.5px;
    }

    .rte-token::after {
        content: "»";
        margin-left: 1.5px;
    }*/