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

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

#ub_menus {
	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;
		background-repeat: no-repeat;
		background-size: contain;
		min-height: 1.5em;
		min-width: 1.5em;
		vertical-align: middle;
		}

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

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

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

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

	nav.menu {
		font-family: Roboto, Montserrat, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-style: normal;
		font-weight: normal;
		left: 0px;
		padding: 0px 1px 1px 0px;
		position: absolute;
		top: 0px;
		visibility: hidden;
		z-index: 101;

		> ul {
			border: 1px solid grey;
			padding: 0;
			width: 12em;

			> li {
				display: inline-flex;
				flex-direction: row;
				font-size: 11pt;
				margin: 0.2em;
				white-space: break-spaces;

				> hr {
					width: 100%;
					}
				}

			> li.more::after {
				content: "\25B8";
				margin-left: auto;
				}
			}

		li.menuItem {
			cursor: pointer;
			}

		li.menuItem:hover {
			background-color: white;
			color: black;
			}
		}

	nav.menuBar {
		background-color: silver;
		display: flex;
		flex-wrap: wrap;
		font-family: Roboto, Montserrat, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-style: normal;
		font-weight: normal;
		justify-content: center;
		overflow: hidden;
		padding: 0.2em;
		text-align: center;
		z-index: 255;

		> ul {
			> li {
				cursor: pointer;
				margin-left: 0.1em;
				margin-right: 0.1em;
				padding-left: 0.1em;
				padding-right: 0.1em;

				.dropdown > ul {
					display: none;
					}
				}

			li:hover {
				background-color: white;
				color: #33475b;
				}

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

	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;
		}

	ul {
		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;
		}
	}