/* colorStyleBlue usage intended */
.genericContextMenu {
    position: absolute;
    z-index: 999999;
    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);
    border: 1px solid;
    width: 35vh;
    padding: 1vh;
    max-height: 80vh;
    overflow-y: hidden;
}

.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%; */
    font-size: 1.8vmin;
}

.genericContextMenu .multiLineEntry {
    padding: 0 !important;
}

.genericContextMenuLabelUpper {
    font-size: 0.75em;
    opacity: 0.8;
}

.genericContextMenuLabelLower {
    font-size: 0.75em;
    opacity: 0.8;
}

.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;
    max-height: 90vh;
    overflow: auto;
}