#menu-panel img
{
	position: relative;
	margin-top: -3px;
	vertical-align: middle;
	max-height: 18px;
}

#menu-panel
{
	margin-top: -5px;
	max-width: calc(100vw - 200px);

	height: 50px;
	white-space: nowrap;
}

/*
#menu-panel:hover
{
	margin-top: -5px;
	max-width: none;
	overflow-x: scroll;

	height: 50px;
}

#menu-panel:hover::-webkit-scrollbar
{
  width: 9px;
  height: 9px;
}

#menu-panel:hover::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);

  border-radius: 15px;
}

#menu-panel:hover::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);

  border-radius: 15px;
} */

#menu-panel *
{
	font-family: "Oswald-ExtraLight", "RobotoCondensed-Light", "Tahoma", "Verdana", "sans-serif";
	font-size: 15px;
}

#menu-body
{
	height: 50px;

	font-size: 15px !important;
	text-decoration: none;
	text-align: left;
}

#menu-body a.item-level-1
{
	display: table-cell !important;

	height: 50px;
	vertical-align: middle;

	margin-bottom: 3px;
	padding: 0 10px !important;

	color: #ffffff;
}

#menu-body a.item-level-1:hover
{
	margin-bottom: 0px;

	text-decoration: none;
	color: #ffffff;

	background: linear-gradient(to top, transparent 2px, #ffffff 2px, #ffffff 4px, transparent 4px);
}

#menu-body a.item-level-1.current:hover
{
	background: linear-gradient(to top, transparent 2px, #ffffff 2px, #ffffff 4px, #02253D 4px);
}

#menu-body a.item-level-2
{
	display: block;

	padding: 10px 20px;

	font-size: 14px !important;
	font-weight: bold;
	text-transform: none;
	text-align: left;

	color: #BCC0C5;

	border-bottom: 1px solid #EAECED;
}

#menu-body a.item-level-2.last
{
	border-bottom: 0px;
}

#menu-body a.item-level-2:hover
{
	margin-bottom: 0px;

	text-decoration: none;
	background-color: #02253D;
}

a.current-parent, a.current, span.current a
{
	background-color: #02253D;
}
