/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 20px;
}

/*
 * Bootstrap Icons have no fixed-width class, where Font Awesome's fa-fw was
 * used throughout the menus to keep labels aligned. This is that class: the
 * width is what a Bootstrap Icon glyph occupies at 1em plus a little air.
 */
.bi-fw {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}

.login {
	margin-bottom: 20px;
	background-color: #d9d9d9; 
	background-image: url(images/back.png); 
	background-repeat: no-repeat; 
	background-position: center 0%;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 20px;
	background-color: #f5f5f5;
	/* Text format */
	text-align: right;
}

/*
 * Load-bearing, despite overriding a Bootstrap utility class. The single use is
 * the <p class="text-muted"> inside <footer class="footer">, which is 20px
 * high and absolutely positioned - a paragraph's default margin would push its
 * text straight out of it.
 */
.text-muted {
	margin: 0;
}

.ix-checkbox {
	width: 20px;
	height: 20px;
}

/*
 * Only the padding is ours. The background-color: transparent that used to be
 * here cancelled Bootstrap 3's grey breadcrumb; Bootstrap 5 draws no
 * background at all, so it was overriding nothing.
 */
.breadcrumb {
	padding: 1px 20px;
}

.font12 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
}

/*
 * The .caret rule that used to sit here was deleted with the Bootstrap 5
 * migration: B5 draws the dropdown arrow itself from .dropdown-toggle::after,
 * so keeping this would have painted a second one next to it.
 */

.list-group-item {
	padding: 10px 10px;
}

/*
 * Wicket's own autocomplete dropdown, used by the three AutoCompleteTextFields
 * in SearchContent. Searching the project for "wicket-aa" finds nothing: the
 * markup is built in JavaScript inside wicket-extensions, which sets className
 * "wicket-aa-container" on the wrapper and "wicket-aa" on the div holding the
 * <ul> (see wicket-autocomplete.js). Wicket ships no stylesheet of its own for
 * it, so these three rules are the only thing that makes the type-ahead list
 * readable - unstyled it renders as transparent, borderless text over the
 * page. Do not delete them because a usage search comes back empty.
 */
div.wicket-aa {
	background-color: white;
	border: 1px solid #CCCCCC;
	color: black;
}

div.wicket-aa ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 5px;
}

div.wicket-aa ul li.selected {
	background-color: #CCCCCC;
}

/*
 * The two panes of the compare view (de.fabosh.wicket.ace.AceDiff).
 *
 * Cosmetic only. The pane *height* deliberately does NOT live here: ACE renders
 * nothing at all in a container of zero height, and this stylesheet is served
 * without cache-busting, so a browser holding a previous copy of it would leave
 * both panes invisible - every element present in the DOM, nothing on screen.
 * The height is an inline style in AceDiff.html for exactly that reason. Do not
 * move it back.
 */
.ix-diff-pane, .ix-source-pane {
	margin: 0;
	border: 1px solid #dee2e6;
}

/*
 * The context help offcanvas (de.fabosh.idoix.gui.HelpPanel).
 *
 * The help texts are HTML written in the property bundles, so they carry no
 * classes of their own - a bundle should not have to know about Bootstrap.
 * These three rules are what makes that prose readable in a 400px panel:
 * Bootstrap's reboot gives every heading margin-top: 0, so an <h6> introducing
 * a section sits flush against the list above it; the default <ul> indent is
 * wider than a narrow panel wants; and the first element must not push the
 * whole body down.
 *
 * Cosmetic only, deliberately. This stylesheet is served without cache
 * busting, so a browser holding an older copy still gets a readable panel -
 * unlike the compare view's pane height, which is inline in the markup for
 * exactly that reason.
 */
.offcanvas-body > h6 {
	margin-top: 1.25rem;
}

.offcanvas-body > :first-child {
	margin-top: 0;
}

.offcanvas-body ul {
	padding-left: 1.25rem;
}