body > header{
	position: sticky;
	top: 0px;
	background-color: #111111;
	border-bottom: 1px solid #999999;
	color: white;
	z-index: 1000;
	display: flex;
}

.TopMenu{
	flex: 1;
	white-space: nowrap;
	display: flex;
	list-style: none;
	margin: 0px;
	padding: 5px;
	padding-bottom: 5px;
}
.TopMenu > li{
	padding: 0px 3px;
}
.TopMenu > li > a{
	display: flex;
	align-items: center;
	gap: 3px;
	color: inherit;
	text-decoration: none;
	padding: 5px 10px;
	/*border: 1px solid #999999;*/
	border-radius: 2px;
	font-size: 1.2em;
}
.TopMenu > li > a .material-icons-outlined,
.TopMenu > li > a font-icon{
	vertical-align: middle;
}

.TopMenu > li.Active > a{
	background-color: #cccccc;
	color: black;
	border-bottom: 2px solid #339dc6;
}

.TopMenu > li:not(:last-of-type){
	border-right: 1px solid #99999940;
}

.TopMenu > li .material-icons,
.TopMenu > li font-icon{
	vertical-align: middle;
}

.TopMenu + h1 {
	position: sticky;
	top: 38px;
	z-index: 10;
}

.TopMenu .little{
	font-size: 0.8em;
	width: min-content;
	white-space: normal;
}

.MenuMainToggler{
	display: none;
	border: 0px;
	background-color: transparent;
	padding: 0px;
}

body > header > nav {
	position: relative;
	border-left: 1px solid #999999;
}
body > header > nav > div,
body > header > nav > div > a{
	display: flex;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
}
body > header > nav > div{
	padding: 5px;
}
body > header > nav > div > a{
	padding: 5px;
}

body > header > nav > ul,
body > header > nav > panel{
	position: absolute;
	top: 100%;
	right: 0px;
	background-color: #111111;
	border: 1px solid #999999;
	margin: 0px;
	padding: 5px;
	width: 300px;
}

body > header > nav > ul,
body > header > nav > panel > ul{
	list-style: none;
	margin: 0px;
	padding: 5px;
}

body > header > nav:not(.Open) > ul,
body > header > nav:not(.Open) > panel{
	display: none;
}

body > header > nav > ul > li{

}
body > header > nav > ul > li > a,
body > header > nav > panel > ul > li > a{
	display: flex;
	padding: 10px;
	align-items: center;
	justify-content: flex-end;
	border: 1px solid #999999;
	border-radius: var(--input-radius);
	margin: 2px 0px;
}
body > header > nav ul > li > a font-icon{
	margin-left: 10px;
}

body > header .Active{
	background-color: #288a7a;
}

body > header > nav > panel user-info{
	padding: 15px;
	margin: 5px;
	display: block;
	background-color: #80808080;
	border-radius: 4px;
}
body > header > nav > panel user-info .small{
	font-style: italic;
}


.TwoLevelMenu{
	position: relative;
	display: none;
}
.TwoLevelMenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 1000;
	--border-color: #333333;
	background-color: #111111;
	border: 1px solid var(--border-color);
}
.TwoLevelMenu > ul{
	left: 0px;
	top: 0px;
	text-align: left;
	min-width: 100%;
}
.TwoLevelMenu ul > li > a{
	display: flex;
	align-items: center;
	gap: 3px;
	color: inherit;
	text-decoration: none;
	padding: 5px;
}
.TwoLevelMenu ul > li:not(:last-child){
	border-bottom: 1px solid var(--border-color);
}


.WithSubmenu{
	position: relative;
}
.WithSubmenu > a{
	display: flex;
}
.WithSubmenu > a:after{
	content: "chevron_right";
	font-family: var(--font-icon);
	flex: 1;
	text-align: right;
}
.WithSubmenu> ul{
	left: 100%;
	top: 0px;
}
/*.TwoLevelMenu > ul li:not(.Toggled) > ul*/
.WithSubmenu:not(.Toggled) > ul{
	display: none;
}
.TopMenu .Toggled > a{
	background-color: #cccccc60;
}

.Toggled .TwoLevelMenu{
	display: block;
}

.MenuSeparator{
	height: 3px;
}
.MenuSeparator:first-child,
.MenuSeparator:last-child{
	display: none;
}


#pnlMenuHidden:not(.Open){
	display: none;
}
.MenuMore{
	position: relative;
	flex: 1;
	text-align: right;
	align-self: center;
	display: none;
}
#pnlMenuHidden{
	position: absolute;
	top: 100%;
	right: 0px;
	background-color: #111111;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 1px solid #999999;
}
#pnlMenuHidden > li > a{
	display: flex;
	align-items: center;
	gap: 3px;
	color: inherit;
	text-decoration: none;
	padding: 5px;
}
#pnlMenuHidden > li:not(:last-child){
	border-bottom: 1px solid #999999;
}


.UserMenu > div > a{
	border: 2px solid #999999;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	justify-content: center;
	min-width: 35px;
}
.UserMenu.Open > div > a{
	background-color: #0066ff80;
}