/***********************LB navigation.css*********************/
/*navigation-bar*/
/*MENU*/


/*navigation-bar*/

#navigation-bar {
width:100%;
display:flex;
align-items: center;
padding:2px 0;
margin-bottom:5px;
border-bottom: 1px solid #e3e3e3;
}

.spacer { /*to move apart logo and register*/
flex:1;
}

#navigation-bar img {
max-height:1.8em;
display: block; /*for vertical alignment with and without link*/
}

#navigation-bar a{
margin:0;
padding:0;
}

.register-avatar {
margin-left:0.5em;
}

.register{
font-size:0.8em;
}

.register a {
color:#4B8ABF;
text-decoration:underline;
}

/*MENU*/

.path-drop {
position:relative;
cursor:pointer;
}

.submenu {
  position: absolute;
  top: 100%;         /* right below the path*/
  left: 0;        /* right in the beginning of the path */
  background: #ffffff;
  padding: 0;
  margin: 0;
  list-style: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  display: none;
  min-width: 200px;
  z-index: 1000;
}

.submenu li {
margin: 0;
background: #FFFFFF;
border-bottom: 1px solid #e3e3e3;	
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
padding:2px 0;
}

.submenu li:hover {
background-color:#F8F8F8;
}

/* Show menu on hover */
.path-drop:hover .submenu {
display: block;
}

.localized_label {
background-color:#EEEEFF;
padding:3px;
border:1px solid #CCCCCC;
border-radius:3px;
font-size:0.8em;
margin-right:10px;
}

.localized_label a {
color:#000000;
text-decoration:none;
}