html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }


.progress-img-cont {
  background: #100E11;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


div.error {
  background-color: indianred;
  color: white;
  }

.hero-content-wrapper { width: 100%; }

.dropdown-content { background: #fff; }

.dropdown-content ul { list-style: none; padding: 0; margin: 0; }

.dropdown-content ul li { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; }

.dropdown-content ul li a { color: #565656; font-size: 1.6rem; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; padding: 15px 20px; display: block; }

.dropdown-content ul li a:active,
.dropdown-content ul li a:focus,
.dropdown-content ul li a:hover { border-left: 2px solid #87b1d2; color: #00455d; text-decoration: underline; font-family: "Gill Sans W02 Medium", Arial, Helvetica, sans-serif; font-weight: 400; }

body.group-site .findus { background-color: #00455d; }

.findus { background-color: #467d8f; padding: 50px 0; }

.findus h2,
.findus p { color: #fff; }

.findus h2 { font-size: 2.6rem; position: relative; margin: 0 0 35px; }

.findus h2:after { content: ""; width: 50px; height: 2px; background: #fff; position: absolute; bottom: -12px; left: 0; }

.findus a { color: #fff; }

.findus p { font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.8rem; line-height: 1.6; }

.findus .findus-area1 p { padding-right: 60px; }

body.group-site .pagefooter { border-bottom: 10px solid #00455d; }

.pagefooter { border-bottom: 10px solid #467d8f; }

.pagefooter ul.footer-linklist { list-style: none; padding: 0; text-align: center; }

.pagefooter ul.footer-linklist li { padding: 10px 0; }

.pagefooter ul.footer-linklist li a { text-transform: uppercase; text-decoration: none; color: #00455d; font-size: 2rem; }

.pagefooter .footer-copyright { font-size: 1.2rem; color: #222; text-align: center; }

.pagefooter .footer-socialmedia { text-align: center; }

.pagefooter .footer-socialmedia ul { list-style: none; padding: 0; position: relative; display: flex; justify-content: center; align-items: center; }

.pagefooter .footer-socialmedia ul li { display: inline-block; padding: 0 10px; }

.pagefooter .footer-socialmedia ul li a svg { width: 35px; }

.pagefooter .footer-socialmedia ul li a span.social-icon-hover { position: absolute; opacity: 0; }

.pagefooter .footer-socialmedia ul li a span.social-icon,
.pagefooter .footer-socialmedia ul li a span.social-icon-hover { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }

.pagefooter .footer-socialmedia ul li a:active span.social-icon,
.pagefooter .footer-socialmedia ul li a:focus span.social-icon,
.pagefooter .footer-socialmedia ul li a:hover span.social-icon { opacity: 0; }

.pagefooter .footer-socialmedia ul li a:active span.social-icon-hover,
.pagefooter .footer-socialmedia ul li a:focus span.social-icon-hover,
.pagefooter .footer-socialmedia ul li a:hover span.social-icon-hover { opacity: 1; }

.pagefooter .footer-socialmedia ul li a span.sr-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.pageheadersearch { background: #fff; overflow: hidden; height: 0; outline: 0; -webkit-transition: height 0.2s ease-in-out; -moz-transition: height 0.2s ease-in-out; -o-transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out; }

.startpage #startpage-hero { display: flex; justify-content: center; align-items: center; min-height: 355px; height: 50vh; width: 100%; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

.startpage .startpage-toparea .startpage-toparea-innercontainer { display: flex; flex-wrap: wrap; justify-content: center; height: auto; flex-direction: row; padding: 25px; margin: -70px auto 0; }

.startpage.group-site #startpage-hero { height: auto; flex-wrap: wrap; padding: 0; }

.startpage.group-site #startpage-hero .startpage-toparea-innercontainer { margin: 0 auto; padding: 0 0 30px; }

.startpage.group-site .hero-content { margin-top: 30px; }

.startpage.group-site .startpage-toparea { width: 100%; position: relative; }

.startpage.group-site .startpage-toparea .latestblock.purple-theme { background: rgba(95, 65, 103, 0.85); }

.startpage.group-site .startpage-toparea .latestblock.darkgreen-theme { background: rgba(27, 90, 90, 0.85); }

.startpage.group-site .startpage-toparea .latestblock.teal-theme { background: rgba(0, 69, 93, 0.85); }

#app.light .contentarea-lightbeige { background: #f4f2ee; }

.contentarea {background-position: center;background-repeat: no-repeat;background-size: cover;/* background-color: white; */}

.entryblock { height: 250px;width: 100%;-webkit-transition: background 0.2s ease-in;-moz-transition: background 0.2s ease-in;-o-transition: background 0.2s ease-in;transition: background 0.2s ease-in;z-index: 10;margin: 12px 0;letter-spacing: 0;}

.entryblock .entryblock-content { padding: 25px; height: 200px; display: flex; justify-content: center; align-items: center; width: calc(100% - 50px); }

#app.light .entryblock.is-linked:active,
#app.light .entryblock.is-linked:focus,
#app.light .entryblock.is-linked:hover { background: #00455d; cursor: pointer; }

#app.light .entryblock.lightblue-theme { background: #cce0f0; color: #00455d; }

#app.light .entryblock.lightblue-theme:active,
#app.light .entryblock.lightblue-theme:focus,
#app.light .entryblock.lightblue-theme:hover { background: #87b1d2; cursor: pointer; }

#app.light .entryblock.lightgreen-theme { background: #a5c5c3; }

#app.light .entryblock.lightgreen-theme:active,
#app.light .entryblock.lightgreen-theme:focus,
#app.light .entryblock.lightgreen-theme:hover { background: #6ea09b; cursor: pointer; }

#app.light .entryblock.darkgreen-theme { background: #005a5a; }

#app.light .entryblock.darkgreen-theme:active,
#app.light .entryblock.darkgreen-theme:focus,
#app.light .entryblock.darkgreen-theme:hover { background: #6ea09b; cursor: pointer; }

.entryblock.has-bgimage { position: relative; background: 0 0; height: 250px; overflow: hidden; display: block; }

.entryblock.has-bgimage .entryblock-content { position: absolute; top: 0; }

.latestblock { color: #fff; text-align: center; margin: 25px 25px 0; min-height: 285px; }

.latestblock .latestblock-content { padding: 20px 15px; }

.latestblock .label { text-align: center; font-size: 1.6rem; text-transform: uppercase; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; }

.latestblock .date { font-size: 2.4rem; text-align: center; line-height: 26px; padding-top: 20px; }

.latestblock .heading,
.latestblock h2.heading { font-size: 2.4rem; text-align: center; line-height: 26px; padding-top: 20px; margin: 0; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; }

.latestblock .documentlist,
.latestblock .links { list-style: none; padding: 10px 0 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; }

.latestblock.purple-theme { background: #614168; }

#app.light .latestblock.darkgreen-theme { background: #005a5a; }

#app.light .latestblock.teal-theme { background: #00455d; }

.latestblock.darkgreen-theme .date,
.latestblock.darkgreen-theme .heading,
.latestblock.darkgreen-theme .label,
.latestblock.purple-theme .date,
.latestblock.purple-theme .heading,
.latestblock.purple-theme .label,
.latestblock.teal-theme .date,
.latestblock.teal-theme .label { color: #fff; }

.eventblock .date { font-size: 1.8rem; text-align: center; line-height: 40px; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

.reportblock .date { font-size: 1.8rem; text-align: center; line-height: 40px; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; padding-top: 0; }

.newssliderblock .newsitem-heading { font-size: 2.2rem; text-align: center; color: #00455d; padding: 40px; }

.newssliderblock .newsitem-heading a { color: #00455d; }

.newssliderblock .newssliderblock-itemcontent { text-align: center; margin: 0 auto; }

.newssliderblock .type { font-size: 1.6rem; text-transform: uppercase; padding-bottom: 40px; color: #00455d; }

.newssliderblock .date { position: relative; font-size: 1.6rem; }

.newssliderblock .date:before { width: 113px; height: 1px; content: ""; background: #00455d; margin: 0 auto; top: -23px; left: 50%; transform: translateX(-50%); position: absolute; }

.quoteblock .button-wrapper { padding: 50px 0 20px; width: 100%; text-align: center; }

.quoteblock .quoteblock-content { margin: 0 auto; width: 90%; }

.quoteblock blockquote { font-size: 2.8rem; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: 0; }

.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

.slick-initialized .slick-slide { display: block; }

.slick-next,
.slick-prev { position: absolute; top: 305px; }

.slick-next:after,
.slick-prev:after { content: ""; height: 20px; width: 20px; border-top: 2px solid #00455d; border-right: 2px solid #00455d; display: block; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }

.slick-next:active,
.slick-next:focus,
.slick-next:hover,
.slick-prev:active,
.slick-prev:focus,
.slick-prev:hover { outline: 0; }

.slick-next:active:after,
.slick-next:focus:after,
.slick-next:hover:after,
.slick-prev:active:after,
.slick-prev:focus:after,
.slick-prev:hover:after { border-color: #467d8f; outline: 0; }

.slick-next span,
.slick-prev span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.slick-next { right: 0; }

.slick-next:after { transform: rotateZ(45deg); }

.slick-prev { left: 0; }

.slick-prev:after { transform: rotateZ(-135deg); }

.dropdown-content ul li a:active,
.dropdown-content ul li a:focus,
.dropdown-content ul li a:hover { border-left: 2px solid #87b1d2; color: #00455d; text-decoration: underline; font-family: "Gill Sans W02 Medium", Arial, Helvetica, sans-serif; font-weight: 400; }

.findus h2,
.findus p { color: #fff; }

.pagefooter .footer-socialmedia ul li a span.social-icon,
.pagefooter .footer-socialmedia ul li a span.social-icon-hover { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }

.pagefooter .footer-socialmedia ul li a:active span.social-icon,
.pagefooter .footer-socialmedia ul li a:focus span.social-icon,
.pagefooter .footer-socialmedia ul li a:hover span.social-icon { opacity: 0; }

.pagefooter .footer-socialmedia ul li a:active span.social-icon-hover,
.pagefooter .footer-socialmedia ul li a:focus span.social-icon-hover,
.pagefooter .footer-socialmedia ul li a:hover span.social-icon-hover { opacity: 1; }

.startpage .startpage-toparea .startpage-toparea-innercontainer { display: flex; flex-wrap: wrap; justify-content: center; height: auto; flex-direction: row; padding: 0; margin: 0 auto 0; }

#preload-img { display: inline; background-image: url(https://images.unsplash.com/photo-1429667947446-3c93a979b7e0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80); }

.startpage.group-site .hero-content { margin-top: 30px; min-width: initial; width: 100%; }

.startpage.group-site .startpage-toparea .latestblock.purple-theme { background: #6ea09b; }

.startpage.group-site .startpage-toparea .latestblock.darkgreen-theme { background: #9ec3c1; }

.startpage.group-site .startpage-toparea .latestblock.teal-theme { background: #b1b1b1; }

.entryblock { height: 250px; width: 100%; -webkit-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; z-index: 10; margin: 12px 0; letter-spacing: 2px; }

#app.light .entryblock {/* background: #467d8f; */}


#app.mobile .entryblock {
    margin: 0 0;
}

#app.light .entryblock.darkgreen-theme { background: #6ea09b; }

.entryblock.has-bgimage { position: relative; height: 250px; overflow: hidden; display: block; }

.entryblock.has-bgimage .entryblock-content { position: absolute; top: 0; }

#app.light .entryblock.has-bgimage .entryblock-content { background-color: #6ea09b; }


.latestblock { color: #fff; text-align: center; margin: 25px 25px 0; min-height: 100px; }

.latestblock .heading,
.latestblock h2.heading { font-size: 2.4rem; text-align: center; line-height: 26px; padding-top: 20px; margin: 0; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; color: #204f5e; }

.slick-initialized .slick-slide { display: block; max-height: 300px; }

footer,
header,
nav,
section { display: block; }

a:active,
a:hover { outline: 0; }

img { border: 0; display: block; max-width: 100%; height: auto; }

svg:not(:root) { overflow: hidden; }

button { color: inherit; font: inherit; margin: 0; }

button { text-transform: none; }

button { -webkit-appearance: button; cursor: pointer; }

button::-moz-focus-inner { border: 0; padding: 0; }

.pure-g { letter-spacing: -0.31em; text-rendering: optimizespeed; font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; }

.pure-u-1,
.pure-u-1-2 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

.pure-u-1-2 { width: 50%; }

.pure-u-1 { width: 100%; }

.accessibilityshortcuts { position: absolute; top: -1000px; padding: 0; margin: 0; }

.accessibilityshortcuts a:active,
.accessibilityshortcuts a:focus { position: absolute !important; top: 1000px; white-space: nowrap; padding: 5px 20px; margin: 0; font-weight: 400; left: 10px; color: #000; background: #fff; z-index: 1000; }

[aria-hidden="true"] { opacity: 0; visibility: hidden; margin: 0; padding: 0; }

.btn {display: inline-block;background: 0 0;text-align: center;font-family: "Gill Sans W02 Medium", Arial, Helvetica, sans-serif;font-weight: 400;text-decoration: none;text-transform: uppercase;letter-spacing: 0.5px;line-height: 0.8;color: #00455d;border: 1px solid #00455d;cursor: pointer;outline: 0;transition-property: color, border, background;transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);transition-duration: 0.15s;}

  .btn {

    padding: 13px 20px;
    font-size: 1.2rem;

}


#app.not-mobil .btn:hover, 
.btn.active { background-color: #00455d; color: #fff; text-decoration: none; }

.btn-dropdown { position: relative; width: initial; font-size: 1.8rem; color: #fff; padding: 0 20px 0 0; transition-property: color, border, background; transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95); transition-duration: 0.15s; font-family: "Gill Sans W02 Medium", Arial, Helvetica, sans-serif; font-weight: 400; }

.btn-dropdown:after { content: ""; position: absolute; right: 0; top: 8px; width: 7px; height: 7px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(44deg); -ms-transform: rotate(44deg); transform: rotateZ(44deg); }

.btn-dropdown:active,
.btn-dropdown:focus,
.btn-dropdown:hover { background: #00455d; }

.center {
    text-align: center;
    padding: 20px 0;
  }
  #app.mobile .center.buttons {
      padding: 10px 0;
  }

button { overflow: visible; background: 0 0; border: 0; padding: 0; cursor: pointer; }

#app.mobile button.settings-btn,
#app.mobile .btn-div{
    display: none;
}

#app[data-route-id="presentation"] .contentarea.top.table .center {
  padding: 0 !important;
}

#app[data-route-id="presentation"]  .tscroll {
  height: calc(100vh - 330px) !important;
}


.settings-btn {
  background: #467d8f;
  color: white;
  padding: 7px 23px 7px 5px;
  border-radius: 4px;
  font-size: 1.57rem;
  transition: background linear .3s;
}

.settings-btn[disabled] {
  cursor:not-allowed;
}

.settings-btn.done {
  background: #098b64;  
}

.settings-btn ion-icon.md.hydrated {
  height: 25px;
  font-size: 45px;
  /* padding-bottom: 6px; */
  vertical-align: bottom;
  display: inline-block;
}
.settings-btn .menu-icon {
  display: inline-block;
}


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

h1,
h2 { font-style: normal; margin: 0 0 15px; }

h2 { font-family: "Gill Sans W02 Book", Arial, Helvetica, sans-serif; font-weight: 400; }

h1 { font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.1; font-size: 3.6rem; text-align: center; color: #00455d; }

h2 { font-size: 2.6rem; line-height: 1.2; color: #000; }

h2 a { color: #000; text-decoration: none; }

.section-heading { font-size: 3.6rem; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; color: #00455d; position: relative; margin: 0 0 30px; }

.section-heading:after { content: ""; width: 60px; height: 1px; background: #00455d; position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.hero { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 400px; height: auto; width: 100%; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 20px 0; }

.hero-textplate { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }

.hero-textplate .btn { margin-top: 1.5rem; line-height: 1.2; }

.hero-content { padding: 25px; }

.hero-content .startpage-hero-heading { font-size: 3.4rem; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 40px; }

.hero-content .startpage-hero-text { font-family: "Gill Sans W02 Book", Arial, Helvetica, sans-serif; font-size: 1.6rem; line-height: 24px; margin: 15px auto 0; text-align: center; padding-top: 25px; position: relative; }

.hero-content .startpage-hero-text:before { content: ""; width: 100px; height: 1px; background: #00455d; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.hero-content.text-blue h1,
.hero-content.text-blue p { color: #00455d; }

.hero-content.bg-white { background-color: #fff; }

.hero-content.bg-white.opacity-80 { background-color: rgba(255, 255, 255, 0.8); }

svg { max-width: 100%; max-height: 100%; }

.languageselector-link { display: inline-block; }

body.group-site .pageheader-mainmenucontainer #menu-toggle {background: #00455d;}




.pageheader-mainmenucontainer { position: relative; }

.pageheader-mainmenucontainer .menu-toggle-container {display: block;position: fixed;top: 0;left: 0;z-index: 1117;width: 70px;}

.pageheader-mainmenucontainer #menu-toggle { width: 70px; height: 60px; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; border: 0; transition: bottom 2s; background: #467d8f; }

.pageheader-mainmenucontainer #menu-toggle .menu-icon { position: absolute; top: 18px; left: 17px; height: 22px; width: 35px; }

.pageheader-mainmenucontainer #menu-toggle .menu-icon .center-line,
.pageheader-mainmenucontainer #menu-toggle .menu-icon:after,
.pageheader-mainmenucontainer #menu-toggle .menu-icon:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 30px; height: 4px; border-radius: 2px; background: #fff; content: ""; }

.pageheader-mainmenucontainer #menu-toggle .menu-icon:before { top: 0; }

.pageheader-mainmenucontainer #menu-toggle .menu-icon .center-line { top: 10px; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; }

.pageheader-mainmenucontainer #menu-toggle .menu-icon:after { top: 20px; }

.pageheader-mainmenucontainer #menu-toggle:active,
.pageheader-mainmenucontainer #menu-toggle:focus,
.pageheader-mainmenucontainer #menu-toggle:hover { text-decoration: none; outline: 0; }

.pageheader-mainmenucontainer #menu-toggle .menu-toggle-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


.pageheader-mainmenucontainer .nav-container {height: calc(100% - 101px);width: 100%;margin-top: 25px;}

.pageheader-mainmenucontainer .mobile-login { display: none; }

.pageheader-mainmenucontainer .mobile-languageselector,
.pageheader-mainmenucontainer .mobile-login { background: #fff; border-bottom: 1px solid #dce6eb; }

.pageheader-mainmenucontainer .mobile-languageselector .btn-dropdown,
.pageheader-mainmenucontainer .mobile-login .btn-dropdown { font-size: 1.8rem; width: 100%; text-align: left; padding: 15px 20px; }

.pageheader-mainmenucontainer .mobile-languageselector .btn-dropdown:after,
.pageheader-mainmenucontainer .mobile-login .btn-dropdown:after { display: none; }

.pageheader-mainmenucontainer .mobile-languageselector .btn-dropdown span,
.pageheader-mainmenucontainer .mobile-login .btn-dropdown span { position: relative; color: #00455d; }

.pageheader-mainmenucontainer .mobile-languageselector .btn-dropdown span:after,
.pageheader-mainmenucontainer .mobile-login .btn-dropdown span:after { content: ""; position: absolute; right: -14px; top: 9px; width: 5px; height: 5px; background: 0 0; border-bottom: 2px solid #00455d; border-right: 2px solid #00455d; -webkit-transform: rotateZ(-44deg); -ms-transform: rotate(-44deg); transform: rotateZ(-44deg); }

.pageheader-mainmenucontainer .mobile-languageselector .btn-dropdown:active,
.pageheader-mainmenucontainer .mobile-languageselector .btn-dropdown:focus,
.pageheader-mainmenucontainer .mobile-languageselector .btn-dropdown:hover,
.pageheader-mainmenucontainer .mobile-login .btn-dropdown:active,
.pageheader-mainmenucontainer .mobile-login .btn-dropdown:focus,
.pageheader-mainmenucontainer .mobile-login .btn-dropdown:hover { background: #fff; }

.pageheader-mainmenucontainer .dropdown-content ul { padding: 0 0 0 10px; margin: -8px 0 0; }

.pageheader-mainmenucontainer .dropdown-content ul li { border: none; }

.pageheader-mainmenucontainer .dropdown-content ul li a { padding: 5px 20px; }

body.group-site .pageheader-bottom,
body.group-site .pageheader-websitelist .websitelist-content { background: #00455d; }

.pageheader {position: relative;top: 0;z-index: 100;width: 100%;/* display: none; */}

#app.mobile header.pageheader {
    /* position: absolute; */
}

.pageheader-bottom { position: relative; width: 100%; height: 40px; padding: 10px 0; background: #467d8f; }

.pageheader-logolink { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 63px; height: 63px; margin-top: -1px; }

body {color: #000;font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif;font-weight: 400;line-height: 26px;font-size: 1.8rem;/* -webkit-font-smoothing: antialiased; */margin: 0;padding: 0;overflow-x: hidden;}
body.dark-theme { background: #202020; }
input[type="text"] {
    font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif;
}

p { font-size: 1.8rem; margin: 0 0 15px; line-height: 26px; }

blockquote { position: relative; font-size: 3.6rem; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; color: #00455d; letter-spacing: 1px; line-height: 1.27777778; margin: 0; padding-top: 80px; text-align: center; }

blockquote:before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2281%22%20height%3D%2260%22%20viewBox%3D%220%200%2081%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3ECatella_citattecken%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M.121%2059.116L.123.018h80.076v59.098z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M48.46%2059.24l-.295-1.82c15.017-2.495%2030.168-13.77%2030.21-33.32C76%2031.705%2068.792%2037.247%2060.3%2037.247c-10.428%200-18.91-8.353-18.91-18.61C41.39%208.37%2049.87.016%2060.3.016c7.896%200%2014.678%204.792%2017.503%2011.58%201.573%203.552%202.395%207.82%202.395%2012.42%200%2020.68-15.94%2032.59-31.738%2035.222%22%20fill%3D%22%23759DA6%22%20mask%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M48.46%2059.24l-.295-1.82c15.017-2.495%2030.168-13.77%2030.21-33.32C76%2031.705%2068.792%2037.247%2060.3%2037.247c-10.428%200-18.91-8.353-18.91-18.61C41.39%208.37%2049.87.016%2060.3.016c7.896%200%2014.678%204.792%2017.503%2011.58%201.573%203.552%202.395%207.82%202.395%2012.42%200%2020.68-15.94%2032.59-31.738%2035.222M36.428%2011.63C33.61%204.828%2026.818.02%2018.908.02%208.48.018%200%208.368%200%2018.634c0%2010.262%208.48%2018.613%2018.907%2018.613%208.493%200%2015.698-5.542%2018.076-13.145-.045%2019.55-15.194%2030.82-30.21%2033.32l.296%201.817c15.796-2.632%2031.737-14.543%2031.737-35.222%200-4.584-.82-8.84-2.38-12.387%22%20fill%3D%22%2300455D%22%20mask%3D%22url(https://www.catella.com/css/%23b)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 75px; width: 76px; height: 60px; text-align: center; }

blockquote:after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; width: 60px; height: 1px; background: #00455d; }

.quotee { font-family: "Gill Sans W02 Book", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 2rem; line-height: 1.2; color: #00455d; display: block; text-align: center; margin-top: 45px; }

a { background-color: transparent; color: #000; text-decoration: underline; cursor: pointer; }

a:active,
a:focus,
a:hover { text-decoration: none; }

.pdf a { position: relative; padding-right: 30px; display: inline-block; }

.pdf a:after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2225%22%20height%3D%2222%22%20viewBox%3D%220%200%2025%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M12.128%200H0v21.637h24.256V0H12.128z%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3Cpath%20d%3D%22M22.927%2017.334c-.214.38-.52.555-.955.555-1.025%200-2.602-.97-4.49-2.75%202.922.366%205.06%201.25%205.443%201.943.056.1.056.154.002.25m-10.91-3.446c-.342.053-.9.125-1.244.16-.626.063-1.27.162-1.918.295l.08-.16c.97-1.902%201.568-4.18%201.79-6.795.888%202.485%202.046%204.552%203.453%206.16.04.048.084.096.125.145-.812.02-1.578.086-2.285.195m-9.9%206.46c-.274%200-.507-.11-.736-.35-.093-.097-.114-.18-.075-.318.225-.82%202.116-2.222%204.878-3.24-1.56%202.463-3.055%203.908-4.067%203.908m21.934-3.89c-.863-1.56-4.644-2.552-7.982-2.74-.302-.323-.608-.663-.922-1.02-2.87-3.28-4.03-8.048-4.465-10.573-.05-.535-.108-.98-.155-1.31C10.488.55%2010.408%200%209.835%200c-.69.45-.66.7-.623.99.04.332.102.775.19%201.28.244%202.566.36%207.447-1.614%2011.326-.206.404-.41.792-.615%201.162C3.48%2015.832.5%2017.748.063%2019.336c-.157.575-.02%201.127.39%201.553.473.496%201.035.747%201.666.747%201.746%200%203.737-1.945%205.918-5.78.97-.256%201.935-.434%202.867-.528.363-.038.95-.115%201.31-.17.996-.154%202.122-.216%203.278-.178%202.677%202.783%204.866%204.194%206.506%204.194.88%200%201.61-.43%202.05-1.21.273-.48.274-1.018.002-1.508l-362.962-121.53%22%20fill%3D%22%23003866%22%20mask%3D%22url(%23b)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); background-repeat: no-repeat; background-size: 22px; width: 22px; height: 22px; position: absolute; right: 0; top: 2px; }

a.external-link { position: relative; padding-right: 20px; margin-right: 3px; display: inline-block; }

a.external-link:after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M1.02%203.894v9.21h9.088V6.502c0-.404.338-.66.687-.525.205.08.323.266.324.518v7.04c0%20.405-.195.6-.59.6H.6c-.41%200-.598-.19-.598-.606%200-3.347%200-6.69-.002-10.036%200-.194.015-.39.186-.5.113-.07.26-.12.394-.12%202.053-.008%204.105-.006%206.158-.006h.79c.33%200%20.562.213.56.516-.004.298-.23.507-.554.507H1.02z%22%20fill%3D%22%23003866%22%20%2F%3E%3Cg%20transform%3D%22translate(6.853)%22%3E%3Cmask%20class%3D%22externallinkmask%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7.077%207.2V.033H.002v7.17h7.075z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M6.066%201.786c-.07.066-.11.105-.15.145C4.25%203.62%202.58%205.31.916%207c-.153.155-.32.242-.54.182-.356-.1-.492-.528-.257-.818.033-.045.076-.085.12-.127%201.65-1.674%203.302-3.35%204.954-5.023.04-.04.09-.074.134-.112l-.016-.046h-1.72c-.333%200-.563-.213-.56-.516.002-.302.232-.508.567-.508h2.89c.39%200%20.586.195.586.586v2.975c0%20.247-.128.43-.34.506-.2.07-.432.016-.55-.165-.068-.104-.112-.244-.115-.37-.01-.58-.003-1.16-.003-1.78%22%20fill%3D%22%23003866%22%20mask%3D%22url(https://www.catella.com/css/.externallinkmask)%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 15px; position: absolute; right: 0; top: 5px; }

.date { font-size: 2.4rem; color: #00455d; text-align: center; }

.documentlist { list-style: none; padding: 0; margin: 0; }

.documentlist li.pdf:nth-child(odd) {
    background: #32788b21;
    padding: 16px;
    min-height: 9rem;
}

.documentlist li.pdf {
    min-height: 9rem;
    margin: auto;
    vertical-align: middle;
    display: block;
}

.documentlist li a, .documentlist div a { font-size: 2.4rem; color: #00455d; text-decoration: none; }

.documentlist li a:hover { text-decoration: underline; }

.documentlist li.pdf a {position: relative;padding-right: 40px;vertical-align: middle;/* margin: auto; */display: block;}

.documentlist li.pdf a:after,.entryblock-headline:after {content: "";background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2225%22%20height%3D%2222%22%20viewBox%3D%220%200%2025%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M12.128%200H0v21.637h24.256V0H12.128z%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3Cpath%20d%3D%22M22.927%2017.334c-.214.38-.52.555-.955.555-1.025%200-2.602-.97-4.49-2.75%202.922.366%205.06%201.25%205.443%201.943.056.1.056.154.002.25m-10.91-3.446c-.342.053-.9.125-1.244.16-.626.063-1.27.162-1.918.295l.08-.16c.97-1.902%201.568-4.18%201.79-6.795.888%202.485%202.046%204.552%203.453%206.16.04.048.084.096.125.145-.812.02-1.578.086-2.285.195m-9.9%206.46c-.274%200-.507-.11-.736-.35-.093-.097-.114-.18-.075-.318.225-.82%202.116-2.222%204.878-3.24-1.56%202.463-3.055%203.908-4.067%203.908m21.934-3.89c-.863-1.56-4.644-2.552-7.982-2.74-.302-.323-.608-.663-.922-1.02-2.87-3.28-4.03-8.048-4.465-10.573-.05-.535-.108-.98-.155-1.31C10.488.55%2010.408%200%209.835%200c-.69.45-.66.7-.623.99.04.332.102.775.19%201.28.244%202.566.36%207.447-1.614%2011.326-.206.404-.41.792-.615%201.162C3.48%2015.832.5%2017.748.063%2019.336c-.157.575-.02%201.127.39%201.553.473.496%201.035.747%201.666.747%201.746%200%203.737-1.945%205.918-5.78.97-.256%201.935-.434%202.867-.528.363-.038.95-.115%201.31-.17.996-.154%202.122-.216%203.278-.178%202.677%202.783%204.866%204.194%206.506%204.194.88%200%201.61-.43%202.05-1.21.273-.48.274-1.018.002-1.508l-362.962-121.53%22%20fill%3D%22%23003866%22%20mask%3D%22url(%23b)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");background-repeat: no-repeat;background-size: contain;width: 22px;height: 22px;position: absolute;/* right: 0; *//* top: 9px; */padding: 0 5px;}

.entryblock-headline:after {
    width: 34px;
    height: 34px;
    /* background-size: contain; */
    opacity: .3;
    margin-top: -8px;
    margin-left: 5px;
}

.pure-g [class*="pure-u"] { font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; }

.pagefooter-logo { width: 100px; margin: 0 auto; }

.sectioncontainer { margin: 0 auto; width: auto; min-width: 240px; max-width: 1230px; clear: both; padding: 0 25px; position: relative; }




.contentarea.favourites {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: #dce6eb; */
    z-index: 1150;
    overflow-y: auto;
    padding: 25px 0;
  }
  
  .favourites .modal-close {
    position: fixed;
    top: 30px;
    right: 38px;
    /* color: black; */
    font-size: 50px;
    z-index: 217;
    /* background: #dce6eb4a; */
    text-align: center;
    cursor: pointer;
  }


.modal-close span {
    font-size: 1.4rem;
    display: block;
    line-height: 1rem;
}

#app.mobile .favourites .settings-row {
    margin-bottom: 10px;
    position: fixed;
    right: 60px;
    top: 109px;
    z-index: 999;
    width: 200px;
    /* text-align: center; */
}

#app.mobile .chart-settings-row {
  padding-top:250px;
}

  
  .fav span.section-heading {
    margin-top: 17px;
    display: block;
    text-align: left;
    margin-bottom: 0;
  }
  
  .fav ul li:first-child span.section-heading {
    margin-top: 0;
    padding-top: 0;
  }
  
  .fav span.section-heading:after {
    left: 10px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    display: none;
  }
  
  .fav h4.section-heading,
  .fav span.section-heading {
    color: #fff;
    font-size: 2rem;
    padding: 20px 10px;
  }

.fav .white h4.section-heading, .fav span.section-heading {
    color: black;
}
  
  .fav h4.section-heading {
    position: -webkit-sticky;
    position: sticky;
    top: -51px;
    z-index: 1;
    padding: 12px 10px;
    text-align: left;
    padding-left: 32px;
    margin-bottom: 0;
  }
  
  .fav h4.section-heading:after,
  .fav span.section-heading:after {
    background: #fff;
    bottom: 15px;
    display: none;
  }
  
  .fav span.section-heading {
    padding-left: 32px;
  }
  
  .fav ul {
    padding: 0;
    overflow-y: auto;
    list-style: none;
  }
  
  .fav ul:hover {
    padding: 0;
    overflow-y: auto;
  }
  
  .fav li {
    font-size: 1.4rem;
    padding: 8px 32px;
    text-transform: none;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    /* min-width: 195px; */
  }
  .fav li.list-header {
    cursor:default;
  }
  
  .fav li span {
    opacity: 0.7;
    transition: opacity ease-in-out 0.3s;
  }
  
  
  
  .fav ul:hover li span {
    opacity: 1;
  }
  
  .fav .pure-box {
    margin: 25px 0;
    padding: 0;
  }
  
  .fav .pure-g {
    letter-spacing: normal;
  }
  
  
  
  
  .fav-col {
    margin: 10px;
    color: #fff;
    color: #000;
  }
  

  
  .fav-col:nth-child(1) li:hover {
    background-color: hsl(193 47% 31% / 1);
  }
  .fav-col:nth-child(1) li.selected {
    background-color: hsl(0deg 0% 17% / 85%);
  }
  
  .fav-col:nth-child(2) li:hover {
    background-color: hsl(195 22% 48% / 1);
  }
  .fav-col:nth-child(2) li.selected {
    background-color: hsl(0deg 0% 17% / 85%);
  }
  
  .fav-col:nth-child(3) li:hover {
    background-color: hsl(195 21% 67% / 1);
  }
  .fav-col:nth-child(3) li.selected {
    background-color: hsl(0deg 0% 17% / 82%);
    color: white;
  }
  
  .fav-col:nth-child(4) li:hover {
    background-color: hsl(16 25% 72% / 1);
  }
  .fav-col:nth-child(4) li.selected {
    background-color: hsl(0deg 0% 17% / 85%);
    color: white;
  }
  
  .fav-col:nth-child(1),
  .fav-col:nth-child(1) h4.section-heading {
    background-color: #467d8f;
    background-color: #32788b;
    color: #fff;
  }
  
  .fav-col:nth-child(2),
  .fav-col:nth-child(2) h4.section-heading {
    background-color: #614168;
    background-color: #7298a5;
    color: #fff;
  }
  
  .fav-col:nth-child(3),
  .fav-col:nth-child(3) h4.section-heading {
  
    background-color: #005a5a;
    background-color: #afc4cb;
  }
  
  .fav-col:nth-child(4),
  .fav-col:nth-child(4) h4.section-heading {
    background-color: #467d8f;
    background-color: #d7c3bc;
  }
  
  .fav ul li.selected:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 5px;
    height: 10px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(38deg);
    margin-left: 14px;
  }

.fav.black ul li.selected:after {
    border-color: black;
}
  
  .favourites .multiselect {
    max-width: 200px;
    display: block;
    margin: 8px auto;
    margin-bottom: 29px;
  }
  
  .favourites .input-cont{
    width: 100%;
    max-width: 174px;
    /* background: #e8eff2; */
    /* padding: 0 12px; */
    display: inline-block;
    margin-left: 10px;
  }
  .favourites input.search {
    margin: 0 auto;
    border: none;
    line-height: 40px;
    background: inherit;
    display: inline-block;
    font-size: 1.6rem;
    background-clip: content-box;
    border-color: transparent;
    padding: 0 12px;
    /* appearance: none; */
    max-width: 117px;
  }
  
  .favourites input.search:focus,.favourites input.search:active {
      border: none;
  }
  .favourites .settings-row span {
    float: right;
    cursor:pointer;
    padding-top: 10px;
    padding-right: 10px;
    /* color: #32788b; */
  }
  .favourites .settings-row span:hover {
    
    color: #000;
  }
  .favourites .settings-row {
  margin-bottom:10px  
  }


  
  .favourites button.btn.save {
    font-size: 1.2rem;
    padding: 8px 18px;
    margin-left: 12px;
  }
  
  .favourites .hydrated {
    visibility: inherit;
    display: inline-block;
    padding-bottom: 10px;
    vertical-align: bottom;
    line-height: 35px;
    color: #a6b8bf;
    padding-left: 6px;
  }
  
  .favourites .modal-close .hydrated {

padding-bottom: 0px;

vertical-align: middle;

line-height: 20px;

padding-left: 0;
}

.filter-div.filter {
  max-width: 300px;
  margin: 0 auto;
}
.filter-div.filter.search {
  border: 1px solid transparent;
  max-width: 200px;
  height: 28px;
  padding: 2px 0;
  line-height: 35px;
  margin: 25px auto;
  background-color: #252525;
}

.filter-div.filter.search.active {
  border: 1px solid #d5e3de;
  /* background: #d5e3de; */
}

.filter-div input.search {
  border: none;
  height: 25px;
  vertical-align: top;
  width: 100%;
  max-width: 161px;
  outline: none;
  background: transparent;
}
  
  @media screen and (min-width: 35.5em) {
    .quarter-width {
      width: calc(50% - 20px);
    }
  }
  
  @media screen and (min-width: 64em) {

    .center .btn {
      min-width: 120px;
  }
  
    /* .equalheight {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
    } */
    .quarter-width {
      width: calc(25% - 20px);
    }
    .sectioncontainer.fav {
      max-width: 1500px;
    }
    .favourites .section-heading {
      font-size: 5.2rem;
    }
  }


.modal .select-cont {
    padding: 0 20px;
  }
  
  .modal h3.section-heading {
    margin-top: 40px;
    font-size: 3rem;
  }
  .modal .settings-row {
    padding: 20px 0;
  }
  
  #app.mobile .modal .settings-row {
    padding: 12px 0;
  }
  #app.mobile .modal h3.section-heading {
      margin-top: 29px;    
      margin-bottom: 19px;
  }
  
  .modal .btn {
    padding: 13px 23px;
    font-size: 1.4rem;
  }
  
  .modal.modal-cont .right-modal-body {
    text-align: center;
  }
  
  .modal  span.slider {
    padding: 0 10px;
    line-height: 20px;
    vertical-align: top;
  }


  
  .equityoverview .modal-cont .right-modal-body,
  .map-page .modal-cont .right-modal-body,
  .equity.modal-cont .right-modal-body  {
    padding: 0 3%;
  }
  
  @media screen and (min-height:900px) {
      .equityoverview .modal-cont .right-modal-body,
  .map-page .modal-cont .right-modal-body,
  .equity.modal-cont .right-modal-body  {
    padding: 60px 3%;
  }
  }


  .map-page .sectioncontainer .rightModalPanel.modal.modaltip {
    bottom: 56px;
  }
  @media screen and (min-width: 64em) {
    .equityoverview .sectioncontainer .rightModalPanel.modal,
    .map-page  .sectioncontainer .rightModalPanel.modal  {
      min-width: 450px;
    }
  }

#app.mobile .sectioncontainer.top.shadow:after {
    content: "";
    display: block;
    background: #d8e5e4;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    box-shadow: white 2px;
    box-shadow: 0 25.6px 57.6px rgb(0 3 4 / 46%), 0 4.8px 14.4px rgb(3 61 82);
    left: 0;
}
#app.mobile .contentarea.top.shadow {
    overflow-y: hidden;
}

.arrow-down {
    background-color: #dbd4e07a;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: block;
    margin: 38px auto;
    color: white;
    font-size: 32px;
    line-height: 70px;
    margin-bottom: 26px;
    text-align: center;
}
.white {color:#fff;}

.pure-box { margin: 25px 0; }

.centered { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pure-u-1-2 { width: 100%; }

#app.light.contentarea.grey { background-color: #d8e5e4;  }

.contentarea.grey { padding-bottom: 117px; }

.section-heading {font-size: 3.6rem;font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif;font-weight: 400;text-align: center;color: #00455d;position: relative;}

#app.mobile h3.section-heading {
    font-size: 2.6rem;
}

#app.mobile h4.section-heading {
    font-size: 2.5rem;
    padding: 10px 0;
}
#app.mobile .fav h4.section-heading {
    font-size: 2rem;
    padding: 10px 32px;
}



#app.mobile h4.section-heading:after {
    display: none;
}

#app.mobile h2.section-heading {
    font-size: 2.6rem;
    padding: 10px 0;
    margin-bottom: 10px;
    padding-top: 20px;
}

.hero-textplate .btn { margin-top: 1.5rem; line-height: 1.2; background: white; }

.hero-content.bg-white.opacity-80 { background-color: transparent; }

body.group-site .pageheader-mainmenucontainer #menu-toggle.menu-open {background: transparent;color: #000;/* width: 270px; */text-align: left;padding-left: 17px;/* transition: width linear 1s; */}

.pageheader-mainmenucontainer #menu-toggle.menu-open .menu-icon:after,
.pageheader-mainmenucontainer #menu-toggle.menu-open .menu-icon:before { background: #000; }


.pageheader-mainmenucontainer .nav-container { margin-top: 70px; }

.pageheader-bottom {position: relative;width: 100%;height: 40px;padding: 10px 0;background: #467d8f;line-height: 39px;}





ul.tab-menu.mobile {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

ul.tab-menu.mobile li a {
  background-color: #4d8898;
  color: white;
  width: 100%;
  font-size: 1.6rem;
  padding: 10px 20px 10px 30px;
  text-transform: none;
  display: inline-block;
  line-height: 26px;
  text-decoration: none;
}

ul.tab-menu.mobile .menu-item.sub.selected a {
  color: white;
}

ul.tab-menu.mobile .submenu .tab-menu .menu-item a {
  padding-left: 44px;
}

.tab-menu ion-icon {
  opacity: .6;
  vertical-align: middle;
  padding-left: 4px;
}


#app.mobile .non-mobile {display: none;}

#app.mobile .pageheader-bottom {
    height: 37px;
    background: rgb(0 58 79 / 90%);
}

#app.mobile.has-menu-icon .pageheader-bottom {
    height: 40px;
    background: #00455d !important;
}

#app.mobile.has-menu-icon .pageheader {
    position: relative;
}

.pageheader-bottom a { color: white; text-decoration: none; }

.pageheader-websitelist {display: block;margin-left: 84px;}

#app.company-menu .pageheader-websitelist { margin-left: 24px;}


.menu-open .pageheader-websitelist {
    margin-left: 33px;
}

.pageheader-websitelist .websitelist-content { padding: 70px 0 0; position: absolute; top: 0; right: -100%; min-height: 100vh; opacity: 0.7; width: 100%; background: #467d8f; color: #fff; transition-property: opacity, right; transition-duration: 0.4s; transition-timing-function: ease-in; }

.pageheader-websitelist .websitelist-content .websitelist-logo { display: none; }

.pageheader-websitelist .websitelist-content .btn-close-websitelist { position: absolute; right: 20px; top: 10px; color: #fff; font-size: 1.8rem; padding-right: 40px; display: none; }

.pageheader-websitelist .websitelist-content .btn-close-websitelist span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.pageheader-websitelist .websitelist-content .btn-close-websitelist:after { content: ""; width: 30px; height: 30px; background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(1%201)%22%20stroke%3D%22%23DCE6EB%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22M15%2014.67l6.602-6.602a.233.233%200%201%201%20.33.33L15.33%2015l6.602%206.602a.233.233%200%201%201-.33.33L15%2015.33l-6.602%206.602a.233.233%200%201%201-.33-.33L14.67%2015%208.068%208.398a.233.233%200%200%201%20.33-.33L15%2014.67z%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0/30px no-repeat; position: absolute; right: 0; top: 5px; }

.pageheader-websitelist .websitelist-content .big-link { display: table; margin: 0 auto; text-align: center; font-size: 30px; text-decoration: none; color: #fff; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; padding-right: 25px; }

.pageheader-websitelist .websitelist-content .big-link:after { top: 9px; }

.pageheader-websitelist .websitelist-content .big-link.current { font-family: "Gill Sans W02 Medium", Arial, Helvetica, sans-serif; font-weight: 400; }

.pageheader-websitelist .websitelist-content .big-link:hover { text-decoration: underline; }

.pageheader-websitelist .websitelist-content .description { text-align: center; color: #fff; width: 100%; margin: 0 auto; padding-top: 10px; line-height: 1.2; }

.pageheader-websitelist .websitelist-content .choose-country { margin: 30px auto 0; width: 100%; padding-top: 30px; position: relative; }

.pageheader-websitelist .websitelist-content .choose-country .choose-country-heading { text-align: center; font-size: 2.4rem; color: #fff; position: relative; padding-top: 10px; line-height: 1.3; }

.pageheader-websitelist .websitelist-content .choose-country .choose-country-heading:before { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; top: -24px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.pageheader-websitelist .websitelist-content .choose-country .choose-country-heading:after { position: absolute; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; background: #fff; height: 1px; width: 31px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites { margin: 0 auto; text-align: center; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col1 { margin-top: 10px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col1 ul { list-style: none; padding: 30px 0 0; margin: 0; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col1 ul li a { color: #fff; text-decoration: none; font-size: 2.2rem; padding-right: 25px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col1 ul li a.external-link:after { background-size: 12px; top: 9px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col1 ul li a:hover { text-decoration: underline; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col2 { margin-top: 10px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col2 ul { list-style: none; margin: 0; width: 100%; padding: 0; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col2 ul li { padding-bottom: 10px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col2 ul li a { color: #fff; text-decoration: none; font-size: 2.2rem; padding-right: 25px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col2 ul li a.external-link:after { background-size: 12px; top: 9px; }

.pageheader-websitelist .websitelist-content .choose-country .regional-sites-col2 ul li a:hover { text-decoration: underline; }

.pageheader-websitelist .websitelist-content a.external-link:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M1.02%203.894v9.21h9.088V6.502c0-.404.338-.66.687-.525.205.08.323.266.324.518v7.04c0%20.405-.195.6-.59.6H.6c-.41%200-.598-.19-.598-.606%200-3.347%200-6.69-.002-10.036%200-.194.015-.39.186-.5.113-.07.26-.12.394-.12%202.053-.008%204.105-.006%206.158-.006h.79c.33%200%20.562.213.56.516-.004.298-.23.507-.554.507H1.02z%22%20fill%3D%22%23FFFFFF%22%20%2F%3E%3Cg%20transform%3D%22translate(6.853)%22%3E%3Cmask%20class%3D%22externallinkmask%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7.077%207.2V.033H.002v7.17h7.075z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M6.066%201.786c-.07.066-.11.105-.15.145C4.25%203.62%202.58%205.31.916%207c-.153.155-.32.242-.54.182-.356-.1-.492-.528-.257-.818.033-.045.076-.085.12-.127%201.65-1.674%203.302-3.35%204.954-5.023.04-.04.09-.074.134-.112l-.016-.046h-1.72c-.333%200-.563-.213-.56-.516.002-.302.232-.508.567-.508h2.89c.39%200%20.586.195.586.586v2.975c0%20.247-.128.43-.34.506-.2.07-.432.016-.55-.165-.068-.104-.112-.244-.115-.37-.01-.58-.003-1.16-.003-1.78%22%20fill%3D%22%23FFFFFF%22%20mask%3D%22url(.externallinkmask)%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

blockquote:before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2281%22%20height%3D%2260%22%20viewBox%3D%220%200%2081%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3ECatella_citattecken%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M.121%2059.116L.123.018h80.076v59.098z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M48.46%2059.24l-.295-1.82c15.017-2.495%2030.168-13.77%2030.21-33.32C76%2031.705%2068.792%2037.247%2060.3%2037.247c-10.428%200-18.91-8.353-18.91-18.61C41.39%208.37%2049.87.016%2060.3.016c7.896%200%2014.678%204.792%2017.503%2011.58%201.573%203.552%202.395%207.82%202.395%2012.42%200%2020.68-15.94%2032.59-31.738%2035.222%22%20fill%3D%22%23759DA6%22%20mask%3D%22url(%23b)%22%2F%3E%3Cpath%20d%3D%22M48.46%2059.24l-.295-1.82c15.017-2.495%2030.168-13.77%2030.21-33.32C76%2031.705%2068.792%2037.247%2060.3%2037.247c-10.428%200-18.91-8.353-18.91-18.61C41.39%208.37%2049.87.016%2060.3.016c7.896%200%2014.678%204.792%2017.503%2011.58%201.573%203.552%202.395%207.82%202.395%2012.42%200%2020.68-15.94%2032.59-31.738%2035.222M36.428%2011.63C33.61%204.828%2026.818.02%2018.908.02%208.48.018%200%208.368%200%2018.634c0%2010.262%208.48%2018.613%2018.907%2018.613%208.493%200%2015.698-5.542%2018.076-13.145-.045%2019.55-15.194%2030.82-30.21%2033.32l.296%201.817c15.796-2.632%2031.737-14.543%2031.737-35.222%200-4.584-.82-8.84-2.38-12.387%22%20fill%3D%22%2300455D%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 75px; width: 76px; height: 60px; text-align: center; }

a.external-link:after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20d%3D%22M1.02%203.894v9.21h9.088V6.502c0-.404.338-.66.687-.525.205.08.323.266.324.518v7.04c0%20.405-.195.6-.59.6H.6c-.41%200-.598-.19-.598-.606%200-3.347%200-6.69-.002-10.036%200-.194.015-.39.186-.5.113-.07.26-.12.394-.12%202.053-.008%204.105-.006%206.158-.006h.79c.33%200%20.562.213.56.516-.004.298-.23.507-.554.507H1.02z%22%20fill%3D%22%23003866%22%20%2F%3E%3Cg%20transform%3D%22translate(6.853)%22%3E%3Cmask%20class%3D%22externallinkmask%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7.077%207.2V.033H.002v7.17h7.075z%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M6.066%201.786c-.07.066-.11.105-.15.145C4.25%203.62%202.58%205.31.916%207c-.153.155-.32.242-.54.182-.356-.1-.492-.528-.257-.818.033-.045.076-.085.12-.127%201.65-1.674%203.302-3.35%204.954-5.023.04-.04.09-.074.134-.112l-.016-.046h-1.72c-.333%200-.563-.213-.56-.516.002-.302.232-.508.567-.508h2.89c.39%200%20.586.195.586.586v2.975c0%20.247-.128.43-.34.506-.2.07-.432.016-.55-.165-.068-.104-.112-.244-.115-.37-.01-.58-.003-1.16-.003-1.78%22%20fill%3D%22%23003866%22%20mask%3D%22url(.externallinkmask)%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 15px; position: absolute; right: 0; top: 5px; }

.latest-report-container.centercontent { text-align: center; padding-bottom: 18px; line-height: 45px; padding: 52px 0; }

table th { text-align: left; }

table td { white-space: nowrap; }

.tgrid {
  min-height: 106px;
}

.centered-table table.table {
  margin: 0 auto;
}

.tfooter { font-weight: bold; }


.tscroll table td {
    cursor: pointer;
  }

.tscroll table tr.sub-total td { border-top: 1px solid #000 !important; border-bottom: 1px solid #fff !important; font-weight: bold; padding-bottom: 20px; }
.sectioncontainer { margin: 0 auto; width: auto;  clear: both; padding: 0 25px; position: relative; }

.pure-box.img { padding-top: 0; }

.pure-box.img div.imgcont { height: 460px; width: 100%; background-position: center; background-size: cover; margin-bottom: 60px; }

.contentarea-lightblue { background: #dce6eb; }

.contentarea-docswhite { background: #fff; }

#app.dark .contentarea-docswhite { background: #202020; }




.slick-prev { left: 46px; }

.slick-next,
.slick-prev { position: fixed; top: 305px; padding: 29px; top: 0; bottom: 0; }

button.slick-next { right: 20px; }

button.slick-prev { left: 20px; }

.slick-next:after,
.slick-prev:after { content: ""; height: 20px; width: 20px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; }

.gallery .photo-frame { float: left; cursor: pointer; width: 300px; }

.gallery .photo-frame .photo { height: 200px; padding-left: 0; padding-top: 0; overflow: hidden; background-position: center center; background-size: cover; padding: 0 0 0 0; margin: 0 0 0 0; }

.gallery .photo-frame:hover .photo { filter: saturate(1); }

div.row { clear: both; }

ul.pager-frame { display: inline-block; clear: both; text-align: center; list-style-type: none; }

ul.pager-frame li.page { width: 20px; border-radius: 50%; float: left; margin-left: 20px; font-size: 2em; height: 20px; background-color: #467d8f; }

ul.pager-frame li.page:hover { background-color: #ccc; cursor: pointer; }

ul.pager-frame li.page a { text-decoration: none; color: #222; font-size: 9px; line-height: 20px; color: white; vertical-align: top; }

ul.pager-frame li.page.active { background-color: #00455d; }

#overlay { position: fixed; z-index: 10; left: 0; top: 0; bottom: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.83); text-align: center; }

#layout { z-index: 11; position: absolute; top: 0; left: 0; width: 100%; text-align: center; }

#layout img { margin: 0 auto 0; max-width: 1260px; width: 100%; }

#layout .status { position: fixed; bottom: 43px; right: 52px; height: 28px; border-radius: 5px; padding: 10px 17px; color: white; background-color: #424242; }

.close-toggle-container { display: block; position: fixed; top: 20px; left: auto; z-index: 99; width: 70px; right: 20px; }

#close-toggle { width: 70px; height: 60px; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; border: 0; transition: bottom 2s; }

#close-toggle .menu-icon { position: absolute; top: 18px; left: 17px; height: 22px; width: 35px; }

#close-toggle .menu-icon:after,
#close-toggle .menu-icon:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 34px; height: 2px; border-radius: 2px; background: #fff; content: ""; }

#close-toggle .menu-icon:before { top: 0; }

#close-toggle .menu-icon:after { top: 20px; }

#close-toggle:active,
#close-toggle:focus,
#close-toggle:hover { text-decoration: none; outline: 0; }

#close-toggle .menu-icon:before { top: 10px; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }

#close-toggle .menu-icon:after { top: 10px; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }

.vue-map-container { position: relative; }

.vue-map-container .vue-map { left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.vue-map-hidden { display: none; }

#app.menu-open { margin-left: 0; display: block; }

.tscroll table td,
.tscroll table th { padding-left: 3%; white-space: nowrap; }

.tscroll table td {
    /* text-align: right; */
    max-width: 400px;
    overflow: hidden;
    }

.tscroll table td.select,
.tscroll table td.inEdit{
    overflow: initial;
    }

.tscroll table td:first-child { text-align: left; }

.tscroll table thead tr th { font-size: 1.6rem; }

.tscroll table thead tr th {text-align: right;cursor: pointer;}

.tscroll table thead tr th:first-child { text-align: left; }

.tscroll table thead tr:first-child th.line:after { content: ""; display: block; height: 1px; background: black; }

.tscroll {width: 100%;overflow: auto;}

.table-tools-foot {
  margin-top:10px;
}

.tscroll.canEdit {
  min-height: 200px;
}

.compact .tscroll table thead tr th {
    white-space: normal;
    vertical-align: top;
    min-width: 80px;
    padding-top: 5px;
    font-size: 1.3rem;
    height: 40px;
    line-height: 1.8rem;
}

#app.mobile .tscroll {
    margin-bottom: 0;
}
#app.mobile .xls {
  display:none;
}
div.xls {
  /* float: right; */
  padding: 10px 20px;
  cursor: pointer;
}
div.xls ion-icon {
  vertical-align: middle;
  padding-bottom: 3px;
}
#app.dark div.xls:hover {
  color:white;
}
#app.mobile.menu-open div.tscroll > table > thead > tr > th:first-child {
    z-index: 20;
}

.tscroll table td:first-child,
.tscroll table th:first-child {
  position: sticky;
  left: 0;
  z-index: 99;
  max-width: 82px;
  }
.tscroll table th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}


#app.not-mobile .tscroll.lock2cols table td:nth-child(2) .v3 .multiselect-options,
#app.not-mobile .tscroll.lock3cols table td:nth-child(2) .v3 .multiselect-options {
  left:320px;
}

  #app.not-mobile .tscroll.lock3cols table td:nth-child(3) .v3 .multiselect-options {
    left:140px;
  }


#app.not-mobile .tscroll.lock2cols table td:nth-child(2),
#app.not-mobile .tscroll.lock2cols table th:nth-child(2),
#app.not-mobile .tscroll.lock3cols table td:nth-child(2),
#app.not-mobile .tscroll.lock3cols table th:nth-child(2)
 {
  position: sticky;
  left: 137px;
  z-index: 99;
  background: #202020;
  text-overflow: ellipsis;
  }

  #app.not-mobile .tscroll.lock3cols table td:nth-child(1), 
  #app.not-mobile .tscroll.lock3cols table th:nth-child(1) {
     
      width: 137px;
  }
  
  #app.not-mobile .tscroll.lock3cols table td:nth-child(2), 
  #app.not-mobile .tscroll.lock3cols table th:nth-child(2) {
     
min-width: 143px;
     
max-width: 227px;
  }

  #app.not-mobile .tscroll.lock3cols table td:nth-child(3),
  #app.not-mobile .tscroll.lock3cols table th:nth-child(3)
 {
  position: sticky;
  left: 296px;
  left: 270px;
  z-index: 99;
  background: #1d1d1d;
  }

.tscroll table th:first-child,
#app.not-mobile .tscroll table th:first-child,
#app.not-mobile .tscroll.lock2cols table th:nth-child(2),
#app.not-mobile .tscroll.lock3cols table th:nth-child(2),
#app.not-mobile .tscroll.lock3cols table th:nth-child(3)
 {top:0;z-index: 349;}

#app.not-mobile .tscroll.lock2cols table tr.selected td:nth-child(2),
#app.not-mobile .tscroll.lock3cols table tr.selected td:nth-child(2),
#app.not-mobile .tscroll.lock3cols table tr.selected td:nth-child(3)
 {
 background-color: #345c6a;
 }

  #app .tscroll.no-sticky table td:first-child, 
  #app .tscroll.no-sticky table th:first-child,
  #app .tscroll.no-sticky table th,
  #app .tscroll.no-sticky table th:first-child {
      position: relative;
      z-index: 1;
  }



.st0 { fill: #fff; }

.st1 { fill: #aa0032; }
 .quoteblock .quoteblock-content.has-image .quoteblock-content-box:first-child {order: 1;}

 
 .modal-cont.rightModalPanel {transition:background ease-in-out .3s;position:fixed;background-color:rgba(255,255,255,.82);padding:5px;box-shadow:0 3px 6pxrgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);top:60px;z-index: 1103;right:0;bottom:0;overflow-y:auto;display:none;padding-top:0;/* max-width:400px; */margin:16px;box-shadow: 0 25.6px 57.6px rgba(0,0,0,.22),0 4.8px 14.4px rgba(0,0,0,.18);border-radius:6px;/* min-width: 320px; */}

 .modal-cont.rightModalPanel:hover {background-color:#fff}

#app.admin-interface .modal-cont.rightModalPanel {background-color:rgba(255,255,255,1)}




#app.mobile .modal-cont.rightModalPanel {
    min-width: 260px;
    max-width: 280px !important;
}

#app.mobile .modal-cont.rightModalPanel.modal {top: 0;margin: 0;border-radius: 0;max-width: 300px; }
 
 .modal-cont .right-modal-body {padding: 123px 10%;}

#app.mobile .modal-cont .right-modal-body {
    padding-top: 40px;
}.modal-cont #close-toggle {width:70px;height:34px;float:right}

#app.mobile .modal-cont #close-toggle {
    display: none;
}
 
 .modal-cont #close-toggle .menu-icon {position:relative}
 
 .modal-cont #close-toggle .menu-icon:after,.modal-cont #close-toggle .menu-icon:before {background:#000}


#app.mobile input {
  font-size:16px;
  
}


@keyframes spinning{0%{transform:rotate(0)}
to{transform:rotate(2turn)}
}

.multiselect {
   
    margin: 10px 0;
}

.multiselect.has-button ul > li.multiselect__element:nth-last-child(3) {
    padding: 18px 27px;
}
.multiselect.hide-button ul > li.multiselect__element:nth-last-child(3) {
    display:none;
}


.multiselect.has-button ul > li.multiselect__element:nth-last-child(3) span {
    display: block;
    background: black;
    color: white;
    text-align: center;
}
 
  

nav.fixed-mobile-menu {
    position: fixed;
    left: 0;
    top:0;
    bottom: 0;
    max-width: 228px;
    z-index: 1118;
    padding: 0;
    overflow-x: hidden;
    box-shadow: 0 25.6px 57.6px rgba(0,0,0,.22), 0 4.8px 14.4px rgba(0,0,0,.18);
}

#app.mobile .top-select-cont.table .multiselect {
    margin: 0 0;
    /* margin-left: 16px; */
}



#app.mobile.no-logo .pageheader-logolink {
    display: none;
}

.startscreen.prog-wrap.wait {
  position: fixed;
  top: 49%;
  z-index: 0;
  background: #ccc;

  width: 50%;
  left: 25%;
  right: 25%;
  height: 7px;
  border-radius: 3.5px;
}

.prog-wrap.wait {
  position: fixed;
  top: 24px;
  z-index: 500;
  background: #ccc;
  /* width: 50%; */
  left: 400px;
  right: 260px;
  height: 7px;
  border-radius: 3.5px;
}

div.prog-wrap.finished {
  background-color: #3f8480;
}

.prog {
  width: 0;
  height: 26px;
  transition: none;
  background-color: #3f8480;
  color: white;
  line-height: 26px;
  padding: 0 0;
  will-change: transform;
  /* max-width: 800px; */
}

.prog.wait {
  height: 7px;
  border-radius: 3.5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.prog.first {
  width: 50%;
  transition: width ease-out 1.5s;
  padding-left: 20px;
}

.prog.first.second {
  width: 75%;
  transition: width ease-out 3s;
}

.prog.first.second.third {
  width: 93%;
  transition: width ease-out 9s;
}

.prog.first.second.third.forth {
  width: 98%;
  transition: width ease-out 30s;
}

.slow .prog.first {
  width: 50%;
  transition: width ease-out 10s;
  padding-left: 20px;
}

.slow .prog.first.second {
  width: 75%;
  transition: width ease-out 15s;
}

.prog.first.second.third {
  width: 93%;
  transition: width ease-out 21s;
}

.slow .prog.first.second.third.forth {
  width: 98%;
  transition: width ease-out 80s;
}


.prog.finished,
.prog.first.second.third.finished {
  width: 100%;
  transition: none !important;
}

.prog.wait.finished {
  border-top-right-radius: 3.5px;
  border-bottom-right-radius: 3.5px;
}

#app.mobile .top-select-cont.table .multiselect.left{min-width:99px}
.top-select-cont .multiselect{display:inline-block;width:auto;min-width:210px;vertical-align:top;max-width:100%}
.top-select-cont .btn.discrete{padding:20px 30pxx;font-size:1rem;padding:0 15px;vertical-align:top;border:1px solid #444;margin-top:18px;margin-left:12px;border:none;line-height:31px;height:31px}
.top-select-cont .btn.discrete span{display:inline-block;height:30px;line-height:30px;vertical-align:top;padding-right:7px}
.top-select-cont .btn.discrete ion-icon{font-size:20px;margin-top:5px}
.top-select-cont .icon-click{display:inline-block;padding:10px;margin-top:7px;cursor:pointer;transition:background-color ease-in-out .2s;border-radius:3px}
.top-select-cont .icon-click.active{background-color:#d5e3de}
.top-select-cont .icon-click:hover{border:none;background-color:#f1f2f2}
.top-select-cont .icon-bg{background-image:url(/img/flip.svg);width:25px;height:25px;background-size:cover}
.top-select-cont .ion-cont{vertical-align:top;display:inline-block;margin-top:5px;padding:10px;font-size:30px;opacity:.3}
.top-select-cont .multiselect--active{z-index:200}
.top-select-cont .multiselect{display:inline-block;width:auto;min-width:110px;vertical-align:top}


#app.mobile .top-select-cont{position:fixed;top: 0;right: 0;z-index: 1103;padding-top: 0;padding-left: 8px;background: rgb(0 58 79);/* overflow: hidden; */left: 40px;height: 60px;text-align: left;/* padding-right: 14px; */}

#app.mobile.dark .top-select-cont {
    background: #181818;
}
#app.mobile .top-select-cont .icon-click.transpose{display: none;/* top: 7px; *//* left:5px; *//* margin-top:0; *//* padding:7px; */}
@media screen and (min-width:35.5em) {
#app.mobile .top-select-cont .icon-click{top:10px}
#app.mobile .top-select-cont{/* background:#164b5e; *//* padding:10px 0; *//* min-width:260px; */}
.top-select-cont .multiselect.open{width:500px}
}
#app.mobile .sectioncontainer[data-v-6df21cd8]{padding-top:63px}
.top-select-cont{position:absolute;padding-left:33px;padding-top:5px}

@media print {

  #app .bottom-menu, 
  #app .more-tools {
    display:none;
  }

  #app,
#app.dark {
  background-color: #fff !important;
  min-height: 0 !important;
}

    .pagefooter,
    .pageheader,
    .pageheader-mainmenucontainer .menu-toggle-container,
    #menu-container { display: none !important; }

    a,
    a:visited { text-decoration: underline; }

    /* a[href]:after { content: " ("attr(href) ")"; width: auto !important; height: auto !important; background: 0 0 !important; display: block !important; }

    a[href^="#"]:after { content: ""; } */

    blockquote { border: 1px solid #999; page-break-inside: avoid; }

    img { page-break-inside: avoid; }

    h2,
    p { orphans: 3; widows: 3; }

    h2 { page-break-after: avoid; }

    body {
      font-size: 1.3rem;
    }
}



@media screen and (min-width:35.5em) {

    .btn {

    padding: 15px 25px;
    font-size: 1.4rem;

}

    #app.mobile .pageheader-bottom { height: 40px; }

    .startpage #startpage-hero { margin-top: 0; min-height: 500px; width: 100%; }

    .startpage .startpage-toparea .startpage-toparea-innercontainer { padding: 0 0 40px; }

    .startpage.group-site #startpage-hero .startpage-toparea-innercontainer { padding: 0; }

    .entryblock {  height: 240px; -webkit-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; z-index: 10; margin: 0; }
    
    #app.light .entryblock {/* background: #467d8f; */}

    .entryblock .entryblock-content { height: 160px; }

    .entryblock.has-bgimage { height: 240px; }

    .entryblock:nth-child(odd) { z-index: 20; }

    .latestblock .date { font-size: 3rem; line-height: 32px; }

    .latestblock .heading,
    .latestblock h2.heading { font-size: 3rem; line-height: 32px; }

    .newssliderblock .newsitem-heading { font-size: 3.6rem; padding: 40px 70px; }

    .newssliderblock .date { font-size: 2.4rem; }

    .quoteblock .quoteblock-content.has-image { width: 100%; }

    .quoteblock .quoteblock-content.has-image .pure-g { align-items: center; }

    .quoteblock blockquote { font-size: 3rem; }

    .slick-next,
    .slick-prev { top: 145px; }

    .slick-next:after,
    .slick-prev:after { height: 30px; width: 30px; }

    .startpage #startpage-hero { margin-top: 0; min-height: 500px; width: 100%; }

    .entryblock { height: 240px; -webkit-transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; transition: background 0.2s ease-in; z-index: 10; margin: 0; }

     #app.light .entryblock {/* background: #467d8f; */}

    .pure-u-sm-1-2 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

    .pure-u-sm-1-2 { width: 50%; }

    .hero-textplate .btn { margin-top: 3rem; }

    .hero-content { padding: 4rem 5rem; }

    .hero-content .startpage-hero-heading { font-size: 4.8rem; line-height: 54px; }

    .pageheader-logolink { width: 80px; height: auto; margin: 15px 0 0; }

    .pageheader-websitelist .websitelist-content .btn-close-websitelist span { clip: auto; height: auto; margin: 0; overflow: hidden; padding: 0; width: auto; top: 6px; position: relative; }

    .pageheader-websitelist .websitelist-content .btn-close-websitelist:after { top: 5px; }

    .pageheader-websitelist .websitelist-content .choose-country .regional-sites { width: 600px; margin: 0 auto; text-align: left; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 20px; }

    .pageheader-websitelist .websitelist-content .choose-country .regional-sites .regional-sites-col1 { width: 27%; }

    .pageheader-websitelist .websitelist-content .choose-country .regional-sites .regional-sites-col1 ul li a { font-size: 2rem; }

    .pageheader-websitelist .websitelist-content .choose-country .regional-sites .regional-sites-col2 { width: 73%; }

    .pageheader-websitelist .websitelist-content .choose-country .regional-sites .regional-sites-col2 ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 130px; padding: 30px 0 0; }

    .pageheader-websitelist .websitelist-content .choose-country .regional-sites .regional-sites-col2 ul li { padding-bottom: 2px; }

    .pageheader-websitelist .websitelist-content .choose-country .regional-sites .regional-sites-col2 ul li a { font-size: 2rem; }

    .pure-box { margin: 25px; }
}

@media screen and (min-width:48em) {


    #app.no-logo .pageheader-logolink {/* display: block; */}

     #app.mobile.no-logo .pageheader-logolink {width: 76px;}

    .startpage .startpage-toparea .startpage-toparea-innercontainer,
    .startpage.group-site .startpage-toparea .startpage-toparea-innercontainer { max-width: 1230px; clear: both; margin: -40px auto 0; display: flex; justify-content: center; align-items: center; }

    .startpage.group-site .startpage-toparea .startpage-toparea-innercontainer > .block .latestblock-content { min-height: 225px; }

    .startpage.group-site .hero-content { margin-top: 100px; min-width: initial; width: 100%; }

    .latestblock { margin: 25px; }

    .newssliderblock .newsitem-heading { padding: 40px 80px; }

    .quoteblock .quoteblock-content.has-image .quoteblock-content-box:first-child {order: 0;}

    .startpage .startpage-toparea .startpage-toparea-innercontainer,
    .startpage.group-site .startpage-toparea .startpage-toparea-innercontainer { max-width: 1230px; clear: both; margin: 0 auto 0; display: flex; justify-content: center; align-items: center; }

    .startpage.group-site .startpage-toparea .startpage-toparea-innercontainer > .block .latestblock-content { min-height: 100px; }

    .startpage.group-site .hero-content { margin-top: 0; min-width: initial; width: 100%; }

    .newssliderblock .newsitem-heading { padding: 40px 80px; text-align: center; }

    .pure-u-md-1-2 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }

    .pure-u-md-1-2 { width: 50%; }

    .hero-content .startpage-hero-text { width: 60%; }

    .pageheader-logolink { width: 105px; }

    .pageheader-websitelist .websitelist-content { padding: 150px 0 0; }

    .pageheader-websitelist .websitelist-content .websitelist-logo { display: block; position: absolute; top: 20px; left: 20px; width: 105px; height: 105px; }

    .pageheader-websitelist .websitelist-content .big-link { font-size: 33px; }

    .pageheader-websitelist .websitelist-content .description { width: 520px; }

    .pageheader-websitelist .websitelist-content .choose-country,
    .pageheader-websitelist .websitelist-content .choose-country .choose-country-heading:before { width: 600px; }

    .quoteblock .quoteblock-content.has-image .quoteblock-content-box { width: 50%; }

  
    .pure-u-1-2 { width: 100%; }
}

@media screen and (min-width:64em) {



    .entryblock { height: 270px; width: 50%; }

    .entryblock .entryblock-content { height: 190px; }

    .entryblock.has-bgimage { height: 270px; }

    .pagefooter .pagefooter-logo { width: 100px; float: left; }

    .pagefooter ul.footer-linklist { text-align: left; padding: 40px 0 0 140px; }

    .pagefooter ul.footer-linklist li { padding: 0; margin: 0 20px; display: inline-block; }

    .pagefooter .footer-copyright { font-size: 1.6rem; margin-top: 95px; clear: both; text-align: left; }

    .pagefooter .footer-socialmedia { text-align: left; }

    .pagefooter .footer-socialmedia ul { position: absolute; right: 30px; top: 120px; }

    .pagefooter .footer-socialmedia ul li { display: inline-block; }

    .pagefooter .footer-socialmedia ul li a svg { width: 50px; }

    .latestblock .latestblock-content { padding: 40px 5px; }

    .startpage #startpage-hero { height: 700px; }

    .startpage .startpage-toparea .startpage-toparea-innercontainer { max-width: 1550px; padding: 0 0 80px; }

    .entryblock { height: 270px; width: 50%; }

    .newssliderblock .newsitem-heading { padding: 40px 130px; }

    .quoteblock .quoteblock-content { width: 60%; }

    .quoteblock blockquote { font-size: 3.6rem; }

    .latestblock .latestblock-content { padding: 22px 5px; padding-top: 34px; padding-bottom: 28px; }

    h1, h1.section-heading {font-size: 5rem;line-height: 1.06666667;}

    h2 { font-size: 2.8rem; line-height: 1.17647059; }

    h2.section-heading {font-size: 3.2rem;}

    .hero-content { min-width: 900px; width: 900px; }

    .hero-content .startpage-hero-heading { font-size: 6rem; font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif; font-weight: 400; }

    .mobile-languageselector,
    .mobile-login { display: none; }

    .pageheader-mainmenucontainer .nav-container { height: calc(95% - 140px); margin-top: 140px; }

    .pageheader-mainmenucontainer #menu-toggle .menu-icon { position: absolute; top: 12px; left: 17px; height: 22px; width: 35px; }

    .pageheader-mainmenucontainer #menu-toggle .menu-icon .center-line,
    .pageheader-mainmenucontainer #menu-toggle .menu-icon:after,
    .pageheader-mainmenucontainer #menu-toggle .menu-icon:before { width: 35px; height: 3px; border-radius: 2px; }

    .pageheader-mainmenucontainer #menu-toggle .menu-icon:before { top: 0; }

    .pageheader-mainmenucontainer #menu-toggle .menu-icon .center-line { top: 9px; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; }

    .pageheader-mainmenucontainer #menu-toggle .menu-icon:after { top: 18px; }

    .pageheader-mainmenucontainer #menu-toggle .menu-toggle-text { clip: auto; height: auto; margin: 31px 0 0; overflow: hidden; padding: 0; position: static; width: auto; font-size: 1.2rem; letter-spacing: 1px; }

    .pageheader-mainmenucontainer #menu-toggle .menu-toggle-text .opened { display: none; }

    .pageheader-mainmenucontainer #menu-toggle .menu-toggle-text .closed { display: block; }



    .pageheader-top { display: none; }

    .equalheight { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

    .maincontent-container { margin-top: 0; }

    .pageheader-mainmenucontainer #menu-toggle .menu-icon .center-line { top: 9px; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; background: white; }

    .pageheader-mainmenucontainer #menu-toggle .menu-toggle-text {clip: auto;height: auto;margin: 31px 0 0;overflow: hidden;padding: 0;position: static;width: auto;font-size: 1.2rem;letter-spacing: 1px;}

    
}

@media screen and (min-width:80em) { 
  /* 1280px */

  h1, h1.section-heading {font-size: 5.5rem;}


  #app.menu-open a.project.pageheader-logolink {
    margin-left: 140px;
  }
    .pagefooter ul.footer-linklist { padding: 40px 0 0 170px; }

    .pagefooter ul.footer-linklist li { margin: 0 40px 10px; }

    .startpage #startpage-hero { height: 500px; }

    .startpage.group-site .hero .hero-textplate { position: relative; top: 0; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; max-width: 1180px; width: 100%; }

    .startpage #startpage-hero.has-video { height: 650px; }

    .startpage .startpage-toparea .startpage-toparea-innercontainer { margin: -80px auto 0; }

    .startpage.group-site .hero-content { padding: 5rem 5rem 3rem; min-width: initial; }

    .startpage.group-site .startpage-toparea { position: relative; bottom: auto; left: auto; transform: none; }

    .latestblock .date { font-size: 3.6rem; line-height: 42px; }

    .latestblock .documentlist,
    .latestblock .links { padding: 20px 0 0; }

    .latestblock .heading,
    .latestblock h2.heading { font-size: 3.4rem; line-height: 42px; }

    .hero.has-video { position: relative; background: 0 0; }

    .hero.has-video .hero-textplate { position: absolute; top: 35%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    .hero-content { padding: 7rem 5rem; }



    .pagefooter ul.footer-linklist { padding: 40px 0 0 170px; }

    .startpage #startpage-hero.has-video,
    .startpage.group-site #startpage-hero.has-video { height: auto; }

    .hero { min-height: 0; height: auto; margin-top: -15px; }

    #app.menu-open { margin-left: 280px; }

    #app.animate { transition: margin-left .3s ease-out; }
}


.project.pageheader-logolink {
  position: fixed;
  z-index: 109;
  transition: all ease-in-out .3s;
  top:0;
}
.project.pageheader-logolink.go-up {
  top: -115px;
}
.chart-box .toolbox {
  height: 40px;
  text-align: right;
  padding-right: 50px;
  padding-top: 10px;
}

.chart-box .toolbox .tool {
  display: none;
}

.entryblock:hover .chart-box .toolbox .tool {
  display: inline-block;
}

.entryblock .chart-box  .xlsx {
    font-size: 1.2rem;
    color: #222;
    display: inline-block;
}
.entryblock .chart-box  .entryblock-content {
  height: 290px;
}
.tall.entryblock .chart-box .entryblock-content {
  height: 390px;
}

.entryblock .chart-box .entryblock-content {
  padding-top: 0;  
}

.chart-box .xls {
    text-align: center;
    width: 50px;
    display: inline-block;
    line-height: 10px;
    height: 40px;
    cursor:pointer;
}
.chart-box .xls:hover ion-icon {
  color:#227748
 
}
.chart-box .xls ion-icon {
  font-size:30px;
  color:#00455d  
}
.chart-box .xls img {
  width: 35px;
  margin: 0 auto;
 
}
.chart-box .xls span {
    font-size: 1.0rem;
}

.buttons .dropdown {
  margin: 0;
  padding: 0;
  list-style: none;
  /* width: 150px; */
  /* padding: 0; */
  font-size: 1.4rem;
  /* height: 40px; */
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 5px 0;
}

.buttons .dropdown li {
  position: relative;
  /* height: 40px; */
}

.buttons .dropdown > li {

    display: inline-block;
}

.transposed.buttons .dropdown {

position:

absolute;

margin-left: -130px;

z-index: 500;

background-color:#121212;

margin-top: 10px;

box-shadow: -5px 5px 8px 1px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.odata-interface .transposed.buttons  .dropdown {

margin-left: -62px;
}

.transposed.buttons .dropdown > li {
display: block;
white-space: nowrap;
}
#app.mobile .dropdown.table-menu {
  text-align:left;
  filter:brightness(1.3)
}

.buttons .dropdown li a {text-align: center;text-decoration: none;display: block;padding: 10px;padding: 15px 18px;/* font-size: 1.4rem; */}

#app.dark .buttons .dropdown li a {
  color: #ffffff;
}


.buttons .dropdown li ul {
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  line-height: normal;
  background-color: hsl(0deg 0% 15%);
  z-index: 9999;
  box-shadow: 0 25.6px 57.6px rgb(0 0 0 / 50%), 10px 5px 14.4px rgb(0 0 0 / 45%);
}


.transposed.buttons .dropdown li ul {
  left: -202px;
  margin-top:-40px;
  min-width: 206px;
}

.buttons .dropdown li ul li a {
  text-align: left;
  color: #cccccc;
  font-size: 1.6rem;
  padding: 10px 26px;
  display: block;
  white-space: nowrap;
  min-width: 122px;
}

.buttons .dropdown li ul li a:hover {
  background-color: #467d8f;
  color: #ffffff;
}

.buttons .dropdown li ul li ul {
  left: 100%;
  top: 0;
  margin-left: 12px;
}

#app.dark.not-mobile .buttons ul li:hover > a {

  color: #ffffff !important;
}

/* #app .buttons ul li:hover>ul {
  display: block;
} */

.buttons ul li.open>ul {
  display: block;
}

.buttons .dropdown>li>ul {
    box-shadow: 9px 9px 5px 0px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
#app.dark a.router-link-active {
  background-color: #111111;
  color: white;
  border-color: white;
}
#app.dark a.router-link-active.no-page {
  border-color: #777;
}

.buttons ul.dropdown > li > ul > li:hover:after {content: "";display: block;width: 220px;background:transparent;height: 100px;position: absolute;margin-top: -50px;z-index: -1;}

#app.dark .buttons ul ul a.router-link-active {
    background-color: hsl(0deg 0% 19%);
}



.favourites.chart-row.can-edit {
  position: fixed;
  width: 400px;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1999;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-top: 115px;
  background-color: rgb(27 27 27);
  box-shadow: 0 25.6px 57.6px rgb(0 0 0 / 22%), 0 4.8px 14.4px rgb(0 0 0 / 18%);
}
.favourites.chart-row.can-edit .contentarea.split {
  width: 100%;
}

.drop-menu li ion-icon.md.hydrated {
  vertical-align: middle;
  /* display: none; */
  padding-bottom: 2px;
  margin: -3px;
  margin-right: 3px;
}

.drop-menu.buttons .dropdown li.add-icon a.btn, 
#app.dark .drop-menu.buttons .dropdown li.add-icon a.btn {
    padding: 6px 0;
    min-width: 45px;
    border-color: transparent;
}
.drop-menu.buttons .dropdown li.add-icon a ion-icon {
    font-size: 30px;
}
.drop-menu li ion-icon.md.hydrated.drop-down-items {
    margin: -8px;
    font-size: 20px;
    margin-right: -12px;
    margin-left: 0;
}

#app.dark .drop-menu.transposed .btn,
.transposed.drop-menu .btn {
    border: none;
    text-align: left;
}

.tgrid .edit-form input {
  font-family: inherit;
  font-size: inherit;
  min-width: 150px;
  width: auto !important;
  margin-bottom: 10px;
  padding: 1px 8px;
}
#app.dark .tgrid .edit-form input {
  background-color: #202020;
  border: 1px solid transparent;
  color: #fff;
}

.tgrid .edit-form input.button.btn {
  display: inline-block;
  font-size: 1.2rem;
  padding: 9px;
}
.tgrid .edit-form .simple-typeahead-list {

  left: auto !important;
}

#app.table .contentarea.top h1.section-heading {
    position: absolute;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    height: 60px;
    line-height: 60px;
    margin-left: 70px;
    padding-left: 0;
}
#app.mobile.table .contentarea.top h1.section-heading {
   
margin-left: 50px;
   
padding-left: 0;
}
#app.table .contentarea h1.section-heading:after {
    display:none;
}