.context-menu-root {
    font-size: 12px;
    background: #eee;
    padding: 0 0 6px;
    color: #2c6ab2;
    max-height: calc(100vh - 10px);
    overflow-y: auto;
}

.context-menu-root .context-menu-item {
    padding: 2px 4px 0;
    background: #eee;
}

.context-menu-root .context-menu-item.context-menu-separator {
    padding: 0;
    margin: 2px 0;
    border-bottom: 1px solid #ccc;
}

.context-menu-root .context-menu-item:not(.context-menu-disabled) {
    color: #2c6ab2;
}

.context-menu-root .context-menu-item:not(.context-menu-disabled):hover {
    cursor: pointer;
    background-color: #39F;
    color: #000;
}

.context-menu-root .context-menu-item.context-menu-disabled,
.context-menu-root .context-menu-item.context-menu-disabled[data-icon]:before {
    color: #bbb;
    cursor: default;
}

.context-menu-root .context-menu-item span {
    padding-left: 4px;
}

/*.context-menu-root .context-menu-item:hover span {*/
    /*color: #000;*/
/*}*/

.context-menu-root .context-menu-item[data-icon]:before {
    position: relative;
    width: auto;
    font-size: inherit;
    font-family: peb;
    line-height: inherit;
    color: #2c6ab2;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.context-menu-root .context-menu-item[data-icon]:not(.context-menu-disabled):hover:before {
    color: #000;
}