html, body
{
	background:#ffffff;
	color:rgba(0, 0, 0, 0.54);
	font-family:'Roboto', sans-serif;
	font-size:16px;
	margin:0px;
	overflow:hidden;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.divApp
{
	height:100%;
	overflow:hidden;
	position:absolute;
	width:100%;
}

.divAppHeader
{
	background-color:#25225c;
	box-shadow:0px 0px 7px 0px #000000;
	height:64px;
	left:0px;
	position:absolute;
	right:0px;
	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;
	z-index:5;
}

.divAppHeader #divHeaderLabel
{
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	left:72px;
	overflow:hidden;
	position:absolute;
	right:64px;
	text-overflow:ellipsis;
	top:50%;
	transform:translateY(-50%);
	white-space:nowrap;
}

#divAppContent
{
	bottom:0px;
	left:0px;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	right:0px;
	top:64px;
	transition:opacity 0.25s;
}

#divAppContent.hide
{
	opacity:0;
}

/* MEDIA QUERIES */
@media (max-width: 420px)
{
	.divAppHeader
	{
		height:56px;
	}

	.divAppHeader #divHeaderLabel
	{
		left:56px;
	}

	#divAppContent
	{
		top:56px;
	}
}