.fractal-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}



#topbar_container{
	position:fixed;
	top:0px; 
	left:0px;
	width:100%;
	height:2em;
	background-color:#2d2d30;
	display:flex;
	flex-direction:row;
	align-items:center;
	font-size:1em;
	color:white;
	z-index:999;
	box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
	
}

#main_menu_container{
	display:flex;
	flex-direction:row;
	align-items:center;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
}

#manage_menu_container{
	display:flex;
	flex-direction:row;
	align-items:center;
	position:absolute;
	top:0px;
	right:0px;
	height:100%;
}

.topbar_btn{
	height:100%;
	padding-left:2em;
	padding-right:2em;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;	
}
.topbar_btn:hover{
	cursor:pointer;
	background-color:#434347;
}
.topbar_btn:hover .submenu{
	display:flex !important;
}

.submenu{
	position:absolute;
	top:2em;
	left:0px;
	width:100%;
	display:none;
	background-color:#47474b;
	flex-direction:column;
	align-items:center;
}
.submenu_btn{
	width:calc(100% - 2em);
	height:2em;
	display:flex;
	padding:0em 1em;
	align-items:center;
}
.submenu_btn:hover{
	background-color:#5b5b5f;
	cursor:pointer;
	color:white;
}
#btn_logout:hover{
	background-color:#642727 !important;
}

.topbar_btn img{
	margin-right:.3em;
	height:0.8em;
	display:inline-text;
}
#btn_property_info{
	width:10em;
}
#btn_admin{
	width:6em;
}
#btn_profile{
	width:6em;
}