.acgMenuBar
{
	jposition: fixed;
	jtop: 0;
	jleft: 0;
	width: 100%;
	display:flex;
	jdisplay:table;
	justify-content:space-between;
	jwhite-space:nowrap;
	jtext-align:center;
	align-items:center;
}

/* Make jQuery UI Menu into a horizontal menubar with vertical dropdown */
.acgMenuBar > li
{ /* Menubar buttons */
	display: inline-block;
	jdisplay:table-cell;
	jvertical-align:middle;
}
.acgMenuBar > li > ul > li
{ /* Menubar buttons inside dropdown */
	display: block;
}

/* Change dropdown carets to correct direction */
.acgMenuBar > li > div > span.ui-icon-caret-1-e
{
	/* Caret on menubar */
	jbackground:url(https://www.drupal.org/files/issues/ui-icons-222222-256x240.png) no-repeat -64px -16px !important;
	background:none;
}
.acgMenuBar ul li div span.ui-icon-caret-1-e
{
	/* Caret on dropdowns */
	background:url(https://www.drupal.org/files/issues/ui-icons-222222-256x240.png) no-repeat -32px -16px !important;
}

.acgMenuBar.ui-widget
{
	font-family:inherit;
	font-size:inherit;
}

.acgMenuBar.ui-widget.ui-widget-content
{
	background-color:transparent;
	border:inherit;
}

.acgMenuBar .ui-state-active
{
	background-color:var(--main-color);
	jbackground-color:transparent;
	border-color:transparent;
}

.acgMenuBar .ui-menu-item-wrapper
{
	padding:0.25em 1em 0.25em 0.5em;
}