/*==================================================
css: content

server/static/css/styles.css L14
server/static/css/main.css L1636
server/static/css/csslayout.css L5564
server/static/css/add-dtsearch.css L6826
server/static/css/fonticons.css L7059
server/static/css/wiki.css L7373
server/static/css/fonticons.wiki.css L7425
wisom/static/css/styles.css L7707
==================================================*/

/* from server/static/css/styles.css */
/* common */

:root {
  --tiles-container-width: 1040px;
}

html {
  height: 100%
}

abbr {
    text-decoration: none;
}

body {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	position:relative;
}

body, td {
	font-family:Segoe UI, "Helvetica Neue", Arial;
}
/* layout tableLayout, flexstruct-list li a
Layout equivalents */

#cont, #main {}

#rowTop td, #topParts {}
#rowMiddle td, #middleParts {}
#rowBottom td, #bottomParts {}

.colleft, #leftParts { margin:0 auto }
.colmain, #centerParts {}

/* end layout */


/* barr */

.screenreaders {
	position: absolute;
	top:-100px;
	left:-9999px;
	font-size:0em !important;
	margin:0;
	padding:0;
	border:0;
}

/* html5 */

main {
	display:block;
}


.bd-sysadmin td, .bd-wiki-edit td {
	font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif;
}
.bd-sysadmin th, .bd-wiki-edit th, .bd-transcript .vlsTable th {
	font-family: Helvetica Neue, Arial, sans-serif;
	font-weight:bold;
}
.bd-sysadmin th a, .bd-wiki-edit th a, .bd-transcript .vlsTable th a {
	color:#0654AC;
}
.bd-sysadmin th a:hover, .bd-wiki-edit th a:hover, .bd-transcript .vlsTable th a:hover {
  text-decoration: none;
}
#offsetChooser.transred {
  display: inline-block;
  margin: 0 2em;
  background-color: white;
  font-size: 0.8rem;
  height: 1.3rem;
  padding: .3rem;  border-radius: .2em;
}
#offsetChooser.transred > div {
  display:inline-block;
  vertical-align: middle;
}
#offsetChooser.transred > .paginglink {
  height: auto;
}
#offsetChooser.transred > div.selectedOs {
  padding: 0 .6em;
  font-size: 1em;
}
#offsetChooser.transred  {
  font-size: 0.7em;
}
/* tableLayout */

/* no margins / paddings on these elements */
table#cont,
#rowMiddle > td,
#rowMiddle > td > table#middleContent {
	padding:0 !important;
}
#rowMiddle > td > table#middleContent {
	margin:0 !important;
}

/* major layout directives */
table#cont {
	width:100%;
	height:100%;
	display: table;
}
table#topContent, table#middleContent {
	width:100%;
}
/* add gstyle demo support - firefox at least */
.bd-pages-gstyle .colmain, .bd-pages-gstyle .colmain td, #rowMiddle > td {
    height: 100%;
}
#rowMiddle > td {
	height:100vh;
}
#rowBottom td, #rowTop td {
	height:.1em;
}

.colmain {
	width:100%;
}
/* part type footer align bottom */
#footer, #bottomParts  {
	background-color:#F3F3F6;
	border-top:1px solid #ccc;
	padding:2px .3em;
}
.footerContent a {
	font-size:10px;
	font-family:Verdana;
}
/* part type footer align layer */
#footerLayer, #custom-footer.wiki-layer {
	position:fixed;
	bottom:0;
}
.bd-authorized td.footer .menubox {
	display:none; /* hide footer-aligned menubox left in wiki/?edit*/
}

.strong {
	font-weight: bold;
}
.bd-guest .debug {
  display: none;
}
.invisible {
  visibility: hidden;
}
.invisible * {
  height: 0;
}
.hidden {
	position:absolute;
	width:1px;
	height:1px;
	left:-20000px;
	overflow:hidden;
}
.fullwidth {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: calc(-50vw  - 0.5 * var(--scrollbarWidth));
}
p {
	line-height:1.5em;
	margin-top:0;
	margin-bottom:1em;
}

/* derived from slack */
div.wiki code {
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	border-radius: 2px;
	color: #d72b3f;
	font-family: Consolas,monaco,"Ubuntu Mono",courier,monospace!important;
	font-size: .75rem;
	line-height: .75rem;
	padding: 2px 3px 1px;
	font-variant-ligatures: none;
	tab-size: 4;
	display: inline-block;
}

#cqlinfo {
  position: absolute;
  z-index: 1;
}

/* debug FOOTER  */

#debugpanel {
	position:fixed;
	bottom:0;
	right:0;
	z-index:130;
	font-size: 11px;
	border-right: 1px solid grey;
	border-top: 1px solid grey;
}
#debugdata {
	background-color: #eee;
	display:none;
	margin-right:46px;
}

#debugpanel > .hideit {
	cursor:pointer;
	background-color:white;
	border-left: 1px solid grey;
	color:#777;
	padding:0 1px;
	float:right;
}
#debugdata-ctrl.hideit {
	width:34px;
}
#debugpanel-ctrl.hideit {
	width:6px;
}
#debugdata > a {
	border-left: 1px solid grey;
	padding-left: 6px;
	padding-right: 6px;

}
/* common */

select, .nodrop, #npSingle {
	font-size:11px;
	font-family: Tahoma, Helvetica, Verdana;
}
select[multiple] {
    height: auto;
}
td {
	vertical-align:top;
}
a, .colmain .ui-tabs-panel a {
	text-decoration:none;
	color:#0630ac;
}
a:hover {
	text-decoration: underline;
}
a img {
	border:0;
}
a.external:after, a.goto:after {
	content:'\2197';
	display:inline-block;
	font-size: 0.9em;
    margin: -0.4em 0 0 0.25em;
    vertical-align: super;
}

/* wiki edit */
.vlsContainer {
	margin-top: 23px;
	border:2px solid #eee;
	border-radius:2px;
	background-color:#fff;
	vertical-align:top;
}
.dashitem {
	display: inline-block;
	width:50%;
	vertical-align: top;
}
.dashitem > div {
	margin:1em 1em 3em 1em;
	border: 2px solid #eee;
	border-bottom:0 none;
	background-color:#fff;
}

.vlsContainer.noborder {
	border:0;
}
div#adminToolbar, .vlsContainer {
	margin-right:10px;
	margin-left:10px;
}
.vls-head, .vlsContainer .head, #dashboard .dashHead {
	margin: 18px 0;
    font-size: 1.5em;
    color: #333;
    font-family: Verdana,Arial,sans-serif;
	padding: 4px 10px;
	background-color: #F7F6F8;
}

img.spacer {
	/*avoid img consuming additional vertical space*/
	display: inherit;
}
.head {
	/*border-radius:4px;*/
}
/* Jobs page */
div#selectItems {
	margin:16px 8px 0;
}
div.itemsInGroup {
	margin:0 8px 0 13em;
}
div#selectItems  ul.vlsDropdown {
	width:13em;
}
#vlsDropSpacer {
	font-size:5px;
}
div#selectItems #vlsDropSpacer {
	display:none;
}
ul.vlsDropdown {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	z-index:120;
	margin:0;
	padding:0;
}
ul.vlsDropdown li {
	margin:0;
	padding:0;
}
/* interferes with (s2wnew) *, *:after, *:before { box-sizing: border-box }*/
ul.vlsDropdown li a {
	box-sizing: initial !important;

}
ul.vlsDropdown li a:hover, div.itemsInGroup a:hover {
	background-image:url(/static/graphics/admin/bgVlsSelectHover.gif);
	color:#445;
}
ul.vlsDropdown li {
	display:none
}
ul.vlsDropdown li#selected {
	display:block;
	background-image:url(/static/graphics/admin/bgVlsSelectHover.gif);
	background-repeat:repeat-x;
}
ul.vlsDropdown li a, div.itemsInGroup a, .dashJumpmenu a  {
	background-image:url(/static/graphics/admin/bgVlsSelect.gif);
	background-repeat:repeat-x;
	border:1px solid #bbb;
	font: 12px Helvetica, Arial, sans-serif;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	padding:4px 15px 4px 15px;
	margin-bottom:-1px;
	color:#444 !important;
	display: block;
	line-height: 17px;
	outline:none;
}
ul.vlsDropdown li a:visited, div.itemsInGroup a:visited {
	color:#444 !important;
}
ul.vlsDropdown li a:hover, div.itemsInGroup a:hover {
	text-decoration:none;
}
ul.vlsDropdown li a:active, div.itemsInGroup a:active {
	outline:none;
}
ul.vlsDropdown {
}
ul.vlsDropdown li#selected a {
	background:transparent url(/static/graphics/admin/thirdparty/crystal/14_layer_lowerlayer.png) 90% 50% no-repeat;
}

div.itemsInGroup a {
	float:left;
	margin-right:-1px;
	border-color:#ddd
}
ul.vlsDropdown li a#last {
	border-bottom:1px solid #aaa;
}
/* .nav-inline */
.nav, .nav-inline {
	margin: 0;
	padding-left:0;
	list-style: none;
}
.nav li {
	margin: 0;
}
.nav-inline li {
	display:inline-block;
}

/* navPort */

#navPort {
	border-top:1px solid #dde;
	border-bottom:1px solid #e8e8f0;
	background-color:#f8f7fb;
	clear:both;
}
.navPort-metadata, .navPort-pages {
}
.navPort-nav {
}

.viewCtrl, .viewCtrl_sel {
	border-right:1px solid #CCCBD7;
	border-left:1px solid #fff;
}
/* make padding-bottom = padding-top + padding-bottom of .viewCtrl a, .viewCtrl_sel span
or make it one less in order to hide the bottom border of the selected tab */
#navPort {
	padding-bottom:5px;
}
.viewCtrl a, .viewCtrl_sel span {
	display: block;
	padding: 3px 1.2em 3px 1.2em;
}
.viewCtrl a:active {

}
.viewCtrl_sel {
	color:#666;
}
.viewCtrl, .viewCtrl_sel {
		float:left;
}

/* sruform */

.sruForm .sruFormFields > * > table {
  border-collapse: collapse;
}

/* auth */
.wiki-center.login {
  display: flex;
  justify-content: center;
}
.authForm, .authCont {
	margin:40px 40px;
}
.authForm fieldset {
	border:1px solid #ccc;
	border-radius:12px;
}
.authForm fieldset legend {
  font-size:1.8em;
	font-weight: normal;
	margin-left: 0.4em;
}
legend {
	padding:0 .5em;
}
.authForm fieldset table {
	margin:40px 40px;
}
.authForm h1 {
  margin-bottom: 40px;
} .authForm .msg {
}
.authForm input {
	font-size:1 rem;
	padding:.3em .6em;
	width:100%;
	border:1px solid #aaa;
	border-radius:3px;
}
#setPassword table, #resetPassword table {
  margin-top:20px;
}
#resetPassword input[name=user] {
  width:100%;

}
.authMsg {
	width:300px;
	margin-left:40px;
}
.authMsg div {
	border-radius:4px;
	padding:.5em 1em;
	background-color:#fcfce0;
	border:1px solid #eee;
	margin-bottom:1em;
}
#resetPassword {
    max-width: fit-content;
  }
/* navi */
.naviControls, .resizeControls, .rotateControls, .debugControls, .tabgroup, .drop {
	float:left;
}
.naviControls.bottomNav {
  float:none;
}

.resizeControls a, .naviControls.toggleMode > .toggleModeImage {
	display: flex;
  align-items: center;
  justify-content: center;
  text-decoration:none;
}
.naviControls.toggleMode {
	position:relative;
}
.naviControls.toggleMode > .toggleModeImage {
  margin-right:-1px;
}

.vls-button  {
	display:block; float:left;
	margin-right:1px;
	font-size:0;
	width:19px;
	height:19px;
}
a.vls-button:hover {
	text-decoration:none;
}
/*number not in use*/
.paginglink a.number, .paginglink span.number  {
	font-size:1em;
	padding: .5em 0;
	text-align: center;
}
.paginglink {
	float:left;
	/* may be obsolete */ height:18px;
}
.paginglink.nofloat {
  float:none;
}
.paginglink a, span.resizeControls a {
	text-decoration:none;
}

/* home */
@media all {

  .wiki article > .tiles {
    max-width: var(--tiles-container-width);
    margin-top: 3em ;
    margin-bottom: 3em ;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .wiki article > .tiles.classic {
    gap: 0;
    margin-top: 7em;
    margin-bottom: 4em;
  }
  .tiles > a {
    flex: 1;
    text-decoration: none !important;
    border: 0 !important;
    justify-content: normal;
    display: flex;
    flex-direction: column;
  }
  .tiles.classic a:hover {
    background-color: white;
    text-decoration: none;
  }
  .tiles.new a {
    flex: 1;
  }
  .tiles.classic a {
    flex: 1;
    background-color: #f4f4f4;
    text-align: center;
    padding: 3%;
    color: #152D61;
  }
  .tiles.classic > a {
    margin: 0;
  }
  .tiles.classic .bg {
    order: -1;
  }
  .tiles.classic .bg {
    padding: 20%;
  }
  .tiles .bg {
    padding: 30%;
    flex: 1;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .tiles .bg.svg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tiles .bg svg {
    height: 40%;
    flex: 1;
    position: absolute;
  }
  .classificationShowcase.tiles .bg {
    background-size: cover;
  }
  .tiles .cap {
    justify-content: center;
    /*flex-basis: 4em;*/
    position: relative;
    padding: 16px 10px;
  }
  .tiles .cap {
    padding-left: 52px;
  }
  .tiles.classic .cap {
    padding-left: initial;
  }
}

/* .linkBox is deprecated */
.tiles.classic .cap {
  background-color: transparent;
}
.tiles.classic .cap:after {
  display: none;
}
.tiles.classic svg {
  height: 35px;
}
.tiles.classic svg path {
  /* fill: tile; */
}
.tiles.classic.glyphs .cap:before {
  font-size:2.25rem;
  display: block;
  font-family: 'fontello';
  margin-bottom: 1em;
}
.tiles.classic.glyphs .cap.title:before {
  content: '\e80f';
}
.tiles.classic.glyphs .cap.person:before {
      content: "\e83a";
}
.tiles.classic.glyphs .cap.places:before {
      content: "\e845";
}
.tiles.classic.glyphs .cap.map:before {
      content: "\e846";
}
.tiles.classic .cap {
  padding: 16px 10px 6px;
  font-size:1.25rem;
}


/* navi */

/*
these are class vls-button:
span.resizeControls a#zoomh, span.resizeControls a#zoomw,
span.resizeControls a#zoomh_s, span.resizeControls a#zoomw_s,
span.resizeControls a#goZoom, span.resizeControls a#goPage,
span.rotateControls a#rotateCounterclockwise,
span.rotateControls a#rotateClockwise,
span.debugControls a,
.paginglink a.forw,
.paginglink a.back,
.paginglink a.start,
.paginglink a.end,
.paginglink span.start_s,
.paginglink span.end_s,
.paginglink span.forw_s,
.paginglink span.back_s */

#leaveContext {
	position:absolute;
	right:4px;
	top:-23px
}
#leaveContext a {
	background-position:0 -342px;
	width: 19px;
    height: 20px;
	background-image: url(/static/graphics/ctrl/navi_19.png);
	display: inline-block
}
#leaveContext a:hover {
	text-decoration:none;
}
/* .vls-button default transparency color : 4f5f85 */
.vls-button {
	background: url(/static/graphics/ctrl/navi_19.png);
}
.paginglink span {
    opacity: .5;
}
.paginglink a.start {
	background-position:0px 0px;
}
.paginglink a.start:hover {
	background-position:-19px 0px;
}
.paginglink a.start:active {
	background-position:-38px 0px;
}
.paginglink span.start_s {
	background-position:-57px 0px;
}

.paginglink a.back {
	background-position:0px -19px;
}
.paginglink a.back:hover {
	background-position:-19px -19px;
}
.paginglink a.back:active {
	background-position:-38px -19px;
}
.paginglink span.back_s {
	background-position:-57px -19px;
}

.paginglink a.forw {
	background-position:0px -38px;
}
.paginglink a.forw:hover {
	background-position:-19px -38px;
}
.paginglink a.forw:active {
	background-position:-38px -38px;
}
.paginglink span.forw_s {
	background-position:-57px -38px;
}

.paginglink a.end {
	background-position:0px -57px;
}
.paginglink a.end:hover {
	background-position:-19px -57px;
}
.paginglink a.end:active {
	background-position:-38px -57px;
}
.paginglink span.end_s {
	background-position:-57px -57px;
}

a#goZoom {
	background-position:0px -76px;
}
a#goZoom:hover {
	background-position:-19px -76px;
}
a#goZoom:active {
	background-position:-38px -76px;
}
a#goZoom_s {
	background-position:-57px -76px;
}

a#goPage {
	background-position:0px -95px;
}
a#goPage:hover {
	background-position:-19px -95px;
}
a#goPage:active {
	background-position:-38px -95px;
}
a#goPage_s {
	background-position:-57px -95px;
}

a#zoomzin {
	background-position:0px -114px;
}
a#zoomzin:hover {
	background-position:-19px -114px;
}
a#zoomzin:active {
	background-position:-38px -114px;
}
a#zoomzin_s {
	background-position:-57px -114px;
}

a#zoomzout {
	background-position:0px -133px;
}
a#zoomzout:hover {
	background-position:-19px -133px;
}
a#zoomzout:active {
	background-position:-38px -133px;
}
a#zoomzout_s {
	background-position:-57px -133px;
}

a#rotateClockwise {
	background-position:0px -152px;
}
a#rotateClockwise:hover {
	background-position:-19px -152px;
}
a#rotateClockwise:active {
	background-position:-38px -152px;
}
a#rotateClockwise_s {
	background-position:-57px -152px;
}

a#rotateCounterclockwise {
	background-position:0px -171px;
}
a#rotateCounterclockwise:hover {
	background-position:-19px -171px;
}
a#rotateCounterclockwise:active {
	background-position:-38px -171px;
}
a#rotateCounterclockwise_s {
	background-position:-57px -171px;
}
a#zoomh {
	background-position:0px -190px;
}
a#zoomh:hover {
	background-position:-19px -190px;
}
a#zoomh:active {
	background-position:-38px -190px;
}
a#zoomh_s {
	background-position:-57px -190px;
}
a#zoomw {
	background-position:0px -209px;
}
a#zoomw:hover {
	background-position:-19px -209px;
}
a#zoomw:active {
	background-position:-38px -209px;
}
a#zoomw_s {
	background-position:-57px -209px;
}

/*arrow version pos 14.0 */
a#downloadZeroWebcacheImage {
	background-position:0px -285px;
}
a#downloadZeroWebcacheImage:hover {
	background-position:-19px -285px;
}
a#downloadZeroWebcacheImage:active {
	background-position:-38px -285px;
}
a#downloadZeroWebcacheImage_s {
	background-position:-57px -285px;
}

a#toggleBorderCrop {
	background-position:0px -304px;
}
a#toggleBorderCrop:hover {
	background-position:-19px -304px;
}
a#toggleBorderCrop:active {
	background-position:-38px -304px;
}
a#toggleBorderCrop_s {
	background-position:-57px -304px;
}

.paginglink .number {
	background-position:0px -304px;
}
.paginglink a.number:hover {
	background-position:-19px -304px;
}
.paginglink a.number:active {
	background-position:-38px -304px;
}
.paginglink span.number_s {
	background-position:-57px -304px;
	color:#ccc;
}
a#dpage {
	background-position:0px -323px;
}
a#dpage:hover {
	background-position:-19px -323px;
}
a#dpage:active {
	background-position:-38px -323px;
}
a#dpage_s {
	background-position:-57px -323px;
}
a#pageview {
	background-position:0px -342px;
}
a#pageview:hover {
	background-position:-19px -342px;
}
a#pageview:active {
	background-position:-38px -342px;
}
a#pageview_s {
	background-position:-57px -342px;
}

.vls-hidden {
	display:none !important;
}

.userMessages .message {
	color:green;
	font-weight:bold;
}
/* CodeMirror  */
.splitter_container.splitter-vertical > .splitter_panel {
    border: 1px solid silver;
}
.splitter_container > .splitter_panel > #leftPane {
    overflow: hidden !important;
}
.CodeMirror {
	line-height: 1.2em;
}
	.CodeMirror-activeline-background {
		background: none repeat scroll 0 0 #E8F2FF !important;
		}

	.cm-tab:after {
		content: "\21e5";
		display: -moz-inline-block;
		display: -webkit-inline-block;
		display: inline-block;
		width: 0px;
		position: relative;
		overflow: visible;
		left: -1.4em;
		color: #aaa;
	}


.list {
	float:left;
	width:16px;height:16px;
	font-size:6px;
	filter:alpha(opacity=70); opacity: 0.7;
	background-repeat:no-repeat;
	border:0;
	content:url(/static/graphics/clpx.gif);
}
/* formWikidata css cf. docs/epflicht/forms/*.wiki */
.editing-msg {
	border-bottom: 1px solid #ccc;
	padding: 0.2em 0;
	font-size: 1.2em;
	display: inline-block;
}

/* end deform */

/* headernav */

.sortindexSelect .icon-sortList {
  display: none;
}
  /* vls-list */

.vls-list, .struct-list, .no-list {
	list-style-type:none;
}
.vls-list, .struct-list, .no-list, .hitstructure { /* reset ul client defaults */
	margin:0;
	padding:0;
}
.struct-list ul {
  padding-left: 24px;
}
.struct-list ul.noindent {
  padding-left: 0;
}
.vls-list li, .struct-list li /*, ul.hitstructure li, .titleChild */ {
	margin:.4em 0 0;
}
/* set 1st level li close to left */
.struct-list.structure li  {
  clear:left;
}
.vls-list li.table {
	margin-bottom:1em;
}
.vls-list ul { /* hitstructure eg.  set 2nd to n level's indentation */
	padding-left:24px;
}
.vls-list ul li {
}
.vls-list li.tableContainer {
	padding-left:0;
	background:transparent none;
	margin:0;
}
.vls-list li.tableContainer a, .vls-list li.table a {
	margin:0
}
.titleLinks a {
	margin-right:6em;
}
/* */
.struct-list li > a, .struct-list li > span.structure {
	/* in order to have the text+pagination-link without PDF align with paginations with PDF ,
	this must be minimum the width of the PDF-link, because if we have pagination and PDF, the two margins collapse
	*/
  display: block;
	margin-right:6em;
  margin-left:24px;
}
.struct-list li > a.resourceLink {
  margin-right: 0;
}
.struct-list.cCat li > a {
  margin-right:0;
}
#fullFacetList .box a {
  margin-right:0;
  margin-left:0;
}
ul.cList li.empty-mds {
  opacity: .5;
} #classificationChildList .grey:hover {color: inherit}
ul.cList li .list {
}
ul.cDomain li .list {
	background-image:url(/static/graphics/listicons/icoChrono.png);
}
ul.cCat .list {
	background-image:url(/static/graphics/listicons/icoCat.png);
}
/* searchresult-types */
ul.structure .list,
.titleChild-struct .list {
	background-image:url(/static/graphics/listicons/icoChrono.png);
}
li.title .list {
	background-image:url(/static/graphics/listicons/icoTitle.png);
}
.wikipage li .list {
	background-image:url(/static/graphics/listicons/toggleRight-sw.png);
}
.list {
	float:left;
	width:16px;height:16px;
	font-size:6px;
	filter:alpha(opacity=70); opacity: 0.7;
	background-repeat:no-repeat;
}
.hitstructure { /* allow for little more on 1st level */
	padding-left:20px;
}
.hitstructure ul { /* this fits */
	padding-left:1.3em;
}
.struct-list li.toggle {
  padding:0;
}
.struct-list li.toggle img {
  background-image:url(/static/graphics/listicons/toggleRight.png);
  vertical-align:bottom;
}
.struct-list li.toggled img, #menuboxFirstCollectionLevel a.toggled img {
  background-image:url(/static/graphics/listicons/toggleDown.png);
}
ul.toToggle {
	display:none;
}

span.hideHits {
	display:none;
}

.hitstructure li a {
  margin-left:0;
  margin-right: 1em;
  cursor:pointer;
}
.hitstructure ul.toToggle { /* this is a toggled list with rounded borders */
	margin-top:6px;
	border:2px solid #eee;
	-moz-border-radius:2px 16px 16px 2px;
	-webkit-border-radius:2px 16px 16px 2px;
	border-radius:2px 16px 16px 2px;
	padding: 6px 24px;
}
ul.structure li.noStyle {
	background:transparent none;
	padding-left:0;
}
ul.structure li a.toggleStructure {
	cursor:pointer;
}
a.structlist {
}

/*.titleChild-even, */
.structlist-even {
	background:#f0f0f0 url(/static/graphics/bg-structlist-even.png) no-repeat;
}

ul.hitstructure li a {
	margin-left:0;
}
table.columns .vls-list li a {
	margin-right:2em;
}

.transcriberBar {
  display: flex;
  gap: 1em;
}


#structWikicontentSeparator {
  display: none;
}

/* close cross
content:' | \2A2F\00a0';

*/

/* clearfix */
.clearfix:after {
  content: "\00A0";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.wikiControl {
  display:inline-block;
}
.topicItem .wikiControl {
  margin: 2em 2em 2em 0;
}
.wikiControl .button {
	text-decoration:none;
}
/* .vlsControl .button */
#wikiOptions .button {
	margin-left:.3em;
}
.vlsControl .button, .vlsControl .button:hover, ul#adminControls li a:hover {
	background-image: linear-gradient(to bottom, #fdfdfd 0%, #f9f9f9 100%);
	text-decoration:none;
}
.vlsControl .button:hover, ul#adminControls li a:hover {
	background-image: linear-gradient(to bottom, #f9f9f9 0%, #fdfdfd 100%);
}
.vlsControl .button:active {
	background-image: linear-gradient(to bottom, #f6f6f6 0%, #fafafa 100%);
}
.vlsControl .button {
	cursor:pointer;
	color:#333;
	font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', 'Helvetica Neue', sans-serif;
}

.vlsControl .button.selected, .vlsControl .button.selected:hover {
	background:white;
	cursor:default;
}

.vlsControl .button.large {
  font-size: 1.25em;
}
.vlsControl .button {
	border-radius:2px;
	border:1px solid #ddd;
	padding: .5em;
	display: inline-block;
	text-align:center;
  padding: .25em .75em;
}
.vlsControl .redtext.button {
  color: red;
}
.vlsControl .greentext.button {
  color: green;
}
.vlsControl .button.noborder {
  border:0;
}
.vlsControl .button.shadow {
  text-shadow:1px 1px 0px #ffffff;
}
.vlsControl .button.dark {
	background-image: linear-gradient(to bottom, #6d6d6d 0%, #696969 100%);
	color:#fff;
	text-shadow:1px 1px 0px #333;
}
.vlsControl .button.dark.flat {
  background: #696969;
}
.vlsControl .button.grey {
	background-image: linear-gradient(to bottom, #bbb 0%, #aaa 100%);
	color:#fff;
	text-shadow:1px 1px 0px #333;
}
.vlsControl .button.grey.flat {
  background: #aaa;
}
.vlsControl .button.light.flat {
	background: #fafafa;
}
.vlsControl .button.edge {
	border-radius:0px;
}
.vlsControl .button.flat {
	background-image: none;
	filter:none;
}
.vlsControl .buttonInactive, .vlsControl .buttonInactive:hover {
	color:#999;
	background-image: none;
	cursor:default;
}

.menu-left.toggle {
  cursor: pointer;
  z-index: 1;
  position: absolute;
  top:1em;
  right:-18px;
  width:18px;
  height:36px;
  /*box-shadow: 0px 1px 4px #ccc;*/
  border: 1px solid #e8e8e8;
  border-left:0;
  border-radius: 0 2px 2px 0;
  background-color: #f7f7f8;
  text-shadow:1px 1px 0px #ffffff;
  text-align:center;
}
.menu-left.toggle:hover {
  background-color: #f3f3f4;
}
.menu-left.toggle i {
  display:inherit;
}
.menu-left.toggle i {
  margin-left:2px;
  margin-top:8px;
}

.vlsControl .button.toggle-wiki-pageimg, .vlsControl .button.toggle-wiki-pageimg:hover {
	background: white url(/static/graphics/admin/thirdparty/crystal/16/thumbnail.png) no-repeat 94% 50%;
	padding-right: 2em;
	min-width:5em;
	color:#666;
	cursor:pointer;
}

form .qsclear {
  display: flex;
  align-items: center;
}
form .qsclear:before {
  padding: .5em .75em;
  cursor: pointer;
}


/* scalable Buttons */
/*
<div class="vlsControl vlsArrows">
  <div class="button">
  <div class="right">
    <a class="arrow" href="#">Forward</a>
  </div>
  </div>
    <div class="button">
    <div class="down">
    <a class="arrow" href="#">Down</a>
  </div>
  </div>
</div>
*/

.arButton, .arButton div {
	width:17px;
	height:19px;
}
.arButton {
	background:transparent url(/domainresource/static/graphics/ctrl/s-bg-center.gif);
	vertical-align: top;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-radius:2px;
	margin-left:10px;
	margin-right: -25px;
	margin-top: -0px;
	margin-bottom: -0px;
	display:inline-block;
}
.arButton div {
	position:absolute;
}
.arDown div {
	background:transparent url(/domainresource/static/graphics/whsadmin/arDown.png) no-repeat 5px 7px;
}
.arUp div {
	background:transparent url(/domainresource/static/graphics/whsadmin/arUp.png) no-repeat 5px 7px;
}
.checkUncheckAll {
	cursor:pointer;
	text-align:right;
	border-top:1px solid #ddd;
	font-size:.7em;
	margin-top:1em;
	font-family:Verdana;
}
table.sortable th:after {
	content: '';
  width: 10px;
  height: 10px;
  opacity: 0.6;
  display: inline-block;
  background: url('/static/graphics/sortable.gif') center right no-repeat;
}
table.sortable th:after {
	padding-right: 21px;
	cursor: pointer;
}
#__currLine__ {
	width:0;
	display:inline-block;
	border-right:.5em solid #FAA;
	height:1.2em;
	vertical-align: text-top;
}

select.change{
	margin:0;
}
.drop {
	margin:0 .2em 0 0;
  vertical-align: top;
}
.drop.nodrop {
	margin:0 .2em 0 .2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
select.change, .vls-button, .nodrop {
  font-size: 1.1em;
  height:1.5em;
}
/* #wikiHist is used in wikihist and diffconfig */

#wikiHist {
	float:right;
	margin-right: -2px;
	font-size:12px;
	border-right:2px solid #eee;
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
	border-left: 1px solid #ddd;
	border-bottom: 0;
	background-color: white;
	padding-left: 1em;
}
#wikiHistHead {
	height:3.5em;
	vertical-align:middle;
	color:#999;
}
#wikiHist * {
	font-size: 11.2px;
}
#wikiHistHead th {
	background-color:white;
}
#wikiHistHead th.left {
	text-align:left;
}
#wikiHist tbody tr {
	background-color:white;
}
#wikiHist td {
	padding:0px 2px;
	border-bottom:1px solid #eee;
}
#wikiHist td {
	border-right:1px solid #eee;
	padding: 0 .4em;
	width: 1%;
}
#wikiHist td.user {
	white-space:nowrap;
	text-overflow: ellipsis;
	width: 80%;
	overflow: hidden;
}
#wikiHist .right {
	text-align:right;
}
#wikiHist td.data {
	color:#888;
}
#wikiHist td.rev, #wikiHist td.diff {
	min-width: 10px;
}
#wikiHist td.select:active {
	background-color: #ccc;
}
#wikiHist td.select a:hover {
	text-decoration:none;
}

.user-manage {
  margin-top: 2em;
  margin-bottom: 2em;
}
.user-manage tr:nth-child(odd) {
  background-color:#fafafa;
}
.user-manage th {
  font-weight: bold;
  vertical-align: top;
  padding: 0.75em .6em 1.25em;
  text-align: left;
  background-color: var(--sand);
}
.user-manage td {
  hyphens: auto;
  vertical-align: top;
  padding: .3em ;
}
.user-manage td.actions {
  min-width: 66px;
}
.user-manage td.fullname {
  min-width:14em;
}
.user-manage td.title {
  text-align: right;
}
.ol-viewport {
    cursor: grab;
}

#map {
  overflow: hidden;
  position: relative;
}
#map .ol-zoomslider {
  height: 100px;
}

.bd-zoomFullscreen main nav, .bd-zoomFullscreen main section, .bd-zoomFullscreen #centerParts nav.navPort {
	display:none !important;
  margin:0 !important;
  height: 0 !important;
}
.bd-zoomFullscreen .colmain {
  padding: 0 !important;
}

.bd-zoomFullscreen #centerParts > main {
  max-width: initial;
  padding: 0;
  border: 0;
  margin: 0;
}

.bd-zoomFullscreen #map {
  border: 0;
}

.bd-zoomFullscreen #searchTheBook.searchTheBook-zoom {
	display:none;
}
.bd-zoomFullscreen #searchTheBook.searchTheBook-zoom:hover {
	opacity:1;
}
.fullscreenHidden {
  display: none;
}

/* this must have lower or same specificity than (domain css') */
.datacol .nav > li.cols {
	display: table;
	width: 100%;
}
/* .datacol .nav > li.cols > *:first-child
exchange .datacol for .cols
*/
.datacol .nav > li.cols > * {
	display: table-cell;
}
.nav > li.cols > *:first-child {
	width: 30%;
	padding-right: 1em;
	overflow: hidden;
  text-overflow: ellipsis;
}

img.tabicon {
  display: inline-block;
  height: 1em;
  margin-right: .5em;
  margin-bottom: -0.15em;
}

/* add paddings - only with columns == cfg titleInfoGridStyle
could omit metadata with .titleAdd */
.nav > li > *:first-child {
  padding-left: 4px;
}
@media (max-width: 600px) {
  .datacol .nav > li.cols > * {
    display: block;
  }
  .nav > li.cols > *:first-child {
    width: 100%;
    color: #777;
    font-size: .9375em;
    padding: 0;
    margin-top: .5em;
  }
}
.titleInfo.rows .nav > li > * {
  width: initial;
  display: block;
}
.nav > li > *.value {
  line-height: 1.5em
}

.titleAdd.rows > ul {
  padding-top:.5em;
}

.nps-details {
  display: flex;
  flex-direction: column;
}
.nps-details > *:first-child {
}

.details-header {
  margin-bottom: 1em;
}
.placeDetails .map /* .placedata */ {
  margin-top: 1.5em;
}
.nameDetails .data {
}

var {
	display: none;
}
/* start main */
main {
	/*height:100%;*/
}

hr {
	border:0;
	border-bottom:1px solid #666;
}


@media (max-width: 1824px) {
	.dashitem {
		width:75%;
	}
}
@media (max-width: 1600px) {
	.dashitem {
		width:90%;
	}
}
@media (max-width: 1440px) {
	.dashitem {
		width:95%;
	}
}

@media (max-width: 1200px) {
	.dashitem {
		width:100%;
	}
}

/* from server/static/css/main.css */
:root {
  --inputfont: inherit;
  --searchterm-bg: #DFEFFF;
  --unreleased-bg: #ffeaff;
  --char-hamburger: '\e82f';
  --char-close: '\e811';
}
body {
 font-size:14px;
}
.bd-zoomFullscreen table#cont {
	overflow: hidden;
	margin:0 !important;
  width:100% !important;
}
.bd-zoomFullscreen main .middleContent {
  padding:0;
  border:0;
  margin:0;
}

.zeroresultMsg {
	line-height:1.5em;
	margin-bottom:1em;
}

/* tab tpage */
.pageocr {
	font-family: serif;
}
.pageocr.plain {
  padding: 3em 1em;
}
.pageocr.plain > div {
  margin-left: auto;
  width: 96%;
}
.pageocr.plain .line {
  line-height:1.25em;
}
/* wiki general */

.wiki .align-center {
  text-align: center
}
.wiki .align-right {
    text-align: right
}
.wiki-left p, .wiki-bottom p {
	padding:0;
	margin:0;
}
.wiki-center.vl-widget ol, .wiki-center.vl-widget ul {
	padding:0;
	margin:0;
}
.wiki-center > ol, .wiki-center > ul {
	padding-left:20px;
	margin-bottom:1em;
}
/* above: this interferes with releaseHistory or allDocuments parts (containing listNavigation), that are declared in (home) wikis
   below: fix this */
.wiki .listNavigation ul.menue {
	padding-left:0;
}

.wiki .vls-list {
	padding-left:0;
}
/* employing <classification/> on a struct-id wiki */
.wiki ul#classificationChildList {
	padding-left:4px;
	margin-bottom:1em;
}

/* Double underline extension.  */
.wiki u.double {
    /* Edge lacks it text-decoration-style: double;*/
    border-bottom: 1px solid #000;
}

/* wiki */


/*wiki-info */

.formWikidata {
	padding:1em 0;
}
/* wiki-pagetext */

.ocr_line + .ocr_line:before {
    /* via xsl span[@class = 'ocr_line']/span
    content: '';*/
}
/* hocr */
.ocr_page {
}
.ocr_page .ocrx_block {
}
p.ocr_par {
}
.ocr_line {
  display: block;
}

#transcriberLandingpage {
}
#transcriberStatusinfo {
}

#wikipreview {
	padding-left:10px;
}
.wiki-pageimg {
}
.wiki-pageframe {
}
.wiki-pagetext.empty-yet {
  /*opacity:.7*/
}
.wiki-pagetext {
	line-height: 1.5em;
	padding:10px;
}
.wiki-pagetext .wiki article {
  display: block;
}
.wiki-pagetext .wiki article > * {
  padding: 0;
}
.wiki-pagetext .wiki article ol, .wiki-pagetext .wiki article ul {
  padding-left: 2em;
}

.transcriber-info {
	padding:10px;
}
.transcriber-info > .authby {
	font-size:.9em;
	color:#888;
}
.transcriber-info > .by-other {
  font-family: monospace;
  background-color:#fafafa;
  border:1px solid #ddd;
  border-radius:2px;
  padding:.2em .4em;
  margin:.0 0 .5em
}

#wikipreview.wiki-pagetext {
	border:0;
}
.wiki-pagetext * {
}
/* though p should have been replaced by div.cont meanwhile */
.wiki-pagetext div.cont, .wiki-pagetext p {
	margin-bottom:0;
}
.wiki-pagetext h2 {
}
.wiki-pagetext .footnotes {
	font-size:.9em;
}
.wiki-pagetext.centered-msg > .no-transcription-yet, .wiki-pagetext.centered-msg > .transcription-in-progress {
	align-self: center;
  margin: 0 auto;
  flex-grow: 0;
}
.wiki .column-wrapper {
	overflow: auto;
}
.wiki .column-left {
	width:50%;
	float:left;
}
.wiki .column-right {
	width:50%;
	float:right;
}
.wiki-leftmargin {
	margin-left: 220px;
}
#wikipreview .wiki-leftmargin {
	margin-left: 25%;
}
.wiki-rightmargin {
	margin-right: 220px;
}
#wikipreview .wiki-rightmargin {
	margin-right: 25%;
}
.notes-leftmargin, .notes-rightmargin {
  width:200px;
  display:inline-block;
  vertical-align:top;
  /* We have to reset all formatting that may be inherited
    from the surrounding inline text.  */
  text-align: left;
  text-decoration: none;
}
ol .notes-leftmargin {
  /*compensate for 20px list padding*/
  margin-left:-240px;
}
ol .notes-rightmargin {
  margin-right:-240px;
}
.notes-leftmargin {
  margin-left:-220px;
  float:left;
  clear:left;
}
.notes-rightmargin {
  margin-right:-220px;
  float:right;
  clear:right;
}

#wikipreview .notes-leftmargin, #wikipreview .notes-rightmargin {
	width:22%;
}
#wikipreview .notes-leftmargin {
	margin-left:0;
}
#wikipreview .notes-rightmargin {
	margin-right:0;
}
.wiki ul > li > p {
	margin:0;
	padding:0;
}
.wiki .notes-paren { display: none; }

.wiki .rot90 {
    transform: rotate(-90deg);
    transform-origin: 0% 0%;
}

/* end wiki-pagetext */

.wiki-urnresolving p {
	/* this would be overridden by .wiki p */
	margin-top:.5em !important;
	margin-bottom:0;
}

/* Wiki Table of Contents, based on Mediawiki.  */
.wiki .toc {
  display: inline-block;
  background-color: #F9F9F9;
  border: 1px solid #ccc;
  font-size: 95%;
  margin: 1em 0;
  padding: 5px;
}

.wiki .toc h2 {
  border: medium none;
  display: inline;
  font-size: 100%;
  font-weight: bold;
  padding: 0;
}

.wiki .toc .toctitle {
  text-align: center;
}

.wiki .toc ul {
  list-style-image: none;
  list-style-type: none;
  margin: 1em 0 0.5em 0;
  padding: 0;
  text-align: left;
}

.wiki .toc ul ul {
  margin: 0 0 0 2em;
}

/* Wikitable, based on Mediawiki.  */
.wiki table.wikitable {
  margin: 1em 0;
  background-color: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
  color: black;
}
.wiki table.wikitable > tr > th,
.wiki table.wikitable > tr > td,
.wiki table.wikitable > * > tr > th,
.wiki table.wikitable > * > tr > td {
  border: 1px #aaa solid;
  padding: 0.2em;
}
.wiki table.wikitable > tr > th,
.wiki table.wikitable > * > tr > th {
  background-color: #f2f2f2;
  text-align: center;
}
.wiki table.wikitable > caption {
  font-weight: bold;
}

/* end wiki */

/* various */
.unreleased {
	opacity: 0.7;
	background-color: var(--unreleased-bg);
}
.searchterm {
	background-color: var(--searchterm-bg);
}
.vl-pageview-controls .searchterm {
    background-color: rgba(255, 255, 255, 0.35);
}

p.indent {
	margin-left:2em;
	text-indent:-2em;
	margin-bottom:.7em;
	line-height:1em;
}
.bold {
	font-weight:bold;
}
.uppercase {
	text-transform:uppercase;
}

a {
	outline:0;
}

/* searchTheBook */

.td-searchTheBook {
	white-space: nowrap;
}
/*this is applied on pageview*/
#menuSearchTheBook {
	margin-bottom:5px;
}
#menuSearchTheBook #inputSearchTheBook {
	width:auto;
}
/*this is applied on titleinfo*/
.searchTheBook {
	float:right;
	margin-left:4em;
} .listNavigation .searchTheBook-search {
  margin-left:0;
} .listNavigation .searchTheBook-search form {
    display: flex;
}
.searchTheBook-pageview {
}
.searchTheBook-metadata {
}
.searchTheBook-structure {
}
.searchTheBook-titleinfo {
}
#searchTheBook.ly-page-fragments {
  margin-left:0;
  float: none;
}

#inputSearchTheBook {
	width:auto;
}
#submitSearchTheBook {
	width:28px;
	width:32px;
}
/* end searchTheBook */


/*linkDetailedsearch*/

/*quicksearch */
button#quicksearchSubmit {
  background: transparent;
  padding:0 .5em;
  border:0;
}
.searchglass {
  background: transparent;
}
.searchglass:before {
  content: '\E81F';
	font-family: 'fontello';
}

input.disabled#quicksearch {
	opacity: 0.5;
}

input[type='text'] {
  font-family: var(--inputfont);
}

input[placeholder] {}

/*this is css for image buttons*/
input.imageButton {
	cursor:pointer;
	font-size:0px;
	color:transparent;
	background-color:transparent;
	border:0;
	padding:0 2px;
}
form.searchform {
	display:inline;
}
#quicksearchWrapper {
    display: inline-block;
}
#linkDetailedsearchWrapper {
	text-align:right;
	margin:0 5px
}
.wiki .mainsearch {
	display:block;
}
/* align form and following detailsearch link*/
#defaultTop .mainsearch {
	vertical-align:middle;
	margin:0 1.3em;
	display: inline-block
}

.colmain #mainsearch {
	margin-bottom:1em;
}
#mainsearch {
	border:1px solid #ccc;
	border-radius:1px;
}
#mainsearch td {
	padding:0;
	vertical-align:middle;
	font-size:11px;
}
#mainsearch input {
	font-family:Arial,sans-serif;
	border:0 none;
}
#mainsearch input.text {
	width:400px;
	font-size:16px;
	padding:3px;
}
#mainsearch input.submit {
	background-color: transparent;
	border-left:1px solid #ddd;
	width:60px;
	font-size:15px;
}
#mainsearch td.ms-submit.text {
	background:transparent url(/domainresource/static/graphics/bgSubmit.gif) repeat-x scroll 0 0;
  background-size: cover;
}
#mainsearch td.ms-submit.image {
	width:34px;
	text-align: center;
}
#mainsearch input.imageButton {
	width:26px;
	height:21px;
    background: transparent url(/static/graphics/searchglass-2.png) no-repeat;
	border:0;

}
/*#mainsearch td.space-to-options {
	width:1em;
	border-left: 1px solid #ccc;}*/
#mainsearch td.options {
	border-left: 1px solid #ccc;
	min-width: 10em;
}
#mainsearch td.options a {
	color:#333;
	padding:.5em 1em;
}
/* end search */


/* tab pages */

#pagesbar {
	height:30px;
	background-color:#ddd;
	position:absolute;
	top:0;left:0;right:0;
	z-index: 10;
}
#pagesbar .controls {
	float:right;
}
#pagesbar #navPath {
	display:inline;
}

/* end tab pages */



/* extraTabs */

#navPort #extraTabs {
	float:right;
}
#navPort #extraTabs.breadcrumbs, #navPort #extraTabsLeft {
	float:left;
}
/*moodle*/
.indexControls select.change {
	margin-right:0;
}
/* pageview - -  #navPort .controls */
.naviControls, .resizeControls, .rotateControls, .debugControls, div#fullScr {
	margin-left:15px;
	padding-top:1px;
}
.topNav, .bottomNav {
  float: none;
  margin: 0;
  padding: 0;
}

.titlenaviControls {
	float:right;
}
.goZoomControl {
}

.drop {
	margin:auto .2em;
}
#sortByDropdown, #maxDropdown, #sortOrderDropdown {
}
.listNavigation #sortByDropdown {
	width:100%;
}

/* mainheaderNaviBox */
#mainheaderNaviBox {
	padding:0;
}
#mainheaderNaviBox-after.mainheader {
	font-size: 1em;
	clear: left;
	margin-top: -1em;
  margin-bottom: 1em ;
}

#mainnaviSortBox, #mainnaviControls, #mainnaviMax {
}

.mainnaviElement {
	display:inline-block;
	vertical-align:top;
	margin:0 .3em .3em 0;
	min-width:13em;
}

#mainheaderNaviBox > div:last-of-type {
	margin-right:0;
}
#mainnaviControls .naviControls {
  margin:0;
  padding-top:0;
}
#mainnaviControls .nodrop {
  font-weight:normal;
}
.mainnaviCaption {
  font-weight:normal;
  font-size:11px;
}
.mainnaviElement select {
	width:10em;
}
#mainnaviControls.mainnaviElement select {
	margin: 0;
  width:auto;
}
/* end mainheaderNaviBox */


/* PORTAL BREADCRUMBS */

.portalBreadcrumbs {
	border-bottom:1px dotted #999;
	/*do not employ margin bottom as affects listNavigation position*/
	margin-bottom: 0;
}
.portalBreadcrumbs.noListNavigation-margin {
	/*margin-bottom: 1em;*/
}

#navPort .portalBreadcrumbs {
	border:0 none;
}
.portalBreadcrumbs .item {
}
.portalBreadcrumbs .item:first-child {
	padding-left:0;
	background:none;
}

.portalBreadcrumbs .lastItem {
}
#indexNavPath .firstItem {
}
.breadcrumbNext {
	padding:0 2px;
}
span.breadcrumbNext + span.breadcrumbNext {
  display: none;
  }

/*MAIN CONTENT*/

.colleft, .colmain, .colright, .leftcol, .maincol, .rightcol {
	padding-top:15px;
	padding-bottom:1em;
}
/* use these in order to define widths */
#leftContent {}
#rightContent {}

.colmain, .maincol {
	padding-left:15px;
	padding-right:15px;
}

.colleft, .leftcol {
	padding-left:10px;
}
.colright, .rightcol {
	padding-right:10px;
}

/* headers */
h4.menuheader {
	font-weight:normal;
	font-size:1em;
	margin:0;
}
.menuheader, .mainheader, .subheader {
	padding:.3em .4em .2em 2px;
}
li.heading .subheader, #titleInfoMetadata .mainheader {
	padding-left:0;
}
.menuheader, .mainheader, .subheader {
	font-weight:bold;
	color:#555;
}
legend.mainheader {
	border:0;
}
.menuheader {
	padding-left:.4em;
}

/* menuboxes */

.menubox {
	margin:0;
	padding:.2em 0;
	padding-bottom:.5em;
	border:1px solid #f0f0ec;
	margin-bottom:15px;
}
.menubox a, .menubox div {
	padding-right:.5em;
	margin:.5em .5em 0;
	word-wrap: break-word;
}
#vls_sourceDataFound {
	word-break: break-word;
}

#facetData .menubox a, #facetData .menubox div {
}
.listNavigation.relatedItemListNavigation .menubox a {
}
.menubox a {
	display:block;
}
.menubox a.inline {
	background: none !important;
	padding: 0 !important;
	text-decoration:underline;
}
/* menuboxDeliverer */
.menuboxDelivererSeparator {
	display:none;
	font-size:0px;
	border-bottom:1px solid #ccc;
	margin:8px 0 3px !important;
}

.menuboxDeliverer .menubox .address {
	background-image:url(/static/graphics/hmc.png) !important;
	background-repeat:no-repeat !important;
	padding-left:24px !important;
	margin-left:0px !important;
}
.menuboxDeliverer .menubox .address-home {
	background-position: 6px -128px !important;
}
.menuboxDeliverer .menubox .address-email {
	background-position: 6px 2px !important;
}
.menuboxDeliverer .address-contact {
	background-position: 6px -239px !important;
}
.menuboxDeliverer .address-phone {
	background-position: 6px -302px !important;
}
/* menuboxDomainbox */
/* neutralize additive indents in tree-style div[div|a] */
.menuboxDomainbox-tree div, .menuboxDomainbox-tree a {
	margin-top:0;
	padding-top:0;
	margin-right:0;
	padding-right:0;
}
.menuboxDomainbox-tree > ul > div {
  margin:0;
  padding:0;
}
.menubox a.sel {
	font-weight:bold;
}

.menubox a.external {
	padding-right:13px;
}

.subheader {
	border-bottom:1px solid #ccc;
}
.bd-nav .subheader {
	margin-top:1.7em;
  margin-bottom:.7em;
}
.bd-nav-inventory .subheader {
  margin-top:initial;
}
/* legacy static pages / newfrom */

.header, .newfrom {
	color:#666;
	font-weight:normal;
} .yearList .header {
	color: initial;
}
div.item, .newfrom {
	font-size:1em;
}
.newfrom {
  margin-top:2em;
  margin-bottom:1.25em;
}
.newfrom:first-of-type {
  margin-top:0em;
}
/*deprecated*/
div.header {
	font-size:1.14em;
}
/*deprecated*/
div.pageResHeader {
	color:#666;
}
/* deviant browser-defaults for : any(article,aside etc) h1  { font-size } */
h1 {
	font-size:2em;
}
h2 {
	font-size:1.5em;
}
/* header margins */

.wiki > article h1:first-of-type, main > h1:first-of-type, table.titleInfo .tdMainheader > h1.mainheader {
	margin-top:0;
} /* if margins are required, put these at */ .centerWiki {
}
.mainheader#classificationChildListHeader {
	margin-top:1em;
}

.mainheader#structureMainheader, .mainheader#classificationNavPath,
.mainheader#indexNavPath, .mainheader#releaseHistoryHeader {
}
#structWikicontentSeparator {
	margin-bottom:1em;
	padding:0
}
#structWikicontentSeparator .mainheader {
}
/* header margins end */

#firstLetter:first-letter {
	font:1.7em Arial;
	color:#666;
}

/* */
.infoDiv-inline {
	display:inline-block;
	width:30%;
	vertical-align:top;
	padding:0 1em 1em 0;
	margin:0 1em 1em 0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.infoDiv .label {
	font-weight:bold;
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
}
.miniTitleinfo .bdata > div, .infoDiv > div {
	margin-bottom:.5em;
}

.nps-item, .nameItem, .placeItem, .subjectItem {}
.nps-item .nps {}
.nps-item .nps-details {}


.infoDiv .title, .infoDiv .address {
  font-size: 1.1em;
}
.nps-item h3 {
  margin-bottom: 0;
}
.miniTitleinfo .title, .nps-item .nps {
  font-size: 1.2em;
}
.bd-tableLayout .miniTitleinfo > * {
  margin-bottom: .35em
}
.miniTitleinfo .subTitle {
}
.miniTitleinfo .author {
}
.miniTitleinfo .physicalDescription {
}
.miniTitleinfo .origin {
}
.miniTitleinfo div.shelfLocator {
}

.mdIndexPages {
}
.wr-plain-search {
  background-color: white;
}
.frag.plain-search {
  padding: .5em;
  border: 3px solid #f8f8f8;
  border-top:0;
}
.wr-plain-entity {
  margin-top: .65em;
}
.wr-plain-entity:first-of-type {}
.wr-plain-entity {
  max-width: 61em;
}
.plain-entity.line {
  margin-top:.35em;
}
.frag.plain-entity {
  padding: .5em;
  border: 3px solid #eee;
  border-radius: 6px;
}
.frag a {
  display: flex;
  position: relative;
}
.frag a.plain-entity {
  display: block;
}
.frag a img {

}
.vls-list li a.page {
	display:inline;
	margin:0;
}
.morepages {
  margin-top: 0.5em;
  cursor: pointer;
  color: #444;
  font-weight: normal;
  text-transform: none;
  font-size: 0.95em;
  letter-spacing: 0px;
}
.morepages:before {
  display: inline-block;
  font-family:Helvetica, Arial;
  font-size: 1.1em;
  font-weight: bold;
  width: 1.4em;
  padding-top: 0.05em;
  margin-right: 0.45em;
  border-radius: 2em;
  border: 1.35px solid #89a;
  text-align: center;
  color: #89a;
}
.morepages a {
  color: #444;
}
.showaller:before {
  content:'>';
}
.fragtoggler:before {
  content:'+';
  transform: rotate(45deg);
}
.fragtoggler.open:before {
  /*color: #9ab;*/
  transform: rotate(0deg);
}
div.inlineLink, ul li > a.inlineLink, #div-titleinfo a.inlineLink {
	cursor:pointer;
	color:#999;
	/* this destroyed justified aligment of paginationcaptions with/out pdf-Link .. margin-right:1em;*/
	margin-right:0;
	margin-top: -1px;
	float:right;
}
ul.pageList li a.inlineLink {
	margin-right:0;
}
.paginationcaption {
  float:right;
  margin-left: 4px;
}
.paginationcaption > .phys {
}
.paginationcaption > .log {
}
.listInfo {
	color:#999;
	font-size:11px;
}

.resourceLink {
}
.debugPdfActions {
	z-index:10;
	position:absolute;
	display:none;
	padding:2px 6px;
	margin-top:-1.5em;
	border:1px solid #ccc;
	background-color:#fff;
	right:0;
}
.itemCount {
}
/* classification */
.metaDataCount {
	white-space: nowrap;
}

#menuboxFirstCollectionLevel a.collection {
}
#menuboxFirstCollectionLevel a.level-1 {
}
#menuboxFirstCollectionLevel a.level-x {
}
#menuboxFirstCollectionLevel div.toggle {
	cursor:pointer;
}
#menuboxFirstCollectionLevel div.toggle img {
	background-image:url(/static/graphics/listicons/toggleRight-sw.png);
}
#menuboxFirstCollectionLevel div.toggled img {
	background-image:url(/static/graphics/listicons/toggleDown-sw.png);
}
#menuboxFirstCollectionLevel div a {
	margin-left:22px;
}
#menuboxFirstCollectionLevel .mdCountAll {
}
#menuboxFirstCollectionLevel .mdCount1st {
}

div.msgNoEntries {
}

div.msgEmpty {
	margin:2em 4px
}
div.msgEmpty span {
	color:#666;
	padding:1em;
	border:1px solid #ccc;
}

/* structure */

div#structure {
}
/* titleInfo */
#titleinfoImageAdd {}

#div-titleinfo.type_journal_issue {}

#titleinfo td:first-child {
    padding-right: 1em;
}
#td-titleInfoImage {
	width:306px;
}
#titleinfo {
	width:100%;
}
#td-titleInfoMetadata {
	width:100%;
}
#titleInfoImage a {
  display: block;
}
#titleInfoImage img {
  border:1px solid #EEEEEC;
}


.titleInfo td.name, table.nps-details td:first-child {
	color:#666;
	width:30%;
}
.nps-details {
	margin-bottom: 1em;
}
.titleInfo {
	margin-bottom: 1em;
  padding:0;
	width:100%;
}

table.titleInfo .tdMainheader {
	padding-bottom:3px;
}
table.titleInfo .tdSubheader {
	padding-bottom:1px;
}
table#titleInfoMetadata {
}
	tr#titleInfo td, tr.relatedItemTitle td {
		padding-top:1em;
	}
.bd-oaPeriodical #titleInfoWikiAbstract {
	margin-top:2em;
}
table#titleInfoWikiAbstract p, table#titleinfoCustomNotice p {
	margin-bottom:.5em;
}
table#titleInfoClassification {}

table#titleInfoLinks {}

#titleInfoLinkActions {}
#I3FViewerLinksOpener {
  display: none;
}
table#titleInfoWikiAbstract .wiki .subheader {
	margin-bottom: 0.4em;
}

table#titleinfoGoStructure {}

table#titleinfoCustomNotice {}

table#titleInfoTomes {}
table#titleInfoTVolumes {}
table#titleInfoIssues {}

table#td-titleinfoProjectInformation .grantor_subheader {
	font-weight: bold;
}
table#td-titleinfoProjectInformation .grantor_data {
	margin-left: 2em;
}
table#td-titleinfoProjectInformation .grantor_data .name {
	font-weight: normal;
}

tr#mods_originInfoEditionElectronicEdition > td {
	padding-top:1em;
}
.nps-details  {
  margin-top: 1.2em;
  margin-bottom: 1.5em;
}
.nameDetails .namedata {

}
.namedata .persname {
  font-size: 1.25em;
}
.lifedata {
  margin: .25em 0 0 .075em;
}
.titleAdd > *, .nps-details, .titleInfo td:first-child {
}
.titleInfo td.tdSubheader:first-child {
  padding-left: 0;
} td.tdSubheader .subheader {
  margin-bottom: .32em;
}
.datacol .nav > li > *,
td.name, td.value, .nps-details td,
td.titleLinks, td.titleLinksLast {
	padding-top:.25em;
  padding-bottom:.25em;
}
.datacol .nav > li > *  > * {
  padding-bottom:.25em;
}
.titleAdd li:last-child {
  margin-bottom:0;
}
.datacol .inventoryNav li > * {
  padding: 0;
}
.datacol .inventoryNav li {
  margin: .65em 0;
}
.datacol img.list {
  padding: 0;
}
.namedata {
  padding-top: 0;
}
#div-titleinfo *.value div.subject {
  padding: 0;
}

table.nameDetails td.name {
}
.mainheader#nameDetailsHeader {
	margin-bottom:.5em;
}
.titleLinks {
	position: relative;
}

.titleInfoMetadataChildren .col1, .titleInfoMetadataChildren .col2 {
	padding-right:16px;
}
table#titleInfoTableOfContents p {
	margin-bottom:.5em;
}
div.titleinfoBox {
	margin-left:4px;
}
#titleinfo .value .value {
	padding-bottom:.5em;
}
#titleinfo .value .value:last-child {
	padding-bottom:0;
}
td.value div.valueDiv {
	padding-bottom:0;
}
td.value div.valueDiv-0 {
	padding-bottom:0px;
}
td.value div.valueDiv-3 {
	padding-bottom:3px;
}
td.titleinfoLinkAction div#networkOpac {
	padding-top:.5em;
}

.titleChild a {
	display:block;
}


#textData {
	width:100%;
	margin-top:1em;
}
img.icoTypes {
	border:0;
	vertical-align:middle;
	margin-right:6px;
}

span.npItem {
	color:#666;
	white-space:nowrap;
}


/* navPath */
#navPath {
	margin-bottom: 3px;
	margin-right: 25px; /*compensate arButton negative */
}
.structure-layer-navPath#navPath {
  clear: both;
}
.waitLoading {
	color:#777;
	font-size:12.6px;
}
.pageviewStructure-tree {
	position:absolute;
	display:none;
	overflow:auto;
	z-index: 120;
	background-color:#fff;
	border-radius: 0 3px 3px 0;
	border: 1px solid #999;
	/*box-shadow: 6px 7px 8px 1px #777;*/
	padding:6px 10px;
}
#classificationLevel a, #classificationChildList a, .pageviewStructure-tree li > a {
	margin-right:.9em;
}
#domainChildList.vls-list li > a, #navPath .struct-list li > a {
	margin-right:0;
	display:block;
}
#navPath form, #navPath span, #navPath a, #navPath div {
	display:inline-block;
}
/* set margin-bottom for dropdowns. with long paths these will wrap around */
#navPath select.change, #npSingle {
	margin:0 0 4px 0;
}
.npItem {
	margin:0 6px;
}
.npNext:before {
  content: ' >';
}

/* #npSingle - old-style: templating.navPath.layout = 'dropdowns' */
#navPath div#npSingle {
	background-color:#fff;
	padding:0 .25em;
	border:1px solid #a8a8a8;
	-moz-border-bottom-colors:#f0f0f0;
	-moz-border-right-colors:#f0f0f0;
	-moz-border-radius:2px 2px 2px 2px;
	/*-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;*/
}
#navPath div#npSingle a {
	color:#000;
	margin:0;
	line-height:15px;
	text-decoration:none;
}
#navPath div#npSingle a:active {
	background-color:#3399FF;
	color:#fff;
}
div.activeDropdown, select.active {
	-moz-box-shadow: 0 0 2px 1px #7396DF;
	-webkit-box-shadow: 0 0 2px 1px #7396DF;
    box-shadow: 0 0 2px 1px #7396DF;
	border: 0.1px solid #7396DF\9;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#7396DF')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#7396DF');
}

/* navPathClassification */

.addClassificationNavPath {
}
.addClassificationNavPath > * {
  display: inline-block;
}
.addClassificationNavPath > .breadcrumbNext {
  padding: 0 .25em;
}
/*bottomNav*/

.bottomNav {
	padding-top:2.2em;
}
/*historySlider*/

ul#thumbList {
	padding-left:0 !important;
}
ul#thumbList li {
}
ul.thumbList img {
}
#thumbView, #imageGrid {
  /* ul#thumbView has native margin-block-start: 1em */
}
#imageGrid {
	width:100%;
  border-collapse: collapse;
}
#imageGrid td {
  border:1px solid #ccc;
}
.pt-img {
  width: 50%;
}
.pt-txt {
  /*width: 50%; */
}
#thumbGrid {
	width:100%;
}
table#thumbGrid td {
	min-width:0;
	border:1px solid #eee;
	text-align:center;
	padding:6px 6px 0 6px;
}
table#thumbGrid td.spacer {
	border:0;
	padding:3px;
}
table#thumbGrid td .pagin {
	/* display:inline; border-bottom:1px solid #ccc;*/
	margin:-1px 0;
	border:1px solid transparent;
	border-bottom:0;
	text-align:center;
	color:#666;
	font-size:12px;
	white-space:nowrap;
}
table#thumbGrid td a img.restricted {
	background: #f5f1db url(/static/graphics/error/imageRestricted-thumb.png) 50% 50% no-repeat;
    background-size: 100%;
}
table#thumbGrid td a img {
	border: 1px solid #eee;
}
table#thumbGrid td.thumb_sel a img {
	border:1px dotted red;
}
table#thumbGrid td.thumb_sel div.pagin {
	font-weight:bold;
	color:#c00;
}
#pages {
	position:absolute;
	background-color:#ddd;
	overflow:auto;
}
/*pageView*/

#imageGrid td > div.relative-holder {
	/* editor-ctrls */
	display:flex;
	position:relative;
}
a#singlePageImageLink {
	position:relative;
	display:flex;
}

img#singlePageImage.restricted {
    background: #f5f1db url(/static/graphics/error/imageRestricted.png) 50% 50% no-repeat;
    background-size: 100%;
}
#singlePageImageLink div.restrictedText {
	position: absolute;
    color: rgb(173, 168, 151);
    font-size: 1.9em;
    text-align: center;
    top: 15%;
}
.markLink {
	/* see above line-height:0; */
	line-height: initial;
}
.bd-pages-thumbview .colmain {
	empty-cells:show;
}
div.markTerm {
	position:absolute;
	background-color: #c9db6c40;
	z-index: 1; /* should be larger than #singlePageImage*/
	display:none; /* will be shown after image load */
}


/* detailsearch */

table.sruForm {
	border-top:0;
	width:100%;
}
.sruForm .sruFormFields {
	width:63%;
}
.sruForm .sruFormInfo {
	width:33%;
}
.sruFormFields td.sruTerm, td.sruTerm input[type='text'], .sruForm #setDomains select {
	width:100%;
}

table.sruForm th {
	color:#666;
	font-weight:normal;
	white-space:nowrap;
	padding-top:.4em;
	text-align:left;
}
table.sruForm th select {
	width:100%;
}
table.sruForm th, table.sruForm fieldset#outputOptions th div {
	padding-bottom:4px;
}
table.sruForm td {
	vertical-align: top;
}
table.sruForm td.filterOptions {
	padding-bottom:1em;
}

.deformFormFieldset fieldset {
	margin:0;
	padding:0;
	border:0;
}
.deformFormFieldset legend {
	font-size:16px;
	padding:10px 0;
}

.sruForm fieldset,
.deformFormFieldset > ul > li > fieldset {
	margin: .7em 4px;
	padding: 0 15px 10px 10px;
	border:2px solid #ddd;
	border-radius: 3px;
}
.sruForm fieldset:nth-child(1) {
	margin-top:0;
}

.sruForm legend,
.deformFormFieldset > ul > li > fieldset > legend {
	font-size:1.25rem;
	color:#333;
	padding:10px .3em;
}

.sruForm input.filled {
	background-color:#DFEFFF;
}
.sruForm select, .sruForm input {
	font-size:1em;
}
input#vlFulltext, input#vlAny {
	width:100%;
}
table.sruForm select.sruBool {
	min-width:4.4em;
}
.sruForm select.sruIndex  {
	/*width:10em;*/
}
.sruForm div.sub {
	margin-bottom:4px;
	font-size:1em;
	color:#666;
}

table.sruForm td#tdSubmit {
	vertical-align:top;
	height:2.5em
}
#outputOptions .submit {
  display: none;
}

/* esa detailsearch */
#detailsearchForm .formfield {
	width:130px;
}

input.resolving {
	width:100%;
	font-size:1em;
}
/* splash-Box / purn box ( retained #copyPurn style for backward compatibility ) */

a.showbox, a.hidebox {
	cursor:pointer;cursor:hand;
}
div#sbox {
	background-color:#fff;
	text-transform: none;
	font-weight:normal;
	font-family:"Helvetica Neue",Arial,sans-serif;
	display:none;
	position:absolute;
	margin-left:-220px;
	margin-top:-7px;
	width:220px;
	border:1px solid #bbb;
	border-top:1px solid #ddd;
  box-shadow: 3px 3px 16px hsla(0, 0%, 0%, 0.3);
	border-radius:0 0 4px 0;
	padding:0;
	z-index:2000;
  white-space: normal;
}

div#sbox div#plFrame {
	background-color:#fff;
	padding:8px;
}
div#sbox div#plFrame {
	background-color:#fff;
	color:#555;
}
div#sbox div#plFrame > div {
	font-size:11px;
	padding:3px;
}
div#sbox .sboxHeader {
	font-size:11px;
	font-weight:bold;
	color:#444;
	padding: 3px 8px 2px;
	background-color:#f6f6f6;
	border-bottom: 1px solid #eee;
}
div#sbox input, div#sbox input {
	margin:3px 0 0;
	width:196px;
}
#extraTabs a.hidebox {
	width:14px;
	margin:2px 2px 0 0;
	font-size: 10px;
	padding:0;
	text-align:center;
	color:#fff;
	background-color:#aaa;
	background-image:none;
	float:right;
	border: 0px solid #F8F8F8;
	border-radius:4px;
}
#extraTabs a.hidebox:hover {
	text-decoration:none;
	background-color:#777;
}

/* openlayers / tab zoom */

#map {
  background-color: hsl(50, 0%, 97%);
}
.bd-portal-zoom #map {
  width: 100%;
}


div.cloud {
	text-align: justify;
	font-size:1.3em;
}
div.cloud a.cloudItem {
	line-height:1.4em;
	padding-right:0.4em;
	vertical-align:middle;
}

#searchinfo {
	display:none;
}
#searchinfo b, #searchinfo strong {
	display:block;
	padding-bottom:.5em;
}
#searchInfoHeader {
  text-align: right;
}
#toggleSearchInfo, .resetSearch {
	cursor:pointer;
	white-space: nowrap;
}

#toggleSearchInfo img.infoIco {
	margin-bottom: -0.4em;
}
.substructureFile {
	display:block;
	margin-bottom:.3em;
}
.substructureFile:last-child {
	margin-bottom: 0;
}
#displayLicenseInfo .licenseTerms {
  vertical-align: middle;
  align-self: center;
}
#displayLicenseInfo .licenseTerms.name img.rsorg {
  height: 1.25em;
}
/*.licenseInfo, .wiki-pagetext .no-transcription-yet, .stateInfo */
.infoFly {
	color:#999;
	font-family:Trebuchet MS,Helvetica,Arial;
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
	padding:0 0 1px 0;
	display:inline-block;
	text-transform:uppercase;
}
/*.licenseInfo*/
.infoFly.licenseInfo {
	min-width:170px;
	margin-left:2em;
	text-indent: -5px;
}
.infoFly.right {
	float:right;
}
.infoFly.no-uppercase {
	text-transform:none;
}
.fulltextInfo-indicator, .stateInfo-indicator, .licenseInfo-indicator {
	margin:-2px 3px 0 0;
	display:inline-block;
	font-size:1px;
	vertical-align:middle;
	width:9px;height:9px;
}
.fulltextInfo-indicator {
	background-color:#0BBE49;
}

.licenseInfo-indicator-allowed-true {
	background-color:#0BBE49;
}
.licenseInfo-indicator-allowed-false {
	background-color:#F15B6E;
}
.licenseInfo-indicator-allowed-partial, .licenseInfo-indicator-vlreader-partial {
	background-color:orange;
}
/* Needs to come after .licenseInfo-indicator-allowed-true.  */
.licenseInfo-indicator-vlreader-true {
	background-color:#0BBE49;
}
.stateInfo-indicator-3 {
	background-color:#ffc107;
}
.stateInfo-indicator-0 {
	background-color:#0BB9E4;
}
.stateInfo-indicator-1 {
	background-color:#0BBE49;
}
.stateInfo-indicator-2 {
	background-color:#F15B6E;
}
.licenseInfo-accessmsg {}
.stateInfo-accessmsg {}

#resetSearchIcon, #resetSessionSearch {
	background:transparent url(/static/graphics/deletecell.png) no-repeat;
	float:right;
	width:16px;
	height:16px;
}
#resetSessionSearch {
	display:block;
}
#resetSearchIcon {
	margin:-34px -16px 0 0;
}
#resetSessionSearch a:hover {
	text-decoration:none;
}
#resetSearchText {
	color:#666;
	float:right;
	font-size:10px;
}
/*webkit*/
body:nth-of-type(1) #resetSearchIcon {
	margin:-16px -12px 0 0
}
#showSearchInfo, #hideSearchInfo {
	border-bottom:1px solid #ccc;
	padding-right:4px;
}
#hideSearchInfo {
	display:none;
}

#submitSearch {
	font-size:1em;
}
#submitSearch {
	margin-left:9px;
}
#resetSearch {
}

#alphaIndexSpacer {
	font-size:8px
}
#alphaIndexHeader {
	border-bottom:1px solid #ccc;
	margin:0 0 2px;
}
#alphaIndexHeader #indexDiv {
	display:inline;
	background-color:#bbc;
	color:#fff;
	font-weight:bold;
	padding:2px 4px 0;
	margin:0 4px 0 0;
}
.subjectlist {
}
.nameInfo a {

}
.publisherlist {
}
.distributorlist {
}
.yearList {
	border:0;
	margin-top:1.6em;
}
.yearList-layer {
	box-shadow: 6px 6px 16px 0px #999;
	margin-top:0em;
	position:absolute;
	display:none;
	background-color:white;
	z-index:1;
	border: 1px solid #ccc;
	padding: 1em;
	overflow-y: scroll;
}
.yearList > .century {
	font-size:1.2em;
	clear:left;
  padding-bottom:2rem;
}
.century > .header {
	font-weight:bold;
	margin-bottom:1em;
	font-size:1.2em;
}
.century > span, .century > div.oj {
	border-radius:1.5px;
	margin: 0.2em 0.2em;
	border: 1px solid #ddd;
}
.century > span {
	display:inline-block;
}
.century > div.oj {
	min-width: 2.1em;
	max-width: 34.3em;
}
.century *.avail {
	background-color: #f9f9f9;
	border-color:#bbb;
}
.century *.avail > a, .century div.oj a.avail {
	color: #666;
}
.century *.avail:hover {
	background-color: #fff;
	border-color:#999;
}
.century *.avail > a:hover, .century *.avail.sel > a,
.century div.oj a.avail:hover, .century div.oj a.avail.sel {
	text-decoration:none;
	color: #000;
}
.century div.oj a.avail {
	border-right:1px solid #ddd;
}
.century > *.avail.sel, .century div.oj a.avail.sel {
	background-color: #fff;
}
.century > *.avail.sel {
	box-shadow: 0px 0px 7px 0px #bbb;
}
.century > * > * {
	display:inline-block;
	padding: .2em .4em;
}
.century > span:nth-of-type(10n+1) {
	clear:left;
}
.century > span > span {
	color:#bbb;
}
.alphaIndexNav {}

.alphaIndexList {
	margin:10px 40px 10px 0;
}
form#searchList {
}
form#searchList > div {
	border:1px solid #bbb;
	height: inherit;
	border-radius:1px;
	margin-top:.2em;
	color: #999;
  background-color: white;
  display: flex;
  align-items: center;
  padding: 6px;
}
form#searchList > div > input.textinput {
  min-width:100px;
  flex: 1;
}
form#searchList input.textinput {
	margin-top: 1px;
	border:0;
	outline:none;
	padding:0 2px;
  font-size: 1em;
}
form#searchList input.submit, #quicksearchBoxSubmit {
	cursor: pointer;
	outline:0;
	width:19px;
	border:0;
	background:white url(/static/graphics/searchglass.png) no-repeat -2px -1px;
}
div.modifyDateResult {
	margin: 1em 0 0;
	padding-bottom:.3em;
	text-align:right;
	border-bottom:1px solid #ddd;
}
.modifyDateResult#toggleCalendar {}
.modifyDateResult#changeToJournalsVolumesIssues {}

.alphaIndexList .set {
	float:none;
	vertical-align:middle;
}
/*.alphaIndexList a, .alphaIndexList .noHits */
.alphaIndexList .set > * {
	display:inline-block;
	float:none;
	margin:0 2px 2px 0;
	font-family: Segoe UI, Verdana, Helvetica Neue, Arial;
	font-size: 1.15em;
  font-weight:bold;
	white-space:nowrap;
	color:#fff;
	background-color: #a9acaf;
	padding: 0 .633em .083em;
}
.alphaIndexList .noHits {
	background-color:#ddd;
}
.alphaIndexList a:hover, .alphaIndexList a.selected {
  text-decoration: none;
	background-color:#D9AF6C;
}
/* active denotes exactly the requested date/interval */
.alphaIndexList a.active {
	background-color:#d69300;
}
.alphaIndexList .set > * {
	padding: 0 .633em .083em;
}
.alphaIndexList .set > div.set {
	padding-left:2px;
}
.alphaIndexList #aindex-1 {
	font-size:1.1em;
}
.alphaIndexList #aindex-2 {
	font-size:1em;
}
.alphaIndexList #aindex-3 {
	font-size:.9em;
}

.alphaIndexList #aindex-1 {
	padding-left:2px;
}
.alphaIndexList #aindex-2 {
	padding-left:4px;
}
.alphaIndexList #aindex-3 {
	padding-left:6px;
}
.alphaIndexList #aindex-2 > * {
}
 .alphaIndexList #aindex-3 > * {
}

.bd-wiki-edit .colmain {
	padding-top:10px;
}
nav.navPort {
  position: relative;
}
.editfloat {
  right: 0;
  z-index: 1;position: absolute;
}

#toggleCalendar {
	margin-top:-10px;
	margin-bottom:10px;
}
#toggleCalendar a {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 3px;
	background-color: #bbb;
	color: white;
	font-weight: bold;
}

.leadingIco, .trailingIco {
	vertical-align:baseline;
	border:0;
	margin-bottom:-.2em;
}

#linkIdentifier {
	width:100%;
	border-width:0;
	padding:0;
	font-family:Verdana,Helvetica,Arial;
	font-size:1em;
}



div#yourQuerySubheader {
	margin-bottom:.5em;
}

/*qa tabs are displayed when logged in */
span#qa.tabgroup {
	border-left:1px solid #CCCBD7;
	margin-left:2em;
}
span#qa.tabgroup span.viewCtrl {
}

/* pageHits - sessionSearch */

table.metadataTable td {
	padding:10px;
}
.list-item {
	border-bottom:1px solid #ddd;
}
table.metadataTable td {
	border-top:1px solid #ddd;
	border-bottom:0px solid #ddd; /* px is overwritten inline */
}
table.metadataTable td.last {
	border-bottom:1px solid #ddd;
}
.list-item-last {
	border-bottom:0;
}
table.metadataTable td {
	empty-cells:show;
}
table.metadataTable td td {
	border:0 none;
	padding:.2em 0;
}
table.metadataTable td.thumb {
	padding:10px;
	padding-left:0;
	width:1%;
}
table.metadataTable td.thumb a {
	display:flex;
}


.addrow {
  width:100%;
  margin:10px 10px 10px 10px;
}
/*titleinfo only?*/
.addrow {
	flex-basis:100%;
}
td.mdrow-thumb {
  width:1%;
}
.mdrow-metadata > * .col {
  padding: 1em 1em 0 1em;
}
.mdrow-metadata a.view-all {
	color:#999;
	text-transform:uppercase;
}
/* assume cfg default */
.mdrow-metadata img {
	width:48px;
}
.thumbrow-entity {
  display: flex;
  flex-wrap: wrap;
}
.thumbrow-entity > *:nth-child(2) {
  align-self: start;
  padding: 0 2em;
  text-align: center;
}
.metadataTable td.thumb img {
	border:1px solid #ddd;
}
.sessionSearchHeader, .sessionSearchSubheader {
	display:inline;
}
.infoFly .hitInfo {
  float: none;
  display: block;
}
.hitInfo {
  float: right;
  display: inline-block;
  margin-left: 2em;
}
.hitInfo > div:before {
  content: '\2190 ';
}
.hitSummary {
	border-top:2px solid #eee;
	padding-top:7px;
}
.hitSummary .hsMsg {
}
#sessionTimeout {
	display:none;
}

#sortKeyLabel {
	font-family: Segoe, Helvetica, Arial;
	text-transform:uppercase;
	font-size:10px;
	float:left;
	color:#999;
	padding-top:2px;
}

#releaseHistoryTotal {
	float:right;
	margin:3px .7em 0 0;
}

div.wikisnippet {
}
div#linkActions {
}


ul.vlsDropdown {

}

#countTitlesHeader  {
}
.listNavigationBox {
}
/* employed in /publisher/list|view|*/
.options-righthand {
	float:right;
	background-color: #fff;
	padding: 0 20px 5px;
	border-left: 1px solid #999;
}
.options-righthand-div {
	border-radius:2px;
	padding: 5px;
}
.options-righthand-div .vlsControl.confirmUpload {
	background-color: hsla(72, 55%, 50%, 0.5);
}
.confirmIssueUpload, .finalizedIssueUpload {
    min-width: 12em;
	border-radius: 4px;
	padding: 0.1em 1em;
}
a.inlineLink.confirmIssueUpload {
	color: white;
	background-color: hsl(72, 60%, 50%);
}
a.inlineLink.finalizedIssueUpload {
	background-color: hsl(55, 65%, 90%);
}
a.inlineLink.finalizedIssueUpload:hover {
	cursor:text;
}
a.inlineLink.confirmIssueUpload:hover, a.inlineLink.finalizedIssueUpload:hover {
	text-decoration:none;
}
.options-righthand-div .vlsControl.confirmUpload {
	padding: 0.7em 1em 3em;
    margin-top: -2.8em;
	margin-left: -1em;
	border-radius: 4px;
}
.options-righthand-div .vlsControl.confirmUpload a {
	margin-top: 3em;
}
.options-righthand fieldset {
	border:1px solid #ddd;
}

.bd-publisher #div-titleinfo {
	margin-right: 280px;
}
.bd-publisher .options-righthand-upload {
	width: 210px;
}
.bd-publisher .options-righthand-upload-structure {
	/* compensate for negative -8em margin-right of a.form-ajax-edit Editieren-Link  */
	margin-left:110px;
}
.showAvailableFormtypes {
}
.publisherDocuments {
}
.publisherStats {
}
.mainheader-upload {
	margin-bottom:1em !important;
}
/* */
#listNavigation {
	float:right;
	background-color:#fff;
	margin-left:20px;
	width:auto; /* if the listNavigation-Element should behave like a column,
	the margin-right of .listNavigation-margin elements should equal it's width plus left-margin/padding
	see below  w*/
}
#toggleAllDetails {
  float: right;
  font-size: 1rem;
  cursor:pointer;
}
#searchResultNamesPlaces.listNavigation {
}

.listNavigation-margin {
	margin-right:auto
}
#listNavigation.relatedItemListNavigation.oversized {
	width: 35%;
}
.listNavigation.relatedItemListNavigation .menubox a {
}
/*
#listNavigation.relatedItemListNavigation.oversized .menubox a {
	display: inline-block;
	margin-right: 4%;
	vertical-align: top;
	width: 45%;
}*/
.listNavigation .listNavBox {
}
.listNavigation div#facetDataMainheader {
}
#fdmhead {}
#fdmclear a {
  cursor: pointer;
}
.toggleListNavigation .listNavBox#countTitlesHeader {
	display:inline-block;
}
.listNavigation .menusection > * {
	/* padding-left:3px; */
}
#facetData a.toggle-facetitems {
  display: block;
}
#facetData a.sel .itemCount:after {
    content: ' | \2A2F\00a0';
}
#facetData a.expand-facetitems:before {
	content:'\2193\00a0'
}
#facetData a.reduce-facetitems:before {
	content:'\2191\00a0'
}
#facetData .clearFilter {
	/*margin-top: -3px; margin-left: 4px;*/
}

.listNavigation .menuheader {
	margin-top:1em;
}
.listNavigation .menubox {
	margin-bottom:0;
	padding:3px;
}
.listNavigation .menubox .itemCount {
	margin-left:2px;
}
#facetData .menubox a, #facetData .menubox div {
	background-image:none;
	padding:0;
	margin:1px;
	padding-right: 0;
}
#facetData .clearFilter {
	display: none;
  float:right;
	margin-right:-16px;
	width:16px;
	height:16px;
	background:transparent url(/static/graphics/clear.png) left 1px no-repeat;
	display:inline-block;
}
#facetData .menubox a.fullFacet{
	border-top:1px solid #ccc;
	text-transform:uppercase;
	font-size:10px;
}
#facetData .menubox a.fullFacet, #facetData .menubox a.fullFacet:visited {
	color:#666;
}
#fullFacetList  {
	margin-left:4px;
}
#fullFacetList div.box {
	margin-left:0;
}
#fullFacetList .header {
}
#fullFacetList .box {
}
#fullFacetList .header a#backToFacetResult {
	float:right;
    font-weight: bold;
}
#fullFacetList .box a {
	display: block;
	padding: .25em 0;
}

.noImageSupplied-transparency {
	background: #B08D3C url('/wisom/domainimage/error/noImageSuppliedThumbTransparent.png');
  aspect-ratio: 1;
}
.transparencygrey {
	background-color:#999;
}
a:link.grey, a:visited.grey {
	color:#999;
}
/* end keep */


.middleContent {
	height:100%;
	/*max-width: px;*/
}

#changeSearch {
	float:right;
}

.domainBox {
}
.icon-share  {
  cursor: pointer;
}
.icon-share > span {
  display: none;
}
.shariff li a {
  min-height: 30px;
  padding: 0em 0px;
}
#pageFragments {
}
.pageFragment {
	display:block;
	margin-bottom:20px;
	height:auto;
	border:1px solid #DDDDDD;
}
.pageFragment-header {
	background-color:#fafafa;
	font-size:13px;
	margin:0;
	padding:5px 10px;
}
.pageFragment-header a {
}
.pageFragment-content {
	text-align: center;
}

.pageFragment-content a {
	display:block;
}
#pagehitBar {
	z-index:9;
	position:relative;
	display:none;
	background-color:#f0f0f0;
}
#pagehitBar span.hit {
	position:absolute;
	width:14px;
	height:2px;
	background-color:#66bbe0;
}
#pagehitBar a.aHit {
	font-size:1px;
	width:14px;
	height:6px;
	margin-top:-2px;
	position:absolute;
	display:block;
}
#pagehitBar a.aHit_sel, #pagehitBar a.aHit:hover {
	background-color:#fa3;
	text-decoration:none;
}
#pagehitBar .bubble {
	z-index:101;
	background-color:white;
	display:none;
	position:absolute;
	padding:1em .5em .5em;
	font-size:12px;
	border:1px solid #ddd;
	min-width:280px;
	color:black;
}
#pagehitBar .bubble:hover {
	text-decoration:none;
}
#pagehitBar .bubble a.bHit {
	position:absolute;
	margin:-5px;
}
#pagehitBar .bubble .pageinfo {
	font-weight:bold;
	color:#999;

}
#pagehitBar .bubble p {
	margin:0 0 .5em;
	white-space:nowrap;
	font-size:12px;
}
#quickUI {
	display:none;
}
#uiSwitcher .viewCtrl a {
	cursor:pointer;
}



/* editor-ctrls */
/*.vl-widget, .vl-widget .widget {
	position:relative;
	display:inline-block;
}*/
.ellipsis, .widget.carousel .flex-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.widget.carousel .flex-caption {
}
.snipletViewWrapper {
}
.widget > .sniplet {
	display: inline-block;
    margin:2%;
	vertical-align: top;
}
.widget > .sniplet img {
	background-size: contain;
}
.widget a {
	display:flex; /* might not this be dangerous */
  flex-direction: column;
}
.widget a:hover {
  text-decoration: none;
}
.widget > .sniplet a.chooseRegion {
	position:relative;
}
.widget > .sniplet .clickhere {
	position:absolute;
	top:45%;
	left:20%;
	width: 70%;
	color:white;
	font-weight:bold;
	text-shadow:1px 1px 3px #999;
}
.widget > .sniplet img.placeholder {
	background-color: rgba(176, 196, 222, 1);
}
.widget h2, .widget h3  {
	margin:.3em 0 .6em;
}
/*.widget.teaser > div {
	border:1px solid #999;
	background-color: #fafafa;
	display: inline-block;
	padding: 1em 1.5em;
}
*/
.widget .legend {
	margin:.5em .2em;
	display:inline-block;
}
.widget .legend > * {
  display:inline-block;
}
.widget .legend p {
	margin-bottom:.35em;
	display:inline-block;
}

.widget.showcase, .widget.slider, .widget.teaser {
	position:relative;
}
.widget.teaser {}
.widget.teaser .item {
}
.widget.teaser img {
	margin:.25em 0;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	box-shadow: 3px 2px 6px 0px lightSlateGray;
}
.widget.slider {}

/* overwrite flexslider.css, overflow horiz scrillbar probs */
.flexslider {
}
@media (max-width: 16384px) {
  .flex-control-nav {
    display:none;
  }
}
.flex-direction-nav .flex-prev {
  left: 10px !important;
}
.flex-direction-nav .flex-next {
  right: 10px !important;
}
.flex-direction-nav .flex-prev {
  left: -0px;
}
.flex-direction-nav .flex-next {
  right: -0px;
}
/*.widget.slider .flex-caption or also .history.carousel */
.flexslider .flex-caption {
	box-sizing: border-box;
  width: 100%;
  padding: 2%;
	background:rgba(0, 0, 0, .5);
	font-size:14px;
}

/* align with cssLayout names places */

ul > li.qs-preview, .vls-list > li.qs-preview {
	display:flex;
  flex-wrap: wrap;
  margin-top: 1.5em;
  padding:0;
  align-items: center;
}
ul > li.qs-preview > * {
  padding-top: 0;
  padding-bottom: 0;
}

*.qsp-desc {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.npsrow > *.qsp-desc {
  flex-direction: column;
}
.qs-preview > *.qsp-desc {
  flex-direction: row;
}
*.qsp-desc > *:first-child {
  flex: 1;
}


/* same bg for deviating formats in historySlider #thumbList */
.flexslider .flex-caption, .flexslider .thumb img {
  background-color: transparent;
}
/*.flexslider .thumb img should be obsolete*/
table.metadataTable td.thumb img,
.vls-list > li > *.thumb img,
.mdrow-thumb img, .flexslider .thumb img {
  background-size: 100%;
}
.titleLinks > div.childLink.thumb > a img {
  background-size: cover; /* stretch these to height */
}
.titleLinks > div.childLink.thumb > a img,
table.metadataTable td.thumb img,
.vls-list > li > *.thumb img,
.flexslider .thumb img {
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
}
.widget.showcase {}
.widget.showcase > .item {
	display:inline-block;
	margin:20px 20px 0 0;
	vertical-align:top;
}
.widget.showcase .legend {
	background-color: ghostwhite;
	margin:0;
	padding:.3em 4%;
}
.widget.showcase.snipletView .legend {
}

/* Firefox */
@-moz-document url-prefix() {
}

.hide-underlined {
	display: inline-block;
	background-color: white;
}
img.svgInline.left {
  margin-right: .5em;
}
img.svgInline.connectors, svg.svgInline.connectors {
  height: 1em;
  margin-bottom: -0.15em;
  display: inline-block;
}
svg.connectors {
  border-bottom: 1px solid transparent;
  /*border-radius: 0.15em;*/
}
svg.connectors:hover {
  /* border-bottom-color: #0630ac; */
  /*box-shadow: 0 0 0.75px #0630ac;*/
}
/* svg + transparency */
svg.connectors path {
	fill:#0630ac;
	opacity:1;
}
svg.connectors.orcid {
  height: 1.2em;
}
svg.connectors.orcid path {
  fill: #A6CE39;
}
svg.connectors.orcid:hover {
  filter: none!important;
}
.transparency {
	background-color:#339;
}
.transparency-selected {
	background-color:#e61919;
}
@-moz-document url-prefix() {
	img:not([src]) {
	content:'';
	}
}
img.connectors, span.connectors {
	display: inline-block;
	background-image: url(/static/graphics/connectors/connectors.png);
	background-repeat: no-repeat;
}

.bgIco {
	/*font-size:4px; display:inline-block;*/
	width:16px;
	height:16px;
	display: inline-block;
}
/* 1st row, buttoncover square */

.opacIco {
	background-position: 0 0;
}

.oaiIco {
	background-position: -16px 0;
}

.openurlIco {
	background-position: -32px 0;
}

.epubIco {
	background-position: -128px 0;
}
.pdfIco {
	background-position: -48px 0;
}

.zipIco {
	background-position: -64px 0;
}

.googleIco {
	background-position: -80px 0;
}

.vlmIco {
	background-position: -96px 0;
}

.openurlTitleinfoIco {
	background-position: -112px 0;
}
.iiifIco {
	background-position: -160px 0;
}
/* 2nd row, buttoncover round */
.gbv-peIco { /* GBV Personen-Datenbank  */
	background-position: 0 -16px;
}

.gbv-ppIco { /* GBV Drucker/Verleger-Datenbank */
	background-position: -16px -16px;
}

.dnbIco {
	background-position: -32px -16px;
}

.zdbIco {
	background-position: -48px -16px;
}

.wpediaIco {
	background-position: -64px -16px;
}
.hereIco {
	background-position: -144px -16px;
}
.cerlIco {
	background-position: -160px -16px;
}
.gettyIco {
	background-position: -176px -16px;
}
.downIco {
	background-position: -192px -16px;
}
.geonamesIco {
	background-position: -80px -16px;
}

.infoIco {
	background-position: -96px -16px;
}

.ddcIco {
	background-position: -112px -16px;
}

.dnbIco {
	background-position: -128px -16px;
}
.listNavigation-margin {
	/*set margin-right to width of listNavigation(=facets) in order keep list-width / no float beyond listNav Box */
	margin-right:auto;
	margin-left:1px;
}
.vls-list-righthand {
	/* enshure overwrite any other (right) margin given via domain, eg. .vls-list { margin: */
	margin-right: 280px !important;
}
#searchFrags {
  background-color: #f8f8f8;
}
#searchFrags .fstruct a:after {
  opacity: .75;
  content: '\E81F';
  font-family: 'fontello';
  font-size: 1rem;
  display: inline-block;
  margin-left: .6rem;
}
#searchFrags .npNext {
  display: none;
  margin-left: .6rem;
}
.fstruct {
  padding-left: .6em;
  padding-top: .6em;
  padding-bottom: .4em;
  background-color: #f8f8f8;
}
#mainheaderNaviBox .col-lg-3 {
  width: 24%;
}
.vls-list li a:link.grey {
	background-color:#777;
}
/*citation as header */
#titleHeader {
	padding-left:0;
	margin-bottom:.8em;
}
.bd-metadata #titleHeader {
  clear: both;
} /* corner-case at content/name etc */
.bd-listnav #titleHeader {
  clear: none;
}
/* Volume .bd-oaPeriodical */
.bd-oaPeriodical #titleHeader {
	margin-top:1em;
    padding-bottom:.5em;
    font-size: 1.25em;
    font-weight: bold;
}
.pageLoader {
	position:absolute;
	background-color: white;
	color:#777;
	font-size:12.6px;
	font-family: Arial;
	z-index:10;
}
#facetData a.toggle-facetitems {
	cursor:pointer;
}
#facetData a.toggled-facetitems {
	display:none;
}

#searchinfo > .close {
  user-select: none;
}
#searchinfo > .close:before {
  font-family: 'fontello';
  content: var(--char-close);
}
.filterTitles .toggle, .toggleFacets .toggle {
    display:inline-block;
}
.filterTitles .toggle:before, .toggleFacets .toggle:before {
  content: '\f0b0';
	font-family: 'fontello';
  display: inline-block;
  margin-right: 14px;
}

.button.list-toggler {
}
.vl-mobile-top .toggle.active:before {

}
/*.vl-mobile-top .button.toggle.leftParts:before {
  content: var(--char-hamburger);
	font-family: 'fontello';
}
.vl-mobile-top .button.toggle.listNavigation:before {
  content: '\E80f';
	font-family: 'fontello';
}*/
.vl-mobile-top .button:before {
  width:1.1em;
  display:inline-block;
}
.vl-mobile-top .button:after {
  margin-left:.7em;
}
/*.vl-mobile-top .button.list-toggler:after, */

.vls-open-Layer:after {
    content: '\E819';
    font-family: "fontello" !important;
}
/*.vl-mobile-top .button.list-toggler.up:after, */
.vls-open-Layer.up:after {
    content: '\e81a';
}
.vl-mobile-top .button.list-toggler.up {

}
/*hide togglers desktop > 992px */
.relatedItemListNavigation #facetData a.toggle-facetitems {
	display:none;
}
/*show elems totoggle desktop > 992px */
.relatedItemListNavigation #facetData a.toggled-facetitems {
	display:block;
}

@media (max-width: 16384px) {
  /*.vl-mobile-top {
    display:flex;
  }*/
  .menu-left.toggle {
    display:none;
  }
}
/*   */
@media (max-width: 16384px) {

  .relatedItemListNavigation #facetData a.toggle-facetitems {
		display:block;
	}
	.relatedItemListNavigation #facetData a.toggled-facetitems {
		display:none;
	}
}
#explainResult {
	float:right;
	border:1px solid #f0f0f0;
	border-radius:2px;
	font-size:10px;
	margin: 0 0 4px 10px;
}
#explainResultHeader {
	border-bottom:1px solid #f0f0f0;
	padding:2px 8px;
	background-color:#fafafa;
}
#explainResultContent {
	padding:4px 8px;
}
#logoutButton {
	display:inline-block;
}
/* moved from datepicker.css */
.datepicker {
  vertical-align: top;
	display:inline-block;
	margin-right:1.25em;
}
.datepicker {
	position: relative;
	display: inline-table;
	font-size: 1em;
	padding: .625em;
  font-size: 1em;
  border: 1px solid #e0e0e0;
	margin-bottom: .625em;
}
.datepicker td  {
	color:#777;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
}
.datepicker table {
	border-collapse:collapse;
}
.datepicker th {
	background-color:#fafafa;
}
.datepicker th.month {
	color: #333;
  font-size: 1.25em;
}
.datepicker th.month a {
	cursor:pointer;
}
.datepicker th.month a, div.datepicker th.month span {
	color:#000
}
.datepicker th.weekday {
	color: #999;
}
.datepicker th.weekday span {
	font-weight: normal;
	text-align:right;
}
.datepicker th.weekday span:hover {
	color:#999;
}
.datepicker a, .datepicker span {
	display:block;
	padding: 0.2em 0.4em;
	border:1px solid transparent;
}
.datepicker a {
	color: #fff;
	text-decoration: none;
	cursor: default;
	outline: none;
}
.datepicker a.avail {
	background-color: #3C87CA;
}
.datepicker a.avail:hover, .datepicker a.avail.sel {
	border:1px solid white;
	background-color: #0069A8;
}

#disclaimerCookie {
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 120;
  background-color: rgba(0,0,0,0.75);
}
#disclaimerCookie > div {
	background-color: white;
	font-size:14px;
	line-height:1.5em;
	padding:2.6em;
}
#disclaimerCookie > div {
  border-bottom: 2px solid #777;
  /*box-shadow: 0px 12px 30px 0px #666;*/
}
#disclaimerCookie h1 {
	padding-bottom: 1em;
	margin-bottom: 1.2em
}
#disclaimerCookie form {
	text-align: right;
	font-weight: bold;
	padding-top:1.5em;
}
#disclaimerCookie input[checkbox] {
    transform: scale(2);
    margin-right: 1em;
}
#disclaimerCookie hr {
	border-bottom: 1px solid #aaa;
}
#disclaimerCookie label {
	display:block;
}
#disclaimerCookie button {
  margin-top:1em;
  color: #333;
  background-color: white;
  border-color: #ccc;
  font-size: 1.1em;
  padding: 0.15em 0.4em;
}
#disclaimerCookieSmall {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 120;
  min-height: 60px;
  padding: 10px 20px;
  background-color: rgba(0,0,0,0.75);
  color: white;
}
#disclaimerCookieSmall span {
  white-space: nowrap;
}
#disclaimerCookieSmall a {
  color: white;
}
#disclaimerCookieSmall button {
  margin: 0 15px 0 15px;
  background-color: hsla(180, 45%, 45%, 1);
  border: 0px;
  border-radius: 2px;
}
#disclaimerCookieSmall a {
  text-decoration: underline;
}
.vlext.image-with-label {
	display:inline-block;
	margin-bottom:2em;
	border: 1px solid #ccc;
	background-color: #f9f9f9 ;
	text-align: center;
	overflow:hidden;
}
.vlext.image-with-label .label {
	padding: 3px;
	font-size: 70%;
	text-align: left;
}
#disqus_thread {
	margin-top:2em;
	border-top:2px solid #eee;
	display:none;
}
#disqusUsage {
	float:right;
	position:relative;

}
#disqusUsage > div {
	display:none;
	background-color:white;
	overflow:auto;
	width:50em;
	height:30em;
	position:absolute;
	border:5px solid #ddd;
	bottom:1.6em;
	right:0;
	padding: 2em 1.3em;
}
#disqusNotice {
	display:inline-block;
	margin:12px 1em 0 3em;
}
#disqusNotice > span {
	cursor:pointer;
	font-size:.9em;
	border:1px solid #aaa;
	border-radius:2px;
	padding:.25em .4em;
}
#disqusTitle {
}
#disqusLoader {
    display:inline-block;
	margin-right:15px;
    padding: 12px 0;
	cursor:pointer;
	font-family: 'Helvetica Neue', arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#778188;
}

#topic-startlinks, #home-startlinks {
	float:right;
	width:20em;
	margin: 0 0 1em 2em;
}
#mods_subject .value > span {
	white-space: nowrap;
}
@media (max-width: 768px) {
  #mods_subject .value > span {
    white-space: initial;
  }
}
#mods_subject .subj-sep {}
.mods_name .etal {
}
.mods_name .etal .sep {
  content: '';
}
.mods_name .etal .val {
  content: '';
}

.clipped-undef {
  filter: blur(1.5px) brightness(80%) contrast(150%);
}
.fframe.margt {
  margin-top:1em;
}
.fframe.margt.duplicate {
  margin-top:.1em;
}
.fframe.wr-clipped {
  margin-bottom:1em;
}
.fframe.wr-clipped:last-of-type {
  margin-bottom:0;
}
#searchFrags .fframe {
}
.fframe.wr-plain {
  margin-bottom: 1em;
}
.fframe.wr-clipped:after {
  /* border-bottom:1em solid white;*/
}
.fframe.wr-clipped {
  min-height: 30px;
  overflow: hidden;
}
.vls-list.gndoQuickSearchPreview {
  padding:1em;
  margin-bottom:1.5em;
}
.vls-list.gndoQuickSearchPreview .qsp-desc {
  margin-right: auto;
}
.gndoQuickSearchPreview td {
  vertical-align: middle;
}
.qsp-more {
  min-width:13em;
  text-align:right;
}
.qsp-icon {
  margin: 1em 0 .65em;
  text-align: center;
}
.qsp-desc {
}
.npsrow .qsp-desc > * {
}
.npsrow .qsp-desc > *:nth-child(1) {
  margin-bottom:1em;
  margin-top:1em;
}

.nps-item {
  margin-left: .75em;
}
.qsp-desc .mdrow-thumb a, .qsp-desc a.entity-thumb {
  margin-top:0;
}
.nps-item .nps-details {
  margin: .25em .125em;
  font-size: .9375em;
}
.qsp-desc .details {
  margin-top:.75em;
}
.morepages {
  margin: .5em;
}
.viewCtrl.tabexpansion {
	cursor: pointer;
}
.lastNavUrl:before {
  display: inline-block;
  margin-right: .5em;
  font-family: 'fontello';
  content: '\e81b';
}
#lastNavUrlLink.hidden {
	position:relative;
	top:inherit;
	left:inherit;
	width:auto;
	height:auto;
	display:block;
	visibility:hidden;
}
#lastNavUrlLink span {
	display:inline-block;
	margin-right: 10px;
}
.read-more-gradient {
	position:relative;
	margin-top:-7rem;
	height:7rem;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );	/* IE6-9 */
}
.read-more {
	cursor: pointer;
  display: inline-block;
  border-bottom: 1px solid #ccc;
	padding: 1px 64px 1px 4px;
  font-style: italic;
  font-size: 1.125rem;
  margin-bottom: 2em;
}
.read-more .icon {
    font-size: .9em;
    display: inline-block;
    margin-right: 0.4em;
}
.read-more .msg.less {
  display: inline-block;
  margin-top: 2em;
}
.read-more .icon.iconup {
    transform: scaleY(-1);
}
.vls-button.icon-rss, .vls-button.icon-rss:hover {
	color:white;
	background-color:orange;
	font-size: initial;
	line-height: 1.25rem;
}
/*#lastNavUrlLink span:after {
	content: '\25C0';
}*/
/*ul#tabExpansion {
	display:none;
	position:absolute;
	width: 25em;
}

ul#tabExpansion li {
	display:block;
}
ul#tabExpansion span {
	display:inline;
	padding:0;
}
*/
@media (max-width: 1280px) {
	/*.listNavigation.relatedItemListNavigation.oversized .menubox a {}
	.listNavigation.relatedItemListNavigation.oversized {}*/
}


/*firefox
@-moz-document url-prefix() {
select.change, #npSingle {
	padding:2px 1px;
}}
*/
/* Chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
select.change, #npSingle {
	padding:1px;
}}
*/


var.vl-imgdims {
	display:none;
}
.markTerm {
	display:none;
}
a.singlePageImageLink {
	display:inline-block;
	position:absolute;
	width:33%;
	min-width:3em;
	/* cf. #singlePageImage border 1px */
	height:calc(100% - 2px);
	text-align:center;
	color:rgba(255, 255, 255, .5) !important;
	background-color:transparent !important;
}
a.singlePageImageLink:hover {
	text-decoration:none;
	background-color:transparent !important;
}
.singlePageImageLink#prevPageLink {
	left:0;
}
.singlePageImageLink#nextPageLink {
	right:0;
}/* cf.js */
.singlePageImageLink .markLink.visible {
	opacity:.2
}
.markLink {
	position:absolute;
	bottom:0;
	top:0;
	width:1.5em;
	display:none;
	background-color: rgba(0, 0, 0, 0.2);
	font-size:3em;
}
.markLink#prevPageMark {
  left: 0;
}
.markLink#nextPageMark {
  right: 0;
}
.markLink > span {
  position:absolute;
  top:144px;
}
.markLink#prevPageMark > span:before {
  margin-left:-.45em;
  content: '\e81b';
}
.markLink#nextPageMark span:before {
  margin-left:-.25em;
  content: '\e818';
}

#zoom__navPrev, #zoom__navNext {
  position: absolute;
  z-index: 1;
  top: 50%;
  height: 1.1em;
  width: 1em;
  border: 0;
  background: transparent;
  font-size: 3em;
  cursor: pointer;
  opacity: .5;
  color: black;
  padding: 0.4em 1.6em 1.3em 0.6em;
}
#zoom__navPrev{
  left: 0;
}
#zoom__navNext {
  right: 0;
}
#zoom__navPrev:hover,
#zoom__navNext:hover {
  opacity: 0.7;
}


.vl-btn.icon-sliders.active {
  background-color: hsla(0, 0%, 23%, 0.85);
}

#zoom__filterSliders {
  padding: .8rem;
  display: none;
  z-index: 1;
}

#zoom__filterSlidersContent {
  display: flex;
  flex-direction: row;
}

#zoom__filterSlidersBg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: .7;
  z-index: -1;
}

#zoom__filterSlidersContent > div {
  width: 45px;
  text-align: center;
  font-size: 14px;
}

#zoom__filterSliders .vls-button {
  display: inline-block;
  margin-left: 8px;
  border: 0;
  background: none;
  font-size: 16px;
  padding:0 !important;
}

#zoom__filterSliders input[type=range] {
  height: 5px;
  width: 120px;
  margin: 60px 0 60px -41px;
  transform: rotate(270deg);
  -moz-transform: rotate(270deg); /*do same for other browsers if required*/
  -webkit-appearance: none;
  overflow: visible;
}
#zoom__filterSliders input[type=range]:focus {
  outline: none;
}
#zoom__filterSliders input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  border: 0;
  cursor: pointer;
  animate: 0.2s;
  background: #fff;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
#zoom__filterSliders input[type=range]::-webkit-slider-thumb {
  border: 1px solid #333;
  height: 18px;
  width: 8px;
  background: #eee;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
#zoom__filterSliders input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}
#zoom__filterSliders input[type=range]::-moz-range-track {
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #fff;
  border-radius: 1.3px;
  border: 0.2px solid #000;
}
#zoom__filterSliders input[type=range]:focus::-moz-range-track {
  background: #ccc;
}
#zoom__filterSliders input[type=range]::-moz-range-thumb {
  border: 1px solid #333;
  border-radius: 0;
  height: 18px;
  width: 8px;
  background: #eee;
  cursor: pointer;
  margin-top: -7px;
}
#zoom__filterSliders input[type=range]::-ms-track {
  height: 6px;
  border: 0;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
#zoom__filterSliders input[type=range]::-ms-fill-lower {
  background: #fff;
  border: 0.2px solid #000;
  border-radius: 1.3px;
}
#zoom__filterSliders input[type=range]::-ms-fill-upper {
  background: #fff;
  border: 0.2px solid #000;
  border-radius: 1.3px;
}
#zoom__filterSliders input[type=range]::-ms-thumb {
  border: 1px solid #333;
  border-radius: 0;
  height: 18px;
  width: 8px;
  background: #eee;
  cursor: pointer;
  margin-top: 0;
}
#zoom__filterSliders input[type=range]:focus::-ms-fill-lower {
  background: #ccc;
}
#zoom__filterSliders input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

#zoom__rotateClockwise,
#zoom__rotateCounterclockwise {
  cursor: pointer;
}

#zoom__filterReset {
  cursor: pointer;
}

/* zoom viewer */
.ol-scale-line {
  /* moved bg-color to -inner */
  background-color: rgba(0, 0, 0, 0)!important;
  /* make element larger for more mousemove area
  so we dont loose mousemove events on fast drags
  */
  border: 50px solid #0000 !important;
  cursor: move !important;
  margin-bottom: -50px;
  margin-left: -50px;
}
.ol-scale-line-inner {
  outline: 2px solid rgba(0, 0, 0, 0.5);
}
.ol-control button {
  cursor: pointer;
}
.ol-control button, .ol-zoomslider-thumb, .ol-scale-line-inner {
	background-color: rgba(0, 0, 0, 0.5)!important;
}
.ol-control button:hover {
	background-color: rgba(0, 0, 0, 0.5)!important;
}
button, *[type=submit] {
  cursor:pointer;
}

.ol-scale-line, #zoom__thumbToggler {
  border-radius: 2px 2px 0 0!important;
}

#zoom__thumbSlider {
  position: absolute;
  bottom: 0;
  height: 140px;
  z-index: 100;
}

#zoom__thumbSlider__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.4;
}
#zoom__thumbSlider > .centered-abs {
  position: absolute;
  left: calc(50% - 24px);
}
#zoom__thumbToggler {
  background-color: black;
  margin:0;
  padding: 0;
  margin-top: -2rem;
  height: 2rem;
  font-size: 2rem;
  border: 0;
  cursor: pointer;
  opacity: 0.4;
  color: white;
}
#zoom__thumbToggler:hover {
}

#zoom__thumbNavPrev,
#zoom__thumbNavNext {
  position: absolute;
  top: 38%;
  height: 1.1em;
  width: 1em;
  border: 0;
  background: transparent;
  font-size: 2em;
  cursor: pointer;
  opacity: 0.5;
  color: black;
}
#zoom__thumbNavPrev {
  left: 0;
}
#zoom__thumbNavNext {
  right: 0;
}
#zoom__thumbNavPrev:hover,
#zoom__thumbNavNext:hover {
  opacity: 0.7;
}

/* vl-pageview-controls : pageview.controls.modern */
.bd-portal-pageview .vl-pageview-controls {
  /*show after singlePageImage loaded*/
  display:none;
}
.vl-pageview-controls {
	position:absolute;
	top:0;
	right:0;
	z-index: 2;
}
.vl-pageview-controls .toggled {
  max-width: 47vw;
}
.vl-pageview-controls * {
	color:white!important;
}
.vl-pageview-controls a {
	text-decoration:none !important;
}

.vl-pageview-controls .contents {
	display:flex;
	float:right;
}
.vl-pageview-controls .contents .vl-pbuttons {
	order:2;
	background-color: hsla(0, 0%, 23%, 0.85);
  user-select: none;
}
.vl-pageview-controls .contents .totoggle {
	order:1;
}

/* #vl-plinks #zoom__filterSliders vl-webcachesizes */
.vl-pageview-controls .totoggle {
	display:none;
  background-color: hsla(0, 0%, 23%, 0.85);
}
#vl-plinks, #vl-webcachesizes	{
	padding: 0 1rem 0.25em;

}
#vl-plinks .header {
	background-color: hsla(0, 0%, 23%, 0.85);
	padding: 0 1rem;
	margin:0 -1rem;
}
#vl-plinks div {
	margin:0 0 .25em;
}
#vl-plinks > div {
	margin:0 0 .75em;
}
#vl-plinks > div:last-child {
	margin:0 0 .75em;
}

.vl-pageview-controls .totoggle a:first-child {
	margin-left:0;
}

.vl-pageview-controls .totoggle a, .vl-pageview-controls span.mdata {
	display:inline-block;
	padding: 2px .5rem 1px;
	margin: 0 .4rem;
}
.vl-pageview-controls .totoggle a {
	background-color:hsla(0, 0%, 44%, 0.85);
	color:white;
}
.vl-pageview-controls .totoggle a:hover {
	background-color: hsla(0, 0%, 23%, 0.85);
}
.vl-pbuttons a:hover, .vl-btn.toggle.active {
	cursor:pointer;
}
.vl-pbuttons a:hover {
	background-color: hsla(0, 0%, 0%, 1);
}
.vl-btn.toggle.active {
	background-color: hsla(0, 45%, 40%, 0.85);
}
.vl-btn.toggle.active:hover {
	background-color: hsla(0, 65%, 30%, 0.95);
}
.vl-plinks-row.title {
	font-size:1.2em
}
.vl-plinks-row > div {
	display:inline-block;
}
.vl-pageview-controls .totoggle div.key {
	min-width:6.5em;
  padding-right:1.5em;
}
.vl-pageview-controls .totoggle div.key > span {
  display: inline-block;
  /* optional, eg. padding and lighter background-color: hsla(0, 0%, 83%, 0.35);*/
}
.vl-pageview-controls .totoggle .wr-license {
  text-align: right;
  display:block;
  margin-bottom: 1em;
}
.vl-pageview-controls .totoggle a.rsorg.lic-img, .vl-pageview-controls .totoggle a.rsorg.lic-img:hover {
	background-color: transparent;
  margin: 0;
  padding: 0;
}
.vl-pageview-controls .license-img.rsorg {
  padding: 4px;
  height: 1.75em;
  background-color: white;
}
.vl-pageview-controls .license-img.cc {
  padding: 4px;
  height: 31px;
}


/*.vl-btn.toggle.active {
	margin-top: -48px;
}*/
.vl-btn-height {
	line-height:48px;
}
.vl-pbuttons .vl-btn {
	display: inherit;
	width:46px;
	line-height:48px;
	text-align: center;
	color:white;
}
.toggleImageControls {
	display:none;
	cursor:pointer;
}
.toggleImageControls .toggle:after,
.vl-pbuttons .hamburger:before { /*hamburger*/
	content: var(--char-hamburger);
	font-family: 'fontello';
}
.toggleImageControls .toggle.active:after,
.vl-pbuttons .hamburger.active:before, /*cross*/
.vl-pbuttons .zoom__filterSliders.active:before,
.vl-pbuttons .vl-webcachesizes.active:before,
.vl-pbuttons .vl-socialnetworks.active:before{ /*cross*/
	content: '\E836';
	font-family: 'fontello';
}
/*.vl-pageview-controls .perma.totoggle {
    display: block;
}*/

/*++++++++++++++++++++++++*/

#socialnetworking {
  position: relative;
  display: inline-block;
}
.titleinfoLinkAction#socialnetworking {
  width: 4em;
  display: inline-block!important;
}
#socialnetworking > i {
  height: auto;
  width: auto;
  padding: 0 4px 0 2px;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 15px;
  color: black;
  cursor: pointer;
}
div#vl-socialnetworks {
  padding: 0 1em 0 2em;
}
.vl-pageview-controls .totoggle#vl-socialnetworks a {
  margin:auto;
  padding:0;
  display:block;
}
div#vl-socialnetworks > div.shariff {
  display:table;
  height:100%;
}
div#vl-socialnetworks > div.shariff > ul {
  display: table-cell;
  vertical-align: middle;
}
div#vl-socialnetworks > div.shariff > ul > li {
  margin-bottom: 1.2em;
}
#socialnetworks {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 100%;
  left: inherit;
  width: auto;
  display: none;
  padding: 0 5px;
  border: 2px solid #ddd;
  border-radius: 3px 0 3px 3px;
  background: white;
}

#socialnetworks .shariff .orientation-horizontal li {
  margin-right: 5px;
  margin-bottom: 0;
}
.history.thumbsOnly {
	background-color: white;
}
.history.thumbsOnly ul {
	margin-top:0;
	padding-left:0;
}
.history.thumbsOnly ul > li {
	list-style-type: none;
}
.history.thumbsOnly .caption {
	padding:.2em .2em 1em;
}
.wr-toggleListNavigation {
  position:relative;
  float:right;
}
#titleinfo .vls-list.inv, .inventoryNav {
  border-top:2px solid #eee;
}
.inventoryNavPath {
  padding: 1em .5em .5em;
}
.inventoryNavPath .npNext:before {
  font-size: .825em;
  margin: 0 .3em 0 .6em;
}
#titleinfo .vls-list.inv {
  margin-left:.5em;
  padding-bottom: 1em;
}
#titleinfo .vls-list.inv li:nth-of-type(even) {
  background-color: #f4f4f4;
}

.chooseLanguage .sep:after {
  content: ' | '
}
@media (max-width: 700px) {
  .vl-pageview-controls .toggled {
    max-width: 100vw;
  }
}
@media (max-width: 424px) {
  body  {
    hyphens: auto;
  }
}
@media (max-width: 414px) {
  #zoom__filterSlidersContent > div:nth-of-type(3),
  #zoom__filterSlidersContent > div:nth-of-type(4),
  #zoom__filterSlidersContent > div:nth-of-type(5) {
    display: none;
  }
}
.right > .fulltextInfo {
}
.thumb.fulltextInfo .info {
}
.thumb.fulltextInfo + .info {
  display: none;
}
#progressBar {
  height:6px;
  background-color: #ccc;
}
#progressBar #progress {
  height:100%;
}
#progress {
   transition: width .5s;
   background-color: violet;
}

/* formerly styles.css */

#topmenu input, #searchTheBook input, #topmenu button, #searchTheBook button {
    font-size: .85em;
}
#topmenu {
  text-align:right;
  font-size: 1em;
	white-space:nowrap;
  padding-top: 6px;
	padding-right:.5em;
}

#topmenu a.textlink, .topmenu a.textlink {
	padding:.2em .5em;
}
#topmenu a.textlink:hover {
	text-decoration:underline;
}

/* * */

#searchTheBook #yourBookSearch, .searchTheBook .yourSearchScope {
	font-size:10px;
	color:#777;
}

/* * */

.chooseLanguage {
	border:0;
	float:none;
}
.chooseLanguage a {
	padding:0 2px;
	margin:.2em .25em;
	display:inline;
}
.chooseLanguage a.sel:hover {
  text-decoration: none;
}

input#quicksearch, input#quicksearchSubmit {
	font-family:Verdana;
}

/* * */

a.mail {
		background: url(/static/graphics/mail.gif) no-repeat right top;
		padding-right: 17px;
}
/* end formerly styles.css */

/* from server/static/css/csslayout.css */
/* start flex */

html, body {
	height:100%;
}
#main {
  display:flex;
  flex-direction: column;
  /*in this order */
  height: 100%; /* extends height with shorter middle */
  min-height: min-content; /* extends (#main / background) properties / scrolling with overflowing content */
}

#topParts {
}
#middleParts {
  flex: 1 0 auto; /* in respect of parent #main */
	display:flex; /* in respect of #left- and #centerParts children */
	align-items: stretch; /* extends #left- and centerParts background-properties */
}
#bottomParts {
}
#centerParts {
    flex: 1;
}
.bd-portal-zoom #centerParts > main {
    /* zoom.js initDom abspos thumbSlider left: right: 0 */
    margin: 0;
    padding: 0;
}
.bd-portal-zoom #centerParts {
	margin: 0;
  min-height: 500px;
	display:flex;
	flex-direction: column;
  width: 100%;
  max-width: 100%;
}
#leftParts { order: 1 }
#centerParts { order: 2 }
#rightParts { order: 3 }

.flex-basis-100 {
  flex-basis: 100%;
}

/* end flex */


/* toggle this with #defaultTop */
#mobileTop {
  display: none;
}
#mobileTop .main .button  {
  user-select: none;
}
#mobileTop > .main {
  display: flex;
  align-items: center;
}

#mobileTop > .main > .topLiner {
  flex:1;
}
#mobileTop .topLiner > .vlsControl {
  display: flex;
  justify-content: flex-end;
}

#topLogo {
  margin: 0;
}
#topLogo a {
  background-size: contain;
  display:inline-block;
}
#mobileTop #topLogo a:hover {
  text-decoration: none;
}


#mobileTop > .addbox {
}
#mobileTop > .addbox > * {
    display: none;
}
#mobileTop > .addbox > * {
  border-radius:8px;
  border:1px solid #ccc;
  padding: 5px 10px;
  background-color: white;
}
#mobileTop > .addbox .contents {
  text-align: right;
}
#mobileTop > .addbox .searchbox {
  text-align: left;
}
#mobileTop .searchbox form#mobilequickSearchform {
  margin-left:0;
  display: flex;
  align-items: center;
  position: relative;
}
#mqs-wrap {
  display: flex;
  flex: 1;
  align-self: stretch;
}
#mobileTop .searchbox input {
  height:30px;
  border:0;
  outline: none;
}
#mobileTop .searchbox input.quicksearch {
    flex-grow: 1;
}
#mobileTop .searchbox input.imageButton {
  font-size: 0;
  width: 30px;
  background: transparent url(/static/graphics/search.svg) 3px 50% no-repeat;
  background-size: 65%;
}
.vl-mobile-top.togglers .button {
  user-select: none;
}

.vl-mobile-top .button.contents:before /* hamburger */ {
  content: '\E82F';
	font-family: 'fontello';
  /* do not float out of righthand scope */
    display: inline-block;
}
#SRUForm {
  display: block;
}
.sruForm .sruFormFields {
  width: 100%;
}
.sruForm select {
  padding: 2px;
}

#searchinfo.modern {
  z-index: 2;
  right:0;
  position: absolute;
  background-color: white;
}
#searchinfo.modern fieldset {
  border: 0;
}
#searchinfo.modern legend {
  padding: 1em 0;
  font-size:1.25rem;
}

main > .zeroresultMsg {
  margin-right:10em;
  margin-left:4px;
}
#mobileTop .glassindic {
  display: none;
}
button:focus {
  outline: 0;
}
.sh-icon {
  color: #888;
  font-size: 1.125rem;
}
.sh-icon:before {
  display: inline-block;
  width: 1.1em;
  line-height: 1em;
  border-radius: 1em;
  border: 1px solid #ccc;
  text-align: center;
  margin-right: 0.25em;
}
.sh-icon:before {
  content:'+';
}
.vls-list li.toggled .sh-icon:before, #toggleAllDetails.on .sh-icon:before {
  transform: rotate(45deg);
}
#bgTop {
  display:none;
}
.listNavigation.day {
	display:none;
}
.list-item {
	border-bottom:0;
}
body.bd-zoomFullscreen {
  max-width: 100%;
}
.bd-zoomFullscreen #centerParts {
  padding: 0 !important;
}
/* native center with cssLayout */
.mdrow-metadata > * {
  display: flex;
  align-items: flex-start;
}
.mdrow-metadata > * .md-info {
  flex: 1;
}
.mdrow-metadata a.view-all {
	display: inline-block;
	margin-left: 0;
	margin-top: 1em;
  border: 1px solid #ddd;
  padding: .3em 0.6em;
  border-radius: 0.3em;
  /*box-shadow: 0px 0px 9px 4px white;*/
}
/* assume cfg default */
.mdrow-metadata img {
	width:4.8rem;
}
.mdrow-info {
  padding: 0.1em .6em;
}
.paginglink, .drop {
  float: none;
  display: inline-block;
}
span.naviControls > * {
    vertical-align: text-top;
}
select.change {
	font-size: 1em;
    /* corresponds with .vls-button height: 1.5em; */
	height: 1.87em;
}
.bottomNav {
	text-align:center;
}
/* end native center */


main > .vls-list:last-child {
	margin-bottom:3em;
}
.vls-list {
	padding: 0;
}
.vls-list h3 {
	font-weight: normal;
	margin-top:0;
}
.md-list > li {
  margin-top: 1.5em;
}
.struct-list.structure > li { 	/*displays list-item;*/
}
.struct-list.cCat > li {
	display:block;
}
.hitstructure > li.toggle {
  display:block;
}
.struct-list .structlist, .struct-list .scap, .struct-list.cCat li > a {
  flex: 1;
}
.struct-list .resourceLink {
  order: 1;
}

.vls-list > li {
	display:flex;
  flex-wrap: wrap;
  padding:0;
}
#entityPages > li > *:nth-child(2) {
  flex: 1;
}
#pageFragments > li > *, #pageFragments > li {
  display: block;
}
.md-list > li > *.thumb a {
  box-sizing: content-box;
}
.md-list > li > *.miniTitleinfo, .md-list > li > *:nth-child(2) {
	vertical-align: top;
  padding-right: 1em;
	flex:1 1 0;
}
.md-list > li > * {
	display:inline-block;
  padding-top: 1em;
}
.md-list > li > * {
  padding-right: 1em;
  padding-left: 1em;
}
.vls-list.snipplet > li .snipplets {
  /*padding-left: 0;*/
}

.vls-list > li.pageFrags {
  padding:1em 1em 0 1em;
}
.vls-list > li.pageFrags > * {
  padding:0 ;
}
.vls-list > li#pfTitle {
  border-bottom: 1px solid #ddd;
}
.vls-list > li > *.resource {
	min-width:6rem;
	padding-right: 1rem;
}
.fstruct > .miniTitle {

}
.fstruct > .searchBook {
}
.vls-list > li > *.miniTitleinfo .download > span {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 0.5em;
}

.vls-list > li > *.miniTitleinfo .download .filetype img {
	display: block;
}

.vls-list > li.odd {
	background-color: #f8f8f8;
}
#searchResult.vls-list > li.odd {
	background-color: transparent;
}
#searchResult.vls-list > li {
	border-top:4px solid #eee;
}
.hitSummary {
  padding-top: 1em;
}
.hitSummary {
	margin: 0;
}
.hitstructure.toggle {
	padding-top: .5em;
	padding-left:0;
}
#pageFragments > li.odd {
	background-color: transparent;
}
.vls-list > li > ul.hitstructure li {
	margin-left:20px;
}
.vls-list > li > ul.hitstructure li {
	margin-left:20px;
}
/* Einzelnes Medienelement */

.csslayout.miniTitleinfo .csslayout.miniTitleinfo-row {
	color: #A0A0A0;
	font-size: 0.875em;
}

.csslayout.miniTitleinfo .location:after  { content: " :"; }
.csslayout.miniTitleinfo .publisher:after { content: ",";  }

.mainheader .headertext {
  display: inline-block;
}
.mainheader .mobile-countTitles {
    display: none;
}

.headerNav {
}
.headerNav .titlesBar, .headerNav .naviBar {
	display:flex;
  align-items: stretch;
}
.titlesBar > .headertext {
  flex: 1;
}
.titlesBar > .filterTitles {
  font-weight:normal;
  user-select: none;
}
.naviBar > .pagingControls {
  flex: 1;
}
.pagingControls > .topNav {
  text-align: right;
}
.naviBar > .filterAlpha {
  position: relative;
  flex: 1;
  padding-left: 0;
  margin:0;
}
.filterAlpha > ul {
  position:absolute;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin:0;
  padding: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.filterAlpha li {
  margin: 3px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
}
.filterAlpha li:hover {
  text-decoration: none;
}
.filterAlpha li > * {
  flex: 1;
  padding: 4px 8px;
}
.filterAlpha a {
  font-weight:bold;
}
.filterAlpha a.empty {
  color:#bbb;
}
.filterAlpha li.active {
  border: 2px solid black;
}
.filterAlpha.fasOverlay i.disabled {
  display: none;
}
.filterAlpha.fasOverlay {
  display: flex;
  align-items: stretch;
}
.filterAlpha.fasPerma {
  display: flex;
  align-items: center;
}
.filterAlpha.fasPerma i.disabled {
  display: inherit;
}
.filterAlpha.fasPerma > ul#alphas {
  margin: 0 4em;
}
.filterAlpha.fasPerma > ul#alphas.sel-d100 {
  margin-left: 11em;
}
.filterAlpha.fasPerma i.shift.prev {
  position: relative;
}
.filterAlpha.fasPerma > .d100 { /*align-self: normal;*/ }

.filterAlpha.fasPerma > .d100 > div {
  display: flex;
  align-items: stretch;
}
.filterAlpha.fasPerma > .d100 > div a {
  position: relative;
}

/* titleinfo */
#titleinfo {
	display:flex;
  flex-wrap: wrap;
}
#titleinfo > * {
	flex:1;
}
#titleinfo > *:nth-child(2) {
  flex-basis: 50%;
}

#titleInfoImage {
	margin:0 2em 2em 0;
}
#titleInfoImage.titleInfoImage-right {
	float:right;
	margin:0 0 1em 1em;
}

#div-titleinfo article + .subheader {
  padding-top:1em;
}

.titleinfoPartLayout-float .titleInfoMetadataChildren {
  clear:both;
}
/****************/

.npNext:before {
  font-family: "fontello";
  content: '\e818';
}

/****************/

#titleinfo.partLayout-float.titleinfoImage-right {
	/* neutralize flex */
	display:block;
}
#titleinfo.partLayout-float.titleinfoImage-right .titleInfo ul.nav {
  /* if the image floats right, metadata must be narrower in order to fit in lefthand*/
  display: table;
  width:auto;
}
#div-titleinfo.type_newspaper_series #titleinfo {
	/* neutralize flex but for this one */
	display:flex;
	/* newspaper cildren do not float under the image / behave like cols, if they would, we encounter erroneous floating-rules
depending on the length of the item's text	*/
}
/****************/
#titleInfoImage {
  text-align: center;
}
#titleInfoImage.titleInfoImage-right {
	order:2;
}
.titleinfoPart-left {
	order:1;
}
.titleinfoPart-left.titleinfoPartLayout-column {
	padding-right:2em;
}
.titleinfoPartLayout-column > *,
.titleinfoPartLayout-float > * {
	margin-bottom:2.5em;
}

#mods_locationURL .value {
  word-break: break-word;
}

@media (max-width: 660px) {
  #socialnetworks {
    right: inherit;
    left: 100%;
  }
	#titleInfoImage {
		background-color:#eee;
		margin-bottom:2.5em;
	}
}

#titleinfo ul,
#titleinfo h2,
#titleinfo h3 {
	font-weight: normal;
	margin: 0;
}

.goTop > .long {}
.goTop > .abbr {
  display: none;
}

#div-titleinfo #titleInfoLinkActions, #div-titleinfo #titleInfoClassification {

}

#titleInfoMetadata {
	padding-top: 0;
}

#titleInfoMetadata h1.mainheader {
    margin-top: 0;
}
#titleInfoMetadata h2 {
	padding-bottom: 1em;
}

#titleInfoMetadata h3, #titleInfoMetadata p {
	padding: .5em 0;
}
#div-titleinfo .titleInfo > * {
  /* nth-child(2) if not more
  .titleAdd > ul.nav */
}
#div-titleinfo .titleInfo > *:first-child {
  /* .subheader */
}




@media (max-width: 414px) {
  .datacol li {
    display: flex;
    flex-wrap: wrap;
  }
  .datacol li > * {

  }
}

#titleInfoNewspapers.titleInfo .vlcol {
  vertical-align: top;
	padding-bottom: 1em;
  border-bottom: 4px solid #ccc3;
}
.titleInfoMetadataChildren a.resourceLink:hover {
  text-decoration: none;
}
.titleInfoMetadataChildren a.resourceLink > *:hover {
  background-color: #fafafa;
  text-shadow: 1px 0px 1px #fff;
}
.titleInfoMetadataChildren .resourceLink > * {
  border: 1px solid #ddd;
  border-radius: 2px;
  display:inline-block;
}
a.resourceLink.inlineLink .vls-button {
    font-size: 13px;
    line-height: 16px;
}
.titleLinks > a.resourceLink.inlineLink .vls-button {
  padding: 0.3em 0;
  width:5em;
  border-color: #ddd;
}
.titleLinks > a.childLink {
  min-width: 9em;
}
.titleLinks > a.resourceLink {
  margin-left: 1em;
}
.titleInfo .flex-cols {
	display: flex;
  flex-wrap: wrap;
}
.titleInfo .vlcol {
	margin-bottom: .35em;
}
.titleInfo .flex-cols .titleLinks {
  margin-right: 3em;
}
.titleLinks > a.childLink > * {
  padding: .1em 0;
}
.titleLinks > a.resourceLink > * {
  padding: .1em .35em;
}
.titleInfo .vlcol.mdc-xlg-5 {
	flex-basis:20%;
}
@media (max-width: 1200px) {
	.titleInfo .vlcol.mdc-lg-4 {
		flex-basis:25%;
	}
}

@media (max-width: 991px) {
	.titleInfo .vlcol.mdc-md-3 {
		flex-basis:33%;
	}
}

@media (max-width: 768px) {
	.titleInfo .vlcol.mdc-sm-2 {
		flex-basis:50%;
	}
}
#navPort i.cap {
  font-style: normal;
}
#navPort .abbrTab {
  display: none;
}

@media (max-width: 414px) {
	.titleInfo .vlcol.mdc-xsm-1 {
		flex-basis:100%;
	}
  #navPort .tab {
    display: none;
  }
  #navPort .abbrTab {
    display: inline-block;
  }
}
.titleInfo .vlcol .titleLinks {
  margin-top: .0em;
	/* pdf btn moves down */
	align-items: center;
	padding:0;
}
/* newspaper-series*/
.titleInfo .onecol .titleLinks {
	display:block;
	margin-left:0;
}
.titleLinks a, .titleLinks > a {
	margin-right:0;
	/*flex:1*/
}
/* .thumb */

.titleLinks > div.childLink {
	padding:.5em .5em;
}
/*first child of titleLinks if not showThumbs */
.titleLinks > a.resourceLink {
	order:2;
}
.titleLinks > a.classic.resourceLink {
	flex:0 0 4em;
}
.titleLinks > a.childLink {
	order:1;
	flex:1;
}
.titleLinks > div.childLink.thumb {
	display:flex;
	width: 100%;
}
.titleLinks > div.childLink.thumb a .thumb {
  display:inline-block;
  margin-left:1rem;
}
/* thumb */ .titleLinks > div.childLink.thumb > a {
	flex:0;
}
/* having either .no-cols (full-width per item) or .flex-cols */
.no-cols a {
  flex: 1;
  align-self: stretch;
}
.no-cols .titleLinks > div.childLink.thumb > .cap-resource {
	flex:1;
  display: flex;
  align-self: stretch;
}
/* end having either */
.flex-cols .titleLinks > div.childLink.thumb .cap-resource {
	flex:1;
	display:flex;
	flex-direction:column;
	align-items: flex-start;
}
.flex.cols .titleLinks > div.childLink.thumb .cap-resource > * {
	float: none;
	flex:1;
}
.titleLinks > div.childLink.thumb .cap-resource > a {
	margin-right:1rem;
}
.titleLinks > div.childLink.thumb .cap-resource > a.resourceLink .vls-button {
	/*display:block;*/
}
.titleChild a.resourceLink {
	display:inline-block;
}
.inlineLink .vls-button {
	width: auto;
	height:auto;
	padding: .2em .3em .3em;
	font-family: sans-serif !important;
	font-size: 1rem;
	border-radius: 3px;
}
.inlineLink .vls-button:hover {
	background-color: #fafafa;
    color: #444;
}
.inlineLink .vls-button:before {
	font-family: "fontello" !important;
	font-size: 1.25em;
	margin: 0.2em .6em 0 .3em;
    display: inline-block;
}

/* a.ch end */

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*thumbview */
ul.lst-none {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.lst-none a {
  display: block;
}
#thumbView.csslayout {
	list-style: none outside none;
	padding-left: 0;
  display:flex;
  align-items: stretch;
  flex-wrap: wrap;
}
#thumbView li {
  flex: 1;
  flex-direction: column;
  display:flex;
  text-align: center;
  padding: .5em;
  padding-top: 1em;
  margin: 0 0.3em 0.3em 0;
  background-color: #f0f0f0;
}
#thumbView li.chooseNumberOfThumbs {
	width:128px;
	padding:6px;
}
#thumbView li > a {
	flex: 1;
  display:flex;
  flex-direction: column;
  align-items: center;
}
#thumbView.csslayout li > a > i {
  flex: 1;
}
#thumbView > li.current, #thumbView.csslayout > li:hover {
}
#thumbView img:hover {
	transition: transform .25s;
  transform:scale(1.025);
}
#thumbView.csslayout .page-nr {
  padding: 6px 0 3px;
}
#thumbView.csslayout > li.current .page-nr {
	font-weight:bold;
}

.contentsearch:after {
  content: ' \2192';
}
/*#totop {
	position: fixed;
	z-index: 20;
	bottom: 80px;
	right: 80px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: url(/wisom/domainimage/nav-bg.jpg) repeat;
	border: 1px solid gray;
	border-radius: 2px;
	display: none;
}

#totop > .arrow {
	height: 100%;
	background: url("/wisom/domainimage/totop.png") no-repeat center;
}

*/
.bd-flexLayout .mainnaviElement {
  margin-left: 0;
  margin-right: 0;
}
.bd-portal #listNavigation.layer {
  position:absolute;
  right:0;
  width: 300px;
  z-index:2;
}
/* templating.layout.flexLayout */

.listNavigation.right {
	float: none;
}
/* templating.layout.useLayout=cssLayout employs <nav class="navPort
   factory overrides */
.navPort.stellarnav #navPort > .viewCtrl {
	float: none;
}
nav.navPort .hcont {
  display: none;
  font-size:.0px
}
#leftParts {
  position:relative;
}
.titlesBar {
  display:flex;
}

#historyBackLink {
  display: inline-flex;
  cursor: pointer;
}
nav.jc {
  flex-direction: column;
  display: flex;
}
div.naviControls.jc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#searchUI .hist {
  }


@media (max-width: 16384px) {

  .mainheader .mobile-countTitles {
      display: inline;
  }
  /* limit display as with regular facet */
 	.relatedItemListNavigation #facetData a.toggle-facetitems {
		display:block;
	}
	.relatedItemListNavigation #facetData a.toggled-facetitems {
		display:none;
	}

  /* stack left and centerParts vertically */
  .bd-portal .flex-s-col {
		flex-direction:column;
	}

  #mobileTop {
    padding: 0 .5em;
  }
  #mobileTop .main {
    padding: .5em 0;
  }
  #centerParts, #leftParts {
    padding: 1em;
  }
  #defaultTop {
    display: none;
  }
  #mobileTop {
    display: block;
  }
  #topLogo {
    padding:0;
    width:auto;
    min-width:auto;
    margin: 0;
  }
  #mobileTop #topLogo a, #mobileTop #topProject a {
    background-size: contain;
    display:inline-block;
  }
  #mobileTop #topLogo a:hover {
    text-decoration: none;
  }
  #mobileTop #topUB, #mobileTop #topProject {
    /*align-self:center;*/
  }
  #topUB a {
    font-size: 20px;
  } #topProject h3 {
    line-height:20px;
  }
  #topUB a {
    font-family: Georgia;
    margin:0 1em;
  }
  #topUB a:hover {
    text-decoration: none;
  }
  #topProject, #topProject * {
    margin:0;
  }
  #topProject {
    /*overflow: hidden;
    text-overflow: ellipsis;*/
  }
  /* as 100% width toggle menu   */
  #leftParts {
    margin: 0 !important;
  }
  #leftContent {
    background-color: white !important;
    border-right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
	main {
    display:flex;
    flex-direction: column;
  }
  main > #listNavigation {
    order: -1;
  }
  .bd-portal #listNavigation.layer {
    display: none;
  }
  .bd-portal #listNavigation, .bd-portal #listNavigation.relatedItemListNavigation {
    width:100%;
		float:none;
    margin: 0;
    border-left: 0;
    padding-left: 0;
    margin-bottom: 2em;
    height: auto;
	}
  .bd-portal #listNavigation #countTitlesHeader {
    display: none;
    margin: 0;
  }
  main .listNavigation-margin {
		margin-right:0;
	}
	.bd-portal #rightParts {
		margin-right: 20px;
	}
  #navPort { /* compensate for missing centerParts padding */
    margin-bottom: 2em;
  }
}
#authLogin tr {
    display: flex;
    flex-wrap: wrap;
}
#authLogin tr > td {
    flex: 1 1 100%;
}
@media(min-width: 31em) {
#authLogin tr {
    flex-wrap: nowrap;
  }
  #authLogin tr > td:nth-child(1) {
    flex-basis: 1.8em;
  }
  #authLogin tr > td:nth-child(2) {
    flex-basis: 5em;
  }
}

.wr-toggleListNavigation {
  align-self:flex-end;
}

/* bootstrap cols */

.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}


@media (min-width: 540px) {

	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}

}



@media (min-width: 760px) {

	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}

}



@media (min-width: 1200px) {

	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}

}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.lightbox {
  position: fixed;
  inset: 0 0;
  backdrop-filter: brightness(0.5);
  width: 100%;
  height: 100%;
  z-index: 22;
}
.lightbox > * {
  position: absolute;
  inset: 50%;
  backdrop-filter: brightness(0.5);
  width: 100%;
  height: 100%;
  z-index: 22;
}
/*  display: flex;
.lightbox > .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
}
*/
.lightbox > .close {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #fff;
  z-index: 22;
  transition: .25s ease-in-out;
}
.lightbox > .close:after {
  content: +;
  font-size: 20px;
  transform: rotate(45deg)
}

/* from server/static/css/add-dtsearch.css */
/* a base-css for model 2003 */
.bd-zoomFullscreen #middleParts {
  margin: 0;
  max-width: 100%;
  min-width: 100%
}
#centerParts {
  padding: 0px !important;
}
#mobileTop {
  padding: 0 !important;
}
.mainheader.titlesBar {
    display: flex;
    align-items: center;
}
/*
.rightCtrl, .titlesBar > .selectedFacets {
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
}
*/
/* search */

.sruForm {
  padding-bottom: 2rem;
}
.sruForm .legend {
  letter-spacing: inherit;
  font-size: 1.2em;
}
#searchformMetadata .legend {
  display: flex;
  align-items: center;
}
.sruForm .legend > *:first-child {
  display: inline-block;
  padding: 0 0 1em;
  flex: 1;
}
.sruForm select.sruBool {
	width:100%;
}
#outputOptions th {
  padding: .75em 0;
}
#outputOptions .legend {
  display: none;
}
#searchformMetadata .legend > #resetSearchIcon {
  display: inherit;
  margin: 0 !important;
  background-color: #283337;
  z-index: 1;
}
#searchformMetadata th {
    display: inherit;
}
#outputOptions th >*, #outputOptions th >* label {
  display: flex;
  align-items: center;
}
#outputOptions th >* label {
  margin-right: 1em;
}
#searchformMetadata td, #searchformFulltext input, #outputOptions th > * {
  min-height: 36px;
}
#searchformMetadata tr, #searchformFulltext td, #outputOptions th  {
  display: flex;
  font-size: 14px;
}
.sruForm tr > * {
  flex: 1;
  padding:0;
}
#searchformMetadata tr:first-of-type {
  display: none;
}
#searchformMetadata td.sruBool, #searchformMetadata td.sruIndex {
  position: relative;
}
#searchformMetadata td.sruBool:before, #searchformMetadata td.sruIndex:before {
}
#searchformMetadata .sruBool > *, #searchformMetadata .sruIndex > * {
  font-family: inherit;
}
#outputOptions th {
  text-align: left;
  font-weight: normal;
}
/*#outputOptions .submit {
  display: inline-block;
}
#submitSearch.submit {
  display: none;
}*/
#submitSearch {
  margin: 2em 0;
  width: 100%;
  height: 2.5rem;
}
#searchInfoHeader {
  display: inline-block;
}
#searchInfoHeader .infoFly {
  margin-left: 0;
  font-size: 1em;
  margin-left: 5px;
  padding: 0 0 1px 0;
  display: inline-block;
  text-transform: none;
}
.rightCtrl.vlsControl .button.large, .searchInfo.vlsControl .button.large {
  font-size: 14px;
}
.sruForm input {
  font-size: 1em;
  padding: 1px 8px;
}
.sruForm select
/*, select.change, #searchformFulltext td > *:first-child, #outputOptions .radios */ {
  height: 100%;
  width: 100%;
  padding: .3em .5em;
  padding-right: 0;
}
#facetDataMainheader h4.menuheader, #searchinfo > .close {
  text-align: center;
}
#resetSearchText {
  font-size: 12px;
  display: inline-block;
  margin-top:.2em;
  padding: .3em;
}
#searchUIHeader {
  padding-right: 0;

}
.searchInfo .toggle:after {
  color: #888;
  content: ' \F129';
  font-family: 'fontello';
  font-size: 1.3em;
  margin: 0 .3em;
  border: 1px solid #b5b5b5;
  padding: 3px;
  border-radius: 20px;
  width: 38px;
  display: inline-block;
  line-height: 28px;
}
#resetSearchText:after {
  color:#888;
  content: ' \E836';
  font-family: 'fontello';
}
#searchinfo.modern {
  max-width: 49em;
  margin-left: -1px;
  border-left: 1px solid #ddd;
}
#searchinfo > .close {
    background-color: #e8e8e8;
    padding: 1em;
    font-size: 1.25rem;
    cursor: pointer;
}
#searchinfo > .close:before {
  margin-right: .75em;
}
#searchformMetadata tr > td.sruBool, #searchformMetadata th:nth-of-type(1) {
  flex-basis: 10%;
}
#searchformMetadata tr > td.sruIndex, #searchformMetadata th:nth-of-type(2) {
  flex-basis: 25%;
}
#searchformMetadata tr > td.sruIndex:first-of-type, #searchformFulltext td > *:first-child {
  flex-basis: 35%;
}
#searchformMetadata td.sruTerm, #searchformMetadata th:nth-of-type(3), #searchformFulltext td > *:nth-child(2) {
  width: 100%;
  flex-basis: 65%;
  display: flex;
}
@media (max-width: 840px) {

  #searchformMetadata td.sruBool:before, #searchformMetadata td.sruIndex:before {
    background: none;
  }
  #custom-menu-layer > div {
    width: 75vw;
  }

}

@media (max-width: 662px) {

  #searchformMetadata tr > td.sruBool {
    flex-basis: 20%;
  }
  #searchformMetadata tr > td.sruIndex {
    flex-basis: 30%;
  }
  #searchformMetadata tr > td.sruIndex:first-of-type, #searchformFulltext td > *:first-child, #outputOptions-truncateRight  {
    flex-basis: 50%;
  }
  #searchformMetadata td.sruTerm, #searchformFulltext td > *:nth-child(2), #truncate {
    flex-basis: calc(100% );
  }
}

@media (max-width: 662px) {
  #searchformMetadata tr, #searchformFulltext td, #outputOptions th {
    flex-wrap: wrap;
  }
  #searchformMetadata td.sruTerm, #searchformFulltext td > * {
    flex-basis: 100%;
  }
}


/* break long urls in mobile */
#titleinfoLinksI3F a {
  word-break: break-all;
}



/* from server/static/css/fonticons.css */
/* start */
@font-face {
  font-family: 'fontello';
  src: url('/static/css/fonticons/fontello.eot?90863525');
  src: url('/static/css/fonticons/fontello.eot?90863525#iefix') format('embedded-opentype'),
	   url('/static/css/fonticons/fontello.ttf?90863525') format('truetype'),
	   url('/static/css/fonticons/fontello.svg?90863525#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


.vls-button, #navPort > .menuCtrl, .fa, .fa-icon, .vl-btn {

  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
  /* opacity: .8; */
}
.fa {
	display: inline-block;
}
.vls-button {
  text-align: center;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  background-color: #fff;
  background: #fff none;
	border:1px solid #bbb;
	border-radius:2px;
  margin-right: .2em;
	width:1.5em;
  box-sizing: border-box;
}

a.vls-button {
	color:rgba(0, 0, 0, 0.5);
  text-decoration: none !important;
}
a.vls-button:hover {
	color:black;
	background-color: #fefefe;
}
a.vls-button:active {
	background-color: #fcfcfc;
}
a.vls-button.inactive, a.vls-button.inactive:hover, a.vls-button.inactive:active {
	color:rgba(0, 0, 0, 0.2);
	cursor:default;
}
select, .nodrop, #npSingle {
    font-size: 1em;
}
.resizeControls, .naviControls, .rotateControls, div#fullScr {
    margin-top: 0;
}

.mainheader .vls-open-Layer {
}
#navPath > *, .vls-open-Layer {
  line-height: 1.75rem;
}
.vls-open-Layer {
	cursor:pointer;
	font-size: 1rem;
	color:#666;
	display:inline-block;
	background-color:#f7f7f8;
	border: 1px solid #eee;
  border-radius: 2px;
	vertical-align: middle;
	padding:0 .25rem;
	margin:0 .4rem;
	margin-top: -0.4rem;
}
.vls-open-Layer:hover {
	background-color:#f3f3f4;
}
/* .paginglink .toggleMode */
.list-paging .vls-button, .naviControls .vls-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.naviControls.vls-button:after {
  display:initial;
  margin-top: initial;
}
.vls-button:after {
}
div.paginglink span:after, .toggleMode.s:after {
    opacity: .25;
}
div.paginglink a.start:after, div.paginglink span.start_s:after {
	content:'\E800';
}
div.paginglink a.back:after, div.paginglink span.back_s:after {
	content:'\E820';
	transform: scaleX(-1);
}
div.paginglink a.forw:after, div.paginglink span.forw_s:after {
	content:'\E820';
}
div.paginglink a.end:after, div.paginglink span.end_s:after {
	content:'\E803';
}
a#goZoom:after, a#goZoom_s:after {
	content:'\E804';
}
a#goPage:after, a#goPage_s:after {
	content:'\E805';
}
/*
a#zoomzin:after, a#zoomzin_s:after {
	content:'\E804';
}
a#zoomzout:after, a#zoomzout_s:after {
	content:'\E804';
}
*/
a#rotateClockwise:after, a#rotateClockwise_s:after {
	content:'\E816';
}

a#rotateCounterclockwise:after, a#rotateCounterclockwise_s:after {
	content:'\E817';
}
a#zoomh:after, a#zoomh_s:after {
	content:'\E807';
}
a#zoomw:after, a#zoomw_s:after {
	content:'\E808';
}

a.toggleModeText:after, a.toggleModeWiki:after {
	content:'\E809';
}
a.toggleModePage:after, a.toggleModeImage:after {
	content:'\f1c5';
}
/*arrow version pos 14.0 */
a#downloadZeroWebcacheImage, a#downloadZeroWebcacheImage_s {
}

a#toggleBorderCrop, a#toggleBorderCrop_s {
}

a#dpage:after, a#dpage_s:after {
	content:'\F0F6';
}
a#pageview:after, a#pageview_s:after {
	content:'\E80C';
}
a#dpageshift:after {
 content:'\e82d';
 transform: scaleX(-1);
}
a#dpageshift.shaded:after {
	opacity: .25;
}
a#scrollTop {
	font-size:1.75rem;
	display:none;
	position:fixed;
  z-index: 14;
	right:1em;
	bottom:1em;
	width: 1.7em;
	height: 1.7em;
	border-radius:.8em;
	background-color:#f6f6f6;
	border: 0px solid #eee;
}
a#scrollTop:after {
	content:'\E81A';
	margin-left: -.17em;
}
#navPort > .menuCtrl a:before { content: '\f008'; } /* '' */
#navPort > li.menuCtrl {
	width:1em
}

.icon-to-start:before { content: '\e800'; } /* '' */
.icon-left-dir:before { content: '\e801'; } /* '' */
.icon-right-dir:before { content: '\e802'; } /* '' */
.icon-to-end:before { content: '\e803'; } /* '' */
.icon-zoom-in:before { content: '\e804'; } /* '' */
.icon-zoom-out:before { content: '\e805'; } /* '' */
.icon-cw:before { content: '\e806'; } /* '' */
.icon-resize-vertical:before { content: '\e807'; } /* '' */
.icon-resize-horizontal:before { content: '\e808'; } /* '' */
.icon-font:before { content: '\e809'; } /* '' */
.icon-download:before { content: '\e80a'; } /* '' */
.icon-floppy:before { content: '\e80b'; } /* '' */
.icon-book-open:before { content: '\e80c'; } /* '' */
.icon-mail:before { content: '\e80d'; } /* '' */
.icon-picture:before { content: '\e80e'; } /* '' */
.icon-th-list:before { content: '\e80f'; } /* '' */
.icon-th:before { content: '\e810'; } /* '' */
.icon-cancel:before { content: '\e811'; } /* '' */
.icon-home:before { content: '\e812'; } /* '' */
.icon-edit:before { content: '\e813'; } /* '' */
.icon-doc:before { content: '\e814'; } /* '' */
.icon-folder:before { content: '\e815'; } /* '' */
.icon-cw-1:before { content: '\e816'; } /* '' */
.icon-ccw:before { content: '\e817'; } /* '' */
.icon-right-open:before { content: '\e818'; } /* '' */
.icon-down-open:before { content: '\e819'; } /* '' */
.icon-up-open:before { content: '\e81a'; } /* '' */
.icon-left-open:before { content: '\e81b'; } /* '' */
.icon-play:before { content: '\e81c'; } /* '' */
.icon-fast-fw:before { content: '\e81d'; } /* '' */
.icon-book:before { content: '\e81e'; } /* '' */
.icon-search:before { content: '\e81f'; } /* '' */
.icon-play-1:before { content: '\e820'; } /* '' */
.icon-down-open-big:before { content: '\e821'; } /* '' */
.icon-right-open-big:before { content: '\e822'; } /* '' */
.icon-up-open-big:before { content: '\e823'; } /* '' */
.icon-down-open-1:before { content: '\e824'; } /* '' */
.icon-right-open-1:before { content: '\e825'; } /* '' */
.icon-up-open-1:before { content: '\e826'; } /* '' */
.icon-cancel-1:before { content: '\e827'; } /* '' */
.icon-cog:before { content: '\e828'; } /* '' */
.icon-doc-text-1:before { content: '\e829'; } /* '' */
.icon-doc-1:before { content: '\e82a'; } /* '' */
.icon-docs-1:before { content: '\e82b'; } /* '' */
.icon-rss:before { content: '\e82c'; } /* '' */
.icon-login:before { content: '\e82d'; } /* '' */
.icon-logout:before { content: '\e82e'; } /* '' */
.icon-menu:before { content: '\e82f'; } /* '' */
.icon-menu-1:before { content: '\e830'; } /* '' */
.icon-spin2:before { content: '\e831'; } /* '' */
.icon-left-dir-1:before { content: '\e832'; } /* '' */
.icon-right-dir-1:before { content: '\e833'; } /* '' */
.icon-up-dir:before { content: '\e834'; } /* '' */
.icon-down-dir:before { content: '\e835'; } /* '' */
.icon-cancel-2:before { content: '\e836'; } /* '' */
.icon-cancel-3:before { content: '\e837'; } /* '' */
.icon-cancel-4:before { content: '\e838'; } /* '' */
.icon-search-1:before { content: '\e839'; } /* '' */
.icon-user:before { content: '\e83a'; } /* '' */
.icon-users:before { content: '\e83b'; } /* '' */
.icon-location:before { content: '\e83c'; } /* '' */
.icon-calendar:before { content: '\e83d'; } /* '' */
.icon-phone:before { content: '\e83e'; } /* '' */
.icon-cog-1:before { content: '\e83f'; } /* '' */
.icon-cog-alt:before { content: '\e840'; } /* '' */
.icon-wrench:before { content: '\e841'; } /* '' */
.icon-resize-full:before { content: '\e842'; } /* '' */
.icon-resize-small:before { content: '\e843'; } /* '' */
.icon-home-1:before { content: '\e844'; } /* '' */
.icon-globe:before { content: '\e845'; } /* '' */
.icon-location-1:before { content: '\e846'; } /* '' */
.icon-check:before { content: '\e847'; } /* '' */
.icon-adjust:before { content: '\e848'; } /* '' */
.icon-switch:before { content: '\e849'; } /* '' */
.icon-video-alt:before { content: '\e84a'; } /* '' */
.icon-arrows-cw:before { content: '\e84b'; } /* '' */
.icon-filter-1:before { content: '\e84c'; } /* '' */
.icon-trash-empty:before { content: '\e84d'; } /* '' */
.icon-right-big:before { content: '\e84e'; } /* '' */
.icon-down-open-2:before { content: '\f004'; } /* '' */
.icon-up-open-2:before { content: '\f005'; } /* '' */
.icon-right-open-2:before { content: '\f006'; } /* '' */
.icon-left-open-1:before { content: '\f007'; } /* '' */
.icon-menu-2:before { content: '\f008'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-rss-1:before { content: '\f09e'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-menu-3:before { content: '\f0c9'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-sort-down:before { content: '\f0dd'; } /* '' */
.icon-sort-up:before { content: '\f0de'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-info:before { content: '\f129'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-ellipsis:before { content: '\f141'; } /* '' */
.icon-rss-squared:before { content: '\f143'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-right:before { content: '\f178'; } /* '' */
.icon-sun:before { content: '\f185'; } /* '' */
.icon-moon:before { content: '\f186'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-code:before { content: '\f1c9'; } /* '' */
.icon-circle-notch:before { content: '\f1ce'; } /* '' */
.icon-sliders:before { content: '\f1de'; } /* '' */
.icon-share:before { content: '\f1e0'; } /* '' */
.icon-toggle-off:before { content: '\f204'; } /* '' */
.icon-toggle-on:before { content: '\f205'; } /* '' */
.icon-user-plus:before { content: '\f234'; } /* '' */
.icon-user-times:before { content: '\f235'; } /* '' */
.icon-clone:before { content: '\f24d'; } /* '' */
.icon-hand-paper-o:before { content: '\f256'; } /* '' */
.icon-creative-commons:before { content: '\f25e'; } /* '' */
.icon-wikipedia-w:before { content: '\f266'; } /* '' */
.icon-map-o:before { content: '\f278'; } /* '' */
.icon-envelope-open:before { content: '\f2b6'; } /* '' */
.icon-envelope-open-o:before { content: '\f2b7'; } /* '' */
.icon-window-close-o:before { content: '\f2d4'; } /* '' */

/* from server/static/css/wiki.css */
/*content/wiki|wikihist*/

.wikiEditor {
 width:100%;
 margin: 0;
}
/* cf. fonticons.wiki.css .editor-caption, .editor-toolbar  */
.editwiki-bar {
	border-bottom: 1px solid #ddd;
	padding:.3em 0;
  display: flex;
}
.editwiki-bar#wikiOptions {
  display:flex;
}
.editor-toolbar {
  flex:1 0 auto;
  z-index: 1;
}
.editor-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity:.35;
    font-weight:bold;
    padding: 0.5em 0;
    margin-left:.5em;
}

.checkpoint-dialog, .reopen-dialog {
	font-family: sans-serif;
	z-index: 10;
	background-color: #fefefe;
	border: 1px solid #bbb;
	padding: 1em;
	font-size: 14px;
	width:18.8em;
	margin-top: -5em;
	margin-left: 5em;
}
.checkpoint-dialog textarea, .reopen-dialog textarea {
	width: 17em;
	height: 4em;
}
.checkpoint-dialog textarea {
	height: 4em;
}
.reopen-dialog textarea {
	height: 7em;
}

/* from server/static/css/fonticons.wiki.css */
@font-face {
  font-family: 'fontello-wiki';
  src: url('/static/css/fonticons.wiki/fontello.eot?70299063');
  src: url('/static/css/fonticons.wiki/fontello.eot?70299063#iefix') format('embedded-opentype'),
       url('/static/css/fonticons.wiki/fontello.woff2?70299063') format('woff2'),
       url('/static/css/fonticons.wiki/fontello.woff?70299063') format('woff'),
       url('/static/css/fonticons.wiki/fontello.ttf?70299063') format('truetype'),
       url('/static/css/fonticons.wiki/fontello.svg?70299063#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/static/css/fonticons.wiki/fontello.svg?70299063#fontello') format('svg');
  }
}
*/
#moreEditActions {
    position:absolute;
    background-color:white;
    width:12em;
    display:none;
    border: 1px solid #eee;
    color: #888;
    z-index:100;
}
#moreEditActions div {
    padding:.3em .4em;
    border-bottom: 1px solid #eee;
    cursor:pointer;
    opacity:.6;
}
#moreEditActions span {
    font-size: .825em;
    font-family: sans-serif;
    display: inline-block;
    margin-bottom:-1px;
    margin-left: 1em;
}
#moreEditActions div:hover {
    opacity:.8;
}
.editor-caption, .editor-toolbar {
    display:inline-block;
}

.editor-icons {
    font-size: 16px;
    font-family: 'fontello-wiki';
    user-select: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
 }
.editor-toolbar {
    margin-right:1.5em;
    opacity:.85;
}
.editor-emblems.editor-icons {
    opacity:1;
}
.editor-ctrl.editor-icons {
    opacity:1;
}
.editor-icons:hover {
    opacity: 1;
}
.editor-icons.small {
    font-size: 12px;
}
.bd_pages .editor-ctrl {
    /*displayed when image loaded - see main.js*/
    display:none;
}
.editor-toolbar:after, .editor-toolbar:before {
    display: block;
    content: ' ';
    height: 1px;
}
.editor-toolbar span.separator {
    font-size: 1.3em;
    vertical-align: middle;
    display: inline-block;
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #fff;
    color: transparent;
    text-indent: -10px;
    margin: 0 6px;
}
.editor-toolbar span.separator.strong {
    border-left: 2px solid #d9d9d9;
}
.editor-icons a:before {
    line-height: 30px;
}
.editor-icons.small a:before {
    line-height: 22px;
}
/* .editor-ctrl has border, employed for single buttons and in transcript activity */
.editor-icons.editor-ctrl a {
    text-decoration: none !important;
    background-color: #fff;
    border: 1px solid #99a9a9;
    opacity:1;
    margin-left:.4em;
    color:#888;
}
.editor-icons.editor-ctrl:hover {
    opacity: 1;
}
 .editor-icons a {
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    color: hsl(210, 10%, 45%) !important;
    margin-right: .2em;
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
	background-color: #fff;
}
.editor-icons.small a {
    width: 22px;
    height: 22px;
}
.editor-icons a.active, .editor-icons a:hover, .editor-icons a.selected {
    background: #fcfcfc;
    border-color: #95a5a6;
}
.editor-icons a.inactive:hover {
    background: transparent;
    border-color: transparent;
    cursor: default;
}
.editor-icons.editor-ctrl a.inactive:hover {
    border-color: #99a9a9;
}
.editor-icons.editor-ctrl a.inactive {
    opacity: .5;
}
.editor-icons a.icon-down-open-1 {
    width: 9px;
    background: #f2f2f2;
    border-color: #f0f0f0;
    border-radius: 1px;
    height: 30px;
    margin-right:.2em;
}
.editor-icons .icon-ok {
    color:#a00 !important;
}
.editor-icons a.icon-ok.inactive {
    color: #888 !important;
}
.editor-icons .icon-publish  {
    color:#080 !important;
}
.editor-icons .icon-published  {
    color:hsl(210, 10%, 45%) !important;
}
.editor-icons a.icon-reply  {
    color:#db9600 !important;
}
.editor-icons a.icon-publish.inactive {
    color: #888 !important;
}
.editor-icons a.color-skyblue, .editor-icons.color-skyblue {
    color:skyblue !important;
}
.editor-icons a.color-lightgreen, .editor-icons.color-lightgreen {
    color:#8cd98c !important;
}
.editor-icons a.color-green, .editor-icons.color-green {
    color:#080 !important;
}
.editor-icons a.icon-user.color-green {
    color:#00a800 !important;
}
.editor-icons a.color-red, .editor-icons.color-red {
    color:#800 !important;
}
.editor-icons a.icon-user.color-red {
    color:#a80000 !important;
}
.icon-file-image.wiki-snipletWiki {
    /*color: #a00;*/
}
.icon-reply.color-lightgreen {
    transform: scaleX(-1);
}
/*.editor-toolbar a.icon-single-curly { vertical-align: bottom; }
.icon-single-curly:before { font-size: 3em; font-family: serif; content: '\2019' } */

.editor-icons > .icon-asterisk:before {
  border-bottom: 2px solid hsl(210, 10%, 45%); border-radius: 10px;

} .editor-icons > .icon-asterisk-fn:before {
  border-top: 2px solid hsl(210, 10%, 45%); border-radius: 10px;
}


/* these have either no editor-icons class or carry it in the el itself */
.icon-search:before { content: '\e800'; }
.icon-minus:before { content: '\e807'; }
.icon-ok:before { content: '\e804'; }


.editor-icons > .icon-asterisk:before { content: '\2731'; } /* '✱' */
.editor-icons > .icon-asterisk-fn:before { content: '\2731'; } /* '✱' */
.editor-icons > .icon-picture:before { content: '\e801'; }
.editor-icons > .icon-floppy:before { content: '\e802'; }
.editor-icons > .icon-publish:before { content: '\e803'; }
.editor-icons > .icon-cancel:before { content: '\e805'; }
/*.icon-plus:before { content: '\e806'; } /* '' */
.editor-icons > .icon-home:before { content: '\e808'; } /* '' */
.editor-icons > .icon-link:before { content: '\e809'; } /* '' */
/*.icon-tag:before { content: '\e80a'; } /* ''
.icon-forward:before { content: '\e80b'; } /* ''
.icon-pencil:before { content: '\e80c'; } /* ''
.icon-doc:before { content: '\e80d'; } /* '' */
.editor-icons > .icon-cog:before { content: '\e80e'; } /* '' */
/*.icon-wrench:before { content: '\e80f'; } /* ''
.icon-login:before { content: '\e810'; } /* ''
.icon-logout:before { content: '\e811'; } /* ''
.icon-filter:before { content: '\f0b0'; } /* ''
.icon-resize-full:before { content: '\e812'; } /* ''
.icon-resize-small:before { content: '\e813'; } /* ''
.icon-resize-vertical:before { content: '\e814'; } /* ''
.icon-resize-horizontal:before { content: '\e815'; } /* ''
.icon-zoom-in:before { content: '\e816'; } /* ''
.icon-zoom-out:before { content: '\e817'; } /* '' */

.editor-icons > .icon-align-justify:before { content: '\e818'; } /* '' */
.editor-icons > .icon-eye:before { content: '\e819'; } /* '' */
.editor-icons > .icon-indent-right:before { content: '\e81a'; } /* '' */
.editor-icons > .icon-help-circled:before { content: '\e81b'; } /* '' */
.editor-icons > .icon-edit:before { content: '\e81c'; } /* '' */
.editor-icons > .icon-user:before { content: '\e81d'; } /* '' */
/*.icon-clock:before { content: '\e81e'; } /* ''
.icon-list-alt:before { content: '\e81f'; } /* '' */
.editor-icons > .icon-bold:before { content: '\e820'; } /* '' */
.editor-icons > .icon-italic:before { content: '\e821'; } /* '' */
.editor-icons > .icon-align-center:before { content: '\e822'; } /* '' */
.editor-icons > .icon-align-right:before { content: '\e823'; } /* '' */
/*.icon-down-open:before { content: '\e824'; } /* '' */
.editor-icons > .icon-down-open-1:before { content: '\e825'; } /* '' */
/*.icon-spin2:before { content: '\e831'; } /* ''*/
.editor-icons > .icon-trash-empty:before { content: '\e729'; } /* '' */

.icon-math:before { content: '\f01a'; } /* ''
.icon-move:before { content: '\f047'; } /* ''
.icon-resize-full-alt:before { content: '\f0b2'; } /* ''
.icon-menu:before { content: '\f0c9'; } /* '' */
.editor-icons > .icon-list-bullet:before { content: '\f0ca'; } /* '' */
.editor-icons > .icon-list-numbered:before { content: '\f0cb'; } /* '' */
.editor-icons > .icon-strike:before { content: '\f0cc'; } /* '' */
.editor-icons > .icon-underline:before { content: '\f0cd'; } /* '' */
/*.icon-table:before { content: '\f0ce'; } /* ''
.icon-columns:before { content: '\f0db'; } /* ''
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.editor-icons > .icon-quote-left:before { content: '\f10d'; } /* '' */
/*.icon-quote-right:before { content: '\f10e'; } /* ''*/
.icon-reply:before { content: '\f112'; } /* ''*/
.icon-code:before { content: '\f121'; } /* ''
.icon-info:before { content: '\f129'; } /* '' */
.editor-icons > .icon-superscript:before { content: '\f12b'; } /* '' */
.editor-icons > .icon-subscript:before { content: '\f12c'; } /* '' */
.editor-icons > .icon-level-down:before { content: '\f149'; } /* '' */
.editor-icons > .icon-file-image:before { content: '\f1c5'; } /* '' */
.editor-icons > .icon-history:before { content: '\f1da'; } /* '' */
.editor-icons > .icon-header:before { content: '\f1dc'; } /* '' */
.editor-icons > .icon-paragraph:before { content: '\f1dd'; } /* '' */
.editor-icons > .icon-user-times:before { content: '\f235'; } /* '' */

/* from wisom/static/css/styles.css */
@font-face {
  font-family: 'Regular';
  src: url('/domainresource/static/css/fonts/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Bold';
  src: url('/domainresource/static/css/fonts/SourceSansPro-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'SemiBold';
  src: url('/domainresource/static/css/fonts/SourceSansPro-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'ExtraBold';
  src: url('/domainresource/static/css/fonts/SourceSans3-ExtraBold.ttf') format('truetype');
}
:root {
  --blue: #1d436a;
  --sand: #f7f6f2;
  --lavender: #cac5df;
  --slate: #dee3e9;
  --steel: #778EA5;
  --green: #c1db66;
  --boxmargin: 20px;
  --mainmargin: calc(50% - 1680px / 2);
  --topheight: 112px;
}
html {
  font-size: 1em;
}
@media (min-width: 1600px) {
  html {
    font-size: 1.1em;
  }
}
@media (min-width: 1760px) {
  html {
    font-size: 1.1875em;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 1.25em;
  }
}
.bd-zoomFullscreen #wisomSearchbox.bluebox {
  display: none;
}
body,
td {
  font-size: 1rem;
}
body {
  margin: 0 auto;
  max-width: 1920px;
}
#main {
  margin: 0 var(--boxmargin);
}
.bd-zoomFullscreen #searchbox, .bd-zoomFullscreen .toggle-custom-menu, .bd-zoomFullscreen #titleHeader {
  display: none;
}

b, strong {
  font-weight: normal;
  font-family: Bold;
}
body {
  font-family: 'Regular', Helvetica, Helvetica, Arial, sans-serif;
}
body, td, a {
  color: var(--blue);
}
a:hover {
  text-decoration: none;
} #middleParts a:hover {
  text-decoration: underline;
}
h1,
h2,
h3 {
  color: var(--blue);
}
h1.mainheader:first-of-type, #titleHeader {
  margin-top:2.5rem;
  text-align: center;
  font: 1.5625rem Bold;
}
h1 {
  font: 2.5rem ExtraBold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
h2, .sruForm .legend, #selfregistration-validatetoken h1 {
  font: 1.4375rem Bold;
  letter-spacing: 0.015em;
}
h3 {
  font: 1.25rem Bold;
}
#wisomLibrary h1 {
  color: white;
  text-align: left;
  font: 2.5rem Bold;
  margin-bottom: 0.825rem;
}
#authLogin h1 {
  display: none;
}
h1.bold {
  font: 2.5rem Bold;
}
main > * {
  margin-left: 0 !important;
}
.wiki-center,
.deform {
  position: relative;
  background-color: var(--sand);
}
/*.deform >
.wiki-center article {
*/
.selfregistration-register-success + .deform > li {
  display: flex;
  margin-bottom: .5em;
  margin-left: 25px;
  max-width: 51rem;
}
main > *.wiki > article, .aboutWisom > *, main .authForm, .deformFormFieldset {
  margin: 0 auto;
  max-width: 51rem;
  padding-left: 25px;
  padding-right: 25px;
}
.slatebox, .bluebox + *, .navPort,
.wiki.login,
#registeruser,
#selfregistration-register,
#bottomParts,
#searchUIHeader {
  margin-top: var(--boxmargin);
}

.aboutWisom.bluebox > h1 {
  color: white;
}
.aboutWisom > h2 {
  margin-left: 10px;
}
.aboutWisom.bluebox > * {
  padding: 0 25px;
}
.bd-portal-home .wiki-center article {
  max-width: initial;
}
.bd-portal-home .wiki-center article {
  padding: 0;
}
.wiki-center article h1,
.wiki > article h1:first-of-type {
  margin: 50px 0;
}
.wiki-center article h2 {
}
.bd-portal-home .wiki-center,
.wiki-center.aboutWisom {
  background-color: transparent;
}
.bd-portal-zoom #map,
.aboutWisom.aboutList {
  background-color: var(--sand);
}
.vl-pageview-controls .contents .vl-pbuttons {
  background-color: var(--blue);
}
.vl-pageview-controls .totoggle {
  background-color: #000d1ab3;
}

.menuheader,
.mainheader,
.subheader {
  padding: 0;
}
#topParts header {
  height: 87px;
}
#topParts {
  z-index: 3;
  position: fixed;
  top:0;
  background-color: white;
  width:1920px;

}
#middleParts {
  margin-top: var(--topheight);
} #custom-menu-layer, .toggle-custom-menu {
  top: var(--topheight);
}
#mainsearch td.ms-submit.image {
  width: 54px;
}

@media (max-width:1940px) {
  #topParts {
    width: calc(100% - 2 * var(--boxmargin) );
  }
}
.bd-wiki-edit #topParts {
  position: initial;
}
.bd-wiki-edit #middleParts {
  margin-top: 0;
}
#main {
  position: relative;
}
#mobileTop .main {
  margin-top:24px;
  margin-bottom:17px;
  padding: 0;
  align-items: inherit;
}

#topLogo {
  flex-basis: 40%;
  margin-top: 17px;
  margin-bottom:-7px;
}
#topProject {
  flex-basis: 62%;
}
#topProject .menubox {
  padding-bottom: 0;
}
#topProject .menubox > ul {
  display: flex;
  text-align: center;
}
#topProject .menubox > ul > li {
  flex: 1;
}
#topProject a {
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  margin-left: 20px;
  white-space: nowrap;
}
#topProject a:hover,
#topProject a.sel {
  border-bottom: 1px solid var(--blue);
}
#topLogo a {
  margin-left: 40px;
  height: 44px;
  width: 132px;
  background: url(/domainimage/wisom-logo.png) no-repeat;
}
#topLogo a.plain-lang:before {
  content: '';
  display: inline-block;
  background: url(/domainimage/wisom_icon_leichte_sprache_fin.svg) no-repeat;
  background-size: contain;
  flex-basis: 48px;
  height: 24px;
  margin-left: 10px;
}

#topProject {
  font: 1.1rem SemiBold;
  font-weight: 300;
  text-transform: uppercase;
}
.bd-state .toggle-custom-menu {
} .toggleListNavigation {
  margin: 10px 3em 0 0;
}
#custom-menu-layer .toggle-custom-menu.close {
  background: var(--blue) url(/domainimage/k-menu-close.svg) 50% 50%;
}
#custom-menu-layer > nav {
  padding: 3.125rem 10px 1.875rem;
}
.toggle-custom-menu {
  z-index: 2;
  width: 3rem !important;
  position: absolute;
  height: 3rem;
  display: inline-block;
  cursor: pointer;
  background: var(--blue) url(/domainimage/t-ham.svg) 50% 50%;
  background-size: contain;
  right:0;
}
#custom-menu-layer, .toggle-custom-menu {
  position: fixed;
  right: var(--boxmargin);
}

#custom-menu-layer.active {
  z-index: 1;
  opacity: 1;
}
#custom-menu-layer {
  opacity: 0;
  bottom: 0;
  overflow: auto;
  transition: opacity 200ms;
  z-index: -1;
  width: 20rem;
}
#custom-menu-layer > nav {
  background-color: var(--blue);
}
#custom-menu-layer::-webkit-scrollbar {
  width:0;
}
#custom-menu-layer {
  color: white;
}
#leftContent {
  background-color: transparent !important;
}
h4.menuheader {
  font-size: 1.125rem;
  text-transform: uppercase;
}
h4.menuheader {
  font-family: 'Bold';
  letter-spacing: 1px;
}
.menubox {
  border: 0;
}
#custom-menu-layer h4.menuheader {
  color: white;
}
#custom-menu-layer .menubox {

}
.menubox a {
  margin: 0;
  padding: 10px 0;
}
.menubox a.sel {
  font-weight: normal;
}
#mobileTop > .addbox > .contents {
  height: 0;
}
#hero {
  position: relative;
  display: flex;
  flex-direction: column;
}
#hero .holder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  z-index: -1;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}
#hero .holder-1 {
  opacity: 1;
  background-image: url(/domainimage/1_WISOM_Verkehr_Kreuzung.jpg);
}
#hero .holder-2 {
  background-image: url(/domainimage/2_WISOM_Verkehr_Allee.jpg);
}
#hero .holder-3 {
  background-image: url(/domainimage/3_WISOM_Verkehr_Kinder_Fahrrad.jpg);
}
#hero .holder-4 {
  background-image: url(/domainimage/4_WISOM_Verkehr_Lkw.jpg);
}
#wisomLibrary, .wisomLibrarySpacer {
  width: 25rem;
  padding: 25px 4.875rem 1.875rem 25px;
  font: 1.35rem SemiBold;
  display: flex;
  flex-direction: column;
}
#wisomLibrary {
  background: var(--blue);
  color: white;
  letter-spacing: 0.03em;
}
#wisomLibrary > *:first-child {
  flex: 1;
}
main > .wiki.wlspacer, main > .wiki:has(.wisomLibrarySpacer) {
  padding-left: 0;
}
main > *.wiki.wlspacer:first-child {
  padding-bottom: 0;
}
.wiki-center.cols, #registeruser, .wiki-center + .deform, .selfregistration-register-success + .deform {
  display: flex;
  flex-wrap: wrap;
}
#registeruser {
  padding-bottom: 50px;
}
.wiki-center.cols #wisomLibrary {
  align-self: start;
}
.bd-wiki-aboutWisom #wisomLibrary,
.bd-wiki-easy_language #wisomLibrary,
.bd-wiki-propose-contents #wisomLibrary {
  display: none;
}
.wiki-center.cols article, .deform > *:nth-child(2), .authForm  {
  flex-basis: 50%;
}
@media (max-width: 940px) {
  .wiki-center.cols article, .deform > *:nth-child(2), .authForm  {
    flex-basis: 100%;
    max-width: 600px;
  }
}
.authForm form > div {
  max-width: 26em;
}
.bluebox {
  padding: 3.75rem 0 1.875rem;
  background: var(--blue);
}
#wisomSearchbox.bluebox {
  padding: 3.75rem 0 1.875rem;
  display: flex;
  justify-content: center;
}
.aboutList {
  padding-top: 25px;
}
.aboutList ul {
  padding-left: 10px;
}
.aboutList li {
  display: flex;
  margin-top: 1.5em;
  border-bottom: 1px solid var(--blue);
  padding-bottom: 0.5em;
}
.aboutList li:last-of-type {
  border-bottom: 0;
}
.aboutList li p {
  flex: 1;
  font: 1.1rem Bold;
}
.aboutList li:before {
  content: '';
  display: inline-block;
  background: url(/domainimage/check-green.svg) no-repeat;
  background-size: contain;
  flex-basis: 48px;
  height: 24px;
  margin-left: 10px;
}

#wisomStartbox {
  display: flex;
  flex-wrap: wrap;
}
.bd-portal-home #wisomSearchbox {
  flex: 1;
  margin: 0 33% ;
  max-width: 564px;
}
#wisomSearchbox {
  text-align: center;
}
#wisomDekra {
  flex: 1;
  text-align: right;
  margin: 10px 20px calc(-1 * var(--boxmargin) - 5px) 30px;
}
#wisomDekra > * {
  width: 265px;
  aspect-ratio: 1;
  background: green;
  /*box-shadow: 5px 0px 5px #0003;*/
}
.bd-portal-home .intro {
  margin: 0 7%;
  font: 1.65rem SemiBold;
}
.bd-portal-home #wisomSearchbox {
  margin-top: 4rem;
}
.wisom-labelled-btn {
  display:inline-block;
  border:1px solid var(--blue);
  font: 1.25rem Regular ;
  text-transform:uppercase;
  padding:.7rem 2.5rem;
  margin: 24px 0 0;
}
#wisomSearchbox .detailedsearch {
  text-align: right;
}
.searchInfo .toggle:after {
  color: var(--blue);
  border-color: var(--blue);
}
#SRUForm {
  padding: 1 10px;
}
#searchinfo.modern {
  box-shadow: 0 0 10px #0002;
  margin-top: 240px;
  margin-right: 0;
  padding-left: 0;
  border: 0px solid transparent;
}
#searchinfo > .close {
  text-align:right;
  background-color: var(--sand);
}
#mainsearch {
  border: 0;
  background: white;
  width: 100%;
}
#mainsearch td > * {
  height: 3rem;
  font: 1.24rem Regular;
}
#mainsearch td input.text {
  width: 28rem;
  letter-spacing: 0.02em;
}
::-webkit-input-placeholder {
  color: #aaa;
}
#submitSearch {
  border-width: 1px;
  margin: 40px 0 20px;
  width: initial;
  height: auto;
  padding: 10px 25px;
  background-color: transparent;
  text-transform: uppercase;
  color: var(--blue);
  border-color: var(--blue);
  font: 1.25rem Regular;
}

button[type='submit'], input[type='submit'], .deform button  {
  text-transform: uppercase;
  font: 1.25rem Regular;
  background-color: var(--green);
  color:var(--blue);
  padding: 0 20px;
  height: 50px;
  min-width: 5em;
}

#mainsearch td input.imageButton {
  background: transparent url(/domainimage/searchglass.svg) no-repeat 10% 50%;
  background-size: 80%;
  width: 2rem;
  height: 2rem;
  padding: unset;
  min-width: unset;
  color: transparent;
}

#searchexpert {
  text-shadow: 1px 1px #666;
  color: white;
  font: 1.125rem SemiBold;
  display: inline-block;
  margin-top: 5px;
  padding: 5px 0 5px 5px;
}
.bgbox {
  margin-top: var(--boxmargin);
  padding: 50px 25px ;
}
.sandbox {
  background-color: var(--sand);
}
.lavenderbox {
  background-color: var(--lavender);
}
.steelbox, #aboutWisom {
  background-color: var(--slate);
}
.wisomInfo .items {
  display: flex;
  gap: 30px;
  justify-content: space-around;
}
.wisomInfo h2 {
  text-align: center;
  font-size: 1.6em;
}
.wisomInfo .items > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 1em;

}
.wisomInfo .caption {
  font: 1.4rem SemiBold;
  letter-spacing: 0.03em;
}
.wisomInfo a > * {
  display: block;
  white-space: nowrap;
}
.wisomInfo .items img {
  width: 130px;
  margin: 2em 1em 1em;
  box-shadow: 0 0 6px #0002;
}
.menubox.listItems {
  padding: 50px 0;
}
.centeredItems {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.centeredItems ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.listItems ul {
  border-top: 1px solid black;
  max-width: 46.25rem;
  margin: 0 25px;
}
.listItems li {
  font: 1.4rem SemiBold;
  letter-spacing: 0.03em;
  flex: 1 0 18.75rem;
  border-bottom: 1px solid var(--blue);
}
.menubox.listItems a {
  display: flex;
  align-items: center;
  padding: 1rem 4.5rem .75rem 0;
  min-height: 5.3rem;
}
.listItems a:before, .login-after a:before {
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  background: url(/domainimage/k-arr-r-b.svg) 50% 50% no-repeat;
  background-size: 40px;
  width: 2.5rem;
  height: 2.5rem;
  content: '';
  margin-right: 1.25rem;
}

.listItems a.hover:before {
  background-image: url(/domainimage/k-arr-r-b5.svg)
}
.collectionsItems ul {
  max-width: 71rem;
  font-size: 1.5rem;
  align-items: stretch;
}
@media (max-width: 1180px) {
  #hero .holder-1 {
    background-position: 80% 45%;
  }
  #hero .holder-2 {
    background-position: 40% 50%;
  }
  #hero .holder-3 {
    background-position: 20% 50%;
  }
  #hero .holder-4 {
    background-position: 40% 50%;
  }

  .collectionsItems ul {
    max-width: 47rem;
  }
}
.collectionsItems li {
  flex: 0 0 21.5rem;
  display: flex;
  flex-direction: column;
}
.collectionsItems ul.nav li {
  margin: 1.125rem 0.9375rem;
}
.centeredItems h2 {
  flex: 1 1 100%;
  margin: 0 0.9375rem;
  text-transform: uppercase;
}
.collectionsItems a {
  padding:0;
  flex: 1;
  background-color: white;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.collectionsItems i {
  height: 10.625rem;
  background-size: 35%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: var(--green);
}
.collectionsItems i.icon-1 {
  background-image: url(/domainimage/i-car.svg);
}
.collectionsItems i.icon-2 {
  background-image: url(/domainimage/i-rail.svg);
}
.collectionsItems i.icon-3 {
  background-image: url(/domainimage/i-persons.svg);
}
.collectionsItems i.icon-4 {
  background-image: url(/domainimage/i-heart.svg);
}
.collectionsItems i.icon-5 {
  background-image: url(/domainimage/i-crossing.svg);
}
.collectionsItems a span {
  flex: 1;
  text-transform: none;
  font: 1.75rem Bold;
  display: inline-block;
  padding: 1rem 2rem .75em 1.5rem;
  position: relative;
  min-height: 8.75rem;
}
.collectionsItems a span:after,
#chooseType li:after {
  display: inline-block;
  cursor: pointer;
  background: var(--blue) url(/domainimage/k-arr-r.svg) 50% 50% no-repeat;
  background-size: 90%;
  width: 3rem;
  height: 3rem;
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
}
.collectionsItems a.hover span:after {
  background-image: url(/domainimage/k-arr-r5.svg)
}
div.miniTitleinfo .title {
  font-size: 1.25rem; /*1.5625rem;*/
}
#bottomParts {
  border: 0;
  padding: 0;
}
#custom-footer .menubox a,
#custom-menu-layer a {
  text-transform: uppercase;
  border-top: 1px solid white;
  color: white;
}
#footerlogo:before {
  content: '';
}
#footerlogo {
  margin: 50px 0 100px;
  height: 70px;
  width: 220px;
  background-size: cover;
  background: url(/domainimage/wisom-logo-w.svg) no-repeat;
}
#custom-footer .links {
  font-size: 1.25rem;
  padding: 130px 0 50px;
  background-color: var(--blue);
}
#custom-footer .links nav {
  display: flex;
}
#custom-footer nav > .menubox {
  flex: 1;
}
#custom-footer nav > .menubox ul {
  margin: 0 1rem;
}
.bd-auth .wr-portalBreadcrumbs,
.bd-user .wr-portalBreadcrumbs,
.bd-metadata .wr-portalBreadcrumbs,
.bd-pages .wr-portalBreadcrumbs,
.bd-search .wr-portalBreadcrumbs {
  display: none;
}
#displayLicenseInfo .sourceDescription {
  display: none;
}
.bd-gr-selfregistered #titleInfoAnalytics, .bd-guest #titleInfoAnalytics {
  display: none;
}
#structureMainheader {
  display: none;
}
nav[role='partners'] {
  background: white;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 40px;
  justify-content: right;
  gap: 50px;
}
nav[role='partners'] > * {
  text-align: center;
}
nav[role='partners'] > *:first-child {
  flex-basis: 10%;
}
nav[role='partners'] > * img {
  margin-top: 20px;
  height: 60px;
}
nav[role='partners'] > * img.vzr {
  height: 80px;
  margin-left: -25px;
  margin-top: 0px;
}
nav[role='partners'] > * img.dvr {
  height: 80px;

}

h1,
#titleHeader {

}
.mainheader {
  color: var(--blue);
}
main > nav,
.searchform {
  background-color: var(--sand);
}
main > nav.jc,
nav[content='content-structure'] {
  background-color: transparent;
}
nav.jc {
  flex-direction: column;
  display: flex;
}
div.naviControls.jc {
  max-width: 1400px;
}
div.naviControls.jc {
  padding: 1em 0;
  font-size: 1.2rem;
}
div.naviControls.jc > * {
  flex: inherit;
  display: flex;
  align-items: center;
}
div.naviControls.jc > * .drop form {
  border: 1px solid var(--blue);
}
.drop {
  position: relative;
}
div.naviControls.jc .paginglink {
  display: flex;
  align-items: center;
  margin: 0 1em;
}
div.naviControls.jc .paginglink > * {
  margin: 0 0.25em;
}
div.naviControls.jc .paginglink > .label {
}
@media (max-width: 824px) {
  div.naviControls.jc .paginglink > .label {
    display: none;
  }
  div.naviControls.jc .paginglink {
    margin: 0em;
  }
}
div.paginglink span.active {
  opacity: 1;
}
.portalBreadcrumbs {
  border-bottom: 0;
  padding: 25px 8px;
  font-size: 0.9375rem;
}
.portalBreadcrumbs a {
  text-decoration: underline;
}
.portalBreadcrumbs .listItems a {
  text-decoration: none;
}
.searchform {
  font: 1.25rem SemiBold;
}
.sruForm {
  padding: 0 5px 2rem;
}
.sruForm .legend {
  margin-left: 6px;
}
.sruForm .sruFormFields {
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
}
.sruForm tr > * {
  flex: 1;
  padding: 5px;
}
#searchformMetadata tr > td.sruIndex, #searchformMetadata th:nth-of-type(2) {
  min-width: 35%;
}
#searchformMetadata tr > td.sruBool, #searchformMetadata th:nth-of-type(1) {
  min-width: 15%;
}
#searchformMetadata tr > td.sruIndex:first-of-type {
  min-width: 50%;
}
input[type='text'],
input[type='password'] {
  padding: 2px 4px;
}
input[type='text'],
input[type='password'],
select,
select.change,
.nodrop,
#npSingle {
  outline: none;
  border: 0 !important;
  border-radius: 0;
  height: 50px;
  font-size: 17px;
}
select.change {
    padding: 0 1.6em 0 1em;
}
select.change,
.nodrop,
#npSingle {
  color: var(--blue);
  font-size: 1.25rem;
  font-family: SemiBold, Tahoma, Arial;
}
select, select.change {
  background-color: white;
}
#mainheaderNaviBox select {
  height: 2.625rem;
}
option {
  font-family: SemiBold, sans-serif;
}
::selection {
}
select,
select.change {
  -webkit-appearance: none;
  -moz-appearance: none;
}
#searchformMetadata tr,
#searchformFulltext td,
#outputOptions th {
  height: auto;
}
#searchformMetadata tr:first-of-type {
  display: flex;
}
#searchformMetadata tr:first-of-type th {
  font-weight: normal;
}
#searchformMetadata tr:first-of-type,
#searchformFulltext label,
#outputOptions label,
#resetSearchText {
  font: 0.9375rem Regular;
  letter-spacing: 0.02em;
}
#searchformFulltext label,
#outputOptions label {
  padding-bottom: 10px;
}
#outputOptions-truncateRight {
  padding-left: 5px;
}
#searchformFulltext td,
#outputOptions td {
  flex-wrap: wrap;
}
#searchformFulltext td > *,
#outputOptions td > * {
  flex-basis: 100% !important;
}
#resetSearchText:after {
  display: none;
}
#wisomLibrary h1, #searchformMetadata,
#searchformFulltext {
  margin-top: 50px;
}
#submitSearchWrapper {
  text-align: center;
}

#mainheaderNaviBox form {
  position: relative;
  display: inline-block;
}
.drop form:before,
#mainheaderNaviBox form:before,
#searchformMetadata td.sruBool:before,
#searchformMetadata td.sruIndex:before,
.filterTitles.rightCtrl:before {
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0.75rem;
  top: 25%;
  pointer-events: none;
  content: '';
  background: white url(/domainimage/k-arr-d.svg) 50% 50%;
  background-size: cover;
}
#mainheaderNaviBox form:before {
  right: 0.25rem;
}
main > *.wiki.wlspacer {
  padding-top: 0;
  padding-left: 0;
  min-height: 0;
}

/* dangerous though */
ul.vls-list,
.zeroresultMsg,
.msgNoEntries, main > *.wiki.wiki-contact {
  min-height: calc(100vh - 750px);
}
#releaseHistory ul.vls-list {
  min-height: inherit;
}
.msgNoEntries:before {
  content: '';
  display: inline-block;
  padding-top: 3em;
  padding-left: 1em;
}
#mainheaderNaviBox-after {
  display: none;
}
main > .zeroresultMsg,
main > .wiki {
  padding: 25px;
}
nav[content='sort'] {
  display: flex;
}
#mainheaderNaviBox {
  flex: 1;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-left: 0.25em;
}
.filterTitles {
  position: relative;
  display: inline-block;
  background-color: white;
  margin: 25px 0.3em 0.3rem 0;
  padding: 0.35rem 0.5rem;
  height: 2.625rem;
  min-width: 13rem;
  width: 24%;
}
#mainheaderNaviBox > div.filterTitles {
  margin-right: 0.5rem;
}
.selectedFacets {
  display: none;
}
@media (max-width: 760px) {
  .bd-portal-home #wisomSearchbox {
    margin-left: auto ;
    margin-right: auto ;
  }
}
@media (min-width: 760px) {
  .col-md-3 {
    width: 25%;
  }
}
.filterTitles.rightCtrl > *.button.large {
  text-align: left;
  font-size: 1.25rem;
  font-family: Regular;
  color: var(--blue);
  display: block;
}
.filterTitles.rightCtrl.toggled {
  box-shadow: 0px 0px 10px #ccc;
}
.filterTitles.rightCtrl.toggled:before {
  /*transform: scaleY(-1);*/
}
.bd-portal #listNavigation.layer {
  box-shadow: 0px 10px 10px #ccc;
  width: 100%;
}
#countTitlesHeader {
  display: none;
  margin: 0;
}
#listNavigation .menuheader,
#listNavigation .menubox,
.toggle-facetitems {
  padding: 12px 25px 13px;
  font-size: 1.25rem;
}
#listNavigation .menuheader {
  background: var(--blue);
  color: white;
  text-transform: none;
}
#facetData .menubox a,
#facetData .menubox div {
  padding: 3px 0;
  margin: 3px 1px;
}
div.newfrom {
  font: 1rem SemiBold;
  color: var(--blue);
}
ul.vls-list,
.newfrom,
#fullFacetList {
  margin: 0 10% !important;
}
#fullFacetList .vlsControl {
  display: none;
}
#fullFacetList .box a {
  display: block;
  padding: 0.7em 0.35em;
  border-bottom: 1px solid var(--blue);
}

.deform {
  margin-top: 25px;
  padding: 2em;
}
.deform .errorLi {
  display: none;
}
#password + * {
  flex-basis: 100%;
}
#selfregistration-validatetoken {

}
#custom-login-after article {
  display: flex;
  margin-top: 0px;
  margin-bottom: 50px;
}
.slatebox, #registeruser, #selfregistration-register, .wiki.login, .custom-login-after, .deform  {
  background-color: var(--slate);
}
#selfregistration-register {
  padding-bottom: 0;
}
#selfregistration-register h2 {
  margin: 2em 0 1.5em;
}
.deform, #registeruser, #validatemailtoken {
  margin-top: 0;
  padding-top: 0;
}
#registeruser .mainheader {
  display: none;
}
.wiki-center + .deform, .selfregistration-register-success + .deform {
  padding-bottom: 3em;
}
.selfregistration-register-success + .deform > li > * {
  min-width: 20em;
}
.wiki-center + .deform > .deformFormFieldset, .selfregistration-register-success + .deform > .deformFormFieldset  {
  margin-bottom: 2em;
}
.selfregistration-register-success + .deform > li > p {
  text-align: left;
}
.deformFormFieldset .section.first h3 {
  font-size: 1.4375rem;
}
.deform {
  padding: initial;
}
.deform ul {
  margin: initial;
}
form.deform label.desc {
  font-weight: normal;
}
.deform li {
  margin: .5rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.deform label.desc {
  margin-right: 1rem;
}
.deform label.desc, .deform ul ul label, .authForm form > div {
  font-family: SemiBold;
}
.authgrid .label{
  vertical-align:middle;
  height: 1.5em;
}
main .authForm {
  margin-top: 40px;
}
.authForm input {
  margin-bottom: 1em;
}

.deform label.desc + input,
.deform label.desc + textarea {
  width: 100%;
  flex-basis: 100%;
}

.deform button[type='submit'] {
  flex:1;
  cursor: pointer;
}

.selfregistration-register-success li {
  list-style: none;
}
.selfregistration-register-success li a {
  text-decoration: underline;
}
.form-Button {
    color:var(--blue); /*??*/
}
.authForm *[type='submit'] {
  height: 50px!important;
  margin-top: 20px;
  text-transform: uppercase;
  cursor: pointer;
  font: 1.2rem Regular;
  border: 0;
  border-radius: 0;

}
form.deform li.buttons {
  display: block;
  text-align: right;
}
.deform div.longdesc {
  color:#888;
}
@media (max-width: 762px) {
  .deform label.desc, form.deform li.buttons {
    flex-basis: 100%;
  }
  .deform div.longdesc, .deform p.error {
    margin-left:0;
  }
}
.deform button[name='cancel'] {
  display: none;
}
.deform button {
  border: 0;
}
.authForm form > div {
  margin-top: 1em;
}
.authForm input[type='text'] {
}
#resetPassword h1.done:after {
  content: '';
  display: block;
  background: transparent url(/domainimage/check.svg) no-repeat;
  width: 50px;
  height: 50px;
  margin: 1em auto;
  background-size: contain;
}
#resetPassword .msg.done:after {
  display: none;
  margin: 2em auto;
  content: 'OK';
  line-height: 60px;
  width: 150px;
  background: var(--green);
  color: white;
  font-size: 1.2rem;
}
#resetPassword .msg {
}
main > nav,
ul.vls-list,
.alphaIndexNav,
#div-titleinfo,
#titleHeader,
#fullFacetList,
#thumbView.csslayout,
.newfrom,
main > .zeroresultMsg {
  padding: 0 calc(((100vw - 20px) - 1400px) / 2);
}
main > nav,
ul.vls-list,
.alphaIndexNav,
#div-titleinfo,
#titleHeader,
#fullFacetList,
#thumbView.csslayout,
.newfrom {
  padding-bottom: 23px;
}
main > nav.wr-portalBreadcrumbs,
.bd-pages nav[role='navigation'] {
  padding: 0 25px;
}
.bd-portal-home main > .wiki {
  padding: 0;
}
.bd-pages nav[content='content-structure'] {
  padding: 0;
}
#custom-footer .links nav {
  padding: 0 calc(((100% - 20px) - 1100px) / 2) 25px;
}
@media (min-width: 1600px) {
  #custom-footer .links nav {
    padding: 0 calc(((100% - 20px) - 1400px) / 2) 25px;
  }
  #registeruser {
    flex-wrap: initial;
  }
}

@media (max-width: 1200px) {
  #custom-footer .links nav {
    margin: 0 25px;
  }
  ul.vls-list,
  .alphaIndexNav,
  #div-titleinfo,
  #titleHeader,
  #fullFacetList,
  #thumbView.csslayout,
  .newfrom,
  main > .zeroresultMsg,
  main > .wiki {
    padding: 0 0 25px !important;
  }
  .bd-pages nav[content='content-structure'] {
    padding: 0;
  }
  #custom-footer .links nav {
    margin: 0;
  }
}

@media (min-width: 1920px) {
main > nav,
ul.vls-list,
.alphaIndexNav,
#div-titleinfo,
#titleHeader,
#fullFacetList,
#thumbView.csslayout,
.newfrom,
main > .zeroresultMsg {
    padding: 0 var(--mainmargin) 25px;
  }
  #mobileTop .main {
    padding-right: var(--mainmargin);
  }
  #custom-menu-layer, .toggle-custom-menu {
    right: calc((100% - 1920px) / 2 + 20px);
  }
  #topLogo,
  .bd-portal-home #wisomLibrary {
    margin-left: 150px;
  } main > .wiki.wlspacer, main > .wiki.wlspacer ~ * {
    padding-left: 150px;
  }
}

#titleHeader {
  margin: 35px 0 10px;
}
.titleInfo .subheader {
  color: var(--blue);
  margin: 0 0 50px;
}
#titleHeader,
.titleInfo .subheader {
  font: 1.5625rem Bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
#titleinfo h1.mainheader,
.titleInfo .subheader {
  text-transform: none;
  text-align: left;
  padding-bottom: 0.25em;
  border-bottom: 1px solid var(--blue);
  margin-bottom: 1em;
}
#titleInfoImage {
  margin: 0 50px 2em 0;
}
div#titleInfoImage img {
  border: 1px solid #ccc;
  box-shadow: 0 0 3px #ccc;
}
.datacol .nav > li.cols > *:first-child {
  width: 30%;
  text-align: right;
  padding-right: 2em;
  font-family: Bold;
  overflow: visible;
  text-overflow: initial;
}
.titleinfoPart-right > div > div:nth-of-type(2), #titleInfoClassification .classificationLinks {
  padding-top: 0;
  padding-left: calc(30% + 0.25rem);
} #titleInfoAbstract > div {
  padding-left: 0!important;
}
#titleInfoClassification .classificationLinks {
  padding-bottom: .7em;
}
#thumbView.csslayout li {
  flex: 0;
  padding: 0;
  margin: 0 0 2rem 3.5rem;
}
#thumbView.csslayout li,
#thumbView.csslayout li:hover,
#thumbView.csslayout li.current {
  background-color: transparent;
}
#thumbView.csslayout li a img {
  box-shadow: 0px 0px 10px #ccc;
  border: 1px solid #ccc;
}
@media (max-width: 1200px) {
  .datacol .nav > li.cols,
  .datacol .nav > li.cols > * {
    display: block;
  }
  .datacol .nav > li.cols > *:first-child {
    text-align: left;
  }
  .titleinfoPart-right > div > div:nth-of-type(2) {
    padding-left: 0.25em;
  }
}
.datacol .nav > li > * {
  padding: 0 0 1rem 0.25rem;
}
div#yourQuerySubheader {
  text-align: center;
}
.alphaIndexNav {
  margin-bottom: 50px;
}
#searchUIHeader {
  margin-bottom: 0;
  padding-top: 4rem;
}
.alphaIndexNav,
#searchUIHeader {
  background-color: var(--sand);
}
.alphaIndexList #aindex-1 {
  padding-left: 15px;
}
.alphaIndexList .set > *,
.alphaIndexList a,
.alphaIndexList .noHits,
.alphaIndexList a.active,
.alphaIndexList a:hover {
  border-bottom: 3px solid transparent;
  background-color: transparent;
  color: var(--blue);
  margin: 0 .5em 7px;
  font-family: Bold;
  font: 1.2rem Bold;
  padding: 0 .333em .083em
}
.alphaIndexList .noHits {
  color: hsl(210deg 57% 26% / 40%);
}
.alphaIndexList a:hover, .alphaIndexList a.active {
  border-color: var(--blue);
  /*color: white;
  background-color: var(--blue);
  text-decoration: underline;*/
}
ul.vls-list > li {
  border-bottom: 1px solid var(--blue);
}
ul.vls-list > li:last-of-type {
  border-bottom: 0;
}
ul.vls-list > li > *:last-child {
  margin-bottom: 1em;
}
ul.vls-list > li.odd {
  background-color: transparent;
}
ul#searchResult.vls-list > li {
  border-top: 0;
}
.paginglink .vls-button {
  height: 2.5rem;
  padding: 1em;
  border-radius: 36px;
  border: 0px solid var(--blue);
}

div.paginglink *:after {
  content: '' !important;
}
div.paginglink * {
  background-size: contain !important;
}
div.paginglink span.start_s,
div.paginglink a.start,
div.paginglink a.start:hover {
  background: transparent url(/domainimage/kp-left-end.svg) no-repeat;
}
div.paginglink span.back_s,
div.paginglink a.back,
div.paginglink a.back:hover {
  background: transparent url(/domainimage/kp-left.svg) no-repeat;
}
div.paginglink span.forw_s,
div.paginglink a.forw,
div.paginglink a.forw:hover {
  background: transparent url(/domainimage/kp-right.svg) no-repeat;
}
div.paginglink span.end_s,
div.paginglink a.end,
div.paginglink a.end:hover {
  background: transparent url(/domainimage/kp-right-end.svg) no-repeat;
}

.mainnaviCaption {
  font-size: 1rem;
  padding: 0.5em 0;
}

#navPort {
  padding-bottom: 0px;
  background: transparent;
  border: 0;
  font: 1.25rem Bold;
  letter-spacing: 0.02em;
  margin: 2rem 0 0;
}
.viewCtrl,
.viewCtrl_sel {
  border-right: 0;
  border-left: 0;
}
.viewCtrl a,
.viewCtrl_sel span {
  padding: 0.5rem 0.1rem;
  margin: 0 1rem;
}
.viewCtrl_sel {
  color: inherit;
}
.viewCtrl_sel span {
  border-bottom: 1px solid var(--blue);
}
img.tabicon {
  height: 0.875rem;
  margin-bottom: -0.1rem;
}

#ul-structure {
  padding: 0 10px 0 36px;
}
.structure > li {
  border-bottom: 2px solid transparent;
}
.structure > li:hover {
  border-bottom: 2px solid #ddd;
}
ul.struct-list {
  margin-bottom: 60px;
  padding-left: 1rem;
}
.struct-list li {
  margin: 0 0 2px;
  list-style-type: disc;
}
.struct-list li.selected {
  color: red;
}
.struct-list li .list {
  display: none;
}
.struct-list li > * {
  margin-left: 0;
}
.struct-list li > .resourceLink,
.paginationcaption {
  margin-left: 1rem;
}

.struct-list li.structlist-even {
  background: none;
}
.pageviewStructure-tree .vls-list li > a.pagelink {
  margin-right: 6em;
}

.transparency {
  background-color: var(--blue);
}
svg.connectors path {
  fill: var(--blue);
}
.vls-open-Layer, .vls-open-Layer:hover {
  background-color: transparent;
  border: 0;
}

.hitSummary {
  border-top: 0;
  font-family: Bold;
}
div.hitSummary > div {
  margin-bottom: 0;
}
.vls-list li.toggle {
  margin-top: 0;
}
.hitstructure a.toggle {
  font-family: Bold;
  color: var(--green);
  display: inline-block;
  padding: .5em 0;
}
.vls-list li .sh-icon:before {
  border: 0;
  margin-right: 0;
  width: 0.6em;
}
.hitstructure ul.toToggle {
  margin-top: 0;
  border: 0px;
  padding: 0px 15px;
  font: 0.875rem SemiBold;
  letter-spacing: 0.02em;
}
.searchterm {
  background-color: #c9db6c;
}

#tab-content-search {
  display: none;
}
#resetSearchText {
  color: var(--blue);
}
#searchTheBook #yourBookSearch {
  color: var(--blue);
  padding: 0.2rem 2rem 0 0;
  text-align: right;
  font: 0.9rem Regular;
}
#navPort {
  display: flex;
}
#navPort li {
  white-space: nowrap;
}
#navUrlTab {
  flex: 1;
  text-align: right;
}
.searchTheBook {
  float: right;
  margin-left: 1em;
}
.bd-nav-history .titlecount {
  display: none;
}
/*#navUrlTab {
  order: 1;
  flex: 1;
  text-align: right;
} .searchTheBook {
  order: 1;
} */
form#inbookSearch {
  display: block;
  text-align: end;
}
button#quicksearchSubmit {
  width: 46px;
}
.pageFragment-content img {
  width: 100%;
}
.pageFragment-header {
  background-color: transparent;
  font-size: 0.8125rem;
  padding: 0.2rem;
  font: 0.8rem Bold;
}
.pageFragment {
  border-left: 0;
  border-right: 0;
}
ul.vls-list > li#pfTitle {
  border-bottom-color: var(--blue);
}
#fullFacetList {
  margin: 0;
}
#searchInfoHeader {
  display: none;
}
/**/

@media (max-width: 1420px) {
  #topLogo a,
  #wisomLibrary,
  #wisomStartbox {
    margin-left: 0;
  }
}
@media (max-width: 1400px) {
  #chooseType {
    padding-left: 0;
  }
  #chooseType li {
    flex-basis: 51rem;
    margin-right: 0;
  }
}
@media (max-width: 1100px) {
  #custom-footer .menubox a {
  }
}
@media (max-width: 1050px) {
  .collectionsItems li {
    flex: 1 0 400px;
  }
  .collectionsItems i {
    background-size: 13vw;
  }
  #navPort {
    display: block;
  }
}
@media (max-width: 930px) {
  .wisomLibrarySpacer {
    display: none;
  }
  .wiki-center.cols {
    display: block;
  }
  .wiki-center.cols > * {
    flex: 1 0 100%;
  }
  ul.vls-list {
    margin: 0 !important;
  }
  .mainnaviElement {
    min-width: 33%;
  }
  .filterTitles {
    min-width: 32%;
  }
}
@media (max-width: 848px) {
  #topParts {
    z-index:0;
    position: initial;
    width: 100%;
  } #middleParts {
    margin-top: 1px;
  }
  #custom-menu-layer, .toggle-custom-menu {
    top:0;
  }
  .toggle-custom-menu {
  }
  #custom-footer .links nav {
    flex-wrap: wrap;
  }
  #custom-footer nav > .menubox {
    flex: 1 0 100%;
    margin-bottom: 36px;
  }
  #custom-footer .links {
    padding-bottom: 0;
  }
  #topProject {
    display: none;
  }
  .listItems li {
    flex-basis: 100%;
  }
  #mobileTop .main {
    justify-content: center;
  }
  #topLogo {
    flex-basis: 0;
  }
}
@media (max-width: 768px) {
  .selfregistration-register-success + .deform > li {
      display: block;
  }
  .menubox.listItems a {
    padding-right: 0;
  }
  .mainnaviElement {
    min-width: 25%;
  }
  .filterTitles {
    min-width: 50%;
  }
  .collectionsItems li {
    flex-basis: calc(100% - 50px);
  }
  .collectionsItems i {
    background-size: 100px;
  }
  nav[role='partners'] {
    padding: 30px 0px;
  }
  #mainheaderNaviBox {
    justify-content: start;
  }
  .mainnaviElement {
    min-width: 90%;
  }
  .filterTitles {
    min-width: 96.5%;
  }
}
@media (max-width: 600px) {
  :root{
    --boxmargin: 15px;
  }
  .bgbox {
    padding: 50px 0;
  }
  .bd-portal-home .intro, .listItems li {
    font: 1.25rem SemiBold;
  }
  .collectionsItems a span, .wisomInfo h2 {
    font: 1.5rem Bold;
  }
  .wisomInfo .items {
    flex-wrap: wrap;
  }
  .wisomInfo .items > * {
    flex: 1 0 100%;
  }
  .detailedsearch {
    margin-right: 30px;
  }
  #topProject .menubox > ul {
    flex-wrap: wrap;
  }
  #topProject a {
    padding: 0;
  }
  #topLogo a,
  #wisomLibrary {
    margin-left: 0px;
  }
  #wisomLibrary, .wisomLibrarySpacer {
    margin-left: 0;
    width: 100%;
  }
  #searchbox > center {
    text-align: left;
  }
  .bd-portal-home #wisomSearchbox {
    margin-left: 20px;
    margin-right: 20px;
  }
  #mainsearch td input.text {
    width: calc(100vw - 130px);

  }
  #searchbox > center > * {
    max-width: calc(100vw - 100px);
    margin: 0 20px;
  }
  #searchformMetadata tr, #searchformFulltext td, #outputOptions th {
    flex-wrap: wrap;
  }
  #searchformMetadata td.sruTerm, #searchformFulltext td > *:nth-child(2), #searchformFulltext td > *:first-child {
    flex-basis: 100%;
  }

}
@media (max-width: 424px) {
  body  {
    hyphens: auto;
  }
  #wisomLibrary {

  }
  .naviControls.jc select,
  .drop form:before {
    display: none;
  }
  div.naviControls.jc > * .drop form {
    border: 0;
  }
}
@media (max-width: 414px) {
  #custom-menu-layer {
    width: calc(100% - 30px);
  }
}
#chooseType {
  margin-top: 50px !important;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2em;
}
#chooseType li {
  position: relative;
  list-style: none;
  border: 1px solid var(--blue);
  flex-basis: 405px;
  margin-right: 25px;
  margin-bottom: 25px;
  cursor: pointer;
}
#chooseType a {
  display: inline-block;
  padding: 15px 20px 65px;
}
#chooseType h2 {
  margin: 0 0 0.2em;
}
#chooseType div {
  font-size: 1.25rem;
}
.bd-guest #chooseType a {
  cursor: default;
}
.user-manage th {
  background-color: var(--sand);
}
.infoFly.licenseInfo {
  height: 4em;
  margin-top: 0.3em;
  margin-left: 2rem;
  margin-left: 0;
  color: var(--blue);
  font: 1em Regular;
  text-transform: none;
}
.vls-list .infoFly.licenseInfo {
  text-align: right;
  max-width: 240px;
  font-size: 0.8rem;
}
.infoFly.licenseInfo {
}
.vls-list .licenseInfo-accessmsg {
  opacity: 0.5;
}
.licenseInfo-indicator {
  margin: -2px 9px 0 4px;
}
.form-tableRow {
  background-color: #f0f0f0;
}
.form-tableRow select {
  -webkit-appearance: auto;
}
.fragHead,
#searchFrags {
  background-color: var(--sand);
}

.readMore {
  font-weight: bold;

  display: inline-block;
  cursor: pointer;
}
.readMore .toggled span {
  display: none;
}
.readMore .toggled:before {
  font-style: normal;
  font-family: 'fontello';
  content: '\E81A';
}
.wiki-aboutWisom p {
  margin-left: 150px;
  font-size: 1rem;
}

@media (max-width: 748px) {
  .wiki-aboutWisom p {
    margin-left: 0.5em;
  }
}
.wiki-faq h2, .wiki-aboutWisom h2 {
  cursor: pointer;
  margin: 2em 0 1.5em;
  font-size: 1rem;
  padding: 0.5em 1em !important;
  background-color: var(--blue);
  padding: 0.2em 0.5em;
  color: white;
}
.wiki h2 .tog:after {
  float: right;
  display: inline-block;
  content: '\E819';
  font-family: 'fontello';
}
.wiki h2 .toggled:after {
  content: '\E81A';
}
.wiki-aboutWisom .btn {
  text-align: center;
}
.wiki-aboutWisom .btn a {
  display: inline-block;
  color: bar(--blue);
  line-height: 40px;
  width: 136px;
  text-transform: uppercase;
  background-color: var(--green);
  margin: 1em 0;
}

.stateTable h3 {
  margin-top: 0;
}

.form-sectionLabel,
.form-entryLabelWrapper,
.form-tableRow {
  background-color: unset;
  background: unset;
  box-shadow: unset;
}
.form-section,
.form-tableCell,
.form-tableRow.form-sectionLabel,
.form-tableRow.form-sectionLabel + .form-tableRow {
  border: unset;
}
.form-type-MultiValueFormEntry.form-uiExpansion .form-entryBase,
.form-type-TextFormEntry.form-entryBase,
.form-type-DateFormEntry.form-entryBase,
.form-type-DropdownFormEntry.form-entryBase {
  padding-right: 130px;
}
.form-formWrapper .form-Button {
  background: unset;
  background-color: var(--green);
  border: unset;
  border-radius: unset;
  font-size: 0.9rem;
  padding: 8px 16px;
  line-height: 22px;
}
.form-Button {
  width: 110px;
}
.form-type-MultiValueFormEntry .NewMultiValueInstance.form-Button {
  margin-top: 15px;
}
.form-formWrapper {
  background-color: var(--sand);
  max-width: unset;
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 20px;
}
.form-tableRow {
  border-top: 1px solid var(--blue);
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.form-type-MultiValueFormEntry.form-uiExpansion:not(.form-hasNestedMultiValueFormEntry)
  > .form-type-MultiValueInstanceFormEntry
  + .form-type-MultiValueInstanceFormEntry {
  border-top: 1px solid var(--blue);
  margin-top: 12px;
  padding-top: 12px;
}
.form-sectionLabel {
  color: var(--blue);
  font-size: 1.8rem;
  font-weight: bold;
}
.form-entryLabelWrapper {
  color: var(--blue);
  font-size: 1.2rem;
  font-weight: bold;
}
.form-entryLabel .form-entryHelp {
  position: unset;
}
.form-entryLabelWrapper .form-entryLabel {
  margin-top: 25px;
}
.form-entryWrapper .form-entryBase {
  margin-top: 8px;
}

.form-sectionLabel .form-entryLabel {
  width: 100%;
}
.form-sectionLabel span {
  /* margin-left: 40%; */
  display: block;
  text-align: center;
  float: unset;
}
.form-entryBase > .form-baseValue,
.form-entryBase > .form-spacer {
  min-width: 100%;
  flex: 9 100%;
}
.form-entryBase > .form-entryLabel {
  color: var(--blue);
  font-size: 0.9rem;
}
.form-entry .form-primitiveValue input,
.form-entry .form-primitiveValue select {
  padding: 10px;
  font-size: 1rem;
}

#resetPassword .msg.done::after {
  display: none
}

#titleInfoAbstract > div {
  padding-left: 0!important;
}

.deform button, #submitSearch {
    cursor: pointer;
}
.bd-portal-validatetoken #item-deformField1, .bd-portal-validatetoken #item-deformField3 {
  display: none;
}
.bd-portal-validatetoken form.deform li.buttons {
 text-align: center;
}
#outputOptions .legend {
    display: inline-block;
    margin-top: 23px;
}

#outputOptions th {
    padding: 0 0;
}
.wiki-faq h3 {
    margin: 2em 0 1.5em;
    font-size: 1rem;
    padding: 0.5em 1em !important;
    background-color: var(--blue);
    padding: 0.2em 0.5em;
    color: white;
}

#disclaimerCookie {
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: #fafafa;
}

/* 2023 new */

.bd-facet-type .mainheader#indexNavPath {
  display: none;
}
.bd-wiki-edit #wisomSearchbox {
  display: none;
}
select.change {
	padding: 0 1.6em 0 1em;
}
/* maybe find better effect - links-hover layer-menu and in general */
.menubox a:hover {
  text-indent:0.1em;
} #topProject .menubox {
  text-indent:initial;
}
