#header
{
	z-index: 1200;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;

	height: 55px;
	background-color: #4a6a7a;

	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#header .left
{
	position: absolute;
	left: 0px;

	width: 12%;

	height: 100%;
}

#header .right
{
	position: absolute;
	right: 0px;

	width: 12%;

	height: 100%;
}

.app-title
{
	position: absolute;
	left: 12%;
	right: 12%;

	height: 100%;

	text-align: center;
}

#header .logo
{
	width: 100px;
	height: 55px;

	display: inline-block;

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/template/almon-logo.png');
}

#header .text
{
	height: 55px;
	line-height: 55px;

	vertical-align: top;
	display: inline-block;

	padding-left: 20px;

	color: #fff;
	font-size: 22px;
	font-weight: bold;
}

#header .version
{
	position: absolute;
	right: 0px;
	bottom: 0px;

	height: 100%;
	line-height: 55px;

	color: #eee;
	font-size: 10px;
}

#header .menu-button
{
	cursor: pointer;
	display: inline-block;

	margin-top: 3px;
	margin-left: 15px;
	padding-left: 32px;

	height: 49px;

	color: #fff;
	font-weight: bold;
	line-height: 49px;

	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../images/footer/menu-handle.svg');
}

#header .tools-button
{
	float: right;
	cursor: pointer;
	display: inline-block;

	margin-top: 3px;

	width: 49px;
	height: 49px;

	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/template/gear-icon.svg');
}

#header .help-button {
    float: right;
    cursor: pointer;
    display: inline-block;
    position: relative;
    height:20px;
    width: 20px;
    color:white;
    top:15px;
    font-size:24px;
}