.divAppHeader #btnMainMenu
{
	background-image:url('../img/iconMenu.svg');
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	left:12px;
	height:48px;
	margin-top:-24px;
	position:absolute;
	top:50%;
	-webkit-transition:left 0.25s;
	transition:left 0.25s;
	width:48px;
}

#divAppMenu
{
	display:none;
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:100%;
	z-index:15;
}

#divAppMenu.show
{
	display:block;
}

#divAppMenu #divMenuOverlay
{
	background-color:rgba(0, 0, 0, 0);
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}

#divAppMenu.show #divMenuOverlay
{
	animation:showMenuOverlay 0.25s;
	background-color:rgba(0, 0, 0, 0.2);
}

#divAppMenu.close #divMenuOverlay
{
	animation:hideMenuOverlay 0.25s;
	background-color:rgba(0, 0, 0, 0);
}

#divAppMenu .divMenuPanel
{
	background-color:#ffffff;
	border-right:1px solid rgba(0, 0, 0, 0.14);
	box-shadow:0px -28px 37.5px 2.5px rgba(0, 0, 0, 0.24), 0px -11px 52px 1px rgba(0, 0, 0, 0.16);
	height:100%;
	overflow-y:auto;
	position:absolute;
	left:0px;
	top:0px;
	transform:translateX(-110%);
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:300px;
}

#divAppMenu.show .divMenuPanel
{
	animation:slideMenuIn 0.25s;
	transform:translateX(0%);
}

#divAppMenu.close .divMenuPanel
{
	animation:slideMenuOut 0.25s;
	transform:translateX(-110%);
}

#divAppMenu .divMenuHeader
{
	background-color:#ffffff;
	border-bottom:1px solid rgba(0,0,0,.12);
	height:64px;
	position:relative;
}

#divAppMenu .imgMenuLogo
{
	height:48px;
	left:24px;
	margin-top:-24px;
	position:absolute;
	top:50%;
}

#divAppMenu #divMenuItems
{
	margin-bottom:64px;
}

#divAppMenu .divMenuItem
{
	background-color:rgba(0, 0, 0, 0);
	color:rgba(0, 0, 0, 0.87);
	cursor:pointer;
	font-size:14px;
	font-weight:500;
	line-height:44px;
	overflow:hidden;
	padding:0px 24px;
	text-overflow:ellipsis;
	transition:background-color 0.25s;
	white-space:nowrap;
}

#divAppMenu .divMenuItem:hover
{
	background-color:rgba(0, 0, 0, 0.1);
}

/* ANIMATIONS */
@keyframes showMenuOverlay
{
	0%
	{
		background-color:rgba(0, 0, 0, 0);
	}
	100%
	{
		background-color:rgba(0, 0, 0, 0.2);
	}
}

@keyframes hideMenuOverlay
{
	0%
	{
		background-color:rgba(0, 0, 0, 0.2);
	}
	100%
	{
		background-color:rgba(0, 0, 0, 0);
	}
}

@keyframes slideMenuIn
{
	0%
	{
		transform:translateX(-110%);
	}
	100%
	{
		transform:translateX(0%);
	}
}

@keyframes slideMenuOut
{
	0%
	{
		transform:translateX(0%);
	}
	100%
	{
		transform:translateX(-110%);
	}
}

/* MEDIA QUERIES */
@media (max-width: 420px)
{
	.divAppHeader #btnMainMenu
	{
		left:4px;
	}
	
	#divAppMenu .divMenuHeader
	{
		height:56px;
	}
}

@media (max-width: 360px)
{
	#divAppMenu .divMenuPanel
	{
		width:272px;
	}
}