.top_bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	background-color: #1976d2;
	box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .3);
}
.top_bar_logo {
	position: absolute;
	top: 8px;
	left: 1vw;
	height: 48px;
}
.top_bar_project {
	position: absolute;
	left: calc(2vw + 238px);
	bottom: 10px;
	color: white;
	opacity: 0.75;
}
#top_bar_icon_notifications {
	position: absolute;
	bottom: 0px;
	right: calc(16px + 89px);
	background-color: rgba(255, 255, 255, 0.15);
	padding: 9px 16px 5px 16px;
	border-radius: 4px 4px 0px 0px;
	opacity: 0.25;
}
#div_notifications {
	display: none;
	position: absolute;
	width: 256px;
	max-height: 512px;
	top: 64px;
	right: calc(16px + 89px);
	padding: 16px 16px 0px 16px;
	background-color: #3B8AD9;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
}
.top_bar_icon_logout {
	position: absolute;
	bottom: 0px;
	right: 8px;
	background-color: rgba(255, 255, 255, 0.15);
	padding: 8px 16px;
	border-radius: 4px 4px 0px 0px;
}