.aaaaaaaaaaaaaamainmenu {
	height: 100%;
	width: 0cm;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: 0.5s;
	margin: 0px;
	padding: 0px;
	
	font-size: 0.75cm;
}

.aaaaaaaaaaaaaaamenubuttonRow {
	margin: 0;
	padding-top: 0.1cm;
	font-size: 75%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.aaaaaaaaaaaaaaaamenucontent {
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #ccccff;
	box-shadow: 0px 0px 0.93cm #000000;
	height:100%;
	width:7cm;
}

#menuButtonDiv{
	z-index: 2;
	top: 0;
	right: 0;
	margin: 0px;
	padding: 0px;
	position: fixed;
}
#menuButtonImage{
	width:1cm;
	height:1cm;
	margin: 0px;
	padding: 0px;
}
.menuPane{
	height: 100%;
	width: 0cm;
	position: fixed;
	z-index: 2;
	top: 0;
	right: 0;
	background-color: var(--background_color);
	transition: 0.25s;
	margin: 0px;
	padding: 0px;
	font-size: 0.75cm;
	box-shadow: 0px 0px 0.93cm #000000;
	overflow-x: hidden;
	overflow-y: scroll;
}
.menuHead{
	background-color: #ff9966;
	position: fixed;
	height:1cm;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.menuContent{
	margin-top: 1.5cm;
}
.menuFolderRow{
	border-bottom: solid;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.menuFolderRow[data-row-selection='yes']{
	border-bottom: solid;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background-color: #cc99ff;
}
.menuActionRow{
	border-bottom: dashed;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.menuActionRow[data-row-selection='yes']{
	border-bottom: soldashedid;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background-color: #cc99ff;
}