/* module-repository/src/main/webapp/assets/styles/repository.css 

Updated for: ECL 4.6.0 

Index:
- GENERAL STUFF
- LINKS
- PILLS (TAGS)
- BUTTONS
- DROPDOWN LISTS
- TEXT SEARCH
- AUTOCOMPLETE
- TABLES
- FILE DOWNLOAD
- BREADCRUMB
- SEARCH PAGE
- PAGING
- MENU
- TITLE
- GLOBAN
- SOCIAL MEDIA
- SITE FOOTER (standardized)
- ORCHID POPUP
- HOME PAGE
*/

/* ------------------------------ GENERAL STUFF ------------------------- */

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

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
hr{box-sizing:content-box;height:0;overflow:visible;flex-basis:100%;}
p{margin-top:0;margin-bottom:.5rem}
dl,ol,ul{margin-top:0;margin-bottom:.5rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
/* a {
	color: #004494;
	text-decoration: none;
	background-color: transparent
}
 */
 a:hover{color:#0056b3;text-decoration:underline}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;}
button{border-radius:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button
{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),
button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-.2rem;-webkit-appearance:none}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
summary{display:list-item;cursor:pointer}
template{display:none !important;}
[hidden]{display:none!important}

html{box-sizing:border-box;}
body { font: normal normal 400 1rem/1.5rem Arial,sans-serif; }

input, button, select, optgroup, textarea { 
	margin: 0; 
	font:inherit; 
	border:thin solid #9f9f9f;
}
select { max-width:100%;}
body { color: black; margin:0 !important;}
button, input, .btn,.input,select { 
	padding: 0.5rem .5rem;
    vertical-align: middle;
    align-self: center;
    display: inline-block;
}

/* outlines */
/* button:focus{outline:thin dotted; outline:0.5rem auto -webkit-focus-ring-color} */
/* 
button:focus {
    outline: 0 !important; (remove outline)
	outline: 2px solid #5577f0;
    outline-offset: -2px;
}

select:focus {
    outline: 0 !important; (remove outline)
	outline: 2px solid #5577f0;
    outline-offset: -2px;
}

*/

.hidden, [hidden] { display:none!important;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6{margin-top:0;margin-bottom: 1rem;}
h1,.h1 { font-size: 2.5rem; }
h2,.h2 { font-size: 2rem;}
h3,.h3 { font-size: 1.75rem;font-weight: normal;}
h4,.h4 { font-size: 1.5rem;}
h5,.h5 { font-size: 1.25rem;}
h6 { font-size: .75rem; }
label { vertical-align: middle; align-self: center;}

/* cagnova - My debug hacks */
.DEBUG-MODE * { box-shadow: inset 0 0 .25rem 1px rgba(0,128,0,0.25)}
.DEBUG-MODE .ec-blue * { box-shadow: inset 0 0 .25rem 1px; }
.DEBUG-MODE .ec-blue,.DEBUG-MODE .ec-blue * { box-shadow: inset 0 0 .25rem 1px; }

/* Override: Forced Styles */
.bold { font-weight: bold !important;}

.ml-a { margin-left:auto !important;}
.ml-1 { margin-left: .5rem !important; }
.mr-1 { margin-right: .5rem !important; }

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

.fl-right { float:right !important}
.fl-left { float:left !important}
.f-col { flex-direction: column !important;}

.f-grow { display:flex;flex:1 1 !important;}
.f-col.f-grow { flex: 1 1 0;}

.f-0 { flex: 0 0 !important;}
.f-1 { flex: 1 0 !important;}
.f-2 { flex:2 0 !important;}
.f-3 { flex: 3 0 !important;}

.f-wrap { flex-wrap: wrap !important}
.f-break { flex-basis: 100% !important}
.f-main { flex-basis:70% !important}
.f-fixed { display:flex;flex:0 0 auto;}
.f-base { display:flex;flex:1 0 0 ;align-self: center;}
.f-block { flex:1 0 100% !important;}
.f-start { align-self: flex-start !important;}
.f-end { align-self: flex-end !important;}
.f-inline { display: inline-flex !important;align-items: center;}

.f-block > .ec-block { flex-basis:100% !important;}/* ICONS */
@font-face{font-family:EuropaIcons;
    src:url(../fonts/europa-icons.woff2) format("woff2"),url(../fonts/europa-icons.woff) format("woff"),url(../fonts/europa-icons.ttf) format("truetype")}

a[href^="http"]::after, .icon-social:before,.icon:before,.icon-box:before,.i-before::before,.i-after::after,
.btn.icon-download:after { 
	display: inline-block;text-transform: none;
    font: normal normal 400 75%/1 EuropaIcons;
    margin: 0 .25rem;
}

.icon-spreadsheet:before { content: '\e800'; }
.icon-video:before { content: '\e801'; }
.icon-audio:before { content: '\e802'; }
.icon-brochure:before { content: '\e803'; }
.icon-euro:before { content: '\e804'; }
.icon-warning:before { content: '\e805'; }
.icon-spinner:before { content: '\e806'; }

.icon-faq:before { content: '\e808'; }
.icon-edit:before { content: '\e809'; }
.icon-book:before { content: '\e80a'; }
.icon-share:before { content: '\e80b'; }
.icon-facebook:before { content: '\e80c'; }
.icon-digital:before { content: '\e80d'; }
.icon-image:before { content: '\e80f'; }
.icon-presentation:before { content: '\e810'; }
.icon-infographic:before { content: '\e811'; }
.icon-linkedin:before { content: '\e812'; }
.icon-organigram:before { content: '\e813'; }
.icon-package:before { content: '\e814'; }
.icon-rss:before { content: '\e815'; }
.icon-success:before { content: '\e816'; }
.icon-info:before { content: '\e817'; }
.icon-ok:before { content: '\e818'; }
.icon-data:before { content: '\e819'; }
.icon-twitter:before { content: '\e81a'; }
.icon-energy:before { content: '\e81b'; }
.icon-budget:before { content: '\e81c'; }
.icon-file:before { content: '\e81d'; }
/* .icon-copy:before { content: '\e81e'; } see - FILE DOWNLOAD below*/
.icon-location:before { content: '\e81f'; }
.icon-livestreaming:before { content: '\e820'; }
.icon-icon-calendar:before { content: '\e821'; }
.icon-generic-lang:before { content: '\e822'; }
.icon-down:before { content: '\e823'; }
.icon-multiple-files:before { content: '\e824'; }
.icon-arrow-up:before { content: '\e825'; }
.icon-arrow-down:before { content: '\e826'; }
.icon-search:before { content: '\e827'; }
.icon-language:before { content: '\e828'; }
.icon-external:before { content: '\e829'; }
.icon-left:before { content: '\e82a'; }
.icon-up:before { content: '\e82b'; }
.icon-right:before { content: '\e82c'; }
.icon-global:before { content: '\e82d'; }
.icon-growth:before { content: '\e82e'; }
.icon-regulation:before { content: '\e82f'; }
.icon-close:before { content: '\e830'; }
.icon-close-dark:before { content: '\e831'; }
.icon-feedback:before { content: '\e832'; }
.icon-error:before { content: '\e833'; }
.icon-star:before { content: '\e834'; }
.icon-star-empty:before { content: '\e835'; }
.icon-cancel:before { content: '\e836'; }
.icon-sort-up-down:before { content: '\e900'; }
.icon-sort-up:before { content: '\e901'; }
.icon-sort-down:before { content: '\e902'; }
.icon-filter:before { content: '\f0b0'; }
.icon-mail-alt:before { content: '\f0e0'; }
.icon-sort-name-up:before { content: '\f15d'; }
.icon-sort-name-down:before { content: '\f15e'; }
.icon-sort-alt-up:before { content: '\f160'; }
.icon-sort-alt-down:before { content: '\f161'; }
.icon-sort-number-up:before { content: '\f162'; }
.icon-sort-number-down:before { content: '\f163'; }
.icon-instagram:before { content: '\f16d'; }

a[href^="http"].external:after,
a[href^="http://"]:not(.is-internal):not(.icon-social):not([href*="ec.europa.eu"]):after,
a[href^="https://"]:not(.is-internal):not(.icon-social):not([href*="ec.europa.eu"]):not([href*="europa.eu"]):not([class="orcid-link"]):after {
    content: "\a0\e829";
    font: normal normal 400 75%/1 EuropaIcons;
}

.download-link-file:after {
    content: "\a0\e807";
    font: normal normal 400 75%/1 EuropaIcons;
}

.icon-box:before { padding: .25rem; border-radius: .5rem; box-sizing: border-box; font-size: 1rem;}
.icon-box { position: absolute; bottom:0; right:0;}
.icon-box.icon-rss:before { background-color: orange; color: white; border: thin solid rgba(0,0,0,0.25);}

.ecl-icon { fill: currentColor; margin: 0 auto;}
.ecl-icon--s { height: 1.25rem; width: 1.25rem; }
.ecl-icon-btn {
    font: normal normal 400 .75rem/1rem Arial,sans-serif;
    color: #fff;
    text-align: center;
}

.ecl-icon-btn:hover {color: #fff;}
/* EC theme */
.ec { color: #004494;background-color: white; }
.ec-blue {  color:white;background: #004494;}
.ec-meta { color:#707070}
.ec-meta.ec-panel { padding-right: 0;}
.ec-meta + .ec-meta:before { content:"\a0|\a0"; display: inline-block;}
.ec-border { border: thin solid #004494;}
.ec-title { font-weight: bold !important;}

.ec-link { display: inline-flex; }
.ec-blue a.ec-link { color:white}
/* .ec-block { display: block; padding: .5rem;} */
.ec-block { display: block; padding: .2rem;}
.ec-panel { padding:.5rem;}
.ec-panel.compact { padding:.5rem .5rem 0; }
.ec-description { color: #bfd0e4 !important; margin-top:2rem;}

.ec-block[data-title]:not([data-title=""]):before { content: attr(data-title);
    font-size:1.5rem;
    margin-bottom:.5rem;
    display: flex;
}
.ec-panel[data-title]:not([data-title=""]):before { content: attr(data-title) ":\a0"; display: inline-flex; font-weight: bold; }

.ec-marked-bottom { border-bottom: 2px solid #404040; }
.ec-marked-top { border-top: 2px solid #404040; }

.ec-lit-panel {
    background-color: #f5f5f5;
    padding:1rem;
    margin:0.5rem;
}

/* a.ec-link:focus,a.ec-link:active {
    outline: 3px solid #ffd617;
    outline-offset: -3px;
}
 select:focus, textarea:focus, button:focus, input:focus, .btn:focus { 
	outline: 0.2rem solid #ffd617;
    outline-offset: -0.2rem;
}
*/

.ec-link:before,.ec-link:after {display:inline-flex;text-decoration: none !important;}

 
.btn { 
	flex:0 0 auto;  
	font-weight:400; 
	color: #004494; 
	background-color: #ebebeb;
	text-align: center;
}

a.btn, a.btn:hover, a.btn:focus { text-decoration: none!important;}
a.disabled { text-decoration: none !important;pointer-events: none !important;}

.btn-group { position: relative; display: inline-flex; vertical-align: middle; }
.btn-group > .btn { position: relative; flex: 1 1 auto; }
.btn-group > label { position: relative; flex: 0 0 auto;}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
    z-index: 1;
}
/*
.btn.btn-secondary { background: white; border: 2px solid #004494; padding: .5rem 1rem;}
.btn.btn-secondary:hover,.btn.btn-secondary:active { border: 2px solid #002f67; color:#002f67;}
 */
 .btn.btn-primary { background: #004494; padding: .5rem 1rem; color:white; border: none;}
.btn.btn-primary:hover,.btn.btn-primary:active { background:#002f67;}
.btn.btn-shade { background: transparent; border: 2px solid transparent; color:#004494;}

/* Loading spinner */
body.waiting * {
    cursor:progress!important;
    pointer-events: none!important;
}
body.waiting::before {
    content: "\a0";
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    cursor: progress;
}

/* tables */
.th-fixed { white-space: nowrap;}
.th-maxed { width: 100%; }

/* handle.jsp */

/* dataset table */
.th-id-5 { width: 15%; }
/* .th-acronym-5 { width: 15%; } */
.th-title-5 { width: 65%; }
.th-url-5 { width: 20%; }

/* dataset collections table */
.th-id-3 { width: 15%; }
.th-acronym-3 { width: 15%; }
.th-title-3 { width: 50%; }
.th-url-3 { width: 20%; }

/* scripts table */
/* .th-script { width: 30%; } */
.th-desc { width: 80%; }

/* additional files table */
.th-filename{ width: 15%; }
.th-desc-2{ width: 25%; }
.th-filetype{ width: 10%; }
.th-download{ width: 20%; }

.download-link::after

tbody tr { border-top: thin solid #ddd;}
th, td {
    text-align: inherit;
    padding: .5rem;
/*     vertical-align: middle; */
    vertical-align: top;
    line-height: 1.25;
    word-wrap: break-word; 
    word-break: break-all;
}

/* table.data-list td:first-child { white-space: nowrap;} */
table.data-list td:first-child { white-space: wrap;}
.th-title { width:50%; min-width:50%;}

/* Override: General Scaffolding */
body > header, body > section, body > footer { margin: .5rem auto; max-width: 100%;width: 100%; }

.ecl-container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    padding-left: 1rem; padding-right: 1rem; }
@media (min-width:  480px) { .ecl-container { max-width: 100%; width: 480px; } }
@media (min-width:  768px) { .ecl-container { max-width: 100%; width: 768px; } }
@media (min-width: 996px) { .ecl-container {  max-width: 100%; width: 996px; } }
@media (min-width: 1140px) { .ecl-container { max-width: 100%; width: 1140px; } }

/* #citations-view .data-list thead tr {
    background-color: rgb(242, 245, 249);
    border-bottom: solid 2px rgb(159, 159, 159);
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#citations-view .data-list tbody tr {
    background-color: white;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#datasets-view .data-list thead tr {
    background-color: rgb(242, 245, 249);
    border-bottom: solid 2px rgb(159, 159, 159);
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#datasets-view .data-list tbody tr {
    background-color: white;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#datasetcollections-view .data-list thead tr {
    background-color: rgb(242, 245, 249);
    border-bottom: solid 2px rgb(159, 159, 159);
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#datasetcollections-view .data-list tbody tr {
    background-color: white;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#scripts-view .data-list thead tr {
    background-color: rgb(242, 245, 249);
    border-bottom: solid 2px rgb(159, 159, 159);
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#scripts-view .data-list tbody tr {
    background-color: white;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#files-view .data-list thead tr {
    background-color: rgb(242, 245, 249);
    border-bottom: solid 2px rgb(159, 159, 159);
    border-top: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

#files-view .data-list tbody tr {
    background-color: white;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}

 */
 /*
.ecl-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border-radius: 0;
    border-width: 0;
    box-sizing: border-box;
    display: inline-block;
    font: normal normal 400 1rem/1.25rem arial,sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0.75rem 1rem;
    text-decoration: none;
}

.ecl-button--secondary {
    background-color: #fff;
    border: 2px solid #004494!important;
    color: #004494;
    padding: calc(0.75rem - 2px) calc(1rem - 2px);
}

.ecl-button--secondary:hover {
    border: 2px solid #002F67!important;
    color: #002F67;
}
 */
 
/* ItemView */
#item-view { display: grid; grid-template-columns: 3fr; padding-left: 0 !important;}
#item-view .ec-panel { grid-column:1}
#item-view .cover { padding:.5rem; width: 100%; height:auto; object-fit: contain; max-height: 80vh; }
#item-view .ec-panel-cover { grid-column:1; margin:0 auto;max-width:80%}
#item-view .ec-panel-cover:empty {display: none;}

@media (min-width:  768px) {
    #item-view { display: grid; grid-template-columns: 3fr 1fr; padding-left: 0!important;}
    #item-view .ec-panel-cover { grid-column:2; grid-row:1 / span 8; padding:.5rem;  vertical-align: middle;}
}

.file-panel.icon:before {
    font-size: 3rem;
    color: darkgray;
    display: inline-flex;
    margin-right: 1rem;
}

/* .file-panel {
    background-color: #f5f5f5;
    padding:1.5rem;
    margin:1rem 0;
}
 */


.form { display: flex; flex-wrap: wrap; align-content: center; align-items: center;}

.form > * { margin:0.25rem;flex: 0;max-width: 100%;}

.form-group { display: flex; border: thin solid #ddd; }
.form-group> *,.btn { border: thin solid transparent; }
.form-group .text-input { flex:1 1 100%; }

.site-search { display: inline-flex; align-self: center; flex: 0 1 12rem; }

@media (max-width: 767.98px) {
    .site-search, .search-size { flex: 0 1 12rem; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .site-search, .search-size { flex: 0 1 15.25rem; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-search, .search-size { flex: 0 1 21.25rem; }
}
@media (min-width: 1200px) {
    .site-search, .search-size { flex: 0 1 31.25rem; }
}

#search-results a { white-space: pre-line;}

/* .search-entry {
    display: flex;
    flex-wrap: nowrap;
    padding: .5rem;
    align-self: flex-start;
    border: solid 1px #EBEBEB;
}
 */
/* .search-entry:nth-child(even) {
    background-color: #F5F5F5;
}

 */
 
 .search-entry .cell >*{padding:0.5rem;}
/*.search-entry+.search-entry {margin-top:1rem;border-top:thin solid #ddd;}*/
.cell .cell-cover {margin-left:.5rem;}
.cell .cell-cover .btn { margin-bottom:.25rem;}
.cell .cover {
    /* size in media*/
    height: auto;
    flex: 0 0 auto;
    align-self: flex-start;
    object-fit: contain;
}

@media (max-width: 575.99px) {
    .search-entry .cover { width: 5rem; max-height: 6rem;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .search-entry .cover { width: 6rem; max-height: 8rem;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .search-entry .cover { width: 8rem; max-height: 10rem;}
}
@media (min-width: 992px) {
    .search-entry .cover { width: 8rem; max-height: 10rem;}
}

#current-filters:empty { display: none !important;}
.ecl-title { color:black; font-size: 1.75rem; font-weight: bold;}

/**
* Social media share component
* @define social-media-share; weak
*/
/* stylelint-disable-next-line */
.ecl-social-media-share__icon,
.ecl-social-media-share__icon-hover {
    flex-shrink: 0;
    margin: 0 0.5rem 0 0; }

.ecl-social-media-share__icon {
    display: block; }
.ecl-social-media-share__icon-hover {
    display: none; }

.ecl-social-media-share__link:hover .ecl-social-media-share__icon {
    display: none; }

.ecl-social-media-share__link:hover .ecl-social-media-share__icon-hover {
    display: block; }

.ecl-social-media-share {
    margin: 0;
    padding: 0; }

.ecl-social-media-share__description {
    color: black;
    font: normal normal 400 1rem/1.5rem Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 0.75rem;
    margin-top: 0; }

.ecl-social-media-share__list {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0; }

.ecl-social-media-share__item {
    margin: 0.75rem 0.25rem 0 0; }
.ecl-social-media-share__link {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font: normal normal 400 0.875rem/1rem Arial, sans-serif;
    overflow: hidden;
    /* Improve rendering on IE */ }
.ecl-social-media-share__link .ecl-link__icon {
    top: 0; }

.ecl-social-media-share__item a::after { content: none;display: none;}#discover { flex: 1 0 0;}
@media (max-width: 767.98px) {
    #discover { margin:0 auto; padding:.5rem .5rem;flex-direction: column; flex-basis:100%;}
}

#discover[data-title]:before { color:black; font: normal normal 600 1.5rem/1.75rem Arial,sans-serif!important;}

.facet-panel { padding: 1.5rem .5rem 0; position: relative}

.facet-panel[data-title]:before { 
	content: attr(data-title);
    white-space: nowrap;
    align-items: center;
    display: flex;
    box-sizing: border-box;
/*     font: normal normal 600 1rem/1.25rem Arial,sans-serif; */
    font: Arial,sans-serif;
    margin: 0 0 .20rem;
    padding: 0;
    border: none;
}

.facet-panel-input input { 
	width:100%; 
	border:thin solid #404040; 
	padding: calc(.75rem - 4px) calc(3.5rem - 1px) calc(.75rem - 1px) calc(.75rem - 1px) !important;
}

.facet-panel-search input { 
	width:100%; 
	border:thin solid #404040; 
	padding: calc(.75rem - 4px) calc(3.5rem - 1px) calc(.75rem - 1px) calc(.75rem - 1px) !important;
}

 .facet-list {
    list-style: none;
    margin: 0 -.5rem;
    padding: 0;
    color: black;
    display:flex;
    flex-direction: column;
}

.facet-list li {
    padding: .5rem;
    white-space: nowrap;display: flex;flex:1 0 100%;
    justify-content: space-between;
    align-items: center;
}

.facet-list li[data-counter]::after {
    content: attr(data-counter);
    padding: .25rem .5rem;
    border-radius: 1rem;
    font-size: .9em;
    background-color: #f5f5f5;
    color: #004494;
}

.facet-list a {
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 0;
    flex-wrap: nowrap;
    white-space: normal;
}

/* .facet-input:hover { */
/* 	cursor: pointer; */
/* } */


/* global banner */
#globan{
	background-color:#eee!important;
	color: black!important;
	padding:0 0 0 16px;
	position:relative;
	line-height:inherit
}
#globan, #globan *, #globan :after, #globan :before {
	box-sizing: border-box
}

#globan:after {
	content: "" !important;
	display: block;
	clear: both
}

#globan * {
	font-size: 14px;
	font-family: Arial, Verdana
}

#globan [hidden] {
	display: none
}

#globan .globan-center {
	display: inline-block;
	position: relative
}

#globan .globan-content {
	height: 28px;
	line-height: 22px
}

#globan .globan-content a:active, #globan .globan-content a:focus,
	#globan .globan-content a:hover, #globan .globan-content a[aria-expanded=true],
	#globan.dark .globan-content a:active, #globan.dark .globan-content a:focus,
	#globan.dark .globan-content a:hover, #globan.dark .globan-content a[aria-expanded=true]
	{
	background-color: #fff;
	color: #004494;
	outline: 0
}

/* #globan .globan-content a:active, #globan .globan-content a:focus,
	#globan.dark .globan-content a:active, #globan.dark .globan-content #globan .globan-content a:active:after,
	#globan .globan-content a:focus:after, #globan .globan-content a:hover:after,
	#globan .globan-content a[aria-expanded=true]:after, #globan.dark .globan-content a:active:after,
	#globan.dark .globan-content a:focus:after, #globan.dark .globan-content a:hover:after,
	#globan.dark .globan-content a[aria-expanded=true]:after {
	background: center center/.75rem auto no-repeat transparent
		url("data:image/svg+xml,%3Csvg fill='%23004494' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E")
}
 */
#globan.dark {
	background-color: #404040
}

.globan-content a {
	color: black;
}

#globan.dark .globan-content, #globan.dark  {
	color: black;
}

#globan .globan-content a[aria-expanded=true]:after {
	transform: rotate(-180deg)
}

#globan.logo-flag .globan-content:before {
	content: "\00a0" !important;
	display: inline-block;
	width: 24px;
	height: 16px;
	background: center center/110% auto no-repeat #004494
		url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%0A version='1.1'%0A viewBox='0 0 810 540'%0A width='810' height='540'%3E%0A %3Cdesc%3EEuropean flag%3C/desc%3E%0A %3Cdefs%3E%0A %3Cg id='s'%3E%0A %3Cg id='c'%3E%0A %3Cpath id='t' d='M0%2C0v1h0.5z' transform='translate(0%2C-1) rotate(18)'/%3E%0A %3Cuse href='%23t' transform='scale(-1%2C1)'/%3E%0A %3C/g%3E%0A %3Cg id='a'%3E%0A %3Cuse href='%23c' transform='rotate(72)'/%3E%0A %3Cuse href='%23c' transform='rotate(144)'/%3E%0A %3C/g%3E%0A %3Cuse href='%23a' transform='scale(-1%2C1)'/%3E%0A %3C/g%3E%0A %3C/defs%3E%0A %3Crect fill='%23039' width='810' height='540'/%3E%0A %3Cg fill='%23fc0' transform='scale(30)translate(13.5%2C9)'%3E%0A %3Cuse href='%23s' y='-6'/%3E%0A %3Cuse href='%23s' y='6'/%3E%0A %3Cg id='l'%3E%0A %3Cuse href='%23s' x='-6'/%3E%0A %3Cuse href='%23s' transform='rotate(150)translate(0%2C6)rotate(66)'/%3E%0A %3Cuse href='%23s' transform='rotate(120)translate(0%2C6)rotate(24)'/%3E%0A %3Cuse href='%23s' transform='rotate(60)translate(0%2C6)rotate(12)'/%3E%0A %3Cuse href='%23s' transform='rotate(30)translate(0%2C6)rotate(42)'/%3E%0A %3C/g%3E%0A %3Cuse href='%23l' transform='scale(-1%2C1)'/%3E%0A %3C/g%3E%0A%3C/svg%3E");
	float: left;
	margin: 5.5px 8px 0 0;
	border: 1px solid #004494
}

#globan.dark.logo-flag .globan-content:before {
	border-color: #7f99cc
}

#globan span {
	display: none
}

#globan span:first-child {
	display: inline-block
}

#globan .globan-dropdown p {
	padding: 0;
	margin: 0;
	line-height: 1.4
}

#globan .globan-dropdown p:nth-child(2) {
	margin-top: 1rem
}

#globan .globan-dropdown a {
	color: #004494;
	text-decoration: none
}

#globan .globan-dropdown a:hover {
	text-decoration: underline
}

#globan.reverse .globan-center {
	float: right;
	padding-right: 1rem
}

#globan.reverse.logo-flag .globan-content:before {
	float: right;
	margin: .2rem 0 0 1rem
}

#globan.reverse .globan-content {
	text-align: right
}

#globan.reverse .globan-content a, #globan.reverse .globan-content a:active,
	#globan.reverse .globan-content a:focus, #globan.reverse .globan-content a:hover
	{
	float: left;
	margin: 0 20px 0 0
}

#globan.reverse .globan-content a:after {
	float: left;
	margin: 0 1rem 0 0
}

#globan.reverse .globan-dropdown {
	left: 0;
	right: auto;
	direction: rtl
}

#globan.fixed {
	position: fixed;
	left: 0;
	top: 0;
	right: 0
}

@media ( max-width :820px) {
	#globan {
		padding-left: .5rem
	}
	#globan .globan-center {
		display: block
	}
	#globan.reverse .globan-center {
		float: none
	}
	#globan span:first-child {
		display: none
	}
	#globan span:nth-child(2) {
		display: inline-block;
		border-top: .25rem solid rgba(255, 255, 255, 0)
	}
	#globan .globan-content a {
		float: right
	}
}

@media ( max-width :600px) {
	#globan .globan-content a, #globan .globan-content a:active, #globan .globan-content a:focus,
		#globan .globan-content a:hover {
		display: inline-block;
		width: 2.5rem;
		padding: 0;
		position: relative;
		white-space: nowrap;
		float: right;
		text-indent: 3rem;
		overflow: hidden
	}
	#globan .globan-content a:after {
		position: absolute;
		left: -.25rem;
		top: 0;
		margin: 0;
		width: 2rem
	}
}

.cookie-consent-banner {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000000 !important;
}

/* Page-Banner, unique */
.page-banner {
    color:white;
    background-color: #003970;
    line-height: 1.5;
    margin: 0 0 2rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
}
.page-banner .page-banner-backdrop {
    max-height: 17.8125rem;
    margin-left:auto;
    width:100%;
    object-fit: contain;
}
.page-banner .page-banner-text {
    font: normal normal 400 2rem/1.5 Arial,sans-serif;
    color:black;
    padding:1rem;
    margin:0;
    max-width:80%;
}
@media (min-width: 992px) { /* L */
    .page-banner .page-banner-panel {
        position: absolute; background-color: transparent;
    }
    .page-banner .page-banner-text { color:white;}
}

@media (min-width: 1200px) { .page-banner .page-banner-text { max-width:60%; }}
.info-theme {
    font-size: 16px;
    line-height: 1.5;
    max-width: 80ch;
}
.info-theme .ec-title {
    border-bottom: 2px solid #000;
    color: #000;
    padding-bottom: .75rem;
    font: normal normal 600 1.5rem/1.75rem Arial, sans-serif;
}
.info-theme .ec-title:not(:first-child) {
    margin: 2rem 0;
}
.info-theme .ec-title:first-child {
    margin-bottom: .75rem;
}

#item-title {
    color: black;
    font-size: 1.75rem;
    line-height: 2.00rem;
}


/* FOOTER */
#site-footer { margin: .5rem 0 0; flex:0 0 auto; font:normal normal 400 .875rem/1rem Arial,sans-serif}
#site-footer .ec-title { font:normal normal 600 1rem/1.5rem Arial,sans-serif;}
#site-footer .ec-link,#site-footer .ec-block { padding:.25rem 0rem;}
#site-footer section { padding:1rem;}
#site-footer .ec-link + .ec-link { margin-top:1rem;}
#site-footer .footer-list { display:flex;align-self: flex-start ;flex-direction: column;
}

@media (max-width:767.98px){
    #site-footer section { flex: 1 0 100% !important;}
}
/* HEADER */
.ecl-site-header-harmonised { background-color: white;  margin: 0; }

.ecl-site-header-harmonised__container { display: flex; flex-direction: column;  padding-top: 1rem; }

.ecl-site-header-harmonised__top {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    justify-content: space-between; }

.ecl-site-header-harmonised__logo-link { flex-grow: 1; margin-bottom: calc(1rem + 1px); }

.ecl-site-header-harmonised__logo-image {
    display: block;
    max-height: 1.75rem;
    max-width: 7rem; }

.ecl-site-header-harmonised__action { display: flex; }

.ecl-site-header-harmonised__banner-top {
    background-color: #f2f5f9;
    color: #004494;
    font: normal normal 400 0.875rem/1.25rem Arial, sans-serif;
    padding: 0.5rem 0; }

.ecl-site-header-harmonised__banner {
    background-color: #004494;
    color: white;
    font: normal normal 400 1.5rem/1.75rem Arial, sans-serif;
    padding: 1rem 0 0; }

@media (min-width: 480px) {
    .ecl-site-header-harmonised__logo-link {
        align-self: flex-end;
        flex-grow: 0; }
    .ecl-site-header-harmonised__logo-image {
        height: 3rem;
        max-height: 100%;
        max-width: 100%;
        width: 12.1rem; } }

@media (min-width: 996px) {
    .ecl-site-header-harmonised__container {
        align-items: flex-end;
        flex-direction: row;
        padding-top: 1.5rem;padding-bottom: 1.5rem; }
    .ecl-site-header-harmonised__action {
        align-items: center; }
    .ecl-site-header-harmonised__logo-link {
        margin-bottom: 0; }
    .ecl-site-header-harmonised__logo-image {
        height: 3.75rem;
        width: 15.1rem; }
    .ecl-site-header-harmonised__banner-top,
    .ecl-site-header-harmonised__banner {
        margin-left: 0;
        margin-right: 0; }
    .ecl-site-header-harmonised__banner-top {
        font: normal normal 400 1rem/1.5rem Arial, sans-serif; }
    .ecl-site-header-harmonised__banner {
        font: normal normal 400 1.75rem/2rem Arial, sans-serif;
        padding-top: 1.5rem; } }

.ecl-menu__open { font: normal normal 400 .75rem/1rem Arial,sans-serif;}

.ecl-menu__title {
    color: #fff;
    font: normal normal 400 1.25rem/1.5rem Arial,sans-serif;
}

.header-bar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.menu-toggler {
    float: right;
    font: normal normal 400 .75rem/1rem Arial,sans-serif;
    color: #fff;
    text-align: center;
}
@media (min-width: 996px) {
    .menu-toggler { display:none; }
}

.nav-menu { display: flex; flex: 1 1 auto; flex-wrap: wrap; flex-direction: row; align-items:flex-start; font-weight: 600; position: relative;justify-content: flex-start;}

.nav-menu .ec-link, .nav-menu .btn { padding:1rem; white-space: nowrap;}

#header-search { margin:.5rem !important;}

.site-name { padding-bottom: 1.5rem; font: inherit; margin: 0;}

#site-menu { font: normal normal bold 1rem/1.25rem Arial,sans-serif;
    display:none;
}
#site-menu .ec-link { padding:1rem; white-space: nowrap; }

/* #site-menu .ec-link:hover  { text-decoration: underline!important;} */

/*#site-menu .ec-link:active { text-decoration: none!important;}*/

@media (max-width: 995.998px) {
    #site-menu.open {
        display: flex;
        flex-direction: column;
        width: 25rem;
        position: fixed;
        top: 0; right: 0; bottom: 0;
        z-index: 500;

    }
    #site-menu.open .ec-link {
        border-top: 1px solid #7fa1c9;
        margin: 0 1rem;
        align-self: stretch;
        padding: 1rem 0rem;
    }

}
@media (max-width: 479.998px) {
    #site-menu.open { min-width: 100%;width:100%}
}

#site-menu .header-bar{
    width: 100%;
    padding: 1rem;
    display:flex;
}
#site-menu .ecl-icon-btn {
    margin: -1rem;
    padding: 1rem .5rem .5rem;
}

@media (min-width: 996px) {
    .site-menu-toggler { display:none; }
    #site-menu { display: flex;}
    #site-menu .header-bar {display:none !important;}

    /* #site-menu.nav-menu .ec-link { padding: 1rem; text-decoration: none!important;} */
    #site-menu.nav-menu .btn:hover,#site-menu.nav-menu .btn:active
    {
        text-decoration: none!important;
        background-color: #f2f5f9;
        color: #004494;

        box-shadow: inset 0 -3px #bfd0e4;
    }
/*     #site-menu.nav-menu .ec-link:hover {
        text-decoration: underline!important;
        background-color: #f2f5f9;
        color: #004494;
        box-shadow: inset 0 -3px #bfd0e4;
    }
 */
}

/* handle.jsp top-left banner (dev, test only) */
.ipmEnv {
    background-color: #f44336;
    color: #fff;
    font-size: 2em !important;
    margin-top: 40px;
    opacity: .6;
    text-align: center;
    position: absolute;
    top: 20px;
    transform: rotate(-10deg);
    width: 400px;
    z-index: 99;
}

/* handleFull page (metadata) */
.hf_1 {
	width: 25%;
}
.hf_2 {
	width: 60%;
}
.hf_3 {
	width: 15%;
}

/* ---------------------------------------------- LINKS -------------------------------------------- */    
a {
	color: #3860ed;
	text-decoration: underline;
	background-color: transparent
}

/* ------------------------------- PILLS (TAGS) ----------------------------- */

/* filter level pills (removable) */
.pill {
    box-sizing:border-box;
    pointer-events: all;
    cursor: pointer;
    display: inline-flex;
    flex: 1 0 auto;
    border-radius: 1rem;
    margin-right: .25rem;
    margin-bottom: .25rem;
    border: thin solid transparent;
    white-space: nowrap;
    align-items: center;
    background-color: #d8e0fb;  
    color: black; 
    font: 400 0.875rem / 1rem Arial, sans-serif;
    padding: 0.5rem 0.75rem;
}

.pill:hover {
	background-color: #b1c0f8;
}

/* document level pills (not removable) */
.pills a {
    box-sizing:border-box;
    pointer-events: all;
    cursor: pointer;
    display: inline-flex;
    flex: 1 0 auto;
    border-radius: 1rem;
    margin-right: .25rem;
    margin-bottom: .25rem;
    border: thin solid transparent;
    white-space: nowrap;
    align-items: center;
    background-color: #d8e0fb;  
    text-decoration: underline;
    color: black; 
    font: 400 0.875rem / 1rem Arial, sans-serif;
    padding: 0.5rem 0.75rem;
}

.pills a:hover {
	background-color: #b1c0f8;
}

.pill[data-label]::before { content: attr(data-label) ":";
    display: inline-block;
    font-weight: bold;
    margin-right: .25rem;
}

.pill::after { content: '\a0\a0\e830';
    font: normal normal 400 75%/1 EuropaIcons;
}

/* ---------------------------------- BUTTONS -------------------------------- */

/* secondary button */

.btn-secondary:focus {
    /* outline: 0 !important; (remove outline) */
	outline: 2px solid #5577f0;
    outline-offset: -2px;
}

.btn-secondary {
/* 	color: #3860ed;
	border: solid 2px #3860ed;
 */	color: #3e6cd5;
	border: solid 2px #3e6cd5;
	background-color: white;
	border-radius: 2px;
}

.btn-secondary:hover { 
	color: white;
	background-color: #0f2fa2;
	border: solid 2px #0f2fa2;
	border-radius: 2px;
}


/* ---------------------------------- DROPDOWN LISTS -------------------------------- */

/* search.jsp search panel */

select:focus {
    /* outline: 0 !important; (remove outline) */
	outline: 2px solid #5577f0;
    outline-offset: -2px;
}

select.facet-select {
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #546fa6; /* #404040; */
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: black;
    display: block;
    font: normal normal 400 1rem/1.25rem Arial,sans-serif;
    margin: 0;
    padding: calc(.75rem - 1px) calc(3.5rem - 1px) calc(.75rem - 1px) calc(.75rem - 1px) !important;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.facet-panel-select:after {
	content: '\e823';
    position: absolute;
    padding: 0.75rem;
    font-size: 1.25rem;
    transform: rotate(0deg);
 	background-color: white;
    color: black;
    bottom: 0.33rem;
    line-height: 1;
    height: 2.2rem; 
    right: 0.6rem;
    font-family: EuropaIcons;
    pointer-events: none;
}

/* --------------------------------- TEXT SEARCH ---------------------------- */

.search-input.f-1:focus {
	outline: 2px solid #5577f0;
    outline-offset: -2px;
}

.site-search-clone {
	display: flex;
	align-self: center;
	flex: 1 1 0 !important;
	border: solid 1px #546fa6;  /*  gray; */
	/* background-color: #e0e5f5; */
}

.btn.search-button {
	color: #26324b;
	background-color: white; 
	font-weight: normal;
	position: relative;
	left: -1px;
}

.btn.search-button:hover {
	color: #26324b;
	background-color: #e0e5f5;
	font-weight: normal;
}

.vertical-bar {
	background-color: #546fa6;
    display: inline-block;
    height: 1.50rem;
    left: -1px;
    position: relative;
    top: 0px;
    width: 1px;
    border: 0;  /* -left: 1px solid #546fa6; */
    margin-top: 8px;
    content: "";
    z-index: 10;
}

/* .vertical-bar {
	background-color: white;
    display: inline-block;
    height: 1.50rem;
    left: -1px;
    position: relative;
    top: 0px;
    width: 0px;
    border-left: 1px solid #546fa6;
    margin-top: 8px;
    content: "";
    z-index: 10;
}
 */

/* --------------------------------- AUTOCOMPLETE ----------------------- */
.facet-input:focus {
	outline: 2px solid #5577f0;
    outline-offset: -2px;
}

/* .facet-panel-input:after {
	content: url('/repository/assets/images/search.svg');
    position: absolute;
    border: 1px solid black;
    display: inline-flex;
    padding: .75rem;
    font-size: 1.25rem;
    transform: rotate(0deg);
    background-color: white;
    color: white;
    bottom: 0;
    line-height: 1;
    height: 2.77rem;
    right: 0.5rem;
    font-family: EuropaIcons;
    pointer-events: none;
    cursor: pointer;
}
 */

.facet-panel-input:after {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 1px solid black;
	right: 0.5rem;
	width: 2.77rem;
	height: 45px;
	padding: 2px;
	background-image: url(/repository/assets/images/search.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	cursor: pointer;
}

.facet-panel-input:focus:after {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 1px solid #5577f0;
	right: 0.5rem;
	width: 2.77rem;
	height: 2.77rem;
	padding: 2px;
	background-image: url(/repository/assets/images/search.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	cursor: pointer;
}

/* ---------------------------------- TABLES ----------------------------- */
.data-list th {
	/* background-color: #9ea4de; */ 
	background-color: #b9c5e9;
}

.data-list th,
.data-list td {
	border: solid 1px #7f95d7;
	border-collapse: collapse;	
}

/* ----------------------------------- FILE DOWNLOAD -------------------------- */

.icon-copy:before { 
	content: url('../images/file.svg');
}

.btn.icon-download:after { 
	content: '\e807'; 
}

.file-panel {
    background-color: white;
	border: solid 1px #3860ed;
	border-collapse: collapse;	
    padding:1.5rem;
    margin:1rem 0;
}

.file-panel .ec-title {
    width: 100%;
    word-break: break-all;
    font-weight: normal !important;
}

.download-link {
    color: #3860ed !important;
    font: normal normal 400 1rem/1.25rem arial,sans-serif;
}

.download-link.dl2:hover {
	text-decoration: underline !important;
}

/* -------------------------------- BREADCRUMB ------------------------------- */

#site-breadcrumb.nav-menu  { padding:.5rem;}

.bcgt {
	color: #3860ed;	
	text-decoration: none !important;
	font: normal normal 600 .875rem/1rem Arial, sans-serif;
	display: inline-flex;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 5px;
}

#site-breadcrumb.nav-menu .ec-link {
	font: normal normal 600 .870rem/1rem Arial, sans-serif;
	font-weight: normal;
	color: #3860ed;
	text-decoration: none;
}

#site-breadcrumb.nav-menu .ec-link:hover {
	text-decoration: underline;
}

#site-breadcrumb.nav-menu .ec-link:last-child { text-decoration: none!important; color: black; font-weight: normal;}
#site-breadcrumb.nav-menu .ec-link:last-child:hover { text-decoration: none!important;}

#site-breadcrumb .ec-link, .nav-menu .btn { padding:.5rem .5rem; white-space: pre-wrap;}

     
/* ----------------------------- SEARCH PAGE -------------------------------------------- */    

#discover > * + * {
	margin-top: 1rem;
}

#search-total, .filter-by { 
	color:black; 
	font: normal normal 400 2.5rem Arial,sans-serif!important;
}

.filter-by-2 {
	display: block;
	height: 97px;
	/* padding-bottom: 51px; */
	border-bottom: solid 2px black;
}

#search-report  { 
	color: black; 
	font: normal normal 400 1.25rem/1.5rem Arial,sans-serif!important;
}

.template { 
	display: none !important;
}

.search-entry-title {
	text-decoration: none;
}

.search-entry-title:hover {
	text-decoration: underline;
}

.search-entry {
    display: flex;
    flex-wrap: nowrap;
    padding: .5rem;
    align-self: flex-start;
    border-bottom: 1px solid #ccc;
}

/* .search-entry:nth-child(even) {
    background-color: #f3f5fb;
}
 */
 
/*  .search-entry:nth-child(odd) {
    background-color: white;
}
 */
 
/* ---------------------------------------------- PAGING -------------------------------------------- */    

.pagination {
    list-style: none;
    background-color: white;
    color: #004494;
    padding: 0;
    display: inline-flex;
    align-items: center;
    font-size:.9rem;
    margin: 0 auto;
}

.pagination > li { 
	display: inline-flex; 
	flex: 0;
}

.pagination > li a  {
    display: inline-block;
    padding: .75rem .5rem;
    border: none;
    line-height: 1;
    min-width: 2.75rem;
    text-align: center;
    margin: 0 .25rem;
    text-decoration: none;
    color: black;
}

.pagination > li a:hover  {
    text-decoration: underline;
    color: black;
}

/* current page */
.pagination > li a.active {
	border: solid 3px#3860ed; 
	background-color: #3860ed; 
	color: white; 
	text-decoration: none;
}
.pagination > li a.disabled { color: #cfcfcf !important;}
.pagination > li a:focus { background: #ebebeb;}
.pagination > li a.active:focus { background: #004494;}

/* forward, backward */
#prev, #next {
    display: inline-block;
    padding: .79rem .4rem;
    border: solid 1px white;
    line-height: 1;
    min-width: 2.75rem;
    text-align: center;
    margin: 0 .25rem;
    text-decoration: none;
	color: #546fa6;
	background-image: url('/repository/assets/images/corner-arrow.svg');
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
 }
 
/* next */
.rotate90 {
   transform: rotate(90deg);
}

/* prev */
.rotate-90 {
   transform: rotate(-90deg);
}

#prev:hover, #next:hover {
	border: solid 1px #546fa6; 
	background-color: #e0e5f5; 
	color: black; 
	text-decoration: none!important;
	box-sizing: border-box;
	cursor: pointer;
}

/* ------------------------------ MENU ------------------------- */

#site-menu .ec-link {
	font-weight: normal;
	padding: 10px 10px;
	text-decoration: none;
}

#site-menu .ec-link:hover {
	background-color: #b9c5e9;
	color: #26324b;
	text-decoration: none !important;
	font-weight: normal;
}

/* ------------------------------ TITLE ------------------------- */

/* home page */
#latest-pub {
	color: black;
	font: normal normal 400 2.50rem Arial, sans-serif !important;
}

/* ------------------------------ GLOBAN ------------------------- */
/* global banner */

.chevron-down {
	position: relative;
	left: -32px;
	content: url('/repository/assets/images/chevron.svg');
    transform: rotate(-90deg);
	display: inline-block;
	width: 20px;
	height: 10px;
	margin-left: 2px;
}

.chevron-up {
	position: relative;
	left: -32px;
	content: url('/repository/assets/images/chevron.svg');
    transform: rotate(90deg);
	display: inline-block;
	width: 20px;
	height: 10px;
	margin-left: 2px;
}

.globan-dropdown {
	position: absolute;
	display: block;
	left: 5px;
	top: 23px;
	padding: 1rem 16px;
	margin: .5rem 0 0;
	max-width: 500px;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0 4px .5rem 0 rgba(0, 0, 0, .4);
	color: #444;
	z-index: 100;
}

#globan-link:hover {
	cursor: pointer;
}

#globan .globan-content a {
	text-decoration: none;
	color: #444;
	background-color: transparent;
	font-weight: 400;
	margin: 0 0 0 .25rem;
	padding: 0 .25rem;
	position: relative;
	display: inline-block;
	border: medium solid rgba(255, 255, 255, 0)
}

#globan .globan-content a:hover {
	cursor: pointer;
}

/* #globan .globan-content a:focus {
	outline: 2px solid #5577f0;
    outline-offset: -2px;
}
 */
 
.globan-chevron-highlight {
	background-color: white;
}

/* ------------------------------------- SOCIAL MEDIA --------------------------------- */
 
.ecl-social-media-share__link--facebook,
.ecl-social-media-share__link--twitter,
.ecl-social-media-share__link--email, 
.ecl-social-media-share__link--linkedin {
    background-color: white; 
}

.ecl-icon--xl {
    height: 1.5rem;
    width: 1.5rem;
}

.ecl-link__label {
	text-decoration: none;
	color: #3860ed;
}

.ecl-social-media-share__item .ecl-link {
    color: black;
    padding-right: 1.5rem;
}

#share-twitter, #share-facebook, #share-linkedin, #share-email {
	text-decoration: none;
}

#share-twitter:hover, #share-facebook:hover, #share-linkedin:hover, #share-email:hover {
	text-decoration: underline;
	text-decoration-color: #3860ed;
}

/* ------------------------------------- SITE FOOTER (standardized) --------------------------------- */
.f-link {
	text-decoration: none;
	font-size: 16px;
}

.f-link:hover {
	text-decoration: underline;
}

.ec-description-f {
	color: white !important;
	margin-top: 1rem;
	font-style: italic;
	font-size: 16px;
}

#site-footer .ec-title + .footer-list {
    padding-top:.5rem;
    /* border-top: 2px solid #7fa1c9;margin-top: .5rem; */
}

#site-footer .ecl-container + .ecl-container {
    border-top: 1px solid #b9c5e9;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-btm-20 {
	padding-bottom: 20px;
}

/* ----------------------------------- ORCHID POPUP ------------------------------- */
.orcid-logo:hover {
	cursor: pointer;
}

#orcid-popup {
	position: fixed;
	top: 30%;
	left: 30%;
 	width: 600px;
	height: 150px;
	z-index: 1000;
	background-color: white;
	color: black;
	border: solid 1px #dddddd;
	padding: 10px 10px;
	box-shadow: 10px 10px 5px #dddddd;
	min-width: fit-content;
}

.op-visible {
	visibility: visible;
	display: block;
}

.op-hidden {
	visibility: hidden;
	display: none;
}

#pop-exit {
	float: right;
    margin-left: 15px;
    padding: 5px;
    width: 35px;
    height: 35px;
}

#pop-exit:hover {
	float: right;
	background-color: lightgrey;
	border: solid 1px blue;
	cursor: pointer;
}

#pop-author-btn {
	float: right;
}

#pop-contributor {
	font-weight: bold;
	margin-bottom: 8px;
}

#pop-orcid {
	font-weight: normal;
	margin-bottom: 8px;
}

#pop-affiliation {
	font-weight: normal;
	margin-bottom: 8px;
}

#pop-affiliation2 {
	font-weight: normal;
	font-style: italic;
}

/* -------------------------- HOME PAGE ----------------------------- */

.home-title {
	float: left;
	/* font-size: 40px; */
}

.page-counters {
	visibility: hidden;
	display: none;
	float: right;
}

.ec-panel-counters {
	display: block;
	height: 70px;
}