/* Affichage des collections */

/* Supprime le chevauchement du titre */
prm-collection-gallery-header .collection-header-inner.has-transparent-topbar{
    margin-top: 0px !important;
}

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/************************* Union View Package CSS *****************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/


/***************  Navigation  ******************/

/*Font Navigation and buttons*/
#mainMenu > div > a, button#signInBtn, button#more-links-button, prm-topbar > div > prm-user-area-expandable > md-menu > button > span {
    font-size: small !important;
    font-weight: 500 !important;
    color: #111 !important;
}
    /*hover effect Navigation and buttons*/
    #mainMenu > div > a:hover, button#signInBtn:hover, prm-topbar > div > prm-user-area-expandable > md-menu > button:hover, button#more-links-button:hover,
    prm-search-bookmark-filter > a:hover, a#favorites-button:hover, a#search-button:hover, .md-button.button-as-link:hover:not([disabled]),
    .md-button.button-link:hover:not([disabled]), .md-button.button-link:focus:not([disabled]), prm-user-area-expandable .button-with-menu-arrow:hover .menu-arrow:hover:not([disabled]),
    button.item-expand-button.md-button.md-primoExplore-theme.md-ink-ripple:hover:not([disabled]),
    button.item-expand-button.md-button.md-primoExplore-theme.md-ink-ripple:focus:not([disabled]) {
        background-color: #ddd !important;
        color: #111 !important;
    }
/*remove capitalized text*/
.md-button {
    text-transform: none;
}
    /*Menu button*/
    button.button-with-menu-arrow.md-button.md-primoExplore-theme.md-ink-ripple:hover, button#signInBtn, .md-button.button-link,
    .md-button.button-as-link.link-alt-color, prm-icon md-icon, .section-title prm-icon, prm-icon.rotate-180, svg#chevron-up,
    span.user-name, span.menu-arrow, .md-button.button-as-link, #sidebar-trigger > prm-icon > md-icon {
        color: #111 !important;
    }
/*hide hover effect on Library Logo*/
#banner > a.md-button.md-primoExplore-theme.md-ink-ripple:hover {
    background: none;
}
/*background buttons*/
prm-search-bookmark-filter .md-button {
    background-color: #fff !important;
}
/*hiding Refworks from the pulldown menu*/
.my-refworks-ctm, .my-refworks-separator-ctm {
    display: none;
}
/*switch to advanced search button*/
button.switch-to-advanced.zero-margin.button-with-icon.md-button.md-primoExplore-theme.md-ink-ripple {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
}

.md-button.button-as-link {
    line-height: 36px;
    padding: 0 12px;
}

.md-button.md-primary:hover:not([disabled]), .md-button.md-primary:focus:not([disabled]), prm-favorites-labels .md-chips .md-chip.toggleable-chip:not(.chip-toggled-on) .md-chip-content:hover:not([disabled]), prm-favorites-labels .md-chips .md-chip:not(.chip-toggled-on) .md-chip-content:hover:not([disabled]), .bar prm-authentication .md-button:hover:not([disabled]), button.dismiss-alert-button:hover {
    color: #fff;
    background-color: #111;
}

/*the main color border on mobile view*/
@media (max-width: 599px) {
    prm-topbar .top-nav-bar {
        border-bottom-style: solid;
        border-bottom-width: 8px;
    }
}

.md-button.button-as-link {
    line-height: 36px;
    padding: 0 6px;
}

.md-autocomplete-suggestions li {
    white-space: nowrap;
}


/***************  Main Content  ******************/

/*backgound of the Textboxes Homepage*/
prm-search > div > md-content, md-card.default-card._md.md-primoExplore-theme {
    background-color: #fff !important;
    border-radius: 3px;
}

/*first header of the Textboxes*/
.cardbox h1 {
    font-size: 48px;
    line-height: 56px;
}

/*second header of the Textboxes*/
.cardbox h2 {
    font-size: 32px;
    line-height: 36px;
}
/*third header of the Textboxes (if needed)*/
.cardbox h3 {
    font-size: 26px;
    line-height: 30px;
}

/*removes the upper and lower space in a list */
.cardbox ul, .cardbox ol {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*links in the textboxes*/
md-card-content a, prm-service-details a {
    color: #222222 !important;
}

md-card-content a, prm-service-details a, div.courier-info > span a {
    text-decoration: underline !important;
}

    md-card-content a:hover, prm-service-details a:hover {
        color: #111;
        background-color: rgba(47, 47, 47, 0.1) !important;
    }

/*Responsive Video Frame*/
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*footer layout*/
md-card.prm-primary-bg.psfooter {
    margin: 16px 0 0 0;
}
/*footer layout*/
md-card.prm-primary-bg.psfooter-legal {
    margin: 1px 0 0 0;
}
/*Responsive footer layout*/
@media (min-width: 960px) {

    md-card-content.prm-primary-bg.layout-align-gt-sm-end-stretch.flex-gt-sm-70 {
        text-align: end;
    }
}
/*footer links*/
md-icon.ps_icon, a.ps_link {
    margin-right: 5%;
    text-decoration: underline;
}

/*md-icon.ps_icon:hover, a.ps_link:hover, a.ps_link.legal:hover, span.legal a:hover {
        background-color: rgba(61,110,148,.1) !important;
    }*/


/*footer text*/
md-card-content.prm-primary-bg {
    font-weight: 300;
}


/*links in the legal part of the footer*/
a.ps_link.legal, span.legal {
    font-size: 14px;
    font-weight: 300;
}

    /************************************************************************************************
span.legal {
    color: #14413c;
}
*/
    span.legal > a {
        /*color: #14413c;*/
        font-weight: 600;
    }

/*main container width for footer positioning*/
prm-static.md-padding.flex {
    min-width: 100%;
    padding: 0;
}

/*mainly white background*/
.prm-primary-bg.prm-hue1, prm-atoz-search-bar.prm-hue1, prm-browse-search-bar.prm-hue1, prm-collection-gallery-header .prm-hue1.collection-header-inner, prm-newspapers-search-bar.prm-hue1, prm-search-bar.prm-hue1, prm-spinner.prm-hue1.overlay-cover.light-on-dark:after, prm-tags-search-bar.prm-hue1, prm-topbar .top-nav-bar, prm-tree-nav prm-spinner .prm-hue1.diamond {
    background-color: #fff !important;
}


/*font color on white background*/
.hoverable-over-dark, .md-button.button-over-dark, prm-main-menu[menu-type=full] .md-button.md-focused, prm-main-menu[menu-type=full] .md-button .md-input-container-dummy > .md-select-dummy:focus, prm-main-menu[menu-type=full] .md-button:focus, prm-main-menu[menu-type=full] .md-button:hover, prm-main-menu[menu-type=full] .md-button md-select:focus, prm-main-menu[menu-type=full] .overlay-menu-item.md-focused, prm-main-menu[menu-type=full] .overlay-menu-item .md-input-container-dummy > .md-select-dummy:focus, prm-main-menu[menu-type=full] .overlay-menu-item:focus, prm-main-menu[menu-type=full] .overlay-menu-item:hover, prm-main-menu[menu-type=full] .overlay-menu-item md-select:focus, prm-main-menu[menu-type=full] md-button:focus, prm-main-menu[menu-type=full] md-button:hover, prm-topbar .md-button, prm-user-area .md-button.user-menu-button, prm-user-area md-fab-toolbar ._md-fab-action-item .md-button, prm-user-area md-fab-toolbar ._md-fab-action-item md-input-container, prm-user-area md-fab-toolbar .md-fab-action-item .md-button, prm-user-area md-fab-toolbar .md-fab-action-item md-input-container {
    color: #222 !important;
}

/***************  Brief results  ******************/

/*color of the Alertbar*/
.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg {
    /*background-color: #8dd8d8 !important;*/
    border: none !important;
}

/*backgound search results boxes*/
.list-item-wrapper {
    background-color: #f9f9f9;
}
/*Title color*/
prm-brief-result .item-title span {
    color: #333;
}

    prm-brief-result .item-title span:hover {
        color: #111;
        background-color: rgba(47, 47, 47, 0.1) !important;
    }

/*remove hover effect from title links*/
.md-button.arrow-link-button .button-content:focus, .md-button.arrow-link-button .button-content:hover, .md-button.arrow-link-button .hover.button-content, .md-button.arrow-link-button:focus .button-content, .md-button.arrow-link-button:hover .button-content, .recommendations-title.hover > span > span, .recommendations-title:hover > span > span, a.hover, a:focus, a:hover, prm-chapters-and-reviews md-card > .md-button:focus .item-title span, prm-chapters-and-reviews md-card > .md-button:hover .item-title span, prm-citation-trails-item.active-item md-card > .md-button:focus .item-title span, prm-citation-trails-item.active-item md-card > .md-button:hover .item-title span, prm-tags-list .md-chips .md-chip .md-chip-content:hover strong, prm-tags-list .md-chips md-chip .md-chip-content:hover strong, prm-tags-list md-chips .md-chip .md-chip-content:hover strong, prm-tags-list md-chips md-chip .md-chip-content:hover strong {
    box-shadow: none !important;
}

/*background color of bookmarked items*/
.list-item-wrapper .item-bookmarked, .list-item-wrapper .item-bookmarked:hover, .prm-highlight, .prm-highlight.prm-hue1, prm-breadcrumbs .md-chip.persistent-facet, prm-breadcrumbs .prm-hue1.md-chip.persistent-facet {
    background-color: #ddd !important;
}

/*hover effect on all Links*/
.md-button.arrow-link-button .button-content:focus, .md-button.arrow-link-button .button-content:hover, .md-button.arrow-link-button .hover.button-content,
.md-button.arrow-link-button:focus .button-content, .md-button.arrow-link-button:hover .button-content, .prm-links-background.prm-hue-1,
.recommendations-title.hover > span > span, .recommendations-title:hover > span > span, a.hover, a:focus, a:hover,
prm-chapters-and-reviews md-card > .md-button:focus .item-title span, prm-chapters-and-reviews md-card > .md-button:hover .item-title span,
prm-citation-trails-item.active-item md-card > .md-button:focus .item-title span, prm-citation-trails-item.active-item md-card > .md-button:hover .item-title span,
prm-tags-list .md-chips .md-chip .md-chip-content:hover strong, prm-tags-list .md-chips md-chip .md-chip-content:hover strong,
prm-tags-list md-chips .md-chip .md-chip-content:hover strong, prm-tags-list md-chips md-chip .md-chip-content:hover strong {
    color: #222 !important;
}

div.custom-links-container.layout-wrap.layout-align-sm-start-start.layout-align-center-start.layout-row > div > a:hover {
    background-color: #6b6b6b !important;
}

/*Facet titles*/
span.section-title-header:hover {
    color: #8a8a8a !important;
}

/*Facet "show more" button*/
.sidebar-section .md-button.button-as-link.link-alt-color:hover {
    background-color: rgba(17, 17, 17, 0.17) !important;
}

/*page select buttons*/
a.md-mini.md-button.md-primoExplore-theme.md-ink-ripple:hover {
    color: white !important;
}

/*underlined search results*/
/*.text-highlight, mark {
    box-shadow: inset 0 -0.15em 0 0 #8dd8d8;
}*/

/*versions link and other*/
.getit, .md-button.arrow-link-button prm-search-result-frbr-line .button-content > prm-icon:first-child, .prm-notice, .status-maybe, .worldcat, [class*=_more], [class*=_unknown], [class*=check_], [class*=does_not_exist], [class*=may_], [class*=NFT], prm-search-result-frbr-line .md-button.arrow-link-button .button-content > prm-icon:first-child, prm-search-result-frbr-line a > prm-icon:first-child, prm-service-links a {
    color: #222 !important;
}
/*icon color and text color in request forms*/
.prm-primary-color, .request-form md-input-container label, .request-form md-input-container label:not(.md-no-float):not(._md-container-ignore), .request-form md-input-container md-select .md-select-value.md-select-placeholder, .request-form md-input-container .md-input-container-dummy > .md-select-dummy .md-select-value.md-select-placeholder, .request-form md-input-container md-select ._md-select-value._md-select-placeholder, .request-form md-input-container .md-input-container-dummy > .md-select-dummy ._md-select-value._md-select-placeholder, .result-item-actions .md-icon-button, .result-item-actions .more-options-button, prm-add-query-to-saved-searches .custom-button, prm-pre-filters md-input-container.is-active, .md-autocomplete-suggestions .suggestion-scope, md-tab-content .tab-content-header md-input-container md-select-value .md-text {
    color: #222 !important;
}
/*space between item details in Fullview*/
#item-details > div > div {
    margin-bottom: .8em !important;
}

/*Items expand*/

@media (max-width: 960px) {
prm-location-items .md-list-item-text.layout-wrap.layout-row.flex {
    flex-direction: column;
}
prm-location-items h3, prm-location-items h4 {
    margin:10px 0 !important;
}
prm-location-items > md-list > md-list-item > div > div.md-list-item-text > div.weak-text > div > div > p {
    margin: 4px 18px !important;
    display: list-item;
}
prm-location-items > md-list > md-list-item > div > div > div.layout-wrap {
    flex-direction: row !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
}
prm-location-items > md-list > md-list-item > div > div > div > div > prm-service-button > button {
    box-shadow: inset 0 -0.15em 0 0 #8dd8d8;
}

}

/* Hide "search inside" for print journals */
.search-within-p-only { display:none }

/*fullview background of the left part*/
.md-dialog-container.fixed-container {
    background-color: #444 !important;
}

/*background color of the signin window and the fullscreen navigation*/
md-backdrop._md-dialog-backdrop.md-opaque.md-primoExplore-theme {
    background-color: #1f1f1f !important;
}
/*text color of the signin window and the fullscreen navigation*/
prm-main-menu[menu-type=full] .md-button .md-headline, prm-main-menu[menu-type=full] .overlay-menu-item .md-headline, .light-on-dark-dialog .md-button.button-as-link, .light-on-dark-dialog .md-button.button-confirm, md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button, md-dialog.light-on-dark-dialog a:hover {
    color: #fff !important;
}
/*hiding the Library Logo in the login window*/
.login-header {
    display: none !important;
}
/*login-box make arrows clickable*/
prm-union-catalog-login button.md-no-style.md-button.md-primoExplore-theme.md-ink-ripple {
    z-index: 100;
}
prm-login .md-button.md-no-style:hover {
    color:black;
}

.login-card md-list-item.login-brighter-dialog prm-login-item {
    width:100%;
}

prm-login .md-secondary-container md-icon.md-primoExplore-theme {
    position: absolute;
    margin: -27px 22px 0px -57px;
}

/*alertbar for the courier info*/
.courier-info {
    margin: 0px 8px;
}

.courier-info.bar.alert-bar {
	height: unset;
	margin: 6px 8px;
	padding: .5em .5em 0.25em;
	text-align: center;
}

/*Library info icon*/
prm-location-items-after > div > span > a > img {
    vertical-align: middle;
    max-width: 30px;
    margin: 4px 12px;
}

/*Library card Personal details display*/
#personalDetails > md-card-content > div {
    flex-flow: column;
}

#personalDetails .md-input-has-value.layout-column {
    min-width: 400px;
}

prm-personal-info-after {
    display: flex;
}

/******************************************************************************/
/************************************ Full display ****************************/
/******************************************************************************/

/*Back buttons*/

md-tabs.tabs-as-app .back-button, prm-location-holdings .md-button.button-as-link, prm-location-items .button-link {
    box-shadow: none;
    color: #111111 !important;
    background: rgba(17, 17, 17, 0.20) !important;
    line-height: 24px;
    border: 1px solid rgba(0, 0, 0, 0.59);
}

md-tabs.tabs-as-app:hover .back-button:hover, prm-location-holdings .md-button.button-as-link:hover:not([disabled]), prm-location-items .button-link:hover:not([disabled]) {
    color: #111111 !important;
    background-color: rgba(17, 17, 17, 0.10) !important;
}

/*Buttons margin*/

prm-request-services, prm-opac, prm-location-holdings .md-button.button-as-link {
    margin-top: 5px;
}

/* Locations filter by default; hide filter button */
prm-locations button[ng-if='$ctrl.displayFiltersButton && !$ctrl.locationsPrefilterActive']{
    display: none !important;
}
prm-location-items button[ng-if='($ctrl.isFilter || $ctrl.isFiltered) && $ctrl.isAnyFilterFilled()']{
    display: none !important;
}


/* Location filter "Clear" button */

prm-locations-filter .md-button.button-as-link:hover:not([disabled]) {

background-color: rgba(17, 17, 17, 0.10) !important;

}

/*filter bar*/

prm-locations-filter md-select {
    margin-top:1px;
}

prm-location-items prm-service-button .md-button.button-as-link {
    padding:0 6px !important;
    box-shadow:none;
    line-height:28px;
}

/*FullView - Left Navigation */
prm-full-view .services-index-under{
    min-width: 7em;
}
prm-full-view .services-index-under .md-button{
    width: 100%;
    /* border: 1px solid #c3c3c3; */
    margin: 1px 0!important;
    text-overflow: clip;
    padding-right: 0;
    white-space: normal;
    line-height: 20px;
    padding: 7px 5px;
}
prm-full-view .services-index-under .md-button span{
    text-transform: none;
}

/*Full view Resource sharing */

#getit_link1_0 > div > prm-full-view-service-container > div.section-body > div {
    display: flex;
    flex-direction: column;
}

prm-opac {
    order: 1;
}

prm-alma-other-members {
    order: 2;
    display: grid;
}

alma-htgi-svc {
    order: 3;
}

primo-explore.logged-out alma-htgi-svc, primo-explore.alert alma-htgi-svc {
    order: 0 !important;
}

.medium-uppercase-bold {
    text-transform: none;
    font-size: 1em;
}

/*Full display Resource sharing expand section*/

prm-alma-other-units button.layout-fill, prm-alma-other-members button.layout-fill {
     height: auto;
     min-height: auto;
}

/* Full display sections order */

#full-view-container > *:first-child {
	display: flex;
	flex-direction: column;
}

#brief {
    order: 0 !important;
    margin-bottom: -40px;
}

#citationTrails {
    order: 1 !important;
    margin-bottom: -30px;
}

#searchWithinJournal {
    order: 2 !important;
    margin-bottom: -30px;
}

#getit_link1_0 {
    order: 3 !important;
    margin-bottom: -30px;
}

#getit_link1_1 {
    order: 4 !important;
    margin-bottom: -30px;
}

#action_list {
    order: 5 !important;
    margin-bottom: -30px;
}

#details {
    order: 6 !important;
    margin-bottom: -30px;
}

#links {
    order: 7 !important;
    margin-bottom: -30px;
}

#moreFromTheSameCourse {
    order: 8 !important;
    margin-bottom: -30px;
}

#moreFromTheSameCollection {
    order: 9 !important;
    margin-bottom: -30px;
}

#virtualBrowse {
    order: 10 !important;
    margin-bottom: -30px;
}

/* Change of links in left navigation bar ENG */

[aria-label="Top"] {
    order: 0 !important;
}

[aria-label="Citations"] {
    order: 1 !important;
}

[aria-label="Search inside"] {
    order: 2 !important;
}

[aria-label="View Online"] {
    order: 3 !important;
}

[aria-label="Loan and request options"] {
    order: 4 !important;
}

[aria-label="Send to"] {
    order: 5 !important;
}

[aria-label="Details"] {
    order: 6 !important;
}

[aria-label="Links"] {
    order: 7 !important;
}

[aria-label="Course"] {
    order: 8 !important;
}

[aria-label="Collection"] {
    order: 9 !important;
}

[aria-label="Virtual Browse"] {
    order: 10 !important;
}

/* Change of links in left navigation bar GER */

[aria-label="Top"] {
    order: 0 !important;
}

[aria-label="Literatur"] {
    order: 1 !important;
}

[aria-label="Suche innerhalb"] {
    order: 2 !important;
}

[aria-label="Online ansehen"] {
    order: 3 !important;
}

[aria-label="Ausleih- und Bestelloptionen"] {
    order: 4 !important;
}

[aria-label="Senden an"] {
    order: 5 !important;
}

[aria-label="Details"] {
    order: 6 !important;
}

[aria-label="Links"] {
    order: 7 !important;
}

[aria-label="Seminar"] {
    order: 8 !important;
}

[aria-label="Sammlung"] {
    order: 9 !important;
}

[aria-label="Virtuelles Regal"] {
    order: 10 !important;
}

/* Change of links in left navigation bar FRE */

[aria-label="Haut"] {
    order: 0 !important;
}

[aria-label="Citations"] {
    order: 1 !important;
}

[aria-label="Rechercher dans"] {
    order: 2 !important;
}

[aria-label="Consulter en ligne"] {
    order: 3 !important;
}

[aria-label="Options de prêt et de demande"] {
    order: 4 !important;
}

[aria-label="Envoyer vers"] {
    order: 5 !important;
}

[aria-label="Détails"] {
    order: 6 !important;
}

[aria-label="Liens"] {
    order: 7 !important;
}

[aria-label="Cours"] {
    order: 8 !important;
}

[aria-label="Collection"] {
    order: 9 !important;
}

[aria-label="Etagère virtuelle"] {
    order: 10 !important;
}

/* Change of links in left navigation bar ITA */

[aria-label="Top"] {
    order: 0 !important;
}

[aria-label="Citazioni"] {
    order: 1 !important;
}

[aria-label="Cerca in"] {
    order: 2 !important;
}

[aria-label="Visualizza online"] {
    order: 3 !important;
}

[aria-label="Opzioni di prestito e richiesta"] {
    order: 4 !important;
}

[aria-label="Invia a"] {
    order: 5 !important;
}

[aria-label="Dettagli"] {
    order: 6 !important;
}

[aria-label="Link"] {
    order: 7 !important;
}

[aria-label="Corso"] {
    order: 8 !important;
}

[aria-label="Collezione"] {
    order: 9 !important;
}

[aria-label="Scorri virtualmente"] {
    order: 10 !important;
}

/******************************************************************************/
/************************************ Help Page *******************************/
/******************************************************************************/
#help img {
    max-width: 100%;
    height: auto;
}

img.icon_up1 {
    width: 16px;
    float: right;
    margin: 13px 2px;
}

img.icon_up2 {
    width: 10px;
    float: right;
    margin: 4px;
}

a > h3:hover {
    background-color: #eee !important;
}

/******************************************************************************/
/************************************ Collections *****************************/
/******************************************************************************/

/*Collections navigation bar*/

prm-collection-navigation-breadcrumbs-item .md-button.button-as-link.link-alt-color {
    box-shadow: none;
    color: #ffffff !important;
	background: #1111117a !important;
	line-height: 24px;
  }

prm-collection-navigation-breadcrumbs-item .md-button.button-as-link.link-alt-color:hover {

color:#ffffff !important;
background-color: #11111152 !important; }

/******************************************************************************/
/****************** SLSP "special" external resources ***************************/
/******************************************************************************/

.slsp-archives md-list-item{
    cursor: pointer;
}
.slsp-archives .md-list-item-inner span {
    padding-left: 2em;
}
.slsp-archives md-list md-list-item .md-button{
    color: #3d6e94;
    font-size: 16px;
}
.slsp-archives md-list md-list-item .md-button:hover:not([disabled]),
.slsp-archives md-list md-list-item .md-button:focus:not([disabled]) {
    background-color: transparent;
    color: #3d6e94;
    text-decoration: underline;
}
.slsp-archives-additional-hint{
    justify-content: center;
    display: flex;
    padding: 1em;
    background-color: #f7eda3;
    border-color: #ede49e;
    margin-bottom: 1em;
    padding-left: 2em;
    box-shadow: 0 1px 0 0 rgb(0 0 0 / 3%), 0 5px 5px -3px rgb(0 0 0 / 7%);
}
/* mfa, tma */
.slsp-archives-hide alma-htgi-svc > * {
    display: none;
}
.slsp-archives-hide alma-htgi-svc-after {
    display: block;
}
/* hsa */
.slsp-archives-hide prm-alma-viewit > * {
    display: none;
}
.slsp-archives-hide prm-alma-viewit-after {
    display: block;
}
/* availability-line HSA, if no online resource */
prm-search-result-availability-line.slsp-hsa-no-online  prm-icon{
    display:none;
}
prm-search-result-availability-line.slsp-hsa-no-online  .availability-status {
    color: gray;
}


/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/********************** End of the Central Package CSS ************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*************************** EPFL CUSTOM COLORS *******************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/* This file contains the EPFL part of the custom package. The SLSP part is in
   the custom_slsp.css file. */

/*****************This two entries are the background of the primary color*******************/

prm-primary-bg, prm-atoz-search-bar, prm-browse-search-bar, prm-collection-gallery-header .collection-header-inner, prm-search-bar, prm-newspapers-search-bar,
prm-spinner.overlay-cover.light-on-dark:after, prm-tags-search-bar, prm-tree-nav prm-spinner .diamond, .prm-primary-bg, md-checkbox.md-checked .md-icon,
md-tabs md-ink-bar, md-radio-button.md-checked .md-on, button.switch-to-simple, .md-button.button-confirm {
    background-color: #ff0000 !important;
}

/* Suppression configuration master template */
prm-request-services .md-button.button-as-link{
    background-color: unset !important;
}

md-tabs.tabs-as-app .back-button  {
        background-color: #777 !important;
        line-height: 24px !important;
        min-height: 24px !important;
        margin: 4px 0 !important;
}

@media (max-width: 599px) {
    prm-topbar .top-nav-bar {
        border-color: #ff0000 !important;
    }
}

/*.search-actions button{
        background-color: #fff !important;
        color: #222;
} */


/*****************This entry is the mouse over background of the links and buttons*******************/
md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-icon.ps_icon:hover, a.ps_link:hover, a.ps_link.legal:hover, span.legal a:hover, button.switch-to-advanced:hover,
button.switch-to-simple:hover, .md-button.button-confirm:hover {
    background-color: #ae0010 !important;
}

.md-button.button-as-link:hover:not([disabled]){
    background-color: unset !important;
}

md-tabs.tabs-as-app .back-button:hover:not([disabled]){
    background-color: #555 !important;
}

/*****************This two entries are the font color of the primary color*******************/
.prm-primary-bg, prm-atoz-search-bar, prm-browse-search-bar, prm-collection-gallery-header .collection-header-inner, prm-newspapers-search-bar,
prm-spinner.overlay-cover.light-on-dark:after, prm-tags-search-bar, prm-tree-nav prm-spinner .diamond, .prm-primary-bg, md-checkbox.md-checked .md-icon:after, .md-button.switch-to-advanced, button.switch-to-simple,
span.legal, span.legal > a, a.ps_link.legal, .ps_icon, md-card.prm-primary-bg.psfooter > md-card-content a, .md-button.button-confirm, md-tabs.tabs-as-app .back-button, prm-request-services .md-button.button-as-link  {
        color: #fff !important;
    }


button.switch-to-advanced.zero-margin.button-with-icon.md-button.md-primoExplore-theme.md-ink-ripple {
    border-color: #c1c1c1 !important;
}



/*****************This two entries are the background of the secondary color*******************/

.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg {
    background-color: #ffcccc !important;
}

.text-highlight, mark {
    box-shadow: inset 0 -0.15em 0 0 #ff0000 ;
}


/*****************This entry is the font color of the secondary color*******************/

.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg, .bar prm-authentication .md-button, button.dismiss-alert-button, div.courier-info > span a {
    color: #111111 !important;
}

/*********************************/
/* CSS pour les bases de données */
/*********************************/

prm-databases-categorize h2,
prm-databases-categorize prm-tree-nav{
    width: 220px;
    max-width: 220px;
}

@media only screen and (max-width: 1100px){
    prm-databases-categorize h2,
    prm-databases-categorize prm-tree-nav{
        width: 180px !important;
        max-width: 180px !important;
    }
}

/*****************Selected text color*******************/

::selection {
  background: #ffbe8f; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffbe8f; /* Gecko Browsers */
}

/*****************This entry remove default color from various texts*******************/

md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item > .md-no-style .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list md-list-item > .md-no-style .md-list-item-text h3, md-dialog.light-on-dark-dialog md-list md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog md-list md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog md-list md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog md-list md-list-item > .md-no-style .md-list-item-text h3, md-button.arrow-link-button md-dialog.light-on-dark-dialog .button-content, md-dialog.light-on-dark-dialog .md-button.arrow-link-button .button-content, md-dialog.light-on-dark-dialog a{
    color: #ffcccc !important;
}

/*Bouton pour confirmer une demande*/
prm-request button.md-button.button-confirm, span[translate="fulldisplay.locations.showmore"], .courier-info .button-confirm {
    background-color: #080 !important;
    border-radius: 2px;
    border-style: none;
}
prm-request button.md-button.button-confirm:hover, span[translate="fulldisplay.locations.showmore"]:hover, .courier-info .button-confirm:hover {
    background-color: #050 !important;
}

span[translate="fulldisplay.locations.showmore"]{
    line-height: 24px !important;
    padding: 5px 8px;
    margin: 4px 0 !important;
    color: white;
    border-radius: 2px;
}
/* Suppression du fond du bouton + d'exemplaires */
prm-location-items .md-button.button-link:hover:not([disabled]){
    background-color: transparent !important;
    border-style: none !important;
}

button[ng-hide="!$ctrl.currLoc.isMore"] {
    background-color: transparent !important;
    border-style: none !important;
}
/* Fix SLSP pour la couleur du bouton secondaire */
.bar prm-authentication .md-button:hover:not([disabled]), button.dismiss-alert-button:hover{
    background-color:#ffdddd !important;
    border: 1px solid #ae0010;
}

/* Fix SLSP pour le bouton ""élargir" */
button.item-expand-button.md-button.md-primoExplore-theme.md-ink-ripple{
    background-color: #D3D3D3!important;
}

/*****************This entry remove default color from various forms*******************/

.md-input-color-underline, .new-result-item .list-item-count, .prm-secondary-bg.prm-hue1,
md-input-container.empty-select-on-init:not(.md-input-focused) .md-input-container-dummy > .md-select-dummy md-select-value::after,
md-input-container.empty-select-on-init:not(.md-input-focused) md-select md-select-value::after, md-input-container::after,
md-progress-linear[md-mode="indeterminate"].header-progress-bar .prm-hue1.md-bar, md-radio-button.md-checked ._md-on,
md-radio-button.md-checked .md-on, md-tabs md-ink-bar, prm-tags-list .md-chips ._md-chip-input-container::after,
prm-tags-list .md-chips .md-chip-input-container::after, prm-tags-list md-chips ._md-chip-input-container::after,
prm-tags-list md-chips .md-chip-input-container::after {
    background-color: #ff0000 !important;
}


md-card.psfooter, md-card.psfooter-legal,
md-card.psfooter > md-card-content.prm-primary-bg, md-card.psfooter-legal > md-card-content.prm-primary-bg,
md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-card.prm-primary-bg.psfooter-legal > md-card-content a:hover{
    background-color: #d6d6d6 !important;
}

md-card.psfooter md-card-content, md-card.psfooter-legal md-card-content,
md-card.prm-primary-bg.psfooter > md-card-content a, md-card.prm-primary-bg.psfooter-legal > md-card-content a,
md-card.prm-primary-bg.psfooter-legal span.legal {
    color: #3a3a3a !important;
}

md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-card.prm-primary-bg.psfooter-legal > md-card-content a:hover {
        color: #ff0000 !important;
}

/* Navigation Links on fullview notices */ 
prm-full-view .services-index-under{
    min-width: 7em;
}
prm-full-view .services-index-under .md-button{
    background-color: white;
    width: 100%;
    border: 1px solid #c3c3c3;
    margin: 1px 0!important;
    text-overflow: clip;
    padding-right: 0;
    white-space: normal;
    line-height: 20px;
    padding: 5px;
}
prm-full-view .services-index-under .md-button span{
    text-transform: none;
}

/* Couleur rouge pour les logos téléphone, mail, etc. */
.puce{
    text-decoration: none !important;
}
.puce > span:first-child{
    color: #ff0000;
    fill: #ff0000;
}
h1.md-headline{
    font-size: 36px;
    line-height: 42px;
}
h2.md-headline{
    font-size: 28px;
    line-height: 34px;
}
md-content.epfl-row {
    justify-content: center;
}
.epfl-row md-card-title{
    flex: none;
}
.epfl-row md-card {
    height: 100%;
}
.epfl-social a{
    text-decoration: none !important;
}

/* Augmente l'espace pour réduire la probabilité de clic sur le lien */
prm-login md-list md-list-item:first-child p[translate="parallel.login.description1"]{
  margin-top:15px !important;
}

/* Réduit la taille du lien Alma */
prm-login md-list md-list-item:last-child {
  font-size: x-small !important;
}

/* Rendre les chevrons cliquables */
prm-login button.md-no-style.md-button.md-primoExplore-theme.md-ink-ripple{
    z-index: 100;
}

/*********************************/
/* CSS pour le compte du lecteur */
/*********************************/

/* Liste des institutions sur le compte du lecteur */

/* Ajoute le rouge EPFL sur l'icône d'activité et sur l'institution sélectionnée*/
prm-account md-list-item.is-selected h3.institution-name,
prm-account md-list-item prm-icon {
    color: red !important;
}

/* Le fond gris englobe l'icône */
prm-account-overview .main-institution-list md-list-item:focus-within,
prm-account-overview .main-institution-list md-list-item:hover {
    background-color: #3a3a3a !important;
}

.feedbacklink md-icon{
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}
prm-alma-viewit-after .bar{
    height: auto;
}


/* Empêcher les retours à la ligne pour les cotes */
span[ng-if="$ctrl.location.callNumber"]{
    white-space: nowrap
}


.btn-account {
    padding: 24px;
}
.btn-account md-card-content.bar{
    margin: 0 0 12px 0!important;
    border: solid #ddd 1px !important;
    background-color: #fff !important;
    min-width: 100%;
    display: table;
    padding: 0 10px !important;
    margin: 0 0 12px 0 !important;
}
.btn-account a md-card-content.bar:hover{
    background-color: #ddd !important;
}
.btn-account .md-subhead{
    font-size: inherit;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    box-sizing: border-box;
}
.btn-account .md-subhead{
    min-height: 100%;
}
.btn-account prm-icon{
    vertical-align: middle;
    margin-left: : 10px;
    width: 20px;
    height: 20px;
    display: table-cell;
}

/*****************This entry adapt the message fee*******************/

.feemsg {
    background-color: #ffcccc;
    border-radius: 3px;
    padding: 8px;
}

.feemsg>div {
    margin-left: 10px;
}

.bigfont {
    font-size: 20px;
}


/* Bouton de la recherche avancée */
.search-switch-buttons span{
    font-variant: small-caps;
    font-size: 1.15em;
}
.search-switch-buttons button{
    border: none !important;
}

/* Message d'alerte */
prm-search-bar>div {
    height: inherit !important;
    min-height: inherit !important;
}
prm-search-bar-after>div {
    background-color: #fff !important;
    margin-top: 20px;
    padding: 10px 15px;
}
prm-search-bar-after p {
    margin: 0 12px;
}
.info-symbol::before {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%234a90e2' width='34' height='34' rx='4'/%3E%3Cpath d='M17 25V15M17 13V9' stroke='%23FFF' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: .6rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -.8rem;
}
.info-symbol {
    position: relative;
}
.info-symbol div {
    margin-left: 50px;
}
prm-search-bar-after p {
    padding: .25em 0 .25em;
    margin: 0;
}
prm-search-bar-after a {
    color: black;
    text-decoration: underline;
}

/* Empêcher que le blanc de l'effet hover masque la notice */
prm-search-result-availability-line-after {
    z-index: 8;
    position: relative;
}
.pdf_btn prm-icon{
    min-width: 22px;
    min-height: 22px;
    width: 20px;
    height: 20px;
    /*color: #ff2116;*/
}
.pdf_btn {
    margin-top: 15px;
}
.pdf_btn a{
    padding: 5px;
    border: 2px rgb(40, 167, 69) solid;
    background-color: rgba(40, 167, 69, .2);
    border-radius: 4px;
    color: rgb(58, 58, 58);
}
.pdf_btn:hover a{
    background-color: rgba(40, 167, 69, .4);
    border-radius: 4px;
    color: black;
}

/* Lien vers les séries */
.link_gray{
    color: gray !important;
}

/* Mise en évidence des boutons pour les demandes de service */
/* span[translate="AlmaRequest"] {
    text-decoration: underline #0B0 3px;
    padding: 2px 6px;
}
span[translate="AlmaRequest"]:hover{
    background-color: #050 !important;
    text-decoration: none;
    color: white;
    border-radius: 2px;
} */
/* span[translate="nui.request.request"]{
    display: none;
} */

/* Soulignement des boutons proposant un service */
prm-service-button button, .greenbutton {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
prm-service-button button > span, .greenbutton>span {
    background-color: #080 !important;
    color: white !important;
    padding: 2px 6px;
    border-radius: 2px;
}
prm-service-button button > span:hover, .greenbutton>span:hover {
    background-color: #050 !important;
}
prm-location-items > md-list > md-list-item > div > div > div > div > prm-service-button > button {
    box-shadow: unset !important;
}
/* Alignement de l'intitulé "Demandes" */
prm-request-services h3.section-title{
    top: 0px;
}

/* Alignement central des boutons de demande */
prm-request-services .labeled-block {
    align-items: center;
}

/* Suppression du sous-titre demande
span[translate="nui.request.request"]{
    display: none;
}*/

/* Suppression du bouton PEB
span[translate="AlmaResourceSharing"]{
    display: none;
}
.links-block .separated-block-item::after{
    content: none !important;
} */

/* Crée la place pour le titre et le sous-titre */
prm-topbar {
    height: 150px !important;
}
prm-main-menu[menu-type="menu"],
.top-nav-bar,
prm-search-bookmark-filter
{
    max-height: 60px !important;
    height: 60px !important;
    min-height: auto !important;
}

/* Mise en forme du titre et sous-titre */
.main-title{
    padding: .85em;
    background-color: white;
}
.main-title h1{
    font-size: 2em !important;
    margin-bottom: 0;
}
.main-title h1 > a{
    color: black;
}
prm-main-menu[menu-type="menu"] #mainMenu>div {
  border-bottom: solid #ddd 1px;
}
.main-title h2{
    font-size: 1.2em !important;
    font-weight: bold;
}

/* Adapte le sous-titre lorsque l'écran est relativement petit */
@media only screen and (max-width: 660px){
    .main-title h2{
            font-size: 1.1em !important;
        }
}

/* Menu sur les petits écrans */
prm-main-menu[menu-type="full"] .md-button .md-headline{
    color: #ff9999 !important;
}
prm-main-menu .md-subhead{
    display: none;
}
.__sm prm-main-menu[menu-type="full"] .settings-container + md-divider{
    margin-top: 6em !important;
}

/* Menu sur grand écran */
prm-main-menu[menu-type="menu"] .button-over-dark,  prm-topbar .md-button:not(.disable-hover){
    color: #222  !important;
}

/* Petit triangle du menu */
prm-user-area-expandable .button-with-menu-arrow:hover .menu-arrow:hover:not([disabled]){
    background-color:  inherit;
}

prm-databases-categorize button.is-selected{
  color: red !important;
}
prm-databases-categorize button:hover{
  background-color: #aaa !important;
  color: inherit !important;
}
prm-databases-categorize button.is-selected:hover{
    color: red !important;
}
prm-tree-nav md-list md-list-item::after{
  opacity: 1 !important;
}
prm-tree-nav md-list md-list-item::after{
  opacity: .3 !important;
}
prm-databases-categorize h2,
prm-databases-categorize prm-tree-nav{
    width: 220px;
    max-width: 220px;
}

@media only screen and (max-width: 1100px){
    prm-databases-categorize h2,
    prm-databases-categorize prm-tree-nav{
        width: 180px !important;
        max-width: 180px !important;
    }
}