/* Header */
header {
	margin-bottom: 2rem; padding: .5rem 0;
	border-bottom: 1px solid #bbb; background-color: #f4f4f4;
}
header .button {margin-bottom: 0;}

/* Header - Start */
header .start .logo img {width: auto; height: 30px; margin: 4px 0 6px 0;}
header .start .logo:hover img {filter: invert(50%) sepia(40%) saturate(500%) hue-rotate(150deg);}
header .start .module {margin-left: 2rem; font-size: 22px; vertical-align: text-bottom;}

/* Header - Menu */
header .topMenu {display: flex;}
header .topMenu .items a {
	box-sizing: border-box; float: left; height: 56px;
	margin: -.5rem 0; padding: 0 1rem; line-height: 56px; font-size: 1rem;
}
header .topMenu .items a:hover {background-color: #eaeaea;}
header .topMenu .items a[disabled] {
	height: 57px; margin-bottom: -9px; color: #0a0a0a;
	border-bottom: 2px solid #999; background-color: #e4e4e4;
}
header .topMenu .buttons {margin-left: auto;}
header .topMenu .buttons .button:not(:first-child) {margin-left: .5rem;}

/* Header - Member */
header .member .button {float: right; width: 50px; padding: 0; background-color: #ccc;}
header .member .button + .button {margin-right: .5rem;}
header .member .button i {line-height: 40px; font-size: 23px; color: #777;}
header .member .button:hover i {color: #555;}
header .member .selected {float: right; margin-top: 3px;}
header .member .tileSorter.active i {color: #498aff;}
header .member .button.notifications {position: relative;}
header .member .button.notifications .counter {
	position: absolute; top: -5px; right: -5px;
	min-width: 20px; height: 20px; padding: 0 5px;
	background-color: orangered; line-height: 20px;
	border-radius: 10px; font-size: 14px; color: white;
}