/*
 * Copyright (C) 2022 denkbares GmbH, Germany
 *
 * This is free software; you can redistribute it and/or modify it under the
 * terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation; either version 3 of the License, or (at your option) any
 * later version.
 *
 * This software is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this software; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA, or see the FSF
 * site: http://www.fsf.org.
 */

/* denkbares GmbH skin skin.css
 * August 11, based on BrushedTemplate and PlainVanilla
 * Styles can be overwritten by print and skin stylesheets
 * /

/* COLOR scheme
	normal font color
	#f9f9f9 code, comment, weblogentries, (light grey)
	#d7d7d7 table header(darker grey)
	#ddd table borders,
	#d9e8ff edit background
	#eee hover color
	#f93 highlight color, searchbars, ...  (amber)
	#e0e0ff information (light blue)
	#ffff80 warning (light yellow)
	#ffe0e0 error (light pink)
 */

/* +++ 010 LAYOUT of main ID blocks +++ */
.header {
	background-color: var(--bg-color-base);
	color: var(--text-color-primary);
}

.footer {
	background-color: var(--bg-color-footer);
	color: var(--text-color-primary);
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.075);
}

a, a.logo, .pagename a, .icon-search, .icon-user {
	color: var(--text-color-primary-link);
}

.icon-search:hover, .icon-user:hover {
	background-color: var(--hover-bg-color-inner-links);
	color: var(--hover-text-color-links);
}

a:focus {
	box-shadow: none;
	color: var(--text-color-primary-link);
}

a.logo.pull-left {
	/* Hides the text. */
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;
	/* Shows image */
	margin-left: -8px;
	margin-top: 3px;
	background-size: contain;
	height: 48px;
}

a.logo.pull-left img {
	position: absolute;
	left: 0;
	height: inherit;
}

a:hover, .pagename a:hover {
	background-color: var(--hover-bg-color-links);
	color: var(--hover-text-color-links);
}

.footer {
	z-index: 750;
	padding: 8px;
	background-color: rgba(195, 195, 195, 0.2);
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.075);
}

.haddock h2, .haddock .h2 {
	font-size: 32px
}

.haddock h3, .haddock .h3 {
	font-size: 26px;
}

.haddock h4, .haddock .h4 {
	font-size: 20px;
}

b.roundedCorners {
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	color: var(--text-color-primary);
	background: var(--bg-color-content);
	background-color: var(--bg-color-content);
	margin: 0;
	tab-size: 4;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

th, td {
	padding: 0.25em 0.5em;
}

.hr {
	display: block;
	border-bottom: 1px solid #ddd;
}

hr, .hr, .clearbox {
	clear: both;
}

blockquote p {
	font-size: inherit;
}

#favorites hr {
	background-image: url(left-menu-break.png);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	height: 1px;
}

/* +++ 210 Page titles, headings, and paragraphs +++ */
.titlebox {
	color: #555;
	padding: 0.25em 1em;
}

.pagename {
	/*	font-size: 175%;
		line-height: 1.4;
		font-weight: bold;
		margin-bottom: 0.5em;*/
}

div.pagename a:hover {
	text-decoration: none;
}

a.editsection, a.hashlink {
	font-weight: normal;
	line-height: 1.2;
	padding: 0.25em;
	text-decoration: none;
	color: rgb(255, 255, 255); /*transparent*/
	display: none;
}

a.editsection:hover, a.hashlink:hover {
	background-color: #eee;
	color: #999;
!important
}

b, i {
	color: inherit;
}

br {
	clear: both;
}

/* +++ 220 Lists and bullets +++ */
ul ul, ol ol {
	margin: 0;
}

ol > li > ol > li {
	list-style-type: lower-alpha;
}

ul, ol {
	padding-left: 2.5em;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin-left: 2em;
}

.KDDOMError {
	color: var(--color-red) !important;
	text-decoration-color: var(--color-red) !important;
	text-decoration: underline !important;
}

.KDDOMWarning {
	color: var(--color-yellow) !important;
	text-decoration-color: var(--color-yellow) !important;
	text-decoration: underline !important;
}

.KDDOMNotice {
	color: #40a3cf !important;
	text-decoration-color: #40a3cf !important;
	text-decoration: underline !important;
}

/* special minimized look for TOC in left menu */
.leftmenu > .toc > .collapsebox {
	border: none;
	margin: -0.5em 0 0 0;
}

.leftmenu > .toc > .collapsebox > h4 {
	display: none;
}

.leftmenu > .toc > .collapsebox > .collapsebody {
	padding: 0;
}

.leftmenu > .toc > .collapsebox > .collapsebody > ul {
	padding: 0 0 0 2em;
}

.leftmenu > .toc > .collapsebox > .collapsebody > ul > li.active {
	background-color: #ddd;
}

.leftmenu > .toc > .collapsebox > .collapsebody > ul > li.toclevel-1 {
	list-style-type: disc;
	margin-left: 0em;
}

.leftmenu > .toc > .collapsebox > .collapsebody > ul > li.toclevel-2 {
	list-style-type: circle;
	margin-left: 2em;
}

.leftmenu > .toc > .collapsebox > .collapsebody > ul > li.toclevel-3 {
	list-style-type: square;
	margin-left: 4em;
}

/* +++ 225 Forms, Labels, form-values and form-help +++ */
.wikiform {
}

.wikiform tr {
	vertical-align: middle;
}

.wikiform td {
}

.formvalue {
	font-weight: bold;
}

.formhelp {
	font-style: italic;
	margin: 0.5em 0;
}

/*
textarea, input[type=text] {
	padding: 1px 0 1px 3px;
	border: 1px solid #ddd;
}
*/

.editor.form-control {
	z-index: initial;
}

legend, label {
	font-weight: bold;
	white-space: nowrap;
	padding-right: 0.5em;
}

fieldset {
	margin: 0.5em 0;
	padding: 0.5em;
	border: 1px solid #ddd;
}

.wikiform input[type='submit'], .wikiform input[type='button'], .wikiform input[type='file'], .wikiform button {
	cursor: pointer;
}

.wikiform input, .wikiform option {
	padding: 0 0.25em;
}

/* +++ 240 Pre-formatted text blocks and code +++ */
code, tt, pre {
	font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, "Courier New", monospace;
	overflow: auto;
}

tt {
	color: var(--text-color-primary);
	background-color: var(--bg-color-tt);
}

pre {
	/* clear:both; */
	white-space: pre;
	margin: 1em 2.5%;
	padding: 0.5em;
	background: var(--bg-color-default-Markup);
	border: 1px solid var(--border-color-table);
	color: var(--text-color-panel-heading);
}

/*ie6 hack*/
* html pre {
	overflow: visible;
	overflow-x: auto; /*proprieatary ie*/
	width: 95%; /* hasLayout=true */
	margin: 1em auto; /* otherwise funny effect on more menu ugh */
	padding-bottom: 1.5em; /*take scrollbar into account on ie*/
}

/*ie7 hack */
*:first-child + html pre {
	overflow: visible;
	overflow-x: auto; /*proprieatary ie*/
	margin: 1em auto; /* otherwise funny effect on more menu ugh */
	padding-bottom: 1.5em; /*take scrollbar into account on ie*/
}

/* +++ 250 Hyperlinks +++ */
a {
	color: var(--text-color-primary-link);
	text-decoration: none;
}

.KDDOMWarning a, .KDDOMError a {
	color: inherit;
}

a:link {
}

a:visited {
}

a:active {
}

.hover {
	background-color: #eee;
}

/* ie6 hack */
* html .hover {
	background-color: #eee;
}

/* ie7 hack */
*:first-child + html .hover {
	background-color: #eee;
}

a:hover {
}

a:focus {
}

a.wikipage {
}

a.createpage {
	color: var(--text-color-create-page);
	text-decoration: none;
	border-bottom: 1px solid var(--text-color-create-page);
}

.createpage:after {
	background-color: var(--text-color-create-page);
}

a.external {
}

a.interwiki {
}

/* +++ 260 Image styles +++ */
img {
	border: none;
	/* max-width:99%; FIXME ff ok to fit in parent */
}

img.inline {
}

img.outlink {
}

img.attlink {
}

a.logo {
	display: block;
	width: 160px;
	height: 47px;
	/*overflow: hidden;*/
	white-space: nowrap;
	margin-left: auto;
	margin-right: auto;
	background: none;
	left: 0;
	border: 0;
	right: auto;
	letter-spacing: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 40px;
	padding: 0;
	font-weight: normal;
}

a.logo:hover {
	text-decoration: none;
	color: #173a64;
}

/*.applicationlogo a:hover {
}*/

/* +++ 270 Footnotes and small text +++ */
a.footnoteref {
	vertical-align: super;
	font-size: 85%;
}

a.footnote {
	vertical-align: super;
	color: #04A;
}

.small {
	font-size: 85%;
}

.sub {
	font-size: 85%;
	vertical-align: sub;
}

.sup {
	font-size: 85%;
	vertical-align: super;
}

.strike {
	text-decoration: line-through;
}

.center {
	text-align: center;
}

.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.quote {
	border-left: 4px solid #bbb;
	padding-left: 2em;
	margin: 0 0.5em;
}

.ltr {
	direction: ltr;
}

.rtl {
	direction: rtl;
}

.invisible {
	display: none;
}

/* also used by the TASKS plugin */

/* +++ 280 Convenience styles and info/warning/error dialogs +++ */
.additinfo {
	background-color: #e0e0ff;
}

.diffnote, .information, .info, .warning, .error {
	display: block !important;
	clear: both;
	/*margin: 1em .5em;
	padding: 1em 1em 1em 3em;*/
	background-repeat: no-repeat;
}

.haddock .warning, .haddock .error {
	padding: 5px 20px 5px 45px;
	position: relative;
	z-index: 100;
}

.haddock .diffnote, .haddock .information, .haddock .info {
	padding: 5px 20px 5px 15px;
}

td .information, td .info, td .warning, td .error {
	margin: 0;
}

.defaultMarkup .markupText .error,
.defaultMarkup .markupText .warning,
.defaultMarkup .markupText .info,
.defaultMarkup .markupText .information {
	margin: 6px 0 6px 0;
	min-height: 32px;
}

.defaultMarkup .markupText .error,
.defaultMarkup .markupText .warning {
	padding: 5px 20px 5px 45px;
}

.defaultMarkup .markupText .error.singleLine,
.defaultMarkup .markupText .warning.singleLine,
.defaultMarkup .markupText .info.singleLine,
.defaultMarkup .markupText .information.singleLine {
	/*padding-top: 13px;*/
	min-height: 24px;
}

.defaultMarkup .border {
	border: none;
}

/* +++ 290 Comment boxes (used on some pages) +++ */
.commentbox {
	display: block;
	float: right;
	clear: right;
	width: 35%;
	overflow: hidden;
	border: 1px solid #ddd;
	background: #f9f9f9;
	padding: 0 0.5em;
	margin: 0 0 1em 0.5em;
	font-size: 90%;
}

.commentbox li {
	margin-left: 0;
	padding-left: 0;
}

/* +++ 300 Wiki tables and zebra tables +++ */
.wikitable {
	margin: 0.5em 0.25em;
}

.wikitable tr {
	vertical-align: top;
}

.wikitable * th {
	background-color: var(--bg-color-table-odd-th);
	vertical-align: top;
}

.wikitable thead tr {
	background-color: var(--bg-color-table-odd-th);
	border-bottom: 1px solid var(--border-color-table);
}

.wikitable * td {
	vertical-align: top;
	text-align: left;
	/*word-wrap:break-word;*/
}

.zebra-table tr.odd td {
	background-color: var(--bg-color-table-odd-th);
}

.wikitable * td.split {
	border-top: 1px solid #d9d9d9;
}

.editarea .wikitable tr:first-child td {
	border-top: 1px solid var(--border-color-table);
}

.wikitable > thead > tr > th, .wikitable > tbody > tr > th,
.wikitable > tfoot > tr > th, .wikitable > thead > tr > td,
.wikitable > tbody > tr > td, .wikitable > tfoot > tr > td,
.wikitable > tbody > tr > td, .wikitable > tfoot > tr > td {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid var(--border-color-table);
}

.editarea .wikitable > tbody > tr:last-child > td {
	border-bottom: 1px solid var(--border-color-table);
}

.wikitable > thead > tr > th, .wikitable > tbody > tr > th,
.wikitable > tfoot > tr > th, .wikitable > thead > tr:last-child > td,
.wikitable > tbody > tr:last-child > td, .wikitable > tfoot > tr:last-child > td {
	border-bottom: 0;
}

.knowwetable {
	border: 0 !important;
}

/* CHECK */

/* +++ 350 Attachments +++ */
#attach {
}

.attach-name .attachment {
	word-wrap: normal;
}

.slimbox-attachments .attach-type span {
	padding-right: 4px;
}

#info .dropdown-menu .btn .badge {
	top: -2px;
	padding: 1px 5px;
	margin-left: 3px;
}

/* upload submit button */
#upload {
	float: left;
}

#progressbar {
	float: left;
	margin-left: 1em;
	width: 30em;
	border: 2px solid #ddd;
	visibility: hidden;
}

/* +++ 400 Styles for specific JSPs +++ */

/* +++ 405 AttachmentTab +++ */

/* +++ 410 CommentContent +++ */
#commentcontent {
}

/* +++ 415 ConflictContent +++ */
#conflict,
#conflictother,
#conflictown {
}

/* +++ 420 DiffContent and Diff Providers:Traditional and External +++ */
#diffcontent {
	clear: both;
}

.diffbody {
	padding: 0.5em;
}

/* .diffnote equals .information */
td.diffadd, td.diffrem, td.diff {
	font: 110% Monaco, "Courier New", Courier, monospace;
	overflow: auto;
	line-height: 1;
	color: var(--text-color-primary);
}

td.diffadd {
	background: var(--color-green-faint);
}

td.diffrem {
	background: var(--color-red-faint);
}

td.diff {
	background: var(--bg-color-primary);
}

/* +++ 421 Contextual diff provider +++ */
.diff-wikitext {
	font: 110% Monaco, "Courier New", Courier, monospace;
	line-height: 1;
	overflow: auto;
}

.diff-insertion {
	background: #9f9;
	text-decoration: none;
	color: var(--text-color-primary);
}

.diff-deletion {
	background: #f93;
	text-decoration: line-through;
	color: var(--text-color-primary);
}

.diff-nextprev {
	vertical-align: super;
	text-decoration: none;
}

/* +++ 425 Edit/EditContent and CommentContent +++ */
body.edit {
}

body.comment {
}

#edithelp {
}

#editcontent > div > form > table {
	float: right;
	margin-top: -2px;
}

#changenote {
	margin-top: 0;
}

#submitbuttons {
	float: left;
	margin: 0 0 6px 0;
}

#editcontent > div > form > #tools {
	clear: both;
}

/* +++ 430 Edit/EditContent +++ */
.textarea-resizer {
	display: none;
}

#toolbuttons, #toolextra, #searchbar {
	margin-left: 1em;
	clear: both;
}

#tools span {
	float: left;
	display: block;
	padding: 0.25em 0;
	margin-right: 1em;
}

#toolbuttons span {
	border: 1px solid #ddd;
}

a.tool {
	float: left;
	display: block;
	background: transparent;
	margin: 2px;
	text-decoration: none;
}

a.tool:hover {
	background-color: #ddd !important;
}

.editor {
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
	padding: 4px;
	width: 100%;
}

#toctoc {
	margin: 0.5em 0;
}

#toctoc label {
	display: block;
	margin: 0;
	padding: 0.5em;
}

#toctoc ul {
	border: 3px solid #eee;
	width: auto;
	overflow: auto;
	height: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#toctoc a {
	display: block;
	padding: 0 0.5em;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}

#section-TOC {
	padding: 0;
	font-weight: initial;
	font-size: initial;
	display: inline;
	clear: none;
}

/* ie6 hack ensure moremenu remains properly aligned */
* html #editorarea {
	padding: 4px 0;
}

/*ie7 hack */
*:first-child + html #editorarea {
	padding: 4px 0;
}

#submitbuttons input {
	margin-right: 1em;
}

#commentcontent, #editcontent {
	width: 100%;
}

#searchbar {
	display: block !important;
}

#searchbar span {
	white-space: nowrap;
}

#searchbarhelp {
}

/* ie6 hack */
* html #findSuggestionMenu {
}

/* ie7 hack */
*:first-child + html #findSuggestionMenu {
}

#findSuggestionMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#findSuggestionMenu li {
	padding: 0.25em 0.5em;
	cursor: pointer;
}

#findSuggestionMenu .hover {
	background-color: rgba(0, 0, 0, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
}

/* ie6 hack */
* html #findSuggestionMenu .hover {
	background-color: black;
}

/* ie7 hack */
*:first-child + html #findSuggestionMenu .hover {
	background-color: black;
}

/* +++ 440 Favorites +++ */
/* fixme
#collapseFavs {
	position:absolute;
	margin-left:-1px;
	left:-0.5em;
	top:-1px;
	width:0.5em;
	height:100%;
	background:#f9f9f9;
	border-top:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
	cursor:pointer;
}
#wikibody.fav-right #collapseFavs {
	left:auto;
	right:-0.5em;
	margin-left:0;
	margin-right:-1px;
}
#collapseFavs.hover {
	background-color:#eee;
	border-color:#eee;
}
#collapseFavsWrapper {
	position:absolute;
	padding-right:1em;
	left:0.5em;
	top:-2em;
	cursor:auto;
	overflow:hidden;
}
#wikibody.fav-right #collapseFavsWrapper {
	left:auto;
	right:0.5em;
	padding-right:0;
	padding-left:1em;
}
#collapseFavsWrapper #favorites {
	background:white;
	border:0.5em solid #eee;
	border-left:none;
}
#wikibody.fav-right #collapseFavsWrapper #favorites {
	border-right:none;
	border-left:0.5em solid #eee;
}
#collapseFavsPointer {
}
#wikibody.fav-right #collapseFavsPointer{
}
.fav-slide #collapseFavsPointer {
}
*/

.userbox {
	/*overflow: hidden;*/
	/*padding: 0.5em 0;*/
}

#favorites .userbox a.action, #favorites .userbox .username {
	float: left;
	display: block;
	margin-right: 4px; /*spacing between buttons */
}

.username {
	font-style: italic;
	padding: 0.25em 0.5em;
}

.username.anonymous {
}

.username.asserted {
}

.username.authenticated {
}

.wikiversion {
	display: none;
}

.wikiversion, .rssfeed {
	font-size: 90%;
	padding: 0.25em;
	text-align: center;
}

/* +++ 450 FindContent +++ */
#details, #scope {
	margin-left: 2em;
}

.gBar {
}

.graphBar {
	padding: 0;
	color: white;
	border-color: #f93;
	border-left-style: solid;
	border-bottom-style: solid;
}

.fragment {
	margin: 0.25em;
	font: 90% Monaco, "Courier New", Courier, monospace;
}

.fragment_ellipsis {
	font-weight: bold;
}

.nosearchresult {
	font-style: italic;
}

/* For the search_highlight.js.  This style defines the how the words that have
   been found look like.  If you look for "thingy", you will get these following
   in the results.
   <span class="searchword">thingy</span>
 */
.cursor {
	background-color: #eee;
}

.searchword, .searchmatch {
	background-color: #f936;
	border-radius: 4px;
	color: black;
	text-decoration: inherit;
}

.dark-mode.haddock mark,
.dark-mode.haddock .mark,
.dark-mode.haddock .highlight {
	background-color: transparent;
	border: 1px solid var(--highlight-color-dark);
}

.haddock mark, .haddock .mark, .haddock .highlight {
	background-color: var(--highlight-color-dark);
	border-radius: 4px;
	color: var(--text-color-primary);
}

/* +++ 455 Footer +++ */
.copyright {
	padding: 1em 0.25em;
	font-size: 90%;
	text-align: center;
	color: #555;
}

/* +++ 460 Header +++ */
.breadcrumb {
	margin-top: 5px;
	color: black;
}

.breadcrumb a, .breadcrumb .divider {
	opacity: 0.6;
}

.breadcrumb a:hover {
	color: inherit;
	text-decoration: none;
	opacity: 1;
}

/* +++ 465 InfoContent +++ */
#infocontent {
}

#incomingLinks, #outgoingLinks, #externalLinks, #attachmentLinks, #versionhistory {
	width: 30%;
	overflow: hidden;
	margin-right: 0.5em;
	float: left;
}

#versionhistory td {
	white-space: nowrap;
}

.pagination {
	margin: 0.25em;
	padding: 0.5em;
	background: var(--bg-color-secondary);
	border: 1px solid var(--border-color-table);
	/*line-height:1;*/
}

.pagination a, .pagination .cursor {
	padding: 0.5em;
}

.pagination .cursor, .pagination a:hover {
	background-color: var(--hover-bg-color-li);
	border: 1px solid var(--border-color-table);
}

td.changenote {
	font-style: italic;
}

th.changenote, td.changenote {
	width: 30%;
	overflow: hidden;
}

#info th select {
	display: block;
}

/* +++ 470 PageActions +++ */
#actionsTop {
	margin: 0 5px 0 0;
	border-right: 1px solid #9ACBFB;
	padding-right: 0;
}

#actionsTop > ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#actionsTop > ul > li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-left: 1px solid #9ACBFB;
	background-image: url(tab-back.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#actionsTop > ul > li > a {
	margin: 0 0 0 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	border: none;
	background: none;
	height: 16px;
}

#actionsTop > ul > li > a.action.more {
	padding-right: 1.5em;
	background-image: url(../../images/arrdownsmall.gif);
	background-position: 95% center;
	background-repeat: no-repeat;
}

.pageactions {
	line-height: 1.5;
}

.pageactions ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pageactions li {
	display: block;
	float: left;
}

.pageactions li ul {
	position: absolute;
	background: #ffffff;
	border: 2px solid #ddd;
	left: 0; /*right:2.5em; */
	z-index: 10;
}

.pageactions li ul li ul {
	position: static;
	left: auto;
}

.pageactions li ul li {
	display: block;
	white-space: nowrap;
	float: none;
}

.pageactions li ul li.separator {
	border-top: 2px solid #ddd;
}

/* undo settings for nested information! */
.pageactions li ul li ul {
	position: static;
	left: auto;
	border: none;
}

.pageactions li ul li ul li {
	/* nothing to undo ?? */
}

#hiddenmorepopup {
	display: none;
	border: 1px solid #ddd;
}

#hiddenmorepopup ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#morepopup {
	z-index: 1001;
}

#morebutton ul a {
	padding: 0.25em 0.5em;
	text-decoration: none;
	cursor: pointer;
}

.pageactions a.action {
	display: block;
}

#morebutton a:hover, a.action:hover, #sectiontoc a:hover,
.userbox a.action:hover, a.action.quick2bottom:hover, a.action.quick2top:hover,
.nav-pills a:hover {
	background-color: var(--hover-bg-color-btn-default);
}

.navigation ul {
	margin: 0;
	padding-inline-start: 0;
}

.header > .navigation .nav > li > a > .badge {
	background: rgba(0, 0, 0, 0.4);
	color: white;
}

.error.center .btn {
	margin-right: 5px;
}

#header-spacer {
	padding-top: 126px;
}

@media only screen and (max-width: 768px) {
	#header-spacer {
		padding-top: 74px;
	}
}

a.action.view,
a.action.comment,
a.action.prefs,
a.action.attach,
a.action.info,
a.action.viewgroup,
a.action.creategroup,
a.action.workflow,
a.action.login,
a.action.logout {
}

#searchTools, #recentSearches {
	display: none;
}

#searchTools a.action, .userbox a.action, a.action.edit, a.action.more {
}

a.action.edit, a.action.more {
}

a.action.more {
}

a.action.quick2top, a.action.quick2bottom {
}

a.action.quick2top {
}

/*********/
.popup ul {
	position: absolute;
	background: white;
	border: 2px solid #ddd;
	padding: 0.25em;
	margin: 0;
	left: 0;
	z-index: 15;
	list-style: none;
}

.popup li a {
	display: block;
	line-height: 1.5;
	white-space: nowrap;
	cursor: pointer;
}

.popup a:hover {
	background-color: #eee !important;
}

/* +++ 472 PageContent.jsp +++ */
#pagecontent {
	padding: 0.5em;
	overflow-y: visible;
}

html > body #previewcontent, html > body #info, html > body #pagecontent, html > body #attach, html > body #findcontent {
	overflow-x: auto;
	overflow-x: visible;
}

* html #previewcontent, * html #info, * html #pagecontent, * html #attach, * html #findcontent {
	width: 100%;
	overflow-x: auto;
}

/*ie7 hack */
*:first-child + html #previewcontent, *:first-child + html #info, *:first-child + html #pagecontent, *:first-child + html #attach, *:first-child + html #findcontent {
	overflow-x: auto;
}

/* +++ 475 PreviewContent - "This is a preview" comment +++ */
#sneakpreviewheader {
	display: none;
	clear: both;
	font-size: 110%;
	background-color: #ddd;
	padding: 0.5em;
	margin: 0.5em 0;
}

#sneakpreview {
}

#previewcontent {
}

.previewcontent {
}

/* +++ 480 PreferencesContent, LoginContent, GroupContent +++ */

/* +++ 485 SearchBox +++ */
.spin {
}

.searchbox {
}

#searchForm #query {
	/*	width: 164px;
	padding: 2px 22px 2px 2px;
	vertical-align: middle;
	color: #555;*/
}

#searchSubmit {
}

#searchboxMenu {
	position: absolute;
	background: white;
	border: 2px solid #ddd;
	padding: 0.25em;
	left: 0;
	z-index: 15;
}

/*ie6 hack*/
* html #searchboxMenu {
	white-space: nowrap; /*ensure box has proper width ugh! */
}

#searchboxMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#searchboxMenu li {
	padding: 0 0.5em;
}

#searchTools a:hover, #searchboxMenu li:hover {
	background: #eee;
}

#searchboxMenu div {
	margin: 0.5em 0;
}

#searchTools {
	text-align: left;
}

/* +++ 490 ViewTemplate +++ */
body.view {
	/*background-image:white;*/
}

/* +++ 600 JSPWiki plugins +++ */

/* +++ 610 Image plugin +++ */
.imageplugin {
	margin: .5em 0;
}

.imageplugin img {
	border: 0;
}

.imageplugin caption {
	font-size: 90%;
}

.imageplugin * {
	padding: 0;
	margin: 0;
}

/* +++ 620 Index plugin +++ */
.index {
}

.index .header, .index .header:hover, .index .header:focus, .index .header.focus {
	padding: 4px;
	background: #162746;
	border: 1px solid var(--border-color-table);
	text-align: center;
	font-size: 1.4em;
	position: static;
}

.index .body {
	margin-top: 0.5ex;
}

.index .section {
	color: red;
	font-size: 1.4em;
	display: block;
	border-bottom: 2px solid silver;
	margin-top: 1.5ex;
}

/* +++ 625 Table of contents plugin +++ */
div.toc {
	width: 60%;
}

/* duplicate toc items links back to the first rendered table of contents */
a.toc {
	color: grey;
	padding: 0.25em;
}

a.toc:hover {
	background: #eee;
}

#favorites .toc {
	width: 100%;
}

#pagecontent .toc h4 {
	font-size: 1.4em;
}

.page-content h4 {
	margin-top: 22px;
}

.toc ul {
	padding-left: 0;
	list-style: none;
}

.toc li {
	margin-left: 1em;
	padding-left: 0;
}

.toc li.toclevel-1 {
	margin-left: 0.5em;
}

.toc li.toclevel-2 {
	margin-left: 1.5em;
}

.toc li.toclevel-3 {
	margin-left: 2.5em;
}

/*continue here ...*/

/* +++ 630 Weblog and weblogarchive plugins +++ */
.weblog {
	margin: 0 2em;
	clear: both;
}

.weblogentry {
	margin: 0.5em 0;
}

.weblogentryheading {
	padding: 0.25em 0.5em;
	font-size: 90%;
	background: var(--bg-color-weblogentry);
	float: right;
}

.weblogentrytitle {
	padding: 0.25em 0.5em;
	font-size: 120%;
	line-height: 1.2;
	font-weight: bold;
	background: var(--bg-color-weblogentry);
}

.weblogentrybody {
	margin-left: 0.5em;
	clear: both;
}

.weblogentryfooter {
	font-size: 90%;
	padding: 0.25em 0.5em;
	border-bottom: 3px solid var(--bg-color-weblogentry);
	clear: both;
}

.weblogarchive {
}

.weblogarchive ul {
}

.weblogarchive li {
	margin-left: 1em;
	display: block;
	list-style-type: none;
}

.archiveyear {
	font-weight: bold;
	text-decoration: none;
	margin-left: 0 !important;
}

.archiveyear:after {
	content: " AD"
}

.weblogcommentstitle {
	background: var(--bg-color-weblogentry);
	margin: 1em 0.5em 0 0.5em;
	padding: 0.5em;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.1;
}

.weblogcomments {
	background: var(--bg-color-default-Markup);
	margin: 0 0.5em 1em 0.5em;
	padding: 1em;
}

/* +++ 640 RecentChangesPlugin +++ */
.recentchanges {
	table-layout: fixed;
}

/*faster renderer */
.recentchanges .changenote {
	font-style: italic;
}

.recentchanges td {
	vertical-align: top;
	border-bottom: 1px solid var(--bg-color-default-Markup);
}

.recentchanges .date {
	vertical-align: bottom;
	border-top: 1.5em solid var(--bg-color-base);
	background-color: var(--bg-color-default-Markup) !important;
	border-bottom: none;
}

.recentchanges tr.odd td {
	background-color: transparent;
}

/* +++ 800 JSPWiki JSP Taglibs +++ */

/* +++ 805 CalendarTag +++ */
div.calendar {
	border: 1px solid black;
}

table.calendar {
}

table.calendar td {
	text-align: center;
}

table.calendar td.othermonth {
	color: #707070;
}

table.calendar td.link {
	background: #f9f9f9;
}

table.calendar tr.month {
}

table.calendar tr.weekdays {
	color: red;
}

tr.visible {
	/* will destroy %%TodoList as it corrupts the table layout */
	/*display: grid;*/
}

/* Override haddoch style to also highlight zebra table cells */
.wikitable > tbody > tr > td.highlight {
	background: #ff0;
	color: #000;
}

/* +++ 900 "Special-effects" JavaScript styles +++ */

/* +++ 910 Tabbed Pages +++ */
/* use absolute position trick to avoid page bump when inserting tabmenu
 * "tabs" surrounds the actual tab-content :only border right-bottom-left
 * "tabmenu" visualises the actuals tabs :border-bottom to close the tabs box
 * "tabmenu a" for the actual tabs :border left-top-right to draw the tab
 *    Note:margin-left -2px to compensate border-width ico you want adjacent tabs
 *          increase/decrease margin-left to create space between the tabs
 *   "active" is the active tab  :border-bottom --white-- to 'reopen' the tabmenu border
 *   "alerttab" is a --red-- tab used in edit mode for msg like lock etc.
 */
.accesskey {
	text-decoration: underline;
}

.hidetab {
	display: none;
}

.tabs {
	clear: both;
	padding: 6px;
	margin-bottom: 6px;
}

.tabmenu {
	padding: 0 1em;
	font-weight: normal;
}

/* nested tabs should not allow floated stuff to appear next to the tabmenu - ugh */
.tabs .tabmenu {
	clear: both;
}

/* ie6 and lower */
* html .tabmenu {
	border: 1px solid white;
}

/*ie7 hack */
*:first-child + html .tabmenu {
	border: 1px solid white;
}

.tabmenu a, .tabmenu div {
	float: left;
	margin: 0 0 -1px -1px;
	padding: 0.25em 0.5em;
	border-top: 1px solid #fff;
	border-left: 1px solid #9ACBFB;
	border-right: 1px solid #9ACBFB;
	border-bottom: 0;
	color: #036;
	background: #f9f9f9;
	background-image: url(tab-back.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	line-height: normal;
}

.tabmenu a:hover {
	background: #eee;
	color: blue;
}

.tabmenu a.activetab {
	color: black;
	background: white;
	border-bottom: 1px solid white;
	cursor: default;
}

/* +++ 910 Accordion +++ */
.accordion, .tabbedAccordion {
	clear: both;
	border: 1px solid #ddd;
	margin-bottom: 0.5em;
}

.accordion .toggle {
	border: 2px solid #f9f9f9;
	background: #f9f9f9;
	cursor: pointer;
	font-weight: bold;
	line-height: 1.4;
	padding: 0.25em 1em 0.25em 0;
}

.accordion .toggle:hover, .menu .toggle:hover {
	background: #eee;
}

.accordion .tab {
	padding: 0 1em;
}

.menu {
	clear: both; /* check out */
	color: gray;
	font-weight: bold;
}

.menu.top {
	margin-left: 0.5em; /* small left indent of first toggle */
}

.menu.left {
	float: left;
	margin-top: 0.5em; /* small top indent of first toggle */
}

.menu.right {
	float: right;
	margin-top: 0.5em; /* small top indent of first toggle */
}

.menu .toggle {
	background: #f9f9f9;
	border: 1px solid #ddd;
	cursor: pointer;
	padding: 0.25em 0.5em;
}

.menu.top .toggle {
	float: left;
	margin: 0 0 -1px -1px; /* adjacent toggle will stick: let 1px border overlap.*/
	display: inline;
}

.menu.left .toggle {
	margin: 0 -1px -1px 0; /* adjacent toggle will stick: let 1px border overlap.*/
}

.menu.right .toggle {
	margin: 0 0 -1px -1px; /* adjacent toggle will stick: let 1px border overlap.*/
}

.menu .toggle.active {
	background: transparent;
	cursor: default;
	color: black;
}

.menu.top .toggle.active {
	border-bottom: 1px solid white;
}

.menu.left .toggle.active {
	border-right: 1px solid white;
}

.menu.right .toggle.active {
	border-left: 1px solid white;
}

.tabbedAccordion {
	padding: 0.5em;
}

.leftAccordion, .rightAccordion {
	margin-bottom: 0.5em;
}

.leftAccordion .tab, .rightAccordion .tab {
	border: 1px solid #ddd !important;
	margin: 0 0 -2px 0; /* trick :: -2px to reveal top and bottom borders the tabs */
	padding: 0.25em 0.5em;
}

/* ie only hack no needed ?
* html .togglemenu {
	margin-top:1px;
}
*/

/* margin is not compatible with scrollHeigth used by accordion - replace it by padding */
/*
.tab h1, .tab h2, .tab h3, .tab h4,
.tab p, .tab pre, .tab blockquote, .tab label,
.tab ul, .tab ol, .tab dl, .xxtab hr {
	margin:0 auto;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
*/

/* +++ 912 wiki columns +++ */
/*ie6 and lower hack */
* html .columns {
	width: 100%;
}

/*ie7 hack */
*:first-child + html .columns {
	width: 100%;
}

.columns .col {
	float: left;
	padding: 0 0.25em;
}

/* +++ 915 Tips +++ */
.tip-anchor {
	border-bottom: 2px solid #545454;
	cursor: pointer;
}

.tip-tip {
	color: white;
	width: auto; /*240px;*/
	z-index: 100;
	font-size: 90%;
	background-color: rgba(0, 0, 0, 0.7);
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.tip-title {
	font-weight: bold;
	padding: 8px 8px 4px;
}

* html .tip-title {
}

/*ie7 hack */
*:first-child + html .tip-title {
}

.tip-text {
	padding: 4px 8px 8px;
}

.tip-text th {
	background: grey !important;
}

* html .tip-text {
}

/*ie7 hack */
*:first-child + html .tip-text {
}

.tip-tip a {
	color: white !important;
}

/* +++ 920 Collapsible lists +++ */
div.collapse ul, div.collapse ol {
	margin: 0;
	padding: 0;
}

/* ie6 hack : avoid strange side-effect on borders */
* html div.collapse ul, * html div.collapse ol {
	width: 100%;
}

div.collapse li {
	list-style-type: none;
}

.collapse .collapsebody, .collapsebox .collapse .collapsebody {
	padding-left: 1.5em;
}

/* ie7 hack */
*:first-child + html .collapse .collapsebody,
*:first-child + html .collapsebox .collapse .collapsebody {
	float: left;
	padding-left: 0.5em;
}

/* ie6 hack */
* html .collapse .collapsebody, * html .collapsebox .collapse .collapsebody {
	float: left;
	padding-left: 0.5em;
}

/* collapse icons */
.collapseBullet, .collapseOpen, .collapseClose {
	clear: left;
	float: left;
	text-align: center;
	text-decoration: none;
	color: blue;
	font: bold small Monaco, "Courier New", Courier, monospace;
	width: 1.2em;
	height: 1em;
}

.collapseOpen, .collapseClose {
	cursor: pointer;
}

/* +++ collapsebox +++ */
.collapsebox {
	/*clear:right; /* avoid clash with intern floated bullet */
	border: 1px solid #ddd;
	margin: 0 0 0.5em 0;
	width: 99%;
}

.collapsetitle {
	margin: 0;
	padding: 0.25em 0;
	border: 2px solid white;
}

.collapsebox .collapsebody {
	padding: 0 0.5em;
}

/*
.collapsebox .collapseOpen {

}

.collapsebox .collapseOpen:before {
	font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
	content: "\f196";
}
*/

/* +++ 930 Sortable tables +++ */
.sortable .sortAscending, .sortable .sortDescending, .sortable .sort {
	background-repeat: no-repeat;
	background-position: 2px 4px;
	cursor: pointer;
	padding-left: 11px;
}

.sortable .sort {
}

.sortable .sortAscending {
}

.sortable .sortDescending {
}

/* +++ 940 SLIMBOX Attachment viewer etc. +++ */
a.slimbox {
	font-weight: bold;
	font-size: 1.3em;
	padding: 0 0.2em;
}

a.slimbox:visited, a.slimbox:active, a.slimbox:link {
	text-decoration: none;
	border: none;
}

a.slimbox:hover {
	background: #eee;
}

#lbOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 10;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	font: 90% Helvetica Neue, Verdana, Helvetica, sans-serif;
	color: #666;
	line-height: 1.5;
	text-align: left;
	z-index: 11;
}

#lbBottomContainer {
	padding: 0 12px;
}

#lbCenter {
	padding: 12px 12px 0 12px;
}

#lbCenter a {
	outline: none;
}

.lbLoading {
}

#lbImage {
	border: 10px solid #fff;
	border-top-width: 1.4em;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

#lbBottom {
	border: 10px solid #fff;
	border-top-style: none;
	background-color: #fff;
}

#lbBottom div {
	white-space: nowrap;
	overflow: hidden;
}

#lbCaption, #lbPrevLink, #lbNextLink {
	font-weight: bold;
}

#lbPrevLink {
	padding-right: 1em;
}

#lbNextLink {
	padding-left: 1em;
}

#lbCloseLink {
}

/* gif icons for ie */
* html #lbCloseLink {
}

* html #lbCloseLink:hover {
}

#lbBottomContainer *:visited, #lbBottomContainer *:active, #lbBottomContainer *:link,
#lbCenter *:visited, #lbCenter *:active, #lbCenter *:link {
	text-decoration: none;
	border-bottom: none;
}

/* +++ 950 Categorised +++ */
.categoryLink {
	border-bottom: 2px solid #545454;
	text-decoration: none;
}

.categoryPopup {
	color: white;
	z-index: 100;
	font-size: 90%;
	margin-top: 2px;
	position: absolute;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.7);
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* ie6 hack */
* html .categoryPopup {
	width: 240px;
}

/* ie7 hack */
*:first-child + html .categoryPopup {
	width: 240px;
}

.categoryPopup a:link, .categoryPopup a:active, .categoryPopup a:visited {
	color: white;
	text-decoration: none;
}

.categoryTitle {
	padding: 4px;
	font-weight: bold;
}

/* ie6 hack */
* html .categoryTitle {
}

/* ie7 hack */
*:first-child + html .categoryTitle {
}

.categoryText {
	padding: 4px 0;
}

/* ie6 hack */
* html .categoryText {
}

/* ie7 hack */
*:first-child + html .categoryText {
}

.categoryText ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.categoryText li {
	display: block;
	padding: 0 8px;
}

.categoryPopup .hover {
	background-color: rgba(0, 0, 0, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
}

/* ie6 hack */
* html .categoryPopup .hover {
	background-color: black;
}

/* ie7 hack */
*:first-child + html .categoryPopup .hover {
	background-color: black;
}

/* Pretty printing styles. Used with prettify.js. */
pre.prettyprint {
}

.str {
	color: var(--text-color-str);
}

/* string 080*/
.kwd {
	color: var(--text-color-kwd);
}

/*keyword 008*/
.com {
	color: var(--text-color-com);
}

/*800*/
.typ {
	color: var(--text-color-typ);
}

.lit {
	color: var(--text-color-lit);
}

.pun {
	color: var(--text-color-pun);
}

.pln {
	color: var(--text-color-pln);
}

.tag {
	color: var(--text-color-tag);
}

.atn {
	color: var(--text-color-atn);
}

.atv {
	color: var(--text-color-atv);
}

.dec {
	color: var(--text-color-dec);
}

@media print {
	.str {
		color: var(--text-color-media-str);
	}

	.kwd {
		color: var(--text-color-media-kwd);
		font-weight: bold;
	}

	.com {
		color: var(--text-color-media-com);
		font-style: italic;
	}

	.typ {
		color: var(--text-color-media-typ);
		font-weight: bold;
	}

	.lit {
		color: var(--text-color-media-lit);
	}

	.pun {
		color: var(--text-color-media-pun);
	}

	.pln {
		color: var(--text-color-media-pln);
	}

	.tag {
		color: var(--text-color-media-tag);
		font-weight: bold;
	}

	.atn {
		color: var(--text-color-media-atn);
	}

	.atv {
		color: var(--text-color-media-atv);
	}
}

div.coverflow {
	background-color: #000;
	color: #fff;
	visibility: hidden;
	position: relative;
	overflow: hidden;
}

div.coverflow * {
	margin: 0;
	padding: 0;
}

div.coverflow .imgcontainer {
	position: relative;
}

div.coverflow img {
	position: absolute;
	border: none;
}

div.coverflow .slider {
	position: relative;
	border: 1px solid #bbb;
	z-index: 10001;
}

div.coverflow .knob {
	background: #fff;
	width: 100px;
	height: 15px;
}

.type_DiaFlux.defaultMarkupFrame {
	display: inline-block;
	margin-left: -1px;
	border-top: 1px solid transparent;
}

.type_DiaFlux.defaultMarkupFrame:hover {
	border: 1px solid transparent;
	background: transparent;
}

.defaultMarkup .markupText .FlowchartGroup {
	overflow-x: auto;
}

.type_DiaFlux.defaultMarkupFrame > .defaultMarkup .markupText {
	padding: 0;
	margin: -1px;
	white-space: normal;
}

.type_DiaFlux.defaultMarkupFrame > .defaultMarkup .markupText .information {
	padding-right: 50px;
	min-width: 400px;
}

.type_DiaFlux.defaultMarkupFrame > .defaultMarkup {
	overflow-y: hidden;
}

.Flowchart {
	border: 1px solid #D1CFF1;
}

.defaultMarkupFrame {
	#display: inline-block;
	max-width: 100%;
	border-right: 0 solid transparent;
	border-left: 0 solid transparent;
	border-bottom: 0 solid transparent;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.frameless.defaultMarkupFrame:hover, .headerless.defaultMarkupFrame:hover {
	background-color: transparent;
}

.defaultMarkupFrame > .defaultMarkup .markupText {
	#padding-right: 120px;
}

.defaultMarkupFrame > .defaultMarkup {
	background-color: transparent;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
}

.defaultMarkupFrame .headerMenu {
	border-right: 1px solid var(--border-color-default);
}

#searchSubmit:before {
	content: "\f002";
	font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
	top: -1px;
	position: relative;
}

#actionsTop > ul > li > a.action.more {
	background-image: none;
	padding-right: 0.5em;
}

#actionsTop > ul > li > a.action.more:before {
	content: "\f0dd";
	font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
	position: relative;
	left: -5px;
	top: -2px;
	margin-left: 3px;

}

#favorites-toggle-button i:hover {
	color: blue;
}

a.action.quick2top {
	float: right;
	background: none;
	text-indent: 0;
	width: 20px;
}

a.action.quick2top:hover {
	text-decoration: none;
	background-color: transparent !important;
}

a.action.quick2top:before {
	font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
	content: "\f0de";
	position: relative;
	top: 1px;
	right: 5px;
	font-size: large;
	margin-left: 1px;
}

#morebutton a {
	cursor: default;
}

.stickyOn {
	z-index: 2000;
}

.backdrop, .slmbx .slmodal {
	background: #000000;
}

.slmbx.active {
	z-index: 1000;
}

.tablePopupIcon .toolsMenuDecorator {
	top: 0;
}

.wikitable {
	width: inherit;
}

table.spreadsheet {
	font-size: inherit;
}

.edittoolbar {
	left: -92px !important;
	z-index: 1000;
}

.edittoolbar a.action {
	min-height: 21px;
}

.objectInfoPanel.hidden {
	display: inline !important;
	visibility: visible !important;
}

.ui-dialog {
	font-size: 12px;
}

li.findpages .btn {
	margin: 0;
}

#findSuggestionMenu {
	max-height: 66%;
	top: 161px;
	left: 20px;
	position: fixed;
	color: var(--text-color-primary);
	background-color: var(--bg-color-secondary);
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	z-index: 1000;
	font-size: 85%;
	overflow-x: hidden;
	overflow-y: auto;
	min-width: 170px;
}

/* ie6 hack */
* html #findSuggestionMenu {
	background: url(images/tip.png) top left;
}

/* ie7 hack */
*:first-child + html #findSuggestionMenu {
	background: url(images/tip.png) top left;
}

#findSuggestionMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#findSuggestionMenu li {
	padding: 0.25em 0.5em;
	cursor: pointer;
}

#findSuggestionMenu .hover {
	background-color: var(--hover-bg-color-li);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* ie6 hack */
* html #findSuggestionMenu .hover {
	background-color: black;
}

/* ie7 hack */
*:first-child + html #findSuggestionMenu .hover {
	background-color: black;
}

.knowwe #rightPanel {
	border: none;
	position: fixed;
	transition: top .1s ease-in-out;
	background-color: #F9F9F9;
	bottom: 0;
}

.haddock #rightPanel {
	border: none;
	position: fixed;
	background-color: #F9F9F9;
	bottom: 0;
}

#rightPanel .topbar {
	border: none;
	background: var(--bg-color-secondary); /*#e5e8ed;*/
}

#rightPanel .tooltip {
	display: inline;
	z-index: inherit;
	opacity: 1;
	line-height: inherit;
	font-size: inherit;
	position: inherit;
}

.rightpanelhide {
	display: none;
}

.content .sidebar {
	position: relative;
	flex: 0 0 auto;
	order: 0;
	width: 300px;
	min-width: 200px;
	max-width: 600px;
	box-sizing: border-box;
	transition: none;
	margin-left: 0 !important; /* overwrite default toggle behaviour */
	z-index: 501;
}

/* hide the sidebar on toggle */
.content:not(.active) .sidebar {
	display: none;
}

.content .sidebar-handle {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	cursor: col-resize;
	z-index: 501;
	background: transparent;
}

.content .sidebar-handle:hover {
	background-color: rgba(0, 0, 0, 0.08);
}

body.sidebar-resizing {
	user-select: none;
	cursor: col-resize;
}

.content:after {
	display: none !important;
}

.page {
	flex: 1 1 auto;
	order: 1;
	min-width: 0;
	transition-property: width;
}

/* do not hide page content on resize */
.content.active .page {
	min-width: unset;
	width: 100%;
}

.edit .page {
	transition: none;
}

.resizer {
	display: none;
}

.haddock .fixed-header > .header, .header {
	z-index: 1001;
}

.header .navigation {
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
	background-color: var(--bg-color-content);
}

.header .topline {
	position: relative;
	width: 100%;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
	background-color: var(--bg-color-base);

}


@media only screen and (max-width: 768px) {
	a.logo {
		text-indent: initial;
		margin-top: initial;
		font-size: 2rem;
		padding: 2px;
	}
}

.topline {
	min-height: 50px;
}

#rightPanel-toggle-button:before {
	line-height: 1.428571429;
}

.pagename {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media only screen and (min-width: 768px) {
	.pagename {
		font-size: 2.5em;
	}
}

.form-control {
	color: black;
}

.dropdown-menu .form-control {
	width: 100%;
}

.accordion, .tabbedAccordion {
	border: none;
}

.fa-bolt {
	color: var(--color-yellow);
}

/* ############################################################################ */
/* ------------- overwritten Haddock.css styles using CSS variables ----------- */
/* ############################################################################ */
.reader.context-view.can-flex {
	background-color: var(--bg-color-base);
}

.container.fav-left {
	background-color: var(--bg-color-base);
}

.viewport iframe {
	background-color: var(--bg-color-primary-transparent);
}

.content {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	background-color: var(--bg-color-content);
}

.content.active .sidebar, .content.active:after {
	background-color: var(--bg-color-primary-shade);
}

button {
	background-color: var(--bg-color-base);
	color: var(--text-color-primary);
	border-color: var(--border-color-input);
	border-radius: 5px;
	border-style: solid;
	margin: 2px;
}


.panel {
	background-color: var(--bg-color-content);
}

.panel-default {
	border-color: var(--bg-color-secondary-shade);
}

.panel-default > .panel-heading {
	color: var(--text-color-panel-heading);
	background-color: var(--bg-color-secondary-shade);
	border-color: var(--border-color-default);
}

.header a, .footer a {
	color: var(--text-color-primary-link);
}

.form-frame {
	border: 1px solid var(--border-color-table);
}

.nav-tabs {
	border-bottom: 1px solid var(--border-color-table);
}

.dropdown-menu {
	background-color: var(--bg-color-base);
}

.dropdown-menu > li > a {
	color: var(--text-color-primary-link);
}

#recompileButtonsList.dropdown-menu {
	min-width: 0;
}

.dropdown-menu .btn-default {
	background-color: var(--bg-color-content);
}

.btn-default {
	border-color: var(--border-color-default);
	background-color: var(--bg-color-base);
	color: var(--text-color-primary);
}

.btn-success {
	background-color: var(--bg-color-green);
	border-color: var(--bg-color-green);
}

.btn.btn-success:hover, .btn-success:hover {
	background-color: var(--bg-color-green-dark);
	border-color: var(--bg-color-green-dark);
	color: white;
}

.btn.btn-success:active, .btn-success:active, .btn.btn-success.active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	background-color: var(--bg-color-green-dark);
	border-color: var(--bg-color-green-dark);
	color: white;
}

.btn-danger {
	background-color: var(--bg-color-red); /*#d9534f;*/
}

.btn.btn-danger:focus, .btn-danger:focus, .btn.btn-danger.focus, .btn-danger.focus {
	background-color: var(--bg-color-red-dark); /*#c9302c;*/
	border-color: #761c19;
	color: white;
}

.btn.btn-danger:hover, .btn-danger:hover {
	background-color: var(--bg-color-red-dark); /*#c9302c;*/
	color: white;
}

.btn-danger:active, .btn.btn-danger:active, .btn-danger.active, .btn.btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color: var(--bg-color-red-dark); /* #c9302c;*/
	color: white;
}

.btn-danger:active:hover, .btn.btn-danger:active:hover, .btn-danger.active:hover, .btn.btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
	background-color: var(--bg-color-red-dark); /*#ac2925;*/
	color: white;
}

#searchForm > .btn:hover, #searchForm > .btn:focus,
.userbox > .btn:hover, .userbox > .btn:focus {
	color: var(--hover-text-color-btn-default);
}


.btn-default:hover, .btn:hover {
	background-color: var(--hover-bg-color-btn-default);
	color: var(--hover-text-color-btn-default);
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: var(--text-color-panel-heading);
	background-color: var(--bg-color-default-Markup);
	border-color: var(--border-color-default);
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
	color: var(--text-color-panel-heading);
	background-color: var(--bg-color-default-Markup);
	border-color: var(--border-color-default);
}

.btn-default:focus, .btn-default.focus {
	color: var(--text-color-primary-light);
	background-color: var(--bg-color-secondary-shade);
	border-color: var(--border-color-default);
}

.form-group .btn.active:active, .form-group .btn.active.active, .open > .dropdown-toggle.form-group .btn.active {
	color: var(--text-color-primary-inverted);
	background-color: var(--color-blue-light-transparent);
	border-color: var(--color-blue-light-transparent);
}

.form-group .btn.active:active:hover, .form-group .btn.active.active:hover, .open > .dropdown-toggle.form-group .btn.active:hover, .form-group .btn.active:active:focus, .form-group .btn.active.active:focus, .open > .dropdown-toggle.form-group .btn.active:focus, .form-group .btn.active:active.focus, .form-group .btn.active.active.focus, .open > .dropdown-toggle.form-group .btn.active.focus {
	color: var(--text-color-primary-inverted);
	background-color: var(--color-blue-light-transparent);
	border-color: var(--color-blue-light-transparent);
}

.btn.btn-default.active .icon-search {
	color: var(--text-color-primary-inverted);
}

.list-group-item {
	background-color: var(--bg-color-base);
	border: 1px solid var(--border-color-default);
}

a.list-group-item, button.list-group-item {
	color: var(--text-color-dropdown-markupMenu);
}

.toc ul li:hover {
	background: var(--hover-bg-color-li);
}

.list-hover li:hover a {
	background: var(--hover-bg-color-li);
}

.list-hover li:hover {
	background-color: var(--bg-color-content);
}

.quickinterview .qablock:hover input:hover, .quickinterview .qablockHidden:hover input:hover {
	background-color: transparent;
	border-color: var(--border-color-input);
}

.dropdown-header {
	color: var(--text-color-secondary);
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
	color: var(--text-color-secondary-shade);
	background-color: var(--bg-color-secondary);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: var(--hover-text-color-dropdown);
	background-color: var(--hover-bg-color-li);
	border-color: var(--border-color-default);
}

.nav-tabs > li.active > a {
	color: var(--text-color-primary);
	background-color: var(--bg-color-base);
	border: 1px solid var(--border-color-table);
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: var(--text-color-primary);
	background-color: var(--bg-color-base);
	border: 1px solid var(--border-color-table);

}

.nav-tabs > li > a:hover {
	border-color: var(--border-color-none) var(--border-color-none) var(--border-color-table);
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: var(--hover-bg-color-btn-default);
}

.header > .navigation .nav .open > a, .header > .navigation .nav > li > a:hover, .header > .navigation .nav > li > a:hover:focus {
	background-color: var(--hover-bg-color-btn-default);
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: var(--bg-color-table-odd-th);
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: var(--bg-color-table-odd-th);
}

[class*=zebra] .odd {
	background-color: var(--bg-color-table-odd-th);
}

.wikitable tr:first-child th {
	border-bottom: 1px solid var(--border-color-table);
}

.sortable th:hover {
	background-color: var(--hover-bg-color-li);
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: 1px solid var(--border-color-table);
}

caption {
	color: var(--text-color-secondary);
}

.error {
	color: var(--text-color-error);
	border-color: var(--border-color-infobox-red);
}

.danger {
	border-color: var(--border-color-infobox-red);

}

.user-authenticated li .icon-user {
	color: var(--color-green);
}

a.user-authenticated li .icon-user:hover, a.user-authenticated li .icon-user:focus {
	color: var(--color-green-dark);
}

.user-asserted li .icon-user {
	color: var(--color-yellow-dark);
}

a.user-asserted li .icon-user:hover, a.user-asserted li .icon-user:focus {
	color: var(--color-orange-light);
}

.user-anonymous li .icon-user {
	color: var(--bg-color-red);
}

a.user-anonymous li .icon-user:hover, a.user-anonymous li .icon-user:focus {
	color: var(--color-red);
}

select, .form-group select {
	background-color: var(--bg-color-base);
	color: var(--text-color-primary);
	border-color: var(--border-color-input);
}

option {
	color: var(--text-color-primary);
	background-color: var(--bg-color-base);
}

.form-control:focus {
	border-color: rgb(0, 0, 0, 0);
}

.stickyOn {
	background: var(--bg-color-base);
}

.info, .information {
	background-color: var(--bg-color-information);
	color: var(--text-information);
	border-color: var(--border-color-infobox-blue);
}

legend {
	color: var(--text-color-panel-heading);
}

/* Edit Tools */
.edittoolbar {
	background-color: var(--bg-color-content);
	color: var(--text-color-secondary);

	border-top: 1px solid var(--border-color-light);
	border-left: 1px solid var(--border-color-light);
	border-bottom: 1px solid var(--border-color-light);
}

.defaultEditTool {
	border: 1px solid var(--border-color-light);
	background-color: var(--bg-color-edit);
}


.dialog {
	background-color: var(--bg-color-primary-transparent);
}

.dark-mode .dialog .caption {
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: var(--bg-color-secondary-shade);
}

.editform input[type="text"]:focus, .dialog.find input[type="text"]:focus, .editform textarea:focus, .dialog.find textarea:focus {
	/*background: rgba(243, 156, 18, 0.1);*/
	background: var(--highlight-color-faint-yellow);
	border: 1px solid var(--border-color-default);
}

.controls {
	color: var(--text-color-primary);
	background: var(--bg-color-primary);
}

.controls:hover, .controls:focus {
	opacity: 1 !important;
	outline: 0;
	color: var(--text-color-primary);
}

.login-form {
	background: var(--bg-color-secondary);
}

.form-control {
	border: 1px solid var(--border-color-default);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.dark-mode .login-form .login-header {
	font-weight: 530;
}

.createpage {
	color: var(--text-color-error);
}

.alert-danger {
	background-color: var(--bg-color-red-light);
	border-color: var(--color-red);
	color: var(--color-red);
}

.alert-danger .close {
	color: var(--color-red);
}

/* ############################################################################ */
/* ------------- overwritten quickiNeutral.css styles using CSS variables ----------- */
/* ############################################################################ */

.quickinterview .qablock:hover, .qablockHidden:hover {
	background: transparent;
}


input, select, .form-control {
	background-color: var(--bg-color-base);
	color: var(--text-color-primary);
	border-color: var(--border-color-input);
	border-style: solid;
	border-width: 1px;
}

.form-control {
	border-color: var(--border-color-input);
}

input:hover, select:hover, .form-control:hover {
	border-color: var(--hover-border-color-btn-default);
	background-color: var(--hover-bg-color-text-field);
	color: var(--hover-text-color-btn-default);
}

/* ######################################################################################## */
/* ------------- overwritten jquery-ui.theme.min.css styles using CSS variables ----------- */
/* ######################################################################################## */

.ui-widget-content {
	background: var(--bg-color-content);
	color: var(--text-color-primary);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border-color: 1px solid var(--border-color-default);
	background: var(--bg-color-base) 50% 50% repeat-x; /* url(images/ui-bg_glass_75_dadada_1x400.png)  */
	color: var(--text-color-primary);
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border-color: 1px solid var(--border-color-default);
	background: var(--bg-color-base) 50% 50% repeat-x; /* url(images/ui-bg_glass_75_dadada_1x400.png)*/
	color: var(--text-color-primary);
}

.ui-widget-content a {
	color: var(--text-color-primary);
}

/* ########################################################*/
/* ------------- overwritten system properties ----------- */
/* ####################################################### */

::-webkit-scrollbar {
	background: transparent;
}

::-webkit-scrollbar:vertical {
	width: 10px;
}

::-webkit-scrollbar:horizontal {
	height: 10px;
}

::-webkit-scrollbar-thumb {
	background: var(--bg-color-scrollbar-thumb);
	border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--bg-color-scrollbar-thumb-hover);
}