html
{
	background:#547736;
	color:rgba(0, 0, 0, 0.8);
	font-family:Comfortaa, sans-serif;
	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;
}

body
{
	margin:0px;
	overflow:hidden;
}

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

/* APP HEADER */
.divAppHeader
{
	background-color:#547736;
	height:80px;
	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:2;
}

.divAppHeader #imgHeaderLogo
{
	cursor:pointer;
	height:36px;
	left:50%;
	position:absolute;
	top:8px;
	transform:translateX(-50%);
	width:36px;
}

.divAppHeader #divAppHeaderText
{
	bottom:8px;
	color:#ffffff;
	font-size:18px;
	left:50%;
	position:absolute;
	transform:translateX(-50%);
	transition:bottom 0.1s, font-size 0.1s;
	white-space:nowrap;
}

/* APP CONTENT */
#divAppContent
{
	background-color:#ffffff;
	bottom:0px;
	left:0px;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	right:0px;
	top:80px;
	transition:opacity 0.25s;
}

#divAppContent.hide
{
	opacity:0;
}

/* GOOGLE INPUT OVERIDE */
body .pac-container
{
	border:none;
}

/* MEDIA QUERIES */
@media (max-width: 360px)
{
	.divAppHeader #divAppHeaderText
	{
		bottom:10px;
		font-size:14px;
	}
}