.neo-context-menu {
    position: absolute;
    z-index: 1100;
    border: 1px solid $dropdown-border-color;
    background: #fff;
    color: initial;
    padding: 5px;
    border-radius: 2px;
    left: 100%;
    top: 0px;
    display: none;

    &.show {
        display: block;
    }

    .neo-context-menu-left-strip {
        position: absolute;
        width: 23px;
        height: calc(100% - 10px);
        background-color: #f4f5f6;
    }

    .neo-context-menu-item {
        padding: 3px 4px;
        user-select: none;
        font-size: 12px;
        position: relative;
        min-width: max-content;

        &.has-children {
            padding-right: 15px;
        }

        > .neo-icon {
            color: $body-secondary-color;
            font-size: 12px;
        }

        .neo-context-menu-text {
            margin-left: 10px;
            margin-right: 5px;
            user-select: none;
        }

        &:last-child {
            border-bottom: none;
        }

        &.can-hover {
            cursor: pointer;

            &:hover {
                background: transparentize($primary, 0.75);
            }
        }

        &.header {
            background: rgba(0,0,0,0.65);
            color: white;
            padding: 5px 4px;

            > .neo-icon {
                color: white;
            }
        }

        .child-indicator {
            position: absolute;
            right: 0px;
            top: 7px;
        }

        hr {
            border-top: 1px dashed $dropdown-border-color;
            margin: 1px 4px 1px 28px;
            opacity: 1;
        }
    }
}