@charset "UTF-8";
/* CSS Document */

:root {
  --dark: #333; /* is ING Black 80* */
  --ing-orange: #FF6200;
  --ing-grey-mid: #696969; 
  --ing-grey-light: #A8A8A8;
  --ing-grey-8: #F0F0F0; /* is ING Black 8* */
  --ing-indigo: #525199;
  --ing-sky: #559BD1;
  --ing-fuchsia: #AB0066;
  --ing-lime: #D0D93C;
  --ing-leaf: #349651;
  --ing-indigo-tint1: #9898C3;
  --ing-indigo-tint2: #CBCCE1;
  --ing-indigo-tint3: #E6E5F0;
  --ing-sky-tint1: #9FCAEA;
  --ing-sky-tint2: #CEE5F5;
  --ing-sky-tint3: #E8F3FA;
  --ing-fuchsia-tint1: #CD66A4;
  --ing-fuchsia-tint2: #E5B8D2;
  --ing-fuchsia-tint3: #F3DCE9;
  --ing-lime-tint1: #E3EA8F;
  --ing-lime-tint2: #F1F5C8;
  --ing-lime-tint3: #F8FAE4;
  --ing-leaf-tint1: #83C197;
  --ing-leaf-tint2: #C1E0CB;
  --ing-leaf-tint3: #E1F0E6;
  
  --grey-light: #e0e1e1;
  --light: #F8F9FA;
  --light-hover: #C8C9CA; 
  --outside: #1E7BBF;
  --white-transparent: rgba(255,255,255,.75);
  
  --link: var(--ing-indigo);
  --primary: var(--ing-indigo);
  --focus: var(--ing-sky);
  --visited: var(--ing-fuchsia);
  --grey: var(--ing-grey-mid);
  --thumb-hor: var(--ing-grey-8);

  --standout-light: var(--ing-sky-tint3);
  --standout-dark: var(--dark);

  --border-radius: .25rem;
  --card-border-radius: 0.2rem;
  
  --height-navbar: 120px;
  --height-navbar-mobile: 75px;
}

@font-face {
    font-family: "INGMe";
    font-display: swap;
    src: url('/fonts/INGMeWeb-Regular.eot');
    src: url('/fonts/INGMeWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/INGMeWeb-Regular.woff2') format('woff2'),
         url('/fonts/INGMeWeb-Regular.woff') format('woff'),
         url('/fonts/INGMeWeb-Regular.ttf') format('truetype'),
         url('/fonts/INGMeWeb-Regular.svg#INGMeWeb-Regular') format('svg');
    font-weight: normal;
    font-style:normal
}

@font-face {
    font-family: "INGMe";
    font-display: swap;
    src: url('/fonts/INGMeWeb-Bold.eot');
    src: url('/fonts/INGMeWeb-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/INGMeWeb-Bold.woff2') format('woff2'),
         url('/fonts/INGMeWeb-Bold.woff') format('woff'),
         url('/fonts/INGMeWeb-Bold.ttf') format('truetype'),
         url('/fonts/INGMeWeb-Bold.svg#INGMeWeb-Bold') format('svg');
    font-weight: bold;
    font-style:normal
}

/* subpress error information */
.navbar #debug, .err-wrap { display: none !important; }

body { font-family: "INGMe", Arial, "sans-serif" !important; color: #333; text-size-adjust: 100%; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; }
html * { box-sizing: inherit; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.small-header { font-weight: bold; color: var(--grey); font-size: 18px; line-height: 1.5rem; }
.small-header:not(.card-header) { margin-bottom: .25rem; }
.vr { opacity: 1 !important; background-color: var(--grey) !important; vertical-align: middle; min-height: 1.2rem; }
.z-index-top { z-index: 10000; }
.every-line span { color: white; background-color: var(--ing-orange); padding: 1% 2%; line-height: 200%; font-size: 115%; border-radius: var(--border-radius); -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; word-break: break-word; }

.print-only { display: none !important; }
.screen-only { display: block !important; }

.sticky-top-header .header-top { padding: 16px 0; }
.sticky-top-header .header-top .ing-logo { margin: 0 4px 2px; height: 32px; }
.sticky-top-top-nav { top: var(--height-navbar); transform: translateZ(-1px); }
.sticky-top-top { top: calc(var(--height-navbar) + 1rem); }

.nav-padding { height: var(--height-navbar); display: block; }

.padding-up { background: white; margin-top: -5rem; padding-top: 1rem; position: relative; }
.anchor { scroll-margin-top: calc(var(--height-navbar) + 1rem); }
.anchor-outlook { scroll-margin-top: calc(var(--height-navbar) + 5rem); }
.scroll-to-top { z-index: 1000 !important; cursor: pointer; }
.scroll-to-top:hover, .scroll-to-top:focus { background-color: var(--link) !important; color: white !important; }

 /* ligt aan gutter */
.ms-halfgutter { margin-left: 1.5rem; }
.me-halfgutter { margin-right: .75rem; }

.search-think { border-radius: var(--border-radius); box-shadow: inset 1px 1px 1px 0 #d9d9d9; border-color: #a8a8a8 !important; border-right: none; }
.search-think-btn { border-radius: var(--border-radius); box-shadow: inset 1px 1px 1px 0 #d9d9d9; border-color: #a8a8a8 !important; border-left: none; color: var(--link) !important; }
.search-think-btn:hover { background-color: var(--link) !important; color: white !important; }
.form-control.datepicker { padding: .5rem !important; line-height: 1rem !important; }

.navbar-main .dropdown-menu { min-height: 369px; border-bottom: none; margin-top: -1px !important; }
.navbar-main .navbar-toggler:focus { color: var(--focus) !important; }
zzz.navbar-main .dropdown-menu.backdrop.show { z-index: 0; float: left; display: block; border: 10px solid green; }
zzz.navbar-main .dropdown-menu.backdrop.show::before { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(100,100,100,0.5); z-index: -1; }
.prev-next .btn-prev, .prev-next .btn-next { position: fixed; top: 50%; transform: translateY(-50%); border-radius: 0; }
.navbar-nav .nav-link { position: relative; }
.navbar-nav .nav-link:hover { color: var(--link) !important; }
.navbar-nav .nav-link.active { color: var(--link) !important; }
.navbar-nav .nav-link::before { content: ''; display: block; left: .5rem; right: .5rem; bottom: 2px; border-bottom: 1px solid transparent; position: absolute; }
.navbar-nav .nav-link.active::before { border-color: var(--link); }

.fadeIn.delay-1 { animation-delay: 1000ms; }
.fadeIn.delay-2 { animation-delay: 1500ms; }
.fadeIn.delay-3 { animation-delay: 1900ms; }
.fadeIn.delay-4 { animation-delay: 2200ms; }

.navbar-toggler:focus { box-shadow: none; }
.offcanvas .dropdown { padding-right: .5rem; width: 100%; display: block; }
.offcanvas .list-group-item { text-decoration: none; cursor: pointer; color: var(--ing-indigo) !important; }
.offcanvas .list-group-item:hover { text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; }

.navbar-toggler svg { width: 26px; height: 26px; pointer-events: none; }

.last_updated { color: red !important; margin-bottom: 0; display: inline; font-size: .9rem; }

.dropdown-toggle::after { content: ""; display: inline-block; box-sizing: border-box; width: 10px; height: 10px; border-bottom: 2px solid; border-right: 2px solid; border-left: none; border-top: none; transform: rotate(45deg); left: 4px; top: 2px; margin-left: .5rem; vertical-align: .255rem; margin-top: .25rem; padding-right: .5rem; }
.offcanvas .dropdown::after { content: ""; display: inline-block; box-sizing: border-box; width: 10px; height: 10px; border-bottom: 2px solid; border-right: 2px solid; border-left: none; border-top: none; transform: rotate(45deg); margin-top: .5rem; float: right; }

/* Link colors */
main a:not(.anchor):not(.in-this-entry .list-group-item):not(a.card):not(.btn):not(.page-link):not(.text-white):not(.card-standout-dark a), a.card .card-title, footer a, .link-primary, .nav-tabs .nav-link:not(.nav-tabs .nav-link.active), .card .card-body a, .nav-outlook .nav-link, .navbar-main .dropdown-menu a:hover { color: var(--link) !important; display: inline-flex; word-break: break-word; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; outline: 0; background-repeat: no-repeat; background-clip: padding-box; max-width: 100%; cursor: pointer; text-overflow: ellipsis; transition: all .1s ease !important; transition-property: outline, box-shadow, border-radius, border-color; }
.fs-large a:not(.navbar a), .fs-larger a:not(.navbar a) { display: inline !important; }
main a:hover, .link-primary:hover { color: var(--link) !important; background-color: var(--ing-grey-8); }
.bg-light a:hover, .bg-grey-light a:hover, .bg-light a.card:hover .card-title, .bg-grey-light a.card:hover .card-title { background-color: white; }
main a:focus, a.card:focus .card-title { outline: 2px solid var(--focus); box-shadow: 0 0 12px 0 var(--focus); border-radius: var(--border-radius); text-decoration:none; }
zzzmain a:visited:not(.btn), zzza.card:visited .card-title { color: var(--visited) }
zzzmain a:visited:hover, zzza.card:visited:hover .card-title { color: var(--visited); background-color: var(--ing-grey-8); }
main a:active, a.card:active .card-title { color: var(--link); background-color:transparent; }
main a:active:visited, a.card:active:visited .card-title { color: var(--visited); background-color:transparent; }
main a:active:focus, a.card:active:focus .card-title { box-shadow: none; border-radius: 0; }
.nav-link.text-light { color: var(--light) !important; transition: color .15s ease-in-out; }
.nav-link.text-light:hover { color: var(--light-hover) !important; }
main a.text-white { text-decoration: none; color: white !important;  }
main a.text-white:hover { text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; color: white !important; background-color: transparent !important; }

h3 a, .nav-tabs .nav-link { text-decoration: none !important; }

.banner-snaps .snaps-wrapper { min-height: 72px; display: grid !important; grid-auto-flow: column; grid-auto-columns: 1fr; }
.banner-snaps .snaps-wrapper a { text-decoration: none !important; zzzflex: 1 1 0; }
.banner-snaps .snaps-wrapper a:hover { text-decoration: underline!important; background-color: transparent; }
.banner-snaps .snaps-wrapper a.active { color: var(--grey) !important; }

.bg-dark { background-color: var(--dark) !important; }
.bg-grey { background-color: var(--grey); }
.bg-ing-grey-8 { background-color: var(--ing-grey-8) !important; }
.bg-white-transparent { background-color: var(--white-transparent); }
.bg-primary { background-color: var(--primary) !important; }
.bg-ing-orange { background-color: var(--ing-orange) !important; }
.bg-ing-sky { background-color: var(--ing-sky) !important; }
.bg-ing-fuchsia { background-color: var(--ing-fuchsia) !important; }
.bg-thumb-hor { background-color: var(--thumb-hor) !important; }

.text-grey { color: var(--grey); }
.text-dark { color: var(--dark) !important; }
.text-primary { color: var(--primary) !important; }
.text-orange { color: var(--ing-orange) !important; }
.text-outside { color: var(--outside) !important; }
.text-shadow { text-shadow: rgba(0,0,0,.5) 0 0 1rem; }

.border-dark { border-color: var(--dark) !important; }
.border-primary { border-color: var(--primary) !important; }
.hr-2 { opacity: 1 !important; border-color: var(--grey-light) !important; border-top-width: 3px; }

.shadow-inset { box-shadow: inset 0 0 .5rem rgba(0,0,0,.15) !important; }
.shadow-inset-lg { box-shadow: inset .25rem -1rem .25rem 0 rgba(0,0,0,.5) !important; }

.fs-large, .fs-large > p { font-size: 1.15rem; line-height: 165%; }
.fs-larger, .fs-larger > p { font-size: 1.4rem; line-height: 165%; }

.btn { font-weight: bold; }
.btn:hover { text-decoration: none !important; }
.btn-social.btn-sm { width: 34px; height: 34px; display: inline-flex; align-items: center; }
.btn-twitter, .btn-twitter:hover { background-color: #1da1f2 !important; border-color: #1da1f2 !important; color: white !important; }
.btn-linkedin, .btn-linkedin:hover { background-color: #0077b5 !important; border-color: #0077b5 !important; color: white !important; }
.btn-email, .btn-copylink { color: var(--link) !important; border-color: var(--link) !important; }
.btn-email:focus, .btn-copylink:focus, .btn-email:hover, .btn-copylink:hover { background-color: var(--link) !important; border-color: var(--link) !important; color: white !important; }
.btn-primary:not(.btn-primary.active) { background-color: var(--primary) !important; border-color: var(--primary) !important; color: white !important; }
.btn-primary.active { background-color: white !important; border-color: var(--primary) !important; color: var(--primary) !important; }
.btn-outline-primary { color: var(--link) !important; border-color: var(--link) !important; }
.btn-outline-primary:focus, .btn-outline-primary:hover { background-color: var(--primary) !important; border-color: var(--primary) !important; color: white !important; }
.btn-orange { background-color: var(--ing-orange); border-color: var(--ing-orange) !important; color: white !important; }
.btn-orange:hover { background-color: var(--link) !important; border-color: var(--link) !important; color: white !important; }
.btn-white { background: white; color: var(--link) !important; }
.btn-white:hover, .bg-dark .btn-white:hover { background: var(--light-hover); color: var(--link); }

.btn:active, .btn:hover { box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2); }
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { background-color: var(--ing-sky) !important; border-color: var(--ing-sky) !important; color: white !important; }


/* social share buttons (embeds/_share.html) */
.btn-link { overflow: hidden; transition: transform .3s ease; max-height: 3rem; text-decoration: none; color: var(--link); }
.btn-link .checkmark, .btn-link .btn-text { transform: translateY(-3rem); transition: transform .3s ease; }
.btn-link.copied .checkmark, .btn-link.copied .btn-text { transform: translateY(0); }
.btn-link .checkmark { height: 2rem; margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; }
.btn-link .checkmark i { color: #525199; }
.btn-outline-primary:focus.btn-link .checkmark i { color: white; }
 
.ing-shadow { box-shadow: 0 0 2px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.16); }
.ing-shadow:hover { box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16); transform: translateY(-2px); transition: transform, box-shadow .3s ease; }

.background-image { background-size: cover !important; background-position: center center; background-repeat: no-repeat; overflow: hidden; position: relative; min-height: 320px; }
.background-image .credit { position: absolute; top: 0; right: 0; background-color: rgba(0,0,0,.5); color: white; font-size: 13px; padding: 0 .25rem; }

.gradient-overlay:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display:inline-block; mix-blend-mode: overlay; background: var(--ing-orange); opacity: .75;
  background: linear-gradient(30deg, rgba(77,19,168,1) 20%, rgba(127,45,147,.75) 40%, rgba(255,98,0,.5) 60%, rgba(255,234,0,0) 80%);
}

.card, .card .card-img { text-decoration: none !important; border-radius: var(--card-border-radius) !important; top: 0; }
.card .card-frame img { object-fit: cover; min-height: 100%; }
.card:not(.card.border):not(.card.border-bottom) { border: none !important; }
.card .card-footer { border: none; background-color: transparent; color: var(--dark); padding-top: 0 !important; border-radius: 0; border-color: var(--dark) !important; }
.card_entry, .card_podcast { transition: all .3s ease; background: none; }
.card .card-title { color: var(--link) !important; line-height: 160%; top: 0; }
.card .card-body { color: var(--dark) !important; }
.card .card-body .card-text a { color: var(--dark) !important; }
.card .card-body .card-text .text-muted .last_updated::before { content: " | "; color: #6c757d !important; }
.card_author.border-bottom { border-width: 0 0 2px 0 !important; }
.card_author.bg-light:hover { background-color: var(--ing-grey-8) !important; }
.card_author.bg-white:hover .card-title { background-color: var(--ing-grey-8) !important; }
.card .icon-on-card { position: absolute; margin: 3%; padding: 2%; color: white; max-width: 50%; background-color: var(--ing-sky); z-index: 1; top: 0; border-radius: var(--border-radius); }

.card_stock .fa-arrow-right, .card_stock .fa-arrow-right + span { color: grey; }
.card_stock .fa-arrow-up, .card_stock .fa-arrow-up + span, .card_stock .fa-arrow-up-right, .card_stock .fa-arrow-up-right + span { color: green; }
.card_stock .fa-arrow-down, .card_stock .fa-arrow-down + span, .card_stock .fa-arrow-down-right, .card_stock .fa-arrow-down-right + span { color: red; }

a.card_video { background-color: transparent !important; }
a.card_video .card-title, .card_video .card-text { color: white !important; text-decoration: none; }
a.card_video:hover .card-title { text-decoration: underline; }

a.card, .swiper-slide a.card .card-title, a.card:hover, .swiper-slide a.card:hover .card-title { transition: top .05s ease; }
a.card_entry:hover, a.card_podcast:hover { top: -2px; }
a.card_entry:not(a.card_entry.bg-white):hover, a.card_podcast:not(a.card_podcast.bg-white):hover { box-shadow: 0 0 2px 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.1); }
a.card_entry:not(a.card.bg-transparent):not(a.card.bg-white):not(a.card.card-standout-light):not(a.card.card-standout-dark):hover, a.card_podcast:hover { background-color: white !important; }
a.card_topic .every-line span { transition: background-color ease .01s; }

.card .card-title { line-height: 145%; margin-top: .5rem !important; }
a.card .card-title:not(a.card_video .card-title):not(a.card-standout-dark .card-title) { color: var(--dark) !important; text-decoration: none !important; }
a.card:hover .card-title:not(a.card_video .card-title):not(a.card-standout-dark .card-title) { color: var(--link) !important; text-decoration: underline !important; }

.card.shadow-sm { box-shadow: 0 0 2px 0 rgba(0,0,0,0.05),0 2px 4px 0 rgba(0,0,0,0.1) !important; }


.card-standout-light { background-color: var(--standout-light) !important; }
.card-standout-dark, .card-standout-dark:hover { background: var(--standout-dark) !important; }
.card-standout-dark .card-footer.border-bottom { border: none !important; }
.card-standout-dark .card-text.text-grey { color: #999 !important; }
.card-standout-dark strong.card-title, .card-standout-dark h3.card-title, .card-standout-dark h4.card-title { color: var(--light) !important; text-decoration: none !important; }
.card-standout-dark:hover strong.card-title, .card-standout-dark:hover h3.card-title, .card-standout-dark:hover h4.card-title { color: var(--light) !important; text-decoration: underline !important; }
.card-standout-dark .card-text, .card-standout-dark .card-text a { color: var(--light) !important; text-decoration: none; }
.card-standout-dark .card-text a:hover { background-color: transparent; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; }

.swiper-slide a.card .card-title.text-white { color: white !important; }
.swiper-slide a.card:hover { top: 0 !important; }
.swiper-slide a.card:hover .card-title:not(.card_author .card-title) { position: relative; top: -2px; }

.bg-grey .container .homeVideoSwiper-wrapper .swiper .swiper-slide a.card:hover  { background-color: transparent !important; box-shadow: none; }

.rounded-0 { border-radius: 0 !important; }
.rounded { border-radius: var(--card-border-radius) !important; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
.rounded-top { border-radius: var(--card-border-radius) var(--card-border-radius) 0 0 !important; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
.rounded-start { border-radius: var(--card-border-radius) 0 0 var(--card-border-radius) !important; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
.rounded-end { border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0 !important; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
a.card.rounded.shadow { overflow: show; -webkit-mask-image: none; } /* fix for overflow */

.columns-2 { column-count: 2; }
.columns-2 .card:first-child { margin-top: -3px !important; }

blockquote { float: left; width: 40%; margin: .5rem 2rem 1rem -10%; padding: 1rem .25rem; display: inline-block; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; font-style: italic; font-weight: bold; font-size: 110%; background-color: white; }
blockquote p { margin-bottom: 0; }
blockquote footer { font-size: 14px !important; }
blockquote { quotes: '“' '”'; }
blockquote p:before {content: '“'; content: open-quote; }
blockquote p::after {content: ''; content: no-close-quote; }
blockquote p:last-child::after {content: '”'; content: close-quote; }

figure { position: relative; }
figure .credit { }
figure .credit::before { content: 'Source: '}

.side_link { }

.admin_panel { opacity: .25; transition: opacity .5rem ease !important; }
.admin_panel:hover { opacity: 1; }

.entry_category-wrapper { display: inline; margin: -.25rem 0 .5rem 0; line-height: 1.6rem; }
.entry_category { font-weight: bold; display: inline; }
.entry_category-wrapper .vr:last-child { display: none !important; }

.badge-report { background-color: var(--ing-sky); padding: 1px 4px; color: white; border-radius: var(--border-radius); display: inline !important; }
.badge-opinion { background-color: var(--ing-orange); padding: 1px 4px; color: white; border-radius: var(--border-radius); display: inline !important; }

.content_number .consensus_better, .keynumber .consensus_higher { color: green; }
.content_number .consensus_expected { color: gray; }
.content_number .consensus_lower, .keynumber .consensus_worse { color: red; }

.forecast_table .tab-pane { min-height: 400px; padding: 16px 0; }
.forecast_table table { margin-bottom: 3rem; }
.forecast_table table, .forecast_table table tr, .forecast_table table td, .forecast_table table th { width: auto !important; width: auto !important; min-width: auto !important; text-align: left !important; }
.forecast_table table td { padding: 4px 40px 4px 16px !important; border-bottom: 1px solid var(--ing-grey-8); }
.forecast_table table th { padding: 4px 50px 4px 16px !important; border-bottom: 1px solid var(--dark); }

.collapser[aria-expanded=true] .fa-angle-down { display: none; }
.collapser[aria-expanded=true] .fa-angle-up { display: inline; }
.collapser[aria-expanded=false] .fa-angle-down { display: inline; }
.collapser[aria-expanded=false] .fa-angle-up { display: none; }

.pagination .active > .page-link, .pagination .page-link.active { background-color: var(--link); color: white !important; }
.pagination .page-link { color: var(--link) !important; }

.homeSwiper .swiper-slide { display: flex; justify-content: center; flex-direction: column; height: 360px; }
.homeSwiper .swiper-slide .card { display: flex; flex-grow: 1; }
.homeSwiper .swiper-slide .card .row { flex-grow: 1; }

/* swiper */
.swiper-button-next, .swiper-button-prev { height: 100% !important; top: 0 !important; margin-top: 0 !important; padding: 2rem; color: var(--ing-orange) !important; }
.swiper-button-next { right: -4rem !important; }
.swiper-button-prev { left: -4rem !important; }
.swiper-pagination { bottom: 0 !important; padding: 1px; background-color: var(--pink); }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { display: flex !important; }
.swiper-pagination-bullet { flex: 1; height: 3px !important; border-radius: 0 !important; background-color: var(--ing-sky) !important; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 !important; }
.swiper-pagination-bullet-active { }

.fa-arrow-trend-up { color: green !important; }
.fa-arrow-trend-down { color: red !important; }

.table-fx .table>:not(caption)>*>* { padding-left: 0 !important; padding-right: 0 !important; }
.table-fx .table { width: auto !important; }
.table-fx .table thead th { padding: .25rem 1rem .25rem 0 !important; white-space: nowrap; text-align: center !important; margin-right: 1rem; }
.table-fx .table tbody td span { padding: .75rem; display: inline-block; background-color: var(--light); border: 1px solid var(--ing-grey-8); white-space: nowrap; margin-right: .25rem; border-radius: var(--border-radius) !important; }
.table-fx .table tbody td .currencies { background-color: grey; color: white; }
.table-fx .table tbody td .spot_reference { background-color: var(--light); color: var(--grey); }
.table-fx .table tbody td .ahead_bias { border-color: var(--grey); padding: .75rem 1.5rem; }

.fx-table-in-field table { width: 100% !important;	border-collapse: collapse; border-spacing: 0; border: none; font-family: "INGMe", Arial, "sans-serif" !important; margin-bottom: 1rem; }
.fx-table-in-field tr:first-child { background: var(--light); font-weight: bold !important; }
.fx-table-in-field td { text-align: left; border-top: 2px solid white !important; padding: .5rem .75rem; }
.fx-table-in-field td:first-child, .fx-table-in-field td:last-child { overflow: hidden;  }
.fx-table-in-field tr:not(tr:first-child) td:first-child { text-align: center !important; background: var(--light); color: var(--ing-grey-light); }
.fx-table-in-field tr:first-child td { color: var(--dark); text-align: center; }
.fx-table-in-field tr:not(tr:first-child) td { color: var(--ing-orange);  }
.fx-table-in-field tr:not(tr:first-child) td:nth-child(2n) { text-align: right; color: var(--dark); }
.fx-table-in-field tr:not(tr:first-child):nth-child(2n + 1) { background: var(--light); }
.fx-table-in-field_comments { border-bottom: 2px solid #dedede; margin-bottom: 1rem; padding-bottom: 1rem; }
.fx-table-in-field_comments.no-border { border-bottom: none; margin-bottom: 1rem; padding-bottom: 1rem; }

/* mapsvg / regions */
.mapsvg-list-wrapper { padding: 0; margin: 0; list-style: none; list-style-position: inside; }
.mapsvg-list-wrapper > li { display: inline; }
.mapsvg-list-wrapper li ul { padding: 0; list-style: none; margin-bottom: 1rem; }
.mapsvg-list-wrapper a { display: inline-block; }
.mapsvg-list-wrapper li .mapsvg-directory-item { padding: 0; list-style: none; }

.mapsvg-tooltip, .mapsvg-popover { font-family: "INGMe", Arial, "sans-serif" !important; font-size: 100%; line-height: 1.4em; }
.mapsvg-popover { font-size: 100% !important; border-radius: 0 !important; border: none !important; width: 300px;  }
.mapsvg-popover .mapsvg-popover-close { top: 1rem !important; right: 1rem !important; height: 70px; color: var(--link) !important; font-size: 20px;}
.mapsvg-popover .mapsvg-controller-view-wrap.nano { top: .5rem !important; }
.mapsvg-popover .mapsvg-controller-view-content { padding-bottom: .5rem; }
.mapsvg-popover .card_region { display: flex; text-decoration: none !important; }
.mapsvg-popover .card_region_title { color: var(--link) !important; }
.mapsvg-popover .card_region img { width: 80px !important; margin: .5rem .5rem .5rem 0; height: 60px; border-radius: var(--border-radius); }
.mapsvg-popover .card_region:hover .card_region_title, .mapsvg-popover .author_region:hover { text-decoration: underline; text-underline-position: under; text-decoration-thickness: 1px; }
.mapsvg-popover .author_region { display: inline; text-decoration: none; font-size: 85%; color: var(--primary); }

.tooltip-inner { background-color: var(--link) !important; font-family: "INGMe", Arial, "sans-serif" !important; }
.author-tooltip .tooltip-arrow::before { border-bottom-color: var(--link) !important; }
.prev-tooltip .tooltip-arrow::before { border-right-color: var(--link) !important; }
.next-tooltip .tooltip-arrow::before { border-left-color: var(--link) !important; }
.in-this-entry-tooltip .tooltip-arrow::before, .scroll-to-top-tooltip .tooltip-arrow::before { border-left-color: var(--link) !important; }

.nav-tabs { border-bottom-color: var(--grey); }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-color: var(--grey) !important; border-bottom-color: transparent !important; }

#forecasttabContent .tab-pane table > tbody > tr:nth-of-type(odd) > * { background-color: var(--light); }

/* white arrow if the select is primary */
.form-select.bg-primary {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.featurebox { height: 360px !important; margin: 4rem 0 7rem 0; }
.featurebox::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--dark); opacity: .25; }
.featurebox .card { flex: 1; box-shadow: 0 0 2px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.2); }

.fadeIn { opacity: 0; animation: fadeIn ease .25s .5s forwards; }
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.lightbox-caption { background: black; }
.lightbox-caption em { font-style: normal !important; }