html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 40px 15px 20px;
}

.logo-searchbox {
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.footer {
    min-height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}
.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}
.nav li > form > button.logout:hover {
    color: black;
    text-decoration: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}


/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}
.font-monospace {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

div.area-search {
    text-align: center;
    margin: 0;
    padding: 30px;
    background: #ACACAC url(/content/search_bg.svg) no-repeat;
    background-size: 100% 100%;

}
@media screen and (min-width: 767px) {
    #searchbox {
        width: 500px;
    }
}

div.area-search form {
    padding: 20px;
}

div.filters {
    background-color: #eeeeee;
    padding: 1mm 0 1mm 3mm;
}
div.filters h3 {
    font-size: 110%;
}

input.year-filter {
    width: 22mm;
    display: inline;
}
div.filter ul {
    padding: 0 0 0 15px;
}
div.filter ul.avail {
    max-height: 140px;
    overflow-y: auto;

}

div.filter ul.sel {
    margin-bottom: 0;
}
div.filter ul.sel li {
    list-style-type: none;
    margin-left: -15px;
}

div.filter li {
    margin-left: 5px;
}

div.filter select.sort {
    width: 90%;
}

h2.site-home {
    /*color: #033263;*/
    font-size: 18px;
    border-bottom: solid 3px black;
}

/* light-badge: */
span.light-badge {
    cursor: default;
}
span.light-badge::before {
    content: '(';
}
span.light-badge::after {
    content: ')';
}
/* END: light-badge. */


/* Tree lists: */

.filters hr {
    border: solid thin black;
    margin-right: 15px;
}

.filter ul.tree {padding: 0;}
.filter ul.tree ul {padding-left: 10px;}


ul.tree li {
    list-style-type: none;
}

ul.tree .with-children,
ul.tree .no-children {
    /*font-size: 120%;*/
    font-weight: bold;
    padding: 0 5px 0 0;
}
ul.tree .with-children {
    cursor: pointer;
}
ul.tree .no-children:before {
    content: ' > ';
    color: grey;
}
ul.tree .with-children:before {
    content: ' - ';
}
ul.tree .with-children.collapsed:before {
    content: ' + ';
}

ul.tree .with-children.collapsed ~ ul.tree {
    display: none;
}
/* END: Tree lists*/

div.search-list-item {
    margin: 5px 0;
    height: 120px;
    overflow: hidden;
}
div.search-list-item h3 {
    font-size: 110%;
}



div.viewer-container,
div.viewer-body {
    background-color: #1b1613;
}


div.viewer-container {
    /*background-color: #9c947c;*/
    /*margin-top: -50px;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 60px 10px 0 10px;

    display: flex;
    flex-direction: column;
}
div.viewer-container:fullscreen {
    padding: 0;
}

div.viewer-toolbar {
    /*background-color: #2b542c;*/
    flex: 1 30px;
}
.viewer-body {
    /*background-color: #0b3e6f;*/
    flex: 1000 300px;
    overflow: hidden;
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/

    display: flex;
    flex-direction: row;
}
.viewer-vbar {
    flex: 1 60px;
    text-align: center;
    vertical-align: middle;
    margin: auto auto;
}
.viewer-images {
    text-align: center;
    /*background-color: #2d6987;*/
    flex: 90;
    overflow: auto;
    white-space: nowrap;
}

.viewer-thumbnails {
    display: none;
    position: absolute;
    margin: 2%;
    padding: 2%;
    width: 94%;
    height: 80%;
    /*background-color: #50226f;*/
    background-color: grey;
    overflow: scroll;
    color: white;
    text-align: left;
    z-index: 3;
}
.viewer-thumbnails .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0; padding: 0;
}
.viewer-thumbnails div.z-thumb {
    margin: 10px;
    text-align: center;
    cursor: pointer;
    width: 120px;
}
.viewer-thumbnails div.z-thumb span {
    display: block;
}

/*.viewer-images {*/
/*    position: relative;*/
/*    text-align: center;*/
/*    overflow: hidden;*/
/*}*/


div.viewer-footer {
    background-color: white;
    flex: 1 30px;
    padding: 5px;
}

label.zv-page-status,
label.zv-page-status:hover,
label.zv-page-status:active
{
    cursor: default;
    background-color: rgb(204, 204, 204);
    min-width: 120px;
}


/* moved from view/item/details: */
.field-label {}
.field-value { letter-spacing: 3px; color: grey }
.field-value span { letter-spacing: normal; color: #424242; }
/* End: moved from view/item/details. */

/*Low Vision:*/
a.lv span {
    color: yellow;
}
a.lv-active span, a.lv:hover span {
    color: #00feff;
}
/*End: low Vision.*/

/*Flags:*/
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
.flag-icon:before {
    content: "\00a0";
}
.flag-icon-pl-PL {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-pl' viewBox='0 0 640 480'><g fill-rule='evenodd'><path fill='%23fff' d='M640 480H0V0h640z'/><path fill='%23dc143c' d='M640 480H0V240h640z'/></g></svg>");
}
.flag-icon-de-DE {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-de' viewBox='0 0 640 480'><path fill='%23ffce00' d='M0 320h640v160H0z'/><path d='M0 0h640v160H0z'/><path fill='%23d00' d='M0 160h640v160H0z'/></svg>");
}
.flag-icon-en-GB {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-gb' viewBox='0 0 640 480'><path fill='%23012169' d='M0 0h640v480H0z'/><path fill='%23FFF' d='M75 0l244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0h75z'/><path fill='%23C8102E' d='M424 281l216 159v40L369 281h55zm-184 20l6 35L54 480H0l240-179zM640 0v3L391 191l2-44L590 0h50zM0 0l239 176h-60L0 42V0z'/><path fill='%23FFF' d='M241 0v480h160V0H241zM0 160v160h640V160H0z'/><path fill='%23C8102E' d='M0 193v96h640v-96H0zM273 0v480h96V0h-96z'/></svg>");
}
/*End: flags.*/