/* colorStyleBlue usage intended */
.genericContextMenu {
    position: absolute;
    z-index: 10;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    color: var(--color-legend-sizeElements);
    opacity: 0;
    background: var(--background-color);
    font-weight: bold;
    border: 1px solid;
    width: 35vh;
    padding: 1vh;
}

.genericContextMenu div {
    text-align: left;
    padding-left: 1.5vmin;
    padding-right: 4vmin;
    padding-top: 1.0vmin;
    padding-bottom: 1.0vmin;
    white-space: nowrap;
    cursor: pointer;
    /* width: 100%; */
}

.genericContextMenuEntry:hover {
    /* background-color: var(--color-configurable); */
    color: var(--color-active);
    max-width: 94%;
}

.genericContextMenu div label {
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
    width: 100%;
    line-height: 2.2vmin;
}


.genericContextMenu div span {
    margin-right: 1.5vmin;
    float: left;
    font-size: 2.1vmin;
}

.genericContextMenuSeparationLine {
    border-bottom: 1px solid !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0.5vmin;
    margin-top: 0.5vmin;
}

.genericContextMenuSub {
    display: block;
    position: fixed;
    background: var(--background-color);
    border: 1px solid;
    color: var(--color-legend-sizeElements);
    width: max-content;
    margin-left: 34vh;
    margin-top: -1.75em;
}