:root {
  --color-a: #202124;
  --color-link: #1a73e8;
  --color-ahover: #000;
  --color-bghover: #f2f2f2;
  --color-lightborder: #e3e3e3;
  --color-back: #e8eaed;
  --color-backhover: #e8f0fe;
  --color-aselected: #185abc;
  --color-lightback: #f3f3f3;
  --color-placeholder: #999;
  --code-begend: #00B;
  --code-keyword: #008;
  --code-symbol: #070;
  --code-string: #D00;
  --code-variable: #369;
  --code-constant: #008;
}
.omt {
	text-align: left;
	display: flex;
}
.omt-logo {
	width: 120px;
	margin: 0 0 20px 16px;
}
.omt > div {
	display: inline-block;
	padding: 12px;
	min-height: 100vh;
}
.omt > .omt-left {
	width: 300px;
	padding-left: 0;
	padding-right: 0;
}
.omt > .omt-right {
	width: calc(100% - 325px);
	background-color: var(--color-back);
	border-left: 1px solid darkgray;
}
.omt-menu, .omt-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}
.omt-menu li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.omt-menu li a {
	display: inline-block;
	width: calc(100% - 30px);
	padding: 4px 8px 4px 22px;
	font-size: 12px;
	text-decoration: none;
	color: var(--color-a);
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
.omt-menu li a:hover {
	background-color: var(--color-bghover);
	text-decoration: none;
	opacity: 0.9;
}
.omt-menu > li {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--color-lightborder);
}
.omt-menu > li > a {
	font-weight: 600;
}
.omt-menu li li a {
	width: calc(100% - 50px);
	padding: 4px 8px 4px 42px;
}
.omt-menu li li li a {
	width: calc(100% - 70px);
	padding: 4px 8px 4px 62px;
}
.omt-menu li li li li a {
	width: calc(100% - 90px);
	padding: 4px 8px 4px 82px;
}
.omt-menu li li li li li a {
	width: calc(100% - 110px);
	padding: 4px 8px 4px 92px;
}
.omt-menu li li li li li li a {
	width: calc(100% - 130px);
	padding: 4px 8px 4px 112px;
}
.omt-menu li.omt-selected > a, .omt-menu li.omt-selected > a:hover {
	background-color: var(--color-backhover);
	font-weight: bold;
	color: var(--color-aselected);
}
.omt-hassub > a {
	position: relative;
}
.omt-hassub > a:before {
	position: absolute;
	content: "▶";
	transform: scale(0.6, 1.5);
	font-size: 8px;
	top: 4px;
	left: 10px;
}
.omt-hassub.omt-selected > a:before {
	content: "▼";
	transform: scale(1.2, 1);
}
.omt-menu li li.omt-hassub > a:before {
	left: 30px;
}
.omt-menu li li li.omt-hassub > a:before {
	left: 50px;
}
.omt-menu li li li li.omt-hassub > a:before {
	left: 70px;
}

.omt-content {
	position: relative;
	margin: 20px;
	background-color: #fff;
	padding: 50px 40px;
	border: 1px solid #cbced1;
	box-shadow: 0 0 4px #cbced1;
	border-radius: 4px;
	height: calc(100% - 140px);
}
.omt-content b, .omt-content strong {
	font-weight: bold;
}
.omt-content h1 {
	margin: 40px 0 60px 0;
	padding: 0px;
	font-size: 30px;
	font-weight: normal;
	color: #000;
}
.omt-content h2 {
	margin: 70px 0 18px 0;
	padding: 0 0 18px 0;
}
.omt-navi {
	margin: 0;
	padding: 0;
	list-style: none;
}
.omt-navi li {
	position: relative;
	display: inline-block;
	margin: 0 6px 0 0;
	list-style: none;
}
.omt-navi li a {
	font-size: 12px;
	color: var(--color-a);
	text-decoration: none;
}
.omt-navi li a:hover {
	color: var(--color-aselected);
	text-decoration: none;
}
.omt-navi li:after {
	content: "▷";
	margin-left: 6px;
	transform: scale(.8, 1);
	display: inline-block;
	font-size: 10px;
}
.omt-navi li:last-child:after {
	content: "";
}
.omt-declar {
	padding: 16px 22px;
	border: 1px solid silver;
	display: inline-block;
	border-radius: 2px;
	background-color: var(--color-lightback);
}
.omt-funcname {
	color: #3366b4;
	font-weight: 600;
	margin-right: -2px;
}
.omt-bracket {
	color: #000;
	padding: 0 4px;
}
.omt-paramtype {
	color: #66994e;
}
.omt-paramname {
	color: #3366b4;
	font-weight: 300;
	padding: 0 0 0 4px;
}
.omt-comma {
	color: #000;
	padding: 0 8px 0 4px;
}
.omt-paramequal {
	color: #b43366;
	padding: 0 2px;
}
.omt-paramdefault {
	color: #b43366;
	padding: 0 2px;
}
.omt-colon {
	color: #000;
}
.omt-returnvalue {
	color: #66994e;
}
.omt-returnvaluecomma {
	color: #66994e;
	padding: 0 2px;
}

.omt-params {
	
}
.omt-params h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: var(--color-aselected);
}
.omt-params > ul, .omt-params > ul > li,
.omt-examples > ul, .omt-examples > ul > li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.omt-params > ul > li,
.omt-examples > ul > li {
	margin-bottom: 26px;
}
.omt-params > ul > li > div {
	margin: 8px 0 0 26px;
}
.omt-source {
	margin: 16px 22px;
	padding: 0;
	font-style: italic;
}
.omt-source span {
	font-weight: 600;
}
.omt-examples > ul > li {
	background-color: var(--color-lightback);
	border: 1px solid silver;
	border-radius: 2px;
	padding: 16px 22px;
}
.omt-examplecode {
	padding: 8px 0;
	font-family: monospace;
	font-size: 16px;
}
.omt-examplecode p, .omt-examplecode div {
	margin: 0 0 5px 0;
	padding: 0;
}
.omt-examplecode div.omt-examplecode-content {
	margin-left: 20px;
	line-height: 26px;
}
.omt-examplecode div.omt-begend {
	color: var(--code-begend);
	padding: 8px 0;
}
.omt-examplecode div.omt-begend {
	padding-bottom: 6px;
}
.omt-examplecode div.omt-begend:last-child {
	padding-bottom: 0px;
	padding-top: 6px;
}
.omt-keyword {
	color: var(--code-keyword);
}
.omt-symbol {
	color: var(--code-symbol);
}
.omt-string {
	color: var(--code-string);
}
.omt-variable {
	color: var(--code-variable);
}
.omt-constant {
	color: var(--code-constant);
}
.omt-subpages li a, .omt-subpages li a:visited, .omt-subpages li a:hover {
	color: var(--color-aselected);
}
.omt-search {
	position: absolute;
	top: 8px;
	right: 8px;
}
.omt-search #omtsearch {
	border: 1px solid var(--color-lightback);
	background-color: var(--color-lightback);
	border-radius: 4px !important;
	background-image: url(/inc/vws/ocms/imgs/icon-search.png);
	background-position-x: 10px;
	background-position-y: center;
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 12px 12px 12px 40px;
}
.omt-search #omtsearch:focus {
	outline: none;
}
.omt-search #omtsearch::placeholder { color: var(--color-placeholder); }
.omt-search #omtsearch:-ms-input-placeholder { color: var(--color-placeholder); }
.omt-search #omtsearch::-ms-input-placeholder { color: var(--color-placeholder); }

.omt-content a, .omt-content a:visited, .omt-content a:focus, .omt-content a:active {
	color: var(--color-link);
	text-decoration: none;
}
.omt-content a:hover {
	color: var(--color-link);
	text-decoration: underline;
}