.MenuDiv {
	position: relative;
	float: right;
	padding: 5px;
	border-color: pink;
	width: auto;
	font-size: 24px;
}

.SubMenuDiv {
	position: relative;
	float: right;
	padding: 5px;
	border-color: Black;
	width: auto;
	top: -80px;
}

.AppInfoDiv {
	display: flex;
	flex-direction: row;
	justify-content: right;
	font-size: 24px;
}

	.AppInfoDiv label {
		color: white;
		padding: 0 6px 0 4px;
		font-weight: normal;
	}

.AppInfoDiv select {
	font-size: 18Px;
}


	.AppInfoDiv div {
		margin: 0 4px 0 4px;
		display: flex;
		flex-direction: row;
		color: #fcf13c;
		/*justify-content: flex-end;*/
	}

.AppInfoDiv div form {
	width: auto;
	margin: 0;
	color: black;
}
	
.MenuItem {
	color: White;
	margin: 6px;
}

.SubMenuItem {
	background: linear-gradient(90deg, #1e3c78 0%, #4b74f4 158.16%);
	box-shadow: 0 0 6px 2px #000000;
	box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	/* font-weight: bold; */
	font-size: 20px;
	line-height: 21px;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 15px 3px 15px;
}

.MenuSelected {
	color: #a8d0ff;
	;
}

.MenuHover {
	color: #e6e6fa;
	background: linear-gradient(90deg, #2452acb0 0%, #0a2d9dd4 158.16%);
}

.LanguageButton {
	height: 35px;
	font-family: Roboto;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	margin: 30px 0 10px 0;
	vertical-align: text-top;
	background: none;
	border-radius: 8px;
	font-weight: 600;
	color: #757575;
}

/*For Mobile Menu*/
	.MobileDiv {
	position: relative;
	float: right;
	width: auto;
	font-size: 16px;
	display: none;
}

.MobileMenu {
	color: black;
	margin: 10px;
}

.MobileDiv ul.vertical {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-color: white;
	border-width: 3px;
	border-style: solid;
	border-radius: 7px;
	background: black;
}

.MobileMenuBars {
	width: 30px;
	margin: 0px;
	border-color: black;
	border-style: solid;
	padding: 4px 4px 2px 4px;
	background: white;
	border-radius: 7px;
}

.MobileMenuBars img {
	fill: black;
}

.MobileSubDiv {
	float: right;
	position: fixed;
	width: 135px;
	height: 30px;
	right: 15px;
	visibility: hidden;
	z-index: 100;
}

div.HeaderMenuGrid {
	display: grid;
	grid-template-areas:
		'hdmLogo hdmInfo'
		'hdmLogo hdmMenu';
	grid-template-columns: auto auto;
	gap: 4px;
}

div#hmgLogo {
	grid-area: hdmLogo;
	float: left;
}

div#hdmInfo {
	grid-area: hdmInfo;
	float: right;
	text-align: right;
}

div#hdmMenu {
	grid-area: hdmMenu;
}

#logo { height: 100px; }

@media (max-width:1100px) {
	#logo       { height: 72px; }
	.MenuDiv    { font-size: 21px; }
	.AppInfoDiv { font-size: 21px; }
	.AppInfoDiv select { font-size: 15px; }
}

@media (max-width:740px) {
	#logo       { height: 60px; }
	.MenuDiv    { display: none; }
	.MobileDiv  { display: block; }
	.AppInfoDiv {
		flex-direction: column;
		font-size: 17px;
	}
	.AppInfoDiv select {
		font-size: 14px;
		width: 130px;
	}
	.AppInfoDiv label  { width: 100px; }
	div.HeaderMenuGrid {
		display: grid;
		grid-template-areas:
		    'hdmLogo hdmInfo hdmMenu'
		    'hdmLogo hdmInfo hdmMenu';
		grid-template-columns: auto auto 9%;
		gap: 4px;
	}
	div#hdmMenu {
		display: grid;
		align-content: center;
	}
}