/*simple menu*/
.winmenu{
    width:100%;
    padding:1px;
    display:flex;
    flex-direction:row;
    background-color:var(--base-full);
    font-family:Arial;
    font-size:110%;
    cursor:pointer;
    border-top:0.4px solid var(--base-light);
    border-bottom:0.4px solid var(--base-light);
}
.winmenu *{
    color:var(--base-light);
    z-index: 9899;
}
.winmenu .scsubmenu>.scmenuitem{
    margin-top:2px;
    margin-left:8px;
    margin-right:8px;
}
.winmenu>* .nodes{
    position:absolute;
    background-color:var(--base-full);
    padding:4px;
    border:0.4px solid var(--base-light);
    border-radius:6px;
}
.winmenu * .nodes{
    display:none;
    padding:8px;
    background-color:var(--base-light);
    border:1px solid var(--base-full);
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:8px;
    font-weight:normal;
    animation:delay 0.5s;
}
.winmenu .scsubmenu>.scmenuitem:hover{
    margin-right:6px;
}
.winmenu .scsubmenu:hover .nodes,
.winmenu .scsubmenu:hover .nodes *{
    display:block;
}
.winmenu * .scmenuitem:hover{
    font-weight:bold;
}

/*context menu*/
.contextmenu{
    position:fixed;
    z-index:5;
    top:2px;
    left:2px;
    width:auto;
    height:auto;
    padding:8px;
    background:var(--white);
    border:1px solid var(--base-full);
    border-radius:4px;
    cursor:pointer;
}
.contextmenuitem{
    display:block!important;
    font-family: Verdana,sans-serif;
    font-size:90%;
    color:var(--black);
    background:var(--white);
    border-bottom:1px dotted var(--base-full);
}
.contextmenuitem:hover{
    color:var(--white);
    background:var(--base-full);
}



.sc_c_menu{
    position:absolute;
    margin-left:24px;
    background-color:var(--base-light);
    padding:8px;
    border:0.4px solid var(--base-full);
    border-radius:6px;
}
.scmenuitem{
    margin-left:2px;
    margin-right:2px;
    color:var(--base-full);
    background-color:var(--base-light);
    border:0px solid rgba(0,0,0,1);
    border-radius:2px;
}
.scsubmenu>.scmenuitem{
    color:var(--base-light);
}
.sc_c_menu:hover .nodes{
    display:block;
}
sc_c_menu * .scmenuitem:hover{
    font-weight:bold;
}

@keyframes delay{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}