#header, #topline, #topline-right, #menu-dialog, #menu-dialog-bg-free
{
z-index:99; /* to be avobe content with menu dialog and bg */    
}

#menu-hamburger, #menu-dialog-list
{
z-index:100;
}

/*
.do-sizing-explicit
{
width:80vw;
left:10vw;
}
*/


.section-body
{
padding:0 0 0 2em;
}

#topline-right
{
display:flex;
}

#menu-dialog
{
width:5.5em;
}

#menu-dialog-list
{
top:2.2em;
right:0.3em;
text-align:right;
}


#header-title h1
{
position:relative;
top:0.2em;
left:0.15em;
}




/* ---------------------------- */
#topline-clip
{
position:relative;
}

#clip-overlay
{
position:absolute;
top:0em;
left:-0.5em;
}


#clip-bg object,
#clip-bg svg
{
height:4em;
width:4em;
}


#main
{
border-radius:0.3em;
margin:0.5em 0.5em;
}


#menu-dialog-ul
{
padding:0.5em 0.5em 0 1em;
display:inline-block;
}


#menu-dialog-ul  li,
#menu-mod-ul li,
#menu-dialog-ul-admin li
{
border-radius:0.3em;
margin-bottom:0.3em;
padding:0em 0.2em 0em 0.1em;
white-space: nowrap;
border:0.1em solid;
}

#menu-dialog-ul li,
#menu-dialog-ul-admin li
{
height:2em;
overflow:visible;
margin-bottom:0.15em;
border-radius:0.15em;
min-width:7em;
/*display:none;  overwritten by JS */
}



#menu-dialog-ul  li span,
#menu-dialog-ul-admin li span
{
position:relative;
top:-0.15em;
}

#menu-dialog-ul-bottom
{
display:inline-flex;
flex-direction: row;
padding:0.7em 0.5em 0.85em 1em;
}

#menu-dialog-ul-admin
{
display:inline-flex;
flex-direction: row;
padding:0.15em 0.5em 0.15em 0.65em;
}

body.admin #menu-dialog-ul-bottom
{
padding-top:0.25em;
}

#menu-dialog-ul-admin li
{
margin-left:0.15em;
}

#menu-dialog-ul-bottom li
{
padding:0.15em 0 0 0;
border-top:0.1em solid !important;
}

#menu-dialog-ul-bottom li img.sym,
#menu-dialog-ul  li img.sym,
#menu-dialog-ul-admin li img.sym,
#menu-dialog-ul-admin span.fa,
.menu-mod li img.sym
{
height:auto;
width:2em;
display:inline;
position:relative;
}

#menu-dialog-ul  li span,
#menu-mod-ul li span,
#menu-dialog-ul-admin li span
{
font-size:1.1em;
line-height:1.8em;
}

#menu-mod-ul li span
{
padding-right:0.5em;
}

#menu-dialog-ul-admin span.fa
{
left:0.15em;
top:-0.05em;
line-height:1.1em;
font-size:1.4em;
margin-right:0.2em;
}

#menu-dialog-ul  li img.sym
{
height:1.6em;
width:auto;
}

#menu-dialog-ul-bottom  li img.sym
{
height:1.8em;
}



#menu-dialog-ul-bottom li span
{
display:none;
}


#cont-menu-mod
{
position:fixed;
top:4.5em;
left:0em;
z-index:1003;
}



#menu-mod
{
max-width:25vw;
margin:0em 0.1em 0 0.3em;
}

#menu-mod ul
{
list-style-type: none;
}

#menu-mod ul>li>a
{
display:block;
width:100%;
height:100%;
}


#main
{
/* margin-left: 22vw;   /* will be overwritten by js at init */
}


#cont-menu-mod.mode-mobile
{
left:auto;
right:0.2em;
top:2.7em;
padding:0em 0em 0.3em 0.2em;
border-left:0.1em solid;
display:none;  /* overwritten by js */
}


#cont-menu-mod.mode-mobile span
{
display:none;
}

body:not(.login-ok) #cont-menu-mod
{
opacity:0.1;    
}



nav.vertical li
{
text-align:left;
white-space: nowrap;
}

div.language-flag img
{
margin-right:0.7em;
}


body.screen-small.portrait #header-title
{
display:none;   /* will be set true after first resize */
}



div.mod-header .mod-header-item
{
min-width:6em;
}