.otapp .mymenu{
	/* give the outermost container a predefined size */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	flex-direction: row;
	z-index: 200;
	/*display: flex;*/
	display: none;
}

.otapp .mymenu-background{
	flex-grow: 1;
	background-color: rgba(90,90,90,0.4);
	min-width: 30px;
}

.otapp .mymenu-menu{
	width: 320px;
	display: flex;
	flex-direction: column;
}

/*heading*********************/
.otapp .mymenu-heading{
	background-color: rgb(17, 114, 163);
	border-bottom: 1px solid white;
	color: white;
}

/*body*********************/
.otapp .mymenu-body{
	flex-grow: 1;
	background-color: rgb(248, 249, 250);
	overflow: auto;  
	/* for Firefox */
	min-height: 0;
}

.mymenu-body-container{
	margin-left: 15px;
	margin-right: 15px;
}

.mymenu-body-container h1{
	font-size: 1em;
    margin-bottom: 0px;
}

.otapp .mymenu-body-separation{
	margin-right: 15px;
	margin-left: 15px;
	border-top: 1px solid rgb(210,210,210);
}

.otapp .mymenu-body-separation_hidden{
	display: none;
}

.otapp .mymenu-body-separation_light{
	margin-right: 15px;
	margin-left: 15px;
	border-top: 1px solid rgba(210,210,210, 0.3);
}

.otapp .mymenu-body-item, .otapp .mymenu-heading-item{
	cursor: pointer;
	display: flex;
	flex-direction: row;
}

.otapp .mymenu-body-item-opacity50{
	opacity: 0.5;
}

.otapp .mymenu-body-item-LHS, .otapp .mymenu-body-item-RHS, .otapp .mymenu-heading-item-LHS, .otapp .mymenu-heading-item-RHS{
	width: 55px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.otapp .mymenu-body-item-LHS img, .otapp .mymenu-body-item-RHS img, .otapp .mymenu-heading-item-LHS img, .otapp .mymenu-heading-item-RHS img{
	display: block;
	height: 21px;
	margin-top: 9px;
	margin-bottom: 10px;
}

.otapp .mymenu-body-item-LHS img.opacity70, .otapp .mymenu-body-item-RHS img.opacity70{
	opacity: 0.7;
}

.otapp .mymenu-body-item-LHS img.opacity20, .otapp .mymenu-body-item-RHS img.opacity20{
	opacity: 0.2;
}

.otapp .mymenu-heading-item-Center{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.2em;
	/*padding-top: 12px;
	padding-bottom: 12px;*/
}

.otapp .mymenu-body-item-Center{
	flex: 1;
	font-size: 1.2em;
	padding-top: 12px;
	padding-bottom: 12px;
}

.mymenu-body-item-menuindex-tutorials{
	background-color: rgb(255, 255, 255);
}

.mymenu-body-item-menuindex-tutorials .mymenu-body-item-Center{
	font-size: 1.0em;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mymenu-body-item-menuindex-tutorials .mymenu-body-item-Center .main-body-items{
	padding-bottom: 5px;
}

.mymenu-body-item-menuindex-tutorials .mymenu-body-item-Center .main-body-items-item{
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
}

.mymenu-body-item-menuindex-tutorials .mymenu-body-item-Center .main-body-items-alltutos{
	margin-right: 0px;
}


.otapp .mymenu-body-item-Center_noLHSicon, .otapp .mymenu-heading-item-Center_noLHSicon{
	padding-left: 15px;
}

.otapp .mymenu-body-item-Center_noRHSicon{
	padding-right: 15px;
}