/************** MENU EXTENTED STYLE *****************/

.ML-MENU-EXTENDED-FullContainer {
	background-color: white;
	width: 100%;
}

.ML-MENU-EXTENDED-Level1-Container {
	/*background-color: var(--background-color-mainsite);*/
	background-color:white;
	position: relative;
	width: 100%;
	padding-top: 13px;
	overflow: hidden;
}

.ML-MENU-COMPRESSED-Level1-Container {
	border: 1px solid #8F908F;
	overflow: hidden;
	margin-top: 17px;
}


/*-------------------------------------------------------*/
.ML-MENU-EXTENDED-Level2-Container {
	display: none;
	border: 1px solid var(--border-color-container);
	background-color: var(--background-color-mainsite);
	position: absolute;
	top: 55px;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0px 4px 16px black;
	box-sizing: border-box;
	padding-right: 2px;
}


/*-------------------------------------------------------*/

.ML-MENU-EXTENDED-Item {
	float: left;
	border-spacing: 10px;
	border-radius: 2px;
	margin: 1px 1px 1px 1px;
	padding: 5px 10px;
	color: var(--label-color-main);
	cursor: pointer;
	box-sizing: border-box;
}

	.ML-MENU-EXTENDED-Item[ML_PageControl_Key=Level2_Menu] {
		width: 100%;
	}

	.ML-MENU-EXTENDED-Item:hover {
		background-color: var(--background-color-container-active-header);
		color: var(--label-color-main);
	}

	.ML-MENU-EXTENDED-Item span {
		font-size: 18px;
	}

		.ML-MENU-EXTENDED-Item span[ML_PageControl_Key=Icon] {
			font-size: 24px;
			display: inline-block;
			width: 25px;
			vertical-align: text-bottom;
		}

.ML-MENU-EXTENDED-Item-Selected {
	float: left;
	color: white;
	background-color: var(--border-color-container-selected);
	border-spacing: 10px;
	border-radius: 2px;
	margin: 1px 1px 1px 1px;
	padding: 5px 10px;
	cursor: default;
}

	.ML-MENU-EXTENDED-Item-Selected span {
		font-size: 18px;
	}

		.ML-MENU-EXTENDED-Item-Selected span[ML_PageControl_Key=Icon] {
			font-size: 24px;
			display: inline-block;
			width: 25px;
			vertical-align: text-bottom;
		}

/*-------------------------------------------------------*/
.ML-MENU-COMPRESSED-Item {
	float: left;
	/*background-color: #2A3E4C;*/
	border-spacing: 10px;
	border-radius: 2px;
	margin: 1px 1px 1px 1px;
	padding: 5px 10px;
	color: black;
	cursor: pointer;
	width: 100%;
}

	.ML-MENU-COMPRESSED-Item:hover {
		background-color: #BDBDBD;
		color: black;
	}

	.ML-MENU-COMPRESSED-Item span {
		font-size: 18px;
	}

.ML-MENU-COMPRESSED-Item-Selected {
	float: left;
	color: white;
	background-color: #8F908F;
	border-spacing: 10px;
	border-radius: 2px;
	margin: 1px 1px 1px 1px;
	padding: 5px 10px;
	cursor: default;
	width: 100%;
}

	.ML-MENU-COMPRESSED-Item-Selected span {
		font-size: 18px;
	}
/*-------------------------------------------------------*/

.ML-MENU-COMPRESSED-ToggleMenu {
	float: right;
	display: none;
	cursor: pointer;
}

	.ML-MENU-COMPRESSED-ToggleMenu img {
		margin-top: 18px;
	}