#olefa-inav {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

#olefa-inav-icon {
	background: center url('/osr/olefa/olefa.png') no-repeat;
	display: block;
	height: 25px;
	width: 25px;
}

#inav-wrapper {
	background: var(--mdc-theme-surface);
	box-shadow: var(--shadow-4dp);
	color: var(--mdc-theme-on-surface);
	display: none;
	text-align: left;
}

#inav-wrapper[data-expanded="true"] {
    display: flex;
	flex-direction: column;
}

#inav-titlebar,
#olefa-inav ul,
#olefa-inav ul li {
	line-height:	1.0;
	list-style: none;
	margin: 0;
	min-width:	200px;
	padding: 0;
	position: relative;
	white-space:	nowrap;
}

#inav-titlebar {
	background: var(--mdc-theme-on-surface);
	color: var(--mdc-theme-surface);
	font-size:			15px;
	height:				20px;
	line-height:		20px;
	padding-left:		5px;
}

#olefa-inav ul a, 
#olefa-inav ul button {
    align-items: center;
	background: none;
    border: 0;
	box-sizing: border-box;
	color: var(--mdc-theme-on-surface);
    cursor: pointer;
	display: flex;
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
	gap: calc(2 * var(--md-unit));
    height: 38px;
    justify-content: left;
    line-height: inherit;
	padding: .75em 1em;
	position: relative;
	text-align: left;
	text-decoration: none;
    width: 100%;
	z-index: 1;
}

#olefa-inav a > span:not([class]), 
#olefa-inav button > span:not([class]) {
    flex-grow: 1;
}

#inav-body li.spacer {
	border-top: var(--md-border-divider);
}

#inav-body ul {
	display: none;
	position: absolute;
}

#olefa-inav li:hover::after,
#olefa-inav li:focus-within::after {
	background: var(--mdc-ripple-color);
    content: '';
	height: 100%;
	left: 0;
	opacity: 0.3;
	position: absolute;
	top: 0;
	width: 100%;
}

#olefa-inav button:hover+ul,
#olefa-inav button[aria-expanded="true"]+ul,
#inav-body ul:hover {
	background: var(--mdc-theme-surface);
	box-shadow: var(--shadow-4dp);
	color: var(--mdc-theme-on-surface);
	display: flex;
	flex-direction: column;
	left: 95%;
	top: 0;
	z-index: 2;
}