#application,
#company,
#info {
	background-color: white;
	display: none;
	padding: 0.25em;
	}

#manual ol {
	list-style-position: inside;
	list-style-type: decimal;
	}

#ub_menus {
	background-color: white;
	color: #222;
	font-family: Roboto, Montserrat, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;

	#logout,
	#newWindow {
		display: inline-block;
		height: 1em;
		}

	[ub-menus-logout] {
		background-color: transparent;
		background-image: url("/images/logout.png");
		background-position: center middle;
		background-repeat: no-repeat;
		background-size: contain;
		min-height: 20px;
		min-width: 20px;
		vertical-align: middle;
		}

	[ub-menus-window] {
		background-color: transparent;
		background-image: url("/images/add.png");
		background-position: center middle;
		background-repeat: no-repeat;
		background-size: contain;
		min-height: 20px;
		min-width: 20px;
		vertical-align: middle;
		}

	.center {
		text-align: center;
		margin: 0px auto;
		}

	h1.ub-menu,
	.ub-menu-h1 {
		background: linear-gradient(to top,rgba(128,128,128,1),rgba(255,255,255,1));
		color: navy;
		font-size: 1.2em;
		font-weight: bold;
		padding: 0.25em 0;
		text-align: center;
		vertical-align: middle;
		}

	.right {
		float: right;
		}

	.title {
		background-color: silver;
		font-weight: bold;
		font-size: 1.1em;
		}

	.tooltip {
		background-color: black;
		color: white;
		border-radius: 0.5em;
		margin: 0.5em;
		max-width: 15em;
		padding: 0.5em;
		padding-left: 1em;
		}

	.ub-menu-section {
		font-weight: bold;
		border-top: 1px solid #444;
		border-bottom: 1px solid #444;
		}

	button.menuItem {
		text-align: left;
		}

	nav.menuBar,
	nav.menu {
		color: #222;
		font-family: Roboto, Montserrat, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-style: normal;
		font-weight: normal;
		}

	nav.menuBar {
		background: #ddd;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		overflow: hidden;
		padding: 0.1em;
		text-align: center;
		z-index: 255;
		}

	nav.menuBar > ul > li {
		cursor: pointer;
		margin-left: 0.1em;
		margin-right: 0.1em;
		padding-left: 0.1em;
		padding-right: 0.1em;
		}

	nav.menuBar > ul > li.dropdown::after {
		content: "\25BC";
		font-size: 12pt;
		}

	nav.menuBar > ul > li.dropdown > ul {
		display: none;
		}

	nav.menuBar > ul > li:hover {
		background-color: #aaa;
		}

	div.menuList {
		background-color: lightGray;
		color: #222;
		overflow: hidden;
		padding: 0.1em;
		text-align: center;
		}

	div.menuList > div {
		display: inline-block;
		}

	nav.menuBar > div,
	div.menuList > div {
		background-color: transparent;
		border: 0px;
		color: black;
		font-size: 11pt;
		margin: 0.1em 0.1em;
		padding: 0.1em;
		text-align: center;
		}

	nav.menuBar > button {
		background-color: transparent;
		border: 0px;
		border-radius: 5px;
		border-right: 1px solid white;
		color: black;
		font-size: 11pt;
		margin: 0.1em 0.1em;
		padding: 0.1em;
		text-align: center;
		}

	nav.menuBar > button:first-child {
		border-left: 1px solid white;
		}

	nav.menuBar div.menuButton {
		background-color: #6fa8e7;
		border-left: 1px solid #f0f0e0;
		border-right: 1px solid #f0f0e0;
		display: inline;
		font-weight: bold;
		margin: 0px;
		padding: 0.5em;
		}

	nav.menuBar div.menuButton:hover {
		background-color: #5085c1;
		color: #e0e0d0;
		cursor: pointer;
		}

	nav.menu {
		background-color: #AAA;
		left: 0px;
		padding: 0px 1px 1px 0px;
		position: absolute;
		top: 0px;
		visibility: hidden;
		width: 12.4em;
		z-index: 101;
		}

	nav.menu > ul {
		border: 1px solid grey;
		padding: 0;
		}

	nav.menu > ul > li {
		display: inline-flex;
		flex-direction: row;
		font-size: 11pt;
		margin: 0.2em;
		width: 12em;
		}

	nav.menu > ul > li > hr {
		width: 100%;
		}

	nav.menu > ul > li.more::after {
		content: "\25B8";
		font-size: 1em;
		margin-left: auto;
		}

	nav.menu li.menuItem {
		cursor: pointer;
		}

	nav.menu li.menuItem:hover {
		background-color: #aaa;
		}

	div.menu button div.menuItemArrow {
		display: inline-block;
		float: right;
		}

	div.menu button div.menuItemText,
	div.menu div div.menuItemText {
		display: inline-block;
		float: left;
		text-align: left;
		}

	div.menu div.menuItemSep {
		border-top: 1px solid #909090;
		border-bottom: 1px solid #f0f0f0;
		margin: 4px 2px;
		}

	div.menuItemArrow {
		color: #444;
		display: inline-block;
		margin-left: 0.5em;
		}

	div.menuItemSpacer {
		display: inline-block;
		min-width: 1.5em;
		}

	div.scrollTable {
		margin-left: 1em;
		}

	div.subMenu {
		background-color: LightGray;
		left: 0px;
		margin-top: 5px;
		padding: 0.5em;
		position: absolute;
		top: 0px;
		visibility: hidden;
		width: 12.4em;
		z-index: 101;
		}

	div.subMenu > div.menuItem {
		padding: 0.25em;
		}

	li {
		background-color: transparent;
		border: 0px;
		font-size: 1em;
		font-weight: normal;
		margin: 0px 0.5em;
		padding: 0px;
		text-align: left;
		text-transform: none;
		white-space: nowrap;
		}

	li.H {
		display: inline;
		}

	li.V {
		display: block;
		}

	li:hover {
		background-color: transparent;
		}

	li.dropdown::after {
		content: ">";
		}

	li > ul {
		//display: none;
		margin-bottom: 1em;
		}

	table {
		empty-cells: show;
		font-size: 11pt;
		margin: 0px auto;
		vertical-align: top;
		}

	table.access {
		min-width: 12em;
		}

	td.ub-menu,
	th.ub-menu {
		border: 1px solid #333;
		padding: 0.1em;
		}

	ul {
		background-color: lightGray;
		border: 0px;
		margin-left: 0px;
		}

	ul.title {
		margin: 1em;
		padding: 1em;
		}

	ul.title li {
		display: list-item;
		height: auto;
		list-style: none;
		margin-left: 1em;
		}

	ul.tooltip > li {
		background-color: black;
		color: white;
		border-radius: 0.5em;
		padding: 0.5em;
		white-space: normal;
		}
	}