div#menubar {
		overflow-y: auto; /* Enable vertical scrolling */
		min-width: 210px;
		width: 210px;
		background-color: #ffda00;
		font-family: hmed;
		color: #171d1c;
		display: flex;
		flex-direction: column;
	}
	div.menulogo-outer {
		height: 100px;
		min-height: 100px;
	}
	div#menulogocontainer {
		position: relative;
		width: 80%;
		left: 10%;
		top: 25px;
	}
	div#menuitemcontainer {
		position: relative;
		width: 100%;
		min-height: 34px;
		font-size: 16px;
	}
	div#menusubitemcontainer {
		position: relative;
		width: 100%;
		min-height: 34px;
		font-size: 15px;
	}
	div.menuitem-backbox {
		position: relative;
		top: -100%;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #f4f7f9;
		visibility: hidden;
	}
	div.menuitem-backbox-line {
		position: relative;
		width: 2px;
		height: 100%;
		top: 0px;
		left: 0px;
		background-color: #171d1c;
	}
	div.menuitem {
		font-family: hbdex;
		position: relative;
		width: 80%;
		height: 100%;
		top: 0px;
		z-index: 1;
		left: 10%;
		right: 10%;
		font-size: 90%;
		align-content: center;
	}
	div.menusubitem {
		font-family: hmed;
		position: relative;
		width: 80%;
		height: 100%;
		top: 0px;
		z-index: 1;
		left: 11%;
		font-size: 14px;
		align-content: center;
	}
	div.menuitem:hover + div.menuitem-backbox {
		visibility: visible;
	}
	div.menusubitem:hover + div.menuitem-backbox {
		visibility: visible;
	}
	div.after-menuitem-spacer {
		position: relative;
		width: 100%;
		min-height: 20px;
	}
	div.after-menu-spacer {
		position: relative;
		width: 100%;
		min-height: 35px;
	}
	div.userbox {
		display: flex;
	}
	div.userbox-usericon {
		height: 20px;
		align-items: center;
	}
	#usericon {
		height: 20px;
	}
	div.userbox-username {
		font-family: hbd;
		font-size: 14px;
		margin-left: 5px;
		margin-top: 4px;
		/*align-content: center;*/
		align-items: center;
		/*display: flex;*/
	}
	div.userbox-lastlogin {
		font-family: hroman;
		font-size: 10px;
		width: 160px;
		margin-left: 20px;
		margin-top: 4px;
		align-content: center;
	}
	div.userbox-version {
		font-family: hroman;
		font-size: 10px;
		width: 160px;
		margin-left: 20px;
		margin-top: 4px;
		align-content: center;
	}
	div.userbox-copyright {
		font-family: hroman;
		font-size: 15px;
		color: #6a706e;
		width: 160px;
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		align-content: center;
	}
	div.menubottomdevider {
		height: 100%;
	}
	div.menubottomdeviderline {
		border: 1px;
		border-color: #171d1c;
		border-style: none none solid none;
	}