#main{
	width:100%;
	min-height: 100%;
	overflow: auto;
}

.menu {
	position:absolute;
	width: 20%;
	height: 100%;
	padding:0;
	margin:0;
	top:0;
	left:0;
	background: #33143e;
	overflow-y:auto;
}

.menuLogo {
	height: 55px;
	padding: 10px;
	background: url(../images/logo_nora.svg) no-repeat #ffffff center;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-size: contain;
	background-position: center center;
}


.menuLogo img{
	position:relative;
	height: 100%;
	width:100%;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-size: contain;
	object-fit: contain;
	background: white;
	padding:10px;
	margin: -10px !important;
}

.menuHeader {
	clear:both;
	position:relative;
	float:left;
	width: 100%;
	height: 34px;
	background: #462a52;
	color: white;
	text-align: left;
	font-size: 1em;
	line-height:34px;

	vertical-align: center;
}

.menuHeader p{
    margin-left:1em;
	line-height:34px;
}

.menuOption {
	clear:both;
	position:relative;
	float:left;
	width: 100%;
	vertical-align: middle;
	height: 30px;
	background: #5c4267;
	color: white;
	text-align: left;
	font-size: 1em;
	vertical-align: center;
	cursor: pointer;
}

.menuOption p{
	position:relative;
	float:left;
	margin-top:6px;
    margin-left:10px;
    font-weight:normal;
}

.menuOption:hover {
	background: #70547a;
}

.menuOption.selected {
	background: #70547a;
}

.menuOptionName {
	position:relative;
	float:left;
	/* display: table-cell; */
	vertical-align: middle;
	padding-left: 10px;
}

.menuSeparator {
	position:relative;
	float:left;
	width: 100%;
	height: 15px;
	background: #462a52;
	color: white;
	text-align: center;
	font-size: 16px;
	vertical-align: center;
}

.menuSelectedPart {
	position:relative;
	float:left;
	width: 10px;
	padding-left: 0px;
	height: 30px;
	margin-right: 0px;
}

.menuOption.selected .menuSelectedPart {
	background: #af85db;
}


.menuUser {
	clear:both;
	position:relative;
	float:left;
	width: 85%;
	vertical-align: middle;
	height: 40px;
	line-height: 40px;
	background: #000000;
	color: white;
	text-align: left;
	font-size: 1em;
	padding-left: 5%;
	vertical-align: center;
	cursor: pointer;
}

.menuLogout{
	position:relative;
	float:right;
	width: 15%;
	vertical-align: middle;
	height: 40px;
	background: #000000;
	color: white;
	text-align: left;
	font-size: 1em;
	vertical-align: center;
	cursor: pointer;
}

.menuLogout img{
	background: #462a52;
	position:relative;
	width: 40px;
	height: 40px;
	padding: 10px;
	float:right;
}