#topmessagecontainer {
	position: fixed;
	width: 100%;
	top: 0;
	display: none;
	text-align: center;
	z-index: 1000;
}

	#topmessagecontainer span {
		background-color: #f9edbe;
		border: #f0c36d 1px solid;
		width: 100px;
		padding: 2px 10px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		font-weight: bold;
	}

body {
	height: initial;
}

/*home*/
main {
	display: flex;
	height: 100%;
	flex-direction: column;
}

#container {
	flex: 1;
	overflow-y: auto;
}

.content {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.contentbody {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	/*padding-bottom: 16px;*/
}

*::-webkit-scrollbar {
	width: 6px;
}

*::-webkit-scrollbar-track {
	background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
	background: #888;
}

	*::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

/*header*/
.right {
	float: right !important;
}

	.right li {
		float: right !important;
	}

.left {
	float: left !important;
}

	.left li {
		float: left !important;
	}

header {
	width: 100%;
	line-height: 37px;
	padding: 0 8px;
}

.header-logo {
	float: left;
	line-height: 1px;
}

.header-title {
	float: left;
	padding: 0px;
}

.header-buttons {
	list-style: none;
	margin: 0;
}

	.header-buttons li > a {
		text-decoration: none;
		color: white;
		padding: 0px 10px;
		height: 100%;
		display: block;
	}

	.header-buttons span {
		padding: 0px 10px;
	}

	.header-buttons li img {
		vertical-align: middle;
	}

	.header-buttons li:hover, .header-buttons li.iw-opened {
		background-color: #296ca3;
	}

.header-buttons > li > span > a {
	color: white;
}