/* VARIABLES */
:root {
        --washed-blue: #1CA8DD;
        --washed-blue-hover: #1a9bcc;
}

/* HEADER */
#header, #footer {
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
}

#header, #header *, #header *::after, #header *::before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#wrapperMainHeader {
        backdrop-filter: saturate(180%) blur(20px);
        background: rgba(31,34,41,0.85);
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.3);
        /*background-image: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#1A1A1A));*/
        /*background-image: -webkit-linear-gradient(top, #505050, #1A1A1A);*/
        /*background-image: -moz-linear-gradient(top, #505050, #1A1A1A);*/
        /*background-image: -ms-linear-gradient(top, #505050, #1A1A1A);*/
        /*background-image: -o-linear-gradient(top, #505050, #1A1A1A);*/
        /*background-image: url(images/texture.png), linear-gradient(#505050, #1A1A1A);*/
}

#mainHeader {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        height: max-content;
        transition: height .2s ease;
}

.navigationRight {
        display: flex;
        align-items: center;
        color: white;
}

#panel {
        height: 15px;
        padding: 5px 0;
        font-size: 90%;
}

#adminPanel {
        position: absolute;
}

#logo, #logo a, #logo a:hover {
        /*text-transform: uppercase;*/
        font-family: 'Nunito', Geneva, sans-serif;
        color: #ff9900 !important;
        text-decoration: none;
        letter-spacing: 0.1em;
}

#logo a {
        width: 190px;
        height: 60px;
        background: url('images/logo-content-select.png') no-repeat center center;
        background-size: contain;
        display: block;
}

.beta {
        font-weight: lighter;
        font-size: 60%;
}

.stats table {
	width: 100%;
}

.stats .row {
	margin-bottom: 3em;
}

form#mainSearch, form#mainSearch fieldset, form#mainSearchClone, form#mainSearchClone fieldset {
        clear: none;
        margin: 0;
        padding: 0;
        position: relative;
}

form#mainSearch input::placeholder, form#mainSearchClone input::placeholder {
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
        color: #b1b1b1;
}

form#mainSearch input.searchInput, form#mainSearchClone input.searchInput {
        background: #f0f0f0 url('images/search-icon.png') no-repeat 10px center;
        background-size: 17px;
        padding: 10px 10px 10px 40px;
        width: calc( 100% - 52px);
}

form#mainSearch input.searchInput:focus-visible,
form#mainSearchClone input.searchInput:focus-visible {
        background-image: url('images/search-icon-blue.png');
        background-size: 17px;
}

form#mainSearch input, form#mainSearchClone input {
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
        background: #f0f0f0;
        border-radius: 6px;
        border: 1px solid transparent;
        padding: 5px 10px;
        font-size: 90%;
        margin: 0;
        vertical-align: middle;
        will-change: background;
        transition: all .2s ease;
}

form#mainSearch #moreFilter {
        position: absolute;
        padding: 0;
        width: 20px;
        height: 20px;
        top: 12px;
        right: 115px;
        background: url('images/icon-filter.png') no-repeat center center;
        background-size: contain;
        cursor: pointer;
        transition: all .2s ease;
        will-change: background;
}

form#mainSearch #moreFilter:hover,
form#mainSearch #moreFilter.active {
        background: url('images/icon-filter-blue.png') no-repeat center center;
        background-size: contain;
}

form#mainSearch #collapseContent {
        overflow: hidden;
        position: relative;
        z-index: 10;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: start;
        width: 100%;
        /*height: fit-content;*/
        /*padding-bottom: 15px;*/
        max-height: 0;
        transition: max-height 0.1s ease;
}
form#mainSearch #collapseContent.extended {
        max-height: 44px;
}

form#mainSearch #collapseContent input {
        flex: 1;
        margin: 5px 10px 10px 0;
}

form#mainSearch #collapseContent input:last-child {
        margin-right: 0;
}

form#mainSearch input.searchSubmit, form#mainSearchClone input.searchSubmit {
        position: absolute;
        height: 29px !important;
        padding: 0 25px !important;
        top: 8px;
        right: 4px;
        /*background: #ccc url('images/search.png') no-repeat center center;*/
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}
#UserLoginForm input:not([type=submit]),
#ContactContactForm input:not([type=submit]),
#ContactContactForm textarea {
        padding: 5px 10px 5px 16px;
        font-weight: 400;
        background: #f0f0f0;
        border-radius: 3px;
        border: 1px solid transparent;
        transition: all .2s ease;
}

#UserLoginForm input:not([type=submit]):focus-visible,
#ContactContactForm input:not([type=submit]):focus-visible,
#ContactContactForm textarea:focus-visible {
        border: 1px solid var(--washed-blue);
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible {
        outline: none !important;
}

.button,
input[type=submit],
form#mainSearch input.searchSubmit,
form#mainSearchClone input.searchSubmit {
        background: var(--washed-blue);
        border-radius: 6px;
        padding: 0 25px;
        display: flex;
        place-content: center;
        height: 31px;
        width: fit-content;
        text-shadow: none;
        letter-spacing: 0.5px;
        font-family: 'Nunito', Geneva, sans-serif;
        border: 1px solid transparent;
        font-weight: 600;
        font-size: 15px;
        color: white;
        transition: all .2s ease;
}

.button:hover, input[type=submit]:hover,
form#mainSearch input.searchSubmit:hover,
form#mainSearchClone input.searchSubmit:hover {
        background: var(--washed-blue-hover);
        color: white;
}

form#mainSearch input:focus-visible,
form#mainSearchClone input:focus-visible {
        border: 1px solid var(--washed-blue);
}

form#mainSearchClone, ul#mainMenuClone {
        position: relative;
        float: none !important;
}

form#mainSearchClone fieldset {
        position: absolute;
        text-align: center;
        top: 30%;
        margin-top: -15px;
        width: 100%;
}

form#mainSearchClone input.searchInput {
        width: 70%;
}

.searchHelp {
        overflow: hidden;
        z-index: 999 !important;
        position: absolute;
        padding: 5px 5px 5px 6px;
        background-color: #f6f6f6;
        border-radius: 4px;
        border: none;
        font-size: 0.8em;
        line-height: 1.25em;
        display: none;
        width: fit-content !important;
}

.searchHelp pre {
        line-height: 1.5em;
}


/* Autocomplete */
.ui-autocomplete {
        max-height: 250px;
        overflow-y: auto;
        max-width: 1268px !important;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        z-index: 1000 !important;
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
}

.ui-menu .ui-menu-item a {
        padding: 7px .4em;
}

.ui-menu .ui-menu-item a.ui-state-focus {
        border: none;
        background: #eaf2f6;
        margin: initial;
}

.ui-autocomplete-category {
        margin: 2px -1px;
        padding: 3px 3px 3px 6px;
        font-weight: 500;
        background-color: #f6f6f6;
        border: none;
}

.ui-menu-item a {
        line-height: 1.2em !important;
}

.ui-menu-item {
        margin-bottom: 2px;
}

ul#mainMenuClone.menu li {
        float: none;
        padding: 5px;
        font-size: 95%;
}

ul#mainMenuClone.menu > li > ul {
        list-style: none;
        margin: 0;
        position: static;
        display: block;
        border: none;
        background: #fff;
        font-weight: normal;
        white-space: nowrap;
        padding: 0;
}

#placeholderMenuBar {
        height: 85px;
        margin-top:-50px;
}

#wrapperMenuBar {
        line-height: 45px;
        padding: 20px 0;
        transition: all .2s ease;
        /*-moz-box-shadow:    inset 0 18px 16px -16px #bbb;
        -webkit-box-shadow: inset 0 18px 16px -16px #bbb;
        box-shadow:         inset 0 18px 16px -16px #bbb;*/
}

#wrapperMenuBar .transparentBackground {
        background-color: rgba(255, 255, 255, 0.95) !important;
}

#wrapperMenuBar .shadow {
        height: 15px;
        background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNp0xMEGACEYhdErpYZEWsSI6P3f8W++TWbT4hxJWh9NGvRSPzWqVCjTQ4kiBfLkfpmZrm0BBgB1gBL5oEJfAgAAAABJRU5ErkJggg==") repeat-x;
}

#wrapperMenuBar.fixed {
        position: fixed !important;
        left: 0;
        right: 0;
        top: 0;
        z-index: 99;
        background: #FAFBFE;
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.3);
}

#mainMenu.menu {
        font-size: 110%;
        text-transform: uppercase;
        color: #777;
        font-weight: bold;
}

#mainMenuClone #languageMenu a.languageLink {
        color: #222;
        margin-bottom: 10px;
}

#mainMenuClone #prepaidMenu a.prepaidLink {
        color: #222;
        margin-bottom: 10px;
}

.burgerContainer {
        position: absolute;
        right: 0;
        top: 33px;
}

#burgerMenu {
        display: none;
        transition: all .2s ease;
        cursor: pointer;
        filter: brightness(1);
}

#burgerMenu:hover {
        filter: brightness(2);
}

#burgerMenu .fa.fa-bars {
        background: url("/img/burger_icon.svg") center no-repeat ;
        background-size: cover;
        width: 20px;
        height: 20px;
        display: inline-block;
}

#languageMenu a.languageLink {
        text-transform: capitalize;
        font-weight: 400;
        color: white;
        font-size: 14px;
        transition: all .2s ease;
}

#languageMenu a.languageLink:hover {
        color: var(--washed-blue);
        text-decoration: none;
}

#languageMenu li>a {
        text-transform: capitalize;
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
        font-size: .8rem;
        transition: all .2s ease;
}
#languageMenu li>a:hover {
        color: #ffffff !important;
        text-decoration: none !important;
}

#prepaidMenu a.prepaidLink {
        font-weight: 400;
        color: white;
        font-size: 14px;
        transition: all .2s ease;
}

#prepaidMenu a.prepaidLink:hover {
        color: var(--washed-blue);
        text-decoration: none;
}

#prepaidMenu li>a {
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
        font-size: .8rem;
        transition: all .2s ease;
}

#prepaidMenu li>a:hover {
        color: #ffffff !important;
        text-decoration: none !important;
}

#mainMenu.menu a:not(.languageLink) {
        color: #ffffff;
}

#mainMenu.menu li {
        /*padding-bottom: 4px;*/
}

#mainMenu.menu li.active {
        text-decoration: underline;
}

#mainMenu.menu li:not(#languageMenu):hover {
        text-decoration: underline;
}

#mainMenu.menu li:not(#prepaidMenu):hover {
        text-decoration: underline;
}

#mainMenu.menu li > ul {
        font-size: .7rem;
}

#mainMenu.menu li {
        position: relative;
        margin-right: 25px;
}

#mainMenu.menu .menuIcon {
        position: absolute;
        right: 0;
        top: 49%;
}

#searchIcon a, #menuIcon a {
        display: block;
        height: 22px;
        width: 22px;
        margin: 11px 0 12px 0;
        opacity: 1;
        transition: all .2s ease;
}

#menuIcon a {
        background-image: url('images/icon-menu.png');
        background-size: contain;
}

#searchIcon a {
        background-image: url('images/search-icon.png');
        background-size: contain;
}

#searchIcon a:hover, #menuIcon a:hover {
        opacity: .6;
}

#userPanel .currentUser, #userPanel .currentUser a {
        color: #aaa;
        text-decoration: none;
}

#userPanel .currentUser a:hover {
        color: #aaa;
        text-decoration: underline;
}

#userPanel a {
        text-decoration: none;
        transition: all .2s ease;
        color: white;
}

#userPanel a:hover {
        color: var(--washed-blue);
        /*text-decoration: underline;*/
}

#subMenu {
        text-transform: uppercase;
        background: #555;
        /*padding: 8px 5px;*/
        padding: 6px 0;
        color: #bbb;
}

#subMenu .menu {
        margin-left: 5px;
        font-size: .7rem;
}

#subMenu .menu a {
        color: #bbb;
        text-decoration: none;
}

#subMenu .menu li:hover, #subMenu .menu a:hover {
        color: #fff;
        text-decoration: none;
}


/* CONTENT */
#wrapperContent {
        /*-moz-box-shadow:    inset 0 18px 16px -16px #bbb;
        -webkit-box-shadow: inset 0 18px 16px -16px #bbb;
        box-shadow:         inset 0 18px 16px -16px #bbb;*/
        background: #FAFBFE;
        padding-bottom: 50px;
        padding-top: 50px;
        /*background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNp0xMEGACEYhdErpYZEWsSI6P3f8W++TWbT4hxJWh9NGvRSPzWqVCjTQ4kiBfLkfpmZrm0BBgB1gBL5oEJfAgAAAABJRU5ErkJggg==") repeat-x;*/
}

#content {
        /*background: #fff;*/
        /*border-left: #555 5px solid;
        border-right: #555 5px solid;*/
}

#mainContent {
        padding: 5px 0;
        min-height: 350px;
}

/* FOOTER */
#wrapperFooter {
        position: fixed;
        bottom: 0;
        padding: 3px 0;
        width: 100%;
        height: fit-content;
        background: white;
        /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNp0xMEGACEYhdErpYZEWsSI6P3f8W++TWbT4hxJWh9NGvRSPzWqVCjTQ4kiBfLkfpmZrm0BBgB1gBL5oEJfAgAAAABJRU5ErkJggg==") repeat-x;*/
}
#footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
}

.bottomBorder, .topBorder {
        background: #555;
        height: 8px;
        display: none;
        /*border-left: #555 5px solid;
        border-right: #555 5px solid;*/
}

#header {
    position: relative;
    z-index: 10;
}

.menu#mainMenu>li {
    padding: 15px 0;

}

#legal {
        font-size: .7rem;
}

/* GENERIC */
/* menu defaults */
.menu {
        list-style: none;
        margin: 0;
}

.menu > li {
        float: left;
        position: relative;
}

.menu > li:first-child {
        margin-left: 0 !important;
}

.menu.floatLeft > li, .menu.positionLeft > li {
        margin-left: 0;
}

.menu.floatRight > li, .menu.positionRight > li {
        margin-right: 0;
}

.menu li > ul {
        list-style: none;
        margin: 0;
        position: absolute;
        left: -30%;
        top: 90%;
        display: none;
        background-color: #999999;
        border: none;
        border-radius: 7px;
        font-weight: normal;
        white-space: nowrap;
        z-index: 100;
        padding-bottom: 3px;
        padding-top: 3px;
}

.menu li > ul > li a {
        padding: 5px;
        line-height: 15px;
}

.menu li:hover > ul {
        display: block;
}

.menu, .menu a {
        text-decoration: none;
}

.menu li > a {
        display: block;
}

.menu a:hover {
        text-decoration: underline;
}

.floatRight li.spacer, .positionRight li.spacer {
        margin: 0 5px !important;
        padding: 0;
}

.floatRight li.spacer + li, .positionRight li.spacer + li {
        margin: 0;
        padding: 0;
}

/* grid */
.gridList {
        margin-top: .5rem;
}

.grid {
        display: block;
}

.grid > div {
        /*background: #FFF;
        border: 1px #DDD solid;*/
        float: left;
        margin: 10px;
}

/* fullsize */
.fullsize {
        /*background: #FAFAFA;
        border: 1px #DDD solid;*/
}

/* split content */
.split {
        position: relative;
}

.split > .large {
        /*background: #F0F0F0;
        border: 1px #DDD solid;*/
}

.split > .large .gridList > * {
        /*background: #F0F0F0;*/
        margin-bottom: 10px;
}

.split > .small {
        /*border: 1px #DDD solid;*/
}

/* collaps */
.collaps {
        position: absolute;
        right: 0;
        top: 8px;
        font-size: .7rem;
        transition: all .1s ease;
}

.collaps.searchBar-open {
        top: 39px;
}

/* MEDIA PAGES */
.medium h1 {
        font-size: 190%;
        font-weight: normal;
        margin: 0;
        padding: 0;
}

.medium h2 {
        font-size: 120%;
        margin: 0;
        padding: 0;
}

.medium .small h1 {
        font-size: 115%;
        margin: 0;
        padding: 0;
}

.medium .details {
        position: relative;
        display: flex;
        align-items: start;
        justify-content: space-between;
}

.medium .details .metadata {
        /* position: absolute;
        top: 0;  */
        margin-left: 25px;
}

.medium .details .metadata p {
        font-size: 13px;
}

.medium .details .actions {
        position: absolute;
        bottom: 0;
}
.medium .details .actions button, .medium .details .actions .button {
        width: 70%;
        height: 35px;
        padding: 0;
        margin: 10px 10px 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
}

.medium .desciption {
        margin: 15px 0 0 0;
}

.medium .desciption > div {
        font-size: 13px;
        line-height: 150%;
        margin-bottom: 20px;
}

.medium > .split > .large > .actions {
        margin: 20px 0;
}

.medium .noAccess {
        background: #FAFAFA url('images/lock.png') no-repeat left center ;
        padding: 5px 5px 5px 20px;
        font-size: .7rem;
        float: right;

        border: 1px solid #DDDDDD;
}

.medium .openAccess {
        padding: 5px 5px 5px 20px;
        float: right;
}

/* Table of content */
.toc a {
        text-decoration: none;
}

.toc a:hover {
        text-decoration: underline;
}

ul.toc {
        font-size: 13px;
        list-style: none;
        margin-left: 3px;
}

ul.toc li {
        margin-bottom: 3px;
}

ul.toc li a, ul.toc li div {
        padding: 5px;
        border-left: #ccc 2px solid;
        display: block;
}

ul.toc li a:hover, ul.toc li div:hover {
        border-left: #1CA8DD 2px solid;
}

.indexLevel1 {
        margin-left: 0;
}

.indexLevel2 {
        margin-left: 10px;
}

.indexLevel3 {
        margin-left: 20px;
}

/* SIDEBAR BOXES */
.box {
        /*background: #F0F0F0;
        border: 1px #DDD solid;*/
        position: relative;
        padding-top: 10px;
}

.box > h1 {
        margin-bottom: 1rem !important;

}

h2.boxTitle, h2.clearAfter {
        margin-bottom: 1rem;
}

.filterRow {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}

h1.boxTitle > span, h2.boxTitle > span {
        background: var(--washed-blue);
        padding: 3px 10px;
        line-height: 20px;
        color: #fff;
        border-radius: 6px;
        margin-bottom: .5rem;
}

.box:last-child {
        border-bottom: none;
}

.box.withBorder {
        padding: 10px;
        background: #f6f6f6;
        border-radius: 6px;
}

.box.withMargin {
        margin-bottom: 5px;
}

.box.minHeight {
        height: 116px;
}

.box ul, .box > ul li {
        margin: 0;
        padding: 0;
        list-style: none;
}

.box > ul > li {
        margin-bottom: 5px;
        padding: 5px;
        background-color: #f6f6f6;
        overflow: hidden;
        border-radius: 6px;
        border: 1px transparent solid;
        transition: all .2s ease;
}

.box > ul > li.noPadding > a {
        display: block;
        position: relative;
        padding: 5px 10px;
}

.box > ul > li.current, .box > ul > li .current {
        background-color: #d7f0fa;
        border: 1px transparent solid;
}

.current .facetBar {
        background: #d7f0fa;
}

.box img {
        float: left;
}

.box .mediaDetailsX100 {
        margin-left: 105px;
}

.box .mediaDetailsX75 {
        margin-left: 80px;
}

.box .mediaDetailsX50 {
        margin-left: 55px;
}

.box h2 {
        font-size: 16px;
}

.box .overflowTitle {
        overflow: hidden;
        max-height: 51px;
        margin-right: 20px;
}

.box .book-title {
        font-size: 15.5px;
}

.box .publisher, .box .additionalInfo {
        font-size: 12px;
}

.box .ebookIcon, .box .articleIcon, .box .audioIcon, .box .journalIcon, .box .ejournalIcon, .box .downloadIcon, .box .videoIcon {
        position: absolute;
        opacity: 0.5;
        top: 13px;
        right: 8px;
        width: 13px;
        height: 17px;
}

.box .permissionIcon {
        position: absolute;
        opacity: 0.5;
        top: 35px;
        right: 7px;
        width: 16px;
        height: 16px;
}

.ebookFacet, .articleFacet, .audioFacet, .journalFacet, .ejournalFacet, .magazineFacet, .downloadFacet, .videoFacet {
        background-position: 2px center;
        padding-left: 23px !important;
}

.box .ebookIcon, .ebookFacet {
        background-image: url('images/ebook.gif');
        background-repeat: no-repeat;
}

.box .articleIcon, .articleFacet {
        background-image: url('images/articles.gif');
        background-repeat: no-repeat;
}

.box .audioIcon, .audioFacet {
        background-image: url('images/audio.gif');
        background-repeat: no-repeat;
}

.box .videoIcon, .videoFacet {
        background-image: url('images/video.gif');
        background-repeat: no-repeat;
}

.box .journalIcon, .journalFacet, .magazineFacet {
        background-image: url('images/journal.gif');
        background-repeat: no-repeat;
}

.box .ejournalIcon, .ejournalFacet {
        background-image: url('images/ejournal.gif');
        background-repeat: no-repeat;
}

.box .downloadIcon, .downloadFacet {
        background-image: url('images/download.gif');
        background-repeat: no-repeat;
}

.box .lockIcon {
        background-image: url('images/lock.png');
        background-repeat: no-repeat;
}

.box .oaIcon {
        background-image: url('images/oa.png');
        background-repeat: no-repeat;
}

.box a {
        color: #666;
        text-decoration: none;
        transition: all .2s ease;
}

.box li.current:hover .facetClose {
        opacity: .5;
}

.box li:hover {
        border-color: #ababab;
}

/* Box compact */
.box.compact {
        font-size: .7rem;
}

.box.compact .facetBar {
        display: none;
}

.box.compact .facetCount {
        position: relative;
        right: 0;
        bottom: 1px;
}

.box.compact > ul > li {
        float: left;
        margin-right: 5px;
        white-space: nowrap;
}

.issueList {
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
        font-size: 15px;
}

/* Medium Box */
.mediumBox {
        padding: 5px;
        background: #FAFAFA;
        border: 1px transparent solid;
}

/* Search */
.facetComplete {
        display: none;
}

.facetCount {
        position: absolute;
        bottom: 7px;
        right: 5px;
        font-size: 75%;
        opacity: 0.6;
}

.current .facetCount {
        display: none;
}

.current .facetClose {
        width: 15px;
        height: 15px;
        background: url('images/close.svg') no-repeat center;
        background-size: 65%;
        top: 6px;
        right: 6px;
        position: absolute;
        opacity: 1;
        transition: all .2s ease;
}

.facetValue {
        position: relative;
}

.facetBar {
        background: #eaf2f6;
        display: block;
        height: 100%;
        overflow: hidden;
        position: absolute;
        text-indent: -999em;
        left: 0;
        top: 0;
        border-radius: 6px;
}

.fixedDialog{
        position: fixed;
        top: 50%;
        left: 50%;
}

.resultHeadline {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: start;
}

.orderMenu {
        font-size: 90%;
        line-height: 30px;
        margin-left: 20px;
}

.orderMenu .rss-icon {
        padding-top: 6px;
}

.orderMenu a.asc, .orderMenu a.desc, .orderMenu a.active{
        color: #333;
}

.orderMenu a.asc:after {
        content: " ⇡";
}

.orderMenu a.desc:after {
        content: " ⇣";
}

.noResults {
        margin-top: 25px;
        font-style: italic;
}

/* fulltext results */
.fulltextResults h3 {
        margin-top: 10px;
}

.fulltextResults strong {
        text-decoration: underline;
}

.fulltextResults .snipped, .fulltextResults .authors  {
        font-size: .7rem;
}

.fulltextResults .page {
        font-size: 75%;
        opacity: 0.6;
}

.resultDetails {
        position: absolute;
        bottom: 5px;
        right: 5px;
        font-size: 75%;
        opacity: 0.6;
        color: black;
}

.resultDetails a {
        color: black;
}

/* OVERLAY */
.ui-dialog {
        font-family: 'Nunito',Tahoma,Helvetica,sans-serif;
}
.ui-widget-overlay {
        background: black;
}
.ui-widget-content {
        border: none;
        border-radius: 6px;
        background: white;
}
.ui-widget-header {
        border: none;
        border-radius: 6px;
        background: var(--washed-blue);
        color: white;
        padding: .5rem 1em;
        font-weight: 600;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
        border: none;
        background: none;
}
.ui-dialog-content {
        margin: 1rem 0;
        min-height: 190px;
}
.ui-state-default .ui-icon {
        width: 100%;
        height: 100%;
        background: url('images/close.svg') no-repeat center;
        background-size: 55%;
        margin-top: -10px;
        margin-left: -13px;
        filter: brightness(5);
}
/* LOGIN */
#authMessage {
        margin-bottom: 1em;
}

.cite {
        float: left;
        width: 45%;
}

.dot {
        float: left;
        height: 70px;
        width: 70px;
        border-radius: 50%;
        margin-right: 20px;
        line-height: 70px;
        text-align: center;
        background-color: rgb(250, 250, 250);
        border-color: rgb(221, 221, 221);
        border-style: solid;
        border-width: 1px;
}

.popularity {
        display: inline-block;
        vertical-align: middle;
        font-size: smaller;
        line-height: 120%;
}

.sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
}


/* DEBUG */
.debugId {
        padding: 8px;
        border: solid 2px #000;
        font-size: 1.3em;
        color: red;
}

.split > .small {
        opacity: 1;
        overflow: hidden;
        transition: all .25s ease-in-out, opacity .1s ease;
        /*border-left: 1px solid #DDDDDD;*/
}

@media only screen and (max-width: 990px) {
        .navigationRight li:not(.burgerContainer) {
                display: none;
        }
        .navigationRight #burgerMenu {
                float: right;
                display: block;
        }
        .navigationRight.menuActive {
                padding: 10px 0;
                display: block;
                width: 100%;
        }
        .navigationRight.menuActive #userPanel {
                display: flex;
        }
        .navigationRight.menuActive li:not(.burgerContainer) {
                display: block;
                float: none;
                margin: 0;
                text-align: left;
        }
}

/* CONTEXT */
/* (extra) large view */
@media only screen and (min-width: 1300px) {
        .width {
                width: 1270px;
                margin: 0 auto;
                position: relative;
        }

        .hiddenLargeView {
                display: none;
        }

        .visibleLargeView {
                display: inherit;
        }

        #logo {
                font-size: 190%;
                line-height: 100%;
        }

        #mainHeader {
                padding-top: 15px;
                height: max-content;
                padding-bottom: 10px;
        }

        #mainSearch {
                width: 100%;
        }

        .searchInput {
                width: calc(100% - 45px);
        }

        .grid > * {
                width: 310px;
                height: 150px; /* REMOVE*/
                margin: 0 10px 10px 0;
        }

        .fullsize {
                margin: 0 0 10px 0;
        }

        .split > * {
                float: left;
        }

        .split > .small.left {
                float: left;
                margin-right: 10px;
        }

        .split > .small.right {
                float: right;
        }

        .split > .large {
                width: 950px;
                margin-bottom: 10px;
        }

        .split > .large .gridList > * {
                float: left;
                width: 310px;
                margin-right: 10px;
        }

        .split > .large .gridList > *:nth-child(3n+0) {
                margin-right: 0;
        }

        .split > .small {
                width: 295px;
                max-width: 295px;
                max-height: 100%;
                padding: 0 0 10px 15px;
                opacity: 1;
                overflow: hidden;
                transition: all .25s ease-in-out, opacity .1s ease;
                /*border-left: 1px solid #DDDDDD;*/
        }

        .split > .small .box {
                padding-bottom: 10px;
                margin: 0 0 10px 0;
        }

        .expanded.split > .small {
                max-width: 0;
                max-height: 0;
                opacity: 0;
        }

        .expanded.split > .large {
                width: auto;
        }

        .expanded.split > .large .gridList > * {
                margin-right: 10px;
        }

        .expanded.split > .large .gridList > *:nth-child(4n+0) {
                margin-right: 0;
        }

        /* MEDIA PAGES */
        .medium .details .metadata, .medium .details .actions {
                left: 320px;
                width: 640px
        }

        .medium .actions button, .medium .actions .button {
                width: 50% !important;
        }

        .medium .details .cover img {
                width: 300px;
        }

        .medium .details {
                min-height: 350px;
        }

        /* Login */
        .login {
                width: 47%;
                float: left;
                border-right: #CCC solid 2px;
                padding-right: 3%;
                margin-right: 3%;
        }

        .shibboleth {
                width: 46%;
                float: left;
        }
        .filter_login {
                width: 100%;
                float: left;
                padding-right: 3%;
                margin-right: 3%;
        }
}



/* large view */
@media only screen and (min-width: 990px) and (max-width: 1300px) {
        .width {
                width: 960px;
                margin: 0 auto;
                position: relative;
        }

        .hiddenLargeView {
                display: none;
        }

        .visibleLargeView {
                display: inherit;
        }

        #logo {
                font-size: 190%;
                line-height: 100%;
        }

        #mainHeader {
                padding-top: 15px;
                height: max-content;
                padding-bottom: 10px;
        }

        #mainSearch {
                width: 100%;
        }

        .searchInput {
                width: calc(100% - 45px);
        }

        #footer {
                justify-content: space-between;
        }

        #footer li {
                font-size: .7rem;
                margin: 0 8px;
        }

        .grid > * {
                width: 313px;
                height: 150px; /* REMOVE*/
                margin: 0 10px 10px 0;
        }

        .fullsize {
                margin: 0 0 10px 0;
        }

        .split > * {
                float: left;
        }

        .split > .small.left {
                float: left;
                margin-right: 10px;
        }

        .split > .small.right {
                float: right;
                margin-left: 10px;
        }

        .split > .large {
                width: 636px;
                margin-bottom: 10px;
        }

        .split > .large .gridList > * {
                float: left;
                width: 313px;
        }

        .split > .large .gridList > *:nth-child(odd) {
                margin-right: 10px;
        }

        .split > .small {
                width: 299px;
                max-width: 299px;
                max-height: 100%;
                padding: 0 0 10px 15px;
                margin-left: 5px;
                /*border-left: 1px solid #DDDDDD;*/
        }

        .split > .small .box {
                padding-bottom: 10px;
                margin: 0 0 10px 0;
        }

        .expanded.split > .small {
                max-width: 0;
                max-height: 0;
                opacity: 0;
        }

        .expanded.split > .large {
                width: auto;
        }

        .expanded.split > .large .gridList > * {
                margin-right: 10px;
        }

        .expanded.split > .large .gridList > *:nth-child(3n+0) {
                margin-right: 0;
        }

        /* MEDIA PAGES */
        .medium .details .metadata, .medium .details .actions {
                left: 270px;
                width: 370px
        }

        .medium .details .cover img {
                width: 250px;
        }

        .medium .details {
                min-height: 350px;
        }

        /* Login */
        .login {
                width: 47%;
                float: left;
                border-right: #CCC solid 2px;
                padding-right: 3%;
                margin-right: 3%;
        }

        .shibboleth {
                width: 46%;
                float: left;
        }
}

/* medium view */
@media only screen and (min-width: 768px) and (max-width: 990px) {
        .width {
                width: 728px;
                margin: 0 auto;
                position: relative;
        }

        .hiddenMediumView {
                display: none;
        }

        .visibleMediumView {
                display: inherit;
        }

        #logo {
                font-size: 180%;
                line-height: 100%;
        }

        #mainHeader {
                padding-top: 15px;
                height: max-content;
                padding-bottom: 10px;
        }

        #mainSearch {
                width: 100%;
        }

        .searchInput {
                width: calc(100% - 45px);
        }

        #footer {
                justify-content: center;
        }

        #footer li {
                font-size: .7rem;
                margin: 0 8px;
        }

        .grid > * {
                width: 331px;
                height: 150px; /* REMOVE*/
                margin: 0 13px 13px 13px;
        }

        .fullsize {
                margin: 0 0 10px 0;
        }

        .fullsize > h1, .split > .large > h1, .split > .small > h1 {
                font-size: 150%;
        }

        .fullsize > h2, .split > .large > h2, .split > .small > h2 {
                font-size: 130%;
                line-height: 110%;
        }

        .split > .large {
                margin: 10px 0;
        }

        .split > .large .gridList > * {
                float: left;
                width: 359px;
        }

        .split > .large .gridList > *:nth-child(odd) {
                margin-right: 10px;
        }

        .split > .small {
                margin: 10px 0;
                /*padding: 5px;
                background: #FCFCFC;
                border-top: 1px solid #DDDDDD;
                border-bottom: 1px solid #DDDDDD;*/
        }

        .split > .small .box {
                float: left;
                width: 359px;
                padding-bottom: 0;
                margin-bottom: 10px;
        }

        .expanded.split > .small {
                max-width: 0;
                max-height: 0;
                opacity: 0;
        }

        .box:nth-of-type(odd){
                padding-right: 10px;
        }

        /* MEDIA PAGES */
        .medium .details .metadata, .medium .details .actions {
                left: 270px;
                width: 420px;
        }

        .medium .details .cover img {
                width: 250px;
        }

        .medium .details {
                min-height: 200px;
        }

        /* Login */
        .login {
                width: 47%;
                float: left;
                border-right: #CCC solid 2px;
                padding-right: 3%;
                margin-right: 3%;
        }

        .shibboleth {
                width: 46%;
                float: left;
        }
}

/* small view */
@media only screen and (min-width: 480px) and (max-width: 768px) {
        .width {
                width: 460px;
                margin: 0 auto;
                position: relative;
        }

        .hiddenSmallView {
                display: none;
        }

        .visibleSmallView {
                display: inherit;
        }

        #logo {
                font-size: 160%;
                line-height: 100%;
        }

        #mainHeader {
                height: max-content;
                padding-top: 15px;
                padding-bottom: 5px;
        }

        #mainSearch {
                display: none;
        }

        form#mainSearch input.searchSubmit,
        form#mainSearchClone input.searchSubmit {
                position: static;
                display: block;
                margin: 10px auto;
        }

        #footer {
                justify-content: center;
        }

        #footer li {
                font-size: .7rem;
                margin: 0 8px;
        }

        #searchIcon {
                display: block;
        }

        .fullsize {
                margin-bottom: 10px;
        }

        .fullsize > h1, .split > .large > h1, .split > .small > h1 {
                font-size: 150%;
        }

        .fullsize > h2, .split > .large > h2, .split > .small > h2 {
                font-size: 130%;
                line-height: 110%;
        }

        .grid > * {
                float: none;
                height: 150px; /* REMOVE*/
                margin: 0 0 15px 0;
        }

        .split > .large {
                margin: 0 0 13px 0;
        }

        .split > .small {
                margin: 0 0 13px 0;
                padding: 5px;
        }

        .split > .small .box {
                padding-bottom: 0;
                margin-bottom: 10px;
        }

        .expanded.split > .small {
                max-width: 0;
                max-height: 0;
                opacity: 0;
        }

        .box {
                padding-bottom: 0;
                margin-bottom: 0;
        }

        /* MEDIA PAGES */
        /* .medium .details .metadata {
                left: 150px;
                width: 270px;
        } */

        .medium .details .cover img {
                width: 135px;
        }

        .medium .actions button, .medium .actions .button {
                /* float: letft */
                width: 250px;
                /* margin: 0 10px; */
                display: flex;
                align-items: center;
                text-decoration: none;
                padding: 0;
                margin: 5px 0;
        }

        .medium .actions:after {
                clear: both;
        }

        .medium .details {
                min-height: 200px;
        }

        /* Login */
        .login {
                border-bottom: #CCC solid 2px;
                padding-bottom: 10px;
                margin-bottom: 20px;
        }
}

/* (extra) small view */
@media only screen and (max-width: 480px) {
        .width {
                position: relative;
                padding-left: 10px !important;
                padding-right: 10px !important;
        }

        .hiddenSmallView {
                display: none;
        }

        .visibleSmallView {
                display: inherit;
        }

        #logo {
                font-size: 160%;
                line-height: 100%;
        }

        #mainHeader {
                padding-top: 15px;
                height: max-content;
        }

        #mainSearch {
                display: none;
        }

        #searchIcon {
                display: block;
        }

        form#mainSearch input.searchSubmit,
        form#mainSearchClone input.searchSubmit {
                position: static;
                display: block;
                margin: 10px auto;
        }

        #footer {
                justify-content: center;
        }

        #footer li {
                font-size: .7rem;
                margin: 0 8px;
        }

        #mainMenu {
                display: none;
        }

        #menuIcon {
                display: block;
        }

        .fullsize {
                margin-bottom: 10px;
        }

        .fullsize > h1, .split > .large > h1, .split > .small > h1 {
                font-size: 150%;
        }

        .fullsize > h2, .split > .large > h2, .split > .small > h2 {
                font-size: 130%;
                line-height: 110%;
        }

        .grid > * {
                float: none;
                height: 150px; /* REMOVE*/
                margin: 0 0 15px 0;
        }

        .split > .large {
                margin: 0 0 13px 0;
        }

        .split > .small {
                margin: 0 0 13px 0;
                padding: 5px;
        }

        .split > .small .box {
                padding-bottom: 0;
                margin-bottom: 10px;
        }

        .expanded.split > .small {
                max-width: 0;
                max-height: 0;
                opacity: 0;
        }

        .box {
                padding-bottom: 0;
                margin-bottom: 0;
        }

        /* Header */
        #wrapperPanel {
                display: none;
        }

        #subMenu .menu {
                margin-left: 0;
        }

        /* MEDIA PAGES */
        .medium .details .metadata {
                left: 150px;
        }

        .medium .details .cover img {
                width: 135px;
        }

        .medium .actions button, .medium .actions .button {
                /* float: letft */
                width: 150px;
                /* margin: 0 10px; */
                display: flex;
                align-items: center;
                text-decoration: none;
                padding: 0;
                margin: 5px 0;
        }

        .medium .actions:after {
                clear: both;
        }

        .medium .details {
                min-height: 200px;
        }

        /* Login */
        .login {
                border-bottom: #CCC solid 2px;
                padding-bottom: 10px;
                margin-bottom: 20px;
        }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
        .hiddenMediumView {
                display: block !important;
        }
      
}