@charset "UTF-8";
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=5460a9ab-9211-4e6c-a756-e75ccefe6ed2");
:root {
  --tv-bg-gray-dark-100: #7a8991;
  --tv-bg-light-gray-impact: #E5E8EC;
  --theme-link-color: #1F6590;
  --text-color-default: #333f58;
  --tv-bg-gray-light-30: #f3f3f3; }

/* #Framework 
================================================== */
@font-face {
  font-family: "Calibri";
  src: url("/Static/Fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix");
  src: url("/Static/Fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix") format("eot"), url("/Static/Fonts/367341fc-4cc6-4a79-89ad-d6c61561611e.woff2") format("woff2"), url("/Static/Fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"), url("/Static/Fonts/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf") format("truetype"), url("/Static/Fonts/59b6060c-d311-413e-b351-d79aaf982f7a.svg#59b6060c-d311-413e-b351-d79aaf982f7a") format("svg"); }

@font-face {
  font-family: "CalibriItalic";
  src: url("/Static/Fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix");
  src: url("/Static/Fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix") format("eot"), url("/Static/Fonts/e1cc7218-de20-4af1-a27c-6f325a4b0f0f.woff2") format("woff2"), url("/Static/Fonts/cac25ebb-269d-41e9-8ee5-78589746706e.woff") format("woff"), url("/Static/Fonts/6a4b5dab-ebbd-4741-80c7-3b30cd46e05d.ttf") format("truetype"), url("/Static/Fonts/318af76f-0012-4791-a785-d241f2613955.svg#318af76f-0012-4791-a785-d241f2613955") format("svg"); }

@font-face {
  font-family: "KarminaSans";
  src: url("/Static/Fonts/KarminaSans-Regular.eot");
  src: url("/Static/Fonts/KarminaSans-Regular.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Regular.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Regular.woff") format("woff"), url("/Static/Fonts/KarminaSans-Regular.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Light";
  src: url("/Static/Fonts/KarminaSans-Light.eot");
  src: url("/Static/Fonts/KarminaSans-Light.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Light.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Light.woff") format("woff"), url("/Static/Fonts/KarminaSans-Light.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Semibold";
  src: url("/Static/Fonts/KarminaSans-SemiBold.eot");
  src: url("/Static/Fonts/KarminaSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-SemiBold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-SemiBold.woff") format("woff"), url("/Static/Fonts/KarminaSans-SemiBold.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-Bold";
  src: url("/Static/Fonts/KarminaSans-Bold.eot");
  src: url("/Static/Fonts/KarminaSans-Bold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-Bold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-Bold.woff") format("woff"), url("/Static/Fonts/KarminaSans-Bold.svg") format("svg"); }

@font-face {
  font-family: "KarminaSans-ExtraBold";
  src: url("/Static/Fonts/KarminaSans-ExtraBold.eot");
  src: url("/Static/Fonts/KarminaSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/Static/Fonts/KarminaSans-ExtraBold.woff2") format("woff2"), url("/Static/Fonts/KarminaSans-ExtraBold.woff") format("woff"), url("/Static/Fonts/KarminaSans-ExtraBold.svg") format("svg"); }

@font-face {
  font-family: "Palatino";
  src: url("/Static/Fonts/586d450a-c413-4f41-aa21-1c69965a0ad6.eot?#iefix");
  src: url("/Static/Fonts/586d450a-c413-4f41-aa21-1c69965a0ad6.eot?#iefix") format("eot"), url("/Static/Fonts/56ae551c-5e9d-4487-865d-f8c51363bcd0.woff2") format("woff2"), url("/Static/Fonts/859152de-1abf-48b2-8dfe-38bad3da17c5.woff") format("woff"), url("/Static/Fonts/1ec33c9f-b4aa-4c7d-bfb5-3432e5a229f9.ttf") format("truetype"), url("/Static/Fonts/3dda85b6-15ff-47a6-84f1-dc09652572fc.svg#3dda85b6-15ff-47a6-84f1-dc09652572fc") format("svg"); }

/* #Icons 
================================================== */
/* #Web fonts
================================================== */
/* #Icons
================================================== */
@font-face {
  font-family: "custom-icons";
  src: url("../fonts/custom-icons.eot?#iefix");
  src: url("../fonts/custom-icons.eot?#iefix") format("eot"), url("../fonts/custom-icons.woff") format("woff"), url("../fonts/custom-icons.ttf") format("truetype"), url("../fonts/custom-icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon:before, .icon:after {
  display: inline-block;
  font-family: "custom-icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none; }

.icon--2x:before, .icon--2x.icon--after:after {
  font-size: 200%;
  height: .5em;
  margin-top: -.5em; }

.icon--3x:before, .icon--3x.icon--after:after {
  font-size: 300%;
  height: 0.75em;
  margin-top: -0.75em; }

.icon--lg:before, .icon--lg.icon--after:after {
  font-size: 20px;
  height: 10px;
  margin-top: -13px;
  margin-left: 0px;
  margin-right: -4px;
  text-decoration: none; }

.icon--xlg:before, .icon--xlg.icon--after:after {
  font-size: 130%;
  height: .55em;
  margin-top: -0.6em; }

.icon--sm:before, .icon--sm.icon--after:after {
  font-size: 50%;
  height: 10px;
  margin-top: -13px;
  margin-left: 0px;
  margin-right: -4px;
  text-decoration: none; }

.icon--bw:before, .icon--bw.icon--after:after {
  color: #666666; }

.icon--notext {
  width: 1.5em;
  height: 1.5em;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block; }
  .icon--notext:hover {
    text-decoration: none; }

/*doc
---
title: Icons
name: icon
category: Assets - Icons
---

An icon-font is generated by gulp based on svg files in icons folder. Make sure you edit the template when making modifications and not the generated scss file.

```html_example
	<span class="icon icon-phone" aria-hidden="true"></span>
	<span class="icon icon-phone icon--lg" aria-hidden="true"></span>
	<span class="icon icon-phone icon--2x" aria-hidden="true"></span>
```

It's important to use `aria-hidden="true"` and an empty `<span>` for the icon. Otherwise screen readers will read the icon which can result in strange behaviours.

# Available css classes
<span class="icon icon-facebook" aria-hidden="true"></span> .icon-facebook<br /><span class="icon icon-nav" aria-hidden="true"></span> .icon-nav<br /><span class="icon icon-twitter" aria-hidden="true"></span> .icon-twitter<br /><span class="icon icon-user" aria-hidden="true"></span> .icon-user<br /><span class="icon icon-search" aria-hidden="true"></span> .icon-search<br /><span class="icon icon-linkedin" aria-hidden="true"></span> .icon-linkedin<br /><span class="icon icon-youtube" aria-hidden="true"></span> .icon-youtube<br /><span class="icon icon-instagram" aria-hidden="true"></span> .icon-instagram<br /><span class="icon icon-mynewsdesk" aria-hidden="true"></span> .icon-mynewsdesk<br /><span class="icon icon-close" aria-hidden="true"></span> .icon-close<br /><span class="icon icon-minus" aria-hidden="true"></span> .icon-minus<br /><span class="icon icon-arrowincircle" aria-hidden="true"></span> .icon-arrowincircle<br /><span class="icon icon-arrow" aria-hidden="true"></span> .icon-arrow<br /><span class="icon icon-plus" aria-hidden="true"></span> .icon-plus<br /><span class="icon icon-drop" aria-hidden="true"></span> .icon-drop<br /><span class="icon icon-electricity" aria-hidden="true"></span> .icon-electricity<br /><span class="icon icon-sciencebottle" aria-hidden="true"></span> .icon-sciencebottle<br /><span class="icon icon-it" aria-hidden="true"></span> .icon-it<br /><span class="icon icon-biogas" aria-hidden="true"></span> .icon-biogas<br /><span class="icon icon-clock" aria-hidden="true"></span> .icon-clock<br /><span class="icon icon-radiator" aria-hidden="true"></span> .icon-radiator<br /><span class="icon icon-electricitycontact" aria-hidden="true"></span> .icon-electricitycontact<br /><span class="icon icon-lamp" aria-hidden="true"></span> .icon-lamp<br /><span class="icon icon-trashcan" aria-hidden="true"></span> .icon-trashcan<br /><span class="icon icon-check" aria-hidden="true"></span> .icon-check<br /><span class="icon icon-arrowdown" aria-hidden="true"></span> .icon-arrowdown<br /><span class="icon icon-deny" aria-hidden="true"></span> .icon-deny<br /><span class="icon icon-ok" aria-hidden="true"></span> .icon-ok<br /><span class="icon icon-arrowup" aria-hidden="true"></span> .icon-arrowup<br /><span class="icon icon-comment" aria-hidden="true"></span> .icon-comment<br /><span class="icon icon-like" aria-hidden="true"></span> .icon-like<br /><span class="icon icon-light" aria-hidden="true"></span> .icon-light<br /><span class="icon icon-mail" aria-hidden="true"></span> .icon-mail<br /><span class="icon icon-information" aria-hidden="true"></span> .icon-information<br /><span class="icon icon-diamond" aria-hidden="true"></span> .icon-diamond<br /><span class="icon icon-calendar" aria-hidden="true"></span> .icon-calendar<br /><span class="icon icon-executed" aria-hidden="true"></span> .icon-executed<br /><span class="icon icon-maintenance" aria-hidden="true"></span> .icon-maintenance<br /><span class="icon icon-malfunction" aria-hidden="true"></span> .icon-malfunction<br /><span class="icon icon-serviceinfo" aria-hidden="true"></span> .icon-serviceinfo<br /><span class="icon icon-kundo" aria-hidden="true"></span> .icon-kundo<br /><span class="icon icon-serviceinfowithoutbg" aria-hidden="true"></span> .icon-serviceinfowithoutbg<br /><span class="icon icon-comments" aria-hidden="true"></span> .icon-comments<br /><span class="icon icon-chevron" aria-hidden="true"></span> .icon-chevron<br /><span class="icon icon-speechbubble" aria-hidden="true"></span> .icon-speechbubble<br /><span class="icon icon-dislike" aria-hidden="true"></span> .icon-dislike<br /><span class="icon icon-download" aria-hidden="true"></span> .icon-download<br /><span class="icon icon-arrowleft" aria-hidden="true"></span> .icon-arrowleft<br /><span class="icon icon-pinterest" aria-hidden="true"></span> .icon-pinterest<br /><span class="icon icon-file" aria-hidden="true"></span> .icon-file<br /><span class="icon icon-heart" aria-hidden="true"></span> .icon-heart<br /><span class="icon icon-windpower" aria-hidden="true"></span> .icon-windpower<br /><span class="icon icon-fibercable" aria-hidden="true"></span> .icon-fibercable<br /><span class="icon icon-contact" aria-hidden="true"></span> .icon-contact<br /><span class="icon icon-hydroelectric" aria-hidden="true"></span> .icon-hydroelectric<br /><span class="icon icon-statistics" aria-hidden="true"></span> .icon-statistics<br /><span class="icon icon-power" aria-hidden="true"></span> .icon-power<br /><span class="icon icon-expand" aria-hidden="true"></span> .icon-expand<br /><span class="icon icon-edit" aria-hidden="true"></span> .icon-edit<br /><span class="icon icon-electriccar" aria-hidden="true"></span> .icon-electriccar<br /><span class="icon icon-arende" aria-hidden="true"></span> .icon-arende<br /><span class="icon icon-avtal" aria-hidden="true"></span> .icon-avtal<br /><span class="icon icon-boka" aria-hidden="true"></span> .icon-boka<br /><span class="icon icon-alert" aria-hidden="true"></span> .icon-alert<br /><span class="icon icon-signposts" aria-hidden="true"></span> .icon-signposts<br /><span class="icon icon-documents" aria-hidden="true"></span> .icon-documents<br /><span class="icon icon-broom" aria-hidden="true"></span> .icon-broom<br /><span class="icon icon-key" aria-hidden="true"></span> .icon-key<br /><span class="icon icon-balloons" aria-hidden="true"></span> .icon-balloons<br /><span class="icon icon-light-secondary" aria-hidden="true"></span> .icon-light-secondary<br /><span class="icon icon-fakturor" aria-hidden="true"></span> .icon-fakturor<br /><span class="icon icon-fel" aria-hidden="true"></span> .icon-fel<br /><span class="icon icon-flytt" aria-hidden="true"></span> .icon-flytt<br /><span class="icon icon-forbrukningsrapport" aria-hidden="true"></span> .icon-forbrukningsrapport<br /><span class="icon icon-kontoinstallningar" aria-hidden="true"></span> .icon-kontoinstallningar<br /><span class="icon icon-matarstallning" aria-hidden="true"></span> .icon-matarstallning<br /><span class="icon icon-garbage" aria-hidden="true"></span> .icon-garbage<br /><span class="icon icon-lightbulb" aria-hidden="true"></span> .icon-lightbulb<br /><span class="icon icon-administrera" aria-hidden="true"></span> .icon-administrera<br /><span class="icon icon-icon-menu" aria-hidden="true"></span> .icon-icon-menu<br /><span class="icon icon-waste" aria-hidden="true"></span> .icon-waste<br /><span class="icon icon-electric" aria-hidden="true"></span> .icon-electric<br /><span class="icon icon-heat" aria-hidden="true"></span> .icon-heat<br /><span class="icon icon-water" aria-hidden="true"></span> .icon-water<br /><span class="icon icon-attach" aria-hidden="true"></span> .icon-attach<br /><span class="icon icon-plus-rounded" aria-hidden="true"></span> .icon-plus-rounded<br /><span class="icon icon-minus-rounded" aria-hidden="true"></span> .icon-minus-rounded<br /><span class="icon icon-document" aria-hidden="true"></span> .icon-document<br /><span class="icon icon-efaktura" aria-hidden="true"></span> .icon-efaktura<br /><span class="icon icon-ringklocka" aria-hidden="true"></span> .icon-ringklocka<br /><span class="icon icon-building" aria-hidden="true"></span> .icon-building<br /><span class="icon icon-garden-bin" aria-hidden="true"></span> .icon-garden-bin<br /><span class="icon icon-waste-bin" aria-hidden="true"></span> .icon-waste-bin<br /><span class="icon icon-container" aria-hidden="true"></span> .icon-container<br /><span class="icon icon-hazardouswastedisposal" aria-hidden="true"></span> .icon-hazardouswastedisposal<br /><span class="icon icon-epostfaktura" aria-hidden="true"></span> .icon-epostfaktura<br /><span class="icon icon-pappersfaktura" aria-hidden="true"></span> .icon-pappersfaktura<br /><span class="icon icon-check-rounded" aria-hidden="true"></span> .icon-check-rounded<br /><span class="icon icon-download-alt" aria-hidden="true"></span> .icon-download-alt<br /><span class="icon icon-cooling" aria-hidden="true"></span> .icon-cooling<br /><span class="icon icon-bredband" aria-hidden="true"></span> .icon-bredband<br /><span class="icon icon-viatt" aria-hidden="true"></span> .icon-viatt<br /><span class="icon icon-forecast" aria-hidden="true"></span> .icon-forecast<br /><span class="icon icon-heat-mse" aria-hidden="true"></span> .icon-heat-mse<br /><span class="icon icon-electric-mse" aria-hidden="true"></span> .icon-electric-mse<br /><span class="icon icon-Pil" aria-hidden="true"></span> .icon-Pil<br /><span class="icon icon-close-new" aria-hidden="true"></span> .icon-close-new<br /><span class="icon icon-icon_information" aria-hidden="true"></span> .icon-icon_information<br /><span class="icon icon-boka-om" aria-hidden="true"></span> .icon-boka-om<br /><span class="icon icon-reading-glass" aria-hidden="true"></span> .icon-reading-glass<br /><span class="icon icon-steam" aria-hidden="true"></span> .icon-steam<br /><span class="icon icon-statistics2" aria-hidden="true"></span> .icon-statistics2<br /><span class="icon icon-villa" aria-hidden="true"></span> .icon-villa<br /><span class="icon icon-apartments" aria-hidden="true"></span> .icon-apartments<br /><span class="icon icon-terracedhouse" aria-hidden="true"></span> .icon-terracedhouse<br /><span class="icon icon-vacationhome" aria-hidden="true"></span> .icon-vacationhome<br /><span class="icon icon-elnat" aria-hidden="true"></span> .icon-elnat<br /><span class="icon icon-blad3" aria-hidden="true"></span> .icon-blad3<br /><span class="icon icon-spabath" aria-hidden="true"></span> .icon-spabath<br /><span class="icon icon-floorheating" aria-hidden="true"></span> .icon-floorheating<br /><span class="icon icon-housingtype" aria-hidden="true"></span> .icon-housingtype<br /><span class="icon icon-heating" aria-hidden="true"></span> .icon-heating<br /><span class="icon icon-towelrail" aria-hidden="true"></span> .icon-towelrail<br /><span class="icon icon-sauna" aria-hidden="true"></span> .icon-sauna<br /><span class="icon icon-washingmachine" aria-hidden="true"></span> .icon-washingmachine<br /><span class="icon icon-electricalgadgets" aria-hidden="true"></span> .icon-electricalgadgets<br /><span class="icon icon-electricityusage" aria-hidden="true"></span> .icon-electricityusage<br /><span class="icon icon-household" aria-hidden="true"></span> .icon-household<br /><span class="icon icon-empty" aria-hidden="true"></span> .icon-empty<br /><span class="icon icon-dishwasher" aria-hidden="true"></span> .icon-dishwasher<br /><span class="icon icon-washingmachine2" aria-hidden="true"></span> .icon-washingmachine2<br /><span class="icon icon-dryer" aria-hidden="true"></span> .icon-dryer<br /><span class="icon icon-charging" aria-hidden="true"></span> .icon-charging<br /><span class="icon icon-smartcharging" aria-hidden="true"></span> .icon-smartcharging<br /><span class="icon icon-thinarrow" aria-hidden="true"></span> .icon-thinarrow<br /><span class="icon icon-electricitygrid" aria-hidden="true"></span> .icon-electricitygrid<br /><span class="icon icon-statistic" aria-hidden="true"></span> .icon-statistic<br /><span class="icon icon-ext-link" aria-hidden="true"></span> .icon-ext-link<br /><span class="icon icon-meter" aria-hidden="true"></span> .icon-meter<br /><span class="icon icon-electric-cord" aria-hidden="true"></span> .icon-electric-cord<br /><span class="icon icon-graph" aria-hidden="true"></span> .icon-graph<br /><span class="icon icon-no-data-graph" aria-hidden="true"></span> .icon-no-data-graph<br /><span class="icon icon-remove" aria-hidden="true"></span> .icon-remove<br /><span class="icon icon-circle-arrow-down-right" aria-hidden="true"></span> .icon-circle-arrow-down-right<br /><span class="icon icon-circle-arrow-right" aria-hidden="true"></span> .icon-circle-arrow-right<br /><span class="icon icon-circle-arrow-up-right" aria-hidden="true"></span> .icon-circle-arrow-up-right<br />

*/
.icon-facebook:before {
  content: "";
  font-family: "custom-icons"; }

.icon-facebook.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-facebook.icon--after:before {
  content: none; }

.icon-nav:before {
  content: "";
  font-family: "custom-icons"; }

.icon-nav.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-nav.icon--after:before {
  content: none; }

.icon-twitter:before {
  content: "";
  font-family: "custom-icons"; }

.icon-twitter.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-twitter.icon--after:before {
  content: none; }

.icon-user:before {
  content: "";
  font-family: "custom-icons"; }

.icon-user.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-user.icon--after:before {
  content: none; }

.icon-search:before {
  content: "";
  font-family: "custom-icons"; }

.icon-search.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-search.icon--after:before {
  content: none; }

.icon-linkedin:before {
  content: "";
  font-family: "custom-icons"; }

.icon-linkedin.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-linkedin.icon--after:before {
  content: none; }

.icon-youtube:before {
  content: "";
  font-family: "custom-icons"; }

.icon-youtube.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-youtube.icon--after:before {
  content: none; }

.icon-instagram:before {
  content: "";
  font-family: "custom-icons"; }

.icon-instagram.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-instagram.icon--after:before {
  content: none; }

.icon-mynewsdesk:before {
  content: "";
  font-family: "custom-icons"; }

.icon-mynewsdesk.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-mynewsdesk.icon--after:before {
  content: none; }

.icon-close:before {
  content: "";
  font-family: "custom-icons"; }

.icon-close.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-close.icon--after:before {
  content: none; }

.icon-minus:before {
  content: "";
  font-family: "custom-icons"; }

.icon-minus.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-minus.icon--after:before {
  content: none; }

.icon-arrowincircle:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowincircle.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowincircle.icon--after:before {
  content: none; }

.icon-arrow:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrow.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrow.icon--after:before {
  content: none; }

.icon-plus:before {
  content: "";
  font-family: "custom-icons"; }

.icon-plus.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-plus.icon--after:before {
  content: none; }

.icon-drop:before {
  content: "";
  font-family: "custom-icons"; }

.icon-drop.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-drop.icon--after:before {
  content: none; }

.icon-electricity:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricity.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricity.icon--after:before {
  content: none; }

.icon-sciencebottle:before {
  content: "";
  font-family: "custom-icons"; }

.icon-sciencebottle.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-sciencebottle.icon--after:before {
  content: none; }

.icon-it:before {
  content: "";
  font-family: "custom-icons"; }

.icon-it.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-it.icon--after:before {
  content: none; }

.icon-biogas:before {
  content: "";
  font-family: "custom-icons"; }

.icon-biogas.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-biogas.icon--after:before {
  content: none; }

.icon-clock:before {
  content: "";
  font-family: "custom-icons"; }

.icon-clock.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-clock.icon--after:before {
  content: none; }

.icon-radiator:before {
  content: "";
  font-family: "custom-icons"; }

.icon-radiator.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-radiator.icon--after:before {
  content: none; }

.icon-electricitycontact:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitycontact.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitycontact.icon--after:before {
  content: none; }

.icon-lamp:before {
  content: "";
  font-family: "custom-icons"; }

.icon-lamp.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-lamp.icon--after:before {
  content: none; }

.icon-trashcan:before {
  content: "";
  font-family: "custom-icons"; }

.icon-trashcan.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-trashcan.icon--after:before {
  content: none; }

.icon-check:before {
  content: "";
  font-family: "custom-icons"; }

.icon-check.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-check.icon--after:before {
  content: none; }

.icon-arrowdown:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowdown.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowdown.icon--after:before {
  content: none; }

.icon-deny:before {
  content: "";
  font-family: "custom-icons"; }

.icon-deny.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-deny.icon--after:before {
  content: none; }

.icon-ok:before {
  content: "";
  font-family: "custom-icons"; }

.icon-ok.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-ok.icon--after:before {
  content: none; }

.icon-arrowup:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowup.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowup.icon--after:before {
  content: none; }

.icon-comment:before {
  content: "";
  font-family: "custom-icons"; }

.icon-comment.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-comment.icon--after:before {
  content: none; }

.icon-like:before {
  content: "";
  font-family: "custom-icons"; }

.icon-like.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-like.icon--after:before {
  content: none; }

.icon-light:before {
  content: "";
  font-family: "custom-icons"; }

.icon-light.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-light.icon--after:before {
  content: none; }

.icon-mail:before {
  content: "";
  font-family: "custom-icons"; }

.icon-mail.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-mail.icon--after:before {
  content: none; }

.icon-information:before {
  content: "";
  font-family: "custom-icons"; }

.icon-information.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-information.icon--after:before {
  content: none; }

.icon-diamond:before {
  content: "";
  font-family: "custom-icons"; }

.icon-diamond.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-diamond.icon--after:before {
  content: none; }

.icon-calendar:before {
  content: "";
  font-family: "custom-icons"; }

.icon-calendar.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-calendar.icon--after:before {
  content: none; }

.icon-executed:before {
  content: "";
  font-family: "custom-icons"; }

.icon-executed.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-executed.icon--after:before {
  content: none; }

.icon-maintenance:before {
  content: "";
  font-family: "custom-icons"; }

.icon-maintenance.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-maintenance.icon--after:before {
  content: none; }

.icon-malfunction:before {
  content: "";
  font-family: "custom-icons"; }

.icon-malfunction.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-malfunction.icon--after:before {
  content: none; }

.icon-serviceinfo:before {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfo.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfo.icon--after:before {
  content: none; }

.icon-kundo:before {
  content: "";
  font-family: "custom-icons"; }

.icon-kundo.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-kundo.icon--after:before {
  content: none; }

.icon-serviceinfowithoutbg:before {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfowithoutbg.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-serviceinfowithoutbg.icon--after:before {
  content: none; }

.icon-comments:before {
  content: "";
  font-family: "custom-icons"; }

.icon-comments.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-comments.icon--after:before {
  content: none; }

.icon-chevron:before {
  content: "";
  font-family: "custom-icons"; }

.icon-chevron.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-chevron.icon--after:before {
  content: none; }

.icon-speechbubble:before {
  content: "";
  font-family: "custom-icons"; }

.icon-speechbubble.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-speechbubble.icon--after:before {
  content: none; }

.icon-dislike:before {
  content: "";
  font-family: "custom-icons"; }

.icon-dislike.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-dislike.icon--after:before {
  content: none; }

.icon-download:before {
  content: "";
  font-family: "custom-icons"; }

.icon-download.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-download.icon--after:before {
  content: none; }

.icon-arrowleft:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowleft.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arrowleft.icon--after:before {
  content: none; }

.icon-pinterest:before {
  content: "";
  font-family: "custom-icons"; }

.icon-pinterest.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-pinterest.icon--after:before {
  content: none; }

.icon-file:before {
  content: "";
  font-family: "custom-icons"; }

.icon-file.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-file.icon--after:before {
  content: none; }

.icon-heart:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heart.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heart.icon--after:before {
  content: none; }

.icon-windpower:before {
  content: "";
  font-family: "custom-icons"; }

.icon-windpower.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-windpower.icon--after:before {
  content: none; }

.icon-fibercable:before {
  content: "";
  font-family: "custom-icons"; }

.icon-fibercable.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-fibercable.icon--after:before {
  content: none; }

.icon-contact:before {
  content: "";
  font-family: "custom-icons"; }

.icon-contact.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-contact.icon--after:before {
  content: none; }

.icon-hydroelectric:before {
  content: "";
  font-family: "custom-icons"; }

.icon-hydroelectric.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-hydroelectric.icon--after:before {
  content: none; }

.icon-statistics:before {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics.icon--after:before {
  content: none; }

.icon-power:before {
  content: "";
  font-family: "custom-icons"; }

.icon-power.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-power.icon--after:before {
  content: none; }

.icon-expand:before {
  content: "";
  font-family: "custom-icons"; }

.icon-expand.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-expand.icon--after:before {
  content: none; }

.icon-edit:before {
  content: "";
  font-family: "custom-icons"; }

.icon-edit.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-edit.icon--after:before {
  content: none; }

.icon-electriccar:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electriccar.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electriccar.icon--after:before {
  content: none; }

.icon-arende:before {
  content: "";
  font-family: "custom-icons"; }

.icon-arende.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-arende.icon--after:before {
  content: none; }

.icon-avtal:before {
  content: "";
  font-family: "custom-icons"; }

.icon-avtal.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-avtal.icon--after:before {
  content: none; }

.icon-boka:before {
  content: "";
  font-family: "custom-icons"; }

.icon-boka.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-boka.icon--after:before {
  content: none; }

.icon-alert:before {
  content: "";
  font-family: "custom-icons"; }

.icon-alert.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-alert.icon--after:before {
  content: none; }

.icon-signposts:before {
  content: "";
  font-family: "custom-icons"; }

.icon-signposts.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-signposts.icon--after:before {
  content: none; }

.icon-documents:before {
  content: "";
  font-family: "custom-icons"; }

.icon-documents.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-documents.icon--after:before {
  content: none; }

.icon-broom:before {
  content: "";
  font-family: "custom-icons"; }

.icon-broom.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-broom.icon--after:before {
  content: none; }

.icon-key:before {
  content: "";
  font-family: "custom-icons"; }

.icon-key.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-key.icon--after:before {
  content: none; }

.icon-balloons:before {
  content: "";
  font-family: "custom-icons"; }

.icon-balloons.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-balloons.icon--after:before {
  content: none; }

.icon-light-secondary:before {
  content: "";
  font-family: "custom-icons"; }

.icon-light-secondary.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-light-secondary.icon--after:before {
  content: none; }

.icon-fakturor:before {
  content: "";
  font-family: "custom-icons"; }

.icon-fakturor.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-fakturor.icon--after:before {
  content: none; }

.icon-fel:before {
  content: "";
  font-family: "custom-icons"; }

.icon-fel.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-fel.icon--after:before {
  content: none; }

.icon-flytt:before {
  content: "";
  font-family: "custom-icons"; }

.icon-flytt.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-flytt.icon--after:before {
  content: none; }

.icon-forbrukningsrapport:before {
  content: "";
  font-family: "custom-icons"; }

.icon-forbrukningsrapport.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-forbrukningsrapport.icon--after:before {
  content: none; }

.icon-kontoinstallningar:before {
  content: "";
  font-family: "custom-icons"; }

.icon-kontoinstallningar.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-kontoinstallningar.icon--after:before {
  content: none; }

.icon-matarstallning:before {
  content: "";
  font-family: "custom-icons"; }

.icon-matarstallning.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-matarstallning.icon--after:before {
  content: none; }

.icon-garbage:before {
  content: "";
  font-family: "custom-icons"; }

.icon-garbage.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-garbage.icon--after:before {
  content: none; }

.icon-lightbulb:before {
  content: "";
  font-family: "custom-icons"; }

.icon-lightbulb.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-lightbulb.icon--after:before {
  content: none; }

.icon-administrera:before {
  content: "";
  font-family: "custom-icons"; }

.icon-administrera.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-administrera.icon--after:before {
  content: none; }

.icon-icon-menu:before {
  content: "";
  font-family: "custom-icons"; }

.icon-icon-menu.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-icon-menu.icon--after:before {
  content: none; }

.icon-waste:before {
  content: "";
  font-family: "custom-icons"; }

.icon-waste.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-waste.icon--after:before {
  content: none; }

.icon-electric:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electric.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electric.icon--after:before {
  content: none; }

.icon-heat:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heat.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heat.icon--after:before {
  content: none; }

.icon-water:before {
  content: "";
  font-family: "custom-icons"; }

.icon-water.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-water.icon--after:before {
  content: none; }

.icon-attach:before {
  content: "";
  font-family: "custom-icons"; }

.icon-attach.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-attach.icon--after:before {
  content: none; }

.icon-plus-rounded:before {
  content: "";
  font-family: "custom-icons"; }

.icon-plus-rounded.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-plus-rounded.icon--after:before {
  content: none; }

.icon-minus-rounded:before {
  content: "";
  font-family: "custom-icons"; }

.icon-minus-rounded.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-minus-rounded.icon--after:before {
  content: none; }

.icon-document:before {
  content: "";
  font-family: "custom-icons"; }

.icon-document.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-document.icon--after:before {
  content: none; }

.icon-efaktura:before {
  content: "";
  font-family: "custom-icons"; }

.icon-efaktura.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-efaktura.icon--after:before {
  content: none; }

.icon-ringklocka:before {
  content: "";
  font-family: "custom-icons"; }

.icon-ringklocka.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-ringklocka.icon--after:before {
  content: none; }

.icon-building:before {
  content: "";
  font-family: "custom-icons"; }

.icon-building.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-building.icon--after:before {
  content: none; }

.icon-garden-bin:before {
  content: "";
  font-family: "custom-icons"; }

.icon-garden-bin.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-garden-bin.icon--after:before {
  content: none; }

.icon-waste-bin:before {
  content: "";
  font-family: "custom-icons"; }

.icon-waste-bin.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-waste-bin.icon--after:before {
  content: none; }

.icon-container:before {
  content: "";
  font-family: "custom-icons"; }

.icon-container.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-container.icon--after:before {
  content: none; }

.icon-hazardouswastedisposal:before {
  content: "";
  font-family: "custom-icons"; }

.icon-hazardouswastedisposal.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-hazardouswastedisposal.icon--after:before {
  content: none; }

.icon-epostfaktura:before {
  content: "";
  font-family: "custom-icons"; }

.icon-epostfaktura.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-epostfaktura.icon--after:before {
  content: none; }

.icon-pappersfaktura:before {
  content: "";
  font-family: "custom-icons"; }

.icon-pappersfaktura.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-pappersfaktura.icon--after:before {
  content: none; }

.icon-check-rounded:before {
  content: "";
  font-family: "custom-icons"; }

.icon-check-rounded.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-check-rounded.icon--after:before {
  content: none; }

.icon-download-alt:before {
  content: "";
  font-family: "custom-icons"; }

.icon-download-alt.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-download-alt.icon--after:before {
  content: none; }

.icon-cooling:before {
  content: "";
  font-family: "custom-icons"; }

.icon-cooling.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-cooling.icon--after:before {
  content: none; }

.icon-bredband:before {
  content: "";
  font-family: "custom-icons"; }

.icon-bredband.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-bredband.icon--after:before {
  content: none; }

.icon-viatt:before {
  content: "";
  font-family: "custom-icons"; }

.icon-viatt.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-viatt.icon--after:before {
  content: none; }

.icon-forecast:before {
  content: "";
  font-family: "custom-icons"; }

.icon-forecast.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-forecast.icon--after:before {
  content: none; }

.icon-heat-mse:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heat-mse.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heat-mse.icon--after:before {
  content: none; }

.icon-electric-mse:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-mse.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-mse.icon--after:before {
  content: none; }

.icon-Pil:before {
  content: "";
  font-family: "custom-icons"; }

.icon-Pil.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-Pil.icon--after:before {
  content: none; }

.icon-close-new:before {
  content: "";
  font-family: "custom-icons"; }

.icon-close-new.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-close-new.icon--after:before {
  content: none; }

.icon-icon_information:before {
  content: "";
  font-family: "custom-icons"; }

.icon-icon_information.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-icon_information.icon--after:before {
  content: none; }

.icon-boka-om:before {
  content: "";
  font-family: "custom-icons"; }

.icon-boka-om.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-boka-om.icon--after:before {
  content: none; }

.icon-reading-glass:before {
  content: "";
  font-family: "custom-icons"; }

.icon-reading-glass.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-reading-glass.icon--after:before {
  content: none; }

.icon-steam:before {
  content: "";
  font-family: "custom-icons"; }

.icon-steam.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-steam.icon--after:before {
  content: none; }

.icon-statistics2:before {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics2.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-statistics2.icon--after:before {
  content: none; }

.icon-villa:before {
  content: "";
  font-family: "custom-icons"; }

.icon-villa.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-villa.icon--after:before {
  content: none; }

.icon-apartments:before {
  content: "";
  font-family: "custom-icons"; }

.icon-apartments.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-apartments.icon--after:before {
  content: none; }

.icon-terracedhouse:before {
  content: "";
  font-family: "custom-icons"; }

.icon-terracedhouse.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-terracedhouse.icon--after:before {
  content: none; }

.icon-vacationhome:before {
  content: "";
  font-family: "custom-icons"; }

.icon-vacationhome.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-vacationhome.icon--after:before {
  content: none; }

.icon-elnat:before {
  content: "";
  font-family: "custom-icons"; }

.icon-elnat.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-elnat.icon--after:before {
  content: none; }

.icon-blad3:before {
  content: "";
  font-family: "custom-icons"; }

.icon-blad3.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-blad3.icon--after:before {
  content: none; }

.icon-spabath:before {
  content: "";
  font-family: "custom-icons"; }

.icon-spabath.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-spabath.icon--after:before {
  content: none; }

.icon-floorheating:before {
  content: "";
  font-family: "custom-icons"; }

.icon-floorheating.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-floorheating.icon--after:before {
  content: none; }

.icon-housingtype:before {
  content: "";
  font-family: "custom-icons"; }

.icon-housingtype.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-housingtype.icon--after:before {
  content: none; }

.icon-heating:before {
  content: "";
  font-family: "custom-icons"; }

.icon-heating.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-heating.icon--after:before {
  content: none; }

.icon-towelrail:before {
  content: "";
  font-family: "custom-icons"; }

.icon-towelrail.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-towelrail.icon--after:before {
  content: none; }

.icon-sauna:before {
  content: "";
  font-family: "custom-icons"; }

.icon-sauna.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-sauna.icon--after:before {
  content: none; }

.icon-washingmachine:before {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine.icon--after:before {
  content: none; }

.icon-electricalgadgets:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricalgadgets.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricalgadgets.icon--after:before {
  content: none; }

.icon-electricityusage:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricityusage.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricityusage.icon--after:before {
  content: none; }

.icon-household:before {
  content: "";
  font-family: "custom-icons"; }

.icon-household.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-household.icon--after:before {
  content: none; }

.icon-empty:before {
  content: "";
  font-family: "custom-icons"; }

.icon-empty.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-empty.icon--after:before {
  content: none; }

.icon-dishwasher:before {
  content: "";
  font-family: "custom-icons"; }

.icon-dishwasher.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-dishwasher.icon--after:before {
  content: none; }

.icon-washingmachine2:before {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine2.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-washingmachine2.icon--after:before {
  content: none; }

.icon-dryer:before {
  content: "";
  font-family: "custom-icons"; }

.icon-dryer.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-dryer.icon--after:before {
  content: none; }

.icon-charging:before {
  content: "";
  font-family: "custom-icons"; }

.icon-charging.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-charging.icon--after:before {
  content: none; }

.icon-smartcharging:before {
  content: "";
  font-family: "custom-icons"; }

.icon-smartcharging.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-smartcharging.icon--after:before {
  content: none; }

.icon-thinarrow:before {
  content: "";
  font-family: "custom-icons"; }

.icon-thinarrow.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-thinarrow.icon--after:before {
  content: none; }

.icon-electricitygrid:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitygrid.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electricitygrid.icon--after:before {
  content: none; }

.icon-statistic:before {
  content: "";
  font-family: "custom-icons"; }

.icon-statistic.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-statistic.icon--after:before {
  content: none; }

.icon-ext-link:before {
  content: "";
  font-family: "custom-icons"; }

.icon-ext-link.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-ext-link.icon--after:before {
  content: none; }

.icon-meter:before {
  content: "";
  font-family: "custom-icons"; }

.icon-meter.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-meter.icon--after:before {
  content: none; }

.icon-electric-cord:before {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-cord.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-electric-cord.icon--after:before {
  content: none; }

.icon-graph:before {
  content: "";
  font-family: "custom-icons"; }

.icon-graph.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-graph.icon--after:before {
  content: none; }

.icon-no-data-graph:before {
  content: "";
  font-family: "custom-icons"; }

.icon-no-data-graph.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-no-data-graph.icon--after:before {
  content: none; }

.icon-remove:before {
  content: "";
  font-family: "custom-icons"; }

.icon-remove.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-remove.icon--after:before {
  content: none; }

.icon-circle-arrow-down-right:before {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-down-right.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-down-right.icon--after:before {
  content: none; }

.icon-circle-arrow-right:before {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-right.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-right.icon--after:before {
  content: none; }

.icon-circle-arrow-up-right:before {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-up-right.icon--after:after {
  content: "";
  font-family: "custom-icons"; }

.icon-circle-arrow-up-right.icon--after:before {
  content: none; }

/* #Reset basic elements
=============================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -moz-text-size-adjust: none;
       text-size-adjust: none;
  -webkit-text-size-adjust: none; }

body.electricitycalcylatorpage #footer {
  padding: 25px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* #Mixins
================================================== */
.wrap {
  max-width: 60.5em;
  min-width: 280px; }

@media only screen and (max-width: 940px) {
  .wrap {
    max-width: 768px; } }

@media only screen and (max-width: 719px) {
  .wrap {
    max-width: 360px; } }

html {
  height: 100%;
  font-size: 20px; }

body {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  height: 100%;
  font-size: 20px; }

body.startpage {
  background: #f2f2f2; }

b {
  font-weight: 700; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

i {
  font-style: italic; }

p {
  line-height: 1.35em;
  margin-bottom: 1.2em; }

sup {
  vertical-align: super;
  font-size: 75%; }

sub {
  vertical-align: sub;
  font-size: 75%; }

hr {
  border: none;
  border-bottom: solid 1px #7E8EA0; }

blockquote {
  padding-left: 1em;
  display: inline-block;
  margin-bottom: 2em;
  margin-top: 1.11111em;
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.4705882353;
  position: relative;
  width: 80%; }
  blockquote:before {
    content: "";
    width: 5px;
    background: #333;
    position: absolute;
    left: 0.05556em;
    top: 0.33333em;
    bottom: 5px; }

q {
  quotes: "“" "”" "‘" "’";
  font-style: italic; }
  q:before {
    content: open-quote; }
  q:after {
    content: close-quote; }

/* #Lists
================================================== */
ul,
ol {
  font-size: 18px;
  margin: 1.5em 0;
  padding-left: 2em;
  width: 80%; }
  ul li,
  ol li {
    margin-bottom: 0.5em;
    line-height: 1.4666666667; }

ol {
  list-style: decimal; }

ul {
  list-style: disc; }

/* #Anchors
================================================== */
a {
  color: #1F6590;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.anchor-look {
  color: #1F6590;
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  font: inherit; }
  .anchor-look:hover {
    text-decoration: underline; }

.new-link-text, .link-text {
  color: #004876;
  text-decoration: underline;
  font-weight: bold;
  outline: none;
  margin-left: 2px; }
  .new-link-text:hover, .link-text:hover {
    text-decoration: none;
    color: #1F6590; }
  .new-link-text:focus, .link-text:focus {
    box-shadow: 0px 0px 0px 2px #1a1a1a;
    border-radius: 5px;
    text-decoration: none; }

a[href^="mailto:"] {
  white-space: nowrap; }

.inverted a {
  color: #fff; }

.explain {
  text-decoration: none !important;
  background: #ffd8d8;
  color: #333;
  cursor: help;
  display: inline-block;
  padding: 0 4px;
  outline: none;
  border-radius: 2px;
  font-weight: 400;
  transition: none; }

.explain:hover {
  text-decoration: none; }

.explain:focus {
  background: #0075b1;
  color: #fff; }

.separated {
  margin-bottom: 0.46667em; }

.disabled {
  opacity: 0.8; }
  .disabled p,
  .disabled h2,
  .disabled h3,
  .disabled h4 {
    opacity: 0.4; }

a.clean {
  color: black;
  text-decoration: none; }
  a.clean:hover {
    text-decoration: none; }

/* #Common classes
================================================== */
.hidden {
  display: none; }

[hidden] {
  display: none !important; }

.visually-hidden, .form-checkbox {
  position: absolute;
  left: -9999px; }

.text-center {
  text-align: center; }

p.lead {
  display: block;
  max-width: 730px;
  font-size: 20px;
  font-weight: 700;
  color: #313131;
  margin-bottom: 0.83333em; }
  p.lead p {
    font-size: 20px; }
  p.lead a {
    font-size: 20px !important; }

.lead-edit {
  min-height: 70px; }

.link-button {
  color: #1178af;
  border: solid 1px #1178af;
  display: inline-block;
  border-radius: 2px;
  padding: 0.3em 1em;
  margin-right: 1.5em;
  line-height: 1.3em;
  margin-bottom: 0.4em; }

.nowrap {
  white-space: nowrap; }

.cf:after {
  content: "";
  display: table;
  clear: both; }

.align-right {
  text-align: right; }

.right {
  float: right; }

.left {
  float: left; }

.ui-disabled {
  min-height: 0 !important;
  color: #808080; }

.deemphasized {
  color: #777; }

.bull {
  display: inline-block;
  margin: 0 5px;
  font-weight: 700;
  color: #aaa; }

.bull + .icon-user {
  margin-left: -3px; }

.strong {
  font-weight: bold; }

.capitalize {
  text-transform: lowercase; }
  .capitalize::first-letter {
    text-transform: uppercase; }

.error-message {
  margin-top: 10px;
  color: #B90000; }

.no-scroll {
  max-height: 100vw;
  overflow: hidden;
  position: relative; }

.strong {
  font-weight: bold; }

.capitalize {
  text-transform: lowercase; }
  .capitalize::first-letter {
    text-transform: uppercase; }

.flex-container {
  display: flex;
  width: 100%; }

.column-item {
  flex: 1; }

/*doc
---
title: Headings
name: headings
category: Common - Headings
---

```html_example
<h1>Lorem ipsum</h1>
<h2>Lorem ipsum</h2>
<h3>Lorem ipsum</h3>
```

*/
h1 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 325%;
  line-height: 1.2;
  margin: 0 0 0.29231em 0;
  color: var(--text-color-default);
  overflow-wrap: break-word; }

h2, h3, h4 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b;
  overflow-wrap: break-word; }

h2, .heading2-complementary {
  font-size: 150%;
  margin: 1em 0 0.63333em; }

.heading2-complementary {
  color: #0b0b0b; }

h3 {
  font-size: 120%;
  margin: 1.375em 0 0.875em; }

h4 {
  margin: 1.375em 0 0.875em; }

.title {
  font-weight: 700;
  margin-bottom: 0.46667em;
  font-size: 0.75em;
  display: block; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  h1 {
    font-size: 250%; }
  h2, .heading2-complementary {
    font-size: 100%; }
  h3 {
    font-size: 80%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  h1 {
    font-size: 200%; }
  h2 {
    font-size: 150%; }
  h3 {
    font-size: 105%; } }

.darkblue-100 h1, .darkblue-100 h2, .darkblue-100 h3, .darkblue-100 h4, .darkgrey-100 h1, .darkgrey-100 h2, .darkgrey-100 h3, .darkgrey-100 h4 {
  color: #ffffff; }

table {
  width: 100%;
  margin: 0.5em 0 0.5em 0;
  border-top: 3px solid #1178af;
  border-bottom: 1px solid #fff;
  overflow: auto; }

th,
td {
  font-size: 80%;
  padding: 0.9375em 0.625em; }

th, thead td {
  background-color: #ffffff;
  border-bottom: 1px solid #e2e2e2;
  text-align: left;
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

tr:nth-child(odd) td {
  background-color: #f3f3f3; }

tr:nth-child(even) td {
  background-color: #ffffff; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  th,
  td {
    font-size: 65%;
    padding: 0.76923em 0.38462em; }
  th {
    padding-bottom: 1.07692em;
    padding-top: 0.15385em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  html.responsive .content.content--editorial > table thead tr, html.responsive .content.content--editorial table.responsive thead tr {
    position: absolute;
    left: -9999px; }
  html.responsive .content.content--editorial > table tr, html.responsive .content.content--editorial table.responsive tr {
    border-bottom: solid 3px #8A8A8A; }
  html.responsive .content.content--editorial > table td, html.responsive .content.content--editorial table.responsive td {
    font-size: 80%;
    display: block;
    position: relative;
    min-height: 1em;
    padding: 0.5em 0 0.5em 63%;
    text-align: left; }
  html.responsive .content.content--editorial > table td:last-child, html.responsive .content.content--editorial table.responsive td:last-child {
    border-bottom: none; }
  html.responsive .content.content--editorial > table td:before, html.responsive .content.content--editorial table.responsive td:before {
    content: attr(data-title);
    width: 165%;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 5%;
    margin-left: -165%;
    word-break: break-word;
    display: inline-block;
    vertical-align: top; } }

.table-scroll-cue {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%; }
  @media (min-width: 480px) {
    .table-scroll-cue {
      display: none; } }

.scroll-cue-arrow {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 15px solid #1a1a1a;
  animation: scroll-cue 2s infinite ease-in-out alternate-reverse; }

@keyframes scroll-cue {
  0% {
    opacity: 0.7;
    transform: translateX(0); }
  50% {
    opacity: 0.3;
    transform: translateX(10px); }
  100% {
    opacity: 0.7;
    transform: translateX(-10px); } }

/* #Sprites
================================================== */
.sprite {
  background-size: 50px 200px;
  background-repeat: no-repeat;
  background-image: url(/static/images/sprite.png); }

.header-sprite {
  background-size: 3000px 343px;
  background-repeat: no-repeat;
  background-image: url(/static/images/theme/tv/header-sprite.png);
  background-position: top center;
  z-index: 100; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .sprite {
    background-image: url(/static/images/sprite@2x.png); }
  .header-sprite {
    background-image: url(/static/images/theme/tv/header-sprite@2x.png); } }

.grid {
  text-align: justify;
  margin: 0 0 -1em;
  font-size: 0.1px; }
  .grid:after {
    content: '';
    width: 100%;
    display: inline-block; }

.grid-col, .grid-col-1, .grid-col-3, .grid-col-2, .grid-col-4 {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: left;
  font-size: 20px; }

.grid-col-1 {
  width: 100% !important; }

.grid-col-3 {
  width: 32.2% !important; }

.grid-col-2 {
  width: 49.12% !important; }
  .grid-col-2.grid-col--form {
    width: 48% !important; }

.grid-col-4 {
  width: 22% !important; }

.grid-col--wastecollection {
  width: 39% !important; }

.grid-col--narrow {
  width: 15% !important; }

@media only screen and (max-width: 719px) {
  .grid {
    text-align: left; }
  .grid:after {
    content: none; }
  .grid-col, .grid-col-1, .grid-col-3, .grid-col-2, .grid-col-4 {
    width: 100% !important; }
  .grid-col-2.grid-col--form {
    width: 100% !important; } }

/* New style  */
/*Usage

--- html ---
<div class="single-accordion white">
    <label for="single-accordion-1" class="single-accordion__label" id="single-accordion-label" role="checkbox" tabindex="0">Se fler detaljer<span class="icon icon-arrow" id="icon-arrow"></span></label>
    <input type="checkbox" class="single-accordion-checkbox" id="single-accordion-1" />
    <div class="content" id="single-accordion-content">
        <p> Samma elnätskostnad dygnet runt. Priset inkluderar effekt-, överförings- och abonnemangsavgift samt energiskatt. </p>
    </div>
</div>

--- js ---
function singleAccordionExpand() {
const singleAccordionExpand = () => {
    const checkboxes = document.getElementsByClassName('single-accordion-checkbox');
    const icons = document.getElementsByClassName('icon-arrow');
    const labels = document.getElementsByClassName('single-accordion__label');
    
    for (let i = 0; i < checkboxes.length; i++) {
        checkboxes[i].addEventListener('change', function() {
            if (this.checked) {
                icons[i].classList.add('rotate');
            } else {
                icons[i].classList.remove('rotate');
            }
        });

        labels[i].addEventListener('keypress', (event) => {
            if (event.key === 'Enter') {
                console.log('Enter pressed');
                checkboxes[i].checked = !checkboxes[i].checked;
            }
        });
    }
}

*/
body.new-style main .single-accordion {
  position: relative;
  display: inline-flex;
  flex-direction: column; }
  body.new-style main .single-accordion__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #004876;
    color: white;
    padding: 20px;
    border-radius: 30px;
    cursor: pointer; }
    body.new-style main .single-accordion__label:hover {
      transition: background-color 150ms ease;
      background-color: #1F6590; }
    body.new-style main .single-accordion__label:focus {
      outline: 2px solid #1a1a1a;
      outline-offset: 4px;
      background-clip: padding-box; }
    body.new-style main .single-accordion__label .icon {
      position: relative;
      bottom: 2px; }
    body.new-style main .single-accordion__label .icon::before {
      font-size: 60px;
      margin: auto 0 auto 5px;
      line-height: 0;
      transform: rotate(90deg);
      transition: transform .3s; }
    body.new-style main .single-accordion__label .icon.rotate::before {
      transform: rotate(-90deg); }
  body.new-style main .single-accordion.white label {
    background-color: #ffffff;
    color: #1a1a1a; }
    body.new-style main .single-accordion.white label:hover, body.new-style main .single-accordion.white label:focus {
      background-color: #E9FAFF; }
    body.new-style main .single-accordion.white label .icon::before {
      color: #1a1a1a; }
  body.new-style main .single-accordion input[type="checkbox"] {
    display: none; }
  body.new-style main .single-accordion .content {
    position: absolute;
    display: none;
    width: initial;
    max-width: 600px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    margin-top: 10px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    top: 65px;
    z-index: 10; }
  body.new-style main .single-accordion input[type="checkbox"]:checked + .content {
    display: inline-flex;
    flex-direction: column;
    max-height: 2000px; }

body.new-style main .boxes-area {
  width: 100%;
  max-width: 1210px; }
  @media only screen and (max-width: 940px) {
    body.new-style main .boxes-area {
      overflow: visible; } }
  body.new-style main .boxes-area .boxes-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px .75em 24px; }
    @media only screen and (max-width: 940px) {
      body.new-style main .boxes-area .boxes-wrapper {
        margin: 0 auto;
        max-width: 768px; } }
    @media only screen and (max-width: 720px) {
      body.new-style main .boxes-area .boxes-wrapper {
        padding: 16px 0.75em; } }
  body.new-style main .boxes-area .boxes {
    display: flex;
    justify-content: space-between;
    gap: 16px; }
    @media only screen and (max-width: 719px) {
      body.new-style main .boxes-area .boxes {
        flex-direction: column; } }
  body.new-style main .boxes-area .box {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.09); }
    @media only screen and (max-width: 719px) {
      body.new-style main .boxes-area .box {
        flex: 1 0 100%; } }

body.new-style main a:focus-visible {
  outline: 2px solid #000000; }

body.new-style main .new-link-button, body.new-style main .button, body.new-style main .calltoaction, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button, body.new-style main .link-button a, body.new-style main a.link-button, body.new-style main .form-button, body.new-style .mypages-hero .new-link-button, body.new-style .mypages-hero .button, body.new-style .mypages-hero .calltoaction, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button, body.new-style .mypages-hero .link-button a, body.new-style .mypages-hero a.link-button, body.new-style .mypages-hero .form-button, body.new-style .mypages-heading-content .new-link-button, body.new-style .mypages-heading-content .button, body.new-style .mypages-heading-content .calltoaction, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button, body.new-style .mypages-heading-content .link-button a, body.new-style .mypages-heading-content a.link-button, body.new-style .mypages-heading-content .form-button, body.new-style .mypages-header .new-link-button, body.new-style .mypages-header .button, body.new-style .mypages-header .calltoaction, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button, body.new-style .mypages-header .link-button a, body.new-style .mypages-header a.link-button, body.new-style .mypages-header .form-button {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  padding: .75rem 1.5rem;
  background-color: #004876;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  transition: background 150ms ease; }
  body.new-style main .new-link-button:hover, body.new-style main .button:hover, body.new-style main .calltoaction:hover, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button:hover, body.new-style main .link-button a:hover, body.new-style main a.link-button:hover, body.new-style main .form-button:hover, body.new-style .mypages-hero .new-link-button:hover, body.new-style .mypages-hero .button:hover, body.new-style .mypages-hero .calltoaction:hover, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button:hover, body.new-style .mypages-hero .link-button a:hover, body.new-style .mypages-hero a.link-button:hover, body.new-style .mypages-hero .form-button:hover, body.new-style .mypages-heading-content .new-link-button:hover, body.new-style .mypages-heading-content .button:hover, body.new-style .mypages-heading-content .calltoaction:hover, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button:hover, body.new-style .mypages-heading-content .link-button a:hover, body.new-style .mypages-heading-content a.link-button:hover, body.new-style .mypages-heading-content .form-button:hover, body.new-style .mypages-header .new-link-button:hover, body.new-style .mypages-header .button:hover, body.new-style .mypages-header .calltoaction:hover, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button:hover, body.new-style .mypages-header .link-button a:hover, body.new-style .mypages-header a.link-button:hover, body.new-style .mypages-header .form-button:hover {
    text-decoration: none;
    background-color: #1F6590; }
  body.new-style main .new-link-button:focus, body.new-style main .button:focus, body.new-style main .calltoaction:focus, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button:focus, body.new-style main .link-button a:focus, body.new-style main a.link-button:focus, body.new-style main .form-button:focus, body.new-style .mypages-hero .new-link-button:focus, body.new-style .mypages-hero .button:focus, body.new-style .mypages-hero .calltoaction:focus, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button:focus, body.new-style .mypages-hero .link-button a:focus, body.new-style .mypages-hero a.link-button:focus, body.new-style .mypages-hero .form-button:focus, body.new-style .mypages-heading-content .new-link-button:focus, body.new-style .mypages-heading-content .button:focus, body.new-style .mypages-heading-content .calltoaction:focus, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button:focus, body.new-style .mypages-heading-content .link-button a:focus, body.new-style .mypages-heading-content a.link-button:focus, body.new-style .mypages-heading-content .form-button:focus, body.new-style .mypages-header .new-link-button:focus, body.new-style .mypages-header .button:focus, body.new-style .mypages-header .calltoaction:focus, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button:focus, body.new-style .mypages-header .link-button a:focus, body.new-style .mypages-header a.link-button:focus, body.new-style .mypages-header .form-button:focus {
    background-color: #1F6590;
    outline: 2px solid #1a1a1a;
    outline-offset: 4px;
    background-clip: padding-box; }
  body.new-style main .new-link-button .icon, body.new-style main .button .icon, body.new-style main .calltoaction .icon, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button .icon, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button .icon, body.new-style main .link-button a .icon, body.new-style main a.link-button .icon, body.new-style main .form-button .icon, body.new-style .mypages-hero .new-link-button .icon, body.new-style .mypages-hero .button .icon, body.new-style .mypages-hero .calltoaction .icon, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button .icon, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button .icon, body.new-style .mypages-hero .link-button a .icon, body.new-style .mypages-hero a.link-button .icon, body.new-style .mypages-hero .form-button .icon, body.new-style .mypages-heading-content .new-link-button .icon, body.new-style .mypages-heading-content .button .icon, body.new-style .mypages-heading-content .calltoaction .icon, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button .icon, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button .icon, body.new-style .mypages-heading-content .link-button a .icon, body.new-style .mypages-heading-content a.link-button .icon, body.new-style .mypages-heading-content .form-button .icon, body.new-style .mypages-header .new-link-button .icon, body.new-style .mypages-header .button .icon, body.new-style .mypages-header .calltoaction .icon, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button .icon, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button .icon, body.new-style .mypages-header .link-button a .icon, body.new-style .mypages-header a.link-button .icon, body.new-style .mypages-header .form-button .icon {
    margin-left: 10px; }
  body.new-style main .new-link-button:disabled, body.new-style main .button:disabled, body.new-style main .calltoaction:disabled, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button:disabled, body.new-style main .link-button a:disabled, body.new-style main a.link-button:disabled, body.new-style main .form-button:disabled, body.new-style .mypages-hero .new-link-button:disabled, body.new-style .mypages-hero .button:disabled, body.new-style .mypages-hero .calltoaction:disabled, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button:disabled, body.new-style .mypages-hero .link-button a:disabled, body.new-style .mypages-hero a.link-button:disabled, body.new-style .mypages-hero .form-button:disabled, body.new-style .mypages-heading-content .new-link-button:disabled, body.new-style .mypages-heading-content .button:disabled, body.new-style .mypages-heading-content .calltoaction:disabled, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button:disabled, body.new-style .mypages-heading-content .link-button a:disabled, body.new-style .mypages-heading-content a.link-button:disabled, body.new-style .mypages-heading-content .form-button:disabled, body.new-style .mypages-header .new-link-button:disabled, body.new-style .mypages-header .button:disabled, body.new-style .mypages-header .calltoaction:disabled, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button:disabled, body.new-style .mypages-header .link-button a:disabled, body.new-style .mypages-header a.link-button:disabled, body.new-style .mypages-header .form-button:disabled {
    opacity: 0.5; }
    body.new-style main .new-link-button:disabled:hover, body.new-style main .button:disabled:hover, body.new-style main .calltoaction:disabled:hover, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button:disabled:hover, body.new-style main .link-button a:disabled:hover, body.new-style main a.link-button:disabled:hover, body.new-style main .form-button:disabled:hover, body.new-style .mypages-hero .new-link-button:disabled:hover, body.new-style .mypages-hero .button:disabled:hover, body.new-style .mypages-hero .calltoaction:disabled:hover, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button:disabled:hover, body.new-style .mypages-hero .link-button a:disabled:hover, body.new-style .mypages-hero a.link-button:disabled:hover, body.new-style .mypages-hero .form-button:disabled:hover, body.new-style .mypages-heading-content .new-link-button:disabled:hover, body.new-style .mypages-heading-content .button:disabled:hover, body.new-style .mypages-heading-content .calltoaction:disabled:hover, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button:disabled:hover, body.new-style .mypages-heading-content .link-button a:disabled:hover, body.new-style .mypages-heading-content a.link-button:disabled:hover, body.new-style .mypages-heading-content .form-button:disabled:hover, body.new-style .mypages-header .new-link-button:disabled:hover, body.new-style .mypages-header .button:disabled:hover, body.new-style .mypages-header .calltoaction:disabled:hover, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button:disabled:hover, body.new-style .mypages-header .link-button a:disabled:hover, body.new-style .mypages-header a.link-button:disabled:hover, body.new-style .mypages-header .form-button:disabled:hover {
      background-color: #004876;
      cursor: default; }
  body.new-style main .new-link-button.inverted, body.new-style main .button.inverted, body.new-style main .inverted.calltoaction, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .inverted.link-button, body.new-style main .link-button a.inverted, body.new-style main a.link-button.inverted, body.new-style main .form-button.inverted, body.new-style .mypages-hero .new-link-button.inverted, body.new-style .mypages-hero .button.inverted, body.new-style .mypages-hero .inverted.calltoaction, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .inverted.link-button, body.new-style .mypages-hero .link-button a.inverted, body.new-style .mypages-hero a.link-button.inverted, body.new-style .mypages-hero .form-button.inverted, body.new-style .mypages-heading-content .new-link-button.inverted, body.new-style .mypages-heading-content .button.inverted, body.new-style .mypages-heading-content .inverted.calltoaction, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .inverted.link-button, body.new-style .mypages-heading-content .link-button a.inverted, body.new-style .mypages-heading-content a.link-button.inverted, body.new-style .mypages-heading-content .form-button.inverted, body.new-style .mypages-header .new-link-button.inverted, body.new-style .mypages-header .button.inverted, body.new-style .mypages-header .inverted.calltoaction, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .inverted.link-button, body.new-style .mypages-header .link-button a.inverted, body.new-style .mypages-header a.link-button.inverted, body.new-style .mypages-header .form-button.inverted {
    color: #000000;
    background-color: #ffffff; }
    body.new-style main .new-link-button.inverted:hover, body.new-style main .button.inverted:hover, body.new-style main .inverted.calltoaction:hover, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .inverted.link-button:hover, body.new-style main .link-button a.inverted:hover, body.new-style main a.link-button.inverted:hover, body.new-style main .form-button.inverted:hover, body.new-style .mypages-hero .new-link-button.inverted:hover, body.new-style .mypages-hero .button.inverted:hover, body.new-style .mypages-hero .inverted.calltoaction:hover, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .inverted.link-button:hover, body.new-style .mypages-hero .link-button a.inverted:hover, body.new-style .mypages-hero a.link-button.inverted:hover, body.new-style .mypages-hero .form-button.inverted:hover, body.new-style .mypages-heading-content .new-link-button.inverted:hover, body.new-style .mypages-heading-content .button.inverted:hover, body.new-style .mypages-heading-content .inverted.calltoaction:hover, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .inverted.link-button:hover, body.new-style .mypages-heading-content .link-button a.inverted:hover, body.new-style .mypages-heading-content a.link-button.inverted:hover, body.new-style .mypages-heading-content .form-button.inverted:hover, body.new-style .mypages-header .new-link-button.inverted:hover, body.new-style .mypages-header .button.inverted:hover, body.new-style .mypages-header .inverted.calltoaction:hover, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .inverted.link-button:hover, body.new-style .mypages-header .link-button a.inverted:hover, body.new-style .mypages-header a.link-button.inverted:hover, body.new-style .mypages-header .form-button.inverted:hover {
      text-decoration: none;
      background-color: #E9FAFF; }
    body.new-style main .new-link-button.inverted:after, body.new-style main .button.inverted:after, body.new-style main .inverted.calltoaction:after, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:after, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .inverted.link-button:after, body.new-style main .link-button a.inverted:after, body.new-style main a.link-button.inverted:after, body.new-style main .form-button.inverted:after, body.new-style .mypages-hero .new-link-button.inverted:after, body.new-style .mypages-hero .button.inverted:after, body.new-style .mypages-hero .inverted.calltoaction:after, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:after, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .inverted.link-button:after, body.new-style .mypages-hero .link-button a.inverted:after, body.new-style .mypages-hero a.link-button.inverted:after, body.new-style .mypages-hero .form-button.inverted:after, body.new-style .mypages-heading-content .new-link-button.inverted:after, body.new-style .mypages-heading-content .button.inverted:after, body.new-style .mypages-heading-content .inverted.calltoaction:after, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:after, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .inverted.link-button:after, body.new-style .mypages-heading-content .link-button a.inverted:after, body.new-style .mypages-heading-content a.link-button.inverted:after, body.new-style .mypages-heading-content .form-button.inverted:after, body.new-style .mypages-header .new-link-button.inverted:after, body.new-style .mypages-header .button.inverted:after, body.new-style .mypages-header .inverted.calltoaction:after, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:after, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .inverted.link-button:after, body.new-style .mypages-header .link-button a.inverted:after, body.new-style .mypages-header a.link-button.inverted:after, body.new-style .mypages-header .form-button.inverted:after {
      border-color: #000000; }
    body.new-style main .new-link-button.inverted:focus, body.new-style main .button.inverted:focus, body.new-style main .inverted.calltoaction:focus, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .inverted.link-button:focus, body.new-style main .link-button a.inverted:focus, body.new-style main a.link-button.inverted:focus, body.new-style main .form-button.inverted:focus, body.new-style .mypages-hero .new-link-button.inverted:focus, body.new-style .mypages-hero .button.inverted:focus, body.new-style .mypages-hero .inverted.calltoaction:focus, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .inverted.link-button:focus, body.new-style .mypages-hero .link-button a.inverted:focus, body.new-style .mypages-hero a.link-button.inverted:focus, body.new-style .mypages-hero .form-button.inverted:focus, body.new-style .mypages-heading-content .new-link-button.inverted:focus, body.new-style .mypages-heading-content .button.inverted:focus, body.new-style .mypages-heading-content .inverted.calltoaction:focus, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .inverted.link-button:focus, body.new-style .mypages-heading-content .link-button a.inverted:focus, body.new-style .mypages-heading-content a.link-button.inverted:focus, body.new-style .mypages-heading-content .form-button.inverted:focus, body.new-style .mypages-header .new-link-button.inverted:focus, body.new-style .mypages-header .button.inverted:focus, body.new-style .mypages-header .inverted.calltoaction:focus, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .inverted.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .inverted.link-button:focus, body.new-style .mypages-header .link-button a.inverted:focus, body.new-style .mypages-header a.link-button.inverted:focus, body.new-style .mypages-header .form-button.inverted:focus {
      background-color: #E9FAFF;
      outline: 2px solid #ffffff;
      outline-offset: 4px;
      background-clip: padding-box; }
  body.new-style main .new-link-button.border, body.new-style main .button.border, body.new-style main .border.calltoaction, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .border.link-button, body.new-style main .link-button a.border, body.new-style main a.link-button.border, body.new-style main .form-button.border, body.new-style .mypages-hero .new-link-button.border, body.new-style .mypages-hero .button.border, body.new-style .mypages-hero .border.calltoaction, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .border.link-button, body.new-style .mypages-hero .link-button a.border, body.new-style .mypages-hero a.link-button.border, body.new-style .mypages-hero .form-button.border, body.new-style .mypages-heading-content .new-link-button.border, body.new-style .mypages-heading-content .button.border, body.new-style .mypages-heading-content .border.calltoaction, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .border.link-button, body.new-style .mypages-heading-content .link-button a.border, body.new-style .mypages-heading-content a.link-button.border, body.new-style .mypages-heading-content .form-button.border, body.new-style .mypages-header .new-link-button.border, body.new-style .mypages-header .button.border, body.new-style .mypages-header .border.calltoaction, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .border.link-button, body.new-style .mypages-header .link-button a.border, body.new-style .mypages-header a.link-button.border, body.new-style .mypages-header .form-button.border {
    border: 2px solid #7E8EA0; }
    body.new-style main .new-link-button.border:focus, body.new-style main .button.border:focus, body.new-style main .border.calltoaction:focus, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .border.link-button:focus, body.new-style main .link-button a.border:focus, body.new-style main a.link-button.border:focus, body.new-style main .form-button.border:focus, body.new-style .mypages-hero .new-link-button.border:focus, body.new-style .mypages-hero .button.border:focus, body.new-style .mypages-hero .border.calltoaction:focus, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .border.link-button:focus, body.new-style .mypages-hero .link-button a.border:focus, body.new-style .mypages-hero a.link-button.border:focus, body.new-style .mypages-hero .form-button.border:focus, body.new-style .mypages-heading-content .new-link-button.border:focus, body.new-style .mypages-heading-content .button.border:focus, body.new-style .mypages-heading-content .border.calltoaction:focus, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .border.link-button:focus, body.new-style .mypages-heading-content .link-button a.border:focus, body.new-style .mypages-heading-content a.link-button.border:focus, body.new-style .mypages-heading-content .form-button.border:focus, body.new-style .mypages-header .new-link-button.border:focus, body.new-style .mypages-header .button.border:focus, body.new-style .mypages-header .border.calltoaction:focus, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .border.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .border.link-button:focus, body.new-style .mypages-header .link-button a.border:focus, body.new-style .mypages-header a.link-button.border:focus, body.new-style .mypages-header .form-button.border:focus {
      outline: 2px solid #000000; }
  @media only screen and (max-width: 719px) {
    body.new-style main .new-link-button, body.new-style main .button, body.new-style main .calltoaction, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button, body.new-style main .link-button a, body.new-style main a.link-button, body.new-style main .form-button, body.new-style .mypages-hero .new-link-button, body.new-style .mypages-hero .button, body.new-style .mypages-hero .calltoaction, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button, body.new-style .mypages-hero .link-button a, body.new-style .mypages-hero a.link-button, body.new-style .mypages-hero .form-button, body.new-style .mypages-heading-content .new-link-button, body.new-style .mypages-heading-content .button, body.new-style .mypages-heading-content .calltoaction, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button, body.new-style .mypages-heading-content .link-button a, body.new-style .mypages-heading-content a.link-button, body.new-style .mypages-heading-content .form-button, body.new-style .mypages-header .new-link-button, body.new-style .mypages-header .button, body.new-style .mypages-header .calltoaction, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button, body.new-style .mypages-header .link-button a, body.new-style .mypages-header a.link-button, body.new-style .mypages-header .form-button {
      font-size: 18px; } }
  @media only screen and (max-width: 480px) {
    body.new-style main .new-link-button, body.new-style main .button, body.new-style main .calltoaction, body.new-style main body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style main .link-button, body.new-style main .link-button a, body.new-style main a.link-button, body.new-style main .form-button, body.new-style .mypages-hero .new-link-button, body.new-style .mypages-hero .button, body.new-style .mypages-hero .calltoaction, body.new-style .mypages-hero body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-hero .link-button, body.new-style .mypages-hero .link-button a, body.new-style .mypages-hero a.link-button, body.new-style .mypages-hero .form-button, body.new-style .mypages-heading-content .new-link-button, body.new-style .mypages-heading-content .button, body.new-style .mypages-heading-content .calltoaction, body.new-style .mypages-heading-content body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-heading-content .link-button, body.new-style .mypages-heading-content .link-button a, body.new-style .mypages-heading-content a.link-button, body.new-style .mypages-heading-content .form-button, body.new-style .mypages-header .new-link-button, body.new-style .mypages-header .button, body.new-style .mypages-header .calltoaction, body.new-style .mypages-header body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.new-style .mypages-header .link-button, body.new-style .mypages-header .link-button a, body.new-style .mypages-header a.link-button, body.new-style .mypages-header .form-button {
      margin: 0 auto; } }

body.new-style main .form-button, body.new-style .mypages-hero .form-button, body.new-style .mypages-heading-content .form-button, body.new-style .mypages-header .form-button {
  margin-top: 30px; }

body.new-style main .menu-button, body.new-style .mypages-hero .menu-button, body.new-style .mypages-heading-content .menu-button, body.new-style .mypages-header .menu-button {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  font-size: 19px;
  color: #000000;
  border: 1px solid #d7dbde;
  padding: 0 25px;
  line-height: 42px;
  border-radius: 21px;
  text-decoration: none;
  margin: 0 11px 24px;
  transition: border 25ms linear, color 25ms linear; }
  body.new-style main .menu-button:hover, body.new-style .mypages-hero .menu-button:hover, body.new-style .mypages-heading-content .menu-button:hover, body.new-style .mypages-header .menu-button:hover {
    text-decoration: none;
    background-color: #E9FAFF; }
  body.new-style main .menu-button:focus, body.new-style .mypages-hero .menu-button:focus, body.new-style .mypages-heading-content .menu-button:focus, body.new-style .mypages-header .menu-button:focus {
    background-color: #E9FAFF;
    outline: 2px solid #1a1a1a;
    outline-offset: 4px;
    background-clip: padding-box; }
  body.new-style main .menu-button__icon, body.new-style .mypages-hero .menu-button__icon, body.new-style .mypages-heading-content .menu-button__icon, body.new-style .mypages-header .menu-button__icon {
    color: #004876;
    font-size: 22px;
    transition: color 25ms linear;
    display: inline-block; }
  body.new-style main .menu-button__text, body.new-style .mypages-hero .menu-button__text, body.new-style .mypages-heading-content .menu-button__text, body.new-style .mypages-header .menu-button__text {
    color: #000000;
    margin-left: 14px;
    display: inline-block; }

body.new-style main .new-link-text, body.new-style main a.link-text, body.new-style main .link-text, body.new-style main span a, body.new-style main ul a, body.new-style main ol a, body.new-style .mypages-hero .new-link-text, body.new-style .mypages-hero a.link-text, body.new-style .mypages-hero .link-text, body.new-style .mypages-hero span a, body.new-style .mypages-hero ul a, body.new-style .mypages-hero ol a, body.new-style .mypages-heading-content .new-link-text, body.new-style .mypages-heading-content a.link-text, body.new-style .mypages-heading-content .link-text, body.new-style .mypages-heading-content span a, body.new-style .mypages-heading-content ul a, body.new-style .mypages-heading-content ol a, body.new-style .mypages-header .new-link-text, body.new-style .mypages-header a.link-text, body.new-style .mypages-header .link-text, body.new-style .mypages-header span a, body.new-style .mypages-header ul a, body.new-style .mypages-header ol a {
  color: #1F6590;
  text-decoration: underline;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: initial;
  outline: none;
  margin-left: 2px;
  background-color: unset;
  border: none;
  padding: unset;
  cursor: pointer; }
  body.new-style main .new-link-text:hover, body.new-style main a.link-text:hover, body.new-style main .link-text:hover, body.new-style main span a:hover, body.new-style main ul a:hover, body.new-style main ol a:hover, body.new-style .mypages-hero .new-link-text:hover, body.new-style .mypages-hero a.link-text:hover, body.new-style .mypages-hero .link-text:hover, body.new-style .mypages-hero span a:hover, body.new-style .mypages-hero ul a:hover, body.new-style .mypages-hero ol a:hover, body.new-style .mypages-heading-content .new-link-text:hover, body.new-style .mypages-heading-content a.link-text:hover, body.new-style .mypages-heading-content .link-text:hover, body.new-style .mypages-heading-content span a:hover, body.new-style .mypages-heading-content ul a:hover, body.new-style .mypages-heading-content ol a:hover, body.new-style .mypages-header .new-link-text:hover, body.new-style .mypages-header a.link-text:hover, body.new-style .mypages-header .link-text:hover, body.new-style .mypages-header span a:hover, body.new-style .mypages-header ul a:hover, body.new-style .mypages-header ol a:hover {
    text-decoration: none; }
  body.new-style main .new-link-text:focus-visible, body.new-style main a.link-text:focus-visible, body.new-style main .link-text:focus-visible, body.new-style main span a:focus-visible, body.new-style main ul a:focus-visible, body.new-style main ol a:focus-visible, body.new-style .mypages-hero .new-link-text:focus-visible, body.new-style .mypages-hero a.link-text:focus-visible, body.new-style .mypages-hero .link-text:focus-visible, body.new-style .mypages-hero span a:focus-visible, body.new-style .mypages-hero ul a:focus-visible, body.new-style .mypages-hero ol a:focus-visible, body.new-style .mypages-heading-content .new-link-text:focus-visible, body.new-style .mypages-heading-content a.link-text:focus-visible, body.new-style .mypages-heading-content .link-text:focus-visible, body.new-style .mypages-heading-content span a:focus-visible, body.new-style .mypages-heading-content ul a:focus-visible, body.new-style .mypages-heading-content ol a:focus-visible, body.new-style .mypages-header .new-link-text:focus-visible, body.new-style .mypages-header a.link-text:focus-visible, body.new-style .mypages-header .link-text:focus-visible, body.new-style .mypages-header span a:focus-visible, body.new-style .mypages-header ul a:focus-visible, body.new-style .mypages-header ol a:focus-visible {
    border-radius: 5px;
    outline: 2px solid #000000;
    outline-offset: 2px;
    text-decoration: none; }
  body.new-style main .new-link-text:focus, body.new-style main a.link-text:focus, body.new-style main .link-text:focus, body.new-style main span a:focus, body.new-style main ul a:focus, body.new-style main ol a:focus, body.new-style .mypages-hero .new-link-text:focus, body.new-style .mypages-hero a.link-text:focus, body.new-style .mypages-hero .link-text:focus, body.new-style .mypages-hero span a:focus, body.new-style .mypages-hero ul a:focus, body.new-style .mypages-hero ol a:focus, body.new-style .mypages-heading-content .new-link-text:focus, body.new-style .mypages-heading-content a.link-text:focus, body.new-style .mypages-heading-content .link-text:focus, body.new-style .mypages-heading-content span a:focus, body.new-style .mypages-heading-content ul a:focus, body.new-style .mypages-heading-content ol a:focus, body.new-style .mypages-header .new-link-text:focus, body.new-style .mypages-header a.link-text:focus, body.new-style .mypages-header .link-text:focus, body.new-style .mypages-header span a:focus, body.new-style .mypages-header ul a:focus, body.new-style .mypages-header ol a:focus {
    outline: none; }
  body.new-style main .new-link-text.no-underline, body.new-style main a.link-text.no-underline, body.new-style main .link-text.no-underline, body.new-style main span a.no-underline, body.new-style main ul a.no-underline, body.new-style main ol a.no-underline, body.new-style .mypages-hero .new-link-text.no-underline, body.new-style .mypages-hero a.link-text.no-underline, body.new-style .mypages-hero .link-text.no-underline, body.new-style .mypages-hero span a.no-underline, body.new-style .mypages-hero ul a.no-underline, body.new-style .mypages-hero ol a.no-underline, body.new-style .mypages-heading-content .new-link-text.no-underline, body.new-style .mypages-heading-content a.link-text.no-underline, body.new-style .mypages-heading-content .link-text.no-underline, body.new-style .mypages-heading-content span a.no-underline, body.new-style .mypages-heading-content ul a.no-underline, body.new-style .mypages-heading-content ol a.no-underline, body.new-style .mypages-header .new-link-text.no-underline, body.new-style .mypages-header a.link-text.no-underline, body.new-style .mypages-header .link-text.no-underline, body.new-style .mypages-header span a.no-underline, body.new-style .mypages-header ul a.no-underline, body.new-style .mypages-header ol a.no-underline {
    text-decoration: none;
    color: #1F6590; }
  body.new-style main .new-link-text.lg, body.new-style main a.link-text.lg, body.new-style main .link-text.lg, body.new-style main span a.lg, body.new-style main ul a.lg, body.new-style main ol a.lg, body.new-style .mypages-hero .new-link-text.lg, body.new-style .mypages-hero a.link-text.lg, body.new-style .mypages-hero .link-text.lg, body.new-style .mypages-hero span a.lg, body.new-style .mypages-hero ul a.lg, body.new-style .mypages-hero ol a.lg, body.new-style .mypages-heading-content .new-link-text.lg, body.new-style .mypages-heading-content a.link-text.lg, body.new-style .mypages-heading-content .link-text.lg, body.new-style .mypages-heading-content span a.lg, body.new-style .mypages-heading-content ul a.lg, body.new-style .mypages-heading-content ol a.lg, body.new-style .mypages-header .new-link-text.lg, body.new-style .mypages-header a.link-text.lg, body.new-style .mypages-header .link-text.lg, body.new-style .mypages-header span a.lg, body.new-style .mypages-header ul a.lg, body.new-style .mypages-header ol a.lg {
    font-size: 30px; }
  body.new-style main .new-link-text.back, body.new-style main a.link-text.back, body.new-style main .link-text.back, body.new-style main span a.back, body.new-style main ul a.back, body.new-style main ol a.back, body.new-style .mypages-hero .new-link-text.back, body.new-style .mypages-hero a.link-text.back, body.new-style .mypages-hero .link-text.back, body.new-style .mypages-hero span a.back, body.new-style .mypages-hero ul a.back, body.new-style .mypages-hero ol a.back, body.new-style .mypages-heading-content .new-link-text.back, body.new-style .mypages-heading-content a.link-text.back, body.new-style .mypages-heading-content .link-text.back, body.new-style .mypages-heading-content span a.back, body.new-style .mypages-heading-content ul a.back, body.new-style .mypages-heading-content ol a.back, body.new-style .mypages-header .new-link-text.back, body.new-style .mypages-header a.link-text.back, body.new-style .mypages-header .link-text.back, body.new-style .mypages-header span a.back, body.new-style .mypages-header ul a.back, body.new-style .mypages-header ol a.back {
    margin-top: 60px; }

body.new-style main .form-link, body.new-style .mypages-hero .form-link, body.new-style .mypages-heading-content .form-link, body.new-style .mypages-header .form-link {
  margin-top: 30px; }

body.new-style main .mypages-dropdown.disabled .mypages-dropdown-button, body.new-style .mypages-hero .mypages-dropdown.disabled .mypages-dropdown-button, body.new-style .mypages-heading-content .mypages-dropdown.disabled .mypages-dropdown-button, body.new-style .mypages-header .mypages-dropdown.disabled .mypages-dropdown-button {
  background-color: #89AEC0 !important;
  cursor: initial; }

body.new-style main .on .mypages-dropdown-button::after, body.new-style .mypages-hero .on .mypages-dropdown-button::after, body.new-style .mypages-heading-content .on .mypages-dropdown-button::after, body.new-style .mypages-header .on .mypages-dropdown-button::after {
  transform: rotate(-45deg);
  top: 44.5%;
  transition: .3s ease-in-out; }

body.new-style main .mypages-dropdown-button, body.new-style .mypages-hero .mypages-dropdown-button, body.new-style .mypages-heading-content .mypages-dropdown-button, body.new-style .mypages-header .mypages-dropdown-button {
  position: relative;
  display: block;
  flex-direction: row;
  align-items: center;
  height: 50px;
  color: #ffffff;
  background-color: #004876;
  box-shadow: none;
  border: 0;
  border-radius: 30px;
  padding: 0 65px 0 20px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 18px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  body.new-style main .mypages-dropdown-button__text, body.new-style .mypages-hero .mypages-dropdown-button__text, body.new-style .mypages-heading-content .mypages-dropdown-button__text, body.new-style .mypages-header .mypages-dropdown-button__text {
    display: flex;
    flex-direction: column; }
  body.new-style main .mypages-dropdown-button::after, body.new-style .mypages-hero .mypages-dropdown-button::after, body.new-style .mypages-heading-content .mypages-dropdown-button::after, body.new-style .mypages-header .mypages-dropdown-button::after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 25px;
    transform: rotate(135deg);
    transition: .3s ease-in-out;
    color: #fff; }
  body.new-style main .mypages-dropdown-button:hover, body.new-style .mypages-hero .mypages-dropdown-button:hover, body.new-style .mypages-heading-content .mypages-dropdown-button:hover, body.new-style .mypages-header .mypages-dropdown-button:hover {
    background-color: #1F6590; }
  body.new-style main .mypages-dropdown-button:focus, body.new-style main .mypages-dropdown-button:focus-visible, body.new-style .mypages-hero .mypages-dropdown-button:focus, body.new-style .mypages-hero .mypages-dropdown-button:focus-visible, body.new-style .mypages-heading-content .mypages-dropdown-button:focus, body.new-style .mypages-heading-content .mypages-dropdown-button:focus-visible, body.new-style .mypages-header .mypages-dropdown-button:focus, body.new-style .mypages-header .mypages-dropdown-button:focus-visible {
    background-color: #1F6590;
    outline: 2px solid #000000;
    outline-offset: 4px;
    z-index: 10; }

body.new-style main .mypages-dropdown-list, body.new-style .mypages-hero .mypages-dropdown-list, body.new-style .mypages-heading-content .mypages-dropdown-list, body.new-style .mypages-header .mypages-dropdown-list {
  position: absolute;
  top: calc(100% + 6px);
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  list-style: none;
  animation-duration: 250ms;
  animation-fill-mode: both;
  z-index: 100; }
  body.new-style main .mypages-dropdown-list li, body.new-style .mypages-hero .mypages-dropdown-list li, body.new-style .mypages-heading-content .mypages-dropdown-list li, body.new-style .mypages-header .mypages-dropdown-list li {
    border: none;
    border-radius: 30px; }
    body.new-style main .mypages-dropdown-list li span, body.new-style .mypages-hero .mypages-dropdown-list li span, body.new-style .mypages-heading-content .mypages-dropdown-list li span, body.new-style .mypages-header .mypages-dropdown-list li span {
      color: #000000 !important; }
    body.new-style main .mypages-dropdown-list li:focus, body.new-style .mypages-hero .mypages-dropdown-list li:focus, body.new-style .mypages-heading-content .mypages-dropdown-list li:focus, body.new-style .mypages-header .mypages-dropdown-list li:focus {
      background-color: #E9FAFF;
      border: 2px solid #000000; }
    body.new-style main .mypages-dropdown-list li:focus-visible, body.new-style .mypages-hero .mypages-dropdown-list li:focus-visible, body.new-style .mypages-heading-content .mypages-dropdown-list li:focus-visible, body.new-style .mypages-header .mypages-dropdown-list li:focus-visible {
      outline: none; }
    body.new-style main .mypages-dropdown-list li span:hover, body.new-style .mypages-hero .mypages-dropdown-list li span:hover, body.new-style .mypages-heading-content .mypages-dropdown-list li span:hover, body.new-style .mypages-header .mypages-dropdown-list li span:hover {
      background-color: initial;
      color: initial; }
  body.new-style main .mypages-dropdown-list li a, body.new-style main .mypages-dropdown-list li label, body.new-style .mypages-hero .mypages-dropdown-list li a, body.new-style .mypages-hero .mypages-dropdown-list li label, body.new-style .mypages-heading-content .mypages-dropdown-list li a, body.new-style .mypages-heading-content .mypages-dropdown-list li label, body.new-style .mypages-header .mypages-dropdown-list li a, body.new-style .mypages-header .mypages-dropdown-list li label {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin: 0;
    padding: 10px 15px 10px 20px;
    border: none;
    border-radius: 22.5px;
    box-shadow: none;
    text-decoration: none; }
    body.new-style main .mypages-dropdown-list li a:hover, body.new-style main .mypages-dropdown-list li label:hover, body.new-style .mypages-hero .mypages-dropdown-list li a:hover, body.new-style .mypages-hero .mypages-dropdown-list li label:hover, body.new-style .mypages-heading-content .mypages-dropdown-list li a:hover, body.new-style .mypages-heading-content .mypages-dropdown-list li label:hover, body.new-style .mypages-header .mypages-dropdown-list li a:hover, body.new-style .mypages-header .mypages-dropdown-list li label:hover {
      background-color: #E9FAFF; }
    body.new-style main .mypages-dropdown-list li a:focus, body.new-style main .mypages-dropdown-list li a:focus-visible, body.new-style main .mypages-dropdown-list li label:focus, body.new-style main .mypages-dropdown-list li label:focus-visible, body.new-style .mypages-hero .mypages-dropdown-list li a:focus, body.new-style .mypages-hero .mypages-dropdown-list li a:focus-visible, body.new-style .mypages-hero .mypages-dropdown-list li label:focus, body.new-style .mypages-hero .mypages-dropdown-list li label:focus-visible, body.new-style .mypages-heading-content .mypages-dropdown-list li a:focus, body.new-style .mypages-heading-content .mypages-dropdown-list li a:focus-visible, body.new-style .mypages-heading-content .mypages-dropdown-list li label:focus, body.new-style .mypages-heading-content .mypages-dropdown-list li label:focus-visible, body.new-style .mypages-header .mypages-dropdown-list li a:focus, body.new-style .mypages-header .mypages-dropdown-list li a:focus-visible, body.new-style .mypages-header .mypages-dropdown-list li label:focus, body.new-style .mypages-header .mypages-dropdown-list li label:focus-visible {
      background-color: #E9FAFF;
      outline: 2px solid #000000;
      outline-offset: -1px;
      z-index: 10; }
    body.new-style main .mypages-dropdown-list li a.checked, body.new-style main .mypages-dropdown-list li label.checked, body.new-style .mypages-hero .mypages-dropdown-list li a.checked, body.new-style .mypages-hero .mypages-dropdown-list li label.checked, body.new-style .mypages-heading-content .mypages-dropdown-list li a.checked, body.new-style .mypages-heading-content .mypages-dropdown-list li label.checked, body.new-style .mypages-header .mypages-dropdown-list li a.checked, body.new-style .mypages-header .mypages-dropdown-list li label.checked {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
    body.new-style main .mypages-dropdown-list li a::after, body.new-style main .mypages-dropdown-list li label::after, body.new-style .mypages-hero .mypages-dropdown-list li a::after, body.new-style .mypages-hero .mypages-dropdown-list li label::after, body.new-style .mypages-heading-content .mypages-dropdown-list li a::after, body.new-style .mypages-heading-content .mypages-dropdown-list li label::after, body.new-style .mypages-header .mypages-dropdown-list li a::after, body.new-style .mypages-header .mypages-dropdown-list li label::after {
      content: ''; }
  body.new-style main .mypages-dropdown-list a.checked, body.new-style main .mypages-dropdown-list li label.checked, body.new-style .mypages-hero .mypages-dropdown-list a.checked, body.new-style .mypages-hero .mypages-dropdown-list li label.checked, body.new-style .mypages-heading-content .mypages-dropdown-list a.checked, body.new-style .mypages-heading-content .mypages-dropdown-list li label.checked, body.new-style .mypages-header .mypages-dropdown-list a.checked, body.new-style .mypages-header .mypages-dropdown-list li label.checked {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
    body.new-style main .mypages-dropdown-list a.checked span, body.new-style main .mypages-dropdown-list li label.checked span, body.new-style .mypages-hero .mypages-dropdown-list a.checked span, body.new-style .mypages-hero .mypages-dropdown-list li label.checked span, body.new-style .mypages-heading-content .mypages-dropdown-list a.checked span, body.new-style .mypages-heading-content .mypages-dropdown-list li label.checked span, body.new-style .mypages-header .mypages-dropdown-list a.checked span, body.new-style .mypages-header .mypages-dropdown-list li label.checked span {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.new-style main .bold {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.new-style main .margin-0 {
  margin: 0; }

body.new-style main .margin-bottom-5 {
  margin-bottom: 5px; }

body.new-style main .margin-bottom-10 {
  margin-bottom: 10px; }

body.new-style main .margin-bottom-15 {
  margin-bottom: 15px; }

body.new-style main .margin-bottom-20 {
  margin-bottom: 20px; }

body.new-style main .margin-bottom-25 {
  margin-bottom: 25px; }

body.new-style main .margin-bottom-30 {
  margin-bottom: 30px; }

body.new-style main .margin-bottom-35 {
  margin-bottom: 35px; }

body.new-style main .margin-bottom-40 {
  margin-bottom: 40px; }

body.new-style main .margin-bottom-45 {
  margin-bottom: 45px; }

body.new-style main .margin-bottom-50 {
  margin-bottom: 50px; }

body.new-style main .margin-bottom-55 {
  margin-bottom: 55px; }

body.new-style main .margin-bottom-60 {
  margin-bottom: 60px; }

body.new-style main .margin-top-5 {
  margin-top: 5px; }

body.new-style main .margin-top-10 {
  margin-top: 10px; }

body.new-style main .margin-top-15 {
  margin-top: 15px; }

body.new-style main .margin-top-20 {
  margin-top: 20px; }

body.new-style main .margin-top-25 {
  margin-top: 25px; }

body.new-style main .margin-top-30 {
  margin-top: 30px; }

body.new-style main .margin-top-35 {
  margin-top: 35px; }

body.new-style main .margin-top-40 {
  margin-top: 40px; }

body.new-style main .margin-top-45 {
  margin-top: 45px; }

body.new-style main .margin-top-50 {
  margin-top: 50px; }

body.new-style main .margin-top-55 {
  margin-top: 55px; }

body.new-style main .margin-top-60 {
  margin-top: 60px; }

body.new-style main .margin-left-5 {
  margin-left: 5px; }

body.new-style main .margin-left-10 {
  margin-left: 10px; }

body.new-style main .margin-left-15 {
  margin-left: 15px; }

body.new-style main .margin-left-20 {
  margin-left: 20px; }

body.new-style main .margin-left-25 {
  margin-left: 20px; }

body.new-style main .margin-left-30 {
  margin-left: 20px; }

body.new-style main .margin-right-5 {
  margin-right: 5px; }

body.new-style main .margin-right-10 {
  margin-right: 10px; }

body.new-style main .margin-right-15 {
  margin-right: 15px; }

body.new-style main .margin-right-20 {
  margin-right: 20px; }

body.new-style main .margin-right-25 {
  margin-right: 25px; }

body.new-style main .margin-right-30 {
  margin-right: 30px; }

body.new-style main .padding-0 {
  padding: 0; }

body.new-style main .padding-bottom-5 {
  padding-bottom: 5px; }

body.new-style main .padding-bottom-10 {
  padding-bottom: 10px; }

body.new-style main .padding-bottom-15 {
  padding-bottom: 15px; }

body.new-style main .padding-bottom-20 {
  padding-bottom: 20px; }

body.new-style main .padding-bottom-25 {
  padding-bottom: 25px; }

body.new-style main .padding-bottom-30 {
  padding-bottom: 30px; }

body.new-style main .padding-bottom-35 {
  padding-bottom: 35px; }

body.new-style main .padding-bottom-40 {
  padding-bottom: 40px; }

body.new-style main .padding-bottom-45 {
  padding-bottom: 45px; }

body.new-style main .padding-bottom-50 {
  padding-bottom: 50px; }

body.new-style main .padding-bottom-55 {
  padding-bottom: 55px; }

body.new-style main .padding-bottom-60 {
  padding-bottom: 60px; }

body.new-style main .padding-top-5 {
  padding-top: 5px; }

body.new-style main .padding-top-10 {
  padding-top: 10px; }

body.new-style main .padding-top-15 {
  padding-top: 15px; }

body.new-style main .padding-top-20 {
  padding-top: 20px; }

body.new-style main .padding-top-25 {
  padding-top: 25px; }

body.new-style main .padding-top-30 {
  padding-top: 30px; }

body.new-style main .padding-top-35 {
  padding-top: 35px; }

body.new-style main .padding-top-40 {
  padding-top: 40px; }

body.new-style main .padding-top-45 {
  padding-top: 45px; }

body.new-style main .padding-top-50 {
  padding-top: 50px; }

body.new-style main .padding-top-55 {
  padding-top: 55px; }

body.new-style main .padding-top-60 {
  padding-top: 60px; }

body.new-style main .padding-left-5 {
  padding-left: 5px; }

body.new-style main .padding-left-10 {
  padding-left: 10px; }

body.new-style main .padding-left-15 {
  padding-left: 15px; }

body.new-style main .padding-left-20 {
  padding-left: 20px; }

body.new-style main .padding-left-25 {
  padding-left: 20px; }

body.new-style main .padding-left-30 {
  padding-left: 20px; }

body.new-style main .padding-right-5 {
  padding-right: 5px; }

body.new-style main .padding-right-10 {
  padding-right: 10px; }

body.new-style main .padding-right-15 {
  padding-right: 15px; }

body.new-style main .padding-right-20 {
  padding-right: 20px; }

body.new-style main .padding-right-25 {
  padding-right: 25px; }

body.new-style main .padding-right-30 {
  padding-right: 30px; }

body main .dropdowns {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 20px; }

body main .mypages-dropdown {
  border: 0;
  min-width: 180px;
  max-width: 360px;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 1rem; }
  @media only screen and (max-width: 719px) {
    body main .mypages-dropdown {
      flex-grow: 1;
      width: auto; } }
  body main .mypages-dropdown--blue {
    display: none; }
    body main .mypages-dropdown--blue .mypages-dropdown-button {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: inherit;
      color: #ffffff;
      height: 50px;
      line-height: 48px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      background-color: #004878; }
      body main .mypages-dropdown--blue .mypages-dropdown-button::after {
        height: 8px;
        width: 8px;
        top: 14px;
        border-color: #ffffff; }
  body main .mypages-dropdown.on {
    position: relative; }
    body main .mypages-dropdown.on .mypages-dropdown-button::after {
      top: 20px; }
  body main .mypages-dropdown-search {
    display: none;
    width: calc(100% - 10px);
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
    margin: 5px 0 0 5px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    body main .mypages-dropdown-search-input {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 0.6em 0.6em 0.6em 2em;
      font-size: 18px; }
      body main .mypages-dropdown-search-input::-moz-placeholder {
        color: #949494;
        font-style: italic; }
      body main .mypages-dropdown-search-input::placeholder {
        color: #949494;
        font-style: italic; }
      body main .mypages-dropdown-search-input:focus {
        outline-color: rgba(0, 0, 0, 0.3); }
      body main .mypages-dropdown-search-input:disabled {
        background-color: #f2f2f2;
        color: #333333;
        opacity: 0.5; }
      body main .mypages-dropdown-search-input:disabled + span {
        opacity: 0.5; }
    body main .mypages-dropdown-search .icon-search {
      font-size: 18px;
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      color: #1178af; }
    body main .mypages-dropdown-search__removed {
      padding: 20px 20px 0;
      margin: 0; }
  body main .mypages-dropdown-select {
    display: none;
    width: calc(100% - 10px);
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
    margin: 5px 0 0 5px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  body main .mypages-dropdown__label {
    position: relative;
    top: -5px;
    padding-left: 20px; }
  body main .mypages-dropdown.on .mypages-dropdown-list {
    display: block;
    animation-name: fadeInGenericDropdownlist;
    max-height: 21.9em;
    overflow-y: auto;
    top: calc(100% + 6px); }
  body main .mypages-dropdown__datepicker li label.checked::after {
    content: "" !important; }
  body main .mypages-dropdown__datepicker.on {
    position: static; }
    @media (min-width: 480px) {
      body main .mypages-dropdown__datepicker.on {
        position: relative; } }
  body main .mypages-dropdown.on--search .mypages-dropdown-list {
    border-radius: 5px; }
    body main .mypages-dropdown.on--search .mypages-dropdown-list li a {
      padding: 12px 30px 12px 15px; }
  body main .mypages-dropdown-empty .mypages-dropdown-list:after {
    content: "Inga tr\00E4 ffar";
    display: block;
    text-align: center;
    padding: 20px 0;
    font-style: italic; }
  body main .mypages-dropdown.on .mypages-dropdown-search {
    display: block;
    animation-name: fadeInGenericDropdownlist;
    z-index: 10000; }
  body main .mypages-dropdown.on .mypages-dropdown-select {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    animation-name: fadeInGenericDropdownlist;
    z-index: 10000; }
    body main .mypages-dropdown.on .mypages-dropdown-select .ui-button-text {
      font-weight: 600; }
  body main .mypages-dropdown.disabled .mypages-dropdown-button {
    background-color: #89AEC0 !important;
    color: #C2D3DE;
    cursor: initial; }
    body main .mypages-dropdown.disabled .mypages-dropdown-button:after {
      border-top-color: #C2D3DE; }

body main .on .mypages-dropdown-button::after {
  transform: rotate(-45deg);
  top: 44.5%;
  transition: .3s ease-in-out; }

body main .mypages-dropdown-button {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  min-height: 50px;
  min-width: 180px;
  width: 100%;
  padding: 0 65px 0 20px;
  background-color: #004876;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: background 150ms ease;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  position: relative; }
  body main .mypages-dropdown-button.solo {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    max-width: 360px; }
    @media only screen and (max-width: 719px) {
      body main .mypages-dropdown-button.solo {
        flex-grow: 2; } }
    body main .mypages-dropdown-button.solo.border {
      border: 2px solid #1a1a1a; }
    body main .mypages-dropdown-button.solo.white {
      background-color: #ffffff;
      color: #000000;
      border-color: #7E8EA0; }
      body main .mypages-dropdown-button.solo.white::after {
        border-color: #7E8EA0; }
  body main .mypages-dropdown-button__text {
    display: flex;
    flex-direction: column; }
  body main .mypages-dropdown-button::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 30px;
    display: block;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #fff;
    transform: rotate(135deg);
    transition: .3s ease-in-out;
    color: #fff; }
  body main .mypages-dropdown-button:hover {
    background-color: #1F6590; }
  body main .mypages-dropdown-button:focus, body main .mypages-dropdown-button:focus-visible {
    background-color: #1F6590;
    outline: 2px solid #000000;
    outline-offset: 4px;
    z-index: 10; }
  body main .mypages-dropdown-button:disabled {
    background-color: #89AEC0;
    pointer-events: none;
    opacity: 0.5; }

body main .solo.mypages-dropdown-list {
  max-width: 360px; }

body main .mypages-dropdown-list {
  display: none;
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  background-color: #ffffff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  list-style: none;
  animation-duration: 250ms;
  animation-fill-mode: both;
  z-index: 100; }
  body main .mypages-dropdown-list--full-width {
    width: auto;
    min-width: 100%; }
  body main .mypages-dropdown-list--full-height {
    max-height: none !important; }
  body main .mypages-dropdown-list--anchor-right {
    right: 0;
    left: auto; }
  body main .mypages-dropdown-list--anchor-center {
    left: 50%;
    animation-name: fadeInGenericDropdownlistCenter !important; }
  body main .mypages-dropdown-list li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    body main .mypages-dropdown-list li:last-child {
      border-bottom: 0; }
    body main .mypages-dropdown-list li a {
      padding: 6px 10px 6px 20px; }
    body main .mypages-dropdown-list li a.disabled {
      opacity: 0.5;
      pointer-events: none; }
    body main .mypages-dropdown-list li span {
      padding: 6px 10px 6px 0; }
    body main .mypages-dropdown-list li a, body main .mypages-dropdown-list li span {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000 !important;
      display: block;
      margin: 0;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-block: 0; }
      body main .mypages-dropdown-list li a.checked::after, body main .mypages-dropdown-list li span.checked::after {
        content: "";
        font-family: "custom-icons";
        font-size: 20px;
        display: block;
        height: 15px;
        width: 15px;
        line-height: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        z-index: 10;
        color: #7a8990; }
      body main .mypages-dropdown-list li a:hover, body main .mypages-dropdown-list li span:hover {
        color: #000;
        text-decoration: none;
        background-color: #1F6590; }
    body main .mypages-dropdown-list li label {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000;
      display: block;
      padding: 5px 30px 5px 10px;
      margin: 0;
      text-decoration: none;
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis; }
      body main .mypages-dropdown-list li label.disabled {
        opacity: .5; }
      body main .mypages-dropdown-list li label input {
        z-index: -1;
        float: left;
        margin-left: -50px; }
      body main .mypages-dropdown-list li label.checked::after {
        content: "";
        font-family: "custom-icons";
        font-size: 20px;
        display: block;
        height: 15px;
        width: 15px;
        line-height: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        z-index: 10;
        color: #7a8990; }
      body main .mypages-dropdown-list li label:hover {
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.05); }
  body main .mypages-dropdown-list--cols:after {
    content: "";
    display: table;
    clear: both; }
  body main .mypages-dropdown-list--cols li {
    float: left;
    border: none !important; }
    body main .mypages-dropdown-list--cols li label {
      text-align: center; }
  body main .mypages-dropdown-list--cols-3 li {
    width: 33.3%; }
  body main .mypages-dropdown-list--cols-7 li {
    width: 14.2%; }
  body main .mypages-dropdown-list-overflow {
    max-height: 220px;
    overflow: auto; }
  body main .mypages-dropdown-list-site spanbody main .mypages-dropdown-list-site-item {
    padding: 0;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body main .mypages-dropdown-list-site spanbody main .mypages-dropdown-list-site-item:hover {
      background-color: transparent; }
  body main .mypages-dropdown-list li {
    border: none;
    border-radius: 30px; }
    body main .mypages-dropdown-list li span {
      color: #000000 !important; }
    body main .mypages-dropdown-list li:focus {
      background-color: #E9FAFF;
      border: 2px solid #000000; }
    body main .mypages-dropdown-list li:focus-visible {
      outline: none; }
    body main .mypages-dropdown-list li span:hover {
      background-color: initial;
      color: initial; }
  body main .mypages-dropdown-list li a, body main .mypages-dropdown-list li label {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin: 0;
    padding: 10px 20px;
    border: none;
    border-radius: 22.5px;
    box-shadow: none;
    text-decoration: none; }
    body main .mypages-dropdown-list li a:hover, body main .mypages-dropdown-list li label:hover {
      background-color: #E9FAFF; }
    body main .mypages-dropdown-list li a:focus, body main .mypages-dropdown-list li a:focus-visible, body main .mypages-dropdown-list li label:focus, body main .mypages-dropdown-list li label:focus-visible {
      background-color: #E9FAFF;
      outline: 2px solid #000000;
      outline-offset: -1px;
      z-index: 10; }
    body main .mypages-dropdown-list li a.checked, body main .mypages-dropdown-list li label.checked {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
    body main .mypages-dropdown-list li a::after, body main .mypages-dropdown-list li label::after {
      content: ''; }
  body main .mypages-dropdown-list a.checked, body main .mypages-dropdown-list li label.checked {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
    body main .mypages-dropdown-list a.checked span, body main .mypages-dropdown-list li label.checked span {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.new-style .form-group {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none; }

body.new-style main .form-group, .servicecheckblock .form-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 40px; }
  @media only screen and (max-width: 719px) {
    body.new-style main .form-group, .servicecheckblock .form-group {
      flex-direction: column; } }
  body.new-style main .form-group .form-input, .servicecheckblock .form-group .form-input {
    width: 50%; }
    @media only screen and (max-width: 719px) {
      body.new-style main .form-group .form-input, .servicecheckblock .form-group .form-input {
        width: 100%; } }
  body.new-style main .form-group.single, .servicecheckblock .form-group.single {
    margin-top: 20px; }

body.new-style main .form-label, .servicecheckblock .form-label {
  font-size: 18px;
  padding-left: 20px; }

body.new-style main input[type="text"]:not(.datepicker-field), .servicecheckblock input[type="text"]:not(.datepicker-field) {
  font-size: 18px;
  width: 100%;
  height: 50px;
  border: 2px solid black;
  margin: 5px 0 0 0;
  padding: 0 25px;
  border-radius: 30px;
  font-family: inherit;
  font-style: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box; }
  body.new-style main input[type="text"]:not(.datepicker-field):focus, .servicecheckblock input[type="text"]:not(.datepicker-field):focus {
    outline: 2px solid #1a1a1a;
    outline-offset: 4px;
    background-clip: padding-box; }
  body.new-style main input[type="text"]:not(.datepicker-field)::-moz-placeholder, .servicecheckblock input[type="text"]:not(.datepicker-field)::-moz-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    font-style: normal;
    text-overflow: ellipsis; }
  body.new-style main input[type="text"]:not(.datepicker-field)::placeholder, .servicecheckblock input[type="text"]:not(.datepicker-field)::placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    font-style: normal;
    text-overflow: ellipsis; }

body.new-style main .search-field, .servicecheckblock .search-field {
  position: relative;
  display: flex;
  max-width: 500px;
  margin: 30px 0; }
  body.new-style main .search-field input[type="text"], .servicecheckblock .search-field input[type="text"] {
    font-size: 18px;
    width: 100%;
    height: 50px;
    border: 2px solid black;
    padding: 0 25px;
    border-radius: 30px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box; }
    body.new-style main .search-field input[type="text"]:focus, .servicecheckblock .search-field input[type="text"]:focus {
      outline: 2px solid #1a1a1a;
      outline-offset: 4px;
      background-clip: padding-box; }
    body.new-style main .search-field input[type="text"]::-moz-placeholder, .servicecheckblock .search-field input[type="text"]::-moz-placeholder {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      font-style: normal;
      text-overflow: ellipsis; }
    body.new-style main .search-field input[type="text"]::placeholder, .servicecheckblock .search-field input[type="text"]::placeholder {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      font-style: normal;
      text-overflow: ellipsis; }
  body.new-style main .search-field button, .servicecheckblock .search-field button {
    position: absolute;
    right: 20px;
    top: 8px;
    background-color: transparent;
    border: none;
    cursor: pointer; }
    body.new-style main .search-field button i, .servicecheckblock .search-field button i {
      font-size: 22px;
      color: #000000; }

/*Usage

<div class="radio-buttons">
  <label class="form-control">
    <input type="radio" name="radio" checked />
      Radio - checked
  </label>
  
  <label class="form-control">
    <input type="radio" name="radio" />
      Radio
  </label>
</div>

*/
body.new-style main .radio-buttons {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap; }
  body.new-style main .radio-buttons .form-control {
    display: grid;
    grid-template-columns: 1em auto;
    align-items: center; }
  body.new-style main .radio-buttons input[type="radio"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 0;
    color: #004876;
    accent-color: #004876;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #004876;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center; }
  body.new-style main .radio-buttons input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #004876; }
  body.new-style main .radio-buttons input[type="radio"]:checked::before {
    transform: scale(1); }
  body.new-style main .radio-buttons input[type="radio"]:focus {
    outline: calc(max(2px, 0.15em)) solid #004876;
    outline-offset: calc(max(2px, 0.15em)); }

body.new-style main .select-dropdown label {
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #000000; }

body.new-style main .select-dropdown .select + label {
  margin-top: 20px; }

body.new-style main .select-dropdown .select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  background-color: #004876;
  border-radius: 30px;
  font-size: 18px;
  cursor: pointer;
  width: 50%; }
  body.new-style main .select-dropdown .select select {
    color: white;
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: none;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    outline: none;
    z-index: 1; }
    body.new-style main .select-dropdown .select select::-ms-expand {
      display: none; }
  body.new-style main .select-dropdown .select select, body.new-style main .select-dropdown .select::after {
    grid-area: select; }
  body.new-style main .select-dropdown .select::after {
    content: "";
    justify-self: end;
    margin-right: 20px;
    width: 0.8em;
    height: 0.5em;
    background-color: #ffffff;
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
            clip-path: polygon(100% 0%, 0 0%, 50% 100%); }

body.new-style main .select-dropdown option {
  white-space: normal;
  color: #000000;
  border-radius: 30px;
  background-color: #ffffff; }

body.new-style main .select-dropdown select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid red;
  border-radius: inherit; }

body.new-style main .mypages-tabs, body.new-style main .tabs {
  display: flex;
  list-style: none;
  text-decoration: none;
  position: relative;
  padding-bottom: 0;
  max-width: -moz-fit-content;
  max-width: fit-content; }
  body.new-style main .mypages-tabs li, body.new-style main .tabs li {
    border: 0px solid #dedede;
    padding: 10px 15px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    font-weight: 500; }
    @media (min-width: 719px) {
      body.new-style main .mypages-tabs li, body.new-style main .tabs li {
        font-size: 22px; } }
    body.new-style main .mypages-tabs li[aria-selected="true"], body.new-style main .tabs li[aria-selected="true"] {
      background-color: #ffffff;
      color: #004876;
      border-bottom: 4px solid #004876; }
    body.new-style main .mypages-tabs li[aria-selected="false"], body.new-style main .tabs li[aria-selected="false"] {
      color: #000000;
      cursor: pointer;
      border-bottom: 4px solid var(--tv-bg-light-gray-impact); }

body.new-style main .mypages-tab-pages .mypages-tab-page {
  padding: 40px 10px;
  display: none; }

/*doc
---
title: Headings
name: headings
category: Common - Headings
---

```html_example
<h1>Lorem ipsum</h1>
<h2>Lorem ipsum</h2>
<h3>Lorem ipsum</h3>
```

*/
body.new-style main h1, body.new-style main h2, body.new-style main h3, body.new-style main h5 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.new-style main h1 {
  font-size: calc(clamp(30px, 3vw + 25px, 55px)) !important;
  line-height: 1;
  color: var(--text-color-default); }

body.new-style main h2,
body.new-style main h2.container-heading,
body.new-style main .container h2,
body.new-style main .container h2.container-heading,
body.new-style main .container-map h2 {
  font-size: calc(clamp(35px, 3vw + 10px, 45px));
  line-height: 1; }

body.new-style main h3,
body.new-style main h3.container-heading,
body.new-style main .container h3,
body.new-style main .container h3.container-heading,
body.new-style main .container-map h3 {
  font-size: calc(clamp(28px, 3vw + 2px, 30px)) !important;
  line-height: 1; }

body.new-style main h4 {
  font-size: 22px !important;
  line-height: 1; }

body.new-style main h5 {
  font-size: 18px !important;
  line-height: 1; }

body.new-style main .content.content--editorial h1 {
  color: #004876; }

main {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  main p {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: unset; }
  main p.lead {
    max-width: 730px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.6;
    font-weight: unset; }
  main .font-14 {
    font-size: 14px; }
  main .font-16 {
    font-size: 16px; }
  main .font-18 {
    font-size: 18px; }
  main .font-20 {
    font-size: 20px; }
  main .font-22 {
    font-size: 22px; }
  main .font-24 {
    font-size: 24px; }
  main .font-26 {
    font-size: 26px; }
  main .font-28 {
    font-size: 28px; }
  main .font-30 {
    font-size: 30px; }
  main .font-32 {
    font-size: 32px; }
  main .font-34 {
    font-size: 34px; }
  main .font-36 {
    font-size: 36px; }
  main .font-38 {
    font-size: 38px; }
  main .font-40 {
    font-size: 40px; }

/*
Container

Containers can contain text, list

.container--solid   - Creates a light solid background

Markup:
<div class="container {$modifiers}">
	<h2 class="container-heading">
		Lorem ipsum dolor sit amet
	</h2>
	<div class="container-body">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt, justo sit amet viverra ullamcorper</p>
	</div>
</div>

Styleguide 2.0
*/
.container {
  background-color: #1178af;
  padding-top: 0.3em;
  margin: 0 0 1em;
  position: relative;
  clear: both; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  .container p {
    width: auto; }

.container-inner {
  background-color: #fff;
  border: solid 1px #e2e2e2;
  border-top: none; }

h2 + .container,
h3 + .container {
  margin-top: 1.4em; }

.container--color {
  padding-top: 0; }
  .container--color .container-inner {
    background-color: Transparent;
    border: none;
    padding-bottom: 0.3em; }

.container--transparent .container-inner {
  background-color: transparent; }

.container--hidden {
  display: none; }

.container--solid {
  background: #ffffff; }

.container--editorial {
  margin: 2em 0; }

.container--clear {
  background-color: transparent;
  padding: 0; }

.container--noborder {
  background-color: none;
  padding-top: 0; }
  .container--noborder .container-inner {
    border: none; }
  .container--noborder .container-heading {
    margin: 0 0 0.5em 0;
    border: none; }
  .container--noborder .container-body {
    margin: 0;
    font-size: 100%; }

.container--halfwidth {
  width: 50%; }

.container--fullwidth {
  width: 100%; }

.color-purple,
.color-blue,
.color-green,
.color-grey {
  color: #fff; }
  .color-purple .container-heading,
  .color-blue .container-heading,
  .color-green .container-heading,
  .color-grey .container-heading {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3); }
  .color-purple .container-body,
  .color-blue .container-body,
  .color-green .container-body,
  .color-grey .container-body {
    color: #fff; }
    .color-purple .container-body a,
    .color-blue .container-body a,
    .color-green .container-body a,
    .color-grey .container-body a {
      color: #fff; }

.color-purple {
  background: #703870; }

.color-blue {
  background: #1178af; }

.color-green {
  background: #007c57; }

.color-white {
  background: #ffffff; }

.color-grey {
  background: #7a8990; }

.color-yellow {
  background: #ffee00; }
  .color-yellow .container-heading {
    border-color: #0b0b0b; }

.color-lightgrey {
  background: #f2f2f2; }
  .color-lightgrey .container-heading {
    border-color: #dddddd; }

.color-lightblue {
  background: #e8f4fa; }
  .color-lightblue .container-heading {
    border-color: #c8e4f3; }

body.startpage .container {
  padding-top: 0;
  clear: none; }

body.startpage .container-heading {
  text-transform: inherit;
  border-bottom-color: #f2f2f2; }

body.startpage .container-inner {
  border: none;
  overflow: hidden; }

/*
Container heading variations

Container headings can have a variation of modifiers that can be combined.

.container-heading--solid       - Makes the heading have a solid background
.container-heading--uppercase   - Text is uppercase
.container-heading--small       - Makes the heading a bit smaller

Markup:
<div class="container container--solid">
	<h2 class="container-heading {$modifiers}">
		Lorem ipsum dolor sit amet
	</h2>
	<div class="container-body">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt, justo sit amet viverra ullamcorper</p>
	</div>
</div>

Styleguide 2.1.0
*/
.container-heading {
  display: block;
  font-size: 1em;
  padding: 0.8em 0;
  margin: 0 1.25em 0.5em 1.25em;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom: solid 1px #e2e2e2;
  text-transform: uppercase; }
  .container-heading .step-progress {
    font-size: 100%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #5b5b5b;
    position: absolute;
    bottom: 0.8em;
    text-transform: none;
    right: 0; }

.container-heading:first-letter {
  text-transform: uppercase; }

.container-heading--small {
  font-size: 0.75em;
  margin: 1.06667em 1.2em;
  font-weight: 700; }

.container-heading--solid {
  font-size: 0.85em;
  background: #000;
  color: #fff;
  padding: 0.94118em 1.11765em 1.05882em;
  margin: -1px; }

.container-heading--uppercase {
  font-size: 0.85em;
  text-transform: uppercase;
  margin: 1.06667em; }

.container-heading--capitalize {
  text-transform: capitalize; }

.container-heading--lowercase {
  text-transform: lowercase; }

.container-heading--nomargin {
  margin-bottom: 0 !important; }

.container-heading--nopadding {
  padding-top: 0; }

.container-heading--noborder {
  border: none; }

.container-body {
  font-size: 95%;
  margin: 0 1.25em;
  overflow: hidden; }

.container-body--editorial {
  margin-bottom: 1.25em !important; }

.container-body-list {
  list-style: none;
  padding: 0 0 0 1px;
  width: 100%; }

.container-body-list--topmargin {
  margin-top: 0.5em; }

.container-body--overflow {
  overflow: visible; }

.container-body--no-margin {
  margin: 0; }

.container--left {
  float: left; }

.container--right {
  float: right; }

.grid-col-2.container .container-inner {
  min-height: 412px; }

.grid-col-2.container .container-inner--small,
.grid-col-4.container .container-inner--small {
  min-height: 196px; }

.grid-col-3.container .container-inner {
  min-height: 300px; }

.grid-col-2.container .container-inner.containerheight--1rows,
.grid-col-2.container .container-inner--small.containerheight--1rows,
.grid-col-4.container .container-inner--small.containerheight--1rows {
  min-height: 196px; }

.grid-col-2.container .container-inner.containerheight--2rows,
.grid-col-2.container .container-inner--small.containerheight--2rows,
.grid-col-4.container .container-inner--small.containerheight--2rows {
  min-height: 412px; }

.grid-col-2.container .container-inner.containerheight--3rows,
.grid-col-2.container .container-inner--small.containerheight--3rows,
.grid-col-4.container .container-inner--small.containerheight--3rows {
  min-height: 628px; }

.grid-col-4.container-height--small {
  height: 196px; }

body.startpage .container-body {
  line-height: 1.21053em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .container {
    margin-bottom: 1.5em; }
  .container--noborder .container-body {
    font-size: 0.65em; }
  .container-heading {
    display: block;
    font-size: 0.7em;
    padding: 0.64286em 0;
    margin: 0 1.07143em 0.35714em 1.07143em; }
    .container-heading .step-progress {
      font-size: 0.85714em;
      bottom: 0.75em; }
  .container-body {
    font-size: 60%;
    line-height: 1.25em; }
  .grid-col-2.container .container-inner {
    min-height: 249px; }
    .grid-col-2.container .container-inner p {
      width: auto; }
  .grid-col-2.container .container-inner--small,
  .grid-col-4.container .container-inner--small {
    min-height: 119px; }
  .grid-col-3.container .container-inner {
    min-height: 200px; }
    .grid-col-3.container .container-inner p {
      width: auto; }
  .grid-col-1.container p {
    width: auto; }
  .grid-col-2.container .container-inner.containerheight--1rows,
  .grid-col-2.container .container-inner--small.containerheight--1rows,
  .grid-col-4.container .container-inner--small.containerheight--1rows {
    min-height: 119px; }
  .grid-col-2.container .container-inner.containerheight--2rows,
  .grid-col-2.container .container-inner--small.containerheight--2rows,
  .grid-col-4.container .container-inner--small.containerheight--2rows {
    min-height: 249px; }
  .grid-col-2.container .container-inner.containerheight--3rows,
  .grid-col-2.container .container-inner--small.containerheight--3rows,
  .grid-col-4.container .container-inner--small.containerheight--3rows {
    min-height: 381px; }
  .grid-col-4.container-height--small {
    height: 119px; } }

@media only screen and (max-width: 719px) {
  .container--noborder .container-body {
    font-size: 1em; }
  .container,
  .grid-col-2.container,
  .grid-col-3.container {
    min-height: 0 !important; }
  .grid-col-2.container .container-inner--small,
  .grid-col-4.container .container-inner--small {
    min-height: 0; }
  .grid-col-4.container-height--small {
    height: auto; }
  .container {
    margin-bottom: 1em; }
    .container p {
      width: auto; }
  .container-heading {
    font-size: 1em;
    padding: 0.55em 0;
    margin: 0 0.95em 0.25em 0.95em; }
    .container-heading .step-progress {
      font-size: 100%;
      bottom: 0.55em; }
  .container-body {
    font-size: 0.95em;
    line-height: 1.31579em;
    margin: 0 1em; }
  .container--left, .container--right {
    float: none !important; } }

/*
Image Link Block

Image link for the footer

Markup:
<div class="block grid-col-2 imagelinkblock">
    <a href="#">
        <img src="http://tekniska-verken-public.local/imagevault/media/f80fugrr0of20xuk7v7d/puff2.png" />
    </a>
</div>

Styleguide 9.0
*/
.imagelinkblock {
  float: left;
  display: block;
  border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
  padding-top: 15px; }
  .imagelinkblock a {
    width: 4em !important;
    display: block;
    padding-bottom: 15px; }
  .imagelinkblock img {
    width: 100%;
    height: 100%; }

/* Medium size and narrow screen (tablets etc) */
/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .imagelinkblock {
    width: 50% !important; } }

/*doc
---
title: Buttons
name: buttons
category: Components - Buttons
---

Any element can be used as a button e.g. `<a>` and `<button>`. Make sure to use aria role attribute `role="button"` if `<a>` is used as actual buttons rather than anchors.

## Standard buttons

Different variations of a standard button. 

```html_example
	<a href="/" class="button" role="button">Lorem ipsum</a>
	<a href="/" class="button button--secondary"  role="button">Lorem ipsum</a>
```

## Small buttons 

Standard buttons with `button--small` modifier applied.

```html_example
	<a href="/" class="button button--small">Lorem ipsum</a>
	<a href="/" class="button button--small button--secondary">Lorem ipsum</a>
```

## Call to actions

Use call to actions modifier `button--cta` to emphasize actions.
    s
```html_example
	<a href="/" class="button button--cta">Lorem ipsum</a>
```

## Buttons with icons

You can apply any icon under assets/icons to a button.

```html_example
	<a href="/" class="button">
		<span class="icon icon-check" aria-hidden="true"></span>Lorem ipsum
	</a>
```
*/
.button, .calltoaction, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #1178af;
  border: none;
  border-radius: 3px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: auto;
  line-height: 1;
  margin: 0 0.25em 0.25em 0;
  padding: 0.55em 1.3em;
  text-decoration: none;
  transition: background 150ms ease; }
  .button:hover, .calltoaction:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover {
    text-decoration: none; }
  .button .icon, .calltoaction .icon, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button .icon {
    left: -10px;
    margin-right: -7px;
    position: relative; }

.button--cta, .calltoaction {
  border: 1px solid #1178af;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  font-size: 0.85em;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 16px 0 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 1.88235em;
  padding-left: 1.88235em;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.calltoaction {
  margin-top: 0; }

.button--secondary {
  background: #ddd;
  color: #333; }
  .button--secondary:hover {
    background: #d9d9d9; }

.button--small {
  font-size: 0.7em; }

.button--wide {
  width: 100%;
  margin: 0; }

.button--light {
  background-color: #fbfbfb;
  border: solid 1px #e2e2e2;
  color: #1178af; }

.button--listing {
  font-size: 0.6em;
  margin: 0; }

.button--light.button--alert {
  color: #e20031; }

.button--file {
  position: relative; }
  .button--file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 46px;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    display: block; }

.new-link-button {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: 20px;
  line-height: 1;
  margin: .5rem 0;
  padding: .9rem 1.5rem;
  background-color: #004876;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  transition: background 150ms ease; }
  .new-link-button:hover {
    text-decoration: none;
    background-color: #1F6590; }
  .new-link-button:focus {
    background-color: #1F6590;
    outline: 2px solid #1a1a1a;
    outline-offset: 4px;
    background-clip: padding-box; }
  .new-link-button a {
    font-size: 18px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: normal !important; }
  @media only screen and (max-width: 480px) {
    .new-link-button {
      width: 80%; } }

.button--pagination {
  display: block;
  width: 100%;
  background-color: #fbfbfb;
  color: #1178af;
  text-align: center;
  border: solid 1px #dddddd;
  margin: 0 auto 5em auto;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 42.95em;
  outline: none; }
  .button--pagination span {
    position: relative; }
  .button--pagination span:before {
    font-size: 150%;
    line-height: 1em;
    position: absolute;
    top: -0.06667em;
    right: -0.76667em; }

.button--loading {
  background: #fbfbfb url(/static/images/loading_128.gif) no-repeat 10px center;
  background-size: 30px; }

.button:disabled, .calltoaction:disabled, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled {
  opacity: .5; }

.button--inverted {
  background-color: #fff;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.25); }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .button--cta, .calltoaction {
    padding-left: 0.75em;
    padding-right: 0.75em; }
  .button, .calltoaction, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button {
    font-size: 0.65em; }
  .button--pagination {
    margin-bottom: 2.5em;
    max-width: initial; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .button--pagination {
    font-size: 100%; } }

.field-validation-valid {
  display: none; }

.form-radio {
  opacity: 0;
  position: absolute; }
  .form-radio:checked ~ label .form-radio-fake span, .form-radio:checked ~ .form-radio-fake span {
    background: #1178af;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 7px; }
  .form-radio:active ~ label .form-radio-fake, .form-radio:active ~ .form-radio-fake {
    background: #f9f9f9; }
  .form-radio:focus ~ label .form-radio-fake {
    background: #fff;
    padding: 4px;
    border: 2px solid #d2d2d2; }

.form-radio-fake {
  border: 1px solid #d2d2d2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  display: inline-block;
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  vertical-align: middle;
  margin-top: -2px;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  padding: 5px;
  top: 0; }
  .form-radio-fake:hover {
    cursor: pointer; }

.form-radio-label {
  display: block;
  position: relative;
  padding-left: 1.75em;
  line-height: 1.2;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5b5b5b;
  font-weight: normal; }

.form {
  margin: 0 0 1.2em;
  color: #444; }

.form-heading {
  font-size: 1.25em;
  margin: -4px 0 1.65em;
  padding: 0 0 0.75em;
  border-bottom: 1px solid #fff; }

.form-group {
  margin: 1.25em 0 1.4em 0;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 1.25em; }

.form-group-item--mid-length {
  width: 70%; }

p + .form-group {
  margin-top: 1.3em; }

.form-group-no-border {
  border: none; }

.form-group-no-padding {
  padding: 0; }

.form-group-no-margin {
  margin: 0; }

.form-group-no-top-margin {
  margin-top: 0; }

.form-group-no-bottom-margin {
  margin-bottom: 0; }

.form-group-bottom-margin {
  margin-top: 0.5em; }

.form-group--inactive {
  opacity: .6; }
  .form-group--inactive label {
    opacity: .4; }

.form-group-heading {
  font-size: 100%;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 1em 0;
  text-transform: uppercase;
  color: #0b0b0b; }

.form-group-item {
  position: relative;
  margin-bottom: 1.35em;
  line-height: 1.35em; }

.form-group-item--right-align {
  text-align: right; }

.form-group-item--no-margin {
  margin: 0; }

.form-group-item--no-bottom-margin {
  margin-bottom: 0; }

.form-group-item--top-margin {
  margin-top: 1.25em; }

.form-group-item--small-top-margin {
  margin-top: 0.5em; }

.form-group-item--bottom-padding {
  padding-bottom: .5em; }

.form-group-item--float-right {
  float: right; }

.form-group-item--float-left {
  float: left; }

.form-label {
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b; }

.form-label-description {
  display: block;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 85%;
  color: #000;
  margin-top: .5em; }

.form-label-info {
  font-style: italic; }

.form-label--info {
  font-size: 85%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.form-mandatory {
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b; }

.form-field, .form-checkbox-fake {
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  background: #fbfbfb;
  width: calc(100% - 0.05em);
  margin: 0.5em 0 0 0.05em;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0.2em 0.5em;
  height: 38px;
  color: #555; }
  .form-field:focus, .form-checkbox-fake:focus, .form-field:active, .form-checkbox-fake:active {
    border-color: #703870;
    box-shadow: 0 0 0 1px #703870;
    outline: none;
    background: #fff; }

.form-field--disabled {
  background-color: #e9e7e7;
  color: #767676;
  -webkit-text-fill-color: #767676;
  -webkit-opacity: 1; }
  .form-field--disabled:focus, .form-field--disabled:active {
    background-color: #e9e7e7;
    -webkit-text-fill-color: #767676;
    -webkit-opacity: 1;
    border-color: #d2d2d2;
    box-shadow: none; }

.form-field--textarea, .form-field--textarea-long {
  height: 80px;
  resize: none;
  width: calc(100% - 0.05em); }

.form-field--textarea-long {
  height: 200px; }

.form-field--map-location {
  float: left; }

.form-group-item--inline {
  display: inline-block;
  margin-right: 1em; }

.form-group-item--large {
  width: 64%;
  margin-right: 0.1em; }

.form-group--no-margin {
  margin: 0; }

.form-group--bottom {
  margin-bottom: 1em; }

.form-heading--plain {
  margin: 1.21429em;
  border: none; }

.form-field--small {
  width: 45%; }

.form-field--hidden-label {
  margin-top: 1.5em; }

.form-validation-error {
  border: 1px solid #db484a !important; }

.form-field-title {
  color: #0b0b0b;
  display: inline-block;
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 35%;
  padding-right: 1%;
  margin-bottom: 0.65em;
  vertical-align: top; }

.form-field-data {
  display: inline-block;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 63%;
  margin-bottom: 0.65em;
  word-break: break-word; }

button[type="submit"].button--radio {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  padding: 0.25em 0 0.25em 1.75em;
  margin-right: 1em;
  border: none;
  background: none;
  color: #5b5b5b;
  outline: none; }

.form-button {
  margin: 0 0 1.75em 0;
  border: solid 1px #1178af; }

.form-button.button--next {
  float: right;
  margin-bottom: 1.55em; }
  .form-button.button--next.form-button--no-margin {
    margin: 0; }

.form-button.button--previous {
  float: right;
  background-color: #e8e8e8;
  color: #656565;
  margin: 0 1.25em 1.55em 0;
  border: solid 1px #ddd; }
  .form-button.button--previous.single-button {
    margin-right: 0; }

.form-button.button--inverted {
  background-color: #e8e8e8;
  color: #656565;
  border: solid 1px #ddd;
  box-shadow: none; }

.form-button.button--disabled {
  background-color: #a1d0ea;
  border-color: #a1d0ea; }

.form-button--inline {
  margin-top: 1.71429em !important; }

.form-button--no-margin {
  margin: 0; }

.button--radio span.radio {
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fbfbfb;
  border-radius: 50%;
  border: 1px solid #d2d2d2; }

.button--radio:focus span.radio {
  top: 0.2em;
  left: -0.05em;
  border: 2px solid #d2d2d2; }

.button--radio.selected .radio:before {
  content: ' ';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #1178af;
  top: 5px;
  left: 5px; }

.form-dropdown {
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: none; }
  .form-dropdown select {
    font-size: 100%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 38px;
    border: 0;
    background: transparent;
    padding-left: 1em;
    left: 0;
    right: 0;
    margin-right: -20px;
    position: absolute;
    width: 100%;
    z-index: 2; }
    .form-dropdown select:focus, .form-dropdown select:active {
      outline: 0;
      border: 0;
      box-shadow: none; }
    .form-dropdown select:focus + .form-dropdown-icon {
      color: #1178af; }
  .form-dropdown select::-ms-expand {
    display: none; }
  .form-dropdown .form-dropdown-icon {
    position: absolute;
    right: 9px;
    top: 13px; }
    .form-dropdown .form-dropdown-icon:before {
      display: block; }

.form-validation-message--dropdown {
  bottom: -19px !important; }

.form-validation-message--radio {
  position: static !important;
  display: inline-block;
  margin-bottom: 25px; }
  .form-validation-message--radio:before {
    display: none; }

.form-validation-message--checkbox {
  position: static !important;
  display: inline-block;
  margin-bottom: 25px; }
  .form-validation-message--checkbox:before {
    display: none; }

.ie .form-dropdown-icon {
  display: none; }

@-moz-document url-prefix() {
  .form-dropdown select {
    padding-top: 9px;
    width: 110%; } }

.form-checkbox-label {
  display: block;
  position: relative;
  padding-left: 1.75em;
  line-height: 1.2;
  font-size: 1em;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5b5b5b;
  font-weight: normal; }

.form-checkbox-label--approve {
  margin-top: 2.85714em;
  margin-bottom: 3.57143em; }

.form-checkbox-label--strong {
  font-weight: bold; }

.form-checkbox-fake {
  font-size: 200%;
  display: inline-block;
  background: #fff;
  width: 0.625em;
  height: 0.625em;
  padding: 0;
  vertical-align: middle;
  margin-top: -2px;
  position: absolute;
  left: 0;
  top: 0.025em; }
  .form-checkbox-fake:hover {
    cursor: pointer; }

.form-checkbox:checked ~ label .form-checkbox-fake, .form-checkbox:checked ~ .form-checkbox-fake {
  text-align: center;
  line-height: 20px;
  color: #1178af; }
  .form-checkbox:checked ~ label .form-checkbox-fake:before, .form-checkbox:checked ~ .form-checkbox-fake:before {
    display: inline-block;
    font-family: "custom-icons";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    content: ""; }
  .form-checkbox:checked ~ label .form-checkbox-fake.icon--after:before, .form-checkbox:checked ~ .form-checkbox-fake.icon--after:before {
    content: none; }
  .form-checkbox:checked ~ label .form-checkbox-fake.icon--after:after, .form-checkbox:checked ~ .form-checkbox-fake.icon--after:after {
    display: inline-block;
    font-family: "custom-icons";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    content: ""; }

.form-checkbox:checked ~ label .form-checkbox-fake:before, .form-checkbox:checked ~ .form-checkbox-fake:before {
  margin-top: -0.25em; }

.form-checkbox:active ~ label .form-checkbox-fake {
  background: #f9f9f9; }

.form-checkbox:focus ~ label .form-checkbox-fake {
  border: 1px solid #1178af;
  box-shadow: 0 0 0 1px #1178af;
  background: #fff; }

html.ie8 .form-checkbox {
  left: 0;
  margin: 0;
  padding: 0;
  border: none;
  width: auto;
  height: auto; }

html.ie8 .form-checkbox-fake {
  display: none; }

.form-actions {
  padding-bottom: 0.42857em; }

.form-group + .form-actions {
  margin-top: -1.65em; }

.field-validation-error {
  font-size: 100%;
  position: relative;
  bottom: auto;
  right: auto;
  background: none;
  color: #d91e1e;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  padding: 0 0 0 1.25em;
  display: block;
  margin: 0.7em 0; }

.field-validation-error:before {
  display: inline-block;
  font-family: "custom-icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  content: "\E022";
  font-family: "custom-icons";
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  margin-top: -0.16667em; }

.field-validation-error--no-margin {
  margin: 0 !important; }

.form-key {
  display: block;
  font-weight: 700;
  font-size: 0.7em;
  margin-bottom: 0.78571em; }

.form-value {
  font-size: 0.7em;
  margin-bottom: 1.71429em;
  display: inline-block; }

.form-inline {
  position: relative;
  height: 42px;
  padding-right: 85px; }
  .form-inline .form-validation-message {
    bottom: -17px;
    right: 95px; }

/*.form-inline-button {
	position:absolute;
	right:0;
	padding-top:0;
	padding-bottom:0;
	top:0;
	bottom:0;
	margin-right:0;
	margin-bottom:0;
	width:75px;
}*/
.form-inline-field {
  margin: 0; }

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

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

input::input-placeholder {
  color: #888;
  font-style: none; }

input:focus::input-placeholder {
  color: #aaa;
  font-style: none; }

input::-webkit-input-placeholder {
  color: #888;
  font-style: none; }

input:focus::-webkit-input-placeholder {
  color: #aaa;
  font-style: none; }

input::-moz-placeholder {
  color: #888;
  font-style: none; }

input:focus::-moz-placeholder {
  color: #888;
  font-style: none; }

input:-ms-input-placeholder {
  color: #888;
  font-style: none; }

input:focus:-ms-input-placeholder {
  color: #aaa;
  font-style: none; }

#upload-file {
  display: none; }

#fileupload {
  display: block;
  margin-top: -20px;
  margin-bottom: 10px; }

.form-block form input.button, .form-block form input.calltoaction, .form-block form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment input.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .form-block form input.link-button {
  float: right; }

.form-block .form-group {
  border: none;
  margin: 0; }

.form-block .form-group-item--inline {
  margin-bottom: 2em; }

.form-block .form-group-item--radio,
.form-block .form-group-item--textarea,
.form-block .form-group-item--checkbox {
  margin-bottom: 2em;
  padding-left: 1px; }

.form-block .form-group-item--radio .form-group-item--inline {
  margin-bottom: 0; }

.form-block .form-group-item--checkbox .form-group-item,
.form-block .form-group-item--dropdown .form-group-item {
  margin-bottom: 1em; }

.form-block .field-validation-error {
  position: absolute;
  margin-top: 0.6em; }

.form-block .form-group-item--submit {
  border-top: 1px solid #e2e2e2;
  padding-top: 1.25em;
  overflow: hidden; }

.datepicker {
  position: absolute;
  top: 30px;
  right: 0;
  background: none;
  border: none;
  height: 38px;
  width: 46px;
  outline: none; }
  .datepicker span:before {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    vertical-align: middle;
    line-height: 1.2em;
    width: 1.53333em;
    background-color: #fff;
    color: #737373;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

.form-radio-list {
  border-top: 1px solid #e2e2e2;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto; }
  .form-radio-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .form-radio-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }

li.form-radio-list-item {
  border-bottom: 1px solid #e2e2e2;
  padding: 1.1em 0; }
  li.form-radio-list-item label {
    font-size: 95%;
    text-transform: capitalize;
    display: inline-block; }

.form--inverted-color .form-label, .form--inverted-color .form-mandatory, .form--inverted-color .form-text {
  color: #fff; }

.form--inverted-color .form-label--info {
  color: #fff; }

.form--inverted-color .form-label--info-display {
  display: block;
  margin: 0.29412em 0; }

.form--inverted-color .form-field, .form--inverted-color .form-checkbox-fake {
  background-color: #c3e4f5; }
  .form--inverted-color .form-field:focus, .form--inverted-color .form-checkbox-fake:focus, .form--inverted-color .form-field:active, .form--inverted-color .form-checkbox-fake:active {
    background-color: #fff; }

.form--inverted-color .form-group {
  border-bottom-color: rgba(255, 255, 255, 0.5); }

.form--inverted-color .form-group-heading {
  color: #fff; }

.form--inverted-color input[type="file"], .form--inverted-color input[type="file"]:active, .form--inverted-color input[type="file"]:focus {
  background-color: transparent;
  padding: 0;
  border: none;
  color: #fff;
  box-shadow: none; }

.form--inverted-color .form-button {
  background-color: #fff;
  color: #1178af; }

@media only screen and (max-width: 940px) {
  input::input-placeholder {
    color: #666;
    font-style: italic; }
  input:focus::input-placeholder {
    color: #aaa;
    font-style: italic; }
  input::-webkit-input-placeholder {
    color: #666;
    font-style: italic; }
  input:focus::-webkit-input-placeholder {
    color: #aaa;
    font-style: italic; }
  input::-moz-placeholder {
    color: #666;
    font-style: italic; }
  input:focus::-moz-placeholder {
    color: #666;
    font-style: italic; }
  input:-ms-input-placeholder {
    color: #666;
    font-style: italic; }
  input:focus:-ms-input-placeholder {
    color: #aaa;
    font-style: italic; }
  .form-block form input.button, .form-block form input.calltoaction, .form-block form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment input.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .form-block form input.link-button {
    font-size: 1em; }
  .field-validation-error {
    font-size: 60%;
    padding: 0 0 0 1.25em;
    margin: 0.83333em 0; }
  .field-validation-error:before {
    font-size: 20px;
    margin-top: -0.2em; }
  .form-block .form-group-item--radio .field-validation-error {
    margin-top: 0.9em; }
  .form-block .form-group-item--radio {
    margin-bottom: 2em; }
  .form-text {
    font-size: 12px; }
  .form-label {
    font-size: 12px; }
  .form-label-description {
    font-size: 60%; }
  .form-label-info {
    font-size: 12px; }
  .form-field, .form-checkbox-fake {
    font-size: 12px;
    padding: 0.33333em 0.83333em;
    height: 30px; }
  .form-field--textarea, .form-field--textarea-long {
    height: 70px; }
  .form-mandatory {
    font-size: 12px; }
  .form-group-item {
    margin-bottom: 0.75em; }
  .form-group-item--no-margin {
    margin: 0; }
  .form-radio:checked ~ label .form-radio-fake span, .form-radio:checked ~ .form-radio-fake span {
    width: 8px;
    height: 8px;
    border-radius: 4px; }
  .form-radio:focus ~ label .form-radio-fake, .form-radio:focus ~ .form-radio-fake {
    background: #fff;
    padding: 3px;
    border: 1px solid #d2d2d2; }
  .form-radio-fake {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: -2px;
    padding: 3px;
    top: 0; }
  .form-radio-label {
    font-size: 60%;
    padding-left: 2.5em;
    line-height: 1.6; }
  .form-button {
    margin: 0 0 1.92308em 0; }
  .form-checkbox-label {
    font-size: 13px;
    line-height: 1.25em; }
  .form-checkbox-label--approve {
    margin-top: 3.33333em;
    margin-bottom: 4.16667em; }
  .form-checkbox:checked ~ label .form-checkbox-fake:before, .form-checkbox:checked ~ .form-checkbox-fake:before {
    margin-top: -0.4em; }
  .form-checkbox-fake {
    font-size: 25px;
    display: inline-block;
    background: #fff;
    width: 0.6em;
    height: 0.6em;
    top: 0.08em;
    padding: 0; }
  .form-field-title {
    font-size: 60%;
    margin-bottom: 1.08333em; }
  .form-field-data {
    font-size: 60%;
    margin-bottom: 1.08333em; }
  .datepicker {
    top: 23px;
    height: 30px;
    width: 46px; }
    .datepicker span:before {
      font-size: 24px;
      line-height: 1.16667em;
      width: 1.66667em;
      border: 1px solid #d2d2d2;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
  .button--radio span.radio {
    width: 10px;
    height: 10px; }
  button[type="submit"].button--radio {
    font-size: 0.6em; }
  button[type="submit"].button--radio.selected .radio:before {
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px; } }

@media only screen and (max-width: 719px) {
  .form-group--bottom {
    margin-bottom: 1.25em; }
  .form-group-item--mid-length, .form-field--small {
    width: 100%; }
  .form-block .form-group-item--radio .form-group-item--inline {
    display: block;
    margin-bottom: 0.75em; }
  .form-group-item--inline {
    margin-right: 0;
    display: block; }
  .form-block form input.button, .form-block form input.calltoaction, .form-block form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment input.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .form-block form input.link-button {
    font-size: 1em; }
  .field-validation-error {
    font-size: 100%;
    padding: 0 0 0 1.25em;
    margin: 0.75em 0; }
  .field-validation-error:before {
    font-size: 30px;
    margin-top: -0.2em; }
  .form-block .form-group-item--radio .field-validation-error {
    margin-top: 0.9em; }
  .form-block .form-group-item--radio {
    margin-bottom: 2em; }
  button[type="submit"].button--radio {
    margin-bottom: 0.5em;
    font-size: 1em; }
  button[type="submit"].button--radio:last-child {
    margin-bottom: 0; }
  button[type="submit"].button--radio.selected .radio:before {
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px; }
  .form-field, .form-checkbox-fake {
    font-size: 100%;
    padding: 0.2em 0.5em;
    height: 38px;
    margin: 0.5em 0 0 0; }
  .form-field--textarea, .form-field--textarea-long {
    height: 80px; }
  .form-text {
    font-size: 100%; }
  .form-label {
    font-size: 100%; }
  .form-label-description {
    font-size: 100%; }
  .form-label-info {
    font-size: 100%;
    display: inline-block; }
  .form-field--textarea, .form-field--textarea-long {
    height: 70px; }
  .form-mandatory {
    font-size: 100%; }
  .form-radio:checked ~ label .form-radio-fake span, .form-radio:checked ~ .form-radio-fake span {
    width: 14px;
    height: 14px;
    border-radius: 7px; }
  .form-radio:focus ~ label .form-radio-fake, .form-radio:focus ~ .form-radio-fake {
    background: #fff;
    padding: 4px;
    border: 2px solid #d2d2d2; }
  .form-radio-fake {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    margin-top: -2px;
    padding: 5px;
    top: 0; }
  .form-radio-label {
    font-size: 100%;
    padding: 0 0 0.5em 1.75em;
    line-height: 1.3;
    width: 100%;
    box-sizing: border-box; }
  .form-button, .form-button.button--previous {
    font-size: 100%;
    width: 100%;
    float: none;
    margin: 0 0 1.55em 0; }
  .form-checkbox-label {
    font-size: 20px;
    padding: 0 0 0.5em 1.75em;
    min-height: inherit; }
  .form-checkbox-label--approve {
    margin-top: 2em;
    margin-bottom: 2.5em; }
  .form-checkbox:checked ~ label .form-checkbox-fake:before {
    margin-top: -0.2em; }
  .form-checkbox-fake {
    font-size: 40px;
    display: inline-block;
    background: #fff;
    width: 0.625em;
    height: 0.625em;
    margin-top: -2px;
    top: 0.05em;
    padding: 0; }
  .form-field-title {
    font-size: 100%;
    margin-bottom: 0.15em;
    padding: 0;
    width: 100%; }
  .form-field-data {
    font-size: 100%;
    margin-bottom: 0.65em;
    width: 100%;
    margin-bottom: 0.65em; }
  .button--radio span.radio {
    width: 22px;
    height: 22px; }
  .datepicker {
    top: 35px;
    right: 0;
    height: 38px;
    width: 46px; }
    .datepicker span:before {
      font-size: 30px;
      line-height: 1.2em;
      width: 1.66667em;
      border: 1px solid #d2d2d2;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; } }

.form-information {
  background-color: #dcdcdc;
  border-radius: 10px;
  padding: 0.75em 1.3em;
  box-sizing: border-box;
  min-height: 4.5em; }
  .form-information span {
    font-size: 85%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .form-information.color-purple {
    background: #703870;
    color: #fff; }
    .form-information.color-purple:before {
      color: #703870; }

.address-header {
  margin-top: 70px; }
  @media only screen and (max-width: 940px) {
    .address-header {
      margin-top: 50px; } }
  @media only screen and (max-width: 719px) {
    .address-header {
      margin-top: 0; } }

.form-information:not(.form-information-down):before {
  font-size: 40px;
  position: absolute;
  top: 0.75em;
  left: -0.325em;
  color: #dcdcdc; }
  @media only screen and (max-width: 719px) {
    .form-information:not(.form-information-down):before {
      top: -0.25em !important;
      left: 50% !important; } }

.form-information-down {
  float: right;
  min-height: 3em !important; }
  @media only screen and (max-width: 719px) {
    .form-information-down {
      float: none; } }

.form-information-down:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 47%;
  width: 0;
  height: 0;
  border: 22px solid transparent;
  border-top-color: #dcdcdc;
  border-bottom: 0;
  margin-left: -11px;
  margin-bottom: -11px; }
  @media only screen and (max-width: 940px) {
    .form-information-down:before {
      margin-left: 250px;
      margin-top: 20px; } }
  @media only screen and (max-width: 719px) {
    .form-information-down:before {
      transform: rotate(180deg);
      margin-bottom: 10px;
      top: 0 !important; } }

.new-address-number-info {
  position: absolute;
  margin-top: -110px;
  right: 25px;
  max-width: 65%; }
  @media only screen and (max-width: 940px) {
    .new-address-number-info {
      margin-top: -75px;
      right: 15px;
      max-width: 75%; } }
  @media only screen and (max-width: 719px) {
    .new-address-number-info {
      position: relative;
      margin-top: 0;
      right: 0;
      max-width: 100%; } }

.grid-focus .form-information {
  background: #703870;
  color: #fff; }
  .grid-focus .form-information:before {
    color: #703870;
    border-top-color: #703870; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .form-information {
    padding: 0.7em 0.65em;
    min-height: 4em; }
    .form-information span {
      font-size: 60%; }
  .form-information:before {
    font-size: 20px;
    position: absolute;
    left: -0.35em;
    top: 1.5em; } }

@media only screen and (max-width: 719px) {
  .form-information {
    padding: 0.75em;
    border-radius: 4px;
    margin: 0.5em 0;
    min-height: inherit; }
    .form-information span {
      font-size: 100%; }
  .form-information:before {
    font-size: 40px;
    position: absolute;
    top: -0.25em;
    left: 50%;
    color: #dcdcdc;
    margin: 0 0 0 -0.5em; } }

/*doc
---
title: Dropdown panel
name: drop
category: Components - Dropdown panel
---

```html_example
    <div class="drop">
        <a href="#" class="drop-button" role="button" aria-controls="mydrop">Lorem ipsum<span class="icon" aria-hidden="true"></span></a>
        <div class="drop-panel" id="mydrop" aria-expanded="false">

        </div>
    </div>
```
*/
.drop {
  position: relative;
  z-index: 999;
  top: -6.35em;
  right: 1.25em; }

.my-pages-drop {
  position: absolute;
  z-index: 1002;
  top: 1.1em;
  right: 11em; }

body.startpage .my-pages-drop {
  right: 0; }

.drop--expanded.my-pages-drop .icon-arrowdown:before {
  content: ""; }

.drop--expanded .drop-panel {
  display: block; }

/*.drop-button {
	background:#fff;
	font-size:em(14px);
	color:#111;
	text-align:center;
	display:block;
	padding:em(8px,14px);
	border-radius:2px;
	font-weight:normal;
	position:relative;
	padding-right:30px;
	padding-left:1em;
	.icon {
		@extend .icon-chevron-down;
		position:absolute;
		right:0;
		top:0;
		bottom:0;
		width:31px;
		line-height:27px;
		border-radius:0 2px 2px 0;
		font-size:em(13px,14px);
	}
	&:hover {
		text-decoration:none;
	}
}*/
.drop-panel {
  display: none;
  background: #fff;
  position: absolute;
  top: 31px;
  right: 0;
  left: auto;
  min-width: 190px;
  z-index: 99999;
  padding: 0 1em;
  border: 1px solid #e3e3e3; }
  .drop-panel p {
    font-size: 0.65em; }

body.startpage .drop-panel {
  right: 18px; }

.drop-panel--wide {
  left: -50px; }

.drop-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 100%;
  width: auto; }
  .drop-list li {
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3; }
    .drop-list li:last-child {
      border-bottom: 0; }
  .drop-list a {
    display: block;
    font-size: 0.9em;
    padding: 0.44444em 0 0.44444em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

.drop-list-showall {
  text-align: right;
  font-size: 0.7em;
  border-top: 1px solid #fff;
  display: block;
  padding: 0.85714em 0 1em; }

/*doc
---
title: Pagination
name: pagination
category: Components - Pagination
---

```html_example
	<ul class="pagination">
        <li class="PagedList-skipToPrevious"><a rel="prev" href="lipsum">Föregående</a></li>
        <li class="active"><a>1</a></li>
        <li><a href="/lipsum">2</a></li>
        <li class="PagedList-skipToNext"><a rel="next" href="lipsum">Nästa</a></li>
    </ul>
```
*/
.pagination {
  text-align: center;
  padding: 0;
  position: relative;
  margin-bottom: 2em;
  width: auto; }

.list .pagination {
  margin-top: 2.25em;
  margin-bottom: 0; }

.pagination ul {
  padding: 0;
  margin: 0 auto; }

.pagination li {
  display: inline-block;
  margin: 0 2px 4px; }

.pagination li a {
  background: transparent;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  display: inline-block;
  text-decoration: none; }

.pagination .next {
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0; }

.pagination .prev {
  top: 47%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  left: 0; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .pagination {
    font-size: 0.75em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .pagination {
    font-size: 1em; }
    .pagination ul {
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      padding: 0 4em; } }

body.searchpage .pagination a {
  font-size: 18px; }

@media only screen and (max-width: 719px) {
  body.searchpage .pagination a.prev {
    left: -18px; }
    body.searchpage .pagination a.prev .icon-arrowleft.hidden {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      font-size: 30px;
      color: #004876; } }

@media only screen and (max-width: 719px) {
  body.searchpage .pagination a.next {
    right: -16px; }
    body.searchpage .pagination a.next .icon-arrow.hidden {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      font-size: 30px;
      color: #004876; } }

body.searchpage .pagination a.prev, body.searchpage .pagination a.next {
  color: #004876;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: underline; }
  body.searchpage .pagination a.prev:hover, body.searchpage .pagination a.next:hover {
    text-decoration: none; }
  body.searchpage .pagination a.prev:focus, body.searchpage .pagination a.next:focus {
    outline: 3px solid #000000;
    outline-offset: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  @media only screen and (max-width: 719px) {
    body.searchpage .pagination a.prev, body.searchpage .pagination a.next {
      display: inline-flex;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      text-decoration: none; }
      body.searchpage .pagination a.prev:focus, body.searchpage .pagination a.next:focus {
        outline: none; } }
  body.searchpage .pagination a.prev .prev-text, body.searchpage .pagination a.prev .next-text, body.searchpage .pagination a.next .prev-text, body.searchpage .pagination a.next .next-text {
    font-size: 18px; }
    @media only screen and (max-width: 719px) {
      body.searchpage .pagination a.prev .prev-text, body.searchpage .pagination a.prev .next-text, body.searchpage .pagination a.next .prev-text, body.searchpage .pagination a.next .next-text {
        display: none; } }

body.searchpage .pagination ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0; }
  body.searchpage .pagination ul li.active.item {
    font-size: 18px;
    color: #000000;
    background-color: #F1F3F4; }
  body.searchpage .pagination ul li.item:not(:last-child) {
    margin-right: .5rem; }
  body.searchpage .pagination ul li.item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    background-color: #004876;
    transition: .3s; }
    body.searchpage .pagination ul li.item:hover:not(.active) {
      background-color: #1F6590; }
    body.searchpage .pagination ul li.item a {
      width: 50px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      background-color: transparent;
      border: none;
      border-radius: 50%; }
      body.searchpage .pagination ul li.item a:focus {
        outline: 3px solid #000000;
        outline-offset: 3px; }
        @media only screen and (max-width: 719px) {
          body.searchpage .pagination ul li.item a:focus {
            outline: none; } }
    @media only screen and (max-width: 719px) {
      body.searchpage .pagination ul li.item {
        width: 40px;
        height: 40px; }
        body.searchpage .pagination ul li.item a:focus {
          width: 40px;
          height: 40px; } }

.slideshow-container {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
  overflow: hidden;
  cursor: default; }
  .slideshow-container::before {
    display: block;
    height: 0.3em;
    width: 100%;
    content: "";
    background-color: #1178af; }
  .slideshow-container .slick-slide {
    position: relative; }
  .slideshow-container .carousel-slide-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
    display: block;
    z-index: 200;
    text-align: center;
    height: 100%; }
  .slideshow-container .carousel-slide-body h3 {
    display: inline-flex;
    padding: 1em 2em;
    margin: 0;
    font-size: 1.6em;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .slideshow-container .glider.slideshow {
    overflow: hidden; }
    .slideshow-container .glider.slideshow img {
      height: auto;
      margin-bottom: -4px; }
  .slideshow-container .slideshow-heading {
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    border-color: rgba(0, 0, 0, 0.3) !important;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1.2em;
    display: block;
    padding: 1em;
    text-transform: uppercase; }
  .slideshow-container .slideshow-pagination {
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.8em;
    z-index: 200; }
    .slideshow-container .slideshow-pagination .sprite {
      background-image: url(/static/images/sprite.png) !important; }
  .slideshow-container .glider-prev, .slideshow-container .glider-next {
    color: #ffffff;
    position: static;
    height: 45px;
    width: 45px;
    background-color: transparent;
    border: none; }
    .slideshow-container .glider-prev:hover, .slideshow-container .glider-next:hover {
      cursor: pointer; }
  .slideshow-container button.sprite.slick-arrow:focus {
    outline: none; }
  .slideshow-container .carousel-paging {
    color: #ffffff;
    position: relative;
    align-self: center; }
  .slideshow-container .glider-prev {
    background-position: 18px -51px; }
  .slideshow-container .glider-next {
    background-position: 18px -118px; }

@media only screen and (max-width: 1226px) {
  .slideshow-container {
    max-height: 412px; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .slideshow-container .slideshow-heading {
    font-size: 0.7em; }
  .slideshow-container .carousel-slide-body h3 {
    font-size: 1em; }
  .slideshow-container .slideshow-pagination {
    padding: 0.4em; }
  .slideshow-container .glider-next,
  .slideshow-container .glider-prev {
    width: 32px;
    height: 32px; }
  .slideshow-container .glider-next {
    background-position: 12px -124px; }
  .slideshow-container .glider-prev {
    background-position: 12px -57px; } }

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

.videoblock .description {
  color: #fff;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 85%;
  position: relative;
  width: 100%;
  padding: 0.35em;
  box-sizing: border-box; }

.defaultvideo.videoblock .videoblock-wrap {
  padding-bottom: 56.25%;
  position: relative; }
  .defaultvideo.videoblock .videoblock-wrap .cookieconsent-optout-marketing {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }

.wrap.container.container--clear.videoblock {
  max-width: 52em;
  padding: 80px 0;
  overflow: hidden; }
  .wrap.container.container--clear.videoblock .inner-wrapper {
    position: relative; }
  .wrap.container.container--clear.videoblock .video-wrapper {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden; }
    .wrap.container.container--clear.videoblock .video-wrapper .cookieconsent-optout-marketing {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center; }
  @media only screen and (max-width: 1600px) {
    .wrap.container.container--clear.videoblock.videoblock.container {
      padding: 80px 0; } }
  @media only screen and (max-width: 1226px) {
    .wrap.container.container--clear.videoblock.videoblock.container {
      padding: 60px 0; } }
  @media only screen and (max-width: 940px) {
    .wrap.container.container--clear.videoblock.videoblock.container {
      padding: 0; }
    .wrap.container.container--clear.videoblock + .videoblock.container {
      padding: 50px 0 0; }
    .wrap.container.container--clear.videoblock + .text-image-block {
      margin-top: 50px; } }
  @media only screen and (max-width: 480px) {
    .wrap.container.container--clear.videoblock.videoblock.container {
      padding: 0; }
    .wrap.container.container--clear.videoblock + .videoblock.container {
      padding: 30px 0 0; } }

body.blockbasedarticlepage .wrap.container.container--clear.videoblock {
  max-width: 100% !important;
  margin: 0; }
  body.blockbasedarticlepage .wrap.container.container--clear.videoblock .wrapper {
    padding: 0; }
  body.blockbasedarticlepage .wrap.container.container--clear.videoblock .inner-wrapper {
    display: block; }

@media only screen and (max-width: 1226px) {
  body.blockbasedarticlepage .top-content:not(.fullwidth) .wrap.container.container--clear.videoblock .inner-wrapper {
    padding: 0 0.75em; } }

@media only screen and (max-width: 940px) {
  body.blockbasedarticlepage .top-content:not(.fullwidth) .wrap.container.container--clear.videoblock .inner-wrapper {
    padding: 0; } }

body.blockbasedarticlepage .accordion-block .accordion__content-text > .wrap.container.container--clear.videoblock {
  padding: 0; }

.iconlinks {
  position: relative; }
  .iconlinks .container-heading {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.25em;
    padding-right: 1.25em; }
  .iconlinks .iconlinks-anchor {
    position: absolute;
    top: 1.05em;
    right: 1.25em; }
  .iconlinks .iconlinks-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    overflow: hidden; }
    .iconlinks .iconlinks-list ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    .iconlinks .iconlinks-list li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  .iconlinks .iconlinks-list-item {
    display: inline-block;
    width: 50%;
    float: left;
    padding: 0 0 0.3em;
    position: relative;
    height: 66px; }
    .iconlinks .iconlinks-list-item a {
      font-size: 1.05263em;
      padding-left: 2.5em;
      position: relative;
      top: 47%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      display: inline-block; }
  .iconlinks .icon {
    color: #7a8990;
    width: 25px;
    display: inline-block;
    font-size: 49px;
    position: absolute;
    bottom: 0.18367em;
    min-height: 45px; }

body.startpage .iconlinks .iconlinks-anchor {
  top: 1.1em; }

body.startpage .iconlinks .container-heading {
  font-size: 1.2em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .iconlinks .icon {
    font-size: 31px;
    bottom: 0.19355em;
    min-height: 0; }
  .iconlinks .iconlinks-anchor {
    font-size: 65%;
    top: 1.23077em;
    right: 1.15385em; }
  .iconlinks .iconlinks-list-item {
    height: 40px; }
    .iconlinks .iconlinks-list-item a {
      font-size: 1.08333em; }
  body.startpage .iconlinks .iconlinks-anchor {
    top: 0.76923em; }
  body.startpage .iconlinks .container-heading {
    font-size: 0.7em;
    padding-left: 1.07143em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .iconlinks .icon {
    font-size: 49px; }
  .iconlinks .iconlinks-list {
    margin: 0.76923em 0; }
  .iconlinks .iconlinks-list-item {
    display: block;
    width: 100%;
    float: none;
    height: 50px; }
    .iconlinks .iconlinks-list-item a {
      font-size: 1.05263em;
      padding-left: 2.5em;
      top: 0;
      display: inline-block;
      margin-top: 0.75em; }
  .iconlinks .iconlinks-anchor {
    font-size: 100%;
    top: 0.85em;
    right: 1em; }
  .iconlinks .container-heading {
    padding-right: 45%; }
  body.startpage .iconlinks .iconlinks-anchor {
    font-size: 1em;
    top: 0.8em;
    max-width: 40%;
    right: 0.95em; }
  body.startpage .iconlinks .container-heading {
    font-size: 1.2em;
    padding-left: 0.79167em; } }

/*.wrap.search-wrapper {
	overflow:visible;
	margin:em(-120px) auto 0 auto;
}*/
.search-container {
  background-color: #ffffff !important;
  padding: 1.5em;
  margin: 0; }
  .search-container .icon {
    font-size: 150%;
    position: absolute;
    top: 0.4em;
    left: 0.3em;
    color: #1F6590; }

body.startpage .search-container {
  padding: 1.5em 1.5em 1em; }

.searchbox {
  position: relative;
  overflow: visible; }
  .searchbox ::-webkit-input-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }
  .searchbox :-moz-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }
  .searchbox ::-moz-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }
  .searchbox :-ms-input-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }

.searchbox-input {
  padding-right: 6.25em; }

.searchbox-field {
  padding: 0.6em 0.44em 0.6em 2.4em;
  font-size: 125%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  border: none;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.searchbox-button {
  position: absolute;
  top: 0.4em;
  right: 0.4em; }

.tags {
  white-space: nowrap;
  overflow: hidden;
  color: #FFFFFF;
  margin: 1em 0 0;
  position: relative; }
  .tags:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 20px;
    /* http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%2820\%2C137\%2C202\%2C0\%29\%200\%25\%2C\%20rgba\%280\%2C123\%2C186\%2C1\%29\%20100\%25\%29\%3B'*/
    background: #1178af;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17, 120, 175, 0)), color-stop(100%, #1178af));
    background: linear-gradient(to right, rgba(17, 120, 175, 0) 0%, #1178af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1178af', endColorstr='#1178af', GradientType=1); }

.tags-heading {
  display: inline-block;
  font-size: 0.95em;
  vertical-align: text-bottom;
  margin-right: 0.63158em;
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.tags-list {
  display: inline-block;
  list-style: none;
  padding: 0;
  color: #FFF;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  font-size: 1em; }

.tags-list-item {
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 1px; }

.tags-list-item-anchor {
  font-size: 70%;
  padding: 0.71429em;
  color: #FFF;
  border: 1px solid #5badda;
  padding: 0.42857em 1.42857em 0.28571em 1.42857em;
  border-radius: 18px;
  margin-left: 1.28571em;
  display: inline-block;
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.header-search-container {
  position: relative;
  background-color: #004876;
  display: none;
  margin: 0;
  padding-top: 0;
  z-index: 1001; }
  .header-search-container .wrap {
    min-height: initial; }
  .header-search-container .header-search {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 1rem auto; }
    @media only screen and (max-width: 719px) {
      .header-search-container .header-search {
        margin: .7rem auto; } }
    .header-search-container .header-search form {
      display: block;
      position: relative;
      width: 100%; }
    .header-search-container .header-search input[type="text"] {
      font-size: 18px;
      width: 100%;
      border: none;
      padding: .8rem 1.5rem;
      border-radius: 30px;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box; }
      @media only screen and (max-width: 940px) {
        .header-search-container .header-search input[type="text"] {
          padding: .7rem 1.5rem; } }
      @media only screen and (max-width: 719px) {
        .header-search-container .header-search input[type="text"] {
          padding: .5rem 1.5rem; } }
      .header-search-container .header-search input[type="text"]:focus {
        outline: 2px solid #ffffff;
        outline-offset: 4px; }
      .header-search-container .header-search input[type="text"]::-moz-placeholder {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        font-style: normal; }
      .header-search-container .header-search input[type="text"]::placeholder {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
        font-style: normal; }
    .header-search-container .header-search .btn {
      position: absolute;
      top: .3rem;
      right: 1rem;
      background-color: transparent;
      border: none;
      cursor: pointer; }
    .header-search-container .header-search .icon-reading-glass {
      font-size: 1.3rem;
      color: #000000; }
      @media only screen and (max-width: 940px) {
        .header-search-container .header-search .icon-reading-glass {
          font-size: 1.1rem; } }
      @media only screen and (max-width: 719px) {
        .header-search-container .header-search .icon-reading-glass {
          font-size: .9rem; } }
    .header-search-container .header-search input[type="submit"] {
      position: absolute;
      top: 0.32em;
      right: 0.32em;
      margin: 0;
      bottom: 0.32em;
      padding: 0.44em 1.04em; }

html.search-expanded .header-search-container {
  display: inline-flex;
  width: 100%; }

html.search-expanded .site-tools--search .icon:before {
  content: ""; }

/*
!* Medium size and narrow screen (tablets etc) *!
@media only screen and (max-width: $break-medium) {
	.wrap.search-wrapper {
		margin-top: 0;
	}
	.search-container {
		padding: em(15px) em(20px);

		.icon {
			@include font-size(15px);
			top: em(9px, 15px);
			left: em(9px, 15px);
		}
	}
    	body.startpage .search-container{
        padding: em(15px) em(20px) em(13px) em(20px);
	}
	
    .searchbox-input {
        padding-right:em(80px);
    }
	.searchbox-field  {
		@include font-size(15px);
	}
	.searchbox-button {
		top: em(4px);
		right: em(3px);
		bottom: em(4px);
	}
	.tags {
		margin-top:em(10px);
	}
	.tags-heading {
		@include font-size(15px);
	}
	.tags-list-item {
		margin-bottom:0;
	}
	.tags-list-item-anchor {
		@include font-size(10px);
	}
	.header-search-container {
		padding:0;
		
		.header-search {
			padding-top: em(15px);	
			padding-bottom: em(15px);
			min-height:initial;
			margin:0;
			max-width:initial;
		}
		input[type="text"]{
			@include font-size(15px);
			padding:em(9px, 15px) em(70px, 15px) em(9px, 15px) em(40px, 15px); 
		}
		.icon-search {
			font-size: em(20px, 24px);
			top: em(7px, 15px);
			left: em(7px, 15px);
		}
		input[type="submit"] {
			top: em(3px, 13px);
            bottom: em(3px, 13px);
			right: em(3px, 13px);
			padding:em(8px,13px) em(17px,13px); 
		}
	}
}

!* Narrow screen (smart phones etc) *!
@media only screen and (max-width: $break-narrow) {
	.search-wrapper{display:none;}
    .searchbox-input {
        padding-right:em(75px);
    }
	.header-search-container {
		.header-search {
			padding-top: em(15px);	
			padding-bottom: em(15px);
			min-height:initial;
		}
		input[type="text"]{
			@include font-size(20px);
			padding:em(9px, 20px) em(70px, 20px) em(9px, 20px) em(40px, 20px); 
		}
		.icon-search {
			font-size: em(20px, 15px);
			top: em(3px, 20px);
			left: em(3px, 20px);
		}
		input[type="submit"] {
			font-size:em(15px);
			top: em(3px, 15px);
			right: em(3px, 15px);
			padding:em(10px,15px) em(17px,15px) em(9px,15px) em(17px,15px) ; 
		}
	}
}*/
body.startpage .top-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 600px;
  overflow: hidden;
  min-height: 2.1em;
  background-color: #fff; }
  @media only screen and (max-width: 940px) {
    body.startpage .top-container {
      position: relative;
      height: 560px;
      max-height: 560px !important; } }
  @media only screen and (max-width: 719px) {
    body.startpage .top-container {
      position: relative;
      height: 560px;
      max-height: 560px !important; } }
  body.startpage .top-container.no-content {
    min-height: 5.1em; }
  body.startpage .top-container .top-information-container {
    width: 580px;
    min-width: 580px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #004876; }
    @media only screen and (max-width: 940px) {
      body.startpage .top-container .top-information-container {
        width: 100%;
        max-width: 520px;
        min-width: unset;
        position: absolute;
        left: 50%;
        bottom: 40px;
        transform: translate(-50%, 0);
        padding: 0;
        border-radius: 30px;
        background-color: transparent; } }
    @media only screen and (max-width: 719px) {
      body.startpage .top-container .top-information-container {
        max-width: 360px;
        left: 50%;
        bottom: 50%;
        transform: translate(-50%, 50%); } }
    body.startpage .top-container .top-information-container .top-information-content {
      width: 540px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 30px;
      background-color: #004876;
      color: #fff; }
      @media only screen and (max-width: 940px) {
        body.startpage .top-container .top-information-container .top-information-content {
          width: 100%;
          margin: 0 25px;
          padding: 25px 20px;
          border-radius: 30px; } }
      @media only screen and (max-width: 719px) {
        body.startpage .top-container .top-information-container .top-information-content {
          max-width: 310px;
          margin: 0 .75rem; } }
      body.startpage .top-container .top-information-container .top-information-content__heading h1 {
        color: #fff;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 55px;
        text-align: center;
        margin: 0 0 20px 0; }
        @media only screen and (max-width: 940px) {
          body.startpage .top-container .top-information-container .top-information-content__heading h1 {
            font-size: 50px;
            margin-bottom: 20px; } }
        @media only screen and (max-width: 719px) {
          body.startpage .top-container .top-information-container .top-information-content__heading h1 {
            font-size: 45px;
            margin-bottom: 20px; } }
      body.startpage .top-container .top-information-container .top-information-content__text {
        margin-bottom: 25px;
        color: #fff;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 1.2;
        text-align: center; }
        @media only screen and (max-width: 940px) {
          body.startpage .top-container .top-information-container .top-information-content__text {
            font-size: 22px; } }
      body.startpage .top-container .top-information-container .top-information-content__button {
        font-size: 100%;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        padding: .8rem 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #004876;
        border: none;
        border-radius: 30px;
        color: #ffffff;
        cursor: pointer;
        line-height: 1;
        margin: 0 0 0.25em 0;
        text-decoration: none;
        transition: background 150ms ease;
        z-index: 10;
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
        background-color: #ffffff;
        color: #000000;
        font-size: 20px; }
        body.startpage .top-container .top-information-container .top-information-content__button:hover {
          text-decoration: none;
          background-color: #1F6590; }
        body.startpage .top-container .top-information-container .top-information-content__button:focus {
          color: #ffffff;
          background-color: #1F6590;
          outline: 3px solid #000000;
          outline-offset: 4px; }
        body.startpage .top-container .top-information-container .top-information-content__button:focus-visible {
          outline: none; }
        @media only screen and (max-width: 940px) {
          body.startpage .top-container .top-information-container .top-information-content__button {
            font-size: 18px;
            width: auto; } }
        @media only screen and (max-width: 719px) {
          body.startpage .top-container .top-information-container .top-information-content__button {
            padding: .8rem 1rem; } }
        body.startpage .top-container .top-information-container .top-information-content__button:hover {
          background-color: #E9FAFF; }
        body.startpage .top-container .top-information-container .top-information-content__button:focus {
          background-color: #E9FAFF;
          color: #000000;
          outline: 2px solid #ffffff;
          outline-offset: 4px; }
        body.startpage .top-container .top-information-container .top-information-content__button .icon {
          padding-left: 10px;
          color: #000000; }
          @media only screen and (max-width: 719px) {
            body.startpage .top-container .top-information-container .top-information-content__button .icon {
              padding-left: 6px; } }
  body.startpage .top-container .top-information-container.top-information-container--light {
    background-color: #B5EAFA; }
    @media only screen and (max-width: 719px) {
      body.startpage .top-container .top-information-container.top-information-container--light {
        background-color: transparent; } }
    body.startpage .top-container .top-information-container.top-information-container--light .top-information-content {
      background-color: #B5EAFA; }
      body.startpage .top-container .top-information-container.top-information-container--light .top-information-content__heading h1 {
        color: var(--text-color-default); }
      body.startpage .top-container .top-information-container.top-information-container--light .top-information-content__text {
        color: #000000; }
      body.startpage .top-container .top-information-container.top-information-container--light .top-information-content__button {
        background-color: #004876;
        color: #ffffff; }
        body.startpage .top-container .top-information-container.top-information-container--light .top-information-content__button:hover {
          background-color: #1F6590; }
        body.startpage .top-container .top-information-container.top-information-container--light .top-information-content__button:focus {
          background-color: #1F6590;
          color: #ffffff;
          outline: 2px solid #000000; }
        body.startpage .top-container .top-information-container.top-information-container--light .top-information-content__button .icon {
          color: #ffffff; }
  body.startpage .top-container video {
    display: block;
    width: 100%;
    max-width: 75em;
    margin: 0 auto;
    max-height: 30em;
    background-color: #fff;
    min-height: 288px; }
  body.startpage .top-container .fallback {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 719px) {
      body.startpage .top-container .fallback {
        display: block;
        width: 100%;
        height: 100%; } }
    body.startpage .top-container .fallback picture {
      width: 100%;
      height: 100%; }
    body.startpage .top-container .fallback img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
      body.startpage .top-container .fallback img.image-left {
        -o-object-position: left bottom;
           object-position: left bottom; }
      body.startpage .top-container .fallback img.image-center {
        -o-object-position: center bottom;
           object-position: center bottom; }
      body.startpage .top-container .fallback img.image-right {
        -o-object-position: right bottom;
           object-position: right bottom; }
    body.startpage .top-container .fallback.has-video {
      display: none; }

body.startpage html.edit-mode .top-container {
  min-height: 260px; }

.share {
  margin: 0;
  padding: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  width: 100%;
  font-size: 18px !important;
  color: #707070;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 39px;
  padding: 10px 0;
  position: relative;
  height: 30px; }
  .share li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0; }
    .share li.sharetitle {
      padding-top: 0;
      position: absolute;
      top: 11px; }
    .share li.shareicon-first {
      padding-left: 53px; }
    .share li .icon {
      color: transparent;
      cursor: pointer;
      display: block; }
    .share li .icon:before {
      color: #004876; }
    .share li .icon--notext {
      width: 30px;
      height: 30px; }
    .share li.sharetitle.kundo {
      right: 2.22222em; }
      .share li.sharetitle.kundo .mobile {
        display: none; }

.share.IEFIX .icon--2x:before {
  padding-top: 5px; }

.share .kundo {
  float: right;
  margin-right: 0; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .share {
    font-size: 11px !important;
    height: 22px; }
    .share .icon--2x:before {
      font-size: 28px !important;
      margin-top: -.3em; }
    .share li.sharetitle {
      top: 13px; }
    .share li.shareicon-first {
      padding-left: 35px; }
    .share li .icon--notext {
      width: 22px;
      height: 24px;
      line-height: 18px; }
    .share li.sharetitle.kundo {
      right: 2.72727em; } }

@media only screen and (max-width: 719px) {
  .share {
    font-size: 15px !important;
    height: 27px; }
    .share .icon--2x:before {
      font-size: 34px !important;
      margin-top: -.4em; }
    .share li {
      margin-right: 0.35em; }
      .share li.sharetitle {
        top: 12px; }
      .share li.shareicon-first {
        padding-left: 45px; }
      .share li .icon--notext {
        width: 27px;
        height: 28px;
        line-height: inherit; }
      .share li.sharetitle.kundo {
        right: 2.33333em; }
        .share li.sharetitle.kundo span {
          display: none; }
        .share li.sharetitle.kundo .mobile {
          display: block; } }

.links {
  min-height: 0 !important; }
  .links .icon {
    display: none; }

.links-list {
  list-style: none;
  font-size: 1em;
  padding: 0;
  margin: 0 0 0.75em;
  width: 100%;
  overflow: hidden; }

.links-list-item {
  margin-top: 0.5em;
  margin-bottom: 0;
  padding-bottom: 0; }

.links-list-item-anchor {
  color: #1178af;
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.links--purple .links-list-item-anchor, .links--purple .icon {
  color: #fff !important; }

.links--purple .links-list-item, .links--purple .container-heading {
  border-color: rgba(255, 255, 255, 0.3) !important; }

.links--blue .links-list-item-anchor, .links--blue .icon {
  color: #fff !important; }

.links--blue .links-list-item, .links--blue .container-heading {
  border-color: rgba(255, 255, 255, 0.3) !important; }

.links--green .links-list-item-anchor, .links--green .icon {
  color: #fff !important; }

.links--green .links-list-item, .links--green .container-heading {
  border-color: rgba(255, 255, 255, 0.3) !important; }

.links--grey .links-list-item-anchor, .links--grey .icon {
  color: #fff !important; }

.links--grey .links-heading, .links--grey .links-list-item, .links--grey .container-heading {
  border-color: rgba(255, 255, 255, 0.3) !important; }

.links--yellow .links-list-item-anchor, .links--yellow .icon {
  color: #0b0b0b !important; }

.links--yellow .links-list-item, .links--yellow .container-heading {
  border-color: #0b0b0b !important; }

.links--lightgrey .links-list-item-anchor, .links--lightgrey .icon {
  color: #0b0b0b !important; }

.links--lightgrey .links-list-item, .links--lightgrey .container-heading {
  border-color: #0b0b0b !important; }

body.startpage .linklistarea {
  overflow: hidden;
  text-align: justify;
  width: 100%;
  margin: 0 0 -3em;
  font-size: 0.1px; }

body.startpage .linklist-wrapper {
  max-width: 570px;
  display: inline-block;
  width: 50%; }

body.startpage .links-list-item {
  width: 50%;
  display: inline-block;
  float: left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-top: 0.55em;
  margin-bottom: 0;
  padding-bottom: 0.55em; }

body.startpage .links .icon {
  display: inline-block;
  font-size: 1.25em;
  position: relative;
  top: 1px; }

body.startpage .links .links-list-item-anchor, body.startpage .links .icon {
  color: #0b0b0b; }

body.startpage .links .links-list-item {
  border-color: #e2e2e2; }

body.startpage .links-list {
  margin: 0 0 -1px; }

/* Medium size and narrow screen (tablets etc) */
/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.startpage .links-list-item {
    width: 100%;
    float: none; } }

/*doc
---
title: Teaser
name: teaser
category: Components - Teaser
---

```html_example
<div class="grid">
	<div class="teaser grid-col-3">    
		<div class="teaser-body">
			<a href="/" class="teaser-anchor">
				<h2 class="teaser-heading">Lorem ipsum</h2>
				<p class="teaser-lead">Lorem ipsum dolor sit amet.</p>
			</a>
		</div>
		<img alt="Lorem ipsum" class="teaser-image" src="http://placehold.it/616x328" />
	</div>
</div>
```
*/
.teaser-small {
  position: relative; }
  .teaser-small .container-inner {
    overflow: hidden;
    border-top: 1px solid #e2e2e2; }
  .teaser-small.grid-col-2 .container-heading, .teaser-small.grid-col-2 .container-body {
    padding-right: 5%; }
  .teaser-small a {
    color: #000; }
  .teaser-small .container-heading {
    border-bottom: none;
    font-size: 120%;
    padding: 0.91667em 0 0;
    margin: 0 1.04167em 0 1.04167em;
    line-height: 1.08333em; }
  .teaser-small .has-title .container-heading {
    padding-top: 0.41667em; }
  .teaser-small .container-body {
    padding-top: 0.52632em; }
  .teaser-small .teaser-title {
    font-size: 75%;
    padding: 1.66667em 0 0 1.6em;
    display: inline-block;
    text-transform: uppercase;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #707070; }
  .teaser-small.container--color .container-inner {
    padding-bottom: 0; }
  .teaser-small.color-purple .teaser-title, .teaser-small.color-blue .teaser-title, .teaser-small.color-green .teaser-title, .teaser-small.color-grey .teaser-title {
    color: #fff; }
  .teaser-small.color-purple a, .teaser-small.color-blue a, .teaser-small.color-green a, .teaser-small.color-grey a {
    color: #fff; }
  .teaser-small.container--color.color-yellow .teaser-title {
    color: #0b0b0b; }
  .teaser-small .teaser-image {
    overflow: hidden;
    max-width: 48%;
    height: auto;
    float: right; }
    .teaser-small .teaser-image img {
      float: right; }
  .teaser-small p {
    line-height: 1.21053em; }
  .teaser-small p:last-child {
    margin-bottom: 0; }

.aside > .teaser-small .container-inner {
  background-color: #f2f2f2; }

body.startpage .teaser-large .container-inner.textunderimage {
  flex-direction: column; }
  body.startpage .teaser-large .container-inner.textunderimage img {
    width: 100%;
    height: auto; }
  body.startpage .teaser-large .container-inner.textunderimage .inner-content {
    margin: 0; }

body.startpage .teaser-large .container-inner {
  display: flex;
  align-items: flex-end;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  body.startpage .teaser-large .container-inner .inner-content {
    width: 100%;
    height: auto;
    margin: 1rem;
    background-color: #ffffff;
    border-radius: 3px; }
    body.startpage .teaser-large .container-inner .inner-content a {
      color: #000; }
    body.startpage .teaser-large .container-inner .inner-content .container-heading {
      font-size: 28px;
      border-bottom: none;
      padding: 0.57143em 0 0;
      margin: 0 0.89286em 0.35714em 0.89286em; }
    body.startpage .teaser-large .container-inner .inner-content .teaser-image img {
      width: 100%;
      height: auto; }

body.startpage .teaser-small .container-inner {
  border-top: none; }
  body.startpage .teaser-small .container-inner .container-text {
    padding-bottom: .75rem;
    margin: 0; }
    @media only screen and (max-width: 940px) {
      body.startpage .teaser-small .container-inner .container-text {
        padding-bottom: .5rem; } }
    @media only screen and (max-width: 719px) {
      body.startpage .teaser-small .container-inner .container-text {
        padding-bottom: 0; } }
  @media only screen and (min-width: 719px) {
    body.startpage .teaser-small .container-inner--small.has-image {
      display: flex;
      flex-direction: row-reverse; }
      body.startpage .teaser-small .container-inner--small.has-image.left-image {
        flex-direction: row; }
      body.startpage .teaser-small .container-inner--small.has-image .container-image {
        width: 50%; }
        body.startpage .teaser-small .container-inner--small.has-image .container-image a .teaser-image {
          position: initial;
          max-width: 100%;
          width: 100%;
          height: 100%;
          float: inherit; }
          body.startpage .teaser-small .container-inner--small.has-image .container-image a .teaser-image img {
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
            float: inherit;
            width: 100%;
            height: 100%; }
      body.startpage .teaser-small .container-inner--small.has-image .container-text {
        width: 50%; }
        body.startpage .teaser-small .container-inner--small.has-image .container-text .container-body.container-body--editorial {
          padding-right: 0; } }

body.startpage .teaser-small .container-body--editorial {
  margin-bottom: 0 !important; }

body.startpage .teaser-small .teaser-image {
  overflow: hidden;
  max-width: 48%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0; }
  body.startpage .teaser-small .teaser-image img {
    float: none; }

.aside .teaser-small .container-heading {
  margin-left: 0.79167em;
  margin-right: 0.79167em;
  text-transform: none;
  clear: both; }

.aside .teaser-small .container-body {
  margin-left: 1em;
  margin-right: 1em; }

.aside .teaser-small .container-body--editorial {
  margin-bottom: 0.84211em !important; }

.aside .teaser-small .teaser-title {
  font-size: 75%;
  padding: 1em 0 0 1.26667em; }

.aside .teaser-small .teaser-image {
  max-width: 100%;
  width: 100%;
  height: auto;
  position: static;
  overflow: visible; }
  .aside .teaser-small .teaser-image img {
    width: 100%;
    height: auto;
    float: none;
    display: block; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .teaser-large .container-heading, .teaser-small .container-heading {
    font-size: 70%;
    padding: 0.64286em 0 0;
    margin: 0 1.07143em 0.35714em 1.07143em; }
  .teaser-small .container-heading {
    margin-bottom: 0; }
  .teaser-small .container-body {
    padding-top: 0.33333em; }
  .teaser-small .teaser-image {
    max-width: 175px;
    height: 119px;
    overflow: hidden; }
    .teaser-small .teaser-image img {
      width: 100%;
      height: auto; }
  .teaser-small .teaser-title {
    font-size: 45%;
    padding: 1.44444em 0 0 1.66667em; }
  .teaser-small p {
    line-height: 1.25em; }
  body.startpage .teaser-large .container-inner .inner-content {
    margin: .8rem; }
    body.startpage .teaser-large .container-inner .inner-content .container-heading {
      font-size: 18px !important;
      padding: 0.64286em 0 0;
      margin: 0 .8em 0.35714em .8em; }
  body.startpage .teaser-small .container-body--editorial {
    margin-bottom: 0 !important; }
  body.startpage .teaser-small .teaser-image {
    height: 100%; }
  .aside .teaser-small .teaser-title {
    font-size: 45%;
    padding: 1.44444em 0 0 1.66667em; }
  .aside .teaser-small .container-heading {
    margin-left: 0.79167em;
    margin-right: 0.79167em; }
  .aside .teaser-small .container-body {
    margin-left: 0.95em;
    margin-right: 0.95em; }
  .aside .teaser-small .container-body--editorial {
    margin-bottom: 0.8em !important; }
  .aside .teaser-small .teaser-image {
    float: right;
    max-width: 175px;
    height: 119px;
    overflow: hidden; }
    .aside .teaser-small .teaser-image img {
      float: right; } }

@media only screen and (max-width: 719px) {
  .teaser-large .container-heading, .teaser-small .container-heading {
    font-size: 120%;
    padding: 0.45833em 0;
    margin: 0 0.79167em 0.20833em 0.79167em; }
  .teaser-small .has-title .container-heading {
    padding-bottom: 0.57895em; }
  .teaser-small .container-heading--with-content, .teaser-small .has-title .container-heading--with-content {
    padding-bottom: 0;
    margin-bottom: 0; }
  .teaser-small .container-body {
    padding-top: 0.52632em; }
  .teaser-small .container-inner {
    overflow: hidden; }
  .teaser-small .container-body--editorial {
    margin-bottom: 0.8em !important; }
  .teaser-small .teaser-title {
    font-size: 75%;
    padding: 1em 0 0 1.26667em; }
  .teaser-small .teaser-image {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: static;
    overflow: visible;
    float: none; }
    .teaser-small .teaser-image img {
      width: 100%; }
  body.startpage .teaser-large .container-inner .inner-content {
    margin: 1rem; }
    body.startpage .teaser-large .container-inner .inner-content .container-heading {
      font-size: 24px !important;
      margin: 1rem 1rem .3rem 1rem;
      padding: 0; }
  body.startpage .teaser-small.grid-col-2 .container-heading, body.startpage .teaser-small.grid-col-2 .container-body {
    padding-right: 0; }
  body.startpage .teaser-small .container-inner {
    overflow: hidden; }
  body.startpage .teaser-small .container-body--editorial {
    margin-bottom: 0.8em !important; }
  body.startpage .teaser-small .teaser-image {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: static;
    overflow: visible; }
    body.startpage .teaser-small .teaser-image img {
      width: 100%; }
  body.startpage .teaser-small p {
    line-height: 1.21053em; }
  .aside .teaser-small .teaser-title {
    font-size: 75%;
    padding: 1em 0 0 1.26667em; }
  .aside .teaser-small .teaser-image {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: static;
    overflow: visible; }
    .aside .teaser-small .teaser-image img {
      width: 100%; } }

/*doc
---
title: Teaser
name: teaser
category: Components - Teaser
---

```html_example
<div class="grid">
	<div class="teaser grid-col-3">    
		<div class="teaser-body">
			<a href="/" class="teaser-anchor">
				<h2 class="teaser-heading">Lorem ipsum</h2>
				<p class="teaser-lead">Lorem ipsum dolor sit amet.</p>
			</a>
		</div>
		<img alt="Lorem ipsum" class="teaser-image" src="http://placehold.it/616x328" />
	</div>
</div>
```
*/
.employee-container .container-body {
  padding: 0.8em 0 0; }

.employee-container .employee-item {
  width: 49.5%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top; }

.employee-item {
  min-height: 7em;
  position: relative;
  margin-bottom: 1.5em;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 0.5em 0 6.7em;
  white-space: normal;
  position: relative;
  box-sizing: border-box; }
  .employee-item a[href^='mailto:'] {
    display: inline-block;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block; }

.employee-information-main {
  line-height: 1.1em;
  margin-bottom: 0.65em;
  word-break: break-word;
  word-wrap: break-word; }
  .employee-information-main .strong {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0b0b0b; }
  .employee-information-main .italic {
    font-style: italic;
    color: #5b5b5b; }

.employee-information-additional .strong {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b; }

.employee-information-additional .email {
  font-size: 0.84211em; }

.employee-image {
  max-width: 110px;
  position: absolute;
  top: 0;
  left: 0; }
  .employee-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .employee-container .container-body {
    padding: 1.23077em 0 0; }
  .employee-container .employee-item {
    font-size: 13px; }
  .employee-item {
    font-size: 65%;
    min-height: 6.92308em;
    padding-left: 7.30769em; }
  .employee-image {
    max-width: 81px; }
  .employee-information-additional .email {
    font-size: 1em; } }

@media only screen and (max-width: 719px) {
  .employee-container .container-body {
    padding: 0.8em 0 0;
    white-space: normal; }
  .employee-container .employee-item {
    width: 100%;
    font-size: 95%; }
  .employee-container .employee-information-main {
    width: 61%; }
  .employee-item {
    padding: 0;
    font-size: 95%;
    min-height: 5.26316em;
    overflow: hidden;
    line-height: 1.25em;
    border-bottom: solid 1px #e2e2e2; }
    .employee-item:last-child {
      border: none; }
  .employee-information-main {
    float: right;
    min-height: 4.73684em;
    margin-bottom: 0.52632em;
    width: 65%; }
  .employee-information-additional {
    float: left;
    margin-bottom: 0.52632em; }
    .employee-information-additional .strong {
      margin-top: 0.25em; }
    .employee-information-additional .email {
      font-size: 1em; }
  .employee-image {
    max-width: 90px;
    float: left;
    position: relative;
    top: auto;
    left: auto; } }

.servicecheckblock {
  padding-inline: 15px;
  padding-block: 50px 50px;
  font-size: 18px; }
  .servicecheckblock__content {
    max-width: 700px;
    margin: 0 auto; }
  .servicecheckblock .servicecheck__form {
    display: flex;
    align-items: flex-end;
    -moz-column-gap: 25px;
         column-gap: 25px;
    flex-wrap: wrap; }
    .servicecheckblock .servicecheck__form .search-field__wrapper {
      position: relative;
      z-index: 1;
      max-width: 940px; }
      .servicecheckblock .servicecheck__form .search-field__wrapper .search-field {
        max-width: 100%; }
    .servicecheckblock .servicecheck__form .new-link-button {
      margin-bottom: 0; }
      .servicecheckblock .servicecheck__form .new-link-button:hover .icon-thinarrow {
        transform: translateX(10px);
        transition: transform 0.2s ease-in-out; }
    .servicecheckblock .servicecheck__form .icon-reading-glass, .servicecheckblock .servicecheck__form .icon-reading-glass:before {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      color: #1a1a1a; }
    .servicecheckblock .servicecheck__form .icon-thinarrow {
      margin-left: 10px; }
  .servicecheckblock .servicecheck__search {
    flex-grow: 1; }
  .servicecheckblock .servicecheck .feedback-list {
    position: absolute;
    top: calc(100% + 10px);
    left: 15px;
    right: 15px;
    z-index: 10;
    background-color: #ffffff;
    box-shadow: 0 4px 4px 0 #00000040;
    border-radius: 16px;
    padding: 10px 15px;
    max-height: 300px;
    overflow-y: auto;
    overscroll-behavior: contain; }
    .servicecheckblock .servicecheck .feedback-list ul {
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
    .servicecheckblock .servicecheck .feedback-list a {
      display: inline-block;
      width: 100%; }
      .servicecheckblock .servicecheck .feedback-list a span {
        display: inline-block;
        width: 20ch;
        padding-inline: 10px; }
    .servicecheckblock .servicecheck .feedback-list__item {
      padding: 10px 0;
      margin-bottom: 0;
      border-bottom: 1px solid #e8f4fa; }
      .servicecheckblock .servicecheck .feedback-list__item a {
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        text-decoration: none;
        flex-wrap: wrap; }
        @media (min-width: 480px) {
          .servicecheckblock .servicecheck .feedback-list__item a {
            flex-wrap: nowrap; } }
      .servicecheckblock .servicecheck .feedback-list__item:hover {
        background-color: #E9FAFF; }
      .servicecheckblock .servicecheck .feedback-list__item .feedback-list__address {
        width: 40%; }
      .servicecheckblock .servicecheck .feedback-list__item .feedback-list__city {
        width: 30%;
        text-align: right; }
      .servicecheckblock .servicecheck .feedback-list__item .feedback-list__status {
        text-align: center;
        width: 100%;
        margin-top: 10px; }
        @media (min-width: 480px) {
          .servicecheckblock .servicecheck .feedback-list__item .feedback-list__status {
            width: 30ch; } }
      @media (min-width: 480px) {
        .servicecheckblock .servicecheck .feedback-list__item .feedback-list__address {
          width: 30%; }
        .servicecheckblock .servicecheck .feedback-list__item .feedback-list__city {
          text-align: left;
          width: 30%; }
        .servicecheckblock .servicecheck .feedback-list__item .feedback-list__status {
          text-align: right;
          width: 30%;
          margin-top: 0; } }
    .servicecheckblock .servicecheck .feedback-list__no-match {
      margin: 10px 0;
      color: #B90000; }
  .servicecheckblock .servicecheck .feedback-answer {
    position: absolute;
    top: calc(100% + 10px);
    left: 15px;
    right: 15px;
    min-height: 150px;
    z-index: 10;
    background-color: #ffffff;
    padding: 15px 20px;
    box-shadow: 0 4px 4px 0 #00000040;
    border-radius: 16px;
    font-size: 18px; }
    .servicecheckblock .servicecheck .feedback-answer__heading {
      margin-top: 0.7em; }
    .servicecheckblock .servicecheck .feedback-answer__close {
      display: flex;
      justify-content: flex-end; }
      .servicecheckblock .servicecheck .feedback-answer__close a {
        font-size: 20px;
        color: #333F58; }
    .servicecheckblock .servicecheck .feedback-answer__cta {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center; }

body.start .container-inner {
  border: none; }

.openinghours.simple .container-inner {
  position: relative; }

.openinghours.simple .container-heading {
  border-bottom: none;
  font-size: 1.6em;
  margin: 0 0.78125em;
  padding: 1.65625em 0 2.1875em;
  z-index: 80;
  position: relative; }

.openinghours.simple .container-body {
  margin: 0;
  z-index: 90;
  position: relative; }

.openinghours-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  max-height: 174px;
  overflow: hidden; }
  .openinghours-image:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); }
  .openinghours-image img {
    width: 100%;
    height: auto; }

.openinghours-info {
  text-transform: uppercase;
  font-size: 0.73684em;
  padding: 0.57143em 1.78571em;
  color: #707070;
  font-weight: bold;
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.openinghours-list {
  list-style: none;
  width: 100%;
  font-size: 1.05263em;
  padding: 0;
  margin: 0 0 0.4em 0;
  border-top: 1px solid #f2f2f2; }

.openinghours-list-item {
  display: block;
  margin-top: 0.55em;
  margin-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 1.25em 0.55em; }
  .openinghours-list-item .status-list {
    width: 70%;
    display: inline-block;
    vertical-align: top; }

.openinghours-list-item:last-child {
  border-bottom: none; }

.openinghours-name {
  display: inline-block; }

.openinghours-status {
  display: inline-block;
  min-width: 20%; }

.openinghours--details .container-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  color: #0b0b0b;
  font-size: inherit; }
  .openinghours--details .container-heading:after {
    content: "";
    display: table;
    clear: both; }
  .openinghours--details .container-heading .openinghours-heading {
    display: inline-block; }
  .openinghours--details .container-heading .openinghours-select-week {
    display: flex;
    align-items: center;
    text-align: center;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: inherit;
    text-transform: none;
    margin-left: auto; }
    .openinghours--details .container-heading .openinghours-select-week .openinghours-previous-week, .openinghours--details .container-heading .openinghours-select-week .openinghours-next-week {
      width: 20px;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 10px;
      color: #ffffff;
      background-color: #004876;
      border-radius: 50%;
      outline: none;
      text-decoration: none;
      transition: background 150ms ease;
      cursor: pointer; }
      .openinghours--details .container-heading .openinghours-select-week .openinghours-previous-week:hover, .openinghours--details .container-heading .openinghours-select-week .openinghours-next-week:hover {
        background-color: #1F6590; }
      .openinghours--details .container-heading .openinghours-select-week .openinghours-previous-week:focus, .openinghours--details .container-heading .openinghours-select-week .openinghours-next-week:focus {
        background-color: #1F6590;
        outline: 2px solid black; }
    .openinghours--details .container-heading .openinghours-select-week .icon-arrowleft::before, .openinghours--details .container-heading .openinghours-select-week .icon-arrowleft::after {
      margin-right: 2px; }
    .openinghours--details .container-heading .openinghours-select-week .icon-arrow::before, .openinghours--details .container-heading .openinghours-select-week .icon-arrow::after {
      margin-left: 1px; }
    .openinghours--details .container-heading .openinghours-select-week .icon--2x::before, .openinghours--details .container-heading .openinghours-select-week .icon--2x.icon--after::after {
      font-size: 190%; }
    .openinghours--details .container-heading .openinghours-select-week .openinghours-current-week {
      margin: 0 0.7rem; }

.openinghours--details .openinghours-list {
  padding-top: 0.83333em;
  margin-bottom: 0.83333em;
  border-top: none; }

.openinghours--details .openinghours-list-item {
  padding: 0;
  padding-bottom: 0.27778em;
  margin: 0;
  border-bottom: none;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.openinghours--details .openinghours-name {
  width: 30%; }

.openinghours--details .openinghours-status.temp-closing .temp-closing-name {
  margin: 0 5px 0 20px;
  display: inline-block; }

.openinghours--details .openinghours-status.temp-closing .temp-closing-time {
  display: inline-block; }

html.ie .openinghours .container-body {
  background-color: #fff; }

html.ie .openinghours .openinghours-info {
  padding: 0.78947em 1.31579em; }

html.ie .openinghours--details {
  font-size: 100%; }

@media only screen and (max-width: 1226px) {
  .openinghours-status {
    min-width: 26%; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .openinghours--details .container-body {
    font-size: 100%; }
    .openinghours--details .container-body .openinghours-list {
      font-size: 100% !important; }
  .openinghours-status {
    min-width: 15%; }
  .openinghours .container-heading, .openinghours.simple .container-heading {
    font-size: 0.9em;
    margin: 0 0.88889em;
    padding: 1.5em 0 1.5em; }
  .openinghours-image {
    height: 85px;
    overflow: hidden; } }

@media only screen and (max-width: 719px) {
  .openinghours--details .openinghours-select-week {
    width: 100%;
    margin: 0 !important;
    float: none; }
  .openinghours--details .container-body {
    font-size: 100%; }
    .openinghours--details .container-body .openinghours-list {
      font-size: 100%; }
  .openinghours--details .openinghours-status.temp-closing .temp-closing-name {
    margin: 0 5px 0 0; }
  .openinghours--details .status-list {
    width: 57%; }
  .openinghours--details .openinghours-name {
    width: 43%; }
  .openinghours--details .openinghours-list-item {
    padding-bottom: 0.66667em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .openinghours .container-heading {
    font-size: 1.2em;
    margin: 0 0.79167em;
    padding: 1.95833em 0 1.875em; }
    .openinghours .container-heading .openinghours-heading {
      display: block;
      width: auto; }
  .openinghours--details .container-heading {
    border: none;
    display: block;
    font-size: inherit; }
    .openinghours--details .container-heading .openinghours-heading {
      display: block;
      width: auto;
      margin-bottom: 0.7rem;
      margin-top: 0.3rem; }
    .openinghours--details .container-heading .openinghours-select-week {
      display: flex;
      justify-content: space-between;
      margin: 0.5em;
      padding-bottom: 0.5rem;
      width: 100%;
      float: none;
      border-bottom: 1px solid #e2e2e2; }
  .openinghours--details .container-body {
    font-size: 100%; }
    .openinghours--details .container-body .openinghours-list {
      font-size: 100%; }
  .openinghours-image {
    height: 137px;
    overflow: hidden; }
    .openinghours-image img {
      width: auto;
      height: 100%; }
  .openinghours-info {
    padding: 0.57143em 1.35714em; }
  .openinghours-list-item {
    display: flex;
    justify-content: space-between;
    padding: 0 0.95em 0.4em; }
  .openinghours-name {
    display: inline-block;
    width: 30%; }
  .openinghours-status {
    display: flex;
    justify-content: flex-end;
    min-width: 15%; } }

.accordion-block .openinghours--details .container-heading {
  border: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-size: inherit; }
  .accordion-block .openinghours--details .container-heading .openinghours-heading {
    display: block;
    width: 100%;
    margin-bottom: 0.3rem;
    margin-top: 0.3rem; }
  .accordion-block .openinghours--details .container-heading .openinghours-select-week {
    display: flex;
    justify-content: space-between;
    margin: 0.3em 0;
    padding-bottom: 0.5rem;
    width: 100%;
    float: none;
    border-bottom: 1px solid #e2e2e2; }

.accordion-block .openinghours--details .openinghours-list-item {
  display: flex;
  justify-content: space-between;
  color: #1a1a1a; }
  .accordion-block .openinghours--details .openinghours-list-item .openinghours-status {
    display: flex;
    justify-content: flex-end; }

.text-image-block .openinghours--details .openinghours-list {
  width: auto;
  margin: 0 1.07143em 1.07143em 1.07143em; }
  .text-image-block .openinghours--details .openinghours-list .openinghours-list-item {
    color: #1a1a1a; }

@media only screen and (max-width: 940px) {
  .text-image-block .openinghours--details .container-heading {
    border: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    font-size: inherit; }
    .text-image-block .openinghours--details .container-heading .openinghours-heading {
      display: block;
      width: 100%;
      margin-bottom: 0.3rem;
      margin-top: 0.3rem; }
    .text-image-block .openinghours--details .container-heading .openinghours-select-week {
      display: flex;
      justify-content: space-between;
      margin: 0.3em 0;
      padding-bottom: 0.5rem;
      width: 100%;
      float: none;
      border-bottom: 1px solid #e2e2e2; }
  .text-image-block .openinghours--details .openinghours-list {
    width: auto;
    margin: 0 1.07143em 1.07143em 1.07143em; }
    .text-image-block .openinghours--details .openinghours-list .openinghours-list-item {
      display: flex;
      justify-content: space-between; }
      .text-image-block .openinghours--details .openinghours-list .openinghours-list-item .openinghours-status {
        display: flex;
        justify-content: flex-end; } }

.container-map .container-inner {
  border-top: 5px solid #1178af;
  padding: 0 1.3em;
  padding-bottom: 0.5em; }

.container-map.container--noborder .container-inner {
  padding: 0;
  padding-bottom: 0.5em; }

.container-map .container-heading {
  margin: 0;
  border: none; }

.container-map #mapblock, .container-map #google-map {
  width: 100%;
  height: 390px; }
  .container-map #mapblock img, .container-map #google-map img {
    max-width: none !important; }

.container-map .markers-list {
  list-style-type: none; }

.container-map .map-info {
  text-transform: none;
  font-weight: normal;
  font-size: 0.95em;
  color: #707070;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0px;
  margin-top: 1em; }

.container-map .map-list {
  list-style: none;
  width: 100%;
  font-size: 0.95em;
  padding: 0;
  margin: 0.26316em 0 0.52632em 0;
  border: none; }

.container-map .map-list-item {
  display: block;
  margin-top: 0.2em;
  margin-bottom: 0;
  border: none;
  padding: 0; }

.container-map .map-name {
  display: inline-block;
  width: 40%; }

.container-map .map-status {
  display: inline-block;
  width: 58%; }

.container-map .map--details .container-heading {
  margin-bottom: 0; }

.container-map .map--details .map-list {
  padding-top: 0.83333em;
  margin-bottom: 0.83333em; }

.container-map .map--details .map-list-item {
  padding: 0;
  padding-bottom: 0.27778em;
  margin: 0;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.container-map .map--details .map-name {
  width: 25%; }

.container-map .map-content__title {
  color: #004876;
  font-weight: normal;
  margin: 0; }

.container-map .map-content a {
  color: #004876;
  text-decoration: none; }

.container-map .map-content p {
  margin: 0;
  margin-top: 0.1em;
  font-weight: normal;
  font-size: 17px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .container-map #mapblock, .container-map #google-map {
    height: 300px; }
  .container-map .map-info {
    font-size: 0.6em; }
  .container-map .map-list {
    font-size: 0.6em;
    margin: 0.41667em 0 0.83333em 0; }
  .container-map .map-content h2 {
    font-size: 12px; }
  .container-map .map-content p {
    font-size: 12px; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .container-map .map-info {
    font-size: 0.95em; }
  .container-map .map-list {
    font-size: 0.95em;
    margin: 0.26316em 0 0.52632em 0; }
  .container-map .map-name {
    width: 58%; }
  .container-map .map-status {
    width: 40%; }
  .container-map .map-content h2 {
    font-size: 17px; }
  .container-map .map-content p {
    font-size: 17px; } }

body.blockbasedarticlepage .container.container-map {
  background-color: transparent; }

body.blockbasedarticlepage .top-content .container-map, body.blockbasedarticlepage .bottom-content .container-map {
  width: 100%;
  max-width: 1240px !important;
  margin: 0 auto; }
  @media only screen and (max-width: 719px) {
    body.blockbasedarticlepage .top-content .container-map, body.blockbasedarticlepage .bottom-content .container-map {
      width: 100%;
      padding: 0; } }

body.blockbasedarticlepage .top-content:not(.fullwidth) .article-main-body .container-map .container-inner {
  max-width: 100%; }

body.blockbasedarticlepage .top-content:not(.fullwidth) .container-map .container-inner {
  max-width: calc(72% - 2.6em); }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .top-content:not(.fullwidth) .container-map .container-inner {
      max-width: 100%; } }

.disruption .current-status {
  overflow: hidden; }
  .disruption .current-status .icon {
    font-size: 100%;
    background-color: #ffee00;
    display: inline-block;
    width: 3.8em;
    height: 3.8em;
    border-radius: 50%;
    text-align: center;
    margin-right: 0.5em;
    top: 0 !important; }
  .disruption .current-status .icon:before {
    line-height: 1.26667em;
    vertical-align: middle;
    margin-top: 0 !important; }
  .disruption .current-status strong {
    font-size: 125%;
    color: #333333;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-right: 0.2em;
    position: relative;
    top: 18px; }
  .disruption .current-status span {
    font-size: 125%;
    position: relative;
    top: 18px; }
  .disruption .current-status a.current {
    font-size: 125%;
    position: relative;
    top: 18px;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .disruption .current-status a.button, .disruption .current-status a.calltoaction, .disruption .current-status body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .disruption .current-status a.link-button {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    margin: 0.6em 0 0 0.75em;
    padding: 0.45em 1em;
    background-color: #fff;
    border-color: #1178af; }
    .disruption .current-status a.button:first-child, .disruption .current-status a.calltoaction:first-child, .disruption .current-status body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button:first-child, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .disruption .current-status a.link-button:first-child {
      margin-left: 0; }
  .disruption .current-status .disruption-buttons {
    float: right;
    display: inline-block; }
  .disruption .current-status .loading {
    /* IE. */
    line-height: 38px;
    vertical-align: middle; }
    .disruption .current-status .loading:not(.hidden) {
      display: inline-flex; }
    .disruption .current-status .loading .loader {
      margin-top: 17px;
      margin-left: 5px; }

.disruption .disruption-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  border-left: solid 2px #ffee00;
  margin-left: 1.8em; }
  .disruption .disruption-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .disruption .disruption-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .disruption .disruption-list li {
    margin-left: 2em;
    border-top: solid 1px #e2e2e2; }
    .disruption .disruption-list li:last-child {
      border-bottom: solid 1px #e2e2e2; }
    .disruption .disruption-list li a {
      font-size: 80%;
      display: inline-block;
      padding: 0.75em 0;
      position: relative; }
    .disruption .disruption-list li a:before {
      background-color: #ffee00;
      display: inline-block;
      height: 0.625em;
      width: 0.625em;
      border-radius: 50%;
      content: " ";
      position: absolute;
      top: 0.9375em;
      left: -3em;
      border: solid 2px #fff; }
    .disruption .disruption-list li .status {
      font-size: 80%;
      float: right;
      display: inline-block;
      padding: 0.75em 0; }

.disruption .disruption-list:after {
  content: ' ';
  display: block;
  width: 0.5em;
  height: 0.6em;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 2.35em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 1226px) {
  .disruption .current-status a.button, .disruption .current-status a.calltoaction, .disruption .current-status body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .disruption .current-status a.link-button {
    margin-left: 0.15em;
    padding: 0.45em 0.4em; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .disruption .current-status .icon {
    font-size: 80%;
    width: 3.125em;
    height: 3.125em;
    margin-right: 0.375em; }
  .disruption .current-status .icon:before {
    margin-top: -4px !important;
    line-height: 1.25em; }
  .disruption .current-status strong {
    font-size: 80%;
    padding-right: 0.3125em;
    top: 9px; }
  .disruption .current-status span {
    top: 9px;
    font-size: 80%; }
  .disruption .current-status a.current {
    font-size: 80%;
    top: 9px; }
  .disruption .current-status a.button, .disruption .current-status a.calltoaction, .disruption .current-status body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .disruption .current-status a.link-button {
    margin: 0.92308em 0 0 0.38462em; }
  .disruption .disruption-list {
    margin-left: 1.2em; }
    .disruption .disruption-list li {
      margin-left: 2em; }
      .disruption .disruption-list li a {
        font-size: 65%;
        padding: 0.76923em 0; }
      .disruption .disruption-list li a:before {
        height: 0.46154em;
        width: 0.46154em;
        top: 0.92308em;
        left: -3.53846em; }
      .disruption .disruption-list li .status {
        font-size: 65%;
        padding: 0.625em 0; }
  .disruption .disruption-list:after {
    left: 1.75em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .disruption .current-status {
    position: relative;
    padding-left: 3.4375em;
    overflow: hidden;
    min-height: 2.5em; }
    .disruption .current-status .icon {
      font-size: 80%;
      width: 3.125em;
      height: 3.125em;
      margin-right: 0.375em;
      position: absolute;
      top: 0;
      left: 0; }
    .disruption .current-status .icon:before {
      line-height: 1.25em;
      margin-top: -4px !important; }
    .disruption .current-status strong {
      font-size: 80%;
      padding-right: 0.3125em;
      top: 0;
      line-height: 50px; }
    .disruption .current-status span {
      font-size: 80%;
      display: block;
      top: -7px; }
    .disruption .current-status a.current {
      line-height: 50px;
      top: 0; }
    .disruption .current-status a.button, .disruption .current-status a.calltoaction, .disruption .current-status body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .disruption .current-status a.link-button {
      font-size: 65%;
      float: none;
      margin: 0.76923em 0 0.15385em 0;
      display: inline-block;
      width: 48%;
      max-width: 8.84615em;
      text-align: center;
      padding: 0.61538em 1.53846em;
      box-sizing: border-box; }
    .disruption .current-status .disruption-buttons {
      text-align: left;
      float: none;
      display: block;
      margin-top: -0.25em; }
    .disruption .current-status .loading {
      /* IE. */
      line-height: 70px; }
  .disruption .disruption-list {
    margin: -2.5em 0 0 1.2em;
    padding-top: 2.75em; }
    .disruption .disruption-list li {
      margin-left: 2em; }
      .disruption .disruption-list li a {
        font-size: 80%;
        padding: 0.5em 0 0.25em 0; }
      .disruption .disruption-list li a:before {
        height: 0.625em;
        width: 0.625em;
        top: 0.75em;
        left: -3em; }
      .disruption .disruption-list li .status {
        font-size: 80%;
        float: none;
        display: block;
        padding: 0 0 0.5em 0; }
      .disruption .disruption-list li:first-child {
        border: none; }
  .disruption .disruption-list:after {
    height: 1.35em; } }

/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%); }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out; }

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block; } }

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em; } }

@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px; } }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0; } }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
#CybotCookiebotDialog {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  #CybotCookiebotDialog a#CybotCookiebotDialogPoweredbyCybot, #CybotCookiebotDialog div#CybotCookiebotDialogPoweredByText {
    display: none; }
  #CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 30px; }

.notification {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10002; }

.notification-inner {
  max-width: 58.5em;
  margin: 0 auto;
  padding: 1em 1em 1.1em;
  background: #fff;
  background: #fffadd;
  border-radius: 0 0 4px 4px;
  border: 1px solid #f3e7a1;
  border-top: 0;
  position: relative; }

.notification-inner--warning {
  background: #fff6f2;
  border-color: #ed6320; }

.notification-inner--error {
  background: #fff6f2;
  border-color: #ed6320; }

.notification-text {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  line-height: normal;
  font-weight: 600;
  color: #444; }

.notification-close {
  width: 18px;
  height: 12px;
  overflow: hidden;
  display: block;
  position: absolute;
  right: 0.9em;
  top: 1.5em;
  font-size: 0.65em;
  color: #bbb; }

@media only screen and (max-width: 940px) {
  .notification-text {
    font-size: 0.65em; } }

@media only screen and (max-width: 719px) {
  .notification-text {
    font-size: 1em; } }

.bixia-selector {
  background-color: #f7f4ef;
  margin-bottom: 1.5em;
  padding: 1em; }
  .bixia-selector select {
    display: inline-block;
    margin: 0.75em 0;
    font-size: 16px;
    float: left;
    max-width: 52%; }
  .bixia-selector strong {
    display: inline-block;
    margin: 0.6em 0;
    float: left;
    width: 31%; }
  .bixia-selector input[type="submit"] {
    margin: 0;
    background-color: #ee7f2e;
    color: #fff;
    float: right;
    border: none; }
  .bixia-selector .grid:after {
    content: none; }

.bixia-product-item-wrapper {
  background-color: #f7f4ef;
  margin-bottom: 1.5em; }
  .bixia-product-item-wrapper:last-child {
    margin-bottom: 0; }

.bixia-product-item {
  padding: 1em;
  position: relative; }
  .bixia-product-item img {
    position: absolute;
    top: 1em;
    left: 1em;
    max-width: 223px;
    height: auto;
    width: 28%;
    display: block; }
  .bixia-product-item .info {
    font-size: 90%;
    line-height: 1.16667em; }

.bixia-product-image-wrapper {
  position: absolute;
  top: 1em;
  left: 1em;
  max-width: 223px;
  height: auto;
  width: 28%; }
  .bixia-product-image-wrapper img {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    display: block;
    max-width: 100%; }

.bixia-product-info {
  padding: 0 11.35em 0 31.8%;
  position: relative;
  min-height: 8.5em; }
  .bixia-product-info h3 {
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 0.20833em;
    margin: 0 0 0.20833em 0;
    position: relative; }
  .bixia-product-info .bixia-product-price {
    position: absolute;
    top: 0;
    right: 0;
    width: 10.35em; }
    .bixia-product-info .bixia-product-price .price {
      font-size: 120%;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      display: block;
      color: #0b0b0b;
      padding-top: 0.20833em;
      margin: 0 0 0.125em 0; }

.bixia-product-checkbox {
  background-color: #ee7f2e;
  min-width: 81.16%;
  padding: 0.5em;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 3px;
  margin-top: 0.85em; }
  .bixia-product-checkbox label span {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff; }
  .bixia-product-checkbox .form-checkbox-fake {
    margin-top: -1px; }
  .bixia-product-checkbox .form-checkbox:focus ~ label .form-checkbox-fake {
    border: 1px solid #000;
    box-shadow: 0 0 0 1px #000; }
  .bixia-product-checkbox .form-checkbox:checked ~ label .form-checkbox-fake {
    color: #000; }

.bixia-readmore {
  font-size: 90%;
  color: #ee7f2e;
  display: none;
  font-weight: bold;
  margin-top: 1.11111em;
  padding-right: 1.33333em;
  position: relative; }
  .bixia-readmore:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 30px;
    line-height: 30px;
    margin-top: -0.16667em; }

.bixia-description h3 {
  font-size: 90%;
  border-bottom: solid 1px #d3d0cb;
  font-weight: bold;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b;
  text-transform: uppercase;
  margin: 0 0 0.55556em 0;
  padding: 0.83333em 0 0.55556em 0; }

.bixia-description .padding-top {
  padding-top: 10px; }

.bixia-description table {
  margin: 0;
  border: none; }
  .bixia-description table tr {
    background-color: transparent !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px; }
    .bixia-description table tr.border-bottom {
      border-bottom: solid 1px #d3d0cb; }
  .bixia-description table td {
    padding: 0 0 2px 0;
    line-height: 26.4px;
    background-color: transparent !important; }
    .bixia-description table td:nth-child(2) {
      white-space: nowrap; }

html.js .bixia-description {
  display: none; }

html.js .bixia-readmore {
  display: inline-block; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .bixia-selector {
    margin-bottom: 2.30769em;
    padding: 1.15385em; }
    .bixia-selector select {
      margin: 0.75em 0;
      font-size: 12px;
      max-width: 52%; }
    .bixia-selector strong {
      font-size: 60%;
      display: inline-block;
      margin: 0.75em 0;
      width: 31%; }
  .bixia-product-item-wrapper {
    margin-bottom: 1em; }
  .bixia-product-item {
    padding: 0.75em; }
    .bixia-product-item img {
      top: 0.75em;
      left: 0.75em;
      width: 26%; }
    .bixia-product-item .info {
      font-size: 60%;
      line-height: 1.41667em; }
  .bixia-product-image-wrapper {
    top: 0.75em;
    left: 0.75em;
    width: 26%; }
    .bixia-product-image-wrapper img {
      top: 0;
      left: 0;
      width: auto; }
  .bixia-product-info {
    min-height: 6.75em; }
    .bixia-product-info h3 {
      padding-top: 0.3125em;
      margin: 0 0; }
    .bixia-product-info .bixia-product-price .price {
      font-size: 80%;
      padding-top: 0.3125em;
      margin: 0; }
  .bixia-product-checkbox {
    padding: 0.25em;
    margin-top: 0.7em; }
    .bixia-product-checkbox label {
      line-height: 1em; }
    .bixia-product-checkbox .form-checkbox-fake {
      margin-top: -3px; }
  .bixia-readmore {
    font-size: 60%;
    margin-top: 0.83333em;
    padding-right: 1.41667em; }
    .bixia-readmore:before {
      font-size: 25px;
      line-height: 25px;
      margin-top: -0.2em; }
  .bixia-description h3 {
    font-size: 80%;
    margin: 0 0 0.625em 0;
    padding: 0.9375em 0 0.3125em 0; }
  .bixia-description table td {
    padding: 0 0 2px 0;
    line-height: 17px; } }

@media only screen and (max-width: 719px) {
  .bixia-selector {
    margin-bottom: 1.5em;
    padding: 0; }
    .bixia-selector .form-group-item {
      padding: 1em; }
    .bixia-selector select {
      margin: 0.5625em 0;
      font-size: 16px;
      max-width: 100%;
      width: 100%; }
    .bixia-selector strong {
      font-size: 100%;
      display: block;
      margin: 0;
      width: 100%; }
  .bixia-product-item {
    padding: 1em; }
    .bixia-product-item img {
      position: relative;
      top: auto;
      left: auto;
      max-width: inherit;
      height: auto;
      width: 100%;
      margin-bottom: 0.4em; }
    .bixia-product-item .info {
      font-size: 90%;
      line-height: 1.16667em; }
  .bixia-product-image-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    max-width: inherit;
    margin-bottom: 0.4em; }
    .bixia-product-image-wrapper img {
      top: 0;
      left: 0;
      width: 100%; }
  .bixia-product-info {
    padding: 0; }
    .bixia-product-info h3 {
      padding-top: 0.20833em;
      margin: 0 0 0.125em 0; }
    .bixia-product-info .bixia-product-price {
      position: relative;
      top: auto;
      right: auto;
      width: 100%; }
      .bixia-product-info .bixia-product-price .price {
        font-size: 120%;
        padding-top: 0.33333em;
        margin: 0 0 0.20833em 0; }
  .bixia-product-checkbox {
    min-width: 100%;
    padding: 0.5em;
    display: block; }
    .bixia-product-checkbox label {
      line-height: 1.2em; }
    .bixia-product-checkbox .form-checkbox-fake {
      margin-top: -2px; }
  .bixia-readmore {
    font-size: 90%;
    margin-top: 1.11111em;
    padding-right: 1.33333em; }
    .bixia-readmore:before {
      font-size: 30px;
      line-height: 30px;
      margin-top: -0.16667em; }
  .bixia-description h3 {
    font-size: 90%;
    margin: 0 0 0.55556em 0;
    padding: 0.83333em 0 0.55556em 0; }
  .bixia-description table tr {
    display: block;
    margin-bottom: 0.5em; }
  .bixia-description table td {
    font-size: 90%;
    display: block;
    padding: 0;
    line-height: 20px; } }

.bixia-campaign .container-heading {
  position: relative; }

.bixia-campaign .confirm-text {
  margin: 2em 0; }

/* Medium size and narrow screen (tablets etc) */
.event {
  position: relative;
  margin: 1.5em 0;
  padding-left: 5.4em; }
  .event .date {
    display: block;
    width: 4.2em;
    height: 4.2em;
    background-color: #7a8990;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0; }
    .event .date .day {
      font-size: 130%;
      font-weight: bold;
      display: block;
      padding-top: 0.69231em; }
    .event .date .month {
      font-size: 85%;
      line-height: 1.47059em;
      text-transform: uppercase; }
    .event .date:hover {
      text-decoration: none; }
  .event h3 {
    margin: 0 0 0.45833em 0;
    color: #1178af; }
  .event p.info {
    font-size: 95%;
    line-height: 1.21053em;
    margin-bottom: 0.31579em; }
  .event .details .detail {
    display: inline-block;
    margin-right: 1.25em; }
  .event .details .detail:last-child {
    margin: 0; }
  .event .details strong {
    color: #0b0b0b; }
  .event .details strong, .event .details span {
    text-transform: uppercase;
    font-size: 85%;
    line-height: 1.35294em; }

.eventblockstartpage {
  color: #595959; }
  .eventblockstartpage .date {
    display: block;
    width: 8.15em;
    height: 8.15em;
    background-color: #7a8990;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 17px;
    right: 58px; }
    .eventblockstartpage .date .day {
      font-size: 250%;
      font-weight: bold;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      display: block;
      padding-top: 0.69231em; }
    .eventblockstartpage .date .month {
      font-size: 160%;
      line-height: 1.47059em;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase; }

.eventblockstartpage:hover .container-heading, .eventblockstartpage:hover .container-body {
  text-decoration: underline; }

.eventlist-container .eventblocklist {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  margin: 0 1.25em;
  padding-bottom: 3em; }
  .eventlist-container .eventblocklist ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .eventlist-container .eventblocklist li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .eventlist-container .eventblocklist > li {
    border-bottom: solid 1px #dddddd; }

.eventlist-container .allevents {
  display: inline-block;
  position: absolute;
  bottom: 1em;
  right: 1.25em;
  padding-right: 1.2em; }
  .eventlist-container .allevents:before {
    font-size: 150%;
    line-height: 0.73333em;
    position: absolute;
    right: 0; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .event {
    margin: 0.75em 0;
    padding-left: 4em; }
    .event .date {
      width: 3.2em;
      height: 3.2em; }
      .event .date .day {
        font-size: 100%;
        padding-top: 0.6em; }
      .event .date .month {
        font-size: 60%;
        line-height: 1.16667em; }
    .event h3 {
      margin: 0 0 0.6875em 0; }
    .event p.info {
      font-size: 65%;
      line-height: 1.38462em;
      margin-bottom: 0.46154em; }
    .event .details .detail {
      margin-right: 0.6em; }
    .event .details strong, .event .details span {
      font-size: 60%;
      line-height: 1em; }
  .eventblockstartpage .date {
    width: 5em;
    height: 5em;
    top: 9px;
    right: 27px; }
    .eventblockstartpage .date .day {
      font-size: 150%;
      padding-top: 0.76923em; }
    .eventblockstartpage .date .month {
      font-size: 100%;
      line-height: 1.47059em; }
  .eventlist-container .eventblocklist {
    padding-bottom: 2em;
    margin: 0 0.75em; }
  .eventlist-container .allevents {
    font-size: 65%;
    bottom: 1em;
    right: 0.75em;
    padding-right: 1.15385em; }
    .eventlist-container .allevents:before {
      font-size: 1em;
      line-height: 1em;
      position: absolute;
      right: 0; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .event {
    margin: 1.5em 0;
    padding-left: 5.4em; }
    .event .date {
      width: 4.2em;
      height: 4.2em; }
      .event .date .day {
        font-size: 130%;
        padding-top: 0.69231em; }
      .event .date .month {
        font-size: 85%;
        line-height: 1.47059em; }
    .event h3 {
      margin: 0 0 0.45833em 0; }
    .event p.info {
      font-size: 95%;
      line-height: 1.21053em;
      margin-bottom: 0.31579em; }
    .event .details .detail {
      margin: 0 0 0.2em 0;
      display: block; }
    .event .details strong, .event .details span {
      font-size: 85%;
      line-height: 1.35294em; }
  body.startpage .blockarea .grid-col-2.eventblockstartpage,
  body.startpage .blockarea .grid-col-2.eventblockstartpage .container-inner--small {
    min-height: 100px !important; }
  body.startpage .teaser-small.grid-col-2.eventblockstartpage .container-heading {
    padding-right: 29%; }
  .eventblockstartpage .date {
    width: 4em;
    height: 4em;
    position: relative;
    float: right;
    top: 10px;
    right: 10px;
    margin-bottom: 10px; }
    .eventblockstartpage .date .day {
      font-size: 130%;
      padding-top: 0.53846em; }
    .eventblockstartpage .date .month {
      font-size: 95%;
      line-height: 1.47059em; }
  .eventlist-container .eventblocklist {
    padding-bottom: 3em;
    margin: 0 0.95em; }
  .eventlist-container h3 {
    font-size: 1.05263em; }
  .eventlist-container .allevents {
    font-size: 95%;
    bottom: 1em;
    right: 0.95em;
    padding-right: 1.2em; }
    .eventlist-container .allevents:before {
      font-size: 150%;
      line-height: 0.73333em;
      position: absolute;
      right: 0; } }

.image-block {
  width: 16.5em;
  display: inline-block;
  float: right;
  padding: 0 0 0 0.75em;
  margin-bottom: 0.75em;
  clear: none; }
  .image-block .container-inner {
    border: none;
    position: relative; }
  .image-block.container--left {
    float: left;
    padding: 0 0.75em 0 0; }
  .image-block.container--halfwidth {
    width: 50%; }
  .image-block.container--fullwidth {
    width: 100%;
    padding: 0;
    float: none; }
  .image-block .info {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 0.35em;
    box-sizing: border-box; }
  .image-block p {
    color: #fff;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
    margin: 0;
    box-sizing: border-box; }
  .image-block p.photographer {
    text-align: right; }
  .image-block p.description {
    margin-bottom: 0.17647em; }
  .image-block img {
    display: block; }

.large-image-block {
  width: 16.5em;
  display: inline-block;
  clear: none; }
  .large-image-block .container-inner {
    position: relative;
    min-height: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none; }
    .large-image-block .container-inner img {
      display: block;
      -o-object-fit: cover;
         object-fit: cover; }
  .large-image-block a:hover {
    text-decoration: none; }
  .large-image-block .info {
    position: absolute;
    width: auto;
    background-color: #ffffff;
    padding: 1.2rem 1.5rem;
    margin: auto 2rem;
    text-align: center;
    word-wrap: break-word;
    border-radius: 4px; }
    .large-image-block .info p {
      color: #333333;
      font-family: "KarminaSans-ExtraBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0; }
    .large-image-block .info p.description {
      font-size: 36px;
      line-height: 1;
      margin-bottom: .3rem;
      padding: 0; }
    .large-image-block .info p.text {
      width: 100%;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.41176em;
      line-height: 1;
      margin: 0;
      padding: 0; }
    .large-image-block .info a.button, .large-image-block .info a.calltoaction, .large-image-block .info body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .large-image-block .info a.link-button {
      margin: .5rem 0 0 0; }
  .large-image-block .invert-color {
    color: #1178af;
    background-color: #fff; }
  .large-image-block.large-image-block--medium .container-inner {
    background-size: cover; }
    .large-image-block.large-image-block--medium .container-inner .info p {
      font-size: 210%;
      line-height: inherit; }
    .large-image-block.large-image-block--medium .container-inner .info p.description {
      font-size: 32px; }
    .large-image-block.large-image-block--medium .container-inner .info p.text {
      font-size: 120%;
      line-height: 1;
      margin-bottom: 0 !important; }
    .large-image-block.large-image-block--medium .container-inner .info a.button, .large-image-block.large-image-block--medium .container-inner .info a.calltoaction, .large-image-block.large-image-block--medium .container-inner .info body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .large-image-block.large-image-block--medium .container-inner .info a.link-button {
      margin: .5rem 0 0 0; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .image-block {
    width: 13.5em;
    padding: 0 0 0.35em 0.5em; }
    .image-block .info {
      padding: 0.25em; }
    .image-block p {
      font-size: 65%; }
    .image-block p.description {
      margin-bottom: 0.15385em;
      line-height: 1; }
  .large-image-block .container-inner {
    min-height: 185px; }
  .large-image-block .info {
    padding: .8rem .8rem; }
    .large-image-block .info p {
      padding: 0;
      font-size: 1.7em;
      line-height: initial; }
    .large-image-block .info p.description {
      font-size: 28px;
      padding: 0; }
    .large-image-block .info p.text {
      display: flex;
      align-content: center;
      justify-content: center;
      font-size: 18px !important;
      line-height: 1;
      text-align: center; }
  .large-image-block.large-image-block--medium .info p.description {
    font-size: 28px !important; }
  .large-image-block.large-image-block--medium .info p.text {
    font-size: 16px !important;
    padding: 0; } }

@media only screen and (max-width: 719px) {
  .image-block {
    float: none;
    width: 100%;
    padding: 0 0 1em 0; }
    .image-block.container--halfwidth, .image-block.container--fullwidth {
      width: 100%;
      padding: 0;
      overflow: hidden; }
      .image-block.container--halfwidth img, .image-block.container--fullwidth img {
        max-width: inherit; }
    .image-block .info {
      padding: 0.35em; }
    .image-block p {
      font-size: 85%; }
    .image-block p.description {
      margin-bottom: 0.17647em; }
  .large-image-block .container-inner {
    min-height: 460px !important; }
  .large-image-block .info {
    padding: 1rem;
    margin: 1rem; }
    .large-image-block .info p {
      line-height: 0.9em;
      margin: 0;
      padding: 0; }
    .large-image-block .info p.description {
      font-size: 26px; }
    .large-image-block .info p.text {
      font-size: 20px !important;
      line-height: 24px;
      margin: .3rem 0 0 0 !important; }
    .large-image-block .info .button, .large-image-block .info .calltoaction, .large-image-block .info body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .large-image-block .info .link-button {
      display: block;
      width: 100%;
      box-sizing: border-box;
      font-size: 20px; }
    .large-image-block .info.info-button p.text {
      margin-bottom: 0.625em; }
  .large-image-block.large-image-block--medium .container-inner {
    min-height: auto !important; }
  .large-image-block.large-image-block--medium .info {
    padding: 1rem; }
    .large-image-block.large-image-block--medium .info p.description {
      font-size: 24px;
      margin-top: 0; }
    .large-image-block.large-image-block--medium .info p.text {
      font-size: 20px !important;
      line-height: 1 !important; } }

.mynewsdesk-container {
  width: 16.5em;
  display: inline-block;
  float: right;
  padding: 0 0 0 0.75em;
  margin-bottom: 0.75em;
  clear: none; }
  .mynewsdesk-container .container-inner {
    background-color: #f3f3f3;
    border: none; }
  .mynewsdesk-container .post-image img {
    width: 100%;
    display: block; }
  .mynewsdesk-container .tv-logo {
    padding: 5px; }
    .mynewsdesk-container .tv-logo img {
      width: 100%; }
  .mynewsdesk-container .title {
    color: #5a5a5a;
    display: inline-block;
    padding: 1.66667em 0 0 1.66667em;
    text-transform: uppercase;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0; }
  .mynewsdesk-container a {
    color: #000; }
  .mynewsdesk-container p {
    font-size: 95%;
    padding: 0 2.36842em 0 1.31579em;
    box-sizing: border-box;
    line-height: 1.21053em;
    margin: 0.52632em 0 0 0;
    padding-bottom: 1.05263em; }
  .mynewsdesk-container.container--left {
    float: left;
    padding: 0 0.75em 0 0; }

body.startpage .mynewsdesk-container {
  padding: 0;
  margin-bottom: 1em; }
  body.startpage .mynewsdesk-container .container-inner {
    background-color: #fff; }
  body.startpage .mynewsdesk-container .post-image {
    max-width: 48%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    bottom: 0;
    overflow: hidden; }
    body.startpage .mynewsdesk-container .post-image img {
      max-width: none;
      max-height: none;
      width: 121%;
      height: auto;
      margin-left: -5%; }
  body.startpage .mynewsdesk-container .tv-logo {
    padding: 0; }
    body.startpage .mynewsdesk-container .tv-logo img {
      width: 100%;
      margin-top: 2.8125em;
      margin-left: 0; }
  body.startpage .mynewsdesk-container p {
    padding: 0.52632em 48% 0 0;
    margin: 0 1.31579em 0 1.31579em; }
  body.startpage .mynewsdesk-container .title {
    padding-left: 1.5625em;
    color: #707070; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .mynewsdesk-container {
    width: 13.5em;
    padding: 0 0 0.35em 0.5em; }
    .mynewsdesk-container .title {
      font-size: 45%;
      padding: 1.11111em 0 0 1.11111em; }
    .mynewsdesk-container p {
      font-size: 60%;
      padding: 0 0.83333em;
      line-height: 1.33333em;
      margin: 0.41667em 0 0 0;
      padding-bottom: 1.25em; }
  body.startpage .mynewsdesk-container .tv-logo img {
    margin-top: 1.5625em; }
  body.startpage .mynewsdesk-container p {
    padding: 0.33333em 48% 0 0;
    line-height: 1.25em; }
  body.startpage .mynewsdesk-container .title {
    font-size: 45%;
    padding: 1.44444em 0 0 1.66667em; } }

@media only screen and (max-width: 719px) {
  .mynewsdesk-container {
    float: none;
    width: 100%;
    padding: 0 0 1em 0; }
    .mynewsdesk-container .title {
      font-size: 75%;
      padding: 1.33333em 0 0 1em; }
    .mynewsdesk-container .tv-logo img {
      padding: 5px; }
  body.startpage .mynewsdesk-container .post-image {
    max-width: none;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: 100%; }
    body.startpage .mynewsdesk-container .post-image img {
      width: 100%;
      margin: 0; }
  body.startpage .mynewsdesk-container p {
    font-size: 95%;
    padding: 0.52632em 0 0 0;
    margin: 0 1.05263em 0.84211em 1.05263em;
    line-height: 1.26316em; }
  body.startpage .mynewsdesk-container .title {
    font-size: 80%;
    padding: 0.9375em 0 0 1.25em; } }

.loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #555;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: loader-spin 2s linear infinite; }

@keyframes loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*Usage HTML: Where form element is positioned relative
<Form class="form">
  <h1 class="load-spinner">Form</h1>
  <input>
  <input>
  <button>Submit</button>
</form> */
.load-spinner:before, .load-spinner--white:before, .load-spinner--button:before, .load-spinner--small:before {
  content: "";
  position: absolute;
  top: 80px;
  left: 50%;
  width: 160px;
  aspect-ratio: 1;
  border-radius: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: #D6DBE1;
  border-right-color: #004876;
  animation: l2 1.5s infinite linear;
  z-index: 100;
  transform: translateX(-50%); }

.load-spinner--white:before {
  border-color: #ffffff;
  border-right-color: #004876; }

.load-spinner--button:before {
  position: static;
  width: 14px;
  border-color: #7E8EA0;
  border-right-color: #ffffff;
  border-width: 3px;
  animation-duration: 1s; }

.load-spinner--small:before {
  width: 80px; }

@keyframes l2 {
  to {
    transform: translateX(-50%) rotate(1turn); } }

html.login-expanded .login-container {
  display: block;
  padding-top: 0; }
  html.login-expanded .login-container .wrap {
    min-height: 6.25em; }

html.login-expanded .site-tools--login .icon:before {
  content: ""; }

html.login-expanded .login-options-form {
  display: flex;
  padding-top: 2em; }
  html.login-expanded .login-options-form--firsttime {
    display: none !important; }
  html.login-expanded .login-options-form hr {
    display: none; }
  html.login-expanded .login-options-form > div:first-child {
    padding-top: 6px; }
  html.login-expanded .login-options-form span {
    font-size: 120%;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0b0b0b;
    margin-right: 0.75em; }
  html.login-expanded .login-options-form .site-maintenance-login-fields-message span:after {
    content: ""; }
  html.login-expanded .login-options-form button {
    font-size: 100%;
    padding: 0.45em 1.35em;
    margin-right: 1.25em; }
    html.login-expanded .login-options-form button:hover:enabled, html.login-expanded .login-options-form button:active:enabled {
      background-color: #004878; }
    html.login-expanded .login-options-form button:hover:disabled, html.login-expanded .login-options-form button:active:disabled {
      cursor: default; }
  html.login-expanded .login-options-form input[type="submit"] {
    background-color: #004878;
    margin-right: 1.2em; }
  html.login-expanded .login-options-form .form-button--selected {
    background-color: #004878;
    position: relative;
    outline: none; }
  html.login-expanded .login-options-form .form-button--selected:after {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #004878;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    outline: none; }
  html.login-expanded .login-options-form .site-maintenance-login-fields-message {
    display: block;
    margin-top: 13px;
    color: black;
    font-size: 19px; }
    html.login-expanded .login-options-form .site-maintenance-login-fields-message a {
      color: black;
      text-decoration: underline; }

.login-container {
  display: none;
  background-color: #f2f2f2;
  margin-bottom: 0.25em; }
  .login-container .wrap {
    min-height: 3.5em; }
  .login-container form {
    display: block; }
  .login-container .login-form {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    padding-top: 0.9em; }
    .login-container .login-form ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    .login-container .login-form li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    .login-container .login-form li {
      display: inline-block; }
    .login-container .login-form strong {
      font-size: 80%;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #0b0b0b; }
  .login-container button[type="submit"].button--radio {
    padding: 0.1em 0 0.1em 1.5em;
    margin-left: 0.75em; }
  .login-container .radio {
    font-size: 85%; }
  .login-container .radio-label {
    font-size: 85%; }
  .login-container .form-label, .login-container .form-span {
    font-size: 85%; }
  .login-container .login--inputform {
    overflow: hidden;
    margin-bottom: 0.9em; }
  .login-container .login--inputform li {
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 0 0.05em 0.05em 0.05em; }
  .login-container li.login--wide {
    width: 36%;
    max-width: 100% !important; }
  .login-container li.login--relative {
    position: relative; }
  .login-container li.login--paddingright {
    padding-right: 2.5%;
    box-sizing: border-box; }
  .login-container li.login--marginright {
    margin-right: 2.5%;
    box-sizing: border-box; }
  .login-container li.login--floatright {
    padding-right: 0;
    /*float: right;*/
    box-sizing: border-box; }
  .login-container li.login--margintop {
    margin-top: 1.5em; }
  .login-container .form-link {
    font-size: 80%;
    position: absolute;
    top: 0.1875em;
    right: 7.5%; }
  .login-container .form-link2 {
    font-size: 80%;
    position: absolute;
    top: 0.1875em;
    right: 38%; }
  .login-container .form-button {
    font-size: 80%;
    padding: 0.625em 1.625em;
    margin: 0; }
  .login-container .form-mandatory {
    font-size: 85%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    margin-top: 0.52941em; }
  .login-container .form-checkbox-fake {
    top: 0.21875em; }
  .login-container .webuserinfo {
    font-size: 80%;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.25em;
    display: block;
    color: #0b0b0b;
    padding-top: 1.5em;
    max-width: 67.5%; }
  .login-container .fullwidth-validation {
    max-width: 65%;
    display: inline-block;
    margin: 0 0 0.7em 0; }
  .login-container .info {
    position: relative;
    text-decoration: none;
    padding-left: 0.8em;
    display: inline-block; }
    .login-container .info span {
      font-size: 85%;
      display: inline-block;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 0.58824em 0.94118em 0 0.35294em; }
    .login-container .info span:before {
      float: right;
      font-size: 100%; }
    .login-container .info span:hover {
      text-decoration: underline; }
    .login-container .info:before {
      font-size: 100%;
      position: absolute;
      left: 0;
      top: 0.5em; }
  .login-container .login-information-text {
    font-size: 85%;
    max-width: 58.82353em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .login-container .login-information-text strong {
      font-size: 100%;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #0b0b0b; }
  .login-container .login-information-text--hidden {
    display: none !important; }
  .login-container .login-information-border {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 1em; }
  .login-container .login-information-border--hidden {
    display: none; }
  .login-container .login-activation-text {
    font-size: 80%; }
  .login-container .login-activation-text:before {
    color: #1178af;
    margin-right: 0.2em; }

@media only screen and (max-width: 1226px) {
  .login-container .login--inputform li {
    max-width: 12%; }
  .login-container .form-link {
    font-size: 80%;
    position: absolute;
    top: -1.25em;
    right: 7.5%; }
  .login-container .form-link2 {
    font-size: 80%;
    position: absolute;
    top: 0.1875em;
    right: 7.5%; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  html.login-expanded .login-container {
    margin-bottom: 0; }
    html.login-expanded .login-container .wrap {
      min-height: 3.5em; }
    html.login-expanded .login-container .login-form {
      padding-top: 0.5em; }
      html.login-expanded .login-container .login-form strong {
        font-size: 60%; }
    html.login-expanded .login-container .login--inputform {
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    html.login-expanded .login-container button[type="submit"].button--radio {
      padding: 0 0 0 1.1em;
      margin-left: 0.5em; }
    html.login-expanded .login-container .radio {
      font-size: 65%; }
    html.login-expanded .login-container .radio-label {
      font-size: 100%;
      /*@include font-size(13px);*/ }
    html.login-expanded .login-container .form-label, html.login-expanded .login-container .form-span {
      font-size: 65%; }
    html.login-expanded .login-container li.login--margintop {
      margin-top: 1.3em; }
    html.login-expanded .login-container .form-link {
      font-size: 55%;
      top: 0.72727em; }
    html.login-expanded .login-container .form-link2 {
      font-size: 55%;
      top: -0.54545em; }
    html.login-expanded .login-container .form-button {
      font-size: 55%;
      padding: 0.72727em 1.81818em; }
    html.login-expanded .login-container .form-mandatory {
      margin-top: 0.63636em;
      line-height: 1.09091em; }
    html.login-expanded .login-container .form-checkbox-fake {
      top: 0.33333em; }
    html.login-expanded .login-container .webuserinfo {
      font-size: 60%; }
    html.login-expanded .login-container .login-information-text {
      font-size: 55%; }
      html.login-expanded .login-container .login-information-text strong {
        font-size: 100%;
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #0b0b0b; }
    html.login-expanded .login-container .info {
      padding-left: 0.8em; }
      html.login-expanded .login-container .info span {
        font-size: 55%;
        padding: 0.90909em 0.90909em 0 0.54545em; }
      html.login-expanded .login-container .info span:before {
        font-size: 1.27273em; }
      html.login-expanded .login-container .info span:hover {
        text-decoration: underline; }
      html.login-expanded .login-container .info:before {
        font-size: 100%;
        position: absolute;
        left: 0;
        top: 0.3em; }
    html.login-expanded .login-container .login-activation-text {
      font-size: 60%; }
  html.login-expanded .login-options-form {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    text-align: center;
    flex-direction: column; }
    html.login-expanded .login-options-form--top {
      padding-bottom: 0 !important; }
    html.login-expanded .login-options-form--bottom {
      padding-top: 0 !important; }
    html.login-expanded .login-options-form hr {
      display: block;
      margin: 1em 0 0;
      border-color: rgba(11, 11, 11, 0.3);
      border-style: dotted;
      border-width: 0 0 1px 0; }
    html.login-expanded .login-options-form span {
      font-size: 75%;
      display: inline-block;
      background-color: #f2f2f2;
      padding: 0 1em; }
      html.login-expanded .login-options-form span:after {
        content: ""; }
    html.login-expanded .login-options-form div {
      display: block;
      margin-top: -0.6em;
      margin-bottom: 0.5em; }
    html.login-expanded .login-options-form button {
      font-size: 65%;
      min-width: 150px; }
    html.login-expanded .login-options-form .form-button--selected:after {
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #004878;
      bottom: -8px;
      margin-left: -8px; }
    html.login-expanded .login-options-form--firsttime {
      display: block !important; }
      html.login-expanded .login-options-form--firsttime hr {
        margin: 2.5em 0 0; }
    html.login-expanded .login-options-form > div:first-child {
      padding-bottom: 20px; }
  html.login-expanded .login-inputform--business {
    margin: 1em 0; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  html.login-expanded .login-container {
    margin-bottom: 0.25em; }
    html.login-expanded .login-container button[type="submit"].button--radio {
      padding: 0.1em 0 0.1em 1.5em;
      margin-left: 0; }
    html.login-expanded .login-container .radio {
      font-size: 85%; }
    html.login-expanded .login-container .radio-label {
      font-size: 85%; }
    html.login-expanded .login-container .login-form {
      padding-top: 0.9em; }
      html.login-expanded .login-container .login-form strong {
        font-size: 85%; }
    html.login-expanded .login-container .form-label, html.login-expanded .login-container .form-span {
      font-size: 85%; }
    html.login-expanded .login-container .login--inputform {
      margin-bottom: 0.9em; }
    html.login-expanded .login-container .login--inputform li {
      float: none;
      margin-bottom: 1em;
      width: 100%;
      max-width: 100%; }
    html.login-expanded .login-container li.login--wide {
      width: 100%; }
    html.login-expanded .login-container li.login--password {
      margin-top: 1.5em; }
    html.login-expanded .login-container li.login--paddingright {
      padding-right: 0; }
    html.login-expanded .login-container li.login--marginright {
      margin-right: 0; }
    html.login-expanded .login-container li.login--margintop {
      margin-top: 0; }
    html.login-expanded .login-container .form-field, html.login-expanded .login-container .form-checkbox-fake {
      margin-top: 0.25em; }
    html.login-expanded .login-container .form-link {
      font-size: 85%;
      right: 0;
      top: -1.17647em; }
    html.login-expanded .login-container .form-link2 {
      font-size: 85%;
      right: 0;
      top: 0.11765em; }
    html.login-expanded .login-container .form-button {
      font-size: 80%;
      padding: 0.625em 1.625em;
      margin: 0 0 0 0; }
    html.login-expanded .login-container .form-mandatory {
      font-size: 85%;
      margin-top: 0; }
    html.login-expanded .login-container .form-checkbox-fake {
      top: 0;
      margin-top: 0; }
    html.login-expanded .login-container .webuserinfo {
      font-size: 85%;
      line-height: 1.47059em;
      max-width: 100%; }
    html.login-expanded .login-container .fullwidth-validation {
      max-width: 100%;
      display: inline-block;
      margin: -0.9em 0 1em 0; }
    html.login-expanded .login-container .login--inputform li.login-info-toggle {
      margin: -0.3em 0 0 0; }
    html.login-expanded .login-container .login-information-text {
      font-size: 85%; }
      html.login-expanded .login-container .login-information-text strong {
        font-size: 100%;
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #0b0b0b; }
    html.login-expanded .login-container .info {
      padding-left: 0.8em; }
      html.login-expanded .login-container .info span {
        font-size: 85%;
        padding: 0 0.94118em 0 1.17647em; }
      html.login-expanded .login-container .info span:before {
        font-size: 1.17647em; }
      html.login-expanded .login-container .info span:hover {
        text-decoration: underline; }
      html.login-expanded .login-container .info:before {
        font-size: 150%;
        position: absolute;
        left: 0;
        top: -0.2em; }
    html.login-expanded .login-container .login-activation-text {
      font-size: 85%; }
  html.login-expanded .login-options-form {
    padding-top: 1em; }
    html.login-expanded .login-options-form hr {
      display: none; }
    html.login-expanded .login-options-form span {
      display: block;
      font-size: 120%;
      margin-bottom: 0.75em;
      background-color: none;
      padding: 0; }
    html.login-expanded .login-options-form div {
      display: block;
      margin-top: 0.75em;
      margin-bottom: 0; }
    html.login-expanded .login-options-form button {
      font-size: 20px !important;
      margin-bottom: 1em !important; }
    html.login-expanded .login-options-form .form-button--selected:after {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #004878;
      bottom: -10px;
      margin-left: -10px; }
    html.login-expanded .login-options-form > div:first-child {
      padding-bottom: 0px; } }

html.firsttime-expanded .firsttime-container {
  display: block; }

.site-tools--firsttime {
  position: relative; }

.firsttime-container {
  display: none;
  background-color: #f2f2f2;
  padding: 15px;
  box-sizing: border-box;
  width: 220px;
  position: absolute;
  top: 150%;
  left: -40px;
  border-radius: 3px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.175); }
  @media only screen and (max-width: 1226px) {
    .firsttime-container {
      right: 0;
      left: auto;
      padding: 10px; } }
  .firsttime-container::before {
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 1226px) {
      .firsttime-container::before {
        right: 40px;
        left: auto; } }
  .firsttime-container button {
    background-color: #1178af;
    color: #fff;
    border: 0;
    width: 100%;
    border-radius: 3px;
    padding: 10px 20px;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    transition: background-color linear 100ms;
    cursor: pointer;
    font-size: 70%; }
    @media only screen and (max-width: 1226px) {
      .firsttime-container button {
        padding: 10px; } }
    .firsttime-container button:first-of-type {
      margin-bottom: 5px; }
    .firsttime-container button:hover, .firsttime-container button:active {
      background-color: #004878; }

@media only screen and (max-width: 1226px) {
  .login-container .login--inputform li {
    max-width: 12%; }
  .login-container .form-link {
    font-size: 80%;
    position: absolute;
    top: -1.25em;
    right: 7.5%; }
  .login-container .form-link2 {
    font-size: 80%;
    position: absolute;
    top: 0.1875em;
    right: 7.5%; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  html.login-expanded .login-container {
    margin-bottom: 0; }
    html.login-expanded .login-container .wrap {
      min-height: 3.5em; }
    html.login-expanded .login-container .login-form {
      padding-top: 0.5em; }
      html.login-expanded .login-container .login-form strong {
        font-size: 60%; }
    html.login-expanded .login-container .login--inputform {
      margin-bottom: 0.5em; }
    html.login-expanded .login-container button[type="submit"].button--radio {
      padding: 0 0 0 1.1em;
      margin-left: 0.5em; }
    html.login-expanded .login-container .radio {
      font-size: 65%; }
    html.login-expanded .login-container .radio-label {
      font-size: 100%;
      /*@include font-size(13px);*/ }
    html.login-expanded .login-container .form-label, html.login-expanded .login-container .form-span {
      font-size: 65%; }
    html.login-expanded .login-container li.login--margintop {
      margin-top: 1.3em; }
    html.login-expanded .login-container .form-link {
      font-size: 55%;
      top: 0.72727em; }
    html.login-expanded .login-container .form-link2 {
      font-size: 55%;
      top: -0.54545em; }
    html.login-expanded .login-container .form-button {
      font-size: 55%;
      padding: 0.72727em 1.81818em; }
    html.login-expanded .login-container .form-mandatory {
      margin-top: 0.63636em;
      line-height: 1.09091em; }
    html.login-expanded .login-container .form-checkbox-fake {
      top: 0.33333em; }
    html.login-expanded .login-container .webuserinfo {
      font-size: 60%; }
    html.login-expanded .login-container .login-information-text {
      font-size: 55%; }
      html.login-expanded .login-container .login-information-text strong {
        font-size: 100%;
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #0b0b0b; }
    html.login-expanded .login-container .info {
      padding-left: 0.8em; }
      html.login-expanded .login-container .info span {
        font-size: 55%;
        padding: 0.90909em 0.90909em 0 0.54545em; }
      html.login-expanded .login-container .info span:before {
        font-size: 1.27273em; }
      html.login-expanded .login-container .info span:hover {
        text-decoration: underline; }
      html.login-expanded .login-container .info:before {
        font-size: 100%;
        position: absolute;
        left: 0;
        top: 0.3em; }
    html.login-expanded .login-container .login-activation-text {
      font-size: 60%; }
  html.login-expanded .login-options-form {
    padding-top: 1em; }
    html.login-expanded .login-options-form span {
      font-size: 75%; }
    html.login-expanded .login-options-form button {
      font-size: 65%; }
    html.login-expanded .login-options-form .form-button--selected:after {
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #004878;
      bottom: -8px;
      margin-left: -8px; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  html.login-expanded .login-container {
    margin-bottom: 0.25em; }
    html.login-expanded .login-container button[type="submit"].button--radio {
      padding: 0.1em 0 0.1em 1.5em;
      margin-left: 0; }
    html.login-expanded .login-container .radio {
      font-size: 85%; }
    html.login-expanded .login-container .radio-label {
      font-size: 85%; }
    html.login-expanded .login-container .login-form {
      padding-top: 0.9em; }
      html.login-expanded .login-container .login-form strong {
        font-size: 85%; }
    html.login-expanded .login-container .form-label, html.login-expanded .login-container .form-span {
      font-size: 85%; }
    html.login-expanded .login-container .login--inputform {
      margin-bottom: 0.9em; }
    html.login-expanded .login-container .login--inputform li {
      float: none;
      margin-bottom: 1em;
      width: 100%;
      max-width: 100%; }
    html.login-expanded .login-container li.login--wide {
      width: 100%; }
    html.login-expanded .login-container li.login--password {
      margin-top: 1.5em; }
    html.login-expanded .login-container li.login--paddingright {
      padding-right: 0; }
    html.login-expanded .login-container li.login--marginright {
      margin-right: 0; }
    html.login-expanded .login-container li.login--margintop {
      margin-top: 0; }
    html.login-expanded .login-container .form-field, html.login-expanded .login-container .form-checkbox-fake {
      margin-top: 0.25em; }
    html.login-expanded .login-container .form-link {
      font-size: 85%;
      right: 0;
      top: -1.17647em; }
    html.login-expanded .login-container .form-link2 {
      font-size: 85%;
      right: 0;
      top: 0.11765em; }
    html.login-expanded .login-container .form-button {
      font-size: 80%;
      padding: 0.625em 1.625em;
      margin: 0 0 0 0; }
    html.login-expanded .login-container .form-mandatory {
      font-size: 85%;
      margin-top: 0; }
    html.login-expanded .login-container .form-checkbox-fake {
      top: 0;
      margin-top: 0; }
    html.login-expanded .login-container .webuserinfo {
      font-size: 85%;
      line-height: 1.47059em;
      max-width: 100%; }
    html.login-expanded .login-container .fullwidth-validation {
      max-width: 100%;
      display: inline-block;
      margin: -0.9em 0 1em 0; }
    html.login-expanded .login-container .login--inputform li.login-info-toggle {
      margin: -0.3em 0 0 0; }
    html.login-expanded .login-container .login-information-text {
      font-size: 85%; }
      html.login-expanded .login-container .login-information-text strong {
        font-size: 100%;
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #0b0b0b; }
    html.login-expanded .login-container .info {
      padding-left: 0.8em; }
      html.login-expanded .login-container .info span {
        font-size: 85%;
        padding: 0 0.94118em 0 1.17647em; }
      html.login-expanded .login-container .info span:before {
        font-size: 1.17647em; }
      html.login-expanded .login-container .info span:hover {
        text-decoration: underline; }
      html.login-expanded .login-container .info:before {
        font-size: 150%;
        position: absolute;
        left: 0;
        top: -0.2em; }
    html.login-expanded .login-container .login-activation-text {
      font-size: 85%; }
  html.login-expanded .login-options-form {
    padding-top: 1em; }
    html.login-expanded .login-options-form span {
      display: block;
      font-size: 120%;
      margin-bottom: 0.75em; }
    html.login-expanded .login-options-form button {
      font-size: 20px !important;
      margin-bottom: 1em !important; }
    html.login-expanded .login-options-form .form-button--selected:after {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #004878;
      bottom: -10px;
      margin-left: -10px; } }

.slideshow-container .container-body {
  margin: 0; }

.slideshow-container .container-inner {
  border: none; }

.slideshow-container .slideshow {
  overflow: hidden; }
  .slideshow-container .slideshow .slick-slider {
    max-height: 469px; }
  .slideshow-container .slideshow .slideshow-slide {
    position: relative;
    display: none;
    /*  overflow: hidden; */
    padding-bottom: 54.6%; }
    .slideshow-container .slideshow .slideshow-slide .slide-image {
      position: absolute;
      top: 0;
      max-height: 469px;
      left: 0;
      display: block;
      right: 0;
      bottom: 0;
      transform: translate3d(0, 0, 0);
      transition: all 0s; }
      .slideshow-container .slideshow .slideshow-slide .slide-image img {
        max-width: 100%;
        display: block; }
    .slideshow-container .slideshow .slideshow-slide .slide-body {
      position: absolute;
      min-height: 38px;
      bottom: 0;
      left: 0;
      right: 0;
      color: #fff;
      z-index: 200;
      display: block;
      background: #0a0a0a;
      background: rgba(10, 10, 10, 0.6);
      background: transparent\9;
      background: rgba(10, 10, 10, 0.4);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c0A0A0A,endColorstr=#4c0A0A0A);
      width: 100%;
      color: white; }
      .slideshow-container .slideshow .slideshow-slide .slide-body p {
        margin: 9px 0 9px 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;
        float: left;
        max-width: 70%;
        width: initial;
        overflow: hidden;
        line-height: 1.11765em;
        font-size: 0.89474em;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .slideshow-container .slideshow .slideshow-slide .slide-body span {
        width: 20%;
        text-align: right;
        margin: 9px 15px 9px 0;
        float: right;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1.11765em;
        font-size: 0.89474em;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .slideshow-container .slideshow .slideshow-slide .slide-body-mobile {
      display: none; }
  .slideshow-container .slideshow .slideshow-slide--active {
    display: block; }
  .slideshow-container .slideshow .slick-slide {
    display: block; }
  .slideshow-container .slideshow .slick-next, .slideshow-container .slideshow .slick-prev {
    position: absolute;
    top: 45%;
    z-index: 200;
    width: 44px;
    height: 44px;
    overflow: hidden;
    display: block;
    background-color: transparent;
    color: transparent;
    border: 2px white solid;
    outline: 0;
    border-radius: 22px; }
  .slideshow-container .slideshow .slick-next {
    right: 1.75em;
    background-position: 16px -121px; }
  .slideshow-container .slideshow .slick-prev {
    left: 1.75em;
    background-position: 13px -54px; }
  .slideshow-container .slideshow .no-js .slick-next,
  .slideshow-container .slideshow .no-js .slick-prev {
    display: none; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .slideshow .slick-next,
  .slideshow .slick-prev {
    top: 40%; }
  .slideshow .slideshow-slide .slide-body p {
    margin: 2px 0 2px 15px;
    line-height: 2.11765em;
    font-size: 1.36842em; }
  .slideshow .slideshow-slide .slide-body span {
    margin: 2px 15px 2px 0;
    line-height: 2.11765em;
    font-size: 1.36842em; } }

@media only screen and (max-width: 719px) {
  .slideshow-container {
    margin-left: -25px;
    margin-right: -25px; }
    .slideshow-container .slideshow .slick-slider {
      max-height: none; }
    .slideshow-container .slideshow .slideshow-slides {
      padding-bottom: 0; }
      .slideshow-container .slideshow .slideshow-slides .slick-list {
        overflow: visible; }
      .slideshow-container .slideshow .slideshow-slides .slideshow-slide {
        padding-bottom: 0; }
        .slideshow-container .slideshow .slideshow-slides .slideshow-slide .slide-image {
          position: static; }
        .slideshow-container .slideshow .slideshow-slides .slideshow-slide img {
          max-height: 220px; }
        .slideshow-container .slideshow .slideshow-slides .slideshow-slide .slide-body {
          display: none; }
        .slideshow-container .slideshow .slideshow-slides .slideshow-slide .slide-body-mobile {
          display: block;
          margin-top: 5px;
          padding: 0 25px; }
          .slideshow-container .slideshow .slideshow-slides .slideshow-slide .slide-body-mobile p {
            width: 100%;
            line-height: 1.06667em;
            font-size: 80%; }
      .slideshow-container .slideshow .slideshow-slides .slick-next,
      .slideshow-container .slideshow .slideshow-slides .slick-prev {
        width: 42px;
        height: 42px;
        top: 30%; }
      .slideshow-container .slideshow .slideshow-slides .slick-next {
        right: 1em;
        background-position: 16px -121px; }
      .slideshow-container .slideshow .slideshow-slides .slick-prev {
        left: 1em;
        background-position: 13px -54px; } }

.pagecomments {
  box-sizing: border-box;
  background: #f2f2f2;
  padding: 0 1.25em 1.25em 1.25em;
  margin-bottom: 2.5em; }
  .pagecomments .form-label,
  .pagecomments .form-label-info {
    font-size: 0.85em;
    line-height: 1em; }
  .pagecomments .form-group-item {
    margin-bottom: 0.55em; }
  .pagecomments .form-field--textarea, .pagecomments .form-field--textarea-long {
    height: 38px; }

.pagecomments__heading {
  position: relative;
  top: -10px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 0.95em;
  padding: 0.5em 0;
  padding-bottom: 0.65em;
  margin-bottom: -1.25em; }
  @media only screen and (max-width: 719px) {
    .pagecomments__heading {
      top: -5px; } }

.pagecomments__toggle {
  display: block;
  padding-top: 0.36842em;
  transition: background-image 3s ease-in-out; }
  .pagecomments__toggle:hover {
    text-decoration: none; }
  .pagecomments__toggle .icon {
    margin-right: 13px; }

.pagecomments__toggle--loading .pagecomments__toggle__icon {
  background: url(/static/images/loading.gif) no-repeat;
  width: 16px;
  height: 16px; }

.pagecomments__toggle--loading .pagecomments__toggle__icon:before {
  content: ''; }

.pagecomments__toggle__icon {
  font-size: 60%;
  position: relative;
  top: -2px;
  left: 10px;
  display: inline-block; }

.pagecomments__toggle--expanded .pagecomments__toggle__icon {
  transform: rotate(-180deg); }

.pagecomments__toggle__loading {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: fuchsia;
  margin-left: 0.5em; }

.pagecomments__inner {
  background: #fff;
  margin-top: 1.25em;
  padding: 1.25em;
  padding-top: 1.05em; }

.pagecomments__list {
  margin: 0; }

.pagecomments__list__items {
  margin: 0;
  padding: 0;
  list-style: none;
  width: auto; }

.pagecomments__item {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 0.95em;
  padding-top: 0.5em; }
  .pagecomments__item:first-child {
    margin-top: 0.75em;
    border-top: 1px solid #dddddd;
    padding-top: 1.05em; }
  .pagecomments__item:last-child {
    margin-bottom: 1.25em; }

.pagecomments__item--removed {
  font-size: 0.9em;
  color: #858585;
  font-style: italic;
  padding-top: 0.55556em;
  padding-bottom: 1.22222em; }

.pagecomments__item__body p {
  font-size: 0.95em;
  margin-bottom: 0.35em; }

.pagecomments__item__body__meta {
  font-size: 0.9em;
  color: #858585; }

.pagecomments__form__inline {
  position: relative;
  margin-top: 0.5em; }
  .pagecomments__form__inline .form-field, .pagecomments__form__inline .form-checkbox-fake {
    display: block;
    margin-top: 0;
    width: 68.3%; }

.pagecomments__form .grid-col:first-child, .pagecomments__form .grid-col-1:first-child, .pagecomments__form .grid-col-3:first-child, .pagecomments__form .grid-col-2:first-child, .pagecomments__form .grid-col-4:first-child {
  width: 39%; }

.pagecomments__form .grid-col:last-child, .pagecomments__form .grid-col-1:last-child, .pagecomments__form .grid-col-3:last-child, .pagecomments__form .grid-col-2:last-child, .pagecomments__form .grid-col-4:last-child {
  width: 57%; }

.pagecomments__form__submit {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0.45em 0;
  width: 24%;
  text-align: center; }

.pagecomments__paging-button {
  border: solid 1px #dddddd;
  background: #e8e8e8;
  color: #656565;
  font-size: 0.85em; }
  .pagecomments__paging-button .icon {
    left: 0;
    font-size: 50%;
    margin-right: 0;
    top: -3px;
    left: 4px; }

.pagecomments__item__actions {
  margin-top: 0.3em; }

.common-separator {
  display: inline-block;
  width: 1px;
  height: 0.6em;
  vertical-align: middle;
  background: #ddd;
  margin: 0 0.8em; }

.util-inline {
  display: inline; }

@media only screen and (max-width: 940px) {
  .pagecomments {
    padding: 0 1em 1em 1em; }
    .pagecomments .form-label,
    .pagecomments .form-label-info {
      font-size: 0.6em;
      line-height: 1.25em; }
    .pagecomments .form-field--textarea, .pagecomments .form-field--textarea-long {
      height: 30px; }
  .pagecomments__heading {
    font-size: 0.7em; }
  .pagecomments__form__inline {
    margin-top: 0.3em; }
  .pagecomments__form__submit {
    padding-top: 0.69231em;
    padding-bottom: 0.61538em; }
  .pagecomments__item__body p {
    font-size: 0.65em;
    margin-bottom: 0.53846em; }
  .pagecomments__item__body__meta {
    font-size: 0.7em; }
  .pagecomments__item {
    padding-bottom: 0.5em;
    padding-top: 0.25em; }
    .pagecomments__item:first-child {
      margin-top: 0.5em;
      padding-top: 0.5em; }
    .pagecomments__item:last-child {
      margin-bottom: 0; } }

@media only screen and (max-width: 719px) {
  .pagecomments {
    padding-right: 0.8em;
    padding-left: 0.8em; }
    .pagecomments .form-label,
    .pagecomments .form-label-info {
      font-size: 0.8em;
      line-height: 1em; }
    .pagecomments .form-field--textarea, .pagecomments .form-field--textarea-long {
      height: 38px; }
  .pagecomments__heading {
    font-size: 0.95em;
    padding: 0.26316em 0;
    padding-bottom: 0.68421em; }
  .pagecomments__form__inline .form-field, .pagecomments__form__inline .form-checkbox-fake {
    width: 100%; }
  .pagecomments__form__submit {
    font-size: 0.8em;
    position: static;
    padding: 12px;
    width: 100%;
    margin-top: 20px; }
  .pagecomments__item {
    font-size: 0.8em; }
  .pagecomments__item__body p {
    font-size: 1.0625em !important;
    line-height: 1.29412em;
    margin-bottom: 0.41176em; }
  .pagecomments__item__body__meta {
    font-size: 17px;
    line-height: 22px; }
    .pagecomments__item__body__meta span, .pagecomments__item__body__meta time {
      display: block; }
  .pagecomments__item {
    padding-bottom: 1em;
    padding-top: 0.5em; }
    .pagecomments__item:first-child {
      margin-top: 0.5em;
      padding-top: 0.75em; }
    .pagecomments__item:last-child {
      margin-bottom: 0; }
  .pagecomments__inner {
    padding-right: 0.8em;
    padding-left: 0.8em; }
  .pagecomments__toggle .icon {
    margin-right: 7px; }
  span.common-separator {
    display: none; } }

@media only screen and (max-width: 719px) {
  .bloglistpage.new-style .wrap {
    max-width: initial; } }

.bloglistpage.new-style .wrap .aside h2 {
  font-size: 24px !important; }

.bloglistpage.new-style #blog-list-container {
  margin-bottom: 60px;
  overflow: visible; }

.bloglistpage.new-style .blogpostlist {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto; }
  .bloglistpage.new-style .blogpostlist > li {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2.3em; }

.bloglistpage.new-style .blog-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 3em auto;
  max-width: 75em;
  min-height: 350px; }
  .bloglistpage.new-style .blog-header__image {
    position: absolute;
    z-index: -1; }
    .bloglistpage.new-style .blog-header__image img {
      max-width: 75em;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  .bloglistpage.new-style .blog-header__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 760px;
    margin: 0 10px;
    text-align: center; }
  .bloglistpage.new-style .blog-header__heading {
    font-size: 65px !important;
    margin-bottom: 25px;
    color: #ffffff; }
    @media only screen and (max-width: 719px) {
      .bloglistpage.new-style .blog-header__heading {
        font-size: 45px !important; } }
  .bloglistpage.new-style .blog-header__sub-heading {
    margin: 0;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
    color: #ffffff; }

.bloglistpage.new-style .pagecomments {
  margin-bottom: 3em; }
  .bloglistpage.new-style .pagecomments .grow-wrap {
    display: grid; }
  .bloglistpage.new-style .pagecomments .grow-wrap::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden; }
  .bloglistpage.new-style .pagecomments .grow-wrap > textarea {
    resize: none;
    overflow: hidden; }
  .bloglistpage.new-style .pagecomments .grow-wrap > textarea,
  .bloglistpage.new-style .pagecomments .grow-wrap::after {
    border: 2px solid black;
    border-radius: 30px;
    padding: 20px 20px 30px;
    font: inherit;
    grid-area: 1 / 1 / 2 / 2; }
  .bloglistpage.new-style .pagecomments textarea {
    height: auto !important;
    margin-top: 5px; }
  .bloglistpage.new-style .pagecomments__form__inline {
    margin-top: 5px; }
  .bloglistpage.new-style .pagecomments button.button.pagecomments__form__submit, .bloglistpage.new-style .pagecomments button.pagecomments__form__submit.calltoaction, .bloglistpage.new-style .pagecomments body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.pagecomments__form__submit.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .bloglistpage.new-style .pagecomments button.pagecomments__form__submit.link-button {
    position: static;
    margin: 20px 0; }

.blogpost__heading {
  color: #004876;
  margin: 0 0 0.33846em 0; }

.blogpost .author {
  position: relative;
  margin-bottom: 1.75em; }
  .blogpost .author img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
  .blogpost .author .name, .blogpost .author .date {
    font-size: 90%;
    line-height: 1.33333em;
    font-weight: bold;
    display: block; }
  .blogpost .author .name {
    padding-top: 0.44444em; }
  .blogpost .author a.name {
    color: #1178af; }
  .blogpost .author .date {
    color: #858585; }

.blogpost .author.image {
  padding-left: 4.3em;
  min-height: 3.3em; }

.blogpost__image {
  margin-bottom: 30px; }
  .blogpost__image img {
    display: block;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }
    @media only screen and (max-width: 719px) {
      .blogpost__image img {
        height: 200px; } }

.blogpost__tags {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  display: block;
  padding: 0.55em 0;
  overflow: hidden; }
  .blogpost__tags ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .blogpost__tags li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .blogpost__tags li {
    font-size: 90%;
    display: block;
    float: left;
    color: #707070;
    line-height: 1.33333em; }
  .blogpost__tags a, .blogpost__tags span {
    padding-right: 0.5em; }

.blogpost .share {
  border: none;
  margin-bottom: 1.5em; }
  .blogpost .share .icon--notext {
    padding-right: 3px; }
  .blogpost .share .icon::before {
    padding-right: 3px;
    color: #004876; }
  .blogpost .share li .icon::before {
    padding: 3px; }

/*/* Preload images */
body:after {
  content: url(/static/images/lightbox/loading.gif);
  display: none; }

body.lb-disable-scrolling {
  overflow: hidden; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
  width: 100% !important; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }

.lightbox .lb-image {
  display: block;
  height: auto !important;
  height: auto;
  max-width: inherit; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  min-height: 250px;
  width: 250px;
  margin: 0 auto;
  height: auto !important;
  max-width: 100%;
  min-width: 600px !important; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-container {
  padding: 37px 30px 0 30px; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/static/images/lightbox/loading.gif) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  text-decoration: none; }

.lb-nav a:before {
  color: #fff;
  line-height: 60px;
  font-size: 60px; }

.lb-prev, .lb-next {
  cursor: pointer;
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  border: solid 2px #fff;
  border-radius: 50%; }

.lb-nav a.lb-prev {
  left: 50px; }

.lb-nav a.lb-next {
  right: 50px; }

.lb-dataContainer {
  margin: 0 auto;
  *zoom: 1;
  width: 100%;
  background-color: #fff;
  min-height: 68px;
  max-width: 100%;
  min-width: 600px !important; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  color: #ccc; }

.lb-data .lb-details {
  text-align: left;
  line-height: 1.1em;
  position: relative; }

.lb-data .lb-caption {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #5b5b5b;
  display: block;
  padding: 15px 275px 15px 30px; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999; }

.lb-data .lb-download-container {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 30px 15px 0; }

.lb-data .lb-download {
  display: block; }

.lb-data .lb-download:before {
  font-size: 22px;
  line-height: 20px;
  padding-right: 2px; }

.lb-closeContainer {
  position: absolute;
  top: 18px;
  right: 26px;
  z-index: 999;
  display: block;
  cursor: pointer; }
  .lb-closeContainer a {
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    padding-right: 22px;
    position: relative; }
  .lb-closeContainer a:before {
    position: absolute;
    right: 0;
    top: 2px; }

.lb-data {
  display: block;
  min-height: 37px; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .lb-container {
    padding: 20px 15px 0 15px; }
  .lb-data .lb-caption {
    font-size: 13px;
    padding: 7px 170px 7px 15px; }
  .lb-data .lb-download-container {
    padding: 7px 15px 7px 0; }
  .lb-data .lb-download-container {
    font-size: 13px; }
  .lb-data .lb-download:before {
    font-size: 16px;
    line-height: 13px; }
  .lb-closeContainer {
    top: 9px;
    right: 12px; }
    .lb-closeContainer a {
      font-size: 13px;
      padding-right: 18px; }
    .lb-closeContainer a:before {
      top: 1px; }
  .lb-outerContainer {
    min-height: 150px;
    min-width: 500px !important; }
  .lb-dataContainer {
    min-height: 55px;
    min-width: 500px !important; }
  .lb-nav a:before {
    line-height: 44px;
    font-size: 44px; }
  .lb-prev, .lb-next {
    width: 44px;
    height: 44px;
    margin-top: -11px; }
  .lb-nav a.lb-prev {
    left: 30px; }
  .lb-nav a.lb-next {
    right: 30px; } }

@media only screen and (max-width: 719px) {
  .lb-container {
    padding: 30px 15px 0 15px; }
  .lb-data .lb-caption {
    font-size: 20px;
    padding: 15px 15px 0 15px; }
  .lb-data .lb-download-container {
    padding: 15px;
    position: relative;
    top: auto;
    right: auto;
    display: block; }
  .lb-data .lb-download {
    font-size: 20px; }
  .lb-data .lb-download:before {
    font-size: 22px;
    line-height: 20px; }
  .lb-closeContainer {
    top: 15px;
    right: 10px; }
    .lb-closeContainer a {
      font-size: 20px;
      padding-right: 30px; }
    .lb-closeContainer a:before {
      top: 1px; }
  .lb-outerContainer {
    min-height: 150px;
    min-width: 100% !important; }
  .lb-dataContainer {
    min-height: 32px;
    min-width: 100% !important; } }

.chart-block .container-body {
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em; }

.chart-block .pie-chart-wrapper {
  display: block;
  width: 75%;
  float: left; }

.chart-block .chartdata {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  display: block;
  width: 24%;
  float: right; }
  .chart-block .chartdata ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .chart-block .chartdata li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .chart-block .chartdata li {
    position: relative;
    padding-left: 1.25em;
    line-height: 1em;
    margin: 0.1em 0 0.4em 0; }
  .chart-block .chartdata span {
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0; }

.chart-block .canvas-y-title {
  float: left;
  display: inline-block;
  margin: 0 0 0.5em 0.3em; }

.chart-block .canvas-x-title {
  text-align: center;
  margin: 0.2em 0; }

html.no-js .chart-block {
  display: none; }

/* Medium size and narrow screen (tablets etc) */
/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .chart-block .pie-chart-wrapper {
    width: 100%;
    float: none; }
  .chart-block .chartdata {
    width: 100%;
    float: none;
    overflow: hidden;
    margin: 0.5em 0; }
    .chart-block .chartdata li {
      padding-left: 1.25em;
      line-height: 1em;
      float: left;
      font-size: 0.75em;
      min-width: 49%;
      box-sizing: border-box; } }

.feedback-container {
  margin: 1.5em 0;
  border-top: solid 1px #e2e2e2; }
  .feedback-container .feedback-status {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    overflow: hidden;
    padding: 0.5em 0 1.1em 0; }
    .feedback-container .feedback-status ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    .feedback-container .feedback-status li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  .feedback-container .feedback-status-item {
    display: inline-block;
    float: left; }
  .feedback-container .form-mandatory {
    font-size: 95%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5b5b5b; }
  .feedback-container .form-checkbox-label {
    padding-right: 1em; }
  .feedback-container .feedback-intro {
    font-size: 95%;
    margin-bottom: 0.89474em; }
  .feedback-container .feedback-title {
    font-size: 95%;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    color: #0c0c0c; }
  .feedback-container textarea {
    max-width: 27.5em;
    margin-top: 0.63158em;
    min-height: 5.26316em; }
  .feedback-container .form-checkbox-fake {
    background-color: #fbfbfb; }

.content-feedback {
  box-sizing: border-box;
  padding: 0.72222em 0; }
  .content-feedback .content-feedback-title {
    display: inline-block;
    margin-right: 3.05556em;
    line-height: 2.44444em; }
  .content-feedback input[type="submit"], .content-feedback a {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 1.66667em 0 0; }

.feedback-response {
  margin: 1.5em 0;
  display: none;
  background-color: #f2f2f2;
  border: solid 1px #e2e2e2;
  padding: 0.5em;
  box-sizing: border-box; }
  .feedback-response p:last-child {
    margin-bottom: 0; }

.admin-feedback strong {
  margin: 0.5em 0; }

.admin-feedback ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  margin-top: 1em;
  border: solid 1px #e2e2e2;
  padding: 0.5em;
  background-color: #f2f2f2;
  box-sizing: border-box; }
  .admin-feedback ul ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .admin-feedback ul li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .admin-feedback ul li {
    position: relative;
    border-bottom: solid 1px #e2e2e2;
    padding-bottom: 0.75em;
    margin: 0.5em 0 0.75em 0;
    padding-right: 7em;
    box-sizing: border-box;
    min-height: 3em; }
  .admin-feedback ul li:last-child {
    border: none; }
    .admin-feedback ul li:last-child p {
      padding: 0;
      margin: 0; }

.admin-feedback .date, .admin-feedback .type {
  font-size: 70%;
  display: inline-block;
  margin-right: 3.57143em; }

.admin-feedback .delete-all {
  float: right;
  margin: 0;
  cursor: pointer; }

.admin-feedback .delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  cursor: pointer; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .feedback-container .feedback-status {
    padding: 0 0 0.5em 0; }
  .feedback-container .feedback-title {
    font-size: 60%; }
  .feedback-container .form-mandatory {
    font-size: 60%; }
  .feedback-container .feedback-intro {
    margin-bottom: 0.6em; }
  .feedback-container .feedback-intro {
    font-size: 60%;
    margin-bottom: 1.08333em; }
  .feedback-container textarea {
    max-width: 45.83333em;
    margin-top: 0.41667em;
    min-height: 6.66667em; }
  .content-feedback {
    box-sizing: border-box;
    padding: 0.5em 0; }
    .content-feedback .content-feedback-title {
      font-size: 55%; }
  .feedback-response {
    font-size: 65%; }
  .admin-feedback strong {
    font-size: 60%; }
  .admin-feedback > span {
    font-size: 60%; }
  .admin-feedback .date, .admin-feedback .type {
    font-size: 55%;
    margin-right: 3.57143em; }
  .admin-feedback p {
    font-size: 55%; }
  .admin-feedback .delete-all, .admin-feedback .delete {
    font-size: 55%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .feedback-container .feedback-status {
    padding: 0.5em 0; }
  .feedback-container .feedback-title {
    font-size: 95%; }
  .feedback-container .form-mandatory {
    font-size: 95%; }
  .feedback-container .feedback-intro {
    font-size: 95%;
    margin-bottom: 0.89474em; }
  .feedback-container .feedback-status-item {
    float: none;
    display: block;
    margin-bottom: 0.5em !important; }
  .feedback-container textarea {
    max-width: inherit;
    margin-top: 0.26316em;
    min-height: 8.42105em; }
  .feedback-container fieldset {
    margin-bottom: 0; }
  .feedback-container .form-group-item {
    margin-bottom: 0; }
  .feedback-container .button--previous {
    margin: 0; }
  .content-feedback {
    box-sizing: border-box;
    overflow: hidden;
    padding: 0.55em 0; }
    .content-feedback .content-feedback-title {
      font-size: 75%;
      margin-bottom: 0.66667em; }
    .content-feedback input[type="submit"], .content-feedback a.button, .content-feedback a.calltoaction, .content-feedback body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .content-feedback a.link-button {
      margin: 0;
      width: 45%;
      display: block;
      float: left;
      text-align: center; }
    .content-feedback a.button, .content-feedback a.calltoaction, .content-feedback body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .content-feedback a.link-button {
      float: right;
      box-sizing: border-box; }
  .feedback-response {
    font-size: 100%; }
  .admin-feedback strong {
    font-size: 70%; }
  .admin-feedback > span {
    font-size: 70%; }
  .admin-feedback .date, .admin-feedback .type {
    font-size: 70%;
    margin-right: 3.57143em; }
  .admin-feedback p {
    font-size: 14px !important; }
  .admin-feedback .delete-all {
    margin-top: 1em;
    text-align: right;
    display: block;
    float: none; }
  .admin-feedback .delete-all, .admin-feedback .delete {
    font-size: 70%; } }

.blockbasedarticlepage .feedback-container .form-mandatory {
  margin: 2px 0;
  font-size: 100% !important; }
  @media only screen and (max-width: 940px) {
    .blockbasedarticlepage .feedback-container .form-mandatory {
      font-size: 100% !important; } }
  @media only screen and (max-width: 719px) {
    .blockbasedarticlepage .feedback-container .form-mandatory {
      font-size: 100% !important; } }

.blockbasedarticlepage .feedback-form {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px !important;
  margin: 0 !important; }
  @media only screen and (max-width: 940px) {
    .blockbasedarticlepage .feedback-form {
      display: block !important;
      max-width: 768px;
      margin: 0 auto !important;
      padding: 0;
      font-size: 20px !important; } }
  @media only screen and (max-width: 719px) {
    .blockbasedarticlepage .feedback-form {
      font-size: 20px !important; } }
  .blockbasedarticlepage .feedback-form .content-feedback {
    box-sizing: border-box;
    width: 100%;
    max-width: 60.5em;
    min-width: 280px;
    margin: 2rem auto !important;
    padding: 0; }
    @media only screen and (max-width: 940px) {
      .blockbasedarticlepage .feedback-form .content-feedback {
        padding: 0 .75em; } }
    @media only screen and (max-width: 719px) {
      .blockbasedarticlepage .feedback-form .content-feedback {
        max-width: unset;
        min-width: unset;
        padding: 0; } }
    .blockbasedarticlepage .feedback-form .content-feedback form {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      font-size: 20px !important; }
      @media only screen and (max-width: 940px) {
        .blockbasedarticlepage .feedback-form .content-feedback form {
          font-size: inherit !important; } }
      @media only screen and (max-width: 719px) {
        .blockbasedarticlepage .feedback-form .content-feedback form {
          flex-wrap: wrap;
          justify-content: center; } }
      @media only screen and (max-width: 480px) {
        .blockbasedarticlepage .feedback-form .content-feedback form {
          flex-direction: column;
          justify-content: center; }
          .blockbasedarticlepage .feedback-form .content-feedback form:last-child {
            margin-top: 1rem; } }
      .blockbasedarticlepage .feedback-form .content-feedback form .content-feedback-title {
        margin-right: 2rem;
        white-space: nowrap;
        padding-left: .75em; }
        @media only screen and (max-width: 940px) {
          .blockbasedarticlepage .feedback-form .content-feedback form .content-feedback-title {
            font-size: inherit !important;
            padding-left: 0; } }
        @media only screen and (max-width: 719px) {
          .blockbasedarticlepage .feedback-form .content-feedback form .content-feedback-title {
            flex: 1 1 100%;
            text-align: center;
            margin-right: 0; } }
      .blockbasedarticlepage .feedback-form .content-feedback form .form-field, .blockbasedarticlepage .feedback-form .content-feedback form .form-checkbox-fake {
        border: 2px solid red !important; }
      .blockbasedarticlepage .feedback-form .content-feedback form input[type="submit"] {
        margin: 0 1rem 0 0; }
        @media only screen and (max-width: 480px) {
          .blockbasedarticlepage .feedback-form .content-feedback form input[type="submit"] {
            margin: 0 0 1rem 0; } }
      .blockbasedarticlepage .feedback-form .content-feedback form input[type="submit"], .blockbasedarticlepage .feedback-form .content-feedback form a.button, .blockbasedarticlepage .feedback-form .content-feedback form a.calltoaction, .blockbasedarticlepage .feedback-form .content-feedback form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .blockbasedarticlepage .feedback-form .content-feedback form a.link-button {
        min-width: 8rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: inherit;
        font-size: 20px;
        line-height: 1;
        margin: 10px;
        padding: .9rem 0;
        background-color: #004876;
        color: #ffffff;
        border: none;
        border-radius: 30px;
        text-decoration: none;
        cursor: pointer;
        transition: background 150ms ease; }
        .blockbasedarticlepage .feedback-form .content-feedback form input[type="submit"]:hover, .blockbasedarticlepage .feedback-form .content-feedback form a.button:hover, .blockbasedarticlepage .feedback-form .content-feedback form a.calltoaction:hover, .blockbasedarticlepage .feedback-form .content-feedback form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .blockbasedarticlepage .feedback-form .content-feedback form a.link-button:hover {
          text-decoration: none;
          background-color: #1F6590; }
        .blockbasedarticlepage .feedback-form .content-feedback form input[type="submit"]:focus, .blockbasedarticlepage .feedback-form .content-feedback form a.button:focus, .blockbasedarticlepage .feedback-form .content-feedback form a.calltoaction:focus, .blockbasedarticlepage .feedback-form .content-feedback form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .blockbasedarticlepage .feedback-form .content-feedback form a.link-button:focus {
          background-color: #1F6590;
          outline: 2px solid #1a1a1a;
          outline-offset: 4px;
          background-clip: padding-box; }
        @media only screen and (max-width: 719px) {
          .blockbasedarticlepage .feedback-form .content-feedback form input[type="submit"], .blockbasedarticlepage .feedback-form .content-feedback form a.button, .blockbasedarticlepage .feedback-form .content-feedback form a.calltoaction, .blockbasedarticlepage .feedback-form .content-feedback form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .blockbasedarticlepage .feedback-form .content-feedback form a.link-button {
            width: 8rem;
            font-size: 18px; } }
        @media only screen and (max-width: 480px) {
          .blockbasedarticlepage .feedback-form .content-feedback form input[type="submit"], .blockbasedarticlepage .feedback-form .content-feedback form a.button, .blockbasedarticlepage .feedback-form .content-feedback form a.calltoaction, .blockbasedarticlepage .feedback-form .content-feedback form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .blockbasedarticlepage .feedback-form .content-feedback form a.link-button {
            width: 80%; } }
  .blockbasedarticlepage .feedback-form .form-feedback {
    visibility: hidden; }
  .blockbasedarticlepage .feedback-form .form-feedback.show-form {
    visibility: visible;
    width: 100%;
    max-width: 60.5em;
    min-width: 280px;
    margin: 0 auto !important;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    @media only screen and (max-width: 719px) {
      .blockbasedarticlepage .feedback-form .form-feedback.show-form {
        max-width: unset;
        min-width: unset;
        padding: 0; } }
    .blockbasedarticlepage .feedback-form .form-feedback.show-form form {
      padding: 0 .75em; }
      @media only screen and (max-width: 719px) {
        .blockbasedarticlepage .feedback-form .form-feedback.show-form form {
          padding: 0; } }
      .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container {
        margin: 2rem 0;
        border: none; }
        @media only screen and (max-width: 940px) {
          .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container {
            width: 100% !important; } }
        .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner {
          border: none; }
          .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body {
            font-size: 20px;
            margin: 0;
            overflow: visible; }
            @media only screen and (max-width: 940px) {
              .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body {
                font-size: 20px !important; } }
            @media only screen and (max-width: 719px) {
              .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body {
                margin: 0 50px; } }
            @media only screen and (max-width: 480px) {
              .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body {
                margin: 0 25px; } }
            .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .form-group {
              margin-top: 0;
              border: none; }
              @media only screen and (max-width: 940px) {
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .form-group {
                  margin: 0; } }
            .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid {
              max-width: 550px; }
              .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item {
                margin: 0; }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-intro {
                  margin-top: 0;
                  margin-bottom: 1rem;
                  font-size: 100%; }
                  @media only screen and (max-width: 940px) {
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-intro {
                      margin-bottom: .8rem;
                      font-size: 100%; } }
                  @media only screen and (max-width: 719px) {
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-intro {
                      font-size: 100%; } }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-title {
                  margin: .5rem 0;
                  font-size: 100% !important; }
                  @media only screen and (max-width: 940px) {
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-title {
                      font-size: 100% !important; } }
                  @media only screen and (max-width: 719px) {
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-title {
                      font-size: 100% !important; } }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-status {
                  padding: .3rem 0 1.5rem 0; }
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-status .feedback-status-item {
                    display: flex;
                    align-items: center; }
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-status .feedback-status-item .form-checkbox-label {
                      font-size: 100%;
                      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
                      color: #1a1a1a;
                      letter-spacing: 0;
                      line-height: 1; }
                      .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-status .feedback-status-item .form-checkbox-label .form-checkbox-fake {
                        height: 20px;
                        width: 20px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border: 2px solid #1a1a1a;
                        background-color: #ffffff;
                        color: #1a1a1a;
                        border-radius: 4px;
                        margin: 2px 4px;
                        box-shadow: none;
                        top: -2px;
                        transition: background 150ms ease; }
                        .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-status .feedback-status-item .form-checkbox-label .form-checkbox-fake:hover {
                          text-decoration: none;
                          background-color: #E9FAFF; }
                      .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-status .feedback-status-item .form-checkbox-label .form-checkbox-fake.focus {
                        outline: 2px solid #1a1a1a;
                        outline-offset: 2px;
                        border: 2px solid #1a1a1a; }
                      .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item .feedback-status .feedback-status-item .form-checkbox-label .form-checkbox-fake::before {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 20px;
                        height: 20px;
                        margin: 0;
                        color: #ffffff;
                        background-color: #1a1a1a;
                        font-size: 22px; }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item #feedback-textarea-title {
                  padding-left: .8rem; }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item #feedback-textarea {
                  border: 2px solid #1a1a1a;
                  border-radius: 20px;
                  font-size: 100%;
                  background-color: #ffffff;
                  margin-top: 0;
                  padding: .5rem .8rem;
                  box-shadow: unset;
                  transition: background 150ms ease; }
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item #feedback-textarea:hover, .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item #feedback-textarea:focus, .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item #feedback-textarea:active {
                    text-decoration: none;
                    background-color: #E9FAFF; }
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item #feedback-textarea:focus {
                    outline: 2px solid #1a1a1a;
                    outline-offset: 3px; }
              .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2 {
                width: auto !important; }
              @media only screen and (max-width: 719px) {
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align.feedback-button-group {
                  flex-direction: column-reverse; } }
              .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align {
                max-width: 45.83333em;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                margin: 1rem 0 4px 0; }
                @media only screen and (max-width: 940px) {
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align {
                    margin: 0 0 -1rem 0; } }
                @media only screen and (max-width: 719px) {
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align {
                    margin: 0;
                    padding: 0;
                    flex-direction: column;
                    align-items: center; } }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align .form-button.button--next {
                  float: unset; }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:first-child {
                  margin-right: 1rem;
                  background-color: #ffffff;
                  color: #000000; }
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:first-child:hover, .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:first-child:focus, .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:first-child:active {
                    background-color: #E9FAFF !important; }
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:first-child:focus {
                    outline: 2px solid #1a1a1a;
                    outline-offset: 4px; }
                  @media only screen and (max-width: 719px) {
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:first-child {
                      margin: 0 0 1rem 0; } }
                .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"] {
                  width: 8rem;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  font-family: inherit;
                  font-size: 20px;
                  line-height: 1;
                  margin: 2px 10px;
                  padding: .9rem 0;
                  background-color: #004876;
                  color: #ffffff;
                  border: none;
                  border-radius: 30px;
                  text-decoration: none;
                  cursor: pointer;
                  transition: background 150ms ease; }
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:hover {
                    background-color: #1F6590 !important; }
                  .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"]:focus {
                    background-color: #1F6590;
                    outline: 2px solid #1a1a1a;
                    outline-offset: 4px;
                    background-clip: padding-box; }
                  @media only screen and (max-width: 940px) {
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"] {
                      margin: 2px 10px; } }
                  @media only screen and (max-width: 719px) {
                    .blockbasedarticlepage .feedback-form .form-feedback.show-form form .feedback-container .container-inner .container-body .grid .form-group-item.form-group-item--no-margin.grid-col-2.form-group-item--right-align input[type="submit"] {
                      width: 95%;
                      margin: 0 0 1rem 0;
                      font-size: 18px; } }

.innovation-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  text-align: initial;
  margin-right: -20px;
  max-width: 100%; }
  .innovation-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .innovation-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .innovation-list .grid-col-3 {
    width: 31.4% !important;
    box-sizing: border-box;
    margin-right: 2.9%;
    float: left; }
    .innovation-list .grid-col-3:nth-child(3n) {
      margin: 0; }

.innovation-list-item {
  margin-bottom: 0.75em;
  min-height: 18em; }
  .innovation-list-item .image-wrapper {
    position: relative; }
  .innovation-list-item img {
    max-width: 100%; }
  .innovation-list-item .innovation-like {
    background-color: #fff;
    position: absolute;
    bottom: 0.75em;
    right: 0.75em;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    text-align: center;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25); }
  .innovation-list-item .innovation-like:before {
    color: #ef4941;
    font-size: 270%;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    top: 0.05556em;
    left: 0;
    line-height: 1.11111em;
    vertical-align: middle;
    display: inline-block; }
  .innovation-list-item .innovation-like span {
    font-size: 90%;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 3.33333em;
    vertical-align: middle;
    color: #fff;
    z-index: 999;
    display: block;
    position: relative; }
  .innovation-list-item h2 {
    font-size: 120%;
    margin: 0.75em 0 0.33333em 0;
    color: #1178af; }
  .innovation-list-item p {
    font-size: 95%;
    line-height: 1.21053em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0.42105em; }
  .innovation-list-item .comment {
    font-size: 75%;
    line-height: 1.53333em;
    font-weight: bold; }
  .innovation-list-item .comment:before {
    font-size: 1.33333em;
    padding-right: 0.46667em; }

.innovation-detailed-list {
  width: auto;
  text-align: initial;
  margin: 0 auto;
  display: block; }
  .innovation-detailed-list .grid-col-2 {
    width: 42.875% !important;
    box-sizing: border-box;
    margin-right: 14.25%;
    float: left; }
    .innovation-detailed-list .grid-col-2:nth-child(2n) {
      margin: 0; }

.innovation-detailed-list--wide .grid-col-2 {
  width: 47.68% !important;
  margin-right: 4.64%; }

.innovation-detailed-list--wide .innovation-detailed-list-item {
  max-width: 25.7em; }

.innovation-detailed-list-item {
  max-width: 18.5em; }
  .innovation-detailed-list-item .image-wrapper {
    position: relative; }
  .innovation-detailed-list-item img {
    max-width: 100%; }
  .innovation-detailed-list-item h2 {
    font-size: 120%;
    margin: 0.91667em 0 0.33333em 0;
    color: #1178af; }
  .innovation-detailed-list-item p {
    font-size: 95%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0; }
  .innovation-detailed-list-item .image-wrapper {
    position: relative; }
  .innovation-detailed-list-item .image-wrapper img {
    display: block; }
  .innovation-detailed-list-item .author-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding-left: 5em; }
  .innovation-detailed-list-item .author-image {
    position: absolute;
    bottom: -0.9em;
    left: -0.5em;
    display: inline-block;
    background: #f2f2f2;
    border-radius: 50%;
    padding: 0.2em;
    box-sizing: border-box; }
    .innovation-detailed-list-item .author-image img {
      width: 4.4em;
      height: 4.4em;
      border-radius: 50%; }
  .innovation-detailed-list-item .author-info {
    color: #fff;
    font-size: 90%;
    line-height: 1.22222em;
    display: inline-block;
    padding: 0.55556em 0.22222em 0.55556em 0; }

body.IEFIX .innovation-list-item .innovation-like:before {
  top: 0.11111em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .innovation-list-item {
    min-height: 12.5em; }
    .innovation-list-item .innovation-like {
      bottom: 0.5em;
      right: 0.5em;
      width: 2em;
      height: 2em; }
    .innovation-list-item .innovation-like:before {
      font-size: 180%;
      line-height: 1.11111em; }
    .innovation-list-item .innovation-like span {
      font-size: 65%;
      line-height: 3.07692em; }
    .innovation-list-item h2 {
      font-size: 80%;
      margin: 0.75em 0 0.375em 0; }
    .innovation-list-item p {
      font-size: 65%; }
    .innovation-list-item .comment {
      font-size: 45%;
      line-height: 1.33333em; }
  .innovation-detailed-list-item h2 {
    font-size: 80%;
    margin: 0.875em 0 0.375em 0; }
  .innovation-detailed-list-item p {
    font-size: 65%; }
  .innovation-detailed-list-item .author-wrapper {
    padding-left: 5em; }
  .innovation-detailed-list-item .author-image {
    bottom: -0.4em;
    left: -0.3em;
    padding: 0.1em; }
    .innovation-detailed-list-item .author-image img {
      width: 2.2em;
      height: 2.2em; }
  .innovation-detailed-list-item .author-info {
    font-size: 90%;
    line-height: 1.22222em;
    padding: 0.55556em 0.22222em 0.55556em 0; } }

@media only screen and (max-width: 719px) {
  .innovation-list {
    margin-right: 0;
    max-width: 100%; }
    .innovation-list .grid-col-3 {
      width: 100% !important;
      margin-right: 0;
      float: none;
      min-height: initial;
      margin-bottom: 2.5em !important; }
  .innovation-list-item {
    min-height: inherit;
    margin-bottom: 0; }
    .innovation-list-item .innovation-like {
      bottom: 0.75em;
      right: 0.75em;
      width: 3em;
      height: 3em; }
    .innovation-list-item .innovation-like:before {
      font-size: 270%;
      line-height: 1.11111em; }
    .innovation-list-item .innovation-like span {
      font-size: 90%;
      line-height: 3.33333em;
      margin-top: -0.11111em; }
    .innovation-list-item h2 {
      font-size: 120%;
      margin: 0.75em 0 0.33333em 0; }
    .innovation-list-item p {
      font-size: 100%; }
    .innovation-list-item .comment {
      font-size: 75%;
      line-height: 1.53333em; }
  .innovation-detailed-list .grid-col-2 {
    width: 100% !important; }
  .innovation-detailed-list-item h2 {
    font-size: 120%;
    margin: 0.91667em 0 0.33333em 0; }
  .innovation-detailed-list-item p {
    font-size: 95%; }
  .innovation-detailed-list-item .author-wrapper {
    padding-left: 3.75em; }
  .innovation-detailed-list-item .author-image {
    bottom: -0.9em;
    left: -0.5em;
    padding: 0.2em; }
    .innovation-detailed-list-item .author-image img {
      width: 3.3em;
      height: 3.3em; }
  .innovation-detailed-list-item .author-info {
    font-size: 90%;
    line-height: 1.22222em;
    padding: 0.55556em 0.22222em 0.55556em 0; } }

.page-info {
  background-color: #f2f2f2;
  padding: 1.25em;
  margin-bottom: 2em; }
  .page-info .page-info-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto; }
    .page-info .page-info-list ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    .page-info .page-info-list li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  .page-info .page-info-list--horizontal {
    overflow: hidden; }
  .page-info .page-info-list--horizontal li {
    float: left;
    margin-right: 1.5em; }
  .page-info .page-info-list--horizontal li:last-child {
    margin-right: 0; }
  .page-info span {
    font-size: 90%;
    line-height: 1.33333em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #5b5b5b;
    display: inline-block; }
  .page-info strong {
    font-size: 90%;
    line-height: 1.33333em;
    display: inline-block;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0b0b0b; }

@media only screen and (max-width: 940px) {
  .page-info {
    padding: 0.75em;
    margin-bottom: 1.5em; }
    .page-info span, .page-info strong {
      font-size: 60%;
      line-height: 1.25em; } }

@media only screen and (max-width: 719px) {
  .page-info {
    padding: 0.75em;
    margin-bottom: 1.5em; }
    .page-info span, .page-info strong {
      font-size: 90%;
      line-height: 1em; }
    .page-info .page-info-list--horizontal li {
      float: none;
      margin-right: 0; } }

.sort-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  display: block; }
  .sort-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .sort-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .sort-list .sort-list-item {
    font-size: 95%;
    margin-right: 0.75em; }
  .sort-list .sort-list-item:last-child {
    margin-right: 0; }
  .sort-list .sort-list-link {
    display: inline-block;
    font-size: 0.89474em;
    line-height: 1.47059em;
    background-color: #d8d8d8;
    padding: 0 0.88235em;
    border-radius: 0.70588em;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000; }
  .sort-list .sort-list-link:hover {
    text-decoration: none; }
  .sort-list .sort-list-link--selected {
    color: #fff;
    background-color: #1178af; }
  .sort-list .sort-list-input {
    display: inline-block;
    line-height: 1.31579em; }

.sort-list--right {
  float: right; }

.sort-list--left {
  float: left; }

.sort-list--horizontal {
  overflow: hidden; }
  .sort-list--horizontal .sort-list-item {
    float: left; }

@media only screen and (max-width: 940px) {
  .sort-list .sort-list-item {
    font-size: 65%;
    line-height: 2.30769em; } }

.paginginfo {
  color: #0b0b0b;
  line-height: 1.5em;
  display: block;
  margin-bottom: 0.5em; }

.paginginfo--left {
  float: left; }

.paginginfo--right {
  float: right; }

@media only screen and (max-width: 940px) {
  .paginginfo {
    font-size: 65%;
    line-height: 2.30769em; } }

@media only screen and (max-width: 719px) {
  .paginginfo {
    font-size: 100%;
    line-height: 1.5em; } }

main span a, main ul a, main ol a {
  color: #1F6590;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-decoration: underline;
  outline: none; }
  main span a:hover, main ul a:hover, main ol a:hover {
    text-decoration: none; }
  main span a:focus, main ul a:focus, main ol a:focus {
    outline: 2px solid #1a1a1a;
    outline-offset: 2px;
    border-radius: 5px;
    text-decoration: none; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .link-button {
    padding: 0.23077em 1.15385em;
    margin-right: 1em; } }

@media only screen and (max-width: 719px) {
  .link-button {
    padding: 0.3em 1em;
    margin-right: 1.5em;
    margin-bottom: 0.3em; } }

.search-block-container {
  background-color: #f2f2f2;
  margin-bottom: 1em; }
  .search-block-container .container-inner {
    background-color: #f2f2f2; }
  .search-block-container .searchbox {
    overflow: visible; }
  .search-block-container .searchbox-field {
    border: solid 1px #e2e2e2; }
  .search-block-container .searchbox-button {
    padding: 0.85em 1.75em;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%; }
  .search-block-container .description {
    font-size: 95%; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .search-block-container .description {
    font-size: 65%; } }

@media only screen and (max-width: 719px) {
  .search-block-container .description {
    font-size: 95%; } }

.menu-tabs {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  position: relative;
  display: block;
  overflow: hidden; }
  .menu-tabs ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .menu-tabs li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .menu-tabs:after {
    content: "";
    display: table;
    clear: both; }

.menu-tabs:after {
  content: '';
  border-bottom: solid 1px #ddd;
  position: absolute;
  bottom: 0;
  width: 100%; }

.menu-tabs-item {
  float: left;
  padding: 10px 0 !important;
  position: relative;
  border-bottom: solid 1px #ddd;
  bottom: -1px;
  background-color: #fff; }

.menu-tabs-item-link {
  display: inline-block;
  border-left: solid 1px #ddd;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 120%;
  line-height: 2em;
  padding: 0 50px; }

.menu-tabs-item:first-child .menu-tabs-item-link {
  border: none; }

.menu-tabs-item--selected {
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: none;
  z-index: 10; }

.menu-tabs-item--selected:before {
  content: '';
  display: block;
  height: 5px;
  background-color: #1178af;
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.menu-tabs-item--selected .menu-tabs-item-link,
.menu-tabs-item--selected + .menu-tabs-item .menu-tabs-item-link {
  border: none; }

.menu-tabs-item--selected .menu-tabs-item-link {
  color: black; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .menu-tabs-item {
    padding: 10px 0 !important; }
  .menu-tabs-item-link {
    font-size: 80%;
    line-height: 1.875em;
    padding: 0 30px; }
  .menu-tabs-item--selected:before {
    height: 3px; } }

body:not(.disruptionstatuspage) {
  /* Narrow screen (smart phones etc) */ }
  @media only screen and (max-width: 719px) {
    body:not(.disruptionstatuspage) .menu-tabs-item {
      float: none;
      padding: 0 !important;
      position: relative;
      border: none;
      border-bottom: solid 1px #ddd;
      bottom: 0px; }
    body:not(.disruptionstatuspage) .menu-tabs-item-link {
      display: block;
      border: none;
      font-size: 100%;
      line-height: 2.4em;
      padding: 0; }
    body:not(.disruptionstatuspage) .menu-tabs-item--selected {
      z-index: inherit; }
    body:not(.disruptionstatuspage) .menu-tabs-item--selected:before {
      content: none;
      display: none;
      left: 0px;
      right: 0px; } }

.customerservicebanner {
  padding: 10px;
  margin: 0;
  background-color: #ff6600;
  color: white;
  font-weight: bold; }
  .customerservicebanner ul {
    text-align: center;
    margin: auto;
    padding: 0;
    width: 100%; }
  .customerservicebanner li {
    font-size: 120%;
    padding-left: 10px;
    display: inline-block; }
  .customerservicebanner a {
    text-decoration: underline;
    text-transform: uppercase;
    color: white; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .customerservicebanner span {
    font-size: 80%; } }

/* Narrow screen (smart phones etc) */
.epi-form-container.container .container-inner .container-heading {
  text-transform: none; }

.epi-form-container.container .container-inner .container-body {
  margin-right: 0.5em; }

.epi-form-container.container .container-inner h3 {
  margin-top: 0; }

.epi-form-container .epi-form-group .form-group-item {
  margin-right: 2% !important; }

.epi-form-container .FormRange__Input {
  width: 80%;
  max-width: inherit !important;
  vertical-align: middle; }
  .epi-form-container .FormRange__Input::-ms-fill-lower {
    background-color: #1489ca; }
  .epi-form-container .FormRange__Input::-ms-thumb {
    background-color: #1178af;
    height: 16px; }
  .epi-form-container .FormRange__Input::-moz-range-thumb {
    background-color: #1178af;
    border-radius: 0;
    height: 16px;
    width: 9px; }

.epi-form-container .FormRange__Min, .epi-form-container .FormRange__Max {
  vertical-align: middle; }

.epi-form-container .FormRange_Wrapper {
  margin-top: 0.25em;
  padding-top: 0.6em; }

.epi-form-container .form-field-wrapper input {
  font-size: 18px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: .5em 0; }

.epi-form-container .form-group-item--dropdown label {
  display: block !important; }

.epi-form-container .form-group-item--dropdown select {
  -webkit-appearance: menulist-button;
  width: auto; }

.epi-form-container .form-group-item--checkbox .form-group-item {
  margin-bottom: 0.75em; }

.epi-form-container .form-group-item--checkbox > div {
  margin: .8em 0 .5em 0; }

.epi-form-container .form-group-item--radio .form-group-item {
  margin-bottom: 0.75em; }

.epi-form-container .form-group-item--radio > div {
  margin: .8em 0 .5em 0; }

.epi-form-container .form-group-item--captcha > div {
  margin: .5em 0;
  max-width: 350px;
  position: relative; }

.epi-form-container .form-group-item--captcha img {
  display: block;
  margin-bottom: .2em;
  width: 100%; }

.epi-form-container .form-group-item--captcha .form-field, .epi-form-container .form-group-item--captcha .form-checkbox-fake {
  width: 100% !important; }

.epi-form-container .form-group-item--captcha button {
  position: absolute;
  right: -222px;
  bottom: 49px;
  height: 38px; }

.epi-form-container .EPiServerForms .Form__Element .Form__Element__ValidationError {
  margin-top: 0.4em;
  margin-left: 0.1em; }

.epi-form-container .EPiServerForms .Form__Status .Form__Status__Message.hide {
  display: none; }

.epi-form-container .EPiServerForms .Form__Status .Form__Warning__Message {
  background-color: transparent;
  color: #B90000; }

@media only screen and (max-width: 940px) {
  .epi-form-container .form-group-item--captcha button {
    right: -139px;
    bottom: 38px; } }

@media only screen and (max-width: 719px) {
  .epi-form-container .form-group-item--captcha button {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 0.5em;
    width: 100% !important;
    font-size: 0.95em !important; } }

body.blockbasedarticlepage {
  /*Block-specific styling*/ }
  body.blockbasedarticlepage .epi-form-container {
    padding: 1em;
    margin: 0;
    font-size: 20px;
    /*Input range styling*/ }
    body.blockbasedarticlepage .epi-form-container.container > .wrapper {
      display: flex;
      justify-content: center; }
    body.blockbasedarticlepage .epi-form-container.container .container-inner {
      max-width: 900px;
      width: 100%;
      border: none;
      padding: 60px 0; }
      body.blockbasedarticlepage .epi-form-container.container .container-inner .container-heading, body.blockbasedarticlepage .epi-form-container.container .container-inner .container-body {
        border: none;
        margin: 0 87px;
        line-height: inherit; }
      body.blockbasedarticlepage .epi-form-container.container .container-inner .container-heading {
        padding: 0 0 30px 0; }
      body.blockbasedarticlepage .epi-form-container.container .container-inner .container-body {
        font-size: 100%; }
    body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper {
      display: flex;
      align-items: center;
      padding: 0;
      margin-top: 5px; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input {
        border: 4px solid transparent;
        padding: 3px !important;
        height: 10px;
        -webkit-appearance: none;
        width: 80%;
        max-width: inherit !important; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input:focus {
        outline: none; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-webkit-slider-runnable-track {
        width: 100%;
        height: 8px;
        cursor: pointer;
        animate: 0.2s;
        background: #1a1a1a;
        border-radius: 5px; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-webkit-slider-thumb {
        border: 1px solid #000000;
        height: 20px;
        width: 10px;
        border-radius: 5px;
        background: #FFFFFF;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -6px; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-moz-range-track {
        width: 100%;
        height: 10px;
        cursor: pointer;
        animate: 0.2s;
        background: #1a1a1a;
        border-radius: 5px; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-moz-range-thumb {
        height: 20px;
        width: 10px;
        border-radius: 5px;
        background: #FFFFFF;
        cursor: pointer; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-ms-track {
        width: 100%;
        height: 10px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        color: transparent; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-ms-fill-lower {
        background: #1a1a1a;
        border: 1px solid #000000;
        border-radius: 10px; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-ms-fill-upper {
        background: #1a1a1a;
        border: 1px solid #000000;
        border-radius: 10px; }
      body.blockbasedarticlepage .epi-form-container .FormRange_Wrapper .FormRange__Input::-ms-thumb {
        margin-top: 1px;
        border: 1px solid #000000;
        height: 20px;
        width: 10px;
        border-radius: 5px;
        background: #FFFFFF;
        cursor: pointer; }
    body.blockbasedarticlepage .epi-form-container .link-button a, body.blockbasedarticlepage .epi-form-container a.link-button {
      font-size: 100%;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      color: #000;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      color: #ffffff;
      border: none;
      border-radius: 30px;
      cursor: pointer;
      display: inline-block;
      height: auto;
      line-height: 1;
      margin: 0 0 0.25em 0;
      padding: 0.75em 1.65em;
      text-decoration: none;
      transition: background 150ms ease;
      text-align: left;
      border: 4px solid transparent; }
      body.blockbasedarticlepage .epi-form-container .link-button a:focus, body.blockbasedarticlepage .epi-form-container a.link-button:focus {
        border: 2px solid #1a1a1a;
        background-clip: padding-box;
        border: 4px solid transparent;
        box-shadow: 0px 0px 0px 2px #1a1a1a; }
      body.blockbasedarticlepage .epi-form-container .link-button a:focus-visible, body.blockbasedarticlepage .epi-form-container a.link-button:focus-visible {
        outline: none; }
    body.blockbasedarticlepage .epi-form-container p.link-button {
      border: none;
      padding: 0;
      display: block;
      text-align: center;
      margin-right: 0; }
      body.blockbasedarticlepage .epi-form-container p.link-button a {
        text-decoration: none;
        color: #ffffff; }
    body.blockbasedarticlepage .epi-form-container .form-label {
      font-size: 100%;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #1a1a1a;
      letter-spacing: 0;
      line-height: 27px;
      margin: 0;
      padding-left: 1rem; }
    body.blockbasedarticlepage .epi-form-container .form-field, body.blockbasedarticlepage .epi-form-container .form-checkbox-fake {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body.blockbasedarticlepage .epi-form-container input:not(.FormRange__Input), body.blockbasedarticlepage .epi-form-container textarea, body.blockbasedarticlepage .epi-form-container select {
      border: 2px solid #1a1a1a;
      min-width: 175px;
      border-radius: 25px;
      margin-top: 5px;
      padding-left: 1rem;
      color: #000000;
      outline: none; }
      body.blockbasedarticlepage .epi-form-container input:not(.FormRange__Input)::-moz-placeholder, body.blockbasedarticlepage .epi-form-container textarea::-moz-placeholder, body.blockbasedarticlepage .epi-form-container select::-moz-placeholder {
        color: #5D5D5D;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 100%; }
      body.blockbasedarticlepage .epi-form-container input:not(.FormRange__Input)::placeholder, body.blockbasedarticlepage .epi-form-container textarea::placeholder, body.blockbasedarticlepage .epi-form-container select::placeholder {
        color: #5D5D5D;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 100%; }
      body.blockbasedarticlepage .epi-form-container input:not(.FormRange__Input):focus, body.blockbasedarticlepage .epi-form-container textarea:focus, body.blockbasedarticlepage .epi-form-container select:focus {
        background-clip: padding-box;
        border: 4px solid transparent;
        box-shadow: 0px 0px 0px 2px #1a1a1a; }
    body.blockbasedarticlepage .epi-form-container #__field_ {
      margin: 0; }
    body.blockbasedarticlepage .epi-form-container .Form__Description {
      color: #000000; }
    body.blockbasedarticlepage .epi-form-container .Form__Element {
      margin: 0 0 1rem 0;
      color: #000000; }
      body.blockbasedarticlepage .epi-form-container .Form__Element.form-success {
        margin: 0;
        position: relative;
        line-height: 0;
        color: #000000; }
      body.blockbasedarticlepage .epi-form-container .Form__Element.help-desk-block {
        margin: 0; }
      body.blockbasedarticlepage .epi-form-container .Form__Element .FormSubmitButton {
        margin-top: 1rem; }
    body.blockbasedarticlepage .epi-form-container .Form__Element:not(button) {
      max-width: 530px;
      width: 100% !important; }
    body.blockbasedarticlepage .epi-form-container .FormTextbox {
      display: flex;
      flex-direction: column; }
      body.blockbasedarticlepage .epi-form-container .FormTextbox input {
        height: 52px; }
      body.blockbasedarticlepage .epi-form-container .FormTextbox textarea {
        height: 131px;
        padding-top: 0.8rem; }
      body.blockbasedarticlepage .epi-form-container .FormTextbox .form-field, body.blockbasedarticlepage .epi-form-container .FormTextbox .form-checkbox-fake {
        font-size: 100%; }
    body.blockbasedarticlepage .epi-form-container .FormSelection {
      max-width: 408px !important;
      width: 100% !important; }
      body.blockbasedarticlepage .epi-form-container .FormSelection select {
        height: 50px;
        font-size: 100%;
        color: #ffffff;
        border: 4px solid transparent;
        border-radius: 25px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none; }
        body.blockbasedarticlepage .epi-form-container .FormSelection select option {
          background-color: #ffffff;
          color: #1a1a1a; }
      body.blockbasedarticlepage .epi-form-container .FormSelection .select-selected:after {
        position: relative;
        content: "\E01A";
        font-family: "custom-icons";
        font-size: 60px;
        transition: transform 0.3s ease-in-out; }
      body.blockbasedarticlepage .epi-form-container .FormSelection .select-selected.select-arrow-active:after {
        transform: rotate(180deg); }
      body.blockbasedarticlepage .epi-form-container .FormSelection .select-hide {
        display: none; }
      body.blockbasedarticlepage .epi-form-container .FormSelection .custom-select {
        position: relative;
        display: inline-flex;
        margin-top: 5px;
        width: 100%; }
        body.blockbasedarticlepage .epi-form-container .FormSelection .custom-select select {
          display: none; }
      body.blockbasedarticlepage .epi-form-container .FormSelection .select-selected {
        height: 42px;
        font-size: 100%;
        color: #ffffff;
        border: 4px solid transparent;
        border-radius: 22px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: default;
        padding: 0 20px;
        width: 100%; }
        body.blockbasedarticlepage .epi-form-container .FormSelection .select-selected:focus {
          background-clip: padding-box;
          border: 4px solid transparent;
          box-shadow: 0px 0px 0px 2px #1a1a1a;
          outline: none; }
      body.blockbasedarticlepage .epi-form-container .FormSelection .select-items {
        border-radius: 22px;
        background-color: #ffffff;
        color: #1a1a1a;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        z-index: 99;
        cursor: default;
        box-shadow: 0px 0px 5px 0px #1a1a1a; }
        body.blockbasedarticlepage .epi-form-container .FormSelection .select-items .same-as-selected {
          font-weight: bold; }
      body.blockbasedarticlepage .epi-form-container .FormSelection .select-items div {
        padding: 10px 20px;
        border-radius: 22px;
        border: 2px solid transparent; }
        body.blockbasedarticlepage .epi-form-container .FormSelection .select-items div:focus {
          border: 2px solid #1a1a1a;
          outline: none; }
    body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items {
      display: flex;
      flex-flow: column; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-group-item {
        padding-left: 1rem;
        display: flex; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-checkbox-label {
        font-size: 100%;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #1a1a1a;
        letter-spacing: 0;
        line-height: 27px; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-checkbox-fake {
        border: 2px solid #1a1a1a;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 26px;
        width: 26px; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-checkbox-fake span {
        display: none; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-checkbox:focus ~ .form-checkbox-fake {
        outline: 2px solid #1a1a1a;
        outline-offset: 2px; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-checkbox:checked ~ .form-checkbox-fake {
        background-color: #1a1a1a;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-checkbox:checked ~ .form-checkbox-fake::before {
        font-size: 22px;
        margin-top: 0; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-radio {
        min-width: auto; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-radio-fake {
        border: 2px solid #1a1a1a;
        border-radius: 50px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 26px;
        width: 26px; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-radio:focus ~ .form-radio-fake {
        outline: 2px solid #1a1a1a;
        outline-offset: 2px; }
      body.blockbasedarticlepage .epi-form-container .FormChoice .form-group-items .form-radio-fake span {
        background-color: #1a1a1a; }
    body.blockbasedarticlepage .epi-form-container input.FormFileUpload__Input {
      outline: none;
      padding-left: 0;
      border-radius: 0;
      border: 4px solid transparent;
      max-width: 100%; }
    body.blockbasedarticlepage .epi-form-container .FormSubmitButton.checkmark:before {
      font-family: "custom-icons";
      content: "\E019";
      font-size: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 30px; }
    body.blockbasedarticlepage .epi-form-container .FormSubmitButton.checkmark:disabled {
      opacity: initial; }
    body.blockbasedarticlepage .epi-form-container .Form__NavigationBar {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      margin: 1rem 0 0 0; }
      body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__Action.btnPrev {
        order: 2;
        margin-bottom: 10px;
        margin-right: 10px; }
      body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__Action.btnNext {
        margin-bottom: 10px;
        order: 3; }
      body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__ProgressBar {
        margin-right: 25px;
        margin: 10px 25px 10px 0;
        border: none;
        width: auto;
        order: 1;
        flex: 1 100%; }
        body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__ProgressBar--Progress {
          display: none; }
        body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__ProgressBar--Text {
          display: flex !important;
          color: #000000; }
        body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__ProgressBar__ProgressLabel {
          margin-right: 5px; }
    body.blockbasedarticlepage .epi-form-container .FormSubmitButton, body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__Action {
      font-size: 100%;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 400;
      color: #000;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      height: 50px;
      min-width: 130px;
      border-radius: 25px;
      color: #ffffff;
      font-size: 100%;
      letter-spacing: 0;
      line-height: 22px;
      text-align: center;
      outline: none; }
      body.blockbasedarticlepage .epi-form-container .FormSubmitButton:focus, body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__Action:focus {
        background-clip: padding-box;
        border: 4px solid transparent;
        box-shadow: 0px 0px 0px 2px #1a1a1a; }
    body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__Action {
      background-image: none;
      width: 9em;
      max-width: 9rem; }
      body.blockbasedarticlepage .epi-form-container .Form__NavigationBar__Action:disabled {
        color: #ffffff; }
    body.blockbasedarticlepage .epi-form-container .FormParagraphText.Form__Element--NonData {
      margin-top: 1.5rem;
      margin-bottom: 0; }
      body.blockbasedarticlepage .epi-form-container .FormParagraphText.Form__Element--NonData h3 {
        margin-bottom: 0.7rem; }
    body.blockbasedarticlepage .epi-form-container .Form__Status__Message {
      padding: 0; }
    body.blockbasedarticlepage .epi-form-container .Form__Success__Message {
      background-color: transparent; }
      body.blockbasedarticlepage .epi-form-container .Form__Success__Message p, body.blockbasedarticlepage .epi-form-container .Form__Success__Message span, body.blockbasedarticlepage .epi-form-container .Form__Success__Message label, body.blockbasedarticlepage .epi-form-container .Form__Success__Message h2, body.blockbasedarticlepage .epi-form-container .Form__Success__Message h3, body.blockbasedarticlepage .epi-form-container .Form__Success__Message h4, body.blockbasedarticlepage .epi-form-container .Form__Success__Message ul, body.blockbasedarticlepage .epi-form-container .Form__Success__Message ol {
        color: #000000; }
    @media only screen and (max-width: 1226px) {
      body.blockbasedarticlepage .epi-form-container {
        padding-left: 0.75em;
        padding-right: 0.75em; } }
    @media only screen and (max-width: 940px) {
      body.blockbasedarticlepage .epi-form-container {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 100%; } }
    @media only screen and (max-width: 727px) {
      body.blockbasedarticlepage .epi-form-container.container .container-inner .container-heading, body.blockbasedarticlepage .epi-form-container.container .container-inner .container-body {
        margin: 0 25px; } }
  body.blockbasedarticlepage .top-content:not(.fullwidth)__top-content-block > .epi-form-container > .wrapper {
    justify-content: flex-start; }
  body.blockbasedarticlepage .top-content:not(.fullwidth)__top-content-block > .epi-form-container .container-inner {
    max-width: 72%; }
    @media only screen and (max-width: 940px) {
      body.blockbasedarticlepage .top-content:not(.fullwidth)__top-content-block > .epi-form-container .container-inner {
        max-width: 100%; } }
  body.blockbasedarticlepage .article-main-body .epi-form-container.container, body.blockbasedarticlepage .text-image-block .epi-form-container.container, body.blockbasedarticlepage .accordion-block .epi-form-container.container {
    padding: 0;
    background-color: transparent; }
  body.blockbasedarticlepage .article-main-body .accordion-block__content .accordion__content-text .epi-form-container .container-heading, body.blockbasedarticlepage .article-main-body .accordion-block__content .accordion__content-text .epi-form-container .container-body, body.blockbasedarticlepage .text-image-block .accordion-block__content .accordion__content-text .epi-form-container .container-heading, body.blockbasedarticlepage .text-image-block .accordion-block__content .accordion__content-text .epi-form-container .container-body, body.blockbasedarticlepage .accordion-block .accordion-block__content .accordion__content-text .epi-form-container .container-heading, body.blockbasedarticlepage .accordion-block .accordion-block__content .accordion__content-text .epi-form-container .container-body {
    margin: 0 25px; }
  body.blockbasedarticlepage .article-main-body .accordion-block__content.side-by-side .accordion__content-text .epi-form-container .Form__NavigationBar__ProgressBar, body.blockbasedarticlepage .text-image-block .accordion-block__content.side-by-side .accordion__content-text .epi-form-container .Form__NavigationBar__ProgressBar, body.blockbasedarticlepage .accordion-block .accordion-block__content.side-by-side .accordion__content-text .epi-form-container .Form__NavigationBar__ProgressBar {
    flex: 1 100%; }

#wastecollectionblock form {
  padding-bottom: 1em; }
  #wastecollectionblock form ::-webkit-input-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }
  #wastecollectionblock form :-moz-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }
  #wastecollectionblock form ::-moz-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }
  #wastecollectionblock form :-ms-input-placeholder {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    color: #7e7e7e; }
  #wastecollectionblock form .form-field, #wastecollectionblock form .form-checkbox-fake {
    padding: 0 0.5em;
    margin-top: 1px;
    height: 2.4em; }

#wastecollectionblock .form-group-item--large {
  width: 85%; }

#wastecollectionblock .form-group-item--small-right {
  margin-right: 0;
  float: right;
  margin-top: 8px; }

#servicecheck {
  padding-bottom: 5px; }
  #servicecheck .info {
    margin: 5px 0 5px 0; }

.wastecollection-container {
  background-color: transparent; }
  .wastecollection-container p {
    margin-top: 10px; }

.container-heading--wastecollection {
  border-bottom: none;
  color: #fff;
  margin: 0;
  padding: 1em 1.25em 1em 1.25em;
  background-color: #004876;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800; }

.container-inner--wastecollection {
  background-color: #f2f2f2; }

.container-body--wastecollection {
  margin-top: 1em; }
  .container-body--wastecollection > p {
    margin: 0.3em 0; }

.wastecollections-selectedaddress {
  padding: 0 0 1em;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #000; }

.wastecollections-results {
  width: auto;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none; }

.wastecollections-results-item {
  display: inline-block;
  width: 50%;
  float: left;
  position: relative;
  padding-bottom: 1em; }

.wastecollections-results-item:last-child:before {
  content: ' ';
  position: absolute;
  width: 1px;
  height: 95px;
  background-color: #d9d9d9;
  opacity: 0.9;
  top: 5px;
  left: -2em; }

.wastecollections-results-item__meta strong {
  color: #000;
  margin-left: 0.5em; }

.wastecollections-results-item-type {
  line-height: 2em;
  margin-bottom: 0.5em; }
  .wastecollections-results-item-type .icon {
    font-size: 2em; }

.wastecollections-results-item-type-label {
  position: relative;
  padding-left: 0.5em;
  font-weight: bold;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: middle; }

.wastecollections-no-result {
  margin-bottom: 1em !important; }

.form-field.form-field--wastecollection, .form-field--wastecollection.form-checkbox-fake {
  height: auto;
  padding: 0.6em 0.44em 0.6em 0.6em; }

.button--wastecollection {
  background-color: #004876;
  padding: 0.9em 1.6em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .wastecollections-results-item {
    width: 33%; }
  #wastecollectionblock form .form-group-item {
    margin-bottom: 0; }
  #wastecollectionblock form .form-field, #wastecollectionblock form .form-checkbox-fake {
    padding: 1.2em 0.5em; }
  .button--wastecollection {
    margin-top: 0.15em; }
  .wastecollections-results-item:last-child:before {
    height: 72px; } }

@media only screen and (max-width: 719px) {
  .wastecollections-results-item:last-child:before {
    display: none; }
  .wastecollections-results-item {
    display: block;
    width: 100%; }
  .wastecollections-results-item:last-child {
    border-bottom: 2px solid #dddddd; }
  #wastecollectionblock form .form-group-item {
    margin-bottom: 0.5em; }
  .button--wastecollection {
    margin-top: 0.5em;
    padding: 0.7em 1.6em;
    width: 100%; } }

.survey-container {
  height: 225px;
  bottom: 0;
  background: rgba(0, 72, 120, 0.97);
  width: 100%;
  color: #fff;
  z-index: 99999;
  box-sizing: border-box;
  padding: 1.5em 2em 2em; }

.survey-list-container {
  height: 100%;
  max-width: 59em;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box; }

.survey-container__list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  height: 100%; }
  .survey-container__list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .survey-container__list li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .survey-container__list h2.container-heading {
    font-size: 120%;
    font-weight: bold;
    border-bottom: none;
    padding: 0.57143em 0 0.57143em;
    margin: 0;
    color: #fff !important;
    text-transform: none; }
  .survey-container__list p.container-body {
    font-size: 110%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: none;
    padding: 0;
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 1em; }

.icon-close--survey:before {
  position: relative;
  font-size: 0.7em; }

.icon-close--survey {
  border: 2px solid #fff;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 7px;
  top: -2px;
  text-align: center;
  position: relative; }

.close-survey-button {
  right: 0;
  top: 1em;
  position: absolute;
  text-transform: uppercase;
  font-size: 0.8em;
  cursor: pointer; }

.start-survey-button {
  background-color: #fff;
  color: rgba(0, 72, 118, 0.92);
  right: 0;
  bottom: 0;
  margin: 0;
  position: absolute; }

.survey_question_text {
  max-width: 100%;
  width: 724px;
  border-radius: 4px;
  margin: .7em 0 0;
  bottom: 0;
  position: absolute;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em; }

.survey_start,
.survey_question {
  display: none;
  max-width: 760px;
  width: 70%;
  position: relative;
  height: 100%;
  box-sizing: border-box; }

.survey_start {
  display: block; }

.survey_question__options {
  bottom: 1.5em;
  position: absolute; }

.survey_question__option {
  display: inline-block;
  padding-right: 1em;
  padding-bottom: 0.5em; }

.survey_question__option__slider-text-right,
.survey_question__option__slider-text-left {
  display: inline-block;
  top: -3em;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 600;
  position: absolute;
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.survey_question__option__slider-text-left {
  transform: translateX(-50%); }

.survey_question__option__slider-text-right {
  right: 0;
  transform: translateX(50%); }

.survey_question__option__slider-container {
  box-sizing: border-box;
  padding: 2.5em 0 3em;
  width: 100%; }
  .survey_question__option__slider-container .survey_question__option__slider-container-inner {
    position: relative; }

.survey_question__option__slider {
  border: none !important;
  border-radius: 0 !important;
  background: #003e67 !important;
  height: 10px !important; }

.survey_question__option__slider label {
  position: absolute;
  margin-top: 25px;
  color: rgba(255, 255, 255, 0.4);
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }
  .survey_question__option__slider label .no-selection {
    text-transform: uppercase;
    font-size: 0.68182em; }

.survey_question__option__slider label.active {
  color: #fff; }

.survey_question__option__slider .ui-slider-range-min {
  background: #73c8f4;
  border-radius: 0; }

.custom-handle {
  width: 1.5em !important;
  height: 1.5em !important;
  border-radius: 1em !important;
  margin-top: -0.3em !important;
  background: #fff !important;
  margin-left: 0 !important;
  transform: translateX(-50%) !important; }

.custom-handle:focus {
  outline: none !important; }

.custom-handle.ui-state-active {
  background: #e1e1e1 !important;
  border: 1px solid #e1e1e1 !important; }

.form-label-text {
  color: #fff; }

@media only screen and (max-height: 330px) {
  .survey-container {
    max-height: 100vh;
    overflow: auto; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .survey_start,
  .survey_question {
    max-width: 75%; }
  .survey_question__options {
    bottom: 2em; }
    .survey_question__options .form-radio-label {
      padding-left: 2em; }
    .survey_question__options .form-label-text {
      font-size: 1.41667em; }
    .survey_question__options .form-radio-fake {
      margin-top: 3px; }
  .suvey_question__option__slider-container {
    padding: 1em 1em 0; }
  .survey-container__list h2.container-heading {
    font-size: 1.1em; }
  .survey-container__list p.container-body {
    font-size: 0.85em; }
  .close-survey-button {
    padding: 0.6em 1.5em;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 0.65em;
    font-weight: 800;
    margin: 0;
    top: 0; }
  .icon-close--survey {
    display: none; }
  .start-survey-button {
    margin-right: 0;
    font-size: 0.8em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .survey-container {
    height: auto;
    padding: 1em 0 1em; }
  .survey_question,
  .survey_start {
    max-width: 100%;
    width: 100%; }
  .survey-list-container {
    margin: 0 1.2em 1em; }
  .survey-container__list {
    margin: 0.3em 0 0;
    padding-top: 1.5em;
    box-sizing: border-box;
    height: auto; }
  .survey-container__list h2.container-heading-survey {
    font-size: 1.2em; }
  .survey-container__list p.container-body {
    font-size: 1.05em; }
  .survey_question__options {
    top: 0.5em;
    position: relative; }
  .survey_question__option {
    display: block;
    padding-bottom: 1.3em; }
    .survey_question__option .form-radio-label {
      line-height: 1; }
    .survey_question__option .form-label-text {
      font-size: 1.1em; }
  .survey_question_text {
    max-width: 100%;
    height: 10em;
    position: relative;
    box-sizing: border-box;
    margin: 0; }
  .survey_question__option__slider label {
    font-size: 0.8em; }
    .survey_question__option__slider label .no-selection {
      font-size: 0.75em; }
  .ui-slider-horizontal {
    height: 0.6em !important; }
  .survey_question__option__slider-container {
    max-width: 95%;
    margin: 0 auto; }
  .survey_question__option__slider-text-left {
    padding: 0; }
  .survey_question__option__slider-text-left,
  .survey_question__option__slider-text-right {
    font-size: 0.6em; }
  .survey_question__option__slider-text-right {
    transform: translateX(0); }
  .start-survey-button {
    width: 100%;
    margin: 1em auto 0;
    right: auto;
    left: auto;
    font-size: 20px;
    bottom: 0;
    position: relative; }
  .close-survey-button {
    padding: 0.6em 1.5em;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 0.65em;
    font-weight: 800;
    margin: 0;
    top: 0; }
  .icon-close--survey {
    display: none; } }

.site-maintenance-message-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: black;
  background-color: #FFEE00;
  padding: 15px .75em;
  font-size: 22px;
  z-index: 10000; }
  @media only screen and (max-width: 719px) {
    .site-maintenance-message-banner {
      font-size: 18px; } }
  .site-maintenance-message-banner p {
    text-align: center;
    margin: 0;
    padding: 0;
    color: black; }
  .site-maintenance-message-banner a {
    color: black;
    text-decoration: underline; }

.site-maintenance-message-banner.with-icon .content {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1180px; }
  .site-maintenance-message-banner.with-icon .content__icon {
    display: flex;
    align-items: center;
    width: 23px;
    min-width: 23px;
    height: 23px;
    margin-right: 5px;
    padding-top: 5px; }
    @media only screen and (max-width: 719px) {
      .site-maintenance-message-banner.with-icon .content__icon {
        width: 20px;
        min-width: 20px;
        height: 20px;
        padding-top: 3px; } }
    .site-maintenance-message-banner.with-icon .content__icon img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
  .site-maintenance-message-banner.with-icon .content__message p {
    text-align: left;
    margin: 0;
    padding: 0;
    color: black; }
  .site-maintenance-message-banner.with-icon .content__message a {
    color: black;
    text-decoration: underline; }

@media only screen and (max-width: 940px) {
  .mypages-table thead tr {
    position: absolute;
    left: -9999px; }
  .mypages-table tr {
    border-bottom: solid 1px #ccc; }
  .mypages-table td {
    font-size: 80%;
    display: block;
    position: relative;
    min-height: 1em;
    padding-left: 0;
    padding-right: 0;
    text-align: left; }
  .mypages-table td:last-child {
    border-bottom: none; }
  .mypages-table td:before {
    content: attr(data-title);
    width: 100%;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 5%;
    word-break: break-word;
    display: block;
    vertical-align: top; } }

.mypages-link-menu {
  text-align: left; }
  .mypages-link-menu-item, .mypages-link-menu-item:hover {
    display: inline-flex;
    background-color: #fff;
    font-size: 19px;
    color: #1F6590;
    border: 1px solid #e5e5e5;
    padding: 0 25px;
    line-height: 42px;
    border-radius: 21px;
    text-decoration: none;
    margin: 0 22px 24px 0;
    transition: border 25ms linear, color 25ms linear; }
  .mypages-link-menu-item-icon {
    font-family: "custom-icons";
    font-size: 22px;
    height: 22px;
    display: block;
    float: left;
    color: #7a8990; }
  .mypages-link-menu-item-text {
    margin-left: 14px;
    display: inline-block; }
  .mypages-link-menu-item:hover {
    color: #006193;
    border: 1px solid #ccc; }
  .mypages-link-menu-item:hover .mypages-link-menu-item-icon {
    color: #70828a; }
  @media only screen and (max-width: 480px) {
    .mypages-link-menu-item, .mypages-link-menu-item:hover {
      display: flex;
      margin: 0 0 20px;
      padding: 0;
      text-align: left;
      line-height: 24px;
      font-size: 19px;
      border-radius: 0;
      border: 0; }
    .mypages-link-menu-item-icon {
      float: none;
      display: inline-block;
      width: 24px;
      font-size: 24px;
      text-align: center;
      color: #8a9fa8; }
    .mypages-link-menu-item-text {
      margin: 0 0 0 15px;
      padding: 0; } }

.mypages-overlay {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-color: #fff;
  padding: 30px;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  z-index: 99999;
  transition: transform 500ms linear;
  box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.25); }
  .mypages-overlay-inactivity {
    z-index: 9999999; }
  .mypages-overlay-bg {
    content: '';
    display: block;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    animation-name: openOverlayBoxBg;
    animation-duration: 100ms;
    animation-iteration-count: 1; }
  .mypages-overlay-header {
    background-color: #004878;
    color: #fff;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.5em;
    width: calc(100% + 60px);
    padding: 25px 110px 25px 30px;
    margin: -30px -30px 30px;
    box-sizing: border-box;
    position: relative; }
    .mypages-overlay-header-close {
      font-size: 18px;
      line-height: 26px;
      text-transform: uppercase;
      margin-left: 75px;
      cursor: pointer;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%); }
      .mypages-overlay-header-close:before {
        float: right; }
      .mypages-overlay-header-close--padding {
        padding-right: 10%; }
    .mypages-overlay-header-text--padding {
      padding-left: 10%; }
  .mypages-overlay--open {
    display: block;
    opacity: 1;
    animation-name: openOverlayBox;
    animation-duration: 200ms;
    animation-iteration-count: 1;
    transform: translate3d(-50%, -50%, 0); }
  .mypages-overlay-content {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-height: 8vh;
    max-height: calc(80vh);
    min-width: 1000px;
    overflow: auto;
    transition: min-width 100ms linear; }
    .mypages-overlay-content--smaller {
      min-width: 780px; }
    .mypages-overlay-content--padding {
      padding: 0 10%; }
    .mypages-overlay-content--small-padding {
      padding: 0 1rem; }
    .mypages-overlay-content--overflow-visible {
      overflow: visible; }
    .mypages-overlay-content--overflow-auto {
      overflow: auto; }
    .mypages-overlay-content--overflow-hidden {
      overflow: hidden; }
    .mypages-overlay-content ul:not(.mypages-dropdown-list) {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%; }
      .mypages-overlay-content ul:not(.mypages-dropdown-list)li {
        position: relative;
        padding: 0 0 0 15px;
        margin: 0 0 20px 0;
        font-size: 20px;
        line-height: 1.25em;
        box-sizing: border-box; }
        .mypages-overlay-content ul:not(.mypages-dropdown-list)li::before {
          content: '';
          display: block;
          height: 7px;
          width: 7px;
          background-color: #7a8990;
          border-radius: 50%;
          position: absolute;
          top: 10px;
          left: 0; }
  .mypages-overlay .notification-modal-content {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #000;
    max-width: 545px;
    margin: 0 auto;
    line-height: 1.25em;
    position: relative;
    padding-left: 60px; }
    .mypages-overlay .notification-modal-content p.info::before {
      content: '';
      display: block;
      height: 40px;
      width: 40px;
      border: 2px solid #7a8990;
      border-radius: 50%;
      margin: 0;
      float: left;
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .mypages-overlay .notification-modal-content p.info::after {
      content: '';
      display: block;
      content: "";
      font-family: "custom-icons";
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
      font-size: 18px;
      color: #7a8990; }
  .mypages-overlay--full {
    width: 90%;
    height: 85%;
    background-color: #EEEEEE;
    padding: 20px 0 0;
    overflow: hidden;
    flex-direction: column; }
    .mypages-overlay--full.mypages-overlay--open {
      display: flex; }
  .mypages-overlay--no-width > .mypages-overlay-content {
    min-width: 200px;
    padding: 0 10px 5px; }
  .mypages-overlay--overflowhidden > .mypages-overlay-content {
    overflow: hidden; }
  .mypages-overlay--overflow-visible > .mypages-overlay-content {
    overflow: visible; }
  @media (max-width: 719px) {
    .mypages-overlay--mobile {
      max-width: 90%; } }
  .mypages-overlay .date-validation-message {
    padding-left: 20px;
    color: #B90000;
    position: relative;
    top: -35px; }
    .mypages-overlay .date-validation-message p {
      margin: 0; }

@keyframes openOverlayBox {
  0% {
    transform: translate3d(-50%, -65%, 0) scale(0.85);
    opacity: 0; }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1; } }

@keyframes openOverlayBoxBg {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media only screen and (max-width: 1226px) {
  .mypages-heading {
    margin-left: .75rem;
    margin-right: .75rem; }
  .mypages-overlay-content {
    /*min-height: calc(65vh - 100px);*/
    min-width: 80vw; } }

@media only screen and (max-width: 940px) {
  .mypages-heading {
    font-size: 150%; }
    .mypages-heading--first {
      margin-top: 25px;
      margin-bottom: 25px; }
    .mypages-heading.icon::before, .mypages-heading.icon::after {
      margin-right: 15px; }
  .mypages-overlay-content {
    max-height: calc(85vh - 100px);
    min-width: 84vw; }
  .mypages-overlay-content--overflow-visible {
    overflow: auto; } }

@media only screen and (max-width: 719px) {
  .mypages-header {
    font-size: 120%;
    margin-top: 30px;
    margin-bottom: 30px; }
  .mypages-overlay {
    padding: 20px; }
    .mypages-overlay-header {
      font-size: 20px;
      line-height: 1.3em;
      width: calc(100% + 40px);
      padding: 20px 110px 20px 20px;
      margin: -20px -20px 20px; }
      .mypages-overlay-header-close {
        font-size: 16px;
        line-height: 20px; } }

@media only screen and (max-width: 480px) {
  .mypages-overlay-header {
    width: calc(100% + 20px);
    padding-right: 100px;
    margin: -10px -10px 10px; } }

.mypages-tabs {
  display: flex;
  list-style: none;
  text-decoration: none;
  padding-left: 10%;
  margin: 0 0 -1px 0;
  position: relative; }
  .mypages-tabs li {
    border: 1px solid #dedede;
    padding: 10px 20px;
    margin: 0 15px 0 0;
    font-size: 20px;
    font-weight: 600;
    border-bottom: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; }
    .mypages-tabs li[aria-selected="true"] {
      background-color: #ffffff;
      color: #004878; }
    .mypages-tabs li[aria-selected="false"] {
      color: #1a1a1a;
      cursor: pointer; }

.mypages-tab-pages .mypages-tab-page {
  display: none; }

.mypages-utility-dropdowns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  max-width: 100%; }
  .mypages-utility-dropdowns__heading {
    width: 100%;
    margin-bottom: 0; }
  .mypages-utility-dropdowns .mypages-utility-dropdown {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 360px; }
    @media only screen and (max-width: 480px) {
      .mypages-utility-dropdowns .mypages-utility-dropdown {
        max-width: 100%; } }
    .mypages-utility-dropdowns .mypages-utility-dropdown .form-label {
      line-height: 1; }
  .mypages-utility-dropdowns .mypages-dropdown-button-address {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mypages-utility-dropdowns .mypages-utility-name {
    flex-shrink: 0;
    padding: 20px 0 20px 20px;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000; }
  .mypages-utility-dropdowns .mypages-utility-pointofdelivery--site {
    top: 0; }
  .mypages-utility-dropdowns .mypages-dropdown.mypages-dropdown--blue {
    display: flex;
    align-items: center;
    position: relative;
    height: 50px;
    width: auto; }
    .mypages-utility-dropdowns .mypages-dropdown.mypages-dropdown--blue .mypages-dropdown-button {
      display: block;
      align-items: center;
      height: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .mypages-utility-dropdowns .mypages-dropdown.mypages-dropdown--blue .mypages-dropdown-list li a.checked::after {
      color: #ffffff; }

.mypages-utility-wrapper {
  max-width: 1210px;
  min-width: 280px;
  display: block;
  padding: 0 15px;
  margin: 30px auto 0;
  box-sizing: border-box;
  position: relative; }
  .mypages-utility-wrapper .mypages-heading-content {
    margin-bottom: 35px; }
    .mypages-utility-wrapper .mypages-heading-content .form-label {
      line-height: 1;
      color: #1a1a1a;
      padding-bottom: 5px; }
    .mypages-utility-wrapper .mypages-heading-content .form-group {
      margin-top: 0; }
    @media only screen and (max-width: 820px) {
      .mypages-utility-wrapper .mypages-heading-content {
        margin-bottom: 50px; } }
    .mypages-utility-wrapper .mypages-heading-content .mypages-heading {
      display: inline-flex;
      align-self: flex-start;
      min-width: 0;
      margin: 20px 0;
      padding-right: 100px;
      padding-top: 0px; }
  .mypages-utility-wrapper .date-field-wrapper .datepicker {
    top: 20px;
    right: 10px;
    border: 0;
    cursor: pointer; }
    .mypages-utility-wrapper .date-field-wrapper .datepicker .icon:before {
      border: 0; }
  .mypages-utility-wrapper .mypages-utility a {
    color: #004878; }
    .mypages-utility-wrapper .mypages-utility a:hover {
      color: #006193;
      text-decoration: none; }
  .mypages-utility-wrapper .mypages-utility-pointofdelivery--site {
    border: none; }
  .mypages-utility-wrapper .mypages-utility-heading::before {
    font-family: "custom-icons";
    font-size: 30px;
    line-height: 1em;
    height: 30px;
    display: block;
    float: left;
    margin-right: 10px;
    color: #7a8990; }
  .mypages-utility-wrapper .mypages-utility-heading--waste::before {
    content: ""; }
  .mypages-utility-wrapper .mypages-utility-heading--electric::before {
    content: ""; }
  .mypages-utility-wrapper .mypages-utility-heading--heat::before {
    content: ""; }
  .mypages-utility-wrapper .mypages-utility-heading--steam::before {
    content: ""; }
  .mypages-utility-wrapper .mypages-utility-heading--cooling::before {
    content: ""; }
  .mypages-utility-wrapper .mypages-utility-heading--water::before {
    content: ""; }
  .mypages-utility-wrapper .mypages-utility-heading--fakturor::before {
    content: ""; }
  .mypages-utility-wrapper .mypages-utility-menu {
    padding-top: 40px;
    padding-bottom: 16px;
    border-top: 1px solid #ddd; }
    .mypages-utility-wrapper .mypages-utility-menu-item, .mypages-utility-wrapper .mypages-utility-menu-item:hover {
      display: inline-flex;
      background-color: #fff;
      font-size: 19px;
      color: #004878;
      border: 1px solid #e5e5e5;
      padding: 0 25px;
      line-height: 42px;
      border-radius: 30px;
      text-decoration: none;
      margin: 0 22px 24px 0;
      transition: border 25ms linear, color 25ms linear; }
    .mypages-utility-wrapper .mypages-utility-menu-item-icon {
      font-family: "custom-icons";
      font-size: 22px;
      height: 22px;
      display: block;
      float: left;
      color: #7a8990; }
      .mypages-utility-wrapper .mypages-utility-menu-item-icon--waste::before {
        content: ""; }
      .mypages-utility-wrapper .mypages-utility-menu-item-icon--electric::before {
        content: ""; }
      .mypages-utility-wrapper .mypages-utility-menu-item-icon--heat::before {
        content: ""; }
      .mypages-utility-wrapper .mypages-utility-menu-item-icon--cooling::before {
        content: ""; }
      .mypages-utility-wrapper .mypages-utility-menu-item-icon--water::before {
        content: ""; }
      .mypages-utility-wrapper .mypages-utility-menu-item-icon--fakturor::before {
        content: ""; }
    .mypages-utility-wrapper .mypages-utility-menu-item-text {
      margin-left: 14px;
      display: inline-block; }
    .mypages-utility-wrapper .mypages-utility-menu-item:hover {
      color: #006193;
      border: 1px solid #ccc; }
    .mypages-utility-wrapper .mypages-utility-menu-item:hover .mypages-utility-wrapper .mypages-utility-menu-item-icon {
      color: #70828a; }
  .mypages-utility-wrapper .mypages-utility-information {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    color: #0b0b0b;
    border-top: 1px solid #ddd; }
    .mypages-utility-wrapper .mypages-utility-information-heading {
      width: 100%;
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 28px;
      line-height: 1em;
      margin-bottom: 1em;
      color: #333333; }
    .mypages-utility-wrapper .mypages-utility-information h3 {
      color: #0b0b0b; }
    .mypages-utility-wrapper .mypages-utility-information-column {
      width: 33.333%;
      padding-right: 1.5em;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      box-sizing: border-box; }
      .mypages-utility-wrapper .mypages-utility-information-column label {
        line-height: 1.5em; }
      .mypages-utility-wrapper .mypages-utility-information-column p {
        font-size: 120%;
        font-weight: 700;
        line-height: 1em;
        padding: 0;
        margin: 0; }
        .mypages-utility-wrapper .mypages-utility-information-column p a {
          display: inline-block;
          font-size: 20px;
          font-weight: 400; }
      .mypages-utility-wrapper .mypages-utility-information-column-row-divider {
        border-top: 1px solid #ddd;
        width: 100%;
        margin: 30px 0; }
      .mypages-utility-wrapper .mypages-utility-information-column:last-of-type {
        padding-bottom: 1.5em; }
      @media only screen and (min-width: 940px) {
        .mypages-utility-wrapper .mypages-utility-information-column.contractperiod {
          margin-top: 20px; } }
    .mypages-utility-wrapper .mypages-utility-information-toggle {
      display: block;
      width: 100%; }
    .mypages-utility-wrapper .mypages-utility-information--collapse {
      display: none; }
  .mypages-utility-wrapper .mypages-utility-information:last-child {
    margin-bottom: 40px; }
  .mypages-utility-wrapper .mypages-utility--gridprice-button {
    margin-bottom: 30px; }
  .mypages-utility-wrapper .mypages-utility .mypages-overlay-content {
    min-height: 0; }
    .mypages-utility-wrapper .mypages-utility .mypages-overlay-content button::before {
      color: #7a8990;
      margin-right: 0.4em; }
    .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a {
      display: inline-block;
      margin-right: 30px;
      margin-bottom: 20px; }
      .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a::before {
        color: #7a8990;
        margin-right: 0.4em; }
      .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a:hover {
        color: #006193;
        text-decoration: none; }
        .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a:hover::before {
          color: #666666; }
    .mypages-utility-wrapper .mypages-utility .mypages-overlay-content .effectsignature {
      margin-top: 20px; }

@media only screen and (max-width: 940px) {
  .mypages-utility-wrapper {
    padding: 0 30px; }
    .mypages-utility-wrapper .mypages-dropdown {
      position: relative; }
    .mypages-utility-wrapper .mypages-heading-wrapper {
      margin: 0;
      padding: 0 0 40px;
      text-align: center; }
    .mypages-utility-wrapper .mypages-heading {
      display: block;
      min-width: unset;
      text-align: center; }
      .mypages-utility-wrapper .mypages-heading:before {
        float: none;
        display: inline-block; }
    .mypages-utility-wrapper .mypages-utility-pointofdelivery {
      top: auto;
      right: auto; }
      .mypages-utility-wrapper .mypages-utility-pointofdelivery .mypages-dropdown-button {
        display: inline-block;
        font-size: 0.9em; }
    .mypages-utility-wrapper .mypages-utility-information {
      padding: 40px 0 20px 0;
      color: #0b0b0b; }
      .mypages-utility-wrapper .mypages-utility-information-heading {
        margin-top: 0;
        margin-bottom: 10px;
        text-align: center; }
      .mypages-utility-wrapper .mypages-utility-information-column {
        color: #595959;
        width: 50%;
        padding-top: 10px;
        padding-bottom: 0px; }
        .mypages-utility-wrapper .mypages-utility-information-column p {
          font-size: 100%;
          padding-top: 0px;
          padding-bottom: 10px; }
        .mypages-utility-wrapper .mypages-utility-information-column label {
          padding-top: 10px; }
    .mypages-utility-wrapper .mypages-utility-graph-chart {
      margin: 0 -30px;
      padding: 1.5rem 0; }
      .mypages-utility-wrapper .mypages-utility-graph-chart-header {
        padding: 0 0.75rem; }
        .mypages-utility-wrapper .mypages-utility-graph-chart-header-heading {
          margin: auto 0;
          font-size: 1.2em; }
        .mypages-utility-wrapper .mypages-utility-graph-chart-header-button {
          position: relative;
          top: auto;
          left: auto;
          font-size: 0.9em; }
      .mypages-utility-wrapper .mypages-utility-graph-chart-mobilecontainer {
        margin: 0 0 20px;
        padding: 0;
        overflow-x: scroll; }
      .mypages-utility-wrapper .mypages-utility-graph-chart-container, .mypages-utility-wrapper .mypages-utility-graph-chart-standard {
        min-width: 550px;
        height: 300px;
        margin: 0;
        padding: 0; }
      .mypages-utility-wrapper .mypages-utility-graph-chart-footer {
        padding: 0 0.75rem;
        font-size: 16px; }
        .mypages-utility-wrapper .mypages-utility-graph-chart-footer-bottom {
          margin-top: 20px;
          padding-top: 20px;
          padding-bottom: 10px;
          font-size: 16px; } }

@media only screen and (max-width: 480px) {
  .mypages-utility-wrapper {
    padding: 0 0.75rem; }
    .mypages-utility-wrapper .mypages-utility-menu-item, .mypages-utility-wrapper .mypages-utility-menu-item:hover {
      display: flex;
      margin: 0 0 20px;
      padding: 0;
      text-align: left;
      line-height: 24px;
      font-size: 19px;
      border-radius: 0;
      border: 0; }
    .mypages-utility-wrapper .mypages-utility-menu-item-icon {
      float: none;
      display: inline-block;
      width: 24px;
      font-size: 24px;
      text-align: center;
      color: #8a9fa8; }
    .mypages-utility-wrapper .mypages-utility-menu-item-text {
      margin: 0 0 0 15px;
      padding: 0; }
    .mypages-utility-wrapper .mypages-utility-information {
      display: block;
      flex-wrap: wrap; }
      .mypages-utility-wrapper .mypages-utility-information-column {
        width: 100%; }
    .mypages-utility-wrapper .mypages-utility-graph-chart {
      margin: 0 -0.75rem; } }

/* Pages */
.mpstartpage .effectprice {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 410px;
  margin-bottom: 60px;
  background-color: #004876;
  color: #ffffff; }
  .mpstartpage .effectprice__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 90vw;
    padding-top: 30px; }
  .mpstartpage .effectprice__heading {
    max-width: 75vw;
    line-height: 1.2;
    color: #ffffff; }
  .mpstartpage .effectprice__preamble {
    margin-bottom: 50px; }

/* Heading */
.mypages-heading {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  margin: 50px auto;
  padding: 0;
  font-size: 34px;
  box-sizing: border-box;
  color: #1a1a1a;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mypages-heading--left {
    text-align: left;
    margin-bottom: 0; }
  .mypages-heading--first {
    font-size: 30px;
    margin-bottom: 35px; }
  .mypages-heading--sub-heading {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0.85294em; }
  .mypages-heading.icon::before, .mypages-heading.icon::after {
    color: #7a8991;
    font-size: 34px;
    margin: -5px 20px 0 0; }

.mypages-main .error-message {
  text-align: center; }
  .mypages-main .error-message a:not(.link-button) {
    color: #B90000;
    font-weight: 600; }

/* search */
.mpstartpage .utility-search {
  display: flex;
  justify-content: center; }

/* File upload */
.mypages-file {
  overflow: hidden;
  position: relative; }
  .mypages-file button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    color: #004876;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    display: inline-block;
    float: left; }
    .mypages-file button span {
      color: #333333;
      padding-left: 10px; }
    .mypages-file button:before {
      content: '';
      display: inline-block;
      height: 25px;
      width: 15px;
      margin-bottom: -5px;
      margin-right: 10px;
      content: "";
      font-family: "custom-icons";
      color: #8a9fa8; }
  .mypages-file input[type="file"] {
    position: absolute;
    top: -100px; }
  .mypages-file-selected-files {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
    font-style: italic;
    font-size: 14px;
    line-height: 1.25em; }
    .mypages-file-selected-files:first-of-type {
      clear: left; }
      .mypages-file-selected-files:first-of-type::before {
        content: "Valda filer: ";
        font-weight: 800; }
    .mypages-file-selected-files::after {
      content: ", "; }
    .mypages-file-selected-files:last-child::after {
      content: ""; }

@keyframes openOverlayBoxBg {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media only screen and (max-width: 1226px) {
  .mypages-heading {
    margin-left: .75rem;
    margin-right: .75rem; }
    .mypages-heading--sub-heading {
      margin-left: 0;
      margin-right: 0; }
  .mypages-overlay-content {
    /*min-height: calc(65vh - 100px);*/
    min-width: 80vw; } }

@media only screen and (max-width: 940px) {
  .mypages-heading {
    font-size: 150%; }
    .mypages-heading--first {
      margin-top: 25px;
      margin-bottom: 25px; }
    .mypages-heading.icon::before, .mypages-heading.icon::after {
      margin-right: 15px; }
  .mypages-overlay-content {
    max-height: calc(85vh - 100px);
    min-width: 84vw; }
  .mypages-overlay-content--overflow-visible {
    overflow: auto; } }

@media only screen and (max-width: 719px) {
  .mypages-header {
    font-size: 120%;
    margin-top: 30px;
    margin-bottom: 30px; }
  .mypages-overlay {
    padding: 20px; }
    .mypages-overlay-header {
      font-size: 20px;
      line-height: 1.3em;
      width: calc(100% + 40px);
      padding: 20px 110px 20px 20px;
      margin: -20px -20px 20px; }
      .mypages-overlay-header-close {
        font-size: 16px;
        line-height: 20px; } }

/* CALENDAR */
.mypages-calendar-container {
  padding: 70px 0; }
  .mypages-calendar-container__heading {
    margin-top: 0; }
  .mypages-calendar-container.loading {
    background: url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
    background-size: 70px;
    min-height: 200px; }
    .mypages-calendar-container.loading .loading-message {
      display: block;
      padding-top: 85px; }
  .mypages-calendar-container .no-data {
    margin-bottom: 0; }
  .mypages-calendar-container .failed-to-load, .mypages-calendar-container .no-data, .mypages-calendar-container .loading-message {
    display: none; }

.mypages-mini-calendar {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  padding: 0 0 50px 0;
  margin: 0 auto 45px;
  list-style: none;
  text-align: center;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ddd; }
  .mypages-mini-calendar-item {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 0 50px 0 0; }
    .mypages-mini-calendar-item:nth-child(3) {
      padding: 0; }
    .mypages-mini-calendar-item-date {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 95px;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .mypages-mini-calendar-item-date-time {
        display: block;
        padding: 13px 10px 10px;
        background-color: #f2f2f2;
        box-sizing: border-box;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        text-align: center;
        position: relative;
        transition: color 300ms ease; }
        .mypages-mini-calendar-item-date-time-day {
          font-size: 26px;
          line-height: 1em;
          font-weight: 700;
          display: block;
          margin-bottom: 3px;
          position: relative;
          z-index: 20; }
        .mypages-mini-calendar-item-date-time-month {
          font-size: 17px;
          line-height: 1em;
          text-transform: uppercase;
          display: block;
          position: relative;
          z-index: 20; }
        .mypages-mini-calendar-item-date-time::before {
          content: '';
          display: block;
          position: absolute;
          z-index: 10;
          height: 75px;
          width: 75px;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          transform: translate3d(-50%, -50%, 0) scale(0);
          background-color: rgba(0, 0, 0, 0.025);
          transition: transform 300ms ease; }
    .mypages-mini-calendar-item-text {
      display: table-cell;
      font-weight: 500;
      font-size: 1.1875em;
      line-height: 1.4em;
      vertical-align: middle;
      text-align: left;
      width: calc(100% - 97px); }
      .mypages-mini-calendar-item-text-title {
        display: block;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 22px;
        line-height: 1em;
        font-weight: 700;
        color: #000;
        padding-bottom: 10px;
        transition: color 300ms ease; }
      .mypages-mini-calendar-item-text-info {
        display: block;
        font-size: 20px;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.25em;
        max-width: 260px; }
    .mypages-mini-calendar-item:hover .mypages-mini-calendar-item-date-time,
    .mypages-mini-calendar-item:hover .mypages-mini-calendar-item-text-title {
      color: #333333; }
    .mypages-mini-calendar-item:hover .mypages-mini-calendar-item-date-time::before {
      transform: translate3d(-50%, -50%, 0) scale(1); }
  .mypages-mini-calendar-link {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 0; }
    .mypages-mini-calendar-link a {
      color: #1F6590;
      font-size: 20px;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1em;
      display: inline-block;
      text-decoration: none; }
    .mypages-mini-calendar-link a::after {
      border-style: solid;
      border-width: 2px 2px 0 0;
      content: '';
      display: inline-block;
      height: 5px;
      position: relative;
      transform: rotate(45deg);
      width: 5px;
      margin: 0 0 2px 5px;
      transition: transform 75ms linear; }
    .mypages-mini-calendar-link a:hover::after {
      transform: rotate(45deg) translate3d(3px, -3px, 0); }

@media only screen and (max-width: 1226px) {
  .mypages-mini-calendar {
    display: inline-block;
    padding: 0 0 30px;
    margin: 0 auto 0;
    border-bottom: 0;
    width: auto; }
    .mypages-mini-calendar-item {
      display: list-item;
      margin: 0 0 25px 0;
      padding: 0;
      max-width: 100%; }
      .mypages-mini-calendar-item:nth-child(3) {
        max-width: 100%; }
      .mypages-mini-calendar-item-date {
        width: 100px; }
      .mypages-mini-calendar-item-text-info {
        line-height: 1.25em;
        max-width: 100%; } }

@media only screen and (max-width: 719px) {
  .mypages-mini-calendar {
    max-width: calc(100% - 1.5rem);
    padding: 0 0 30px;
    margin: 0 auto 0;
    border-bottom: 0; }
    .mypages-mini-calendar-item {
      display: block; } }

/* COST ALLOCATION*/
.mypages-cost-allocation {
  max-width: 1180px;
  min-width: 280px;
  background-color: #f2f2f2;
  overflow: hidden;
  margin: 0 auto 70px; }
  .mypages-cost-allocation-left {
    width: calc(50% - 1px);
    float: left;
    border-right: 1px solid #e1e1e1;
    padding: 40px 0; }
    .mypages-cost-allocation-left-chartwrapper {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center; }
    .mypages-cost-allocation-left-charthelptext {
      padding: 0 10px; }
    .mypages-cost-allocation-left-chart {
      width: 175px;
      display: inline-block; }
    .mypages-cost-allocation-left-legend {
      display: inline-block;
      list-style: none;
      padding: 0;
      margin: 25px 0 0 0;
      text-align: left;
      width: 275px; }
      .mypages-cost-allocation-left-legend li {
        line-height: 1em;
        padding: 0 0 0 1.75em;
        margin: 0 0 1em 0;
        position: relative;
        font-size: 22px; }
        .mypages-cost-allocation-left-legend li:before {
          content: "";
          display: block;
          background-color: transparent;
          height: 1em;
          width: 1em;
          position: absolute;
          left: 0;
          top: 0; }
        .mypages-cost-allocation-left-legend li.electric:before {
          background-color: #ffd400; }
        .mypages-cost-allocation-left-legend li.electric-network:before {
          background-color: #17c5ee; }
        .mypages-cost-allocation-left-legend li.waste:before {
          background-color: #b5cb90; }
        .mypages-cost-allocation-left-legend li.water:before {
          background-color: #004878; }
        .mypages-cost-allocation-left-legend li.heat:before {
          background-color: #d0a9d0; }
        .mypages-cost-allocation-left-legend li.cooling:before {
          background-color: #7a8991; }
  .mypages-cost-allocation-right {
    padding: 40px 0; }
  .mypages-cost-allocation-left h3,
  .mypages-cost-allocation-right h3 {
    font-size: 34px;
    line-height: 1em;
    padding: 0;
    margin: 0 0 40px 0; }
  .mypages-cost-allocation-left p {
    font-style: italic;
    margin-top: 90px;
    margin-bottom: 100px; }
  .mypages-cost-allocation-wrapper--loading {
    position: relative;
    background: url(/Static/Images/loading_128.gif) no-repeat 50% 30px;
    background-size: 70px;
    padding: 0 0 100px 0;
    min-height: 100px; }
    .mypages-cost-allocation-wrapper--loading::after {
      display: block;
      content: 'Vi h\00E4mtar data om din kostnadsf\00F6rdelning';
      position: absolute;
      top: 120px;
      left: 50%;
      transform: translate3d(-50%, 0, 0); }

/* Tooltip */
#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  color: black;
  border-radius: 5px;
  transition: all .1s ease;
  pointer-events: none;
  transform: translate(-50%, 0);
  padding: 8px 8px 8px 13px; }
  #chartjs-tooltip table {
    margin: 0;
    border: 0; }
    #chartjs-tooltip table tr td {
      padding: 0;
      margin: 0;
      background-color: transparent;
      color: #fff;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px; }

/* Slideshow */
.mypages-cost-allocation-right-container {
  width: 460px;
  height: 115px;
  display: inline-block;
  font-size: 22px;
  line-height: 26px;
  text-align: left;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }
  .mypages-cost-allocation-right-container-slide {
    display: flex;
    padding: 0 20px;
    margin: 0;
    width: 420px !important;
    height: 115px !important;
    top: 0;
    left: 0;
    align-items: center; }
    .mypages-cost-allocation-right-container-slide img {
      display: block;
      width: auto;
      height: 80px;
      margin-right: 30px; }
    .mypages-cost-allocation-right-container-slide p {
      display: block;
      padding: 0;
      margin: 0;
      font-size: 22px;
      line-height: 26px; }
  .mypages-cost-allocation-right-container-bullets {
    width: 100%;
    height: 15px;
    display: inline-block;
    margin: 40px 0 0 0;
    padding: 0;
    text-align: center;
    list-style: none; }
    .mypages-cost-allocation-right-container-bullets li {
      width: 12px;
      height: 13px;
      background-color: #fff;
      border: 1px solid #7a8990;
      display: inline-block;
      margin: 0 5px;
      border-radius: 50%; }
      .mypages-cost-allocation-right-container-bullets li.activeSlide {
        background-color: #7a8990; }

@media only screen and (max-width: 940px) {
  .mypages-cost-allocation-left {
    width: 100%;
    float: left;
    border-right: 0;
    border-bottom: 1px solid #e1e1e1;
    padding: 40px 0; }
  .mypages-cost-allocation-right {
    width: 100%;
    float: left;
    padding: 40px 0; }
    .mypages-cost-allocation-right-container {
      height: 210px !important;
      width: calc(100% - 200px) !important;
      margin-left: 100px;
      margin-right: 100px; }
      .mypages-cost-allocation-right-container-slide {
        flex-wrap: wrap;
        padding: 0 20px;
        height: 210px !important;
        width: 100% !important;
        box-sizing: border-box; }
        .mypages-cost-allocation-right-container-slide img {
          display: block;
          margin: 0 auto 20px; }
        .mypages-cost-allocation-right-container-slide p {
          display: block;
          text-align: center;
          width: 100%;
          font-size: 20px;
          line-height: 24px; }
  .mypages-cost-allocation-left h3,
  .mypages-cost-allocation-right h3 {
    font-size: 150%;
    margin: 0 0 30px 0; }
  .mypages-cost-allocation-left p {
    margin-top: 40px;
    margin-bottom: 10px; } }

@media only screen and (max-width: 719px) {
  .mypages-cost-allocation-right-container {
    width: calc(100% - 40px) !important;
    margin-left: 20px;
    margin-right: 20px; }
  .mypages-cost-allocation-left h3,
  .mypages-cost-allocation-right h3 {
    font-size: 120%;
    margin-top: 30px;
    margin-bottom: 30px; } }

@media only screen and (max-width: 480px) {
  .mypages-cost-allocation-wrapper {
    padding: 0 10px; } }

@media only screen and (max-width: 415px) {
  .mypages-cost-allocation-left-chartwrapper {
    flex-wrap: wrap-reverse; }
  .mypages-cost-allocation-left-chart {
    width: 55%;
    display: inline-block;
    margin: 0 22.5%; }
  .mypages-cost-allocation-left-legend {
    display: inline-block;
    width: 55%;
    text-align: left;
    margin-top: 2em;
    margin-bottom: -1em;
    width: auto; }
    .mypages-cost-allocation-left-legend li {
      padding-left: 0; }
      .mypages-cost-allocation-left-legend li:before {
        display: inline-block;
        height: 0.6em;
        margin-right: 10px;
        position: static; }
  .mypages-cost-allocation-right-container {
    height: 240px !important; }
    .mypages-cost-allocation-right-container-slide {
      padding: 0 10px;
      height: 240px !important; }
    .mypages-cost-allocation-right-container-bullets {
      margin: 25px 0 0 0; }
  .mypages-cost-allocation-left h3,
  .mypages-cost-allocation-right h3 {
    margin: 0 0 25px 0; } }

/* ELECTRICITY PRICE COMPENSATION USAGE */
.mypages-electricity-price-compensation {
  max-width: 1180px;
  min-width: 280px;
  margin: 0 auto;
  padding: 70px 0;
  border-bottom: 1px solid #dadada; }
  @media only screen and (max-width: 719px) {
    .mypages-electricity-price-compensation {
      max-width: calc(100% - 44px); } }
  .mypages-electricity-price-compensation__manual-calculation-wrapper .new-link-button {
    font-size: 100%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: inherit;
    font-size: 20px;
    line-height: 1;
    margin: .5rem 0;
    padding: .9rem 1.5rem;
    background-color: #004876;
    color: #ffffff;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    cursor: pointer;
    transition: background 150ms ease; }
    .mypages-electricity-price-compensation__manual-calculation-wrapper .new-link-button:hover {
      text-decoration: none;
      background-color: #1F6590; }
    .mypages-electricity-price-compensation__manual-calculation-wrapper .new-link-button:focus {
      background-color: #1F6590;
      outline: 2px solid #1a1a1a;
      outline-offset: 4px;
      background-clip: padding-box; }
    @media only screen and (max-width: 719px) {
      .mypages-electricity-price-compensation__manual-calculation-wrapper .new-link-button {
        font-size: 18px; } }
    @media only screen and (max-width: 480px) {
      .mypages-electricity-price-compensation__manual-calculation-wrapper .new-link-button {
        width: 80%; } }
    .mypages-electricity-price-compensation__manual-calculation-wrapper .new-link-button .white {
      background-color: #ffffff;
      color: #1a1a1a; }
  .mypages-electricity-price-compensation__heading {
    margin-top: .5rem; }
  .mypages-electricity-price-compensation__text {
    max-width: 70%;
    text-align: center;
    margin: 0 auto; }
    @media only screen and (max-width: 940px) {
      .mypages-electricity-price-compensation__text {
        max-width: 100%; } }
  .mypages-electricity-price-compensation__wrapper--loading {
    position: relative;
    background: url(/Static/Images/loading_128.gif) no-repeat 50% 30px;
    background-size: 70px;
    padding: 0 0 65px 0;
    min-height: 100px; }
    .mypages-electricity-price-compensation__wrapper--loading::after {
      display: block;
      content: 'Vi h\00E4mtar information om stöd för höga elpriser';
      position: absolute;
      top: 120px;
      left: 50%;
      transform: translate3d(-50%, 0, 0); }
  .mypages-electricity-price-compensation .mypages-electricity-compensation {
    margin: 0 auto;
    background-color: #E9FAFF;
    width: 70%;
    max-width: 800px;
    text-align: left;
    padding: 40px 30px;
    border-radius: 30px; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation p:last-of-type {
      margin-bottom: 0; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation h2 {
      margin: 10px 0; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__site {
      display: flex;
      flex-direction: column;
      font-size: 18px;
      padding: 30px 0; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__address {
      font-size: 22px;
      margin-bottom: 20px; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__info-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: flex-start; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__compensation {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-right: 30px; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__compensation-heading {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-bottom: 10px; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__compensation-sum {
      font-size: 36px; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__site-info {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-left: 30px;
      border-left: 1px solid #0abbef; }
      .mypages-electricity-price-compensation .mypages-electricity-compensation__site-info div {
        margin-bottom: 10px; }
    .mypages-electricity-price-compensation .mypages-electricity-compensation__footer p:last-of-type {
      margin-bottom: 0; }
    @media only screen and (max-width: 719px) {
      .mypages-electricity-price-compensation .mypages-electricity-compensation__info-wrapper {
        flex-direction: column; }
      .mypages-electricity-price-compensation .mypages-electricity-compensation__compensation {
        margin-bottom: 30px; } }

/* UNPAID INVOICES */
.mypages-unpaid-invoices {
  width: auto;
  display: flex;
  align-items: flex-start;
  padding-top: 0.2em; }
  .mypages-unpaid-invoices__link-button {
    position: relative; }
    .mypages-unpaid-invoices__link-button.inactive {
      cursor: default;
      pointer-events: none; }
    .mypages-unpaid-invoices__link-button__loading--spinner {
      display: inline-block;
      width: 32px;
      position: absolute;
      background: url(/Static/Images/loading_128.gif) no-repeat;
      background-size: 32px;
      padding: 0;
      height: 32px;
      top: 4px; }
    .mypages-unpaid-invoices__link-button__loading--text {
      padding-top: 0.3em;
      margin-left: 50px; }
    .mypages-unpaid-invoices__link-button .error-message {
      font-weight: 400; }

/* HEADER */
.mypages-header {
  max-width: 1180px;
  height: 42px;
  padding: 0;
  margin: 25px auto 35px;
  box-sizing: border-box; }
  .mypages-header--border-bottom {
    padding-bottom: 75px;
    border-bottom: 1px solid #ddd; }
  .mypages-header:before, .mypages-header:after {
    display: table;
    content: '';
    clear: both; }
  .mypages-header-ddl-wrapper {
    float: left;
    display: inline-block;
    height: 54px;
    position: relative;
    z-index: 9999; }
    .mypages-header-ddl-wrapper--nodrop button {
      cursor: inherit; }
    .mypages-header-ddl-wrapper--nodrop .mypages-header-ddl-chevron,
    .mypages-header-ddl-wrapper--nodrop .mypages-header-ddl-list {
      display: none !important; }
    .mypages-header-ddl-wrapper.on .mypages-header-ddl-chevron:after {
      transform: rotate(-45deg);
      top: 41.5%; }
      .header-nav .mypages-header-ddl-wrapper.on .mypages-header-ddl-chevron:after {
        top: 40.5%; }
    .mypages-header-ddl-wrapper.on .mypages-header-ddl-list {
      display: block;
      animation-name: fadeInDropdownlist; }
      .header-nav .mypages-header-ddl-wrapper.on .mypages-header-ddl-list {
        animation-name: fadeInDropdownlistResponsive; }
    .header-nav .mypages-header-ddl-wrapper {
      width: 100%;
      height: auto;
      display: block; }
      .header-nav .mypages-header-ddl-wrapper:after {
        content: "";
        display: table;
        clear: both; }
  .mypages-header-ddl {
    border: 0;
    outline: none;
    background-color: transparent;
    color: #004878;
    padding: 0;
    border-radius: 7px;
    font-size: 1em;
    cursor: pointer;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: visible; }
    .mypages-header-ddl-text {
      display: inline-block;
      font-size: 32px;
      line-height: 42px;
      float: left;
      text-align: left;
      /*min-width: 260px;*/ }
      .mypages-header-ddl-text--multiaccounts:hover {
        color: #006193; }
        .mypages-header-ddl-text--multiaccounts:hover .mypages-header-ddl-chevron {
          background-color: #006193; }
    .mypages-header-ddl-chevron {
      background-color: #004878;
      width: 32px;
      height: 32px;
      line-height: 32px;
      display: inline-block;
      position: relative;
      border-radius: 50%;
      float: right;
      margin: 5px 0 0 20px; }
      .mypages-header-ddl-chevron:after {
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: '';
        display: block;
        height: 10px;
        width: 10px;
        position: absolute;
        top: 24%;
        left: 32%;
        transform: rotate(135deg);
        color: #fff; }
    .mypages-header-ddl-list {
      display: none;
      list-style: none;
      width: 100%;
      background-color: #fff;
      color: #004878;
      padding: 0;
      margin: 0;
      position: absolute;
      top: calc(100% - 10px);
      left: 0;
      border-radius: 7px;
      overflow: hidden;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
      animation-duration: 250ms;
      animation-fill-mode: both; }
      .mypages-header-ddl-list li {
        padding: 0;
        margin: 0; }
        .mypages-header-ddl-list li a, .mypages-header-ddl-list li label {
          color: #004878;
          display: block;
          line-height: 1.25em;
          margin: 0 20px;
          padding: 15px 15px 15px 0;
          text-decoration: none;
          font-size: 19px;
          transition: color 50ms linear; }
          .mypages-header-ddl-list li a:hover, .mypages-header-ddl-list li label:hover {
            text-decoration: none;
            color: #006193; }
        .mypages-header-ddl-list li label {
          cursor: pointer;
          position: relative;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
          .mypages-header-ddl-list li label.checked::after {
            content: "";
            font-family: "custom-icons";
            font-size: 20px;
            display: block;
            height: 15px;
            width: 15px;
            line-height: 15px;
            position: absolute;
            top: 20px;
            right: 0;
            z-index: 10;
            color: #7a8990; }
        .mypages-header-ddl-list li:last-child label {
          border-bottom: 0; }
    .mypages-header-ddl-radio--hide-circles {
      visibility: hidden;
      position: absolute; }
    .header-nav .mypages-header-ddl {
      color: #fff;
      border-radius: 0;
      font-size: 1em;
      width: 100%;
      box-sizing: border-box;
      padding: 10px 24px 10px;
      margin: 25px 0 0; }
      .header-nav .mypages-header-ddl-text {
        font-size: 31px;
        text-align: left;
        line-height: 1.25em;
        position: relative;
        max-width: 78vw; }
      .header-nav .mypages-header-ddl-chevron {
        background-color: #fff;
        width: 23px;
        height: 23px;
        line-height: 23px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: calc(100% + 20px);
        transform: translateY(-50%); }
        .header-nav .mypages-header-ddl-chevron:after {
          color: #004878;
          height: 7px;
          width: 7px;
          top: 23.5%;
          left: 31%; }
      .header-nav .mypages-header-ddl-list {
        width: calc(100% - 48px);
        padding: 5px 0;
        margin: 10px 24px;
        position: static;
        border-radius: 4px; }
        .header-nav .mypages-header-ddl-list li {
          border: 0 !important; }
          .header-nav .mypages-header-ddl-list li a:hover, .header-nav .mypages-header-ddl-list li label:hover {
            background-color: transparent; }
          .header-nav .mypages-header-ddl-list li label {
            margin: 0 24px;
            border-top: solid 1px rgba(0, 0, 0, 0.1); }
            .header-nav .mypages-header-ddl-list li label.checked::after {
              top: 18px;
              right: 0; }
          .header-nav .mypages-header-ddl-list li:first-child label {
            border-top: 0; }

@keyframes fadeInDropdownlist {
  0% {
    opacity: 0;
    top: calc(100% - 10px); }
  100% {
    opacity: 1;
    top: calc(100% + 5px);
    z-index: 99999999; } }

@keyframes fadeInDropdownlistResponsive {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    z-index: 99999999; } }

.mypages-header-menu {
  float: right;
  display: inline-block; }
  .mypages-header-menu-item {
    display: inline-block;
    background-color: #fff;
    color: #004878;
    font-weight: 700;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    border: 1px solid #004878;
    padding: 0 25px;
    line-height: 40px;
    border-radius: 20px;
    margin-left: 25px; }
    .mypages-header-menu-item:hover {
      color: #006193;
      border: 1px solid #006193;
      text-decoration: none; }

@media only screen and (max-width: 1226px) {
  .mypages-header {
    margin-left: .75em;
    margin-right: .75em; } }

@media only screen and (max-width: 940px) {
  .mypages-header {
    display: none; } }

/* HERO */
.mypages-hero {
  --hero-min-height: 540px;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  flex-grow: 1;
  margin-bottom: 70px;
  min-height: var(--hero-min-height); }
  .mypages-hero-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 580px;
    min-width: 580px;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
    background-color: #004876; }
    .mypages-hero-inner-text.font-34 {
      font-size: 34px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-bottom: 80px;
      color: #fff; }
    .mypages-hero-inner .new-link-button.new-link-button {
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 24px;
      padding: 1rem 1.5rem; }
    .mypages-hero-inner-link {
      background-color: #fff;
      color: #1F6590;
      font-size: 24px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 70px;
      border-radius: 35px;
      white-space: nowrap;
      display: inline-block;
      padding: 0 40px;
      text-decoration: none;
      position: relative; }
    .mypages-hero-inner-link:hover {
      color: #006193;
      text-decoration: none;
      box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.5); }
    .mypages-hero-inner-link--has-image, .mypages-hero-inner-link--has-image:hover {
      padding: 0 40px 0 75px; }
    .mypages-hero-inner-link-icon {
      height: 126px;
      position: absolute;
      top: -33px;
      left: -30px; }
    .mypages-hero-inner-link-chevron {
      border-style: solid;
      border-width: 2px 2px 0 0;
      content: '';
      display: inline-block;
      height: 7px;
      position: relative;
      transform: rotate(45deg);
      width: 7px;
      margin: 0 0 2px 3px;
      transition: transform 75ms linear; }
    .mypages-hero-inner-link:hover .mypages-hero-inner-link-chevron {
      transform: rotate(45deg) translate3d(3px, -3px, 0); }
  .mypages-hero-image {
    width: 100%;
    background-color: #004876;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover; }
  .mypages-hero-campaign-wrapper {
    background: #0087d1;
    background: linear-gradient(180deg, #0087d1 0%, #00abe4 100%);
    text-align: center;
    overflow: hidden; }
  @media (max-width: 940px) {
    .mypages-hero {
      position: relative; }
      .mypages-hero .mypages-hero-inner {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 30px; }
      .mypages-hero .mypages-hero-image {
        width: 100%; } }
  @media (max-width: 719px) {
    .mypages-hero .mypages-hero-inner {
      width: 90%;
      min-width: unset; } }

.mypages-information__content {
  display: flex;
  flex-direction: column;
  width: 80%;
  max-width: 800px;
  margin: 60px auto;
  padding: 20px;
  border: 3px #004876 solid;
  line-height: 0.2;
  border-radius: 30px; }
  @media (min-width: 480px) {
    .mypages-information__content {
      flex-direction: row;
      width: 70%; } }

.mypages-information__icon {
  color: #004876;
  font-size: 90px;
  margin: 15px 10px 15px 0; }

.mypages-information__text p {
  margin: 0;
  padding: 0; }

.mypages-information__text a {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #004876;
  text-decoration: underline; }
  .mypages-information__text a:hover {
    text-decoration: none; }

.mypages-information__content.darkblue-100 .mypages-information__icon {
  color: #ffffff; }

.mypages-information .mypages-information__icon {
  color: #004876; }

.mypages-information .mypages-information__text {
  color: #000000; }
  .mypages-information .mypages-information__text li {
    font-size: 18px;
    line-height: 1.5; }
  .mypages-information .mypages-information__text a {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: underline; }
    .mypages-information .mypages-information__text a:hover {
      text-decoration: none; }

@media only screen and (max-width: 940px) {
  .mypages-hero {
    margin-top: -10px; }
    .mypages-hero-inner {
      min-height: 200px;
      padding: 75px 40px; }
    .mypages-hero-campaign-wrapper {
      margin-top: -10px; } }

@media only screen and (max-width: 719px) {
  .mypages-hero {
    background-image: none !important;
    margin-top: 0; }
    .mypages-hero-inner {
      padding: 30px 20px 50px; }
      .mypages-hero-inner-text {
        font-size: 23px;
        margin-top: 30px;
        margin-bottom: 60px; }
      .mypages-hero-inner-link, .mypages-hero-inner-link:hover {
        line-height: 48px;
        border-radius: 24px;
        padding: 0 30px;
        transform: translateX(10px);
        font-size: 20px; }
      .mypages-hero-inner-link--has-image, .mypages-hero-inner-link--has-image:hover {
        padding: 0 30px 0 50px; }
      .mypages-hero-inner-link-chevron {
        height: 7px;
        width: 7px;
        margin: 0 0 2px 5px; }
      .mypages-hero-inner-link-icon {
        height: 86px;
        width: auto;
        top: -23px;
        left: -25px; } }

/* CONTENT (MENU) */
.mypages-main {
  max-width: 1180px;
  min-width: 280px;
  margin: 0 auto;
  padding: 0;
  text-align: center; }
  .mypages-main__heading {
    margin-top: 0; }
  .mypages-main h2 {
    font-size: calc(clamp(35px, 3vw + 10px, 45px));
    line-height: 0.9; }

.mypages-main-menu {
  max-width: 1180px;
  min-width: 280px;
  margin: 0 auto;
  padding-bottom: 16px; }
  .mypages-main-menu-item, .mypages-main-menu-item:hover {
    display: inline-flex;
    background-color: #fff;
    font-size: 19px;
    color: #1F6590;
    border: 1px solid #e5e5e5;
    padding: 0 25px;
    line-height: 42px;
    border-radius: 21px;
    text-decoration: none;
    margin: 0 11px 24px;
    transition: border 25ms linear, color 25ms linear; }
  .mypages-main-menu-item-icon {
    color: #8a9fa8;
    font-size: 22px;
    transition: color 25ms linear;
    display: inline-block; }
  .mypages-main-menu-item-text {
    margin-left: 14px;
    display: inline-block; }
  .mypages-main-menu-item:hover {
    color: #006193;
    border: 1px solid #ccc; }
  .mypages-main-menu-item:hover .mypages-main-menu-item-icon {
    color: #70828a; }
  .mypages-main-menu__help-text p {
    margin-top: 0; }
  .mypages-main-menu__divider {
    border-top: 1px solid #ddd; }

@media only screen and (max-width: 480px) {
  .mypages-main-menu {
    max-width: calc(100% - 44px);
    text-align: left; }
    .mypages-main-menu-item, .mypages-main-menu-item:hover {
      display: flex;
      font-size: 19px;
      border: 0;
      padding: 0;
      line-height: 24px;
      border-radius: 0;
      margin: 0 0 20px; }
    .mypages-main-menu-item-icon {
      font-size: 24px;
      width: 24px;
      text-align: center; }
    .mypages-main-menu-item-text {
      margin-left: 15px; } }

.mypages-usage {
  max-width: 1180px;
  min-width: 280px;
  padding: 70px;
  margin: 0 auto 20px;
  background-color: #f2f2f2;
  box-sizing: border-box; }
  .mypages-usage-intro {
    padding: 0 0 40px 0;
    margin: 0 0 40px 0;
    border-bottom: 1px solid #ddd; }
    .mypages-usage-intro-heading {
      margin: 0 0 30px 0; }
    .mypages-usage-intro p, .mypages-usage-intro-extrainfo {
      padding: 0;
      margin: 0;
      line-height: 1.25em;
      max-width: 780px;
      display: inline-block; }
    .mypages-usage-intro-extrainfo {
      font-style: normal;
      visibility: hidden;
      opacity: 0;
      height: 0;
      overflow: hidden;
      transition: opacity 0.2s linear, height 0.2s linear; }
      .mypages-usage-intro-extrainfo.on {
        margin: 20px 0;
        visibility: visible;
        opacity: 1;
        height: auto;
        display: inline-block; }
    .mypages-usage-intro .mypages-usage-intro-italic {
      color: #7a8990;
      padding-top: 20px;
      font-style: italic; }
      .mypages-usage-intro .mypages-usage-intro-italic a {
        color: #1F6590;
        display: inline-block;
        padding-left: 5px; }
      .mypages-usage-intro .mypages-usage-intro-italic a:hover {
        color: #006193;
        text-decoration: none; }
    .mypages-usage-intro-link {
      color: #1F6590;
      font-size: 20px;
      line-height: 1em;
      display: inline-block;
      position: relative;
      margin-top: 1em; }
    .mypages-usage-intro-link:hover {
      color: #006193;
      text-decoration: none; }
    .mypages-usage-intro-link-chevron {
      border-style: solid;
      border-width: 1px 1px 0 0;
      content: '';
      display: inline-block;
      height: 6px;
      width: 6px;
      position: relative;
      transform: rotate(45deg);
      margin: 0 0 2px 3px;
      transition: transform 75ms linear; }
    .mypages-usage-intro-link:hover .mypages-usage-intro-link-chevron {
      transform: rotate(45deg) translate3d(3px, -3px, 0); }
  .mypages-usage-services {
    text-align: left; }
    .mypages-usage-services-service, .mypages-usage-services-service-no-data {
      padding: 0 0 55px 0;
      margin: 0 0 40px 0;
      border-bottom: 1px solid #ddd; }
      .mypages-usage-services-service-legends, .mypages-usage-services-service-no-data-legends {
        list-style: none;
        padding: 0;
        text-align: left; }
        .mypages-usage-services-service-legends li, .mypages-usage-services-service-no-data-legends li {
          line-height: 1em;
          padding: 0 0 0 1.5em;
          margin: 0 0 1em 0;
          position: relative;
          font-size: 20px;
          color: #000; }
          .mypages-usage-services-service-legends li:before, .mypages-usage-services-service-no-data-legends li:before {
            content: "";
            display: block;
            background-color: transparent;
            height: 1em;
            width: 1em;
            position: absolute;
            left: 0;
            top: 0; }
          .mypages-usage-services-service-legends li.usage:before, .mypages-usage-services-service-no-data-legends li.usage:before {
            background-color: #007c57; }
          .mypages-usage-services-service-legends li.production:before, .mypages-usage-services-service-no-data-legends li.production:before {
            background-color: #7a8990; }
      .mypages-usage-services-service:before, .mypages-usage-services-service:after, .mypages-usage-services-service-no-data:before, .mypages-usage-services-service-no-data:after {
        content: '';
        display: table;
        clear: both; }
      .mypages-usage-services-service-statistics, .mypages-usage-services-service-no-data-statistics {
        width: 64.5%;
        float: right;
        display: flex;
        align-items: flex-end; }
        .mypages-usage-services-service-statistics-bar, .mypages-usage-services-service-no-data-statistics-bar {
          height: 165px;
          width: 21%;
          margin: 0 3% 35px 0;
          overflow: visible;
          text-align: center;
          font-weight: 700;
          position: relative; }
          .mypages-usage-services-service-statistics-bar-textoutside, .mypages-usage-services-service-no-data-statistics-bar-textoutside {
            width: 100%;
            font-size: 20px;
            color: #595959;
            position: absolute;
            top: 100%;
            left: 0;
            padding-top: 15px;
            z-index: 10; }
          .mypages-usage-services-service-statistics-bar-filler, .mypages-usage-services-service-no-data-statistics-bar-filler {
            background-color: #007c57;
            border-bottom: 1px solid #007c57;
            box-sizing: border-box;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 0; }
            .mypages-usage-services-service-statistics-bar-filler-textinside, .mypages-usage-services-service-no-data-statistics-bar-filler-textinside {
              width: 100%;
              color: rgba(255, 255, 255, 0.8);
              position: absolute;
              bottom: 15px;
              left: 0;
              z-index: 10; }
              .mypages-usage-services-service-statistics-bar-filler-textinside-first, .mypages-usage-services-service-no-data-statistics-bar-filler-textinside-first {
                font-size: 28px;
                padding-bottom: 5px; }
                .mypages-usage-services-service-statistics-bar-filler-textinside-first--half, .mypages-usage-services-service-no-data-statistics-bar-filler-textinside-first--half {
                  font-size: 20px; }
              .mypages-usage-services-service-statistics-bar-filler-textinside-second, .mypages-usage-services-service-no-data-statistics-bar-filler-textinside-second {
                font-size: 20px; }
                .mypages-usage-services-service-statistics-bar-filler-textinside-second--half, .mypages-usage-services-service-no-data-statistics-bar-filler-textinside-second--half {
                  font-size: 16px; }
            .mypages-usage-services-service-statistics-bar-filler--half, .mypages-usage-services-service-no-data-statistics-bar-filler--half {
              width: 50%; }
              .mypages-usage-services-service-statistics-bar-filler--half-production, .mypages-usage-services-service-no-data-statistics-bar-filler--half-production {
                background-color: #7a8990 !important;
                left: 50%;
                border-bottom: 1px solid #7a8990 !important; }
          .mypages-usage-services-service-statistics-bar--red .mypages-usage-services-service-statistics-bar-filler, .mypages-usage-services-service-no-data-statistics-bar--red .mypages-usage-services-service-statistics-bar-filler, .mypages-usage-services-service-statistics-bar--red .mypages-usage-services-service-no-data-statistics-bar-filler, .mypages-usage-services-service-no-data-statistics-bar--red .mypages-usage-services-service-no-data-statistics-bar-filler {
            background-color: #703870;
            border-bottom-color: #703870; }
          .mypages-usage-services-service-statistics-bar--margin, .mypages-usage-services-service-no-data-statistics-bar--margin {
            margin-right: 13.5%; }
          .mypages-usage-services-service-statistics-bar--overflow .mypages-usage-services-service-statistics-bar-filler-textinside, .mypages-usage-services-service-no-data-statistics-bar--overflow .mypages-usage-services-service-statistics-bar-filler-textinside, .mypages-usage-services-service-statistics-bar--overflow .mypages-usage-services-service-no-data-statistics-bar-filler-textinside, .mypages-usage-services-service-no-data-statistics-bar--overflow .mypages-usage-services-service-no-data-statistics-bar-filler-textinside {
            bottom: calc(100% + 15px);
            color: #595959; }
          .mypages-usage-services-service-statistics-bar:last-child, .mypages-usage-services-service-no-data-statistics-bar:last-child {
            margin-right: 0; }
      .mypages-usage-services-service-info, .mypages-usage-services-service-no-data-info {
        width: 35.5%;
        float: left; }
        .mypages-usage-services-service-info-heading, .mypages-usage-services-service-no-data-info-heading {
          font-size: 30px;
          line-height: 40px;
          margin-bottom: 30px;
          display: block;
          font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #1F6590;
          text-decoration: none;
          transition: color 25ms linear; }
          .mypages-usage-services-service-info-heading::before, .mypages-usage-services-service-no-data-info-heading::before {
            font-family: "custom-icons";
            font-size: 35px;
            line-height: 1em;
            height: 35px;
            width: 50px;
            display: block;
            float: left;
            margin-right: 15px;
            color: #7a8990;
            text-align: center;
            transition: color 25ms linear;
            position: relative; }
          .mypages-usage-services-service-info-heading--waste::before, .mypages-usage-services-service-no-data-info-heading--waste::before {
            content: ""; }
          .mypages-usage-services-service-info-heading--electric::before, .mypages-usage-services-service-no-data-info-heading--electric::before {
            content: ""; }
          .mypages-usage-services-service-info-heading--heat::before, .mypages-usage-services-service-no-data-info-heading--heat::before {
            content: ""; }
          .mypages-usage-services-service-info-heading--steam::before, .mypages-usage-services-service-no-data-info-heading--steam::before {
            content: ""; }
          .mypages-usage-services-service-info-heading--cooling::before, .mypages-usage-services-service-no-data-info-heading--cooling::before {
            content: ""; }
          .mypages-usage-services-service-info-heading--water::before, .mypages-usage-services-service-no-data-info-heading--water::before {
            content: ""; }
          .mypages-usage-services-service-info-heading--hazardouswaste::before, .mypages-usage-services-service-no-data-info-heading--hazardouswaste::before {
            content: "";
            font-size: 1.7em;
            top: -0.2em; }
          .mypages-usage-services-service-info-heading--container::before, .mypages-usage-services-service-no-data-info-heading--container::before {
            content: "";
            top: .05em; }
          .mypages-usage-services-service-info-heading:hover, .mypages-usage-services-service-no-data-info-heading:hover {
            color: #006193;
            text-decoration: none; }
          .mypages-usage-services-service-info-heading:hover::before, .mypages-usage-services-service-no-data-info-heading:hover::before {
            color: #666666; }
          .mypages-usage-services-service-info-heading.disabled, .mypages-usage-services-service-no-data-info-heading.disabled {
            pointer-events: none;
            color: #7a8990;
            opacity: 1; }
        .mypages-usage-services-service-info-text, .mypages-usage-services-service-no-data-info-text {
          text-transform: capitalize;
          line-height: 1em;
          padding: 0;
          margin: 0 0 10px 0;
          font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
          .mypages-usage-services-service-info-text--no-capitalization, .mypages-usage-services-service-no-data-info-text--no-capitalization {
            text-transform: lowercase; }
        .mypages-usage-services-service-info__help-text, .mypages-usage-services-service-no-data-info__help-text {
          margin-top: 30px;
          font-size: 16px;
          padding-right: 50px;
          line-height: 1.2; }
          @media only screen and (max-width: 719px) {
            .mypages-usage-services-service-info__help-text, .mypages-usage-services-service-no-data-info__help-text {
              padding-right: 0; } }
        .mypages-usage-services-service-info__link-text, .mypages-usage-services-service-no-data-info__link-text {
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 20px;
          color: #1F6590;
          margin-top: 40px;
          padding-bottom: 20px; }
          @media only screen and (max-width: 719px) {
            .mypages-usage-services-service-info__link-text, .mypages-usage-services-service-no-data-info__link-text {
              font-size: 20px !important;
              margin-top: 20px;
              padding-bottom: 20px; } }
        .mypages-usage-services-service-info__link-text.no-data, .mypages-usage-services-service-no-data-info__link-text.no-data {
          padding-bottom: 0;
          margin-top: 0; }
          @media only screen and (max-width: 719px) {
            .mypages-usage-services-service-info__link-text.no-data, .mypages-usage-services-service-no-data-info__link-text.no-data {
              display: block !important; } }
      .mypages-usage-services-service:last-child, .mypages-usage-services-service-no-data:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0; }
    .mypages-usage-services-service-no-data {
      padding: 0; }
      .mypages-usage-services-service-no-data-pod {
        float: left;
        width: 29%;
        text-align: left;
        line-height: 40px;
        margin-bottom: 30px; }
        @media only screen and (max-width: 719px) {
          .mypages-usage-services-service-no-data-pod {
            text-align: center; } }
      .mypages-usage-services-service-no-data:last-child {
        border-bottom: 1px solid #ddd; }
  .mypages-usage-list-wrapper--loading {
    position: relative;
    background: url(/Static/Images/loading_128.gif) no-repeat 50% 95px;
    background-size: 70px;
    padding: 0 0 100px 0;
    min-height: 200px; }
    .mypages-usage-list-wrapper--loading::after {
      display: block;
      content: 'Vi h\00E4mtar data om din anv\00E4ndning';
      position: absolute;
      top: 185px;
      left: 50%;
      transform: translate3d(-50%, 0, 0); }

.mypages-electricity-price-compensation .company-ceiling {
  padding: 0; }
  .mypages-electricity-price-compensation .company-ceiling h3 {
    margin-top: 0; }
  .mypages-electricity-price-compensation .company-ceiling .text {
    margin-bottom: 25px; }
    .mypages-electricity-price-compensation .company-ceiling .text p {
      margin-bottom: 0; }

@media only screen and (max-width: 940px) {
  .mypages-usage {
    padding: 40px; }
    .mypages-usage-services-service-statistics-bar-textoutside {
      font-size: 14px;
      padding-top: 10px; }
    .mypages-usage-services-service-statistics-bar-filler-textinside {
      bottom: 10px; }
      .mypages-usage-services-service-statistics-bar-filler-textinside-first {
        font-size: 20px; }
      .mypages-usage-services-service-statistics-bar-filler-textinside-second {
        font-size: 15px; } }

@media only screen and (max-width: 719px) {
  .mypages-usage-services-service-statistics, .mypages-usage-services-service-no-data-statistics {
    width: 100%;
    float: left; }
    .mypages-usage-services-service-statistics--flex-wrap, .mypages-usage-services-service-no-data-statistics--flex-wrap {
      flex-wrap: wrap; }
    .mypages-usage-services-service-statistics--flex-wrap .mypages-usage-services-service-statistics-bar, .mypages-usage-services-service-no-data-statistics--flex-wrap .mypages-usage-services-service-statistics-bar, .mypages-usage-services-service-statistics--flex-wrap .mypages-usage-services-service-no-data-statistics-bar, .mypages-usage-services-service-no-data-statistics--flex-wrap .mypages-usage-services-service-no-data-statistics-bar {
      width: 48%;
      margin-right: 0; }
      .mypages-usage-services-service-statistics--flex-wrap .mypages-usage-services-service-statistics-bar:nth-last-child(-n+2), .mypages-usage-services-service-no-data-statistics--flex-wrap .mypages-usage-services-service-statistics-bar:nth-last-child(-n+2), .mypages-usage-services-service-statistics--flex-wrap .mypages-usage-services-service-no-data-statistics-bar:nth-last-child(-n+2), .mypages-usage-services-service-no-data-statistics--flex-wrap .mypages-usage-services-service-no-data-statistics-bar:nth-last-child(-n+2) {
        margin-top: 35px; }
      .mypages-usage-services-service-statistics--flex-wrap .mypages-usage-services-service-statistics-bar:nth-child(odd), .mypages-usage-services-service-no-data-statistics--flex-wrap .mypages-usage-services-service-statistics-bar:nth-child(odd), .mypages-usage-services-service-statistics--flex-wrap .mypages-usage-services-service-no-data-statistics-bar:nth-child(odd), .mypages-usage-services-service-no-data-statistics--flex-wrap .mypages-usage-services-service-no-data-statistics-bar:nth-child(odd) {
        margin-right: 4%; }
  .mypages-usage-services-service-info, .mypages-usage-services-service-no-data-info {
    width: 100%;
    text-align: center;
    padding-bottom: 25px; }
    .mypages-usage-services-service-info--no-padding, .mypages-usage-services-service-no-data-info--no-padding {
      padding-bottom: 0; }
    .mypages-usage-services-service-info-heading, .mypages-usage-services-service-no-data-info-heading {
      font-size: 27px;
      line-height: 1em;
      display: inline-block;
      margin-bottom: 20px; }
      .mypages-usage-services-service-info-heading::before, .mypages-usage-services-service-no-data-info-heading::before {
        font-size: 27px;
        height: 27px;
        width: auto;
        margin-right: 10px;
        margin-top: 0; }
      .mypages-usage-services-service-info-heading--hazardouswaste::before, .mypages-usage-services-service-no-data-info-heading--hazardouswaste::before {
        font-size: 1.7em;
        top: -0.3em; }
  .mypages-usage-services-service-no-data-info {
    padding: 0; }
  .mypages-usage-services-service-no-data-pod {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .mypages-usage {
    padding: 22px; }
    .mypages-usage-services-service-statistics-bar-textoutside {
      font-size: 12px; }
    .mypages-usage-services-service-statistics-bar-filler-textinside-first {
      font-size: 18px; }
    .mypages-usage-services-service-statistics-bar-filler-textinside-second {
      font-size: 14px; } }

/* CALENDAR */
.mypages-calendar-wrapper {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  padding: 0;
  margin: 30px auto 100px;
  box-sizing: border-box; }
  .mypages-calendar-wrapper-preamble {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 40px 0 0;
    margin: 0;
    border-top: 1px solid #ddd; }
  .mypages-calendar-wrapper-placeholder p.loading, .mypages-calendar-wrapper-placeholder p.error-message, .mypages-calendar-wrapper-placeholder p.empty-result {
    line-height: 35px;
    margin-top: 30px; }
  .mypages-calendar-wrapper-placeholder p.loading::after {
    display: inline-block;
    width: 50px;
    background: url(/Static/Images/loading_128.gif) no-repeat;
    background-size: 35px;
    content: "\00a0";
    margin: 0 0 0 10px; }

ul.mypages-calendar {
  border-top: none; }

.mypages-calendar {
  min-width: 280px;
  display: block;
  padding: 0;
  margin: 30px auto 170px;
  list-style: none;
  text-align: center;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #ddd;
  box-sizing: border-box; }
  .mypages-calendar-item {
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 30px 0;
    border-bottom: 1px solid #ddd; }
    .mypages-calendar-item-date {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 95px;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .mypages-calendar-item-date-time {
        display: block;
        padding: 13px 10px 10px;
        background-color: #f2f2f2;
        box-sizing: border-box;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        text-align: center;
        position: relative;
        transition: color 300ms ease; }
        .mypages-calendar-item-date-time-day {
          font-size: 26px;
          line-height: 1em;
          font-weight: 700;
          display: block;
          margin-bottom: 3px;
          position: relative;
          z-index: 20; }
        .mypages-calendar-item-date-time-month {
          font-size: 17px;
          line-height: 1em;
          text-transform: uppercase;
          display: block;
          position: relative;
          z-index: 20; }
        .mypages-calendar-item-date-time::before {
          content: '';
          display: block;
          position: absolute;
          z-index: 10;
          height: 75px;
          width: 75px;
          border-radius: 50%;
          top: 50%;
          left: 50%;
          transform: translate3d(-50%, -50%, 0) scale(0);
          background-color: rgba(0, 0, 0, 0.025);
          transition: transform 300ms ease; }
    .mypages-calendar-item-text {
      display: table-cell;
      font-weight: 500;
      font-size: 1.1875em;
      line-height: 1.4em;
      vertical-align: middle;
      text-align: left;
      width: calc(100% - 97px); }
      .mypages-calendar-item-text-title {
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 22px;
        line-height: 1em;
        color: #000;
        padding-bottom: 10px;
        margin-right: 1em;
        display: inline;
        transition: color 300ms ease; }
      .mypages-calendar-item-text-address {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 1.25em;
        display: inline;
        color: #7a8990;
        white-space: nowrap; }
      .mypages-calendar-item-text-info {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 1.25em;
        display: block;
        margin-top: 2%;
        max-width: 720px; }
      .mypages-calendar-item-text-link {
        display: inline-block;
        font-size: 19px;
        line-height: 24px;
        margin-top: 10px; }
        .mypages-calendar-item-text-link a {
          color: #1F6590; }
    .mypages-calendar-item:hover .mypages-calendar-item-date-time,
    .mypages-calendar-item:hover .mypages-calendar-item-text-title {
      color: #333333; }
    .mypages-calendar-item:hover .mypages-calendar-item-date-time::before {
      transform: translate3d(-50%, -50%, 0) scale(1); }

@media only screen and (max-width: 1226px) {
  .mypages-calendar-wrapper {
    max-width: calc(100% - 1.5rem); } }

@media only screen and (max-width: 719px) {
  .mypages-calendar {
    padding: 25px 0 50px;
    margin: 15px auto 0;
    border-bottom: 0; }
    .mypages-calendar-item {
      display: block;
      margin: 0 0 25px 0;
      padding: 0 0 25px 0; }
      .mypages-calendar-item-date {
        width: 90px;
        vertical-align: top; } }

@media only screen and (max-width: 480px) {
  .mypages-calendar-item-text-title,
  .mypages-calendar-item-text-address {
    display: block;
    padding-bottom: 5px;
    white-space: normal; } }

.mypages-issue {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  padding: 0;
  margin: 30px auto 170px;
  box-sizing: border-box; }
  .mypages-issue .form-field, .mypages-issue .form-checkbox-fake {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 19px;
    height: auto;
    border-radius: 2px;
    padding: 0.5em;
    margin-top: 0; }
    .mypages-issue .form-field::-webkit-input-placeholder, .mypages-issue .form-checkbox-fake::-webkit-input-placeholder {
      font-style: italic;
      color: #949494; }
    .mypages-issue .form-field::-moz-placeholder, .mypages-issue .form-checkbox-fake::-moz-placeholder {
      font-style: italic;
      color: #949494; }
    .mypages-issue .form-field:-ms-input-placeholder, .mypages-issue .form-checkbox-fake:-ms-input-placeholder {
      font-style: italic;
      color: #949494; }
    .mypages-issue .form-field:-moz-placeholder, .mypages-issue .form-checkbox-fake:-moz-placeholder {
      font-style: italic;
      color: #949494; }
    .mypages-issue .form-field:focus, .mypages-issue .form-checkbox-fake:focus, .mypages-issue .form-field:active, .mypages-issue .form-checkbox-fake:active {
      border-color: #004878;
      box-shadow: none; }
  .mypages-issue-new-issue {
    padding-top: 50px;
    border-top: 1px solid #ccc; }
    .mypages-issue-new-issue-heading {
      background-color: #004878;
      color: #fff;
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 60px;
      padding: 0 30px;
      text-transform: uppercase;
      cursor: pointer; }
      .mypages-issue-new-issue-heading:before {
        content: "";
        font-family: "custom-icons";
        padding-right: 15px;
        font-size: 15px;
        display: inline-block;
        float: left; }
    .mypages-issue-new-issue-inner {
      display: none;
      border: 1px solid #d2d2d2;
      border-top: none;
      padding: 30px;
      box-sizing: border-box; }
      .mypages-issue-new-issue-inner:after {
        content: '';
        display: table;
        clear: both; }
      .mypages-issue-new-issue-inner > label,
      .mypages-issue-new-issue-inner-settings-setting > label {
        display: block;
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .mypages-issue-new-issue-inner-textbox {
        width: 80%; }
        .mypages-issue-new-issue-inner-textbox--validation-error {
          border-color: #f00; }
      .mypages-issue-new-issue-inner-files-wrapper {
        margin-bottom: 30px; }
      .mypages-issue-new-issue-inner-heading {
        padding: 30px 0 20px;
        margin: 0;
        line-height: 1em;
        border-top: 1px solid #d2d2d2;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        text-transform: uppercase; }
      .mypages-issue-new-issue-inner-info {
        padding: 0;
        margin: 0 0 20px; }
      .mypages-issue-new-issue-inner-settings {
        display: flex;
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #d2d2d2; }
        .mypages-issue-new-issue-inner-settings-setting {
          width: calc(26.666666% - 20px);
          padding-right: 30px; }
      .mypages-issue-new-issue-inner-send {
        float: right;
        background-color: #004876;
        font-size: 20px;
        line-height: 40px;
        padding: 0 30px;
        margin: 15px 0 0 0;
        transition: background-color 50ms linear; }
        .mypages-issue-new-issue-inner-send:hover {
          text-decoration: none;
          background-color: #006193; }
        .mypages-issue-new-issue-inner-send--disabled-button {
          opacity: .5;
          cursor: default; }
      .mypages-issue-new-issue-inner label, .mypages-issue-new-issue-inner-textbox, .mypages-issue-new-issue-inner-settings {
        margin-bottom: 15px; }
    .mypages-issue-new-issue--open .mypages-issue-new-issue-heading:before {
      content: "";
      font-size: 4px; }
    .mypages-issue-new-issue--open .mypages-issue-new-issue-inner {
      display: block; }
  .mypages-issue-issues-list {
    margin-top: 1.5em; }
    .mypages-issue-issues-list thead tr th {
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 20px;
      color: #1a1a1a; }
      .mypages-issue-issues-list thead tr th:first-child {
        padding-left: 0; }
      .mypages-issue-issues-list thead tr th:last-child {
        padding-right: 0;
        text-align: right; }
    .mypages-issue-issues-list tbody tr td {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 22px;
      background-color: #fff;
      border-bottom: 1px solid #e2e2e2; }
      .mypages-issue-issues-list tbody tr td.status.red {
        color: #c3002f; }
      .mypages-issue-issues-list tbody tr td:first-child {
        padding-left: 0; }
      .mypages-issue-issues-list tbody tr td:last-child {
        padding-right: 0;
        text-align: right; }
        .mypages-issue-issues-list tbody tr td:last-child a, .mypages-issue-issues-list tbody tr td:last-child a:hover {
          color: #1F6590;
          text-decoration: none;
          padding-right: 5px;
          white-space: nowrap; }
          .mypages-issue-issues-list tbody tr td:last-child a::after, .mypages-issue-issues-list tbody tr td:last-child a:hover::after {
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: '';
            display: inline-block;
            height: 10px;
            width: 10px;
            position: relative;
            transform: rotate(135deg);
            margin: 0 0 2px 10px;
            transition: transform 75ms linear; }
        .mypages-issue-issues-list tbody tr td:last-child > a::before {
          content: attr(data-open);
          display: inline-block; }
    .mypages-issue-issues-list tbody tr.expand + tr {
      display: none; }
    .mypages-issue-issues-list tbody tr.open td {
      border-bottom: 0; }
    .mypages-issue-issues-list tbody tr.open td a::after,
    .mypages-issue-issues-list tbody tr.open td a:hover::after {
      border-width: 0 0 2px 2px;
      top: 5px; }
    .mypages-issue-issues-list tbody tr.open td a::after,
    .mypages-issue-issues-list tbody tr.open td a:hover::after {
      border-width: 0 0 2px 2px;
      top: 5px; }
    .mypages-issue-issues-list tbody tr.open td a::before {
      content: attr(data-close); }
    .mypages-issue-issues-list tbody tr.open + tr {
      display: table-row; }
      .mypages-issue-issues-list tbody tr.open + tr td {
        padding-bottom: 20px;
        border-bottom: 1px solid #e2e2e2; }
    .mypages-issue-issues-list-more {
      text-align: left;
      padding-bottom: 30px; }
      .mypages-issue-issues-list-more:after {
        content: '';
        display: table;
        clear: both; }
      .mypages-issue-issues-list-more-text {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 22px;
        line-height: 1.25em;
        padding: 0;
        margin: 0 0 40px;
        white-space: pre-wrap; }
      .mypages-issue-issues-list-more-file-wrapper--loading {
        background: url(/Static/Images/loading_128.gif) no-repeat 50% 0px;
        background-size: 50px;
        padding: 0;
        min-height: 200px; }
      .mypages-issue-issues-list-more-file-summary {
        border: 1px solid #e2e2e2;
        padding: 20px 30px 10px;
        margin: 0 0 40px;
        box-sizing: border-box; }
        .mypages-issue-issues-list-more-file-summary-heading {
          font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 19px;
          line-height: 1em;
          text-transform: uppercase;
          padding: 0 0 20px;
          margin: 0 0 20px;
          border-bottom: 1px solid #e2e2e2; }
        .mypages-issue-issues-list-more-file-summary-files form {
          display: inline; }
        .mypages-issue-issues-list-more-file-summary-files-file {
          display: inline-block;
          margin-bottom: 20px;
          margin-right: 25px;
          color: #1F6590;
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 20px;
          line-height: 1.1em; }
          .mypages-issue-issues-list-more-file-summary-files-file::before {
            content: "";
            font-family: "custom-icons";
            font-size: 20px;
            color: #7a8990;
            display: inline-block;
            margin-right: 10px; }
          .mypages-issue-issues-list-more-file-summary-files-file::after {
            content: none !important; }
      .mypages-issue-issues-list-more-comments {
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0 0 25px;
        overflow: hidden; }
        .mypages-issue-issues-list-more-comments-comment {
          width: 100%;
          padding: 20px 20px 30px;
          margin: 0 0 15px;
          display: flex;
          background-color: #f2f2f2;
          box-sizing: border-box; }
          .mypages-issue-issues-list-more-comments-comment-avatar {
            min-width: 58px;
            height: 58px;
            display: block;
            line-height: 58px;
            text-align: center;
            border-radius: 50%;
            background-color: #7a8990;
            color: #fff;
            margin-right: 15px;
            font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 30px;
            position: relative; }
            .mypages-issue-issues-list-more-comments-comment-avatar--blue {
              background-color: #004878; }
            .mypages-issue-issues-list-more-comments-comment-avatar span {
              position: relative;
              z-index: 20; }
            .mypages-issue-issues-list-more-comments-comment-avatar::before {
              content: '';
              display: block;
              position: absolute;
              z-index: 10;
              height: 0px;
              width: 0px;
              border-radius: 50%;
              top: 50%;
              left: 50%;
              transform: translate3d(-50%, -50%, 0);
              background-color: rgba(0, 0, 0, 0.075);
              transition: height 300ms ease, width 300ms ease; }
          .mypages-issue-issues-list-more-comments-comment-info {
            min-width: 210px;
            max-width: 210px;
            margin-right: 40px;
            font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 20px;
            line-height: 1.15em; }
            .mypages-issue-issues-list-more-comments-comment-info-name {
              font-weight: 800;
              padding-bottom: 5px; }
          .mypages-issue-issues-list-more-comments-comment-text {
            font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 20px;
            line-height: 1.25em;
            padding: 0;
            margin: 0; }
          .mypages-issue-issues-list-more-comments-comment:hover .mypages-issue-issues-list-more-comments-comment-avatar::before {
            height: 58px;
            width: 58px; }
      .mypages-issue-issues-list-more-textbox {
        width: 68%;
        margin-bottom: 20px;
        display: block; }
        .mypages-issue-issues-list-more-textbox--validation-error {
          border-color: #f00; }
      .mypages-issue-issues-list-more-button {
        background-color: #004876;
        font-size: 20px;
        line-height: 40px;
        padding: 0 30px;
        margin: 20px 0 0 0;
        float: left;
        clear: left; }
        .mypages-issue-issues-list-more-button--disabled-button {
          opacity: .5;
          cursor: default; }
    .mypages-issue-issues-list-comment-list--loading {
      background: url(/Static/Images/loading_128.gif) no-repeat 50% 0px;
      background-size: 50px;
      padding: 0 0 50px 0;
      min-height: 110px; }
  .mypages-issue .mypages-dropdown-large {
    display: inline-block;
    min-width: 157px;
    margin-top: 30px; }

#contactInformation > div {
  margin-top: 1em; }

.mypages-invoice-listitem .form-checkbox-fake:before {
  margin-top: -0.25em;
  position: absolute;
  top: 30%;
  left: 15%; }

@keyframes fadeInGenericDropdownlist {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(5px);
    z-index: 9999; } }

@keyframes fadeInGenericDropdownlistCenter {
  0% {
    opacity: 0;
    transform: translateY(-10px) translateX(-50%); }
  100% {
    opacity: 1;
    transform: translateY(5px) translateX(-50%);
    z-index: 99999999; } }

@media only screen and (max-width: 1226px) {
  .mypages-issue {
    max-width: calc(100% - 1.5rem); }
    .mypages-issue .mypages-heading {
      margin-left: 0;
      margin-right: 0; } }

@media only screen and (max-width: 940px) {
  .mypages-issue-new-issue {
    /*&-heading {
            line-height: 60px;
            padding: 0 30px;

            &:before {
                padding-right: 20px;
                font-size: 15px;
            }
        }*/ }
    .mypages-issue-new-issue-inner {
      padding: 20px;
      /*&-send {
                font-size: 20px;
                line-height: 40px;
                padding: 0 30px;
                margin: 15px 0 0 0;
            }

            & label,
            &-textbox,
            &-settings {
                margin-bottom: 15px;
            }*/ }
      .mypages-issue-new-issue-inner-textbox {
        width: 100%; }
      .mypages-issue-new-issue-inner-files-wrapper {
        margin-bottom: 30px; }
      .mypages-issue-new-issue-inner-heading {
        /*padding: 30px 0 20px;*/ }
      .mypages-issue-new-issue-inner-info {
        padding: 0;
        margin: 0 0 20px; }
      .mypages-issue-new-issue-inner-settings {
        /*padding-bottom: 30px;*/ }
        .mypages-issue-new-issue-inner-settings-setting {
          width: 33.333333%; }
          .mypages-issue-new-issue-inner-settings-setting:last-child {
            padding-right: 0; }
    .mypages-issue-new-issue--open .mypages-issue-new-issue-heading:before {
      font-size: 4px; }
  .mypages-issue-issues-list-more-comments-comment-info {
    margin-right: 20px; }
  .mypages-invoice-list.mypages-table td {
    padding-left: 10px;
    padding-right: 10px; }
  .mypages-invoice-list .my-pages-invoice-allinvoices-check td {
    display: none; }
    .mypages-invoice-list .my-pages-invoice-allinvoices-check td:before {
      display: none; }
    .mypages-invoice-list .my-pages-invoice-allinvoices-check td.mypages-invoice-listitem {
      display: block; } }

@media only screen and (max-width: 740px) {
  .mypages-issue-issues-list {
    margin-top: 1em;
    margin-bottom: 2em;
    border-top: 1px solid #e2e2e2;
    /*&--status tbody tr:not(.open) td:nth-last-child(3) {
            padding-bottom: 25px;
            text-align: left;
            border-bottom: 1px solid #e2e2e2;
        }*/ }
    .mypages-issue-issues-list thead {
      display: none; }
    .mypages-issue-issues-list tbody {
      display: block; }
      .mypages-issue-issues-list tbody tr {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        position: relative; }
        .mypages-issue-issues-list tbody tr:after {
          content: "";
          display: table;
          clear: both; }
    .mypages-issue-issues-list tbody tr td {
      display: block;
      float: left;
      width: 100%;
      font-size: 22px;
      border-bottom: none;
      padding: 10px 0;
      order: 2; }
      .mypages-issue-issues-list tbody tr td::before {
        content: attr(data-columnname);
        display: block;
        width: 100%;
        font-weight: 800;
        padding-bottom: 5px;
        color: #1a1a1a;
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .mypages-issue-issues-list tbody tr td:first-child {
        padding-top: 25px;
        order: 1; }
      .mypages-issue-issues-list tbody tr td:last-child {
        display: inline-block;
        width: auto;
        position: absolute;
        top: 25px;
        right: 0;
        padding: 0; }
        .mypages-issue-issues-list tbody tr td:last-child::before {
          display: none; }
      .mypages-issue-issues-list tbody tr td.status {
        order: 1; }
    .mypages-issue-issues-list:not(.mypages-issue-issues-list--status) tbody tr:not(.open) td:nth-last-child(3) {
      padding-bottom: 25px;
      text-align: left;
      border-bottom: 1px solid #e2e2e2; }
    .mypages-issue-issues-list tbody tr.expand + tr {
      display: none; }
    .mypages-issue-issues-list tbody tr.open td {
      border-bottom: 0; }
    .mypages-issue-issues-list tbody tr.open + tr {
      display: block; }
      .mypages-issue-issues-list tbody tr.open + tr td {
        display: block;
        width: 100%;
        position: static; }
    .mypages-issue-issues-list-more {
      padding-top: 27px;
      padding-bottom: 60px; }
      .mypages-issue-issues-list-more-text {
        font-size: 20px;
        margin: 0 0 40px; }
      .mypages-issue-issues-list-more-file-summary-files {
        width: calc(100vw - 104px); }
        .mypages-issue-issues-list-more-file-summary-files-file {
          margin-right: 0;
          display: block;
          overflow: hidden;
          text-overflow: ellipsis; }
      .mypages-issue-issues-list-more-comments {
        padding: 0;
        margin: 0 0 25px; }
        .mypages-issue-issues-list-more-comments-comment {
          padding: 20px 20px 30px;
          margin: 0 0 15px;
          flex-wrap: wrap; }
          .mypages-issue-issues-list-more-comments-comment-avatar {
            margin-right: 20px; }
          .mypages-issue-issues-list-more-comments-comment-info {
            margin-right: 0;
            min-width: calc(100% - 78px);
            max-width: calc(100% - 78px); }
          .mypages-issue-issues-list-more-comments-comment-text {
            padding: 20px 0 0; }
      .mypages-issue-issues-list-more-textbox {
        width: 100%;
        padding: 15px;
        font-size: 22px; }
      .mypages-issue-issues-list-more-button {
        width: 100%;
        padding: 0; } }

@media only screen and (max-width: 719px) {
  .mypages-issue-new-issue-heading {
    line-height: 44px;
    padding: 0 15px; }
    .mypages-issue-new-issue-heading:before {
      padding-right: 10px;
      font-size: 11px; }
  .mypages-issue-new-issue-inner {
    padding: 40px 20px 30px; }
    .mypages-issue-new-issue-inner-settings {
      display: block;
      padding-bottom: 0;
      margin-bottom: 0; }
      .mypages-issue-new-issue-inner-settings-setting {
        width: 100%;
        padding-right: 0;
        padding-bottom: 25px; }
    .mypages-issue-new-issue-inner-send {
      box-sizing: border-box;
      width: 100%;
      margin: 25px 0 0 0; }
  .mypages-issue-new-issue--open .mypages-issue-new-issue-heading:before {
    font-size: 3px; } }

@media only screen and (max-width: 480px) {
  .mypages-issue-issues-list-more-file-summary {
    padding: 20px 20px 5px;
    margin: 0 0 50px; }
    .mypages-issue-issues-list-more-file-summary-heading {
      font-size: 18px;
      padding: 0 0 15px;
      margin: 0 0 15px; }
    .mypages-issue-issues-list-more-file-summary-files {
      width: calc(100vw - 86px); }
  .mypages-issue-issues-list-more-comments-comment-info-name {
    white-space: normal; } }

body.mpmeterregistrationpage .information-container {
  max-width: 42.95em; }

body.mpmeterregistrationpage .mypages-pointofdelivery {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  margin-bottom: 5em;
  border-top: solid 1px #ddd; }
  body.mpmeterregistrationpage .mypages-pointofdelivery ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.mpmeterregistrationpage .mypages-pointofdelivery li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.mpmeterregistrationpage .mypages-pointofdelivery li {
    position: relative;
    border-bottom: solid 1px #ddd;
    padding: 1.5em 0;
    overflow: hidden; }
  body.mpmeterregistrationpage .mypages-pointofdelivery h3 {
    margin: 0 0 0.1em 0;
    float: left; }
  body.mpmeterregistrationpage .mypages-pointofdelivery .grid {
    max-width: 564px; }
  body.mpmeterregistrationpage .mypages-pointofdelivery form {
    overflow: hidden;
    clear: both; }
    body.mpmeterregistrationpage .mypages-pointofdelivery form .form-field, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-checkbox-fake {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000;
      border-radius: 2px; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .form-field::-webkit-input-placeholder, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-checkbox-fake::-webkit-input-placeholder {
        font-style: italic;
        color: #949494; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .form-field::-moz-placeholder, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-checkbox-fake::-moz-placeholder {
        font-style: italic;
        color: #949494; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .form-field:-ms-input-placeholder, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-checkbox-fake:-ms-input-placeholder {
        font-style: italic;
        color: #949494; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .form-field:-moz-placeholder, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-checkbox-fake:-moz-placeholder {
        font-style: italic;
        color: #949494; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .form-field:focus, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-checkbox-fake:focus, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-field:active, body.mpmeterregistrationpage .mypages-pointofdelivery form .form-checkbox-fake:active {
        border-color: #004878;
        box-shadow: none; }
    body.mpmeterregistrationpage .mypages-pointofdelivery form .date-wrapper .datepicker span:before {
      top: 1px;
      border-right: 0;
      border-top: 0;
      border-bottom: 0;
      border-color: #d2d2d2; }
    body.mpmeterregistrationpage .mypages-pointofdelivery form .button, body.mpmeterregistrationpage .mypages-pointofdelivery form .calltoaction, body.mpmeterregistrationpage .mypages-pointofdelivery form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.mpmeterregistrationpage .mypages-pointofdelivery form .link-button {
      font-size: 20px;
      background-color: #004878;
      transition: background-color 50ms linear;
      margin-right: 0.75em;
      background-image: none; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .button:hover, body.mpmeterregistrationpage .mypages-pointofdelivery form .calltoaction:hover, body.mpmeterregistrationpage .mypages-pointofdelivery form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.mpmeterregistrationpage .mypages-pointofdelivery form .link-button:hover {
        background-color: #006193; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .button--secondary {
        font-size: 20px;
        background-color: #e8e8e8;
        color: #656565;
        border: 1px solid #ddd;
        transition: background-color 50ms linear; }
        body.mpmeterregistrationpage .mypages-pointofdelivery form .button--secondary:hover {
          background-color: #ddd; }
      body.mpmeterregistrationpage .mypages-pointofdelivery form .button--loading {
        background-image: url(/static/images/loading_128_2.gif);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 40px;
        color: transparent !important; }
  body.mpmeterregistrationpage .mypages-pointofdelivery .form-group:last-child {
    border-bottom: none;
    padding-bottom: 0; }

body.mpmeterregistrationpage .mypages-registration {
  float: right;
  margin-top: 0.15em;
  position: relative;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  color: #1F6590; }
  body.mpmeterregistrationpage .mypages-registration:hover {
    color: #006193;
    text-decoration: none; }
  body.mpmeterregistrationpage .mypages-registration::before {
    font-size: 40px;
    line-height: 22px;
    padding-top: 3px;
    float: right; }

body.mpmeterregistrationpage .mypages-meter-heading {
  color: #000;
  margin-right: 1em; }

body.mpmeterregistrationpage .mypages-meter-value {
  margin-top: 0.4em; }

body.mpmeterregistrationpage .mypages-meter-reading {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.mpmeterregistrationpage .mypages-pointofdelivery-loading {
  background: url(/static/images/loading_128.gif) no-repeat;
  background-size: 30px;
  position: absolute;
  top: -4px;
  left: -40px;
  right: 0;
  height: 30px;
  width: 30px; }

body.mpmeterregistrationpage .mypages-pointofdelivery-item {
  clear: both;
  overflow: hidden; }
  body.mpmeterregistrationpage .mypages-pointofdelivery-item form:last-child .form-group {
    border-bottom: none;
    padding-bottom: 0; }

@media only screen and (max-width: 940px) {
  body.mpmeterregistrationpage .mypages-heading {
    max-width: 768px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-left: auto;
    margin-right: auto; }
  body.mpmeterregistrationpage h3 {
    font-size: 100%; }
  body.mpmeterregistrationpage .mypages-pointofdelivery li {
    padding: 1.1em 0; }
  body.mpmeterregistrationpage form .form-label {
    font-size: 100%; }
  body.mpmeterregistrationpage form .form-field, body.mpmeterregistrationpage form .form-checkbox-fake, body.mpmeterregistrationpage form .form-checkbox-fake {
    padding: 0.2em 0.5em;
    height: 38px; }
  body.mpmeterregistrationpage form .date-wrapper .datepicker {
    top: 30px;
    right: 1px; }
    body.mpmeterregistrationpage form .date-wrapper .datepicker span:before {
      line-height: 1.46667em; } }

@media only screen and (max-width: 719px) {
  body.mpmeterregistrationpage .mypages-heading {
    line-height: 32px;
    text-align: center;
    font-size: 1.45em;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto; }
  body.mpmeterregistrationpage .mypages-pointofdelivery h3 {
    font-size: 1.15em;
    margin-bottom: 0.43478em;
    float: none; }
  body.mpmeterregistrationpage .mypages-registration {
    position: relative;
    display: block;
    top: auto;
    right: auto;
    font-size: 1.15em;
    float: none; }
    body.mpmeterregistrationpage .mypages-registration:before {
      float: none;
      position: absolute;
      top: 2px;
      right: auto;
      left: 100px;
      width: 10px;
      height: 10px; }
  body.mpmeterregistrationpage .mypages-pointofdelivery-loading {
    top: -4px;
    left: auto;
    right: 0;
    height: 30px;
    width: 30px; }
  body.mpmeterregistrationpage .mypages-meter-heading {
    margin: 0;
    display: block;
    line-height: 1.2em;
    font-size: 1em; }
  body.mpmeterregistrationpage .mypages-meter-reading {
    display: block;
    line-height: 1.2em;
    font-size: 1em; }
  body.mpmeterregistrationpage .mypages-meter-value {
    font-size: 1em; }
  body.mpmeterregistrationpage form .date-wrapper .datepicker span:before {
    font-size: 24px; }
  body.mpmeterregistrationpage form .button, body.mpmeterregistrationpage form .calltoaction, body.mpmeterregistrationpage form body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.mpmeterregistrationpage form .link-button {
    margin-right: 0;
    margin-bottom: 0.75em; }
    body.mpmeterregistrationpage form .button--secondary {
      margin-bottom: 0;
      box-sizing: border-box;
      text-align: center; } }

.mypages-invoice-settings {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  padding: 0;
  margin: 30px auto 170px;
  box-sizing: border-box; }
  .mypages-invoice-settings-table {
    margin-top: 1.5em;
    border-top: 1px solid #e2e2e2; }
    .mypages-invoice-settings-table thead tr th {
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 20px;
      color: #1a1a1a;
      text-align: center;
      width: 20%;
      padding-top: 60px; }
      .mypages-invoice-settings-table thead tr th .icon {
        font-size: 70px;
        color: #7a8990;
        margin-bottom: 10px;
        position: relative;
        display: inline-block;
        transition: font-size 100ms linear; }
        .mypages-invoice-settings-table thead tr th .icon .environment {
          display: inline-block;
          background-color: #409d6a;
          color: #fff;
          padding: 10px 15px;
          border-radius: 6px;
          font-size: 14px;
          font-weight: 900;
          position: absolute;
          top: -20px;
          left: calc(100% + 10px);
          white-space: nowrap;
          text-transform: uppercase;
          transition: font-size 100ms linear, top 100ms linear, left 100ms linear, padding 100ms linear; }
          .mypages-invoice-settings-table thead tr th .icon .environment::after {
            content: '';
            display: block;
            height: 0;
            width: 0;
            border: 15px solid transparent;
            border-left: 15px solid #409d6a;
            position: absolute;
            bottom: -8px;
            left: 0; }
      .mypages-invoice-settings-table thead tr th .heading {
        font-size: 24px;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 10px;
        transition: font-size 100ms linear; }
      .mypages-invoice-settings-table thead tr th .text {
        font-size: 19px;
        line-height: 1.25em;
        margin-bottom: 10px;
        transition: font-size 100ms linear; }
      .mypages-invoice-settings-table thead tr th:first-child {
        padding-left: 0;
        text-align: left;
        vertical-align: bottom; }
      .mypages-invoice-settings-table thead tr th:last-child {
        padding-right: 0;
        text-align: right;
        width: 10%; }
    .mypages-invoice-settings-table tbody tr td {
      background-color: #fff;
      color: #7a8990;
      border-bottom: 1px solid #e2e2e2;
      text-align: center;
      vertical-align: middle;
      padding: 30px 0.625em;
      position: relative; }
      .mypages-invoice-settings-table tbody tr td.checked::after {
        font-size: 32px;
        line-height: 36px;
        content: "";
        font-family: "custom-icons"; }
      .mypages-invoice-settings-table tbody tr td:first-child {
        padding-left: 0;
        text-align: left;
        font-size: 24px;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333333; }
        .mypages-invoice-settings-table tbody tr td:first-child a, .mypages-invoice-settings-table tbody tr td:first-child a:hover {
          display: block;
          font-size: 22px;
          line-height: 1.1em;
          color: #1F6590;
          text-decoration: none;
          padding: 10px 0 0 0;
          white-space: nowrap; }
      .mypages-invoice-settings-table tbody tr td:last-child {
        padding-right: 0;
        text-align: right; }
        .mypages-invoice-settings-table tbody tr td:last-child a, .mypages-invoice-settings-table tbody tr td:last-child a:hover {
          font-size: 22px;
          color: #1F6590;
          text-decoration: none;
          padding-right: 5px;
          white-space: nowrap; }
          .mypages-invoice-settings-table tbody tr td:last-child a::after, .mypages-invoice-settings-table tbody tr td:last-child a:hover::after {
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: '';
            display: inline-block;
            height: 10px;
            width: 10px;
            position: relative;
            transform: rotate(135deg);
            margin: 0 0 2px 10px;
            transition: transform 75ms linear; }
        .mypages-invoice-settings-table tbody tr td:last-child a::before {
          content: attr(data-open);
          display: inline-block; }
      .mypages-invoice-settings-table tbody tr td > label > input[type="radio"] {
        position: relative;
        width: 32px;
        height: 32px;
        margin: 0;
        opacity: 1e-13;
        float: left;
        margin: 2px 17px 2px 2px; }
      .mypages-invoice-settings-table tbody tr td > label {
        position: relative;
        height: 36px;
        line-height: 36px;
        font-size: 22px;
        display: inline-block;
        white-space: nowrap;
        color: #004878; }
        .mypages-invoice-settings-table tbody tr td > label:not(.disabled)::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          height: 36px;
          width: 36px;
          border: 1px solid #ccc;
          background-color: #fff;
          box-sizing: border-box;
          border-radius: 50%;
          box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.3);
          z-index: 1;
          transition: box-shadow 150ms linear; }
        .mypages-invoice-settings-table tbody tr td > label.disabled {
          color: #949494; }
      .mypages-invoice-settings-table tbody tr td.checked > label::before {
        box-shadow: none; }
      .mypages-invoice-settings-table tbody tr td.checked > label::after {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        left: 8px;
        height: 20px;
        width: 20px;
        padding: 0;
        margin: 0;
        background-color: #004878;
        border-radius: 50%;
        z-index: 2;
        animation-duration: 150ms;
        animation-name: animateRadioButtonInner; }
    .mypages-invoice-settings-table tbody tr.expand:not(.open) > td > label {
      display: none; }
    .mypages-invoice-settings-table tbody tr.expand.open > td.checked::after {
      display: none; }
    .mypages-invoice-settings-table tbody tr.expand--disabled td div.multiple-options {
      text-align: left;
      padding: 0 250px 0 50px;
      font-size: 22px;
      line-height: 1.25em;
      color: #949494; }
    .mypages-invoice-settings-table tbody tr.expand:not(.expand--disabled) + tr {
      display: none; }
    .mypages-invoice-settings-table tbody tr.open:not(.expand--disabled) td {
      border-bottom: 0; }
    .mypages-invoice-settings-table tbody tr.open:not(.expand--disabled) td a::before {
      content: attr(data-close); }
    .mypages-invoice-settings-table tbody tr.open:not(.expand--disabled) td a::after,
    .mypages-invoice-settings-table tbody tr.open:not(.expand--disabled) td a:hover::after {
      border-width: 0 0 2px 2px;
      top: 5px; }
    .mypages-invoice-settings-table tbody tr.open:not(.expand--disabled) + tr {
      display: table-row; }
      .mypages-invoice-settings-table tbody tr.open:not(.expand--disabled) + tr td {
        padding: 0;
        border-bottom: 1px solid #e2e2e2; }
    .mypages-invoice-settings-table-more {
      text-align: left;
      padding: 10px 0 30px;
      font-size: 22px; }
      .mypages-invoice-settings-table-more:after {
        content: '';
        display: table;
        clear: both; }
      .mypages-invoice-settings-table-more p {
        font-size: 22px;
        line-height: 1.25em;
        color: #949494; }
      .mypages-invoice-settings-table-more > .mypages-dropdown {
        width: 21.25%; }
      .mypages-invoice-settings-table-more > input[type="text"] {
        width: 21.25%;
        box-sizing: border-box;
        font-size: 20px;
        line-height: 38px;
        padding: 0 20px;
        margin: 0 30px 0 0;
        color: #000;
        background-color: #fbfbfb;
        border: 1px solid #d2d2d2;
        border-radius: 2px;
        float: left; }
        .mypages-invoice-settings-table-more > input[type="text"]::-webkit-input-placeholder {
          color: #949494;
          font-style: italic; }
        .mypages-invoice-settings-table-more > input[type="text"]::-moz-placeholder {
          color: #949494;
          font-style: italic; }
        .mypages-invoice-settings-table-more > input[type="text"]:-ms-input-placeholder {
          color: #949494;
          font-style: italic; }
        .mypages-invoice-settings-table-more > input[type="text"]:-moz-placeholder {
          color: #949494;
          font-style: italic; }
      .mypages-invoice-settings-table-more-save {
        background-color: #004876;
        color: #fff;
        border-radius: 2px;
        border: 0;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 40px;
        padding: 0 30px;
        margin: 30px 0 0 0;
        cursor: pointer;
        float: left;
        clear: left; }
        .mypages-invoice-settings-table-more-save--disabled-button {
          opacity: .5;
          cursor: default; }

.mypages-overlay-content ul.three-columns {
  -moz-columns: 3;
  columns: 3; }

@keyframes animateRadioButtonInner {
  0% {
    height: 0;
    width: 0;
    transform: translate3d(10px, 10px, 0); }
  100% {
    height: 20px;
    width: 20px;
    transform: translate3d(0, 0, 0); } }

@media only screen and (max-width: 1226px) {
  .mypages-invoice-settings {
    max-width: calc(100% - 1.5rem); }
    .mypages-invoice-settings-table {
      margin-top: 1.5em;
      border-top: 1px solid #e2e2e2; }
      .mypages-invoice-settings-table thead tr th {
        font-size: 18px;
        width: 15%; }
        .mypages-invoice-settings-table thead tr th .icon {
          font-size: 50px; }
          .mypages-invoice-settings-table thead tr th .icon .environment {
            padding: 7px 10px;
            font-size: 10px;
            top: -15px;
            left: calc(100% + 5px); }
            .mypages-invoice-settings-table thead tr th .icon .environment::after {
              border: 10px solid transparent;
              border-left: 10px solid #409d6a;
              bottom: -8px; }
        .mypages-invoice-settings-table thead tr th .heading {
          font-size: 22px; }
        .mypages-invoice-settings-table thead tr th .text {
          font-size: 16px; }
        .mypages-invoice-settings-table thead tr th:last-child {
          width: 5%; }
      .mypages-invoice-settings-table tbody tr td {
        padding: 30px 0.625em; }
        .mypages-invoice-settings-table tbody tr td.checked::after {
          font-size: 24px;
          line-height: 1em; }
        .mypages-invoice-settings-table tbody tr td:first-child {
          font-size: 20px; }
          .mypages-invoice-settings-table tbody tr td:first-child a, .mypages-invoice-settings-table tbody tr td:first-child a:hover {
            font-size: 18px;
            line-height: 1em;
            padding: 10px 0 0 0; }
        .mypages-invoice-settings-table tbody tr td:last-child a, .mypages-invoice-settings-table tbody tr td:last-child a:hover {
          font-size: 18px; }
          .mypages-invoice-settings-table tbody tr td:last-child a::after, .mypages-invoice-settings-table tbody tr td:last-child a:hover::after {
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: '';
            display: inline-block;
            height: 10px;
            width: 10px;
            position: relative;
            transform: rotate(135deg);
            margin: 0 0 2px 10px;
            transition: transform 75ms linear; }
        .mypages-invoice-settings-table tbody tr td > label > input[type="radio"] {
          width: 32px;
          height: 32px;
          margin: 2px 17px 2px 2px; }
        .mypages-invoice-settings-table tbody tr td > label {
          height: 36px;
          line-height: 36px;
          font-size: 22px; }
          .mypages-invoice-settings-table tbody tr td > label span {
            display: none; }
          .mypages-invoice-settings-table tbody tr td > label:not(.disabled)::before {
            height: 36px;
            width: 36px; }
        .mypages-invoice-settings-table tbody tr td.checked > label::after {
          top: 8px;
          left: 8px;
          height: 20px;
          width: 20px; }
      .mypages-invoice-settings-table tbody tr.expand--disabled td div.multiple-options {
        padding: 0 20% 0 0;
        font-size: 18px;
        line-height: 1.25em; } }

@media only screen and (max-width: 940px) {
  .mypages-overlay-content ul.three-columns {
    -moz-columns: 2;
    columns: 2; }
  .mypages-invoice-settings-table {
    margin-top: 0; }
    .mypages-invoice-settings-table thead {
      display: none; }
    .mypages-invoice-settings-table tbody tr {
      display: flex;
      flex-wrap: wrap; }
      .mypages-invoice-settings-table tbody tr td {
        padding: 35px 0 30px;
        width: 30%; }
        .mypages-invoice-settings-table tbody tr td::before {
          content: attr(data-columnname);
          display: block;
          width: 100%;
          font-size: 20px;
          padding-bottom: 15px;
          color: #333333;
          font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        .mypages-invoice-settings-table tbody tr td:first-child {
          width: 75%;
          order: -1;
          font-size: 22px;
          border: 0;
          padding-bottom: 0; }
          .mypages-invoice-settings-table tbody tr td:first-child::before {
            content: '';
            display: none; }
          .mypages-invoice-settings-table tbody tr td:first-child a, .mypages-invoice-settings-table tbody tr td:first-child a:hover {
            font-size: 22px; }
        .mypages-invoice-settings-table tbody tr td:last-child {
          width: 25%;
          order: -1;
          border: 0;
          padding-bottom: 0; }
          .mypages-invoice-settings-table tbody tr td:last-child::before {
            content: '';
            display: none; }
          .mypages-invoice-settings-table tbody tr td:last-child a, .mypages-invoice-settings-table tbody tr td:last-child a:hover {
            font-size: 22px; }
        .mypages-invoice-settings-table tbody tr td:nth-child(4) {
          width: 40%; }
        .mypages-invoice-settings-table tbody tr td > label > input[type="radio"] {
          margin: 2px; }
    .mypages-invoice-settings-table tbody tr.expand--disabled td:last-child {
      width: 100%;
      padding-bottom: 35px;
      border-bottom: 1px solid #e2e2e2; }
    .mypages-invoice-settings-table tbody tr.expand--disabled td div.multiple-options {
      padding: 0;
      font-size: 20px; }
    .mypages-invoice-settings-table-more {
      padding: 0 0 30px;
      font-size: 22px;
      display: flex;
      flex-wrap: wrap; }
      .mypages-invoice-settings-table-more p {
        font-size: 22px;
        margin-bottom: 30px;
        order: 1; }
      .mypages-invoice-settings-table-more > .mypages-dropdown {
        width: 100%;
        margin-bottom: 30px; }
      .mypages-invoice-settings-table-more > input[type="text"] {
        width: 100%;
        font-size: 20px;
        line-height: 38px;
        padding: 0 20px;
        margin: 0 0 30px; }
      .mypages-invoice-settings-table-more-save {
        font-size: 20px;
        line-height: 40px;
        padding: 0 30px;
        margin: 0;
        order: 2; } }

@media only screen and (max-width: 719px) {
  .mypages-overlay-content ul.three-columns {
    -moz-columns: 1;
    columns: 1; } }

.mypages-order-or-book {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  padding: 0;
  margin: 30px auto 100px;
  box-sizing: border-box; }
  .mypages-order-or-book .form-label {
    padding-left: 20px; }
  .mypages-order-or-book .mypages-dropdown-button {
    display: block; }
  .mypages-order-or-book a {
    color: #1F6590; }
    .mypages-order-or-book a:hover {
      color: #1F6590;
      text-decoration: none; }
  .mypages-order-or-book .form-field, .mypages-order-or-book .form-checkbox-fake {
    color: #000;
    font-size: 19px;
    height: auto;
    border-radius: 2px;
    padding: 0.5em;
    margin-top: 0; }
    .mypages-order-or-book .form-field::-webkit-input-placeholder, .mypages-order-or-book .form-checkbox-fake::-webkit-input-placeholder {
      color: #949494;
      font-style: italic; }
    .mypages-order-or-book .form-field::-moz-placeholder, .mypages-order-or-book .form-checkbox-fake::-moz-placeholder {
      color: #949494;
      font-style: italic; }
    .mypages-order-or-book .form-field:-ms-input-placeholder, .mypages-order-or-book .form-checkbox-fake:-ms-input-placeholder {
      color: #949494;
      font-style: italic; }
    .mypages-order-or-book .form-field:-moz-placeholder, .mypages-order-or-book .form-checkbox-fake:-moz-placeholder {
      color: #949494;
      font-style: italic; }
    .mypages-order-or-book .form-field:focus, .mypages-order-or-book .form-checkbox-fake:focus, .mypages-order-or-book .form-field:active, .mypages-order-or-book .form-checkbox-fake:active {
      border-color: #004878;
      box-shadow: none; }
  .mypages-order-or-book__preamble {
    font-size: 22px;
    font-weight: 700;
    padding: 40px 0 0;
    margin: 0;
    border-top: 1px solid #ddd;
    font-style: italic; }
  .mypages-order-or-book__product-list {
    width: 100%;
    padding: 0;
    margin: 40px 0 0;
    list-style: none; }
  .mypages-order-or-book__list-item {
    box-sizing: border-box;
    padding: 30px;
    margin: 0 0 30px 0;
    background-color: #f2f2f2;
    font-size: 19px;
    display: flex;
    flex-direction: column; }
    @media (min-width: 719px) {
      .mypages-order-or-book__list-item {
        flex-direction: row; }
        .mypages-order-or-book__list-item--left {
          padding-right: 30px;
          width: 100%; }
        .mypages-order-or-book__list-item--right {
          min-width: 230px;
          text-align: center; } }
  .mypages-order-or-book__list-item-heading {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #333333;
    line-height: 1em;
    padding: 0;
    margin: 0 0 20px; }
  .mypages-order-or-book__list-item-text {
    line-height: 1.25em;
    padding: 0;
    margin: 0; }
    .mypages-order-or-book__list-item-text > strong {
      display: inline-block;
      padding-top: 1em; }
  .mypages-order-or-book__list-item-button {
    background-color: #004876;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    padding: 0 30px;
    margin: 0 0 15px;
    transition: background-color 50ms linear; }
    .mypages-order-or-book__list-item-button:hover {
      background-color: #1F6590; }
  .mypages-order-or-book__list-item-price {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
    line-height: 1em;
    white-space: nowrap;
    padding: 0;
    margin: 0; }
  .mypages-order-or-book .mypages-overlay-content-form {
    display: block; }
    .mypages-order-or-book .mypages-overlay-content-form-columns-column > label,
    .mypages-order-or-book .mypages-overlay-content-form-textbox > label {
      font-weight: 700;
      padding-bottom: 15px;
      display: block;
      font-size: 20px; }
      .mypages-order-or-book .mypages-overlay-content-form-columns-column > label span,
      .mypages-order-or-book .mypages-overlay-content-form-textbox > label span {
        font-weight: 400; }
    .mypages-order-or-book .mypages-overlay-content-form-columns {
      display: flex;
      margin: 0 0 30px; }
      .mypages-order-or-book .mypages-overlay-content-form-columns-column {
        width: 33.333%;
        padding-right: 30px; }
        .mypages-order-or-book .mypages-overlay-content-form-columns-column--current-size {
          padding-top: 45px; }
    .mypages-order-or-book .mypages-overlay-content-form-dropdown {
      width: 100%;
      overflow: visible; }
    .mypages-order-or-book .mypages-overlay-content-form-dropdown-small {
      width: 50%;
      overflow: visible; }
    .mypages-order-or-book .mypages-overlay-content-form-textbox-input {
      width: 80%;
      margin-bottom: 15px; }
    .mypages-order-or-book .mypages-overlay-content-form-selected-product {
      padding: 30px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product.fullmakt {
        padding: 0;
        max-width: 800px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-button {
        background-color: #004876;
        border-radius: 2px;
        line-height: 40px;
        padding: 0 30px;
        margin: 10px 0 0;
        float: right;
        background-image: none;
        transition: background-color 50ms linear; }
        .mypages-order-or-book .mypages-overlay-content-form-selected-product-button:hover {
          background-color: #1F6590; }
        .mypages-order-or-book .mypages-overlay-content-form-selected-product-button--disabled-button {
          opacity: .5;
          cursor: default; }
        .mypages-order-or-book .mypages-overlay-content-form-selected-product-button--loading {
          background-image: url(/static/images/loading_128_2.gif);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 40px;
          color: transparent !important; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-order {
        padding-bottom: 10px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-order, .mypages-order-or-book .mypages-overlay-content-form-selected-product-price {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        text-transform: uppercase;
        color: #000;
        line-height: 22px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-order span, .mypages-order-or-book .mypages-overlay-content-form-selected-product-price span {
        font-size: 22px;
        font-weight: 700;
        text-transform: none;
        display: inline-block;
        padding-left: 20px;
        color: #0c0c0c; }
    .mypages-order-or-book .mypages-overlay-content-form--hidden {
      display: none; }
  .mypages-order-or-book .mypages-overlay-content-form-complete {
    display: block;
    overflow: hidden; }
    .mypages-order-or-book .mypages-overlay-content-form-complete--hidden {
      display: none; }
    .mypages-order-or-book .mypages-overlay-content-form-complete p {
      font-size: 22px;
      color: #000;
      max-width: 545px;
      margin: 0 auto;
      line-height: 1.25em;
      position: relative;
      padding-left: 60px; }
      .mypages-order-or-book .mypages-overlay-content-form-complete p::before {
        content: '';
        display: block;
        height: 40px;
        width: 40px;
        border: 2px solid #7a8990;
        border-radius: 50%;
        margin: 0;
        float: left;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
      .mypages-order-or-book .mypages-overlay-content-form-complete p::after {
        content: '';
        display: block;
        content: "";
        font-family: "custom-icons";
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        font-size: 18px;
        color: #7a8990; }
    .mypages-order-or-book .mypages-overlay-content-form-complete--failed p::after {
      content: "";
      left: 9px;
      top: 47%; }

@media only screen and (max-width: 1226px) {
  .mypages-order-or-book {
    max-width: calc(100% - 1.5rem); } }

@media only screen and (max-width: 940px) {
  .mypages-order-or-book .mypages-overlay-content-form {
    padding: 10px;
    /*&-dropdown {
            width: calc(100% - 1px);
            margin: 0 0 20px;
        }*/ }
    .mypages-order-or-book .mypages-overlay-content-form-columns {
      justify-content: space-between; }
      .mypages-order-or-book .mypages-overlay-content-form-columns-column {
        width: calc(50% - 15px);
        padding-right: 0; }
    .mypages-order-or-book .mypages-overlay-content-form-dropdown {
      width: 100%; }
    .mypages-order-or-book .mypages-overlay-content-form-dropdown-small {
      width: 100%; }
    .mypages-order-or-book .mypages-overlay-content-form-textbox-input {
      width: 100%;
      font-size: 22px;
      margin-bottom: 15px; }
    .mypages-order-or-book .mypages-overlay-content-form-selected-product {
      padding: 20px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-button {
        font-size: 20px;
        line-height: 40px;
        padding: 0 30px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-order {
        padding-bottom: 10px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-order, .mypages-order-or-book .mypages-overlay-content-form-selected-product-price {
        font-size: 17px;
        line-height: 19px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-order span, .mypages-order-or-book .mypages-overlay-content-form-selected-product-price span {
        font-size: 19px;
        padding-left: 15px; }
    .mypages-order-or-book .mypages-overlay-content-form-complete {
      padding-top: 4vh;
      padding-bottom: 5vh; }
      .mypages-order-or-book .mypages-overlay-content-form-complete p {
        font-size: 22px;
        max-width: 60vw; } }

@media only screen and (max-width: 719px) {
  .mypages-order-or-book {
    max-width: calc(100% - 3rem); }
    .mypages-order-or-book-product-list {
      margin: 40px 0 0; }
      .mypages-order-or-book-product-list-item {
        padding: 30px;
        margin: 0 0 30px 0;
        font-size: 19px;
        flex-wrap: wrap; }
        .mypages-order-or-book-product-list-item-left {
          padding-right: 0;
          width: 100%; }
          .mypages-order-or-book-product-list-item-left-heading {
            font-size: 24px;
            line-height: 1em;
            padding: 0;
            margin: 0 0 20px; }
        .mypages-order-or-book-product-list-item-right {
          padding-top: 30px;
          min-width: 100%; }
          .mypages-order-or-book-product-list-item-right-button {
            font-size: 20px;
            line-height: 40px;
            padding: 0 30px;
            margin: 0 0 15px;
            width: 100%; }
          .mypages-order-or-book-product-list-item-right-price {
            font-size: 19px; }
    .mypages-order-or-book .mypages-overlay-content-form-columns {
      display: flex;
      flex-wrap: wrap;
      margin: 0; }
      .mypages-order-or-book .mypages-overlay-content-form-columns-column {
        width: 100%;
        margin: 0 0 30px; }
        .mypages-order-or-book .mypages-overlay-content-form-columns-column--current-size {
          padding-top: 0;
          order: -1; }
    .mypages-order-or-book .mypages-overlay-content-form-selected-product {
      display: flex;
      flex-wrap: wrap; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-button {
        width: 100%;
        order: 1;
        margin-top: 25px; }
      .mypages-order-or-book .mypages-overlay-content-form-selected-product-order, .mypages-order-or-book .mypages-overlay-content-form-selected-product-price {
        width: 100%; } }

@media only screen and (max-width: 480px) {
  .mypages-order-or-book .mypages-overlay-content-form-selected-product-order span, .mypages-order-or-book .mypages-overlay-content-form-selected-product-price span {
    width: 100%;
    padding: 5px 0 10px; } }

.main.invoice-wrapper .wrap {
  overflow: visible; }
  .main.invoice-wrapper .wrap a:hover {
    color: #006193;
    text-decoration: none; }

.main.invoice-wrapper .form-field, .main.invoice-wrapper .form-checkbox-fake {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 19px;
  border-radius: 2px;
  width: 100%; }
  .main.invoice-wrapper .form-field::-webkit-input-placeholder, .main.invoice-wrapper .form-checkbox-fake::-webkit-input-placeholder {
    font-style: italic;
    color: #949494; }
  .main.invoice-wrapper .form-field::-moz-placeholder, .main.invoice-wrapper .form-checkbox-fake::-moz-placeholder {
    font-style: italic;
    color: #949494; }
  .main.invoice-wrapper .form-field:-ms-input-placeholder, .main.invoice-wrapper .form-checkbox-fake:-ms-input-placeholder {
    font-style: italic;
    color: #949494; }
  .main.invoice-wrapper .form-field:-moz-placeholder, .main.invoice-wrapper .form-checkbox-fake:-moz-placeholder {
    font-style: italic;
    color: #949494; }
  .main.invoice-wrapper .form-field:focus, .main.invoice-wrapper .form-checkbox-fake:focus, .main.invoice-wrapper .form-field:active, .main.invoice-wrapper .form-checkbox-fake:active {
    border-color: #004878;
    box-shadow: none; }

.main.invoice-wrapper .mypages-heading-link, .main.invoice-wrapper .button, .main.invoice-wrapper .calltoaction, .main.invoice-wrapper body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .main.invoice-wrapper .link-button {
  margin: 0;
  background-color: #004876;
  font-size: 20px;
  color: #fff !important;
  transition: background-color 50ms linear; }
  .main.invoice-wrapper .mypages-heading-link:hover, .main.invoice-wrapper .button:hover, .main.invoice-wrapper .calltoaction:hover, .main.invoice-wrapper body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .main.invoice-wrapper .link-button:hover {
    background-color: #006193; }

.main.invoice-wrapper .mypages-heading-link {
  position: absolute;
  top: -0.5em;
  right: 0.75em; }

.main.invoice-wrapper .information-container {
  margin-top: 3em; }

.main.invoice-wrapper .mypages-invoice-selector-container {
  margin: 1.5em 0 1em 0;
  border-top: 1px solid #ccc;
  padding-top: 50px; }
  .main.invoice-wrapper .mypages-invoice-selector-container:after {
    content: "";
    display: table;
    clear: both; }

.main.invoice-wrapper .mypages-invoice-selector label {
  display: block; }

.main.invoice-wrapper .mypages-invoice-selector label + a.filter {
  margin-top: 10px; }

.main.invoice-wrapper .datepicker-field {
  height: 42px; }

.main.invoice-wrapper .datepicker .icon-calendar:before {
  height: 40px; }

.main.invoice-wrapper .mypages-invoice-selector {
  display: inline-block;
  margin-right: 1em;
  vertical-align: bottom; }
  .main.invoice-wrapper .mypages-invoice-selector:last-child {
    margin-right: 0; }
  .main.invoice-wrapper .mypages-invoice-selector span {
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    color: #0c0c0c;
    line-height: 2em; }

.main.invoice-wrapper .mypages-dropdown {
  display: inline-block;
  min-width: 7.35em; }

.main.invoice-wrapper .mypages-dropdown-medium {
  width: 19em; }

.main.invoice-wrapper .mypages-dropdown-list-site {
  max-height: 170px; }

.main.invoice-wrapper .mypages-invoice-list-wrapper {
  min-height: 300px; }

.main.invoice-wrapper .mypages-invoice-list-wrapper--loading {
  background: url(/Static/Images/loading_128.gif) no-repeat 50% 75px;
  background-size: 80px;
  padding: 0 0 100px 0; }

.main.invoice-wrapper .mypages-invoice-list {
  margin-bottom: 100px; }
  .main.invoice-wrapper .mypages-invoice-list th {
    font-size: 100%;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0c0c0c;
    padding: 0 0.75em 0.75em 0.75em;
    box-sizing: border-box;
    border-bottom: solid 1px #ddd; }
    .main.invoice-wrapper .mypages-invoice-list th.invoice-export {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .main.invoice-wrapper .mypages-invoice-list th.invoice-export a {
        white-space: nowrap; }
        .main.invoice-wrapper .mypages-invoice-list th.invoice-export a::before {
          font-size: 24px;
          margin-top: -5px; }
  .main.invoice-wrapper .mypages-invoice-list th:last-of-type, .main.invoice-wrapper .mypages-invoice-list td:last-of-type {
    padding-right: 0; }
  .main.invoice-wrapper .mypages-invoice-list th:first-of-type, .main.invoice-wrapper .mypages-invoice-list td:first-of-type {
    padding-left: 0; }
  .main.invoice-wrapper .mypages-invoice-list th:last-of-type a::before {
    color: #7a8991;
    margin-right: 0.4em; }
  .main.invoice-wrapper .mypages-invoice-list table {
    width: auto;
    max-width: 45em; }
  .main.invoice-wrapper .mypages-invoice-list td {
    font-size: 110%;
    line-height: 1.54545em;
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 1em 0.68182em 1em 0.68182em;
    box-sizing: border-box; }
  .main.invoice-wrapper .mypages-invoice-list .mypages-invoice-listitem--right {
    text-align: right; }
  .main.invoice-wrapper .mypages-invoice-list .mypages-invoice-listitem--highlight {
    color: #e30613; }
  .main.invoice-wrapper .mypages-invoice-list .mypages-invoice-listitem-links {
    list-style: none; }
  .main.invoice-wrapper .mypages-invoice-list .mypages-invoice-listitem-links li {
    float: left; }

.main.invoice-wrapper .mypages-overlay-content {
  min-height: 0; }
  .main.invoice-wrapper .mypages-overlay-content a {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px; }
    .main.invoice-wrapper .mypages-overlay-content a::before {
      color: #7a8990;
      margin-right: 10px; }

@media only screen and (min-width: 1226px) {
  .main.invoice-wrapper .wrap {
    padding: 0;
    max-width: 1180px; }
    .main.invoice-wrapper .wrap .mypages-heading-link {
      right: 0; } }

@media only screen and (max-width: 1200px) {
  .main.invoice-wrapper .mypages-heading {
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (max-width: 940px) {
  .main.invoice-wrapper .mypages-invoice-selector-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .main.invoice-wrapper .mypages-invoice-selector-container .mypages-invoice-selector {
      display: block;
      margin: 0;
      width: calc(50% - 10px); }
      .main.invoice-wrapper .mypages-invoice-selector-container .mypages-invoice-selector:last-child {
        width: 100%; }
        .main.invoice-wrapper .mypages-invoice-selector-container .mypages-invoice-selector:last-child label {
          display: none; }
    .main.invoice-wrapper .mypages-invoice-selector-container:after {
      display: none; }
  .main.invoice-wrapper .mypages-dropdown {
    display: block;
    margin: 0 0 1em 0;
    width: 100%;
    min-width: initial; }
  .main.invoice-wrapper .mypages-invoice-list {
    border-top: solid 1px #ccc;
    margin: 2em 0 4em 0; }
    .main.invoice-wrapper .mypages-invoice-list tr {
      padding: 1.25em 0;
      display: block;
      position: relative;
      left: auto; }
    .main.invoice-wrapper .mypages-invoice-list th {
      position: absolute;
      left: -9999px; }
    .main.invoice-wrapper .mypages-invoice-list th.invoice-export {
      position: relative;
      left: auto;
      border: none;
      padding: 0; }
    .main.invoice-wrapper .mypages-invoice-list td {
      font-size: 100%;
      border-bottom: none;
      line-height: 1.25em;
      padding: 0.25em 0; }
    .main.invoice-wrapper .mypages-invoice-list .mypages-invoice-listitem--right {
      text-align: inherit; }
    .main.invoice-wrapper .mypages-invoice-list .mypages-invoice-listitem::Before {
      color: #333; }
  .main.invoice-wrapper .form-label {
    font-size: 100%; }
  .main.invoice-wrapper .form-field, .main.invoice-wrapper .form-checkbox-fake, .main.invoice-wrapper .form-checkbox-fake {
    padding: 0.2em 0.5em;
    height: 38px; }
  .main.invoice-wrapper .datepicker .icon-calendar:before {
    height: 35px; } }

@media only screen and (max-width: 719px) {
  .main.invoice-wrapper .mypages-invoice-selector-container {
    padding-top: 30px;
    display: block; }
    .main.invoice-wrapper .mypages-invoice-selector-container .mypages-invoice-selector {
      width: 100%; }
    .main.invoice-wrapper .mypages-invoice-selector-container:after {
      display: table; }
  .main.invoice-wrapper .mypages-dropdown-medium {
    max-width: 15em; }
  .main.invoice-wrapper .mypages-heading-link, .main.invoice-wrapper .button, .main.invoice-wrapper .calltoaction, .main.invoice-wrapper body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .main.invoice-wrapper .link-button {
    position: relative;
    display: block;
    text-align: center;
    right: auto;
    top: auto;
    font-size: 1em; }
  .main.invoice-wrapper .information-container {
    margin-top: 1.5em; }
  .main.invoice-wrapper .mypages-overlay-content {
    text-align: center;
    padding-top: 15px; }
  .main.invoice-wrapper .date-wrapper .datepicker span:before {
    font-size: 24px; } }

.mypages-usage-report {
  position: relative; }
  .mypages-usage-report__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .mypages-usage-report__header .mypages-heading {
      margin-inline: 0; }
  .mypages-usage-report .mypages-usage-report-pointofdelivery {
    display: inline-block;
    min-width: 360px; }
    .mypages-usage-report .mypages-usage-report-pointofdelivery .mypages-dropdown-list__link {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
    .mypages-usage-report .mypages-usage-report-pointofdelivery .mypages-dropdown-list__icons {
      display: flex;
      flex-direction: row;
      margin-left: auto; }
    .mypages-usage-report .mypages-usage-report-pointofdelivery .mypages-dropdown-list__icon {
      padding: 6px 6px 6px 0; }
    .mypages-usage-report .mypages-usage-report-pointofdelivery .mypages-dropdown-list__text {
      display: flex;
      align-items: center; }
  .mypages-usage-report-preamble {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    padding: 40px 0 0;
    margin: 0;
    border-top: 1px solid #ddd; }
    .mypages-usage-report-preamble p {
      max-width: 950px;
      line-height: 1.25em; }
  .mypages-usage-report-pdf {
    display: block;
    margin: 40px 0;
    padding: 30px 60px 30px 30px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    text-align: left;
    overflow: hidden; }
    .mypages-usage-report-pdf-text {
      max-width: 650px;
      float: left; }
      .mypages-usage-report-pdf-text p {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        line-height: 1.25em;
        margin: 0;
        padding: 0; }
    .mypages-usage-report-pdf-button {
      float: right;
      background-color: #004878;
      line-height: 40px;
      padding: 0 30px;
      margin: 0;
      transition: background-color 50ms linear; }
      .mypages-usage-report-pdf-button:hover {
        text-decoration: none;
        background-color: #006193; }
      .mypages-usage-report-pdf-button::before {
        font-size: 14px;
        margin: -2px 10px 0 0; }
  .mypages-usage-report-wrapper--loading {
    position: relative;
    background: url(/Static/Images/loading_128.gif) no-repeat 50% 105px;
    background-size: 70px;
    padding: 0 0 100px 0;
    min-height: 200px; }
    .mypages-usage-report-wrapper--loading::after {
      display: block;
      content: 'Vi h\00E4mtar din \00E5rsrapport';
      position: absolute;
      top: 185px;
      left: 50%;
      transform: translate3d(-50%, 0, 0);
      text-align: center; }
  .mypages-usage-report-filters {
    line-height: 40px;
    margin-bottom: 40px; }
    .mypages-usage-report-filters-dropdown {
      display: inline-block;
      min-width: 7.35em;
      margin-right: 1em; }
    .mypages-usage-report-filters-export {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 20px;
      float: right; }
      .mypages-usage-report-filters-export:hover {
        text-decoration: none; }
      .mypages-usage-report-filters-export::before {
        color: #7a8990;
        margin: -2px 10px 0 0; }
  .mypages-usage-report-table {
    margin-bottom: 100px; }
    .mypages-usage-report-table-listitem {
      font-size: 95%;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.54545em;
      background-color: #fff;
      border-bottom: solid 1px #ddd;
      padding: 1em 0.68182em 1em 0.68182em;
      box-sizing: border-box;
      text-align: right; }
      .mypages-usage-report-table-listitem--left {
        text-align: left; }
      .mypages-usage-report-table-listitem--highlight {
        color: #e30613; }
      .mypages-usage-report-table-listitem--bold {
        font-weight: 700; }
      .mypages-usage-report-table-listitem--upper {
        text-transform: uppercase; }
      .mypages-usage-report-table-listitem--capitalize {
        text-transform: capitalize; }
      .mypages-usage-report-table-listitem--sum td {
        border-bottom: none !important; }
      .mypages-usage-report-table-listitem--sum td:nth-of-type(1n+2) {
        color: black;
        font-size: 1.18182em; }
      .mypages-usage-report-table-listitem--totalsum {
        background-color: #f2f2f2;
        padding-right: 1em !important;
        border-bottom: none;
        border-top: none; }
        .mypages-usage-report-table-listitem--totalsum span {
          margin-left: 0.45455em;
          font-size: 1.59091em;
          color: black;
          text-transform: none; }
    .mypages-usage-report-table thead th {
      font-size: 95%;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #1a1a1a;
      padding: 0 0.75em 0.75em 0.75em;
      box-sizing: border-box;
      border-bottom: solid 1px #ddd; }
    .mypages-usage-report-table th:last-of-type,
    .mypages-usage-report-table td:last-of-type {
      padding-right: 0; }
    .mypages-usage-report-table th:first-of-type,
    .mypages-usage-report-table td:first-of-type {
      padding-left: 0; }
    .mypages-usage-report-table tr:nth-child(odd) td {
      background-color: #fff; }
    tfoot .mypages-usage-report-table-sum .mypages-usage-report-table-listitem {
      border-top: solid 3px #ddd;
      border-bottom: none;
      padding-top: 25px;
      padding-bottom: 25px;
      font-weight: 700;
      color: #1a1a1a; }
      tfoot .mypages-usage-report-table-sum .mypages-usage-report-table-listitem.mypages-usage-report-table-listitem--left {
        color: #000; }
    tfoot .mypages-usage-report-table-sum--mobile {
      display: none; }
    tfoot .mypages-usage-report-table-totalsum {
      padding-top: 25px;
      padding-bottom: 25px;
      padding-right: 25px !important;
      padding-left: 25px !important;
      background-color: #f2f2f2 !important;
      border: none;
      line-height: 150%; }
      tfoot .mypages-usage-report-table-totalsum span {
        display: inline-block; }
        tfoot .mypages-usage-report-table-totalsum span:first-child {
          padding-right: 1em; }
        tfoot .mypages-usage-report-table-totalsum span:last-child {
          color: #1a1a1a;
          font-size: 150%;
          text-transform: none; }
  .mypages-usage-report .mypages-usage-report-overlay-export {
    min-height: 25px; }
    .mypages-usage-report .mypages-usage-report-overlay-export a {
      display: inline-block;
      margin-right: 30px;
      margin-bottom: 20px; }
      .mypages-usage-report .mypages-usage-report-overlay-export a::before {
        color: #7a8990;
        margin-right: 10px; }
  .mypages-usage-report .mypages-usage-report-overlay-pdf {
    min-height: 25px; }
    .mypages-usage-report .mypages-usage-report-overlay-pdf-columns {
      display: flex; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column--margin-large {
        padding: 0 40px 0 0; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column--margin-small {
        padding: 0 20px 0 0; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column label {
        display: block;
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        white-space: nowrap;
        padding-bottom: 13px; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-button {
        background-color: #004878;
        color: #fff;
        line-height: 40px;
        padding: 0 30px;
        margin: 0;
        white-space: nowrap;
        transition: background-color 25ms linear;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-size: 20px;
        background-image: none; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-button:hover {
          text-decoration: none;
          background-color: #006193;
          color: #fff; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-button::before {
          font-size: 24px;
          margin: -2px 10px 0 0; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-button--disabled-button {
          opacity: .5;
          cursor: default; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-button--loading {
          background-image: url(/static/images/loading_128_2.gif);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 40px;
          color: transparent !important; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-checkbox-fake {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000;
        font-size: 19px;
        height: 40px;
        border-radius: 2px;
        padding: 0.5em;
        margin-top: 0;
        width: 100%;
        box-sizing: border-box; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field::-webkit-input-placeholder, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-checkbox-fake::-webkit-input-placeholder {
          font-style: italic;
          color: #949494; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field::-moz-placeholder, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-checkbox-fake::-moz-placeholder {
          font-style: italic;
          color: #949494; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field:-ms-input-placeholder, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-checkbox-fake:-ms-input-placeholder {
          font-style: italic;
          color: #949494; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field:-moz-placeholder, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-checkbox-fake:-moz-placeholder {
          font-style: italic;
          color: #949494; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field:focus, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-checkbox-fake:focus, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field:active, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-checkbox-fake:active {
          border-color: #004878;
          box-shadow: none; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field--validation-error {
          border: 1px solid #F00; }
          .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field--validation-error:focus, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column .form-field--validation-error:active {
            border: 1px solid #D00; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-textbox--validation-error {
        border: 1px solid #F00; }
        .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-textbox--validation-error:focus, .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-textbox--validation-error:active {
          border: 1px solid #D00 !important; }

@media only screen and (max-width: 940px) {
  .mypages-usage-report .mypages-usage-report-pointofdelivery {
    min-width: 100%;
    position: relative;
    top: initial;
    right: initial;
    margin: 1em 0 2em;
    width: 100%; }
  .mypages-usage-report-preamble {
    font-size: 22px;
    padding: 40px 0 0; }
  .mypages-usage-report-pdf {
    margin: 40px 0;
    padding: 30px; }
    .mypages-usage-report-pdf-text {
      float: left;
      font-size: 19px; }
    .mypages-usage-report-pdf-button {
      float: left;
      font-size: 20px;
      padding: 0 30px;
      width: 100%;
      margin-top: 25px; }
  .mypages-usage-report-filters {
    margin: 40px 0;
    line-height: 1em; }
    .mypages-usage-report-filters:after {
      content: "";
      display: table;
      clear: both; }
    .mypages-usage-report-filters-dropdown {
      width: 100%;
      margin: 0 0 40px; }
    .mypages-usage-report-filters-export {
      float: left; }
  .mypages-usage-report-table {
    border-top: solid 1px #ccc;
    margin: 2em 0 4em 0; }
    .mypages-usage-report-table tr {
      padding: 1.25em 0;
      display: block; }
    .mypages-usage-report-table-listitem {
      font-size: 20px !important;
      border-bottom: none;
      line-height: 1.05em;
      padding: 10px 0;
      font-weight: 800;
      color: #333333; }
      .mypages-usage-report-table-listitem--left {
        text-align: inherit; }
      .mypages-usage-report-table-listitem::before {
        color: #000;
        font-weight: 400;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        padding-bottom: 0.5em; }
    .mypages-usage-report-table tbody tr .mypages-usage-report-table-listitem:first-child {
      padding-top: 5px;
      font-size: 23px !important;
      line-height: 1em; }
      .mypages-usage-report-table tbody tr .mypages-usage-report-table-listitem:first-child::before {
        content: '';
        display: none; }
    .mypages-usage-report-table tbody tr .mypages-usage-report-table-listitem:last-child {
      padding-bottom: 5px; }
    tfoot .mypages-usage-report-table-sum {
      border: 0;
      padding-top: 0;
      padding-bottom: 0;
      border-top: 2px solid #ccc; }
      tfoot .mypages-usage-report-table-sum .mypages-usage-report-table-listitem {
        line-height: 1.5em;
        border-top: none;
        padding: 10px 0; }
      tfoot .mypages-usage-report-table-sum .mypages-usage-report-table-listitem--upper.mypages-usage-report-table-listitem--upper {
        padding-top: 30px;
        padding-bottom: 15px;
        color: #1a1a1a;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px; }
    tfoot .mypages-usage-report-table-sum--mobile {
      display: block; }
    tfoot .mypages-usage-report-table-sum--desktop {
      display: none; }
    .mypages-usage-report-table tfoot tr:last-of-type {
      border: 0; } }

@media only screen and (max-width: 719px) {
  .mypages-usage-report .mypages-usage-report-overlay-export {
    text-align: center;
    padding-top: 15px; }
  .mypages-usage-report .mypages-usage-report-overlay-pdf-columns {
    flex-wrap: wrap; }
    .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column {
      width: 100%; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column--margin-large {
        padding: 0 0 40px 0; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column--margin-small {
        padding: 0 0 20px 0; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column label {
        padding-bottom: 13px; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-button {
        font-size: 20px;
        line-height: 40px;
        padding: 0 30px; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column-textbox {
        height: 40px;
        font-size: 22px; }
      .mypages-usage-report .mypages-usage-report-overlay-pdf-columns-column:last-child label {
        display: none; } }

body.mpusersettingspage .main .wrap {
  overflow: visible; }

body.mpusersettingspage h2.mypages-usersettings-single-area__heading {
  margin: 0 0 1em; }

body.mpusersettingspage .subscribe-wrapper {
  padding-bottom: 0.6em;
  border-bottom: 1px solid #ddd; }

body.mpusersettingspage #mypages-usersettings-form {
  margin-block: 20px; }

body.mpusersettingspage .mypages-usersettings {
  margin-bottom: 5em;
  padding-top: 20px; }
  body.mpusersettingspage .mypages-usersettings h2 {
    padding-bottom: 16px;
    border-bottom: 1px solid #004876; }
  body.mpusersettingspage .mypages-usersettings h4 {
    font-weight: bold;
    line-height: 30px;
    font-size: 22px;
    color: black;
    margin: 15px 0 5px; }
  body.mpusersettingspage .mypages-usersettings .user-phone-title {
    margin-bottom: 0; }
  body.mpusersettingspage .mypages-usersettings .user-email-title {
    margin-bottom: 0; }
  body.mpusersettingspage .mypages-usersettings .user-phonenumber, body.mpusersettingspage .mypages-usersettings .user-email {
    font-size: 16px;
    font-weight: 700; }
  body.mpusersettingspage .mypages-usersettings .form-input {
    margin-bottom: 20px;
    max-width: 400px; }
  body.mpusersettingspage .mypages-usersettings .form-input-asterix {
    color: #B90000; }
  body.mpusersettingspage .mypages-usersettings .pod-count-less-than-11 .invoice-tools-bottom .invoice-visible-count, body.mpusersettingspage .mypages-usersettings .pod-count-less-than-11 .invoice-tools-bottom .invoice-load-more-container {
    display: none; }
  body.mpusersettingspage .mypages-usersettings .pod-count-less-than-11 .invoice-tools-top {
    display: none; }
  body.mpusersettingspage .mypages-usersettings .pod-count-less-than-11 .subscription-tools-top, body.mpusersettingspage .mypages-usersettings .pod-count-less-than-11 .subscription-tools-bottom {
    display: none; }
  body.mpusersettingspage .mypages-usersettings .subscription-table tr:not(.hidden), body.mpusersettingspage .mypages-usersettings .invoice-table tr:not(.hidden) {
    display: flex; }
  body.mpusersettingspage .mypages-usersettings .subscription-table tr .subscription-name, body.mpusersettingspage .mypages-usersettings .invoice-table tr .subscription-name {
    flex-grow: 2; }
  body.mpusersettingspage .mypages-usersettings .subscription-table tr .subscription-status-message, body.mpusersettingspage .mypages-usersettings .invoice-table tr .subscription-status-message {
    flex-grow: 1; }
  body.mpusersettingspage .mypages-usersettings .subscription-table tr:last-of-type, body.mpusersettingspage .mypages-usersettings .invoice-table tr:last-of-type {
    border-bottom: none; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area + .mypages-usersettings-single-area {
    padding-top: 1.9em;
    margin-top: 1.9em; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area + .mypages-usersettings-single-area--no-padding {
      padding-top: 0; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .button:disabled, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .calltoaction:disabled, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:disabled {
    cursor: auto; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area a.mypages-toggle-form {
    font-size: 1.1em; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .loader {
    vertical-align: middle;
    display: inline-block; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .unloaded .loader, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .subscription-table .loader {
    display: none; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .loading .loader {
    display: block; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-search-address input, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .subscription-search-address input {
    min-width: 300px;
    margin-bottom: 20px; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-load-more-container, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-edit-container {
    display: inline-block; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-edit-container .loader {
    display: none; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-edit-container.loading .loader {
    display: inline-block; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area #mypages-usersettings-invoiceform .feedback-message {
    display: none;
    margin-bottom: 10px; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area #mypages-usersettings-invoiceform .loader {
    display: none; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area #mypages-usersettings-invoiceform.loading .loader {
    display: inline-block; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container {
    display: none;
    margin-top: 15px; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container.loaded {
      display: block; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-edit-button:disabled {
      cursor: auto; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.einvoice .invoice-method-form-einvoice {
      display: inline-block; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.einvoice .invoice-method-form-email, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.einvoice .invoice-method-form-postal {
      display: none; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.email .invoice-method-form-email, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.email .invoice-method-form-einvoice {
      display: inline-block; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.email .invoice-method-form-postal {
      display: none; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.postal .invoice-method-form-postal, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.postal .invoice-method-form-einvoice, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual.postal .invoice-method-form-email {
      display: inline-block; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .lead {
      margin-bottom: 0;
      color: inherit;
      font-size: 100%; }
      body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .lead strong {
        position: relative;
        height: 28px;
        line-height: 28px;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
        font-weight: 400;
        display: inline-block;
        white-space: nowrap;
        padding-bottom: 10px; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button a {
      color: #FFFFFF; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .subscription-info {
    min-width: 62px; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .subscription-info input {
      margin-top: 10px; }
    body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .subscription-info input:disabled + span {
      opacity: 0.5;
      text-decoration: line-through; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .subscription-status-message {
    display: flex;
    justify-content: flex-end; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-type {
    flex-grow: 1; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-type {
    display: flex;
    justify-content: flex-end; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-info {
    display: flex;
    justify-content: flex-end; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-info:not(:empty) {
    padding-left: 20px; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area tr.failed .subscription-status-message {
    color: red; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area tr td {
    background: #fff; }
  body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area tr {
    border-bottom: 1px solid #f3f3f3; }
  body.mpusersettingspage .mypages-usersettings .subscribe-heading {
    margin: 0 0 1em; }
  body.mpusersettingspage .mypages-usersettings h3 {
    margin: 0 0 0.29167em 0; }
  body.mpusersettingspage .mypages-usersettings > ul:not(.three-columns):not(.mypages-dropdown-list) li {
    margin: 1.85em 0 1.85em 0;
    border-bottom: solid 1px #ddd; }
  body.mpusersettingspage .mypages-usersettings .mypages-toggle {
    float: right; }
  body.mpusersettingspage .mypages-usersettings table.user-settings {
    clear: both;
    margin: 0 0 0.6em 0; }
    body.mpusersettingspage .mypages-usersettings table.user-settings tr td {
      font-size: 100%;
      background-color: #fff;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 10px 30px 20px 0;
      box-sizing: border-box; }
      body.mpusersettingspage .mypages-usersettings table.user-settings tr td > span {
        line-height: 1.5em; }
      body.mpusersettingspage .mypages-usersettings table.user-settings tr td strong {
        line-height: 0.91667em;
        display: block; }
    @media (min-width: 719px) {
      body.mpusersettingspage .mypages-usersettings table.user-settings tr td:first-child {
        width: 60%; } }
  body.mpusersettingspage .mypages-usersettings table.invoice-table {
    width: 100%;
    clear: both;
    margin: 0 0 0.75em 0; }
    body.mpusersettingspage .mypages-usersettings table.invoice-table tr td {
      font-size: 100%;
      background-color: #fff;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 0.75em 0 0.75em 0;
      box-sizing: border-box;
      border-top: 1px solid #ddd; }
      body.mpusersettingspage .mypages-usersettings table.invoice-table tr td:first-child a {
        display: inline-block;
        margin-top: 10px;
        color: #1F6590; }
        body.mpusersettingspage .mypages-usersettings table.invoice-table tr td:first-child a:hover {
          color: #006193;
          text-decoration: none; }
    body.mpusersettingspage .mypages-usersettings table.invoice-table tr:first-child td {
      border-top: 0; }
    body.mpusersettingspage .mypages-usersettings table.invoice-table tr .invoice-name {
      width: 250px;
      word-break: break-word; }
      @media (min-width: 719px) {
        body.mpusersettingspage .mypages-usersettings table.invoice-table tr .invoice-name {
          width: 200px; } }
    body.mpusersettingspage .mypages-usersettings table.invoice-table tr .invoice-icon {
      display: flex;
      flex-grow: 1;
      align-items: flex-end;
      justify-content: flex-end;
      width: 30px; }
      @media (min-width: 719px) {
        body.mpusersettingspage .mypages-usersettings table.invoice-table tr .invoice-icon {
          align-items: center;
          justify-content: center;
          flex-grow: 0; } }
  body.mpusersettingspage .mypages-usersettings table.subscription-table {
    margin: 0 0 0.75em 0; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table tr {
      border-bottom: solid 1px #ddd; }
      body.mpusersettingspage .mypages-usersettings table.subscription-table tr td {
        font-size: 100%;
        line-height: 1.54545em;
        background-color: #fff;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0.68182em 0 0.68182em 0;
        box-sizing: border-box; }
      body.mpusersettingspage .mypages-usersettings table.subscription-table tr:last-child {
        border-bottom: none; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-status-message {
      padding-right: 20px; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-settings-listcol--width-large {
      width: 30%; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-settings-listcol--align-right {
      text-align: right; }
      body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-settings-listcol--align-right div {
        display: inline-block;
        padding-left: 1em;
        right: 0; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-settings-listcol--text-strong {
      font-weight: bold; }
  body.mpusersettingspage .mypages-usersettings div.invoice-table p {
    padding: 0.25em 0 0;
    margin: 0; }
    body.mpusersettingspage .mypages-usersettings div.invoice-table p:last-child {
      padding-top: 1.5em; }
  body.mpusersettingspage .mypages-usersettings .mypages-overlay-content ul.three-columns {
    -moz-columns: 3;
    columns: 3; }
  body.mpusersettingspage .mypages-usersettings .form-group {
    padding-bottom: 0; }
  body.mpusersettingspage .mypages-usersettings .grid--user-settings {
    overflow: hidden; }
    body.mpusersettingspage .mypages-usersettings .grid--user-settings .form-group-item {
      float: left;
      margin-right: 20px;
      max-width: 13.35em; }
      body.mpusersettingspage .mypages-usersettings .grid--user-settings .form-group-item.grid-col--user-validation {
        width: 100% !important;
        max-width: 60em; }
      body.mpusersettingspage .mypages-usersettings .grid--user-settings .form-group-item label {
        font-size: 100% !important; }
  body.mpusersettingspage .mypages-usersettings .field-validation-error--invoice {
    margin: 0 0 1.5em;
    white-space: nowrap; }
    body.mpusersettingspage .mypages-usersettings .field-validation-error--invoice:empty {
      display: none; }
  body.mpusersettingspage .mypages-usersettings .mypages-addphone {
    margin-top: 1.95em;
    display: inline-block;
    color: #1F6590; }
    body.mpusersettingspage .mypages-usersettings .mypages-addphone:hover {
      color: #006193;
      text-decoration: none; }
    body.mpusersettingspage .mypages-usersettings .mypages-addphone::before {
      font-size: 15px;
      line-height: 20px;
      margin-right: 15px;
      float: left; }
  .form-field body.mpusersettingspage .mypages-usersettings:not([type=checkbox]), .form-checkbox-fake body.mpusersettingspage .mypages-usersettings:not([type=checkbox]) {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 19px;
    border-radius: 2px;
    height: 40px; }
    .form-field body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password])::-webkit-input-placeholder, .form-checkbox-fake body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password])::-webkit-input-placeholder {
      font-style: italic;
      color: #949494; }
    .form-field body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password])::-moz-placeholder, .form-checkbox-fake body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password])::-moz-placeholder {
      font-style: italic;
      color: #949494; }
    .form-field body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password]):-ms-input-placeholder, .form-checkbox-fake body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password]):-ms-input-placeholder {
      font-style: italic;
      color: #949494; }
    .form-field body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password]):-moz-placeholder, .form-checkbox-fake body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):not([type=password]):-moz-placeholder {
      font-style: italic;
      color: #949494; }
    .form-field body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):focus, .form-checkbox-fake body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):focus, .form-field body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):active, .form-checkbox-fake body.mpusersettingspage .mypages-usersettings:not([type=checkbox]):active {
      border-color: #004878;
      box-shadow: none; }
  body.mpusersettingspage .mypages-usersettings .form-checkbox-fake {
    height: 25px;
    font-size: 40px;
    color: #004878; }
  body.mpusersettingspage .mypages-usersettings .form-button {
    margin-right: 0.9em;
    margin-bottom: 0;
    font-size: 20px;
    background-color: #004876;
    transition: background-color 50ms linear;
    background-image: none;
    border-color: #FFFFFF;
    border: none; }
    body.mpusersettingspage .mypages-usersettings .form-button:hover {
      background-color: #006193; }
    body.mpusersettingspage .mypages-usersettings .form-button.button--secondary, body.mpusersettingspage .mypages-usersettings .form-button.button--previous {
      font-size: 20px;
      background-color: #e8e8e8;
      color: #656565;
      border: 1px solid #ddd;
      transition: background-color 50ms linear; }
      body.mpusersettingspage .mypages-usersettings .form-button.button--secondary:hover, body.mpusersettingspage .mypages-usersettings .form-button.button--previous:hover {
        background-color: #ddd; }
  body.mpusersettingspage .mypages-usersettings .form-button:last-child {
    float: left; }
  body.mpusersettingspage .mypages-usersettings .mypages-multiple-invoices {
    font-style: italic; }
  body.mpusersettingspage .mypages-usersettings .mypages-toggle-form, body.mpusersettingspage .mypages-usersettings .mypages-multiple-invoices a {
    margin-top: 0.25em; }
    body.mpusersettingspage .mypages-usersettings .mypages-toggle-form:hover, body.mpusersettingspage .mypages-usersettings .mypages-multiple-invoices a:hover {
      color: #006193;
      text-decoration: none; }
  body.mpusersettingspage .mypages-usersettings .account-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto; }
    body.mpusersettingspage .mypages-usersettings .account-list ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.mpusersettingspage .mypages-usersettings .account-list li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  body.mpusersettingspage .mypages-usersettings .account-list li {
    background-color: #f2f2f2;
    margin: 0.35em 0; }
  body.mpusersettingspage .mypages-usersettings .account-list strong {
    font-size: 95%;
    line-height: 2.75rem;
    padding: 0 1.4rem; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-button {
    color: #1a1a1a;
    text-decoration: none;
    padding: 15px; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-button:hover {
      text-decoration: none; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-button:before, body.mpusersettingspage .mypages-usersettings .mypages-account-button:after {
      font-size: 22px; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-list {
    margin-bottom: 0.5em; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-listcol {
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: solid 1px var(--tv-bg-gray-light-30);
    font-size: inherit;
    box-sizing: border-box; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listcol--width-xlarge {
      width: 70%; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listcol--width-large {
      width: 40%; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listcol--width-medium {
      width: 15%; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listcol--width-small {
      width: 10%; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-listitem {
    font-size: 95%;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    padding: 0.94737em 0.10526em; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listitem--right {
      text-align: right; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listitem--first {
      padding-left: 1.47368em; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listitem--last {
      padding-right: 1.47368em;
      text-align: right; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listitem--disabled {
      color: #909090; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-status {
    margin: 0 auto;
    font-size: 0.78947em;
    line-height: 1.53333em;
    display: inline-block;
    padding: 0 0.53333em;
    background-color: #c3002f;
    border-radius: 5px;
    color: #fff; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-adduser {
    color: #1F6590;
    font-size: 1.1em; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-adduser:hover {
      color: #006193;
      text-decoration: none; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-adduser:before {
    font-size: 0.72727em;
    margin-top: -0.09091em;
    padding-right: 0.45455em; }
  body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user {
    padding: 1rem; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user button .icon {
      left: 0; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .form-label {
      display: block;
      margin: 5px; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .form-field, body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .form-checkbox-fake {
      max-width: 400px; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .form-checkbox-label {
      display: block;
      height: 1.5em; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .form-input-conditions {
      position: relative;
      margin-top: 10px; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .conditions-toggle {
      line-height: 1.15em;
      left: 2em;
      cursor: pointer;
      position: absolute;
      top: 0;
      color: #1F6590; }
      body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .conditions-toggle:hover {
        color: #1F6590;
        text-decoration: none; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .conditions-toggle::after {
      vertical-align: middle;
      font-size: 40px;
      text-decoration: none;
      display: inline-block; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .conditions-content {
      display: none;
      margin-top: 10px; }
      body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .conditions-content li {
        margin-bottom: 10px; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .form-button {
      float: none; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .button--previous {
      background-color: #e8e8e8; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user strong {
      color: #0b0b0b; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user-role {
      padding-bottom: 16px; }
      body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user-role > label {
        font-size: 20px; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user-role-dropdown {
      width: calc(26.666666% - 20px);
      margin-top: 12px; }
    body.mpusersettingspage .mypages-usersettings .mypages-overlay--add-user .mypages-dropdown {
      max-width: 200px; }

body.mpusersettingspage table {
  border-top: 0; }

body.mpusersettingspage .outage-information {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 8px;
       column-gap: 8px;
  max-width: 600px;
  border-radius: 16px;
  border: 2px solid #006DA3;
  padding: 24px;
  margin-bottom: 40px; }
  body.mpusersettingspage .outage-information .icon-information::before, body.mpusersettingspage .outage-information .icon-information::after {
    font-size: 40px;
    color: #006DA3;
    position: relative;
    top: -8px; }

@keyframes animateRadioButtonInner {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@media only screen and (max-width: 940px) {
  body.mpusersettingspage .mypages-usersettings h3 {
    font-size: 120%; }
  body.mpusersettingspage .mypages-usersettings table.user-settings {
    margin: 0; }
    body.mpusersettingspage .mypages-usersettings table.user-settings tr td {
      width: 100%; }
      body.mpusersettingspage .mypages-usersettings table.user-settings tr td strong {
        font-size: 100%; }
  body.mpusersettingspage .mypages-usersettings .grid  .form-group-item {
    margin-right: 10px;
    max-width: 10em; }
  body.mpusersettingspage .mypages-usersettings .grid .form-group-item p {
    font-size: 100%; }
  body.mpusersettingspage .mypages-usersettings .mypages-addphone {
    margin: 1.6em 0 0 0.5em; }
  body.mpusersettingspage .mypages-usersettings .mypages-overlay-content ul.three-columns {
    -moz-columns: 2;
    columns: 2; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-listitem {
    padding: 0.78947em 0.10526em; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listitem--first {
      padding-left: 0.52632em; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listitem--last {
      padding-right: 0.52632em; }
  body.mpusersettingspage .mypages-usersettings .form-label {
    font-size: 100%; }
  body.mpusersettingspage .field-validation-error {
    font-size: 100%; }
  body.mpusersettingspage table.subscription-table .subscription-settings-listcol {
    width: 20%; }
    body.mpusersettingspage table.subscription-table .subscription-settings-listcol--width-large {
      width: 60%; }
  body.mpusersettingspage table.subscription-table .form-checkbox-label {
    line-height: 1.2;
    font-size: 1em; }
  body.mpusersettingspage table.subscription-table .form-checkbox-fake {
    font-size: 200%;
    width: 0.625em;
    height: 0.625em; } }

@media only screen and (max-width: 719px) {
  body.mpusersettingspage #invoice-settings .invoice-visible-count, body.mpusersettingspage #invoice-settings .subscription-visible-count {
    margin-top: 5px; }
  body.mpusersettingspage #mypages-usersettings-invoiceform .feedback-message {
    float: left;
    margin-top: 10px; }
  body.mpusersettingspage #mypages-usersettings-invoiceform .loader {
    margin-top: 10px; }
  body.mpusersettingspage .mypages-heading--left {
    text-align: center; }
  body.mpusersettingspage .mypages-usersettings h3 {
    margin-bottom: 0.43478em; }
  body.mpusersettingspage .mypages-usersettings table.user-settings {
    width: 100%; }
    body.mpusersettingspage .mypages-usersettings table.user-settings tr td {
      display: block;
      width: 100%;
      padding: 0.5em 1.5em 0.5em 0; }
  body.mpusersettingspage .mypages-usersettings table.invoice-table tr {
    flex-wrap: wrap;
    border-top: 1px solid #ddd; }
    body.mpusersettingspage .mypages-usersettings table.invoice-table tr td {
      display: block;
      width: 100%;
      padding: 0.25em 0;
      border-top: none; }
      body.mpusersettingspage .mypages-usersettings table.invoice-table tr td:first-child {
        padding-top: 0.75em; }
      body.mpusersettingspage .mypages-usersettings table.invoice-table tr td:last-child {
        padding-bottom: 0.75em; }
      body.mpusersettingspage .mypages-usersettings table.invoice-table tr td.invoice-type, body.mpusersettingspage .mypages-usersettings table.invoice-table tr td.invoice-info {
        display: inline-block;
        width: 50%;
        overflow: auto; }
    body.mpusersettingspage .mypages-usersettings table.invoice-table tr:first-child {
      border-top: 0; }
  body.mpusersettingspage .mypages-usersettings .form-group-item {
    margin: 0 0 1.3em 0;
    max-width: initial; }
  body.mpusersettingspage .mypages-usersettings .grid  .form-group-item {
    margin-right: 0;
    max-width: 20em; }
  body.mpusersettingspage .mypages-usersettings .field-validation-error {
    white-space: normal; }
    body.mpusersettingspage .mypages-usersettings .field-validation-error--invoice {
      margin: 0; }
  body.mpusersettingspage .mypages-usersettings .mypages-addphone {
    margin: 0; }
  body.mpusersettingspage .mypages-usersettings .form-button {
    margin: 1.25em 0 0 0;
    float: none; }
  body.mpusersettingspage .mypages-usersettings .mypages-overlay-content ul.three-columns {
    -moz-columns: 1;
    columns: 1; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-listrow {
    border-bottom: solid 14px #fff;
    display: block;
    position: relative; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-listcol {
    display: block;
    width: 100% !important;
    padding: 0.15789em 0.63158em; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listcol:first-child {
      padding-top: 0.63158em; }
      body.mpusersettingspage .mypages-usersettings .mypages-account-listcol:first-child .mypages-account-listitem {
        padding-right: 2.63158em !important; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-listcol:last-child {
      padding-bottom: 0.63158em; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-listitem {
    padding: 0 !important; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-status {
    position: absolute;
    top: 10px;
    right: 10px; }
  body.mpusersettingspage .mypages-usersettings .mypages-account-button {
    font-size: 1.05263em;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #004876;
    border: none;
    border-radius: 3px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    line-height: 2em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    margin-bottom: 0.4em;
    transition: background-color 50ms linear; }
    body.mpusersettingspage .mypages-usersettings .mypages-account-button:hover {
      text-decoration: none;
      background-color: #006193; }
  body.mpusersettingspage .mypages-usersettings table.subscription-table tr {
    flex-direction: column; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table tr .subscription-status-message {
      order: 1;
      justify-content: flex-start; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table tr td {
      display: block;
      padding: 0.1em 0 0.1em 0;
      margin: 0; }
      body.mpusersettingspage .mypages-usersettings table.subscription-table tr td:first-child {
        padding-top: 0.75em; }
      body.mpusersettingspage .mypages-usersettings table.subscription-table tr td:last-child {
        padding-bottom: 0.75em; }
  body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-settings-listcol {
    width: 100%; }
    body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-settings-listcol--align-right {
      text-align: left; }
      body.mpusersettingspage .mypages-usersettings table.subscription-table .subscription-settings-listcol--align-right div {
        padding-left: inherit;
        padding-right: 1em; } }

#account-filter {
  font-size: 1em; }
  @media only screen and (max-width: 719px) {
    #account-filter {
      font-size: 0.75em; } }

.mpselectaccountpage .main.select-account-wrapper .wrap {
  max-width: 50.5em;
  padding-right: 1em; }

.mpselectaccountpage .mypages-heading {
  margin: 20px 0;
  font-weight: bold;
  font-size: 2.4em; }

.mpselectaccountpage p.excerpt {
  margin: 0 10em 1em 0;
  color: #333333;
  font-weight: bold;
  font-size: 1.1em;
  font-family: 'Calibri', 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  @media only screen and (max-width: 940px) {
    .mpselectaccountpage p.excerpt {
      margin: 0 0 1em 0; } }

.mpselectaccount-filter {
  margin: 30px 0 50px; }
  .mpselectaccount-filter-label {
    padding: 0 0 0 20px; }
  .mpselectaccount-filter-input {
    position: relative;
    margin-top: 10px;
    max-width: 396px; }
    .mpselectaccount-filter-input:before {
      position: absolute;
      top: 50%;
      right: 15px;
      font-weight: bolder;
      transform: translateY(-50%); }
    .mpselectaccount-filter-input-field {
      /*width: 100%;*/
      margin: 0 !important;
      padding: 0 35px 0 20px !important; }

.mpselectaccount-list {
  margin: 0 0 100px; }
  .mpselectaccount-list .mpselectaccount-list__heading {
    padding: 15px 20px 15px 0;
    color: #0c0c0c;
    font-size: 100%;
    border-bottom: 1px solid #e5e5e5; }
    @media only screen and (max-width: 940px) {
      .mpselectaccount-list .mpselectaccount-list__heading {
        padding: 10px 0;
        border-bottom: 0px solid transparent; } }
    .mpselectaccount-list .mpselectaccount-list__heading:nth-child(2) {
      padding: 15px 40px 15px 0;
      text-align: right; }
      @media only screen and (max-width: 940px) {
        .mpselectaccount-list .mpselectaccount-list__heading:nth-child(2) {
          padding: 15px 0;
          text-align: left; } }
    .mpselectaccount-list .mpselectaccount-list__heading:last-child {
      padding: 15px 0; }
  @media only screen and (max-width: 940px) {
    .mpselectaccount-list .mpselectaccount-list__row {
      display: block;
      margin: 0;
      padding: 25px 0; } }
  .mpselectaccount-list .mpselectaccount-list__col {
    padding: 15px 20px 15px 0;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 95%;
    border-bottom: 1px solid #e5e5e5;
    background: #fff; }
    @media only screen and (max-width: 940px) {
      .mpselectaccount-list .mpselectaccount-list__col {
        padding: 10px 0;
        border-bottom: 0px solid transparent; } }
    @media only screen and (max-width: 940px) and (min-width: 0) {
      .mpselectaccount-list .mpselectaccount-list__col:empty {
        display: none; } }
    @media only screen and (max-width: 940px) and (min-width: 720px) {
      .mpselectaccount-list .mpselectaccount-list__col {
        width: 32%;
        box-sizing: border-box;
        display: inline-block; }
        .mpselectaccount-list .mpselectaccount-list__col:first-child, .mpselectaccount-list .mpselectaccount-list__col:last-child {
          width: 100%; } }
    @media only screen and (max-width: 940px) and (min-width: 0) {
      .mpselectaccount-list .mpselectaccount-list__col:empty {
        display: none; } }
    @media only screen and (max-width: 940px) and (min-width: 720px) {
      .mpselectaccount-list .mpselectaccount-list__col {
        width: 32%;
        box-sizing: border-box;
        display: inline-block; }
        .mpselectaccount-list .mpselectaccount-list__col:first-child, .mpselectaccount-list .mpselectaccount-list__col:last-child {
          width: 100%; } }
    .mpselectaccount-list .mpselectaccount-list__col:nth-child(2) {
      padding: 15px 40px 15px 0;
      text-align: right; }
      @media only screen and (max-width: 940px) {
        .mpselectaccount-list .mpselectaccount-list__col:nth-child(2) {
          padding: 15px 0;
          text-align: left; } }
    .mpselectaccount-list .mpselectaccount-list__col:first-child::before {
      display: none; }
    .mpselectaccount-list .mpselectaccount-list__col:last-child {
      padding: 15px 0;
      text-align: right; }
      @media only screen and (max-width: 940px) {
        .mpselectaccount-list .mpselectaccount-list__col:last-child {
          text-align: left; } }
  .mpselectaccount-list .mpselectaccount-list__link {
    font-family: 'KarminaSans', 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-decoration: none;
    color: #0388cb; }

.mpselectaccount-list.no-filter {
  border-collapse: separate;
  border-spacing: 0 15px; }
  .mpselectaccount-list.no-filter .mpselectaccount-list__head {
    display: none; }
  .mpselectaccount-list.no-filter .mpselectaccount-list__row {
    border: none; }
    @media only screen and (max-width: 940px) {
      .mpselectaccount-list.no-filter .mpselectaccount-list__row {
        display: block;
        margin: 15px 0;
        padding: 25px;
        border-radius: 3px;
        background: #0388cb; } }
  .mpselectaccount-list.no-filter .mpselectaccount-list__col {
    margin: 0;
    padding: 15px 25px;
    color: #fff;
    background: #0388cb;
    border: 1px solid #0388cb; }
    @media only screen and (max-width: 940px) {
      .mpselectaccount-list.no-filter .mpselectaccount-list__col {
        padding: 5px; } }
    .mpselectaccount-list.no-filter .mpselectaccount-list__col:first-child {
      font-family: 'KarminaSans', 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.1em;
      font-weight: bold;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
      @media only screen and (max-width: 940px) {
        .mpselectaccount-list.no-filter .mpselectaccount-list__col:first-child {
          border-bottom-left-radius: 0;
          border-bottom-left-radius: 0; } }
    .mpselectaccount-list.no-filter .mpselectaccount-list__col:last-child {
      text-align: right;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
      @media only screen and (max-width: 940px) {
        .mpselectaccount-list.no-filter .mpselectaccount-list__col:last-child {
          text-align: left;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; } }
      @media only screen and (max-width: 940px) and (min-width: 0) {
        .mpselectaccount-list.no-filter .mpselectaccount-list__col:last-child {
          padding-top: 20px; } }
  .mpselectaccount-list.no-filter .mpselectaccount-list__link {
    display: inline-block;
    width: 125px;
    margin: 0;
    padding: 10px;
    text-align: center;
    color: #0388cb;
    font-weight: bold;
    background: #fff;
    border-radius: 3px; }

.mypages-utility-list {
  margin-top: 40px; }
  .mypages-utility-list-heading {
    width: 100%;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 1em;
    color: #000; }
  .mypages-utility-list-table {
    background-color: #f3f3f3; }
    .mypages-utility-list-table--loading {
      overflow: hidden; }
      .mypages-utility-list-table--loading::after {
        content: '';
        position: absolute;
        background: #eee url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
        background-size: 70px;
        height: 400px; }
    .mypages-utility-list-table thead {
      border-bottom: 3px solid #ddd; }
    .mypages-utility-list-table th {
      font-size: 95%;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #0c0c0c;
      padding: 0 0.75em 0.75em 0.75em;
      box-sizing: border-box;
      border-bottom: solid 1px #ddd; }
      .mypages-utility-list-table th--right {
        text-align: right;
        min-width: 10ch; }
    .mypages-utility-list-table__fa-toggle-row {
      cursor: pointer; }
      .mypages-utility-list-table__fa-toggle-row td:nth-child(2) {
        padding-left: 0; }
    .mypages-utility-list-table__fa-toggle-row:hover td {
      background-color: #eceaea; }
    .mypages-utility-list-table-item {
      font-size: 18px;
      line-height: 1.2;
      background: none !important;
      border-bottom: solid 1px #ddd;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 1em 0.68182em 1em 0.68182em;
      box-sizing: border-box;
      vertical-align: top; }
      .mypages-utility-list-table-item--right {
        text-align: right; }
      .mypages-utility-list-table-item--highlight {
        color: #e30613; }
      .mypages-utility-list-table-item--additional-fa {
        background-color: #dadada !important; }
        .mypages-utility-list-table-item--additional-fa td {
          padding-top: 0;
          padding-bottom: 0;
          background-color: #ededed; }
      .mypages-utility-list-table-item__fa-item {
        padding-left: 0;
        padding-right: 0; }
      .mypages-utility-list-table-item .inner-table {
        table-layout: auto !important;
        margin: 0;
        border-top: 0; }
        .mypages-utility-list-table-item .inner-table thead {
          border-bottom: 0; }
        .mypages-utility-list-table-item .inner-table th {
          font-size: 80%;
          padding-left: 0.5em;
          padding-right: 0.5em;
          background-color: #fafafa; }
        .mypages-utility-list-table-item .inner-table .mypages-utility-list-table-item {
          font-size: 80%;
          padding-left: 0.5em;
          padding-right: 0.5em;
          background-color: #fafafa; }
      .mypages-utility-list-table-item__expandable:before {
        content: "\2b";
        font-size: 30px;
        color: #1a1a1a;
        display: inline; }
      .mypages-utility-list-table-item__expandable.open:before {
        content: "\2212"; }
    .mypages-utility-list-table--tight .mypages-utility-list-table-item {
      padding: 0.5em 0.68182em; }

.mypages-utility-pointofdelivery--export--validation-error {
  border-color: #f00; }

.mypages-dropdown {
  border: none; }

.mypages-export-selector-container {
  padding: 0 10px; }
  .mypages-export-selector-container .form-resolution-items {
    display: flex; }
    .mypages-export-selector-container .form-resolution-items > input[type="radio"] {
      display: none; }
      .mypages-export-selector-container .form-resolution-items > input[type="radio"]:checked + label {
        background-color: #004878;
        color: #fff; }
    .mypages-export-selector-container .form-resolution-items > .form-resolution-button-label {
      width: 70px;
      background-color: #fff;
      text-align: center;
      line-height: 40px;
      border: 1px solid #ccc;
      border-right-width: 0;
      color: #1178af; }
      .mypages-export-selector-container .form-resolution-items > .form-resolution-button-label:first-of-type {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .mypages-export-selector-container .form-resolution-items > .form-resolution-button-label:last-of-type {
        border-right-width: 1px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
  .mypages-export-selector-container .form-label {
    display: block;
    margin-bottom: 0.5em; }
  .mypages-export-selector-container .form-group-item--flex {
    display: flex; }
    .mypages-export-selector-container .form-group-item--flex .form-checkbox-label:first-of-type {
      padding-right: 15px; }
  .mypages-export-selector-container .form-group-item .form-checkbox-label {
    padding-left: 50px;
    line-height: 32px; }
  .mypages-export-selector-container .form-group-item .form-checkbox-fake {
    width: 30px;
    height: 30px;
    top: 6px; }
  .mypages-export-selector-container .form-group-item .form-checkbox:checked ~ label .form-checkbox-fake,
  .mypages-export-selector-container .form-group-item .form-checkbox:checked ~ .form-checkbox-fake {
    line-height: 25px; }
    .mypages-export-selector-container .form-group-item .form-checkbox:checked ~ label .form-checkbox-fake::before,
    .mypages-export-selector-container .form-group-item .form-checkbox:checked ~ .form-checkbox-fake::before {
      font-size: 30px; }
  .mypages-export-selector-container .form-group-item label.rb > input[type="radio"] {
    position: relative;
    width: 26px;
    height: 26px;
    opacity: 1e-13;
    float: left;
    margin: 2px 12px 2px 2px; }
  .mypages-export-selector-container .mypages-export-selector-group-wrapper {
    min-height: 110px; }
    @media only screen and (min-width: 940px) {
      .mypages-export-selector-container .mypages-export-selector-group-wrapper {
        min-height: 80px; } }
  .mypages-export-selector-container .mypages-export-selector-group {
    display: block;
    margin-bottom: 2em; }
    .mypages-export-selector-container .mypages-export-selector-group--ddl > .mypages-export-selector {
      height: 72px; }
      .mypages-export-selector-container .mypages-export-selector-group--ddl > .mypages-export-selector .mypages-dropdown {
        width: calc(100%);
        border: none !important; }
      .mypages-export-selector-container .mypages-export-selector-group--ddl > .mypages-export-selector .form-label {
        line-height: 1; }
    .mypages-export-selector-container .mypages-export-selector-group--ddl > .mypages-export-selector .mypages-dropdown-search {
      background-color: #ffffff;
      width: 100%;
      margin-left: -1px;
      border-bottom: 1px solid #d2d2d2;
      border-radius: 2px 2px 0 0; }
    .mypages-export-selector-container .mypages-export-selector-group--flex {
      display: flex; }
      .mypages-export-selector-container .mypages-export-selector-group--flex .mypages-export-selector:first-of-type {
        padding-right: 15px; }
      .mypages-export-selector-container .mypages-export-selector-group--flex .form-group-item.date-wrapper {
        margin-bottom: 0; }
  .mypages-export-selector-container #exportformat .mypages-export-selector label {
    display: inline-block; }
  .mypages-export-selector-container #exportformat .mypages-export-selector label + .mypages-dropdown {
    margin-top: 10px; }
  .mypages-export-selector-container #exportformat .mypages-export-selector label + a.filter {
    margin-top: 10px; }
  .mypages-export-selector-container #exportformat .datepicker-field {
    height: 42px; }
  .mypages-export-selector-container #exportformat .datepicker .icon-calendar:before {
    height: 40px; }
  .mypages-export-selector-container #exportformat .mypages-export-selector {
    display: inline-block;
    margin-right: 1em;
    vertical-align: bottom; }
    .mypages-export-selector-container #exportformat .mypages-export-selector:last-child {
      margin-right: 0; }
    .mypages-export-selector-container #exportformat .mypages-export-selector span {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #1178af;
      line-height: 2em; }
    .mypages-export-selector-container #exportformat .mypages-export-selector .form-label {
      line-height: 1; }
  .mypages-export-selector-container #exportformat .form-group-item > label:not(.rb),
  .mypages-export-selector-container #exportformat .form-group-item > span > label:not(.rb) {
    line-height: 28px;
    font-size: 19px;
    display: none;
    padding-bottom: 5px; }
  .mypages-export-selector-container #exportformat .form-group-item > label.rb {
    position: relative;
    height: 28px;
    line-height: 28px;
    color: #0087cc;
    font-size: 19px;
    display: inline-block;
    white-space: nowrap;
    padding-bottom: 10px;
    cursor: pointer; }
    .mypages-export-selector-container #exportformat .form-group-item > label.rb:not(.disabled)::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 28px;
      width: 28px;
      border: 1px solid #ccc;
      background-color: #fff;
      box-sizing: border-box;
      border-radius: 50%;
      box-shadow: inset 0px 5px 15px -5px rgba(0, 0, 0, 0.3);
      z-index: 1;
      transition: box-shadow 150ms linear; }
    .mypages-export-selector-container #exportformat .form-group-item > label.rb .disabled {
      color: #949494;
      font-style: italic; }
    .mypages-export-selector-container #exportformat .form-group-item > label.rb:hover {
      color: #006193; }
  .mypages-export-selector-container #exportformat .form-group-item.checked > label.rb::before {
    box-shadow: none; }
  .mypages-export-selector-container #exportformat .form-group-item.checked > label.rb::after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    height: 18px;
    width: 18px;
    padding: 0;
    margin: 0;
    background-color: #004876;
    border-radius: 50%;
    z-index: 2;
    animation-duration: 150ms;
    animation-name: animateRadioButtonInner; }
  .mypages-export-selector-container #exportformat .form-group-item {
    display: inline-block;
    margin-bottom: 0.5em; }
    .mypages-export-selector-container #exportformat .form-group-item:last-of-type {
      margin-left: 15px; }
  .mypages-export-selector-container .picker__holder {
    overflow: hidden; }
  .mypages-export-selector-container .advanced-export-information p {
    font-size: 16px; }

.utility-search {
  position: relative;
  display: inline-flex; }
  .utility-search__search {
    margin-top: 0;
    position: relative; }
  .utility-search__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px; }
    @media only screen and (max-width: 820px) {
      .utility-search__content {
        flex-direction: column-reverse; } }
    @media only screen and (max-width: 480px) {
      .utility-search__content {
        width: 100%; } }
  .utility-search .utility-search {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 15px; }
    @media only screen and (max-width: 820px) {
      .utility-search .utility-search {
        margin-top: 0; } }
  .utility-search .form-input-container {
    position: relative; }
    .utility-search .form-input-container .utility-search-spinner {
      position: absolute;
      display: none;
      width: 25px;
      height: 25px;
      background: url(/Static/Images/loading_128.gif) no-repeat;
      background-size: 25px;
      padding: 0;
      top: 12px;
      left: 320px; }
      @media only screen and (max-width: 480px) {
        .utility-search .form-input-container .utility-search-spinner {
          left: 87%; } }
  .utility-search__helptext {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 30px;
    width: 100%;
    max-width: 360px; }
    @media only screen and (max-width: 480px) {
      .utility-search__helptext {
        max-width: 100%; } }
  .utility-search label, .utility-search input {
    display: block;
    text-align: left;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px; }
  .utility-search #search-input {
    width: 360px;
    padding: 0 20px;
    margin: 0; }
    @media only screen and (max-width: 480px) {
      .utility-search #search-input {
        width: 100%; } }
  .utility-search .search-suggestions {
    position: absolute;
    display: none;
    top: 65px;
    width: 360px;
    height: auto;
    max-height: 400px;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    border: none;
    border-radius: 30px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    list-style: none;
    animation: opacity 5s;
    opacity: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100; }
    @media only screen and (max-width: 480px) {
      .utility-search .search-suggestions {
        width: 100%; } }
  .utility-search .search-suggestions.show {
    display: block; }
    @media only screen and (max-width: 480px) {
      .utility-search .search-suggestions.show {
        width: 90vw; } }
    .utility-search .search-suggestions.show li {
      margin: 0;
      border-radius: 30px; }
      .utility-search .search-suggestions.show li:hover {
        background-color: #e6f8fd; }
      .utility-search .search-suggestions.show li a {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 20px;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #1a1a1a !important;
        text-decoration: none; }
    .utility-search .search-suggestions.show .search-error-text {
      font-size: 18px;
      color: #B90000;
      padding: 15px 20px; }

.mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-dropdown {
  min-width: 150px; }
  @media (min-width: 480px) {
    .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-dropdown {
      min-width: 180px; } }

.mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table {
  border-top: none; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table .highest-peaks__date .icon {
    margin-right: 12px;
    font-size: 1.1rem; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table thead {
    border-bottom: 2px solid #1178af; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__peak-usage-heading {
    text-align: right; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__peak-usage {
    text-align: right; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__average {
    font-weight: 700; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__average-peak-value {
    text-align: right; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table.low tr td .icon {
    color: #0B4B29; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table.medium tr td .icon {
    color: #996500; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table.high tr td .icon {
    color: #992900; }

.mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-tab-page__content {
  position: relative;
  min-height: 670px; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-tab-page__content .error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #B90000;
    max-width: 730px; }

.mputilitypage.new-style .modal {
  display: none;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 1226px) {
    .mputilitypage.new-style .modal {
      margin: 0 .75em; } }

.mputilitypage.new-style .modal-content {
  max-width: 1180px;
  margin: 25px auto 35px; }
  .mputilitypage.new-style .modal-content .icon-thinarrow {
    padding-left: 10px; }
  .mputilitypage.new-style .modal-content .icon-thinarrow.left {
    padding-left: 0; }
  .mputilitypage.new-style .modal-content .icon-thinarrow.left::before {
    transform: rotate(180deg);
    padding-left: 10px; }
  .mputilitypage.new-style .modal-content__address--no-margin {
    margin-bottom: 0; }

root {
  --statistics-bg-color: $color-white; }

body.mputilitypage.new-style main .mypages-utility-wrapper {
  max-width: 1210px;
  min-width: 280px;
  display: block;
  padding: 0 15px;
  margin: 30px auto 0;
  box-sizing: border-box;
  position: relative; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content {
    margin-bottom: 35px; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content .wastecategory-selection {
      font-weight: 600; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content .radio-buttons {
      margin: 0 0 1rem 20px; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content .radio-buttons .wastecategory {
        display: inline-block;
        -webkit-appearance: auto;
           -moz-appearance: auto;
                appearance: auto; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content .form-label {
      line-height: 1;
      color: #1a1a1a;
      padding-bottom: 5px; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content .form-group {
      margin-top: 0; }
    @media only screen and (max-width: 820px) {
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content {
        margin-bottom: 50px; } }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-heading-content .mypages-heading {
      display: inline-flex;
      align-self: flex-start;
      min-width: 0;
      margin: 20px 0;
      padding-right: 100px;
      padding-top: 0px; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility a {
    color: #1F6590; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility a:hover {
      color: #006193;
      text-decoration: none; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-pointofdelivery--site {
    border: none; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading::before {
    font-family: "custom-icons";
    font-size: 30px;
    line-height: 1em;
    height: 30px;
    display: block;
    float: left;
    margin-right: 10px;
    color: #7a8990; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading--waste::before {
    content: ""; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading--electric::before {
    content: ""; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading--heat::before {
    content: ""; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading--steam::before {
    content: ""; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading--cooling::before {
    content: ""; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading--water::before {
    content: ""; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-heading--fakturor::before {
    content: ""; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu {
    padding-top: 40px;
    padding-bottom: 16px;
    border-top: 1px solid #ddd; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item, body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item:hover {
      display: inline-flex;
      background-color: #fff;
      font-size: 19px;
      color: #1F6590;
      border: 1px solid #e5e5e5;
      padding: 0 25px;
      line-height: 42px;
      border-radius: 30px;
      text-decoration: none;
      margin: 0 22px 24px 0;
      transition: border 25ms linear, color 25ms linear; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon {
      font-family: "custom-icons";
      font-size: 22px;
      height: 22px;
      display: block;
      float: left;
      color: #7a8990; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon--waste::before {
        content: ""; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon--electric::before {
        content: ""; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon--heat::before {
        content: ""; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon--cooling::before {
        content: ""; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon--water::before {
        content: ""; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon--fakturor::before {
        content: ""; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-text {
      margin-left: 14px;
      display: inline-block; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item:hover {
      color: #006193;
      border: 1px solid #ccc; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item:hover body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-menu-item-icon {
      color: #70828a; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    color: #0b0b0b;
    border-top: 1px solid #ddd; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-heading {
      width: 100%;
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 28px;
      line-height: 1em;
      margin-bottom: 1em;
      color: #333333; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information h3 {
      color: #0b0b0b; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-column {
      width: 33.333%;
      padding-right: 1.5em;
      box-sizing: border-box; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-column label {
        line-height: 1.5em; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-column p {
        font-size: 120%;
        font-weight: 700;
        line-height: 1em;
        padding: 0;
        margin: 0; }
        body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-column p a {
          display: inline-block;
          font-size: 20px;
          font-weight: 400; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-column-row-divider {
        border-top: 1px solid #ddd;
        width: 100%;
        margin: 30px 0; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-column:last-of-type {
        padding-bottom: 1.5em; }
      @media only screen and (min-width: 940px) {
        body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-column.contractperiod {
          margin-top: 20px; } }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information-toggle {
      display: block;
      width: 100%; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information--collapse {
      display: none; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility-information:last-child {
    margin-bottom: 40px; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility--gridprice-button {
    margin-bottom: 30px; }
  body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility .mypages-overlay-content {
    min-height: 0; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility .mypages-overlay-content button::before {
      color: #7a8990;
      margin-right: 0.4em; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a {
      display: inline-block;
      margin-right: 30px;
      margin-bottom: 20px; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a::before {
        color: #7a8990;
        margin-right: 0.4em; }
      body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a:hover {
        color: #006193;
        text-decoration: none; }
        body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility .mypages-overlay-content a:hover::before {
          color: #666666; }
    body.mputilitypage.new-style main .mypages-utility-wrapper .mypages-utility .mypages-overlay-content .effectsignature {
      margin-top: 20px; }

body.mputilitypage.new-style main .datepicker .icon-calendar:before {
  top: 50%;
  transform: translateY(-50%);
  line-height: 1; }

.usage-statistics .mypages-utility-graph-summary {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff; }
  .usage-statistics .mypages-utility-graph-summary-column {
    width: 50%;
    text-align: center;
    padding: 60px 0;
    box-sizing: border-box; }
    .usage-statistics .mypages-utility-graph-summary-column:last-child {
      border-left: 1px solid #ccc; }
    .usage-statistics .mypages-utility-graph-summary-column-large {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 40px;
      line-height: 1em;
      margin-bottom: 0.5em; }

.usage-statistics .mypages-utility-graph-chart {
  padding: 40px; }
  .usage-statistics .mypages-utility-graph-chart--detailed {
    padding: 0; }
    @media only screen and (max-width: 1300px) {
      .usage-statistics .mypages-utility-graph-chart--detailed {
        padding-top: 30px; } }
    @media only screen and (max-width: 1170px) {
      .usage-statistics .mypages-utility-graph-chart--detailed {
        padding-top: 0; } }
    @media only screen and (max-width: 940px) {
      .usage-statistics .mypages-utility-graph-chart--detailed {
        position: relative;
        padding-top: 0 !important; } }
  .usage-statistics .mypages-utility-graph-chart--effect {
    padding-left: 0;
    padding-right: 0;
    min-height: 300px;
    position: relative; }
    .usage-statistics .mypages-utility-graph-chart--effect--loading {
      background: #ffffff url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
      background-size: 70px; }
  .usage-statistics .mypages-utility-graph-chart-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px; }
    .usage-statistics .mypages-utility-graph-chart-header--detailed {
      margin-bottom: 0; }
    .usage-statistics .mypages-utility-graph-chart-header-heading {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.5em;
      line-height: 1em; }
    .usage-statistics .mypages-utility-graph-chart-header-button {
      background-color: #004878;
      line-height: 40px;
      padding: 0 30px;
      margin: 0 0 0 auto;
      transition: background-color 50ms linear;
      vertical-align: middle; }
      .usage-statistics .mypages-utility-graph-chart-header-button:hover {
        text-decoration: none;
        background-color: #006193; }
    .usage-statistics .mypages-utility-graph-chart-header--winterusage {
      display: block;
      height: 42px;
      margin: 0; }
  .usage-statistics .mypages-utility-graph-chart-container {
    position: relative;
    height: 550px; }
    .usage-statistics .mypages-utility-graph-chart-container .highcharts-drilldown-axis-label {
      color: #222 !important;
      fill: #222 !important;
      text-decoration: none !important; }
    .usage-statistics .mypages-utility-graph-chart-container--loading {
      background: #ffffff url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
      background-size: 70px; }
  .usage-statistics .mypages-utility-graph-chart-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    @media (max-width: 1226px) {
      .usage-statistics .mypages-utility-graph-chart-footer {
        padding-inline: 20px; } }
    .usage-statistics .mypages-utility-graph-chart-footer ol, .usage-statistics .mypages-utility-graph-chart-footer ul, .usage-statistics .mypages-utility-graph-chart-footer li {
      font-size: 18px; }
    .usage-statistics .mypages-utility-graph-chart-footer-legend {
      width: 80%;
      background-color: #aaa;
      color: var(--statistics-bg-color);
      text-align: center;
      padding: 40px 20px;
      box-sizing: border-box; }
    .usage-statistics .mypages-utility-graph-chart-footer-export {
      box-sizing: border-box;
      text-align: right; }
      .usage-statistics .mypages-utility-graph-chart-footer-export a {
        color: #1F6590; }
        .usage-statistics .mypages-utility-graph-chart-footer-export a::before {
          color: #7a8990;
          margin-right: 0.4em; }
        .usage-statistics .mypages-utility-graph-chart-footer-export a:hover {
          color: #006193;
          text-decoration: none; }
          .usage-statistics .mypages-utility-graph-chart-footer-export a:hover::before {
            color: #666666; }
    .usage-statistics .mypages-utility-graph-chart-footer-bottom {
      font-size: 18px;
      width: 100%;
      border-top: 1px solid #ccc; }
  .usage-statistics .mypages-utility-graph-chart-footer-over {
    margin: 0 0 20px; }
    @media only screen and (max-width: 940px) {
      .usage-statistics .mypages-utility-graph-chart-footer-over {
        margin-top: 0; } }
    .usage-statistics .mypages-utility-graph-chart-footer-over p {
      margin-bottom: 10px; }

.date-wrapper {
  display: inline-block; }
  .date-wrapper .date-field-wrapper {
    position: relative;
    font-size: 19px; }
    .date-wrapper .date-field-wrapper .datepicker {
      top: 50%;
      right: 12px;
      border: 0;
      cursor: pointer;
      transform: translateY(-50%);
      width: 24px; }
      .date-wrapper .date-field-wrapper .datepicker .icon:before {
        border: 0;
        width: 24px;
        height: 24px;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1; }

.error-container {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  .error-container .error-message {
    text-align: center; }
    .error-container .error-message a:not(.link-button) {
      color: #B90000; }

.mypages-overlay--full {
  padding: 0; }

.mypages-overlay.mypages-overlay--full.mypages-overlay--detailed .mypages-dropdown.disabled .mypages-dropdown-button {
  background-color: #89AEC0 !important;
  color: #C2D3DE;
  cursor: initial; }
  .mypages-overlay.mypages-overlay--full.mypages-overlay--detailed .mypages-dropdown.disabled .mypages-dropdown-button:after {
    border-top-color: #C2D3DE; }

@media only screen and (max-width: 767px) {
  .mypages-overlay.mypages-overlay--full.mypages-overlay--detailed {
    width: 100vw; } }

.mypages-overlay-header--detailed {
  width: 100%;
  padding: 15px 10%;
  margin: 0; }
  @media only screen and (max-width: 1300px) {
    .mypages-overlay-header--detailed {
      padding: 15px 3%; } }
  .mypages-overlay-header--detailed .mypages-overlay-header-text--padding, .mypages-overlay-header--detailed .mypages-overlay-header-close--padding {
    padding: 0; }

.mypages-overlay-content-form--detailed {
  padding: 48px 10% 2.9em; }
  @media only screen and (max-width: 1300px) {
    .mypages-overlay-content-form--detailed {
      padding: 48px 3% 2.9em; } }
  @media only screen and (max-width: 940px) {
    .mypages-overlay-content-form--detailed .mypages-dropdown-container {
      top: -1em !important; } }
  @media only screen and (max-width: 767px) {
    .mypages-overlay-content-form--detailed .mypages-dropdown-button {
      max-width: 76vw; } }
  .mypages-overlay-content-form--detailed .mypages-dropdown-container {
    position: absolute;
    display: inline-flex;
    top: auto;
    right: auto; }
    .mypages-overlay-content-form--detailed .mypages-dropdown-container .mypages-dropdown-list .mypages-dropdown-button span.list-item-title {
      padding-bottom: 0; }
      .mypages-overlay-content-form--detailed .mypages-dropdown-container .mypages-dropdown-list .mypages-dropdown-button span.list-item-title:hover {
        background-color: transparent; }
    .mypages-overlay-content-form--detailed .mypages-dropdown-container .mypages-dropdown-list span.list-item-refnr {
      padding-top: 0; }
      .mypages-overlay-content-form--detailed .mypages-dropdown-container .mypages-dropdown-list span.list-item-refnr:hover {
        background-color: transparent; }
  .mypages-overlay-content-form--detailed .mypages-utility-pointofdelivery {
    position: relative;
    display: inline-block;
    min-width: -moz-max-content;
    min-width: max-content; }

.mypages-tab-page__overview {
  max-width: 1210px; }

.mypages-tab-page-dhforecast .forecast-price-toggler__heading {
  font-weight: 600; }

.mypages-tab-page-dhforecast .mypages-table--forecast th:first-child {
  width: 50%; }

@media (min-width: 719px) {
  .mypages-tab-page-dhforecast .mypages-table--forecast {
    width: 719px; }
    .mypages-tab-page-dhforecast .mypages-table--forecast th:first-child {
      width: 40%; } }

.mypages-tab-page .mypages-tab-page-contract .mypages-tab-page-information {
  margin-bottom: 60px; }
  .mypages-tab-page .mypages-tab-page-contract .mypages-tab-page-information__columns {
    margin-top: 30px; }
  .mypages-tab-page .mypages-tab-page-contract .mypages-tab-page-information__column:not(:last-child) {
    margin-bottom: 30px; }
  .mypages-tab-page .mypages-tab-page-contract .mypages-tab-page-information__label {
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0; }
  .mypages-tab-page .mypages-tab-page-contract .mypages-tab-page-information__text {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mypages-tab-page .mypages-tab-page-contract .accordion-block .accordion-sections {
  width: 100%; }

.mypages-tab-page .mypages-tab-page-contract .accordion-block .accordion {
  width: 100%; }
  .mypages-tab-page .mypages-tab-page-contract .accordion-block .accordion__label-container {
    border-color: #1a1a1a; }

.mypages-tab-page__wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px; }

.mypages-tab-page__heading {
  margin: 0 0 15px; }

.mypages-tab-page__subheading {
  margin-bottom: 40px; }
  .mypages-tab-page__subheading .mypages-tab-page__link {
    font-size: 20px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400; }

.mypages-tab-page__buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px; }
  .mypages-tab-page__buttons .margin-left {
    margin-left: 16px; }
  .mypages-tab-page__buttons .new-link-button.new-link-button {
    margin: 0; }

.mypages-tab-page .new-link-button {
  margin: 0; }
  @media only screen and (max-width: 480px) {
    .mypages-tab-page .new-link-button {
      width: auto; } }
  .mypages-tab-page .new-link-button .icon {
    font-size: 24px;
    margin-left: 0; }

.mypages-tab-page__content {
  display: flex;
  flex-flow: nowrap;
  flex-direction: column;
  gap: 16px;
  width: 100%; }
  @media (min-width: 719px) {
    .mypages-tab-page__content {
      flex-flow: row wrap;
      align-items: flex-start;
      justify-content: flex-start; } }

.mypages-tab-page__graph-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
  flex-grow: 1; }
  @media (min-width: 719px) {
    .mypages-tab-page__graph-wrapper {
      max-width: 500px; } }

.mypages-tab-page .boxes {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap; }
  @media (min-width: 940px) {
    .mypages-tab-page .boxes {
      max-width: 50%; } }
  @media (min-width: 1226px) {
    .mypages-tab-page .boxes {
      flex-direction: column; } }
  .mypages-tab-page .boxes .box {
    min-height: 120px;
    width: 200px;
    padding: 24px; }
    @media (max-width: 719px) {
      .mypages-tab-page .boxes .box__usage {
        width: 100%; } }

.mypages-tab-page .box {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: #ffffff;
  padding: 20px 25px;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 #333F5866; }
  .mypages-tab-page .box__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-weight: 600; }
  .mypages-tab-page .box__heading {
    margin-bottom: 0;
    text-transform: uppercase; }
  .mypages-tab-page .box__tooltip {
    visibility: hidden;
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 100%;
    right: 0;
    background-color: #004876;
    min-width: 250px;
    max-width: 300px;
    padding: 5px 10px 10px;
    z-index: 1;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    .mypages-tab-page .box__tooltip button {
      align-self: flex-end;
      background-color: transparent;
      border: none;
      cursor: pointer;
      font-size: 20px;
      margin-left: auto;
      color: #fff; }
      .mypages-tab-page .box__tooltip button:focus-visible {
        outline: none; }
    .mypages-tab-page .box__tooltip p {
      font-weight: 400;
      color: #fff; }
  .mypages-tab-page .box__tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: auto;
    right: 15px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; }
  .mypages-tab-page .box p {
    margin-bottom: 0; }
    @media only screen and (max-width: 719px) {
      .mypages-tab-page .box p {
        font-size: 16px; } }
  .mypages-tab-page .box h3 {
    margin: 0; }
  .mypages-tab-page .box .icon-information {
    position: absolute;
    top: 0;
    right: 3px;
    font-size: 40px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    padding: 0; }
  .mypages-tab-page .box .icon-information:focus-visible {
    outline: 2px solid #004876;
    outline-offset: 4px; }
  .mypages-tab-page .box .close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px; }
  .mypages-tab-page .box__content {
    margin-top: 16px; }
    .mypages-tab-page .box__content .content-info {
      margin-top: 5px; }
  .mypages-tab-page .box__time-effect {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 0; }
  .mypages-tab-page .box__time {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .mypages-tab-page .box__divider {
    border-top: 1px solid #7a8991; }

.mypages-tab-page .new-link-button.dashboard-link {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-grow: 1;
  color: #333F58;
  background-color: #ffffff;
  border-radius: 16px;
  margin: 0; }
  @media only screen and (max-width: 719px) {
    .mypages-tab-page .new-link-button.dashboard-link {
      justify-content: center; } }
  .mypages-tab-page .new-link-button.dashboard-link .icon:before {
    margin-right: 15px;
    font-size: 24px; }
  .mypages-tab-page .new-link-button.dashboard-link .icon-thinarrow {
    margin-left: auto; }
  .mypages-tab-page .new-link-button.dashboard-link:focus {
    background-color: #ffffff; }
  .mypages-tab-page .new-link-button.dashboard-link:hover {
    background-color: #ffffff; }
    .mypages-tab-page .new-link-button.dashboard-link:hover .icon-thinarrow {
      transform: translateX(8px);
      transition: transform 0.2s ease-in-out; }

.mypages-tab-page .tax-graph__graph {
  margin: 0 0; }

.mypages-tab-page .tax-graph__information {
  font-size: 16px;
  line-height: 1.5; }

.mypages-tab-page .tax-graph__no-data {
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
  justify-content: space-between;
  padding: 15px 15px 15px 0; }
  .mypages-tab-page .tax-graph__no-data .icon-no-data-graph {
    font-size: 120px;
    color: var(--tv-bg-light-gray-impact); }

.mypages-tab-page .tax-graph .highcharts-legend-item rect {
  visibility: hidden; }

.mypages-tab-page .tax-graph .custom-legend-item {
  display: flex;
  align-items: center;
  flex-direction: row; }
  .mypages-tab-page .tax-graph .custom-legend-item__icon {
    padding-right: 10px; }
  .mypages-tab-page .tax-graph .custom-legend-item__name {
    font-family: Karmina Sans, sans-serif;
    display: inline;
    line-height: 1.1;
    font-size: 16px; }

.mypages-tab-page .mp-ec-statistics-table-export-container {
  text-align: right; }

.mypages-tabs.statistics {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 0;
  padding: 0;
  width: 100%; }
  @media only screen and (min-width: 940px) {
    .mypages-tabs.statistics {
      margin-top: 20px; } }
  @media only screen and (max-width: 719px) {
    .mypages-tabs.statistics {
      flex-wrap: nowrap;
      overflow-x: auto;
      white-space: nowrap;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .mypages-tabs.statistics ::-webkit-scrollbar {
        display: none; } }
  .mypages-tabs.statistics li {
    font-size: calc(clamp(19px, 3vw + 1px, 20px));
    margin: 0; }
    @media only screen and (max-width: 719px) {
      .mypages-tabs.statistics li {
        flex: 0 0 auto; } }

.mypages-utility-detailed-graph-chart-footer-over {
  display: inline-block;
  padding-left: 30px; }
  .mypages-utility-detailed-graph-chart-footer-over p {
    margin: 0; }
  @media only screen and (max-width: 1060px) {
    .mypages-utility-detailed-graph-chart-footer-over {
      display: none; } }

.mypages-overlay-tabs {
  background-color: #ffffff; }
  @media only screen and (max-width: 1300px) {
    .mypages-overlay-tabs .mypages-tabs {
      padding: 0 3%; } }

.mypages-overlay-content-form-inner {
  position: relative; }
  .mypages-overlay-content-form-inner .mypages-detailed-heading-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px; }

.mypages-overlay-content-inner-wrapper {
  width: 100%;
  background-color: var(--statistics-bg-color);
  border-top: 1px solid #DEDEDE;
  flex: 100%; }

.mypages-overlay-content-inner-top {
  background-color: var(--statistics-bg-color); }

.usage-statistics .wrapper {
  max-width: 1210px;
  min-width: 280px;
  display: block;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  position: relative; }

.usage-statistics .date-wrapper + .date-wrapper {
  margin-left: 20px; }

.usage-statistics-tab-content {
  position: relative; }

.mypages-overlay-content-filters {
  background-color: var(--statistics-bg-color);
  padding: 24px 0; }
  .mypages-overlay-content-filters .date-wrapper:first-child {
    margin-left: 0; }
  .mypages-overlay-content-filters-table {
    margin: 0;
    border: none; }
    .mypages-overlay-content-filters-table tr td {
      background-color: transparent;
      vertical-align: middle;
      padding: 0; }
  .mypages-overlay-content-filters-right-container {
    margin-top: 24px; }
  .mypages-overlay-content-filters-filter {
    display: inline-block;
    min-width: 200px;
    margin-left: 20px;
    margin-top: 10px; }

.pod-selector li a span {
  margin: 0;
  padding: 0;
  pointer-events: none; }
  .pod-selector li a span:first-child {
    font-size: 20px; }

.mypages-dropdown-list-site--detailed {
  background-color: #ffffff; }
  .mypages-dropdown-list-site--detailed li label.checked::after {
    color: #ffffff !important; }
  .mypages-dropdown-list-site--detailed li label:hover {
    background-color: #003355; }

.mypages-dropdown-list-site--full {
  max-height: none !important; }

.mypages-utility-pointofdelivery--detailed {
  left: 0 !important; }

.mypages-dropdown-button--pod {
  max-width: 500px; }

.mypages-dropdown-button--no-border-radius-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  background-color: #004878 !important; }

.mypages-overlay-content-filters-right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

.mypages-overlay-content-filters-right-compare,
.mypages-overlay-content-filters-right-options {
  min-width: 180px;
  max-width: 220px; }
  .mypages-overlay-content-filters-right-compare .mypages-dropdown-button,
  .mypages-overlay-content-filters-right-options .mypages-dropdown-button {
    background-color: #004876;
    color: #ffffff; }
    .mypages-overlay-content-filters-right-compare .mypages-dropdown-button::after,
    .mypages-overlay-content-filters-right-options .mypages-dropdown-button::after {
      border-top-color: #ffffff; }

.mypages-overlay-content-filters-right-compare.mypages-dropdown.mypages-dropdown {
  min-width: 150px;
  margin-right: 15px; }
  @media (max-width: 480px) {
    .mypages-overlay-content-filters-right-compare.mypages-dropdown.mypages-dropdown {
      flex-grow: 0; } }

.mypages-overlay-content-filters-right-options {
  margin-right: 6px; }

.mypages-utility-chart-nav {
  flex-wrap: wrap;
  row-gap: 10px;
  position: relative; }
  @media (min-width: 480px) {
    .mypages-utility-chart-nav {
      position: static; } }
  .mypages-utility-chart-nav .mypages-dropdown--blue .mypages-dropdown-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .mypages-utility-chart-nav .datepicker-container {
    position: relative; }
    @media (min-width: 480px) {
      .mypages-utility-chart-nav .datepicker-container {
        position: static; } }

.mypages-utility-chart-nav, .mypages-utility-chart-nav--meter-readings {
  display: flex;
  font-size: 0;
  flex-wrap: wrap; }
  .mypages-utility-chart-nav-level, .mypages-utility-chart-nav--meter-readings-level {
    display: flex;
    height: 48px;
    background-color: #fbfbfb;
    color: #333333;
    border: 1px solid #d2d2d2;
    vertical-align: top;
    font-size: 19px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .mypages-utility-chart-nav-level:first-child, .mypages-utility-chart-nav--meter-readings-level:first-child {
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px; }
    .mypages-utility-chart-nav-level.active, .mypages-utility-chart-nav--meter-readings-level.active {
      border-radius: 30px; }
    .mypages-utility-chart-nav-level.active, .mypages-utility-chart-nav--meter-readings-level.active {
      border: none; }
      .mypages-utility-chart-nav-level.active .mypages-dropdown, .mypages-utility-chart-nav--meter-readings-level.active .mypages-dropdown {
        display: block; }
    .mypages-utility-chart-nav-level:not(.active)::before, .mypages-utility-chart-nav--meter-readings-level:not(.active)::before {
      content: attr(data-label);
      line-height: 48px;
      padding: 0 20px; }
    .mypages-utility-chart-nav-level.drillup, .mypages-utility-chart-nav--meter-readings-level.drillup {
      color: #1F6590;
      cursor: pointer; }

.mypages-utility-chart-nav--meter-readings {
  padding: 24px 0;
  gap: 15px; }
  @media (max-width: 480px) {
    .mypages-utility-chart-nav--meter-readings {
      position: relative; } }
  .mypages-utility-chart-nav--meter-readings .mypages-utility-chart-nav-level {
    height: 47px;
    border-radius: 30px; }
    .mypages-utility-chart-nav--meter-readings .mypages-utility-chart-nav-level__meter-year {
      min-width: unset; }
      .mypages-utility-chart-nav--meter-readings .mypages-utility-chart-nav-level__meter-year .mypages-dropdown {
        min-width: unset; }
      .mypages-utility-chart-nav--meter-readings .mypages-utility-chart-nav-level__meter-year .mypages-dropdown-button {
        min-width: unset;
        width: unset; }
    .mypages-utility-chart-nav--meter-readings .mypages-utility-chart-nav-level .mypages-dropdown.mypages-dropdown--blue .mypages-dropdown-button {
      border-top-left-radius: 30px !important;
      border-bottom-left-radius: 30px !important; }

#nav-days .mypages-dropdown-list {
  width: 400px; }
  #nav-days .mypages-dropdown-list li > label {
    padding: 10px; }
  @media only screen and (max-width: 480px) {
    #nav-days .mypages-dropdown-list {
      width: 100%; } }

#compare .mypages-dropdown-list {
  width: 220px; }

.mypages-tab-page-meter-readings {
  position: relative;
  min-height: 300px; }
  .mypages-tab-page-meter-readings--loading {
    background: #ffffff url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
    background-size: 70px; }

.mypages-tab-page-dhforecast {
  position: relative;
  min-height: 300px; }
  .mypages-tab-page-dhforecast--loading {
    background: #ffffff url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
    background-size: 70px; }

.mypages-tab-hazardouswaste-usage {
  position: relative;
  min-height: 300px; }
  .mypages-tab-hazardouswaste-usage--loading {
    background: #ffffff url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
    background-size: 70px; }

.mypages-tab-containerwaste-usage {
  position: relative;
  min-height: 300px; }
  .mypages-tab-containerwaste-usage--loading {
    background: #ffffff url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
    background-size: 70px; }

span.no-meter-data, span.no-usage-data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.mypages-utility-graph-chart-footer .export-links-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
  margin-bottom: 15px; }

.mypages-utility-graph-chart-footer-export-icon, .mypages-utility-graph-chart-header-export-icon {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  padding-top: inherit; }

.mypages-utility-graph-chart-header-export-icon {
  position: relative;
  z-index: 10;
  white-space: nowrap;
  margin: 0 !important;
  font-size: 19px;
  padding: 0;
  line-height: 1;
  float: right; }
  .mypages-utility-graph-chart-header-export-icon-container {
    background-color: var(--statistics-bg-color);
    padding: 20px 0;
    width: 100%; }
  .mypages-utility-graph-chart-header--winterusage .mypages-utility-graph-chart-header-export-icon {
    margin: 35px 0 0 !important; }

.export-button {
  background: none;
  border: none;
  display: inline-block;
  color: #1178af;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  cursor: pointer;
  outline: none;
  margin: 0 30px 10px 0; }
  .export-button:before {
    color: #7a8990;
    margin-right: 0.4em; }

@media only screen and (max-width: 1600px) {
  .mypages-overlay-content-filters {
    position: relative;
    padding-bottom: 50px; }
  .mypages-overlay-content-filters-right-compare,
  .mypages-overlay-content-filters-right-options {
    min-width: 180px;
    width: auto; } }

@media only screen and (max-width: 1300px) {
  .mypages-overlay-content {
    padding: 0 3%; } }

@media only screen and (max-width: 940px) {
  body.mputilitypage .mypages-header {
    padding: 0 30px; }
  body.mputilitypage .mypages-utility-wrapper {
    padding: 0 30px; }
    body.mputilitypage .mypages-utility-wrapper .mypages-dropdown {
      position: relative; }
    body.mputilitypage .mypages-utility-wrapper .mypages-heading-wrapper {
      margin: 0;
      padding: 0 0 40px;
      text-align: center; }
    body.mputilitypage .mypages-utility-wrapper .mypages-heading {
      display: block;
      min-width: unset;
      text-align: center; }
      body.mputilitypage .mypages-utility-wrapper .mypages-heading:before {
        float: none;
        display: inline-block; }
    body.mputilitypage .mypages-utility-wrapper .mypages-utility-pointofdelivery {
      top: auto;
      right: auto; }
      body.mputilitypage .mypages-utility-wrapper .mypages-utility-pointofdelivery .mypages-dropdown-button {
        display: inline-block;
        font-size: 0.9em; }
    body.mputilitypage .mypages-utility-wrapper .mypages-utility-information {
      padding: 40px 0 20px 0;
      color: #0b0b0b; }
      body.mputilitypage .mypages-utility-wrapper .mypages-utility-information-heading {
        margin-top: 0;
        margin-bottom: 10px;
        text-align: center; }
      body.mputilitypage .mypages-utility-wrapper .mypages-utility-information-column {
        color: #595959;
        width: 50%;
        padding-top: 10px;
        padding-bottom: 0px; }
        body.mputilitypage .mypages-utility-wrapper .mypages-utility-information-column p {
          font-size: 100%;
          padding-top: 0px;
          padding-bottom: 10px; }
        body.mputilitypage .mypages-utility-wrapper .mypages-utility-information-column label {
          padding-top: 10px; }
    body.mputilitypage .mypages-utility-wrapper .mypages-utility-graph-chart {
      margin: 0 -30px;
      padding: 1.5rem 0; }
      body.mputilitypage .mypages-utility-wrapper .mypages-utility-graph-chart-header {
        padding: 0 0.75rem; }
        body.mputilitypage .mypages-utility-wrapper .mypages-utility-graph-chart-header-heading {
          margin: auto 0;
          font-size: 1.2em; }
        body.mputilitypage .mypages-utility-wrapper .mypages-utility-graph-chart-header-button {
          position: relative;
          top: auto;
          left: auto;
          font-size: 0.9em; } }

@media only screen and (max-width: 719px) {
  .mypages-dropdown-button--pod {
    max-width: 21rem; } }

@media only screen and (max-width: 480px) {
  body.mputilitypage .mypages-header {
    padding: 0 0.75rem; }
  .mypages-dropdown-button--pod {
    max-width: calc(100vw - 40px); } }

.page-spinner {
  position: absolute;
  top: 10%;
  left: 50%; }
  .page-spinner--loading {
    background: #ffffff url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
    background-size: 200px;
    height: 200px;
    width: 200px; }

.no-hover {
  pointer-events: none; }

.mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-dropdown {
  min-width: 150px; }
  @media (min-width: 480px) {
    .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-dropdown {
      min-width: 180px; } }

.mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table {
  border-top: none; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table .highest-peaks__date .icon {
    margin-right: 12px;
    font-size: 1.1rem; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table thead {
    border-bottom: 2px solid #1178af; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__peak-usage-heading {
    text-align: right; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__peak-usage {
    text-align: right; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__average {
    font-weight: 700; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table__average-peak-value {
    text-align: right; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table.low tr td .icon {
    color: #0B4B29; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table.medium tr td .icon {
    color: #996500; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .highest-peaks .highest-peaks-table.high tr td .icon {
    color: #992900; }

.mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-tab-page__content {
  position: relative;
  min-height: 670px; }
  .mputilitypage.new-style .usage-statistics .mypages-tab-page__overview .mypages-tab-page__content .error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #B90000;
    max-width: 730px; }

body.mpbookingspage .mypages-mpbookings {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  padding: 30px 0 0;
  margin: 30px auto 170px;
  box-sizing: border-box;
  border-top: 1px solid #ccc; }
  @media only screen and (max-width: 719px) {
    body.mpbookingspage .mypages-mpbookings {
      padding: 0; } }

body.mpbookingspage .booking-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  border-top: solid 1px #ddd;
  margin-bottom: 1em; }
  body.mpbookingspage .booking-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.mpbookingspage .booking-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }

body.mpbookingspage .booking-list--list-item {
  border-bottom: solid 1px #ddd;
  overflow: hidden;
  position: relative; }

body.mpbookingspage .booking-list--loading {
  background: rgba(0, 0, 0, 0.2) url(/static/images/loading_128.gif) no-repeat 88% center;
  background-size: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 76px;
  display: none; }

body.mpbookingspage .booking-list--heading {
  float: left;
  display: inline-block;
  margin: 0;
  min-width: 30%;
  line-height: 3.16667em; }

body.mpbookingspage .booking-list--date {
  font-size: 120%;
  line-height: 3.16667em;
  float: left;
  display: inline-block; }

body.mpbookingspage .booking-list--toggle {
  font-size: 120%;
  line-height: 3.16667em;
  position: relative;
  font-weight: bold;
  float: right;
  display: inline-block;
  padding-right: 1.5em; }

body.mpbookingspage .booking-list--toggle:before {
  position: absolute;
  right: 0;
  top: 50%; }

body.mpbookingspage .booking__toggler {
  background: #0087cc;
  color: #fff;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  font-size: 40px; }

body.mpbookingspage .booking__toggler--loading {
  background: #fff !important;
  cursor: default !important; }

body.mpbookingspage .booking__toggler:hover {
  text-decoration: none; }

body.mpbookingspage .booking__toggler--prev {
  position: absolute;
  left: 25px;
  top: 22px; }

body.mpbookingspage .booking__toggler--next {
  position: absolute;
  top: 22px;
  right: 26px; }

body.mpbookingspage .booking__toggler--disabled {
  background: #83adc2 !important;
  cursor: default !important; }

body.mpbookingspage .occations-calendar {
  margin: 0; }
  body.mpbookingspage .occations-calendar caption {
    font-size: 120%;
    line-height: 2.45833em;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1178af;
    border-bottom: solid 1px #ddd; }
  body.mpbookingspage .occations-calendar thead td {
    text-align: center;
    border: none;
    border-right: solid 1px #ddd;
    padding: 1em 0;
    width: 20%; }
  body.mpbookingspage .occations-calendar thead td:last-child {
    border: none; }
  body.mpbookingspage .occations-calendar thead strong {
    color: #0b0b0b;
    font-size: 22px;
    line-height: 1.13636em;
    text-transform: capitalize; }
  body.mpbookingspage .occations-calendar tbody td {
    background-color: #fff;
    border-right: solid 1px #ddd;
    text-align: center;
    vertical-align: top; }
  body.mpbookingspage .occations-calendar tbody td:last-child {
    border: none; }
  body.mpbookingspage .occations-calendar tbody ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    min-height: 10em; }
    body.mpbookingspage .occations-calendar tbody ul ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.mpbookingspage .occations-calendar tbody ul li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  body.mpbookingspage .occations-calendar tbody ul li a {
    font-size: 20px;
    line-height: 1.8em;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    border: solid 1px #1178af;
    border-radius: 0.95em;
    max-width: 158px;
    margin: 0 auto; }
  body.mpbookingspage .occations-calendar tbody ul li a.selected, body.mpbookingspage .occations-calendar tbody ul li a:hover {
    background-color: #1178af;
    color: #fff;
    text-decoration: none; }
  body.mpbookingspage .occations-calendar tbody ul li {
    margin-bottom: 15px; }

body.mpbookingspage .booking__disclaimer {
  display: block;
  font-style: normal;
  color: #5b5b5b;
  margin: 1.5em 0; }

body.mpbookingspage .booking__disclaimer:before {
  margin-right: 10px;
  position: relative;
  top: -2px; }

body.mpbookingspage .booking__viewinfo {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  overflow: hidden;
  margin-bottom: 2.5em; }
  body.mpbookingspage .booking__viewinfo ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.mpbookingspage .booking__viewinfo li {
    padding: 0;
    margin: 0;
    line-height: 1; }

body.mpbookingspage .booking__viewinfo li {
  float: left;
  margin-right: 7.5em; }

body.mpbookingspage .booking__viewinfo strong {
  color: #000;
  display: block;
  margin-bottom: 0.25em; }

body.mpbookingspage .booking__viewinfo li:last-child {
  float: right;
  margin: 0; }

body.mpbookingspage .booking__changeinfo {
  margin-bottom: 60px; }
  body.mpbookingspage .booking__changeinfo label {
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #000; }
  body.mpbookingspage .booking__changeinfo input.booking__saveinfo, body.mpbookingspage .booking__changeinfo a.booking__saveinfo {
    position: relative;
    top: 30px; }
  body.mpbookingspage .booking__changeinfo .grid-col-4 {
    text-align: right; }

body.mpbookingspage .booking__confirm {
  background: #1178af;
  padding: 1.85em 29px;
  position: relative; }
  body.mpbookingspage .booking__confirm p {
    color: #fff;
    font-size: 22px;
    margin-bottom: 0; }
  body.mpbookingspage .booking__confirm .booking__submit {
    position: absolute;
    top: 31px;
    right: 26px;
    color: #0087cc;
    background: #fff;
    padding: 11px 29px; }

body.mpbookingspage .booking-calendar {
  clear: both;
  position: relative; }

body.mpbookingspage .calendar-loading {
  background: rgba(0, 0, 0, 0.2) url(/static/images/loading_128.gif) no-repeat center center;
  background-size: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none; }

body.mpbookingspage .booking__confirmed {
  margin-bottom: 20px; }
  body.mpbookingspage .booking__confirmed dl {
    font-size: 24px;
    margin-bottom: 20px; }
    body.mpbookingspage .booking__confirmed dl dt {
      display: inline-block;
      font-weight: bold; }
    body.mpbookingspage .booking__confirmed dl dd {
      display: inline-block;
      margin-right: 17px;
      letter-spacing: -1px; }

body.mpbookingspage .booking-table {
  margin: 0 0 1.5em;
  border: 1px solid #ccc;
  border-top: 4px solid #0087cc;
  padding: 10px 40px 20px;
  position: relative; }
  @media only screen and (max-width: 1226px) {
    body.mpbookingspage .booking-table {
      padding: 10px 20px; } }
  @media only screen and (max-width: 719px) {
    body.mpbookingspage .booking-table {
      display: flex;
      flex-direction: column; } }
  body.mpbookingspage .booking-table > h3 {
    line-height: 35px; }
    body.mpbookingspage .booking-table > h3.loading:after {
      display: inline-block;
      width: 50px;
      background: url(/Static/Images/loading_128.gif) no-repeat;
      background-size: 35px;
      content: "\00a0";
      margin: 0 0 0 10px; }
    @media only screen and (max-width: 719px) {
      body.mpbookingspage .booking-table > h3 {
        margin-top: 15px; } }
  body.mpbookingspage .booking-table > a {
    background-color: #004876;
    font-size: 20px;
    line-height: 40px;
    padding: 0 30px;
    margin: 0;
    transition: background-color 50ms linear;
    position: absolute;
    top: 40px;
    right: 40px; }
    @media only screen and (max-width: 1226px) {
      body.mpbookingspage .booking-table > a {
        top: 20px;
        right: 20px; } }
    @media only screen and (max-width: 719px) {
      body.mpbookingspage .booking-table > a {
        position: static;
        order: 10;
        margin: 20px 0;
        text-align: center; } }
    body.mpbookingspage .booking-table > a:hover {
      text-decoration: none;
      background-color: #006193; }
    body.mpbookingspage .booking-table > a.disabled {
      background-color: #949494;
      cursor: default;
      pointer-events: none; }
  body.mpbookingspage .booking-table table {
    margin: 50px 0 0 0; }
    body.mpbookingspage .booking-table table thead tr th {
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 20px;
      color: #1a1a1a; }
      @media only screen and (max-width: 719px) {
        body.mpbookingspage .booking-table table thead tr th {
          display: none; } }
      body.mpbookingspage .booking-table table thead tr th:first-child {
        padding-left: 0; }
      body.mpbookingspage .booking-table table thead tr th:last-child {
        padding-right: 0; }
    @media only screen and (max-width: 719px) {
      body.mpbookingspage .booking-table table tbody tr {
        border-bottom: 1px solid #e2e2e2; } }
    body.mpbookingspage .booking-table table tbody tr td {
      font-size: 22px;
      background-color: #fff;
      border-bottom: 1px solid #e2e2e2; }
      body.mpbookingspage .booking-table table tbody tr td:first-child {
        padding-left: 0; }
        @media only screen and (max-width: 719px) {
          body.mpbookingspage .booking-table table tbody tr td:first-child {
            padding-top: 0.76923em; } }
      body.mpbookingspage .booking-table table tbody tr td:last-child {
        padding-right: 0; }
        @media only screen and (max-width: 719px) {
          body.mpbookingspage .booking-table table tbody tr td:last-child {
            text-align: left;
            padding-bottom: 0.76923em; } }
      @media only screen and (max-width: 719px) {
        body.mpbookingspage .booking-table table tbody tr td {
          float: left;
          width: 100%;
          padding: 0.38462em 0 0;
          border-bottom: none; } }
    @media only screen and (max-width: 719px) {
      body.mpbookingspage .booking-table table tbody tr:first-of-type td:first-of-type {
        border-top: 1px solid #e2e2e2; } }
    @media only screen and (max-width: 719px) {
      body.mpbookingspage .booking-table table tbody tr:last-of-type {
        border-bottom: none; } }
    body.mpbookingspage .booking-table table tbody tr:last-of-type td {
      border-bottom-width: 0; }
      @media only screen and (max-width: 719px) {
        body.mpbookingspage .booking-table table tbody tr:last-of-type td:last-of-type {
          border-bottom: 1px solid #e2e2e2; } }

@media only screen and (max-width: 1226px) {
  body.mpbookingspage .mypages-heading {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  body.mpbookingspage .mypages-mpbookings {
    max-width: calc(100% - 1.5rem); } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.gaugereplacement main p {
    font-size: 0.65em; }
  body.gaugereplacement .booking-list--heading {
    line-height: 2.8125em; }
  body.gaugereplacement .booking-list--date {
    font-size: 80%;
    line-height: 2.8125em; }
  body.gaugereplacement .booking-list--toggle {
    font-size: 80%;
    line-height: 2.8125em; }
  body.gaugereplacement .booking__viewinfo {
    font-size: 13px; }
    body.gaugereplacement .booking__viewinfo .button, body.gaugereplacement .booking__viewinfo .calltoaction, body.gaugereplacement .booking__viewinfo body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__viewinfo .link-button {
      font-size: 13px; }
  body.gaugereplacement .booking__changeinfo {
    margin-bottom: 40px; }
    body.gaugereplacement .booking__changeinfo label {
      font-size: 15px; }
  body.gaugereplacement .booking-list--heading, body.gaugereplacement .booking-list--date, body.gaugereplacement .booking-list--toggle {
    font-size: 15px;
    line-height: 30px; }
  body.gaugereplacement .booking-list--loading {
    height: 30px;
    background-size: 20px; }
  body.gaugereplacement .booking__toggler {
    width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 20px; }
  body.gaugereplacement .booking__toggler--prev {
    left: 10px;
    top: 14px; }
  body.gaugereplacement .booking__toggler--next {
    right: 10px;
    top: 14px; }
  body.gaugereplacement .occations-calendar thead strong {
    font-size: 15px; }
  body.gaugereplacement .occations-calendar tbody ul li a {
    font-size: 13px;
    max-width: 100px;
    line-height: 18px; }
  body.gaugereplacement .calendar-loading {
    background-size: 60px; }
  body.gaugereplacement .booking__disclaimer {
    margin: 18px 0; }
  body.gaugereplacement .booking__confirm {
    padding: 10px; }
    body.gaugereplacement .booking__confirm p {
      font-size: 13px; }
    body.gaugereplacement .booking__confirm .booking__submit {
      top: 7px;
      right: 6px;
      padding: 5px 14px;
      font-size: 13px; }
  body.gaugereplacement .booking__confirmed dl {
    font-size: 15px;
    margin-bottom: 10px; }
    body.gaugereplacement .booking__confirmed dl dd {
      margin-right: 10px; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.gaugereplacement main p {
    font-size: 1em; }
  body.gaugereplacement .booking__viewinfo {
    font-size: 20px;
    margin-bottom: 5px; }
    body.gaugereplacement .booking__viewinfo .button, body.gaugereplacement .booking__viewinfo .calltoaction, body.gaugereplacement .booking__viewinfo body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__viewinfo .link-button {
      font-size: 20px;
      width: 100%;
      text-align: center;
      box-sizing: border-box; }
    body.gaugereplacement .booking__viewinfo li, body.gaugereplacement .booking__viewinfo li:last-child {
      float: none;
      margin: 0 0 15px 0; }
  body.gaugereplacement .booking__changeinfo {
    margin-bottom: 40px; }
    body.gaugereplacement .booking__changeinfo label {
      font-size: 20px; }
    body.gaugereplacement .booking__changeinfo .grid-col-3 {
      margin-bottom: 15px; }
    body.gaugereplacement .booking__changeinfo .button, body.gaugereplacement .booking__changeinfo .calltoaction, body.gaugereplacement .booking__changeinfo body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__changeinfo .link-button {
      top: auto;
      width: 100%;
      font-size: 20px;
      margin-bottom: 15px;
      box-sizing: border-box;
      display: block;
      display: block;
      text-align: center; }
  body.gaugereplacement .booking-list--list-item {
    padding: 0.7em 0 !important; }
  body.gaugereplacement .booking-list--heading {
    font-size: 21px;
    display: block;
    line-height: inherit;
    float: none;
    line-height: 1.2381em; }
  body.gaugereplacement .booking-list--date {
    font-size: 105%;
    line-height: 1.2381em; }
  body.gaugereplacement .booking-list--toggle {
    font-size: 105%;
    line-height: 1.2381em; }
  body.gaugereplacement .booking-list--loading {
    height: auto;
    bottom: 0;
    background-position: 68% center; }
  body.gaugereplacement .booking__toggler {
    width: 24px;
    height: 24px;
    line-height: 20px;
    font-size: 30px; }
  body.gaugereplacement .booking__toggler--next {
    top: 19px;
    right: 19px; }
  body.gaugereplacement .booking__toggler--prev {
    top: 19px;
    left: 19px;
    left: 19px; }
  body.gaugereplacement .booking-calendar {
    padding-top: 15px; }
  body.gaugereplacement .occations-calendar caption {
    font-size: 19px; }
  body.gaugereplacement .occations-calendar thead strong {
    font-weight: normal;
    font-size: 21px; }
  body.gaugereplacement .occations-calendar thead td, body.gaugereplacement .occations-calendar tbody td {
    display: none;
    box-sizing: border-box;
    border: none; }
  body.gaugereplacement .occations-calendar tbody td {
    padding-top: 0; }
  body.gaugereplacement .occations-calendar thead td.selected-day, body.gaugereplacement .occations-calendar tbody td.selected-day {
    display: block;
    width: 100%; }
  body.gaugereplacement .occations-calendar tbody ul li a {
    font-size: 21px;
    line-height: 40px;
    max-width: inherit; }
  body.gaugereplacement .booking__confirm {
    padding: 10px; }
    body.gaugereplacement .booking__confirm p {
      font-size: 19px;
      margin-right: 110px; }
    body.gaugereplacement .booking__confirm .booking__submit {
      position: relative;
      width: 100%;
      top: auto;
      right: auto;
      margin-top: 29px;
      line-height: 20px;
      padding: 11px 0;
      font-size: 20px; }
  body.gaugereplacement .booking__confirmed dl {
    font-size: 19px;
    margin-bottom: 10px; }
    body.gaugereplacement .booking__confirmed dl dd {
      margin-right: 10px; }
  body.gaugereplacement .booking__confirmed a.button, body.gaugereplacement .booking__confirmed a.calltoaction, body.gaugereplacement .booking__confirmed body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__confirmed a.link-button {
    font-size: 20px;
    width: 100%;
    text-align: center;
    box-sizing: border-box; } }

/* Blocks */
.mypages-offer-block {
  max-width: 1180px;
  min-width: 280px;
  display: block;
  margin: 0 auto 40px;
  padding: 40px 40px 50px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition: background-color 25ms linear; }
  .mypages-offer-block-heading {
    margin-bottom: 0.892857em;
    display: block;
    font-size: 28px;
    line-height: 1.2em;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    z-index: 10;
    color: #004878;
    max-width: 62.5%; }
  .mypages-offer-block-text {
    display: block;
    font-size: 19px;
    line-height: 1.157894em;
    position: relative;
    z-index: 10;
    color: #5b5b5b;
    max-width: 62.5%; }
  .mypages-offer-block-image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 300px;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    opacity: 0.9; }
    .mypages-offer-block-image-gradient {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 150px;
      background: none;
      background: linear-gradient(to right, #f2f2f2 0%, rgba(255, 255, 255, 0) 100%);
      transition: background 25ms linear; }
  .mypages-offer-block:hover {
    text-decoration: none;
    background-color: #efefef; }
    .mypages-offer-block:hover .mypages-offer-block-heading {
      color: #006193; }
    .mypages-offer-block:hover .mypages-offer-block-image {
      opacity: 1; }
    .mypages-offer-block:hover .mypages-offer-block-image-gradient {
      background: linear-gradient(to right, #efefef 0%, rgba(255, 255, 255, 0) 100%); }

@media only screen and (max-width: 1226px) {
  .mypages-offer-block {
    max-width: calc(100% - 80px); } }

@media only screen and (max-width: 940px) {
  .mypages-offer-block {
    padding: 30px; }
    .mypages-offer-block-heading {
      max-width: 70%; }
    .mypages-offer-block-text {
      max-width: 70%; }
    .mypages-offer-block-image {
      width: 200px;
      background-position: center center; }
      .mypages-offer-block-image-gradient {
        width: 200px; } }

@media only screen and (max-width: 719px) {
  .mypages-offer-block {
    max-width: calc(100% - 50px); }
    .mypages-offer-block-heading {
      max-width: 100%;
      line-height: 1.1em; }
    .mypages-offer-block-text {
      max-width: 100%; }
    .mypages-offer-block-image {
      position: relative;
      width: calc(100% + 60px);
      height: 180px;
      margin: -30px -30px 10px; }
      .mypages-offer-block-image-gradient {
        width: 100%;
        height: 90px;
        top: initial;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f2f2f2 100%); }
    .mypages-offer-block:hover .mypages-offer-block-image-gradient {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #efefef 100%); } }

.mypages-campaign-block {
  background-color: #fff;
  padding: 40px 40px 120px;
  margin: 50px auto auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 760px;
  max-width: calc(100% - 80px);
  display: block;
  position: relative; }
  .mypages-campaign-block-topheading {
    font-size: 30px;
    font-style: italic;
    color: #6e6b6e;
    line-height: 1em;
    padding: 0;
    margin: 0 0 0.5em 0; }
  .mypages-campaign-block-heading {
    font-size: 34px;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #1a1a1a;
    line-height: 1.25em;
    padding: 0;
    margin: 0 0 1.5em; }
  .mypages-campaign-block-button {
    background-color: #004878;
    color: #fff;
    font-size: 24px;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 2.5em;
    border-radius: 5em;
    white-space: nowrap;
    display: inline-block;
    padding: 0 40px;
    text-decoration: none;
    transition: background-color 50ms linear;
    position: relative;
    z-index: 1; }
    .mypages-campaign-block-button:hover {
      text-decoration: none;
      background-color: #006193; }
  .mypages-campaign-block-envelope-top {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    width: auto;
    display: block; }
  .mypages-campaign-block-envelope-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    width: 108.72%;
    display: block;
    z-index: 0; }
  .mypages-campaign-block-lightbox-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    display: none; }
  .mypages-campaign-block-lightbox {
    display: none;
    opacity: 0;
    box-sizing: border-box;
    padding: 30px;
    background-color: #fff;
    border: 10px solid #ffd400;
    border-radius: 10px;
    box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.25);
    z-index: 10000;
    text-align: left;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 840px;
    max-width: 90vw;
    max-height: 85vh;
    transform: translate(-50%, -50%);
    overflow: auto;
    overflow-x: hidden; }
    .mypages-campaign-block-lightbox.loading {
      overflow: hidden; }
    .mypages-campaign-block-lightbox-inner--success-loader {
      position: relative;
      background: url(/Static/Images/loading_128.gif) no-repeat 50% 50%;
      background-size: 70px;
      padding: 0;
      min-height: 100px; }
      .mypages-campaign-block-lightbox-inner--success-loader::after {
        display: block;
        content: '';
        position: absolute;
        top: 120px;
        left: 50%;
        transform: translate3d(-50%, 0, 0); }
    .mypages-campaign-block-lightbox-inner, .mypages-campaign-block-lightbox-inner--success, .mypages-campaign-block-lightbox-inner--failed {
      color: #5b5b5b;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      /*opacity: 0;*/ }
      .mypages-campaign-block-lightbox-inner ul, .mypages-campaign-block-lightbox-inner--success ul, .mypages-campaign-block-lightbox-inner--failed ul {
        font-size: 1em; }
      .mypages-campaign-block-lightbox-inner h2, .mypages-campaign-block-lightbox-inner--success h2, .mypages-campaign-block-lightbox-inner--failed h2 {
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 1em;
        padding: 0;
        margin: 0 0 1em 0; }
      .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-close, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-closereload, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner-close, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner-closereload, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner-close, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner-closereload, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--success-close, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--success-closereload, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--success-close, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--success-closereload, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--success-close, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--success-closereload, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--failed-close, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--failed-closereload, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--failed-close, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--failed-closereload, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--failed-close, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--failed-closereload {
        float: right;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase; }
        .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-close:hover, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-closereload:hover, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner-close:hover, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner-closereload:hover, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner-close:hover, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner-closereload:hover, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--success-close:hover, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--success-closereload:hover, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--success-close:hover, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--success-closereload:hover, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--success-close:hover, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--success-closereload:hover, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--failed-close:hover, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--failed-closereload:hover, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--failed-close:hover, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--failed-closereload:hover, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--failed-close:hover, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--failed-closereload:hover {
          text-decoration: none; }
        .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-close::after, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-closereload::after, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner-close::after, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner-closereload::after, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner-close::after, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner-closereload::after, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--success-close::after, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--success-closereload::after, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--success-close::after, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--success-closereload::after, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--success-close::after, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--success-closereload::after, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--failed-close::after, .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner--failed-closereload::after, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--failed-close::after, .mypages-campaign-block-lightbox-inner--success h2 .mypages-campaign-block-lightbox-inner--failed-closereload::after, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--failed-close::after, .mypages-campaign-block-lightbox-inner--failed h2 .mypages-campaign-block-lightbox-inner--failed-closereload::after {
          content: "";
          font-family: "custom-icons";
          font-size: 15px; }
      .mypages-campaign-block-lightbox-inner-text, .mypages-campaign-block-lightbox-inner--success-text, .mypages-campaign-block-lightbox-inner--failed-text {
        font-size: 20px; }
      .mypages-campaign-block-lightbox-inner-price, .mypages-campaign-block-lightbox-inner--success-price, .mypages-campaign-block-lightbox-inner--failed-price {
        overflow: hidden;
        background-color: #eee;
        padding: 30px;
        margin: 0 0 30px; }
        .mypages-campaign-block-lightbox-inner-price--left, .mypages-campaign-block-lightbox-inner--success-price--left, .mypages-campaign-block-lightbox-inner--failed-price--left {
          font-size: 20px;
          line-height: 24px;
          text-transform: uppercase; }
          .mypages-campaign-block-lightbox-inner-price--left span, .mypages-campaign-block-lightbox-inner--success-price--left span, .mypages-campaign-block-lightbox-inner--failed-price--left span {
            font-size: 24px;
            font-weight: 700;
            line-height: 1em;
            text-transform: none;
            color: #0c0c0c; }
        .mypages-campaign-block-lightbox-inner-price--right, .mypages-campaign-block-lightbox-inner--success-price--right, .mypages-campaign-block-lightbox-inner--failed-price--right {
          font-style: italic;
          font-size: 20px;
          font-weight: 700;
          line-height: 24px; }
      .mypages-campaign-block-lightbox-inner-specification, .mypages-campaign-block-lightbox-inner--success-specification, .mypages-campaign-block-lightbox-inner--failed-specification {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 30px 0;
        margin: 0 0 30px; }
        .mypages-campaign-block-lightbox-inner-specification-heading, .mypages-campaign-block-lightbox-inner--success-specification-heading, .mypages-campaign-block-lightbox-inner--failed-specification-heading {
          color: #004878;
          font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 20px;
          position: relative; }
          .mypages-campaign-block-lightbox-inner-specification-heading::after, .mypages-campaign-block-lightbox-inner--success-specification-heading::after, .mypages-campaign-block-lightbox-inner--failed-specification-heading::after {
            border-color: #004878;
            border-style: solid;
            border-width: 0 2px 2px 0;
            content: '';
            display: inline-block;
            height: 7px;
            width: 7px;
            transform: rotate(45deg);
            position: absolute;
            top: 5px;
            right: 30px; }
          .mypages-campaign-block-lightbox-inner-specification-heading:hover, .mypages-campaign-block-lightbox-inner--success-specification-heading:hover, .mypages-campaign-block-lightbox-inner--failed-specification-heading:hover {
            cursor: pointer;
            color: #006193; }
            .mypages-campaign-block-lightbox-inner-specification-heading:hover::after, .mypages-campaign-block-lightbox-inner--success-specification-heading:hover::after, .mypages-campaign-block-lightbox-inner--failed-specification-heading:hover::after {
              border-color: #006193; }
        .mypages-campaign-block-lightbox-inner-specification-content, .mypages-campaign-block-lightbox-inner--success-specification-content, .mypages-campaign-block-lightbox-inner--failed-specification-content {
          display: none; }
        .mypages-campaign-block-lightbox-inner-specification--on .mypages-campaign-block-lightbox-inner-specification-heading::after, .mypages-campaign-block-lightbox-inner--success-specification--on .mypages-campaign-block-lightbox-inner-specification-heading::after, .mypages-campaign-block-lightbox-inner--failed-specification--on .mypages-campaign-block-lightbox-inner-specification-heading::after {
          transform: rotate(225deg);
          top: 10px; }
        .mypages-campaign-block-lightbox-inner-specification--on .mypages-campaign-block-lightbox-inner-specification-content, .mypages-campaign-block-lightbox-inner--success-specification--on .mypages-campaign-block-lightbox-inner-specification-content, .mypages-campaign-block-lightbox-inner--failed-specification--on .mypages-campaign-block-lightbox-inner-specification-content {
          display: block;
          padding-top: 20px; }
      .mypages-campaign-block-lightbox-inner h3, .mypages-campaign-block-lightbox-inner--success h3, .mypages-campaign-block-lightbox-inner--failed h3 {
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 1em;
        padding: 0;
        margin: 0 0 1em 0; }
      .mypages-campaign-block-lightbox-inner-notice, .mypages-campaign-block-lightbox-inner--success-notice, .mypages-campaign-block-lightbox-inner--failed-notice {
        font-family: "CalibriItalic", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #7a8990;
        float: left;
        margin-bottom: 15px; }
      .mypages-campaign-block-lightbox-inner form fieldset, .mypages-campaign-block-lightbox-inner--success form fieldset, .mypages-campaign-block-lightbox-inner--failed form fieldset {
        width: 40%;
        padding-right: 5%;
        margin-bottom: 20px; }
        .mypages-campaign-block-lightbox-inner form fieldset label, .mypages-campaign-block-lightbox-inner--success form fieldset label, .mypages-campaign-block-lightbox-inner--failed form fieldset label {
          padding: 0;
          margin: 0 0 5px;
          display: block; }
        .mypages-campaign-block-lightbox-inner form fieldset p, .mypages-campaign-block-lightbox-inner--success form fieldset p, .mypages-campaign-block-lightbox-inner--failed form fieldset p {
          font-weight: 700;
          padding: 0;
          margin: 0 0 25px; }
        .mypages-campaign-block-lightbox-inner form fieldset input[type="text"], .mypages-campaign-block-lightbox-inner--success form fieldset input[type="text"], .mypages-campaign-block-lightbox-inner--failed form fieldset input[type="text"] {
          box-sizing: border-box;
          width: 100%;
          height: 40px;
          margin: 0.5em 0 0 0.05em;
          padding: 0.2em 0.5em;
          background: #fbfbfb;
          border: 1px solid #d2d2d2;
          border-radius: 2px;
          font-size: 19px;
          color: #595959; }
          .mypages-campaign-block-lightbox-inner form fieldset input[type="text"]::-webkit-input-placeholder, .mypages-campaign-block-lightbox-inner--success form fieldset input[type="text"]::-webkit-input-placeholder, .mypages-campaign-block-lightbox-inner--failed form fieldset input[type="text"]::-webkit-input-placeholder {
            font-style: italic;
            color: #949494; }
          .mypages-campaign-block-lightbox-inner form fieldset input[type="text"]::-moz-placeholder, .mypages-campaign-block-lightbox-inner--success form fieldset input[type="text"]::-moz-placeholder, .mypages-campaign-block-lightbox-inner--failed form fieldset input[type="text"]::-moz-placeholder {
            font-style: italic;
            color: #949494; }
          .mypages-campaign-block-lightbox-inner form fieldset input[type="text"]:-ms-input-placeholder, .mypages-campaign-block-lightbox-inner--success form fieldset input[type="text"]:-ms-input-placeholder, .mypages-campaign-block-lightbox-inner--failed form fieldset input[type="text"]:-ms-input-placeholder {
            font-style: italic;
            color: #949494; }
          .mypages-campaign-block-lightbox-inner form fieldset input[type="text"]:-moz-placeholder, .mypages-campaign-block-lightbox-inner--success form fieldset input[type="text"]:-moz-placeholder, .mypages-campaign-block-lightbox-inner--failed form fieldset input[type="text"]:-moz-placeholder {
            font-style: italic;
            color: #949494; }
      .mypages-campaign-block-lightbox-inner-form-check, .mypages-campaign-block-lightbox-inner--success-form-check, .mypages-campaign-block-lightbox-inner--failed-form-check {
        float: left;
        width: 100%;
        margin-bottom: 20px; }
        .mypages-campaign-block-lightbox-inner-form-check .form-checkbox-label, .mypages-campaign-block-lightbox-inner--success-form-check .form-checkbox-label, .mypages-campaign-block-lightbox-inner--failed-form-check .form-checkbox-label {
          padding: 5px 0 0 50px; }
        .mypages-campaign-block-lightbox-inner-form-check .form-checkbox-fake, .mypages-campaign-block-lightbox-inner--success-form-check .form-checkbox-fake, .mypages-campaign-block-lightbox-inner--failed-form-check .form-checkbox-fake {
          width: 30px;
          height: 30px;
          top: 6px; }
        .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ label .form-checkbox-fake,
        .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ .form-checkbox-fake, .mypages-campaign-block-lightbox-inner--success-form-check .form-checkbox:checked ~ label .form-checkbox-fake,
        .mypages-campaign-block-lightbox-inner--success-form-check .form-checkbox:checked ~ .form-checkbox-fake, .mypages-campaign-block-lightbox-inner--failed-form-check .form-checkbox:checked ~ label .form-checkbox-fake,
        .mypages-campaign-block-lightbox-inner--failed-form-check .form-checkbox:checked ~ .form-checkbox-fake {
          line-height: 25px; }
          .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ label .form-checkbox-fake::before,
          .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ .form-checkbox-fake::before, .mypages-campaign-block-lightbox-inner--success-form-check .form-checkbox:checked ~ label .form-checkbox-fake::before,
          .mypages-campaign-block-lightbox-inner--success-form-check .form-checkbox:checked ~ .form-checkbox-fake::before, .mypages-campaign-block-lightbox-inner--failed-form-check .form-checkbox:checked ~ label .form-checkbox-fake::before,
          .mypages-campaign-block-lightbox-inner--failed-form-check .form-checkbox:checked ~ .form-checkbox-fake::before {
            font-size: 30px; }
      .mypages-campaign-block-lightbox-inner-terms, .mypages-campaign-block-lightbox-inner--success-terms, .mypages-campaign-block-lightbox-inner--failed-terms {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 10px 0 30px 50px;
        box-sizing: border-box; }
        .mypages-campaign-block-lightbox-inner-terms-heading, .mypages-campaign-block-lightbox-inner--success-terms-heading, .mypages-campaign-block-lightbox-inner--failed-terms-heading {
          color: #004878;
          font-size: 20px;
          position: relative; }
          .mypages-campaign-block-lightbox-inner-terms-heading::after, .mypages-campaign-block-lightbox-inner--success-terms-heading::after, .mypages-campaign-block-lightbox-inner--failed-terms-heading::after {
            border-color: #004878;
            border-style: solid;
            border-width: 0 2px 2px 0;
            content: '';
            display: inline-block;
            height: 7px;
            width: 7px;
            transform: rotate(45deg) translate(0, -5px); }
          .mypages-campaign-block-lightbox-inner-terms-heading:hover, .mypages-campaign-block-lightbox-inner--success-terms-heading:hover, .mypages-campaign-block-lightbox-inner--failed-terms-heading:hover {
            cursor: pointer;
            color: #006193; }
            .mypages-campaign-block-lightbox-inner-terms-heading:hover::after, .mypages-campaign-block-lightbox-inner--success-terms-heading:hover::after, .mypages-campaign-block-lightbox-inner--failed-terms-heading:hover::after {
              border-color: #006193; }
        .mypages-campaign-block-lightbox-inner-terms-content, .mypages-campaign-block-lightbox-inner--success-terms-content, .mypages-campaign-block-lightbox-inner--failed-terms-content {
          display: none; }
        .mypages-campaign-block-lightbox-inner-terms--on .mypages-campaign-block-lightbox-inner-terms-heading::after, .mypages-campaign-block-lightbox-inner--success-terms--on .mypages-campaign-block-lightbox-inner-terms-heading::after, .mypages-campaign-block-lightbox-inner--failed-terms--on .mypages-campaign-block-lightbox-inner-terms-heading::after {
          margin-left: 3px;
          transform: rotate(225deg); }
        .mypages-campaign-block-lightbox-inner-terms--on .mypages-campaign-block-lightbox-inner-terms-content, .mypages-campaign-block-lightbox-inner--success-terms--on .mypages-campaign-block-lightbox-inner-terms-content, .mypages-campaign-block-lightbox-inner--failed-terms--on .mypages-campaign-block-lightbox-inner-terms-content {
          display: block;
          padding-top: 10px; }
      .mypages-campaign-block-lightbox-inner-buttons, .mypages-campaign-block-lightbox-inner--success-buttons, .mypages-campaign-block-lightbox-inner--failed-buttons {
        float: left; }
        .mypages-campaign-block-lightbox-inner-buttons input[type="submit"], .mypages-campaign-block-lightbox-inner-buttons button, .mypages-campaign-block-lightbox-inner-buttons a.button, .mypages-campaign-block-lightbox-inner-buttons a.calltoaction, .mypages-campaign-block-lightbox-inner-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner-buttons a.link-button, .mypages-campaign-block-lightbox-inner--success-buttons input[type="submit"], .mypages-campaign-block-lightbox-inner--success-buttons button, .mypages-campaign-block-lightbox-inner--success-buttons a.button, .mypages-campaign-block-lightbox-inner--success-buttons a.calltoaction, .mypages-campaign-block-lightbox-inner--success-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--success-buttons a.link-button, .mypages-campaign-block-lightbox-inner--failed-buttons input[type="submit"], .mypages-campaign-block-lightbox-inner--failed-buttons button, .mypages-campaign-block-lightbox-inner--failed-buttons a.button, .mypages-campaign-block-lightbox-inner--failed-buttons a.calltoaction, .mypages-campaign-block-lightbox-inner--failed-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--failed-buttons a.link-button {
          background-color: #004876;
          font-size: 20px;
          line-height: 40px;
          padding: 0 30px;
          margin: 30px 15px 0 0;
          transition: background-color 50ms linear; }
          .mypages-campaign-block-lightbox-inner-buttons input[type="submit"]:hover, .mypages-campaign-block-lightbox-inner-buttons button:hover, .mypages-campaign-block-lightbox-inner-buttons a.button:hover, .mypages-campaign-block-lightbox-inner-buttons a.calltoaction:hover, .mypages-campaign-block-lightbox-inner-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner-buttons a.link-button:hover, .mypages-campaign-block-lightbox-inner--success-buttons input[type="submit"]:hover, .mypages-campaign-block-lightbox-inner--success-buttons button:hover, .mypages-campaign-block-lightbox-inner--success-buttons a.button:hover, .mypages-campaign-block-lightbox-inner--success-buttons a.calltoaction:hover, .mypages-campaign-block-lightbox-inner--success-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--success-buttons a.link-button:hover, .mypages-campaign-block-lightbox-inner--failed-buttons input[type="submit"]:hover, .mypages-campaign-block-lightbox-inner--failed-buttons button:hover, .mypages-campaign-block-lightbox-inner--failed-buttons a.button:hover, .mypages-campaign-block-lightbox-inner--failed-buttons a.calltoaction:hover, .mypages-campaign-block-lightbox-inner--failed-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--failed-buttons a.link-button:hover {
            text-decoration: none;
            background-color: #006193; }
          .mypages-campaign-block-lightbox-inner-buttons input[type="submit"].disabled-button, .mypages-campaign-block-lightbox-inner-buttons button.disabled-button, .mypages-campaign-block-lightbox-inner-buttons a.button.disabled-button, .mypages-campaign-block-lightbox-inner-buttons a.disabled-button.calltoaction, .mypages-campaign-block-lightbox-inner-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.disabled-button.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner-buttons a.disabled-button.link-button, .mypages-campaign-block-lightbox-inner--success-buttons input[type="submit"].disabled-button, .mypages-campaign-block-lightbox-inner--success-buttons button.disabled-button, .mypages-campaign-block-lightbox-inner--success-buttons a.button.disabled-button, .mypages-campaign-block-lightbox-inner--success-buttons a.disabled-button.calltoaction, .mypages-campaign-block-lightbox-inner--success-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.disabled-button.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--success-buttons a.disabled-button.link-button, .mypages-campaign-block-lightbox-inner--failed-buttons input[type="submit"].disabled-button, .mypages-campaign-block-lightbox-inner--failed-buttons button.disabled-button, .mypages-campaign-block-lightbox-inner--failed-buttons a.button.disabled-button, .mypages-campaign-block-lightbox-inner--failed-buttons a.disabled-button.calltoaction, .mypages-campaign-block-lightbox-inner--failed-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.disabled-button.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--failed-buttons a.disabled-button.link-button {
            opacity: .5;
            cursor: default; }
            .mypages-campaign-block-lightbox-inner-buttons input[type="submit"].disabled-button:hover, .mypages-campaign-block-lightbox-inner-buttons button.disabled-button:hover, .mypages-campaign-block-lightbox-inner-buttons a.button.disabled-button:hover, .mypages-campaign-block-lightbox-inner-buttons a.disabled-button.calltoaction:hover, .mypages-campaign-block-lightbox-inner-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.disabled-button.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner-buttons a.disabled-button.link-button:hover, .mypages-campaign-block-lightbox-inner--success-buttons input[type="submit"].disabled-button:hover, .mypages-campaign-block-lightbox-inner--success-buttons button.disabled-button:hover, .mypages-campaign-block-lightbox-inner--success-buttons a.button.disabled-button:hover, .mypages-campaign-block-lightbox-inner--success-buttons a.disabled-button.calltoaction:hover, .mypages-campaign-block-lightbox-inner--success-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.disabled-button.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--success-buttons a.disabled-button.link-button:hover, .mypages-campaign-block-lightbox-inner--failed-buttons input[type="submit"].disabled-button:hover, .mypages-campaign-block-lightbox-inner--failed-buttons button.disabled-button:hover, .mypages-campaign-block-lightbox-inner--failed-buttons a.button.disabled-button:hover, .mypages-campaign-block-lightbox-inner--failed-buttons a.disabled-button.calltoaction:hover, .mypages-campaign-block-lightbox-inner--failed-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.disabled-button.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--failed-buttons a.disabled-button.link-button:hover {
              background-color: #004876; }
          .mypages-campaign-block-lightbox-inner-buttons input[type="submit"].loading, .mypages-campaign-block-lightbox-inner-buttons button.loading, .mypages-campaign-block-lightbox-inner-buttons a.button.loading, .mypages-campaign-block-lightbox-inner-buttons a.loading.calltoaction, .mypages-campaign-block-lightbox-inner-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.loading.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner-buttons a.loading.link-button, .mypages-campaign-block-lightbox-inner--success-buttons input[type="submit"].loading, .mypages-campaign-block-lightbox-inner--success-buttons button.loading, .mypages-campaign-block-lightbox-inner--success-buttons a.button.loading, .mypages-campaign-block-lightbox-inner--success-buttons a.loading.calltoaction, .mypages-campaign-block-lightbox-inner--success-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.loading.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--success-buttons a.loading.link-button, .mypages-campaign-block-lightbox-inner--failed-buttons input[type="submit"].loading, .mypages-campaign-block-lightbox-inner--failed-buttons button.loading, .mypages-campaign-block-lightbox-inner--failed-buttons a.button.loading, .mypages-campaign-block-lightbox-inner--failed-buttons a.loading.calltoaction, .mypages-campaign-block-lightbox-inner--failed-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.loading.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner--failed-buttons a.loading.link-button {
            background-image: url(/static/images/loading_128_2.gif);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 40px;
            color: transparent !important; }
        .mypages-campaign-block-lightbox-inner-buttons button.cancel, .mypages-campaign-block-lightbox-inner-buttons a.cancel, .mypages-campaign-block-lightbox-inner--success-buttons button.cancel, .mypages-campaign-block-lightbox-inner--success-buttons a.cancel, .mypages-campaign-block-lightbox-inner--failed-buttons button.cancel, .mypages-campaign-block-lightbox-inner--failed-buttons a.cancel {
          background-color: #e8e8e8;
          border: 1px solid #ddd;
          color: #656565; }
          .mypages-campaign-block-lightbox-inner-buttons button.cancel:hover, .mypages-campaign-block-lightbox-inner-buttons a.cancel:hover, .mypages-campaign-block-lightbox-inner--success-buttons button.cancel:hover, .mypages-campaign-block-lightbox-inner--success-buttons a.cancel:hover, .mypages-campaign-block-lightbox-inner--failed-buttons button.cancel:hover, .mypages-campaign-block-lightbox-inner--failed-buttons a.cancel:hover {
            background-color: #dbdbdb;
            color: #666; }
  .mypages-campaign-block--on .mypages-campaign-block-lightbox-bg {
    display: block;
    animation-name: campaignOverlay;
    animation-direction: normal;
    animation-duration: 100ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
  .mypages-campaign-block--on .mypages-campaign-block-lightbox {
    display: block;
    animation-name: campaignOverlay;
    animation-direction: normal;
    animation-duration: 450ms;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /*&-inner {
            animation-name: campaignOverlayInner;
            animation-direction: normal;
            animation-duration: 250ms;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            animation-delay: 500ms;
        }*/ }

@keyframes campaignOverlay {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    /*transform: translate3d(-10%, -25%, 0);
        width: 120%;
        height: auto;
        overflow: scroll;
        overflow-x: hidden;*/ } }

@keyframes campaignOverlayInner {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media only screen and (max-width: 940px) {
  .mypages-campaign-block {
    max-width: 70%;
    /*&-envelope-top {
        }

        &-envelope-bottom {
            max-width: 108.4%;
        }*/ }
  .mypages-campaign-block {
    /*background-color: #f0f1f5;
        padding: 25px 0 50px;
        margin: auto;
        border-radius: 10px;
        width: 710px;
        max-width: 90%;
        display: block;
        position: relative;
        box-shadow: 0 0 40px 0px rgba(0,0,0,0.2);

        &-topheading {
            font-size: 20px;
            font-family: $default-semibold-font-family;
            color: #1a1a1a;
            text-transform: uppercase;
            background-color: #ffd400;
            line-height: 1em;
            padding: 15px 0;
            margin-bottom: 30px;
        }

        &-heading {
            font-size: 34px;
            font-family: $default-semibold-font-family;
            font-weight: normal;
            color: #1a1a1a;
            line-height: 1.25em;
            padding: 0;
            margin: 0 0 40px;
        }

        &-button {
            color: #fff;
            font-size: 24px;
            font-family: $default-semibold-font-family;
            line-height: 70px;
            border-radius: 35px;
            white-space: nowrap;
            display: inline-block;
            padding: 0 40px;
            text-decoration: none;
            transition: background-color 50ms linear;


            &:hover {
                text-decoration: none;
                background-color: $color-mediumblue;
            }
        }*/ }
    .mypages-campaign-block-lightbox {
      padding: 30px;
      border: 10px solid #ffd400; }
      .mypages-campaign-block-lightbox-inner ul {
        font-size: 1em; }
      .mypages-campaign-block-lightbox-inner h2 {
        font-size: 24px;
        line-height: 1em; }
      .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-close {
        padding-left: 1em; }
        .mypages-campaign-block-lightbox-inner h2 .mypages-campaign-block-lightbox-inner-close::after {
          font-size: 15px; }
      .mypages-campaign-block-lightbox-inner-text {
        font-size: 20px; }
      .mypages-campaign-block-lightbox-inner-price {
        padding: 30px;
        margin: 0 0 30px; }
        .mypages-campaign-block-lightbox-inner-price--left {
          font-size: 20px;
          line-height: 24px;
          width: 100%; }
          .mypages-campaign-block-lightbox-inner-price--left span {
            font-size: 24px; }
        .mypages-campaign-block-lightbox-inner-price--right {
          font-size: 20px;
          line-height: 24px;
          width: 100%;
          padding-top: 0.5em; }
      .mypages-campaign-block-lightbox-inner-specification {
        padding: 30px 0;
        margin: 0 0 30px; }
        .mypages-campaign-block-lightbox-inner-specification-heading {
          font-size: 20px;
          /*&::after {
                            height: 7px;
                            width: 7px;
                            top: 5px;
                            right: 30px;
                        }*/ }
        .mypages-campaign-block-lightbox-inner-specification--on {
          /*& .mypages-campaign-block-lightbox-inner-specification-heading {
                            &::after {
                                top: 10px;
                            }
                        }*/ }
          .mypages-campaign-block-lightbox-inner-specification--on .mypages-campaign-block-lightbox-inner-specification-content {
            padding-top: 20px; }
      .mypages-campaign-block-lightbox-inner h3 {
        font-size: 20px; }
      .mypages-campaign-block-lightbox-inner form fieldset {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px; }
        .mypages-campaign-block-lightbox-inner form fieldset:first-child {
          padding-right: 0; }
        .mypages-campaign-block-lightbox-inner form fieldset label {
          margin: 0 0 5px; }
        .mypages-campaign-block-lightbox-inner form fieldset p {
          margin: 0 0 25px; }
        .mypages-campaign-block-lightbox-inner form fieldset input[type="text"] {
          height: 40px;
          margin: 0.5em 0 0 0.05em;
          padding: 0.2em 0.5em;
          font-size: 19px; }
      .mypages-campaign-block-lightbox-inner-form-check .form-checkbox-label {
        padding-left: 50px; }
      .mypages-campaign-block-lightbox-inner-form-check .form-checkbox-fake {
        width: 30px;
        height: 30px;
        top: 6px; }
      .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ label .form-checkbox-fake,
      .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ .form-checkbox-fake {
        line-height: 25px; }
        .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ label .form-checkbox-fake::before,
        .mypages-campaign-block-lightbox-inner-form-check .form-checkbox:checked ~ .form-checkbox-fake::before {
          font-size: 30px; }
      .mypages-campaign-block-lightbox-inner-terms {
        padding: 10px 0 30px 50px; }
        .mypages-campaign-block-lightbox-inner-terms-heading {
          font-size: 20px; }
        .mypages-campaign-block-lightbox-inner-terms--on .mypages-campaign-block-lightbox-inner-terms-heading::after {
          margin-left: 3px; }
        .mypages-campaign-block-lightbox-inner-terms--on .mypages-campaign-block-lightbox-inner-terms-content {
          padding-top: 10px; }
      .mypages-campaign-block-lightbox-inner-buttons {
        width: 100%; }
        .mypages-campaign-block-lightbox-inner-buttons input[type="submit"], .mypages-campaign-block-lightbox-inner-buttons button, .mypages-campaign-block-lightbox-inner-buttons a.button, .mypages-campaign-block-lightbox-inner-buttons a.calltoaction, .mypages-campaign-block-lightbox-inner-buttons body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .mypages-campaign-block-lightbox-inner-buttons a.link-button {
          font-size: 20px;
          line-height: 40px;
          padding: 0 30px;
          margin: 20px 0 0 0;
          width: 100%;
          box-sizing: border-box;
          text-align: center; } }

@media only screen and (max-width: 719px) {
  .mypages-campaign-block {
    margin-top: 6vw;
    padding: 30px 20px 18vw; }
    .mypages-campaign-block-envelope-top {
      display: none; }
    .mypages-campaign-block-topheading {
      font-size: calc(14px + (30 - 14) * (100vw - 380px) / (720 - 380)); }
    .mypages-campaign-block-heading {
      font-size: calc(14px + (34 - 14) * (100vw - 380px) / (720 - 380)); }
    .mypages-campaign-block-button {
      font-size: calc(14px + (24 - 14) * (100vw - 380px) / (720 - 380)); } }

/* General */
body:not(.new-style) .mypages-dropdown--blue {
  min-width: 320px; }

body:not(.new-style) .mypages-dropdown.filter .mypages-dropdown-list a.disabled {
  pointer-events: none;
  cursor: default; }

body:not(.new-style) .mypages-dropdown.filter .mypages-dropdown-list a:hover {
  color: #ffffff; }
  body:not(.new-style) .mypages-dropdown.filter .mypages-dropdown-list a:hover div {
    color: #ffffff; }

body:not(.new-style) .mypages-dropdown.filter.on .mypages-dropdown-button::after {
  transform: rotate(180deg);
  top: 6px; }

/* #Common
================================================== */
.backgroundwrapper--white {
  background-color: #fff;
  padding-bottom: 1em; }

.wrap {
  margin: 0 auto;
  padding: 0 .75em;
  position: relative;
  min-height: 100px;
  box-sizing: border-box; }
  .wrap.blockarea--wide {
    min-height: 0; }

.showOnJSEnabled {
  display: none; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .backgroundwrapper--white {
    padding-bottom: 0.85em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .backgroundwrapper--white {
    padding-bottom: 0; }
  .wrap.blockarea--wide {
    max-width: none;
    padding: 0; } }

#nav a[href^="http"]:after {
  content: none; }

.nav {
  z-index: 999;
  position: relative; }
  .nav .wrap {
    min-height: inherit; }
  .nav ul {
    list-style: none;
    font-size: 100%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .nav a {
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .nav .nav-hidden > a, .nav .nav-hidden > ul {
    display: none !important; }
  .nav .nav-hidden .nav-sitetools-ancestor {
    display: block !important; }

html.responsive .submenu-backdrop, html.responsive .nav-level-0 > li .optional-submenu {
  display: none; }

.submenu-backdrop {
  position: absolute;
  width: 100%;
  z-index: 99;
  height: 100%;
  top: 0; }

.nav-level-0 {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  font-size: 100%;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: -4.15em;
  right: .75em;
  left: .75em;
  text-align: right; }
  .nav-level-0 ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .nav-level-0 li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .nav-level-0 > .nav-hidden {
    margin-right: -4px; }
  .nav-level-0 > li {
    display: inline-block;
    line-height: normal;
    vertical-align: bottom; }
    .nav-level-0 > li > .nav-anchor {
      padding: 0 0.75em;
      font-size: 120%;
      color: #595959;
      display: inline-block;
      line-height: 1.6em; }
      .nav-level-0 > li > .nav-anchor:hover {
        text-decoration: none;
        color: #1178af; }
    .nav-level-0 > li .nav-expand {
      display: none; }
    .nav-level-0 > li.nav-expanded > .nav-anchor {
      color: #1178af; }
    .nav-level-0 > li.child-page {
      display: inline-block;
      width: 7.25em; }
      .nav-level-0 > li.child-page > .nav-anchor {
        padding: 0;
        position: relative; }
      .nav-level-0 > li.child-page img {
        width: 136px;
        height: auto;
        display: block;
        position: absolute;
        bottom: -14px;
        right: 0; }
    .nav-level-0 > li.nav-last .nav-anchor {
      padding-right: 0 !important; }
    .nav-level-0 > li.nav-selected > .nav-anchor {
      color: #1178af; }
    .nav-level-0 > li .optional-submenu {
      display: flex;
      flex-direction: column;
      position: fixed;
      justify-content: flex-start;
      align-items: center;
      width: 100%;
      min-height: calc(100vh - 144px);
      height: calc(100vh - 144px);
      left: 0;
      top: 0;
      overflow: auto;
      margin-top: 144px; }
      @media only screen and (max-width: 1226px) {
        .nav-level-0 > li .optional-submenu {
          min-height: calc(100vh - 134px);
          height: calc(100vh - 134px);
          margin-top: 134px; } }
      .nav-level-0 > li .optional-submenu__list-item:first-child {
        margin-top: 60px; }
      .nav-level-0 > li .optional-submenu__list-item:last-child {
        margin-bottom: 56px; }
      .nav-level-0 > li .optional-submenu__list-item {
        margin-top: 20px;
        margin-bottom: 20px; }
        .nav-level-0 > li .optional-submenu__list-item a {
          font-size: 22px;
          border: 2px solid transparent;
          border-radius: 30px;
          color: #ffffff;
          display: inline-block;
          padding: 0.75em 1.65em;
          transition: all 150ms ease; }
          .nav-level-0 > li .optional-submenu__list-item a.active span {
            border-bottom: 2px solid #ffffff;
            padding-bottom: 5px; }
          .nav-level-0 > li .optional-submenu__list-item a:hover {
            text-decoration: none; }
          .nav-level-0 > li .optional-submenu__list-item a:focus {
            border: 2px solid white; }
          .nav-level-0 > li .optional-submenu__list-item a:focus-visible {
            outline: none; }
      .nav-level-0 > li .optional-submenu:focus-visible {
        outline: none; }

html.ie8 .nav-level-0 > li.child-page img {
  margin-top: -7px; }

.nav-level-1 {
  position: absolute;
  right: 0;
  width: 24%;
  max-width: 13.95em;
  background-color: #1178af;
  text-align: left;
  padding: 10px;
  margin-bottom: -1px;
  overflow: hidden; }
  .nav-level-1 .nav-hidden {
    display: none; }
  .nav-level-1 li {
    border-bottom-color: #ccc;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    margin: 0 1.17647em; }
    .nav-level-1 li.nav-selected > a {
      color: #beeaff; }
    .nav-level-1 li:last-child {
      border-bottom: none; }
  .nav-level-1 .nav-anchor {
    color: #fff;
    font-size: 85%;
    display: block;
    padding: 0.70588em 0; }
    .nav-level-1 .nav-anchor:hover {
      text-decoration: none;
      color: #beeaff; }
  .nav-level-1 ul {
    width: 100%;
    margin-bottom: 0.47059em; }

.nav-level-2 li {
  margin: 0 0.64706em;
  border: none; }
  .nav-level-2 li .nav-anchor {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0.35294em 0; }
  .nav-level-2 li.nav-selected .nav-anchor {
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.site-tools {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  position: absolute;
  top: -7.2em;
  right: 0.75em;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .site-tools ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .site-tools li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .site-tools a {
    text-decoration-thickness: 1px; }
  .site-tools li {
    display: flex;
    flex-direction: row;
    line-height: normal; }
    .site-tools li .site-tools-icon {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0; }
      .site-tools li .site-tools-icon__icon {
        width: 27px;
        height: 27px; }
      .site-tools li .site-tools-icon__mobile-icon {
        display: none;
        width: 27px;
        height: 27px; }
      .site-tools li .site-tools-icon__icon-text {
        margin-left: 5px; }
    .site-tools li a {
      font-size: 80%;
      display: inline-block;
      padding: 0.1875em 0 0.1875em 1.375em;
      color: #1178af;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-transform: uppercase; }
    .site-tools li a.icon {
      padding-left: 1.5625em;
      margin-left: 1.375em;
      position: relative; }
    .site-tools li a.icon:before {
      position: absolute;
      left: 0; }
  .site-tools .site-tools--border {
    border-left: solid 1px #ddd;
    margin-left: 1.375em; }
    .site-tools .site-tools--border a {
      padding: 0.1875em 0 0.1875em 1.375em; }
  .site-tools .site-tools--login a.icon {
    padding: 0.3125em 0.625em 0.3125em 1.875em;
    background-color: #1178af;
    color: #fff;
    border-radius: 3px;
    text-decoration: none; }
    .site-tools .site-tools--login a.icon:before {
      top: 0.3em;
      left: 0.3em; }
  .site-tools .site-tools--mypages {
    border-left: solid 1px #ddd; }
    .site-tools .site-tools--mypages .user-notifications {
      font-size: 70%;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      background-color: #c3002f;
      display: inline-block;
      line-height: 1.42857em;
      width: 1.42857em;
      height: 1.42857em;
      border-radius: 50%;
      color: #fff;
      text-align: center;
      margin: 0 1.35714em 0 -1.35714em; }
  .site-tools .site-tools-userinfo {
    font-size: 80%;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    padding: 0.1875em 0 0.1875em 1.375em; }

.mypages {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  background-color: #1489ca;
  position: absolute;
  width: 100%;
  top: 3.65em;
  z-index: 999;
  display: none;
  visibility: hidden;
  box-shadow: 0px 0 40px 0 rgba(0, 0, 0, 0.6);
  padding-bottom: 20px; }
  .mypages ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  .mypages li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  .mypages a, .mypages li.name > span {
    font-size: 95%;
    line-height: 1.6em;
    display: block;
    color: #fff;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 12px 24px; }
    .mypages a:hover, .mypages li.name > span:hover {
      text-decoration: none; }
  .mypages li:nth-last-child(-n+2) {
    border-top-color: #ccc;
    border-top: solid 1px rgba(0, 0, 0, 0.1); }
    .mypages li:nth-last-child(-n+2) a {
      line-height: 1em;
      padding: 24px; }
  .mypages li.name {
    /*font-family: $default-bold-font-family;
        font-size: 24px;
        padding-top: 12px;*/
    /*& > span {
            line-height: 1em;
        }*/ }
    .mypages li.name:after {
      content: "";
      display: table;
      clear: both; }
  .mypages li.summary-item a {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700; }
  .mypages .username {
    color: rgba(255, 255, 255, 0.75);
    display: inline-block;
    margin-left: 0.33333em; }
  .mypages .user-notifications {
    position: absolute;
    font-size: 0.73333em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #c3002f;
    display: inline-block;
    line-height: 1.36364em;
    vertical-align: middle;
    width: 1.36364em;
    height: 1.36364em;
    border-radius: 50%;
    color: #fff;
    border: solid 2px #fff;
    text-align: center;
    margin: 0.18182em 0 0 0.45455em; }

#nav-skip {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto; }
  #nav-skip ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  #nav-skip li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  #nav-skip a {
    font-size: 65%;
    font-weight: 600;
    position: fixed;
    z-index: 1000;
    top: -999px;
    color: #1178af; }
    #nav-skip a:focus {
      color: #1178af; }
    #nav-skip a:hover {
      color: #1178af; }
    #nav-skip a:before {
      margin-right: 4px;
      margin-top: -2px;
      display: inline-block; }
  #nav-skip li {
    line-height: 1; }

body.theme-startpage .nav-level-0 {
  top: -3.35em; }
  body.theme-startpage .nav-level-0 > li.child-page img {
    bottom: -16px; }

body.theme-startpage .site-tools {
  top: -6.4em; }

body.theme-startpage .site-tools--search {
  display: none; }
  body.theme-startpage .site-tools--search-primary {
    display: block; }

body.theme-startpage .my-pages {
  right: 18px; }

body.searchpage .site-tools--search {
  display: none; }

html.hide-subnav .nav-level-1 {
  display: none; }

html:not(.responsive).hide-subnav .nav-level-1 {
  display: none !important; }

@media only screen and (max-width: 1226px) {
  .nav-global {
    top: 4.65em; }
  .nav-level-0 {
    top: -3.9em; }
    .nav-level-0 > li > .nav-anchor {
      font-size: 105%;
      padding: 0 0.5em; }
  .site-tools li a {
    padding: 0.15em 0 0.15em 0.7em; }
  .site-tools .site-tools-userinfo {
    padding-left: 0.7em; }
  body.theme-startpage .nav-level-0 {
    top: -3.1em; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .nav .nav-hidden {
    display: none !important;
    margin-right: 0; }
    .nav .nav-hidden > a, .nav .nav-hidden > ul {
      display: block !important; }
  .my-pages, .my-pages-drop {
    display: none; }
  .mypages {
    visibility: visible; }
  .mypages-expanded .mypages-responsive-list {
    display: block; }
  #nav {
    display: none;
    position: relative;
    background-color: #1178af;
    top: -0.5em; }
    #nav.nav--expanded {
      display: block; }
    #nav .wrap {
      margin: 0;
      padding: 0;
      max-width: inherit;
      position: absolute;
      top: 0;
      width: 100%; }
    #nav .nav-level-0 {
      position: relative;
      top: 0;
      right: auto;
      left: auto;
      background-color: #1178af; }
      #nav .nav-level-0 li {
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
        display: block;
        text-align: left;
        position: relative; }
    #nav .nav-level-1 {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      max-width: inherit;
      background-color: #ffF;
      padding: 0; }
      #nav .nav-level-1 li {
        margin: 0;
        border-bottom: solid 1px #e2e2e2; }
      #nav .nav-level-1 .nav-anchor {
        color: #1178af;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.33333em; }
      #nav .nav-level-1 .nav-expand {
        color: #1178af; }
      #nav .nav-level-1 ul {
        margin: 0 0 -1px 0;
        border-top: solid 1px #e2e2e2; }
    #nav .nav-level-2 li {
      margin-left: 1.33333em; }
    #nav .nav-level-2 .nav-anchor {
      padding-left: 0; }
    #nav .nav-anchor {
      color: #fff;
      display: block;
      font-size: 75%;
      padding: 0.66667em 0.66667em; }
    #nav .nav-expand {
      display: block;
      color: #fff;
      position: absolute;
      right: 0;
      top: 0.15em;
      overflow: hidden;
      width: 50px;
      height: 39px;
      white-space: nowrap;
      text-indent: 100px; }
      #nav .nav-expand .icon:before {
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 10px;
        border-radius: 2px;
        text-align: center; }
    #nav .child-page {
      width: auto; }
      #nav .child-page > .nav-anchor {
        padding-bottom: 0; }
      #nav .child-page img {
        position: relative;
        bottom: auto;
        right: auto;
        width: 75px; }
    #nav .site-tools {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      right: auto;
      top: auto;
      background-color: #006fa7;
      border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
      #nav .site-tools li {
        width: 100%;
        display: block;
        float: none;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
        #nav .site-tools li .site-tools-icon {
          display: flex;
          flex-direction: row-reverse;
          justify-content: flex-end;
          align-items: center;
          padding: 0.70833em; }
          #nav .site-tools li .site-tools-icon__icon {
            display: none; }
          #nav .site-tools li .site-tools-icon__mobile-icon {
            display: block; }
          #nav .site-tools li .site-tools-icon__icon-text {
            margin-left: 0;
            margin-right: 5px; }
        #nav .site-tools li a {
          display: block;
          color: #fff;
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 75%;
          line-height: 1.6em;
          padding: 0.66667em;
          text-transform: initial; }
        #nav .site-tools li a:hover {
          text-decoration: none; }
      #nav .site-tools .site-tools--search,
      #nav .site-tools .site-tools--mypages,
      #nav .site-tools .site-tools--login,
      #nav .site-tools .site-tools--logout,
      #nav .site-tools .site-tools-userinfo {
        display: none; }
  #nav-skip {
    position: static; }
    #nav-skip .content:focus {
      top: 66px; }
    #nav-skip a:focus {
      border-radius: 2px; }
    #nav-skip .nav-skip-text {
      font-size: 100%;
      padding: 0 !important;
      left: 6px;
      bottom: 0;
      right: 0;
      top: 0.55em;
      border: 0 !important;
      height: 1px !important;
      width: 1px !important;
      overflow: hidden; }
      #nav-skip .nav-skip-text span {
        display: none; }
    #nav-skip .nav-skip-link--nav,
    #nav-skip .nav-skip-link--login,
    #nav-skip .nav-skip-link--search,
    #nav-skip .nav-skip-link--mypages {
      text-align: center;
      font-size: 50%;
      position: absolute;
      top: 1.8em;
      display: block;
      text-transform: uppercase;
      width: 6.1em;
      height: 3.6em;
      font-weight: 400;
      -webkit-transform: translate3d(0, 0, 0); }
      #nav-skip .nav-skip-link--nav .icon,
      #nav-skip .nav-skip-link--login .icon,
      #nav-skip .nav-skip-link--search .icon,
      #nav-skip .nav-skip-link--mypages .icon {
        display: block;
        margin-bottom: 0.2em;
        font-size: 220%; }
        #nav-skip .nav-skip-link--nav .icon::before,
        #nav-skip .nav-skip-link--login .icon::before,
        #nav-skip .nav-skip-link--search .icon::before,
        #nav-skip .nav-skip-link--mypages .icon::before {
          margin-top: -0.2em; }
      #nav-skip .nav-skip-link--nav:hover,
      #nav-skip .nav-skip-link--login:hover,
      #nav-skip .nav-skip-link--search:hover,
      #nav-skip .nav-skip-link--mypages:hover {
        text-decoration: none; }
    #nav-skip .nav-skip-link--nav {
      left: 0;
      border-right: 1px solid #e2e2e2; }
    #nav-skip .nav-skip-link--login {
      right: 0;
      border-left: 1px solid #e2e2e2;
      width: 8.8em; }
    #nav-skip .nav-skip-link--mypages {
      right: 0;
      border-left: 1px solid #e2e2e2;
      width: 7.5em; }
      #nav-skip .nav-skip-link--mypages .user-notifications {
        position: absolute;
        font-size: 0.45455em;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: #c3002f;
        display: inline-block;
        line-height: 1.4em;
        width: 1.4em;
        height: 1.4em;
        border-radius: 50%;
        color: #fff;
        position: absolute;
        right: 1.7em;
        border: solid 2px #fff;
        top: 0.2em; }
    #nav-skip .nav-skip-link--search {
      right: 8.8em;
      border-left: 1px solid #e2e2e2; }
    #nav-skip .nav-skip-link--rightposition {
      right: 0 !important; }
  body.theme-startpage #nav {
    top: 0; }
  body.theme-startpage #nav-skip .nav-skip-link--search {
    display: none; }
    body.theme-startpage #nav-skip .nav-skip-link--search-primary {
      display: block; }
  html.responsive.hide-subnav .nav-level-1 {
    display: block; }
  html.nav-expanded .nav-skip-link--nav .icon:before {
    content: ""; }
  html.search-expanded .nav-skip-link--search .icon:before {
    content: ""; }
  html.login-expanded .nav-skip-link--login .icon:before {
    content: ""; }
  html.mypages-expanded .nav-skip-link--mypages .icon:before {
    content: ""; }
  html.mypages-expanded .nav-skip-link--mypages .user-notifications {
    display: none !important; }
  html.mypages-expanded .mypages {
    display: block; }
  html.mypages-expanded .site-tools--search .icon:before {
    content: ""; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  #nav {
    top: 0; }
  #nav-skip .nav-skip-link--nav,
  #nav-skip .nav-skip-link--login,
  #nav-skip .nav-skip-link--mypages {
    width: 5.2em; }
  #nav-skip .nav-skip-link--search {
    width: 5.6em; }
  #nav-skip .nav-skip-link--search {
    right: 5.2em; }
  #nav-skip .nav-skip-link--mypages {
    width: 6.5em; }
    #nav-skip .nav-skip-link--mypages .user-notifications {
      right: 1.4em; }
  #nav-skip .nav-skip-link--mypageposition {
    right: 6.6em; }
  html.search-expanded .nav-skip-link--search .icon:before {
    content: ""; }
  body.startpage #nav-skip .nav-skip-link--search {
    display: block; }
  /*.mypages { 
		top:em(79px);
	}*/ }

/* Breadcrumbs 
-------------------------------------------------------- */
.breadcrumb-nav {
  min-height: 0;
  padding-bottom: 1.25em; }
  .breadcrumb-nav .breadcrumb-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    list-style: none; }
    .breadcrumb-nav .breadcrumb-list ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    .breadcrumb-nav .breadcrumb-list li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    .breadcrumb-nav .breadcrumb-list li {
      margin-right: 0.4em;
      color: #757575;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 18px;
      display: inline; }
      .breadcrumb-nav .breadcrumb-list li a {
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        color: #757575; }
        .breadcrumb-nav .breadcrumb-list li a:hover {
          text-decoration: none;
          color: #757575; }
    .breadcrumb-nav .breadcrumb-list li:after {
      content: '>';
      margin-left: 0.5em;
      color: #949494; }
    .breadcrumb-nav .breadcrumb-list li:last-child:after {
      display: none; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .breadcrumb-nav {
    padding-bottom: 0.8em; }
    .breadcrumb-nav .breadcrumb-list li {
      font-size: 60%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .breadcrumb-nav {
    display: none; } }

/* #Header
================================================== */
header {
  padding-bottom: 0.8em; }

.header-wrap {
  min-height: 7.75em;
  position: relative; }
  .header-wrap .logotype {
    position: absolute;
    display: inline-block;
    margin: 0;
    font-size: 100%;
    z-index: 9999; }
    .header-wrap .logotype img {
      max-width: 300px; }
  .header-wrap .wrap {
    min-height: 0; }

#epi-quickNavigator {
  width: auto; }
  #epi-quickNavigator li {
    margin-bottom: 0; }

#epi-quickNavigator-menu {
  width: auto;
  margin-top: 0; }

body.theme-startpage header {
  padding-bottom: 0; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  header {
    padding-bottom: 0.5em; }
  .header-wrap {
    background-color: #fff;
    background: none !important;
    min-height: 0 !important; }
    .header-wrap .wrap {
      max-width: none;
      padding: 0; }
    .header-wrap .header-banner {
      background: #fff;
      height: 3.65em;
      border-bottom: solid 1px #e2e2e2;
      position: relative;
      z-index: 1000; }
  body.startpage .header-wrap .header-banner {
    border: none; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  header {
    padding-bottom: 0; }
  .header-wrap .logotype {
    top: 0.9em;
    left: 3.3em;
    margin: 0; } }

/* #Main 
================================================== */
.main {
  display: block;
  min-height: 300px; }
  .main .wrap {
    overflow: hidden; }

body.theme-startpage .main {
  margin-top: -3em;
  padding-top: 0; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .main {
    min-height: 200px; }
  body.theme-startpage .main {
    margin-top: 0; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .main {
    padding-top: 1.35em; }
    .main .wrap {
      overflow: visible; } }

.content {
  max-width: 42.95em;
  width: 73%;
  float: left;
  overflow: hidden; }
  .content p {
    width: 100%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .content ul, .content ol {
    font-size: 1em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.content--editorial img[style*="float: right;"] {
  padding: 0 0 0.5em 0.75em; }

.content--editorial img[style*="float: left;"] {
  padding: 0 0.75em 0.5em 0; }

.content--editorial img {
  max-width: 100%; }

.content-image {
  display: block;
  margin-bottom: 2.15em;
  max-width: 100%;
  width: 100%;
  height: auto; }
  .content-image img {
    max-width: 100%;
    height: auto; }

.content-footer {
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 1px #e2e2e2;
  padding: 0.75em 0;
  clear: both;
  margin-top: 3.5em;
  font-size: 90%; }
  .content-footer span {
    display: inline-block; }

body.searchpage .content h2 {
  display: inline-block; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .content {
    width: 100%;
    float: none; }
    .content > p, .content > ul, .content > ol {
      font-size: 65%; }
    .content .lead {
      font-size: 75%; }
  .content-image {
    margin-bottom: 1.25em; }
  .content-footer {
    font-size: 55%;
    margin-bottom: 0; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .content {
    width: 100%;
    float: none;
    overflow: visible; }
    .content p, .content ul, .content ol {
      font-size: 100%; }
    .content .lead {
      font-size: 105%; }
  .content-image {
    width: 110%;
    height: auto;
    margin-left: -0.75em;
    max-width: none; }
  .content-footer {
    font-size: 75%;
    overflow: hidden; } }

/* #Footer
================================================== */
#footer {
  background: #6b7880; }
  #footer .wrap {
    background: #6b7880;
    color: white; }
  #footer .container {
    background: #6b7880; }
    #footer .container .container-heading {
      color: #fff;
      margin: 0 0 0.75em 0;
      text-transform: inherit; }
  #footer .container-top {
    padding-top: 2.5em;
    border-bottom: 1px #fff solid;
    border-bottom: 1px rgba(255, 255, 255, 0.5) solid; }
    #footer .container-top .container-heading {
      padding-top: 0;
      border: none;
      font-size: 1.2em; }
    #footer .container-top .grid {
      margin: 0; }
    #footer .container-top .social-list {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%;
      width: auto;
      width: 100%;
      display: table;
      padding-bottom: 0.05em; }
      #footer .container-top .social-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 100%; }
      #footer .container-top .social-list li {
        padding: 0;
        margin: 0;
        line-height: 1; }
      #footer .container-top .social-list li {
        display: block;
        white-space: nowrap;
        position: relative;
        line-height: 0;
        text-align: center;
        line-height: 0;
        margin-right: 5px;
        display: table-cell;
        width: 16.666666667%;
        margin-bottom: 5px; }
        #footer .container-top .social-list li .icon {
          height: 3em; }
          #footer .container-top .social-list li .icon:before {
            margin: 0; }
        #footer .container-top .social-list li p {
          width: 100%;
          margin-top: 10px; }
        #footer .container-top .social-list li:after {
          display: none !important; }
        #footer .container-top .social-list li:last-child {
          margin-right: 0; }
      #footer .container-top .social-list a {
        display: inline-flex;
        flex-direction: column; }
        #footer .container-top .social-list a p {
          margin-top: 0; }
      #footer .container-top .social-list a:focus-visible {
        outline: none; }
      #footer .container-top .social-list a:focus-visible p {
        outline: 1px solid #ffffff;
        outline-offset: 4px;
        border-radius: 10px; }
  #footer .container-bottom {
    margin: 0; }
    #footer .container-bottom a:focus-visible {
      border-radius: 10px;
      outline: 1px solid #ffffff;
      outline-offset: 4px; }
    #footer .container-bottom .container-heading {
      border-bottom: solid 1px rgba(255, 255, 255, 0.5);
      margin: 0 0 0.41667em 0;
      padding: 0 0 0.625em 0;
      font-size: 1.2em; }
    #footer .container-bottom .grid {
      margin: 0; }
    #footer .container-bottom .grid-col-3 {
      width: 28.2% !important;
      position: relative;
      padding-bottom: 1em; }
      #footer .container-bottom .grid-col-3 .content {
        border-top: 1px rgba(255, 255, 255, 0.5) solid; }
      #footer .container-bottom .grid-col-3:first-child .content {
        padding-top: 0.9em; }
      #footer .container-bottom .grid-col-3:last-child {
        padding-bottom: 6.5em; }
    #footer .container-bottom .quick-link-list {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%;
      width: auto;
      margin: -0.5em 0 0 0; }
      #footer .container-bottom .quick-link-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 100%; }
      #footer .container-bottom .quick-link-list li {
        padding: 0;
        margin: 0;
        line-height: 1; }
      #footer .container-bottom .quick-link-list li {
        display: block;
        border-bottom: 1px rgba(255, 255, 255, 0.3) solid; }
        #footer .container-bottom .quick-link-list li a {
          font-size: 100%;
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          display: inline-block;
          margin: 20px 0;
          border-radius: 10px; }
    #footer .container-bottom .image-link-list {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%;
      width: auto;
      border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
      font-size: 0%;
      margin: -19px 0 0 0; }
      #footer .container-bottom .image-link-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 100%; }
      #footer .container-bottom .image-link-list li {
        padding: 0;
        margin: 0;
        line-height: 1; }
      #footer .container-bottom .image-link-list li {
        border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
        display: inline-block;
        width: 50%;
        margin-bottom: -1px; }
        #footer .container-bottom .image-link-list li .link-item {
          padding: 11px 0;
          display: block; }
          #footer .container-bottom .image-link-list li .link-item img {
            display: block;
            height: 46px;
            width: 88px; }
    #footer .container-bottom .footer-logotype {
      position: absolute;
      display: inline-block;
      right: 0;
      bottom: 0;
      width: 227px;
      height: 72px; }

.ie7 #footer .container-bottom .grid-col-3, .ie8 #footer .container-bottom .grid-col-3 {
  padding-bottom: 6em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  #footer .container-top {
    border: none;
    padding-top: 1.5em; }
    #footer .container-top .social-list {
      border-bottom: 1px rgba(255, 255, 255, 0.5) solid; }
    #footer .container-top .container-heading {
      padding-top: 0;
      border: none;
      font-size: 0.7em; }
    #footer .container-top .social-list li p {
      font-size: 65%;
      margin-top: 14px; }
  #footer .container-bottom .container-heading {
    font-size: 0.7em; }
  #footer .container-bottom p {
    font-size: 65%; }
  #footer .container-bottom .footer-logotype {
    width: 145px;
    height: 46px; }
  #footer .container-bottom .quick-link-list li a {
    font-size: 65%; }
  #footer .container-bottom .image-link-list {
    margin-top: -10px; }
    #footer .container-bottom .image-link-list li .link-item {
      padding: 5px 0; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  #footer .container .container-heading {
    font-size: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    padding-bottom: 0.2em; }
  #footer .container-top {
    padding-top: 1.85em;
    margin-bottom: 0.5em; }
    #footer .container-top .social-list {
      margin-top: 0.5em;
      border: none; }
      #footer .container-top .social-list .footer-social-item {
        font-size: 80%; }
      #footer .container-top .social-list li {
        line-height: 0;
        display: block;
        width: 31%;
        margin-bottom: 5px;
        float: left; }
        #footer .container-top .social-list li p {
          font-size: 75%; }
  #footer .container-bottom {
    padding-bottom: 1em; }
    #footer .container-bottom p {
      font-size: 85%; }
    #footer .container-bottom .grid-col-3 {
      width: 100% !important;
      padding-bottom: 0.25em; }
      #footer .container-bottom .grid-col-3 .content {
        border: none;
        padding: 0; }
        #footer .container-bottom .grid-col-3 .content a {
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-weight: 700; }
      #footer .container-bottom .grid-col-3:last-child {
        padding-bottom: 5em; }
    #footer .container-bottom .quick-link-list {
      margin-bottom: 2em; }
      #footer .container-bottom .quick-link-list li a {
        font-size: 85%; }
    #footer .container-bottom .image-link-list {
      padding: 10px 0;
      border-top: 0; }
      #footer .container-bottom .image-link-list li {
        border: 0; }
    #footer .container-bottom .footer-logotype {
      right: auto;
      left: 0;
      width: 180px;
      height: 57px; } }

.aside {
  max-width: 13.95em;
  width: 24%;
  float: right; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .aside {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: none; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .aside {
    max-width: 100%; }
    .aside .wrap {
      padding: 0; }
  .lead {
    font-size: 1.05em; } }

.childsection .logotype {
  left: 0.9em !important;
  margin-left: 0 !important; }

.childsection .child-logotype {
  display: none !important;
  bottom: -3px;
  margin-bottom: 0;
  right: 0.9em !important;
  margin-right: 0 !important;
  position: absolute; }
  .childsection .child-logotype img {
    width: 136px;
    height: auto; }

.childsection .site-tools {
  display: none; }

.childsection #nav-skip {
  display: none; }

.childsection .button.my-pages, .childsection .my-pages.calltoaction, .childsection body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .my-pages.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .childsection .my-pages.link-button {
  display: none; }

.childsection .wrap.header-search {
  display: none; }

.childsection .nav-children {
  display: none; }

.childsection .nav-children.child-page {
  display: block;
  float: right;
  margin-top: 15px; }

.childsection .nav-local {
  display: none; }

.childsection .aside {
  margin-top: 0 !important; }

.childsection .breadcrumb-nav {
  display: none; }

@media only screen and (max-width: 1226px) {
  .childsection .nav-children.child-page {
    margin-top: 10px; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  .childsection .child-logotype {
    display: block !important; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  .childsection .child-nav {
    margin-bottom: 0; } }

/* #Readspeaker
================================================== */
body.readpeaker-on {
  padding-top: 50px; }

#readspeaker {
  justify-content: center;
  padding-top: 10px;
  background-color: rgba(17, 120, 175, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000; }
  #readspeaker > div {
    display: flex; }

/* Medium size and narrow screen (tablets etc) */
/*@media only screen and (max-width: $break-medium) {	
	#readspeaker {
		background-color:pink;
	}
}*/
/* Narrow screen (smart phones etc) */
/*@media only screen and (max-width: $break-narrow) {   
	#readspeaker {
		background-color:coral;
	}
}*/
body.startpage .main .wrap {
  padding-top: 2em; }
  body.startpage .main .wrap.blockarea {
    overflow: hidden; }

body.startpage .backgroundwrapper .blockarea {
  padding-bottom: 3.5em; }

body.startpage .blockarea .container {
  margin-right: 1.666%;
  float: left; }

body.startpage .blockarea .grid {
  text-align: initial;
  margin-right: -20px; }

body.startpage .blockarea .grid-col-1 {
  width: 98.334% !important; }

body.startpage .blockarea .grid-col-2 {
  width: 48.334% !important; }

body.startpage .blockarea .grid-col-4 {
  width: 23.334% !important; }

body.startpage .container--color .container-inner.links {
  padding-bottom: 0.45em; }

body.startpage .links .container-heading {
  font-size: 1.2em;
  padding: 0.66667em 0;
  margin: 0 1.25em 0.41667em 1.25em; }

body.startpage .links .container-body {
  margin: 0 1.5em 0 1.5em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.startpage .main .wrap {
    padding-top: 1.45em; }
  body.startpage .backgroundwrapper .blockarea {
    padding-bottom: 2.6em; }
  body.startpage .blockarea .container {
    margin-bottom: 1.666%; }
  body.startpage .blockarea .grid {
    margin-right: -14px; }
  body.startpage .links .container-heading {
    font-size: 0.7em;
    padding: 0.85714em 0;
    margin: 0 1.14286em 0.71429em 1.14286em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.startpage .backgroundwrapper .blockarea {
    padding-bottom: 1.5em; }
  body.startpage .blockarea .container, body.startpage .blockarea.blockarea--wide .container {
    margin-right: 0;
    float: none;
    margin-bottom: 1.5em; }
  body.startpage .blockarea .grid-col, body.startpage .blockarea .grid-col-1, body.startpage .blockarea .grid-col-3, body.startpage .blockarea .grid-col-2, body.startpage .blockarea .grid-col-4, body.startpage .blockarea .grid-col-2, body.startpage .blockarea.blockarea--wide .grid-col, body.startpage .blockarea.blockarea--wide .grid-col-1, body.startpage .blockarea.blockarea--wide .grid-col-3, body.startpage .blockarea.blockarea--wide .grid-col-2, body.startpage .blockarea.blockarea--wide .grid-col-4, body.startpage .blockarea.blockarea--wide .grid-col-2 {
    width: 100% !important; }
  body.startpage .blockarea .grid, body.startpage .blockarea.blockarea--wide .grid {
    margin-right: 0; }
  body.startpage .links .container-heading {
    font-size: 1.2em;
    padding: 0.66667em 0;
    margin: 0 0.83333em 0.41667em 0.83333em; } }

body.substartpage .main .intro {
  margin-bottom: 2.5em; }
  body.substartpage .main .intro.contact--visible {
    overflow: hidden;
    border-bottom: solid 1px #e2e2e2;
    padding-top: 2em;
    margin-top: -2em;
    position: relative;
    min-height: 10em; }
    body.substartpage .main .intro.contact--visible .main-intro {
      width: 50%;
      float: left; }
  body.substartpage .main .intro img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0; }
  body.substartpage .main .intro .tag {
    content: ' ';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 122px;
    bottom: 110px;
    border: 25px solid;
    z-index: 10;
    border-color: #703870 transparent transparent #703870; }

body.substartpage .main .main-intro {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b;
  font-weight: bold;
  max-width: 70%;
  font-size: 120%;
  line-height: 1.25em; }

body.substartpage .main .info {
  background-color: #703870;
  color: #fff;
  border-radius: 12px;
  border-top-right-radius: 0;
  padding: 0.55556em 1.11111em;
  box-sizing: border-box;
  font-size: 90%;
  z-index: 20;
  position: relative;
  min-height: 6.66667em;
  max-height: 11.11111em;
  width: 28%;
  position: absolute;
  right: 8.88889em;
  bottom: 1.11111em;
  z-index: 2; }
  body.substartpage .main .info p:last-child {
    margin: 0; }
  body.substartpage .main .info:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: -2.16667em;
    border: 20px solid;
    border-color: #703870 transparent transparent #703870;
    z-index: 1; }

body.substartpage .main .contact {
  float: right;
  position: relative;
  min-height: 8em; }

body.substartpage .main .grid {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  text-align: initial;
  margin-right: -20px;
  max-width: 100%; }
  body.substartpage .main .grid ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.substartpage .main .grid li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.substartpage .main .grid .grid-col-3 {
    width: 31.4% !important;
    box-sizing: border-box;
    margin-right: 2.9%;
    float: left;
    min-height: 22.5em; }
    body.substartpage .main .grid .grid-col-3.last-item {
      margin: 0; }
  body.substartpage .main .grid img {
    max-width: 100%;
    height: auto; }
  body.substartpage .main .grid h2 {
    font-size: 120%;
    margin: 0.75em 0 0.33333em 0;
    color: #1178af; }
  body.substartpage .main .grid p {
    font-size: 90%;
    line-height: 1.2em;
    margin-bottom: 0.57895em;
    min-height: 2.26316em; }
  body.substartpage .main .grid strong {
    font-size: 95%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0b0b0b; }
  body.substartpage .main .grid ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    padding-top: 0.21053em; }
    body.substartpage .main .grid ul ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.substartpage .main .grid ul li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    body.substartpage .main .grid ul li {
      font-size: 95%;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body.substartpage .main .grid ul a {
      padding: 0.21053em 0;
      display: block; }

body.substartpage .missing-image {
  background-color: #f2f2f2; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.substartpage .main .intro .main-intro {
    font-size: 75%; }
  body.substartpage .main .intro .contact {
    font-size: 75%; }
  body.substartpage .main .intro img {
    height: auto;
    width: 110px; }
  body.substartpage .main .intro .tag {
    bottom: 70px;
    right: 90px; }
  body.substartpage .main .info {
    font-size: 70%;
    padding: 0.71429em 1.42857em;
    min-height: 5.71429em;
    right: 8.57143em;
    bottom: 0.71429em;
    max-height: 14.28571em; }
    body.substartpage .main .info:before {
      right: -1.42857em;
      border: 10px solid;
      background-color: transparent;
      border-color: #703870 transparent transparent #703870; }
  body.substartpage .main .grid .grid-col-3 {
    min-height: 15.5em; }
  body.substartpage .main .grid h2 {
    font-size: 80%; }
  body.substartpage .main .grid p {
    font-size: 65%; }
  body.substartpage .main .grid strong {
    font-size: 70%; }
  body.substartpage .main .grid ul li {
    font-size: 65%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.substartpage .main .intro .main-intro {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
    font-size: 100%;
    max-width: 100%;
    margin: 0 0 120px 0; }
  body.substartpage .main .intro.contact--visible {
    overflow: visible;
    margin-bottom: 0.5em; }
  body.substartpage .main .intro img {
    right: 0px;
    padding-bottom: 10px;
    width: 25%; }
  body.substartpage .main .intro .tag {
    right: 73px; }
  body.substartpage .main .info {
    font-size: 80%;
    padding: 0.625em 1.25em;
    min-height: 5.625em;
    bottom: 0.625em;
    width: 70%;
    right: auto;
    max-height: 10.625em;
    border-top-right-radius: 12px; }
    body.substartpage .main .info:before {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    body.substartpage .main .info:before {
      border-color: transparent;
      border-left-color: #703870;
      border-width: 15px;
      margin-top: -15px;
      margin-left: -1px; }
  body.substartpage .main .contact {
    width: 100%;
    float: none;
    font-size: 80%; }
  body.substartpage .main .grid {
    margin-right: 0; }
    body.substartpage .main .grid .grid-col-3, body.substartpage .main .grid .grid-col-3.first-item, body.substartpage .main .grid .grid-col-3.last-item {
      min-height: 0;
      float: none;
      padding: 0;
      width: 100% !important;
      margin-bottom: 1.5em; }
    body.substartpage .main .grid h2 {
      font-size: 125%;
      margin-top: 0.4em; }
    body.substartpage .main .grid p {
      font-size: 100%;
      min-height: 0; }
    body.substartpage .main .grid strong {
      font-size: 100%; }
    body.substartpage .main .grid ul li {
      font-size: 100%; } }

body.searchpage main {
  overflow: hidden;
  min-height: 300px; }
  @media only screen and (max-width: 940px) {
    body.searchpage main {
      min-height: 280px; } }
  @media only screen and (max-width: 719px) {
    body.searchpage main {
      min-height: 260px; } }
  body.searchpage main .wrap {
    overflow: visible;
    display: table;
    width: 100%;
    min-height: 700px; }
    @media only screen and (max-width: 719px) {
      body.searchpage main .wrap {
        display: block; } }
    @media only screen and (min-width: 1000px) {
      body.searchpage main .wrap .search-page.content {
        width: 72%; } }

body.searchpage .content {
  overflow: visible; }

body.searchpage .search-wrapper__heading {
  margin-bottom: 2rem;
  color: #000000; }

body.searchpage .search-wrapper .search-container {
  width: 100%;
  background-color: transparent;
  padding: 0;
  border-radius: 30px; }
  body.searchpage .search-wrapper .search-container .searchbox {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: visible; }
    body.searchpage .search-wrapper .search-container .searchbox .searchbox-input {
      width: 100%;
      padding: 0; }
      @media only screen and (max-width: 719px) {
        body.searchpage .search-wrapper .search-container .searchbox .searchbox-input {
          font-size: 16px; } }
      body.searchpage .search-wrapper .search-container .searchbox .searchbox-input .searchbox-field {
        background-color: transparent;
        padding: .6rem 1.4rem;
        border: 2px solid #000000;
        border-radius: 30px;
        width: 100%; }
        body.searchpage .search-wrapper .search-container .searchbox .searchbox-input .searchbox-field:focus {
          outline: 2px solid #000000;
          outline-offset: 4px; }
        @media only screen and (max-width: 719px) {
          body.searchpage .search-wrapper .search-container .searchbox .searchbox-input .searchbox-field {
            max-width: 270px; }
            body.searchpage .search-wrapper .search-container .searchbox .searchbox-input .searchbox-field:focus {
              outline: none; } }
    body.searchpage .search-wrapper .search-container .searchbox .search-btn {
      position: relative;
      display: flex;
      align-items: center;
      width: 50px;
      height: 50px;
      background-color: transparent;
      border: none;
      cursor: pointer;
      margin-right: .5rem; }
      @media only screen and (max-width: 719px) {
        body.searchpage .search-wrapper .search-container .searchbox .search-btn {
          width: 72px;
          margin-right: 0; } }
      body.searchpage .search-wrapper .search-container .searchbox .search-btn .icon-reading-glass {
        position: initial;
        font-size: 1.3rem;
        color: #000000; }
        @media only screen and (max-width: 940px) {
          body.searchpage .search-wrapper .search-container .searchbox .search-btn .icon-reading-glass {
            font-size: 1.1rem; } }
        @media only screen and (max-width: 719px) {
          body.searchpage .search-wrapper .search-container .searchbox .search-btn .icon-reading-glass {
            font-size: 1rem; } }

body.searchpage .search-wrapper .related-links {
  margin-top: 1rem;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #000000; }
  body.searchpage .search-wrapper .related-links__link {
    margin-left: .5rem; }
  body.searchpage .search-wrapper .related-links__link:first-child {
    margin-left: 0; }
  body.searchpage .search-wrapper .related-links__link a {
    color: #004876;
    text-decoration: underline; }
    body.searchpage .search-wrapper .related-links__link a:hover {
      text-decoration: none; }
    body.searchpage .search-wrapper .related-links__link a:focus {
      outline: 2px solid #000000;
      outline-offset: 3px; }
    @media only screen and (max-width: 719px) {
      body.searchpage .search-wrapper .related-links__link a:focus {
        outline: none; } }

body.searchpage .aside-accordion {
  margin-top: 1.2rem; }
  @media only screen and (min-width: 1000px) {
    body.searchpage .aside-accordion {
      display: none; } }
  body.searchpage .aside-accordion #aside-accordion-label {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 330px;
    background: #004876;
    color: #ffffff;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    padding: 1rem 0;
    cursor: pointer; }
    body.searchpage .aside-accordion #aside-accordion-label:hover {
      background-color: #1F6590; }
    body.searchpage .aside-accordion #aside-accordion-label.change {
      background: #004876; }
    body.searchpage .aside-accordion #aside-accordion-label:focus {
      outline: 2px solid black;
      outline-offset: 4px; }
    @media only screen and (max-width: 719px) {
      body.searchpage .aside-accordion #aside-accordion-label:hover {
        background-color: #004876; }
      body.searchpage .aside-accordion #aside-accordion-label:focus {
        outline: none; } }
    body.searchpage .aside-accordion #aside-accordion-label::after {
      position: absolute;
      top: .8rem;
      right: 1.4rem;
      display: block;
      content: "\2b";
      font-size: 30px;
      color: #ffffff;
      animation-duration: .3s;
      animation-name: plusOpacity; }

@keyframes plusOpacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    body.searchpage .aside-accordion #aside-accordion-label.change::after {
      content: "\2212";
      animation-duration: .3s;
      animation-name: minusOpacity; }

@keyframes minusOpacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  body.searchpage .aside-accordion .title {
    position: absolute;
    top: 1.1rem;
    left: 1.4rem;
    margin: 0; }
    body.searchpage .aside-accordion .title__text {
      font-size: 18px;
      font-weight: initial; }
  body.searchpage .aside-accordion .content {
    position: relative;
    padding: 0;
    padding-top: 1rem;
    max-height: 0px;
    transition: max-height .3s linear; }
    body.searchpage .aside-accordion .content .aside.mobile {
      padding-bottom: 1rem;
      display: none; }
      body.searchpage .aside-accordion .content .aside.mobile .aside-container {
        margin-bottom: .6rem;
        margin-left: 1.4rem; }
  body.searchpage .aside-accordion #aside-accordion {
    display: none; }
  body.searchpage .aside-accordion #aside-accordion + #aside-accordion-label:hover {
    background-color: #1F6590; }
  body.searchpage .aside-accordion #aside-accordion:checked ~ .content .aside.mobile {
    display: block; }
  body.searchpage .aside-accordion #aside-accordion:checked + .title + .content {
    max-height: 670px; }
  body.searchpage .aside-accordion #aside-accordion:checked + .title + .content p {
    opacity: 1; }

body.searchpage .search-result-wrapper .search-head .no-hits {
  margin: 2rem 0;
  color: #000000;
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.searchpage .search-result-wrapper .search-head .search-info {
  margin: 2rem 0; }
  body.searchpage .search-result-wrapper .search-head .search-info__text {
    color: #000000;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.2; }

body.searchpage .search-result-wrapper .search-body .search-bestbets-container .search-bestbets {
  position: relative;
  width: 100%;
  margin: 5rem 0 6rem 0;
  overflow: visible; }
  body.searchpage .search-result-wrapper .search-body .search-bestbets-container .search-bestbets__background {
    position: absolute;
    top: -3rem;
    left: -50rem;
    width: 100vw;
    height: 100%;
    padding: 3rem 30rem;
    overflow: visible;
    background-color: #e6f8fd; }

body.searchpage .search-result-wrapper .search-body .search-result-container {
  position: relative;
  list-style: none;
  padding: 0;
  width: 100%; }
  body.searchpage .search-result-wrapper .search-body .search-result-container .search-result {
    margin-bottom: 3rem; }
    body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__tag-small-screen {
      display: none; }
    @media only screen and (max-width: 719px) {
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__tag-small-screen {
        display: inline-block;
        padding: .1rem .5rem;
        margin: 0 .5rem .3rem 0;
        font-size: 16px;
        background-color: #000000;
        color: #ffffff; }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__tag-small-screen:not(span) {
        text-decoration: none;
        cursor: pointer; } }
    body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      @media only screen and (max-width: 719px) {
        body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content {
          flex-direction: column-reverse;
          align-items: flex-start; } }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info a {
        text-decoration: none;
        cursor: pointer; }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__tag {
        display: none; }
      @media only screen and (min-width: 719px) {
        body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__tag {
          max-width: 20rem;
          display: inline-block;
          padding: .1rem .5rem;
          margin: 0 .5rem .3rem 0;
          font-size: 16px;
          background-color: #000000;
          color: #ffffff; } }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__link {
        display: flex; }
        body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__link .link {
          display: inline-block; }
          body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__link .link:focus {
            outline: 2px solid #000000;
            outline-offset: 3px; }
          @media only screen and (max-width: 719px) {
            body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__link .link:focus {
              outline: none; } }
          body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__link .link__text {
            display: inline-flex;
            margin: 0 0 .3rem 0;
            padding: 0;
            color: #000000;
            font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 30px;
            line-height: 1.1;
            word-break: break-word;
            text-decoration: underline;
            text-decoration-thickness: 2px; }
            body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__link .link__text:hover {
              text-decoration: none; }
          body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__link .link__icon {
            font-size: 16px;
            color: #1a1a1a;
            margin-left: 10px; }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__details {
        display: flex;
        flex-direction: row;
        text-transform: uppercase; }
        body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__details .detail {
          font-size: 18px;
          margin-top: .5rem;
          margin-right: 1rem; }
        body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__details .detail:last-child {
          margin-right: 0; }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-info__complementary .date {
        margin-top: .5rem;
        font-size: 18px; }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-image {
        display: flex;
        align-items: center;
        margin-left: 2rem; }
        @media only screen and (max-width: 719px) {
          body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-image {
            width: 100%;
            margin-left: 0;
            margin-top: .5rem; } }
        body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-image img {
          width: 250px;
          height: 200px;
          -o-object-fit: cover;
             object-fit: cover; }
          @media only screen and (max-width: 719px) {
            body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-image img {
              width: 100%;
              height: 200px;
              margin-bottom: .5rem; } }
      body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-document {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 250px;
        height: 200px;
        margin-left: 2rem;
        margin-bottom: .5rem;
        background-color: #e6f8fd; }
        @media only screen and (max-width: 719px) {
          body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-document {
            width: 100%;
            margin-left: 0;
            margin-top: .5rem; } }
        body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-document__image {
          width: 100px;
          height: 100px; }
          body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-document__image img {
            -o-object-fit: cover;
               object-fit: cover; }
            @media only screen and (max-width: 719px) {
              body.searchpage .search-result-wrapper .search-body .search-result-container .search-result__content .search-result-document__image img {
                margin-bottom: .5rem; } }

body.searchpage .content .search-body .event-hit {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 1.5em;
  padding-bottom: 1.1em; }
  body.searchpage .content .search-body .event-hit .event {
    margin: 0; }
    body.searchpage .content .search-body .event-hit .event .date {
      top: 3px; }
      body.searchpage .content .search-body .event-hit .event .date .day {
        padding-top: 0.4em; }
      body.searchpage .content .search-body .event-hit .event .date .month {
        margin-top: -0.15em;
        display: block; }
  body.searchpage .content .search-body .event-hit .search-complementary {
    padding-left: 6.35294em; }
  body.searchpage .content .search-body .event-hit .details {
    padding-left: 0;
    margin: 0;
    width: 100%; }
    body.searchpage .content .search-body .event-hit .details .detail {
      margin-bottom: 0 !important; }
      body.searchpage .content .search-body .event-hit .details .detail .event {
        margin: 0; }
        body.searchpage .content .search-body .event-hit .details .detail .event .details {
          padding-left: 0;
          margin-top: 0;
          margin-bottom: 0; }
        body.searchpage .content .search-body .event-hit .details .detail .event .date .day {
          padding-top: 0.46154em; }
        body.searchpage .content .search-body .event-hit .details .detail .event .date .month {
          margin-top: -4px;
          display: block; }

body.searchpage .aside.mobile {
  display: block; }

body.searchpage .aside {
  position: relative;
  z-index: 10;
  background-color: #004876; }
  @media only screen and (max-width: 1000px) {
    body.searchpage .aside {
      display: none; } }
  body.searchpage .aside .aside-container {
    min-width: 10rem;
    margin: 1.2rem .5rem 2rem 1.2rem; }
    body.searchpage .aside .aside-container:first-child {
      margin-top: 1.5rem; }
    body.searchpage .aside .aside-container:last-child {
      margin-top: 1.5rem; }
    body.searchpage .aside .aside-container__heading {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 30px;
      line-height: 1.15;
      color: #ffffff;
      margin-bottom: .8rem; }
    body.searchpage .aside .aside-container__body {
      display: flex;
      flex-direction: column; }
      body.searchpage .aside .aside-container__body .checkbox {
        position: relative;
        cursor: pointer;
        -moz-user-select: none;
             user-select: none;
        -webkit-user-select: none; }
        body.searchpage .aside .aside-container__body .checkbox:not(:last-child) {
          margin-bottom: .8rem; }
        body.searchpage .aside .aside-container__body .checkbox__fake {
          position: relative;
          display: inline-block;
          width: 19px;
          height: 19px;
          border: 2.5px solid #ffffff;
          vertical-align: middle;
          border-radius: 4px; }
          body.searchpage .aside .aside-container__body .checkbox__fake:before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 8px;
            height: 14px;
            border-right: 4px solid #004876;
            border-bottom: 4px solid #004876;
            left: 50%;
            top: 47%;
            transform: translate(-50%, -50%) rotate(45deg) scale(0);
            transition: all 0.2s; }
        body.searchpage .aside .aside-container__body .checkbox__input {
          position: absolute;
          opacity: 0; }
          body.searchpage .aside .aside-container__body .checkbox__input:checked + .checkbox__fake {
            background-color: #ffffff; }
            body.searchpage .aside .aside-container__body .checkbox__input:checked + .checkbox__fake:before {
              transform: translate(-50%, -60%) rotate(45deg) scale(1); }
          body.searchpage .aside .aside-container__body .checkbox__input:focus + .checkbox__fake {
            outline: 2px solid #ffffff;
            outline-offset: 3px; }
          @media only screen and (max-width: 719px) {
            body.searchpage .aside .aside-container__body .checkbox__input:focus + .checkbox__fake {
              outline: none; } }
        body.searchpage .aside .aside-container__body .checkbox__text {
          margin-left: .4rem;
          margin-bottom: 0;
          font-size: 18px;
          color: #ffffff; }
      body.searchpage .aside .aside-container__body .radio-button {
        position: relative;
        cursor: pointer;
        -moz-user-select: none;
             user-select: none;
        -webkit-user-select: none; }
        body.searchpage .aside .aside-container__body .radio-button:not(:last-child) {
          margin-bottom: 1rem; }
        body.searchpage .aside .aside-container__body .radio-button .label-visible {
          margin-left: 2em;
          margin-bottom: 0;
          font-size: 18px;
          color: #ffffff; }
      body.searchpage .aside .aside-container__body .radio-button input {
        position: absolute;
        display: block;
        margin: 5px;
        padding: 0;
        opacity: 0; }
      body.searchpage .aside .aside-container__body .fake-radiobutton {
        position: absolute;
        display: block;
        top: -2px;
        left: 3px;
        width: 20px;
        height: 20px;
        border: 2.5px solid #ffffff;
        background-color: #004876; }
      body.searchpage .aside .aside-container__body .fake-radiobutton:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 14px;
        background: var(--radioAfterInit, transparent);
        transform: translate(-50%, -50%) rotate(45deg) scale(0); }
      body.searchpage .aside .aside-container__body .fake-radiobutton {
        border-radius: 50%; }
      body.searchpage .aside .aside-container__body .fake-radiobutton:after {
        border-radius: 50%; }
      body.searchpage .aside .aside-container__body input[type="radio"]:checked + span .fake-radiobutton:after {
        transform: translate(-50%, -50%) rotate(45deg) scale(1); }
      body.searchpage .aside .aside-container__body input[type="radio"]:focus + span .fake-radiobutton {
        outline: 2px solid #ffffff;
        outline-offset: 3px; }
      @media only screen and (max-width: 719px) {
        body.searchpage .aside .aside-container__body:focus + span .fake-radiobutton {
          outline: none; } }

body.searchpage .employee-item {
  min-height: 4.75em;
  margin-bottom: 0; }
  body.searchpage .employee-item .employee-information-main .strong {
    font-size: 120%;
    color: #1178af;
    margin-top: 0.20833em; }

body.searchpage .content .search-complementary {
  font-size: 85%;
  line-height: 0.8em;
  color: #707070;
  margin-top: 0.29412em; }
  body.searchpage .content .search-complementary > div {
    display: inline-block; }
  body.searchpage .content .search-complementary .path a {
    color: #707070; }
  body.searchpage .content .search-complementary .path a:last-child {
    margin-right: 8px;
    padding-right: 10px;
    border-right: 1px solid #dddddd; }
  body.searchpage .content .search-complementary > div:last-child a:last-child {
    border-right: none; }
  body.searchpage .content .search-complementary .icon {
    font-size: 150%;
    position: relative;
    top: 2px; }

body.searchpage .employee-item {
  min-height: 4.75em; }
  body.searchpage .employee-item .employee-information-main .strong {
    font-size: 120%;
    color: #1178af; }

body.searchpage .kundo-hit .container-heading:before {
  color: #747474; }

body.searchpage .kundo-hit .container-body {
  margin-bottom: 0.75em !important; }

body.searchpage .kundo-hit .kundoportal {
  font-size: 0.73684em;
  position: relative;
  padding-right: 1.42857em;
  text-align: right;
  display: block;
  border-top: solid 1px #ddd;
  margin-top: 1em;
  padding-top: 1em; }

body.searchpage .kundo-hit .kundoportal:before {
  position: absolute;
  right: 0;
  top: 0.84211em; }

body.articlepage iframe {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  margin-bottom: 1.2em; }

body.articlepage .cover {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 10000;
  height: 100% !important;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll; }
  body.articlepage .cover .iframe-expander {
    right: 10px; }
  body.articlepage .cover iframe {
    height: 93.8% !important; }

body.articlepage .iframe-expander {
  float: right;
  position: relative;
  top: -30px;
  height: 0px; }

body.articlepage .main-body.left-align-button .link-button {
  text-align: left; }

body.articlepage .main-body .link-button {
  border: none;
  padding: 0;
  display: block;
  text-align: center;
  margin-right: 0; }

body.articlepage .main-body .link-button a, body.articlepage .main-body a.link-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  border: none;
  border-radius: 30px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  height: auto;
  line-height: 1;
  margin: 0 0.25em 0.25em 0;
  padding: 0.55em 1.3em;
  text-decoration: none;
  transition: background 150ms ease;
  background-color: #004876; }
  body.articlepage .main-body .link-button a:hover, body.articlepage .main-body a.link-button:hover {
    text-decoration: none;
    background-color: #1F6590; }

body.articlepage .main-body p:not(.link-button) a:not(.link-button), body.articlepage .main-body ul a, body.articlepage .main-body ol a {
  color: #1F6590; }
  body.articlepage .main-body p:not(.link-button) a:not(.link-button):hover, body.articlepage .main-body ul a:hover, body.articlepage .main-body ol a:hover {
    text-decoration: none;
    color: #1F6590; }

body.articlepage h4 {
  font-size: 100%;
  margin: 0.5em 0 0.5em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.articlepage .aside {
    margin-top: 1.5em !important; }
  body.articlepage .cover iframe {
    height: 95.1% !important; }
  body.articlepage .content p, body.articlepage .content ul, body.articlepage .content ol {
    font-size: 65%; }
  body.articlepage h3 {
    font-size: 80%; }
  body.articlepage h4 {
    font-size: 65%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.articlepage .cover iframe {
    height: 95.9% !important; }
  body.articlepage .cover .menu-tabs {
    display: none; }
  body.articlepage .iframe-expander {
    top: 0px;
    height: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 80%; }
  body.articlepage .content p, body.articlepage .content ul, body.articlepage .content ol {
    font-size: 100%; }
  body.articlepage h3 {
    font-size: 120%; }
  body.articlepage h4 {
    font-size: 100%; } }

.theme-utsikt .theme-mainfoot ol, .theme-utsikt .theme-mainfoot ul, .theme-utsikt .theme-mainfoot p {
  font-family: Calibri, 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-weight: 400; }

.ds-main {
  /*.icon-surround {
        background-color: $color-lightgrey;
        color: $default-font-color;
        border-radius: 50%;
        text-align: center;
        transition: color 300ms ease;
        display: inline-block;
        top: 0;
        left: 0;
        vertical-align: middle;
        width: 1.6em;
        height: 1.6em;
        padding-top: 0.75em;
        padding-bottom: 0.25em;
        padding-left: 0.6em;
        padding-right: 0.4em;
    }*/
  padding-bottom: 2em; }
  .ds-main-list-wrapper--loading {
    position: relative;
    background: url(/Static/Images/loading_128.gif) no-repeat 50% 95px;
    background-size: 70px;
    padding: 0 0 100px 0;
    min-height: 200px; }
    .ds-main-list-wrapper--loading::after {
      display: block;
      content: 'Vi h\00E4mtar data om driftst\00F6rningar';
      position: absolute;
      top: 185px;
      left: 50%;
      transform: translate3d(-50%, 0, 0); }
  .ds-main .disruption-container {
    max-width: 900px;
    list-style: none; }
    .ds-main .disruption-container .disruption {
      display: flex;
      flex-direction: row;
      justify-content: left;
      margin-bottom: 20px; }
      .ds-main .disruption-container .disruption__line {
        min-width: 12px;
        height: auto;
        background-color: #ffee00;
        margin-right: 20px; }
      .ds-main .disruption-container .disruption__message {
        display: flex;
        flex-direction: column;
        color: #c3002f; }
        .ds-main .disruption-container .disruption__message__time {
          font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 14px; }
        .ds-main .disruption-container .disruption__message__text {
          font-size: 18px; }
  .ds-main .icon-surround {
    background-color: #f2f2f2;
    color: #000;
    border-radius: 50%;
    text-align: center;
    transition: color 300ms ease;
    display: inline-block;
    top: 0;
    left: 0;
    vertical-align: middle;
    width: 1.4em;
    height: 1.4em;
    padding-top: 0.6em;
    padding-bottom: 0.4em;
    padding-left: 0.55em;
    padding-right: 0.45em; }
  .ds-main .ds-quote {
    font-style: italic; }
  .ds-main .ds-disruption-status-map {
    margin: 0 auto;
    margin-bottom: 10px; }
  .ds-main .ds-noscript {
    margin: 2em 0;
    text-align: center;
    font-style: italic; }
  .ds-main .ds-dot {
    display: inline-block;
    text-align: center;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    background-color: #1178af;
    color: white; }
  .ds-main .ds-dot-status-pagaende {
    background-color: #c3002f; }
  .ds-main .ds-dot-status-planerat {
    background-color: #703870; }
  .ds-main .ds-dot-status-avslutat {
    background-color: #009640; }
  .ds-main .ds-span-dividing:not(:last-child)::after {
    content: "";
    display: inline-block;
    margin: 0 .8em;
    border-left: 1px solid #757575;
    height: 0.6em;
    vertical-align: middle; }
  .ds-main .ds-list-container {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    margin: 1em 0; }
    .ds-main .ds-list-container ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    .ds-main .ds-list-container li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    .ds-main .ds-list-container .ds-list {
      width: 100%; }
      .ds-main .ds-list-container .ds-list .ds-list-group {
        margin: 2em 0 2em 0; }
        .ds-main .ds-list-container .ds-list .ds-list-group:not(:last-child) {
          /*border-bottom: 2px solid #e2e2e2;*/ }
        .ds-main .ds-list-container .ds-list .ds-list-group .ds-type-heading {
          font-size: 1.0em;
          font-weight: bold;
          padding-left: 0.6em; }
        .ds-main .ds-list-container .ds-list .ds-list-group .ds-list-group-heading {
          color: #757575;
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          text-transform: lowercase;
          margin-bottom: 0.5em;
          font-size: 1.2em;
          font-weight: bold; }
          .ds-main .ds-list-container .ds-list .ds-list-group .ds-list-group-heading span::first-letter {
            text-transform: uppercase; }
          .ds-main .ds-list-container .ds-list .ds-list-group .ds-list-group-heading span {
            display: inline-block; }
            .ds-main .ds-list-container .ds-list .ds-list-group .ds-list-group-heading span:last-child {
              margin-left: 0.2em; }
        .ds-main .ds-list-container .ds-list .ds-list-group ul {
          margin-top: .75em;
          width: 100%; }
          .ds-main .ds-list-container .ds-list .ds-list-group ul li {
            border-top: 1px solid #e2e2e2;
            padding-top: 1.5em;
            padding-bottom: 1.5em; }
            .ds-main .ds-list-container .ds-list .ds-list-group ul li:first-child {
              border-top: 2px solid #e2e2e2; }
            .ds-main .ds-list-container .ds-list .ds-list-group ul li:last-child {
              border-bottom: 1px solid #e2e2e2; }
            .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-heading {
              position: relative;
              cursor: pointer;
              color: #1178af; }
              .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-heading .ds-disruption-heading-left {
                padding-right: 13%;
                font-weight: bold; }
              .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-heading .ds-disruption-heading-right {
                position: absolute;
                top: 0;
                right: 0;
                width: 10%; }
                .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-heading .ds-disruption-heading-right .ds-button {
                  position: absolute;
                  top: 0;
                  right: 0;
                  background-color: #1178af;
                  border-radius: 50%;
                  width: 1em;
                  height: 1em; }
                  .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-heading .ds-disruption-heading-right .ds-button .ds-icon:before {
                    color: white;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    font-size: 180%; }
                  .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-heading .ds-disruption-heading-right .ds-button .ds-icon.icon-arrowdown:before {
                    transform: translate(-52%, -46%); }
                  .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-heading .ds-disruption-heading-right .ds-button .ds-icon.icon-arrowup:before {
                    transform: translate(-52%, -50%); }
            .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-information {
              margin: 0em 3em 0em 0;
              display: none; }
              .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-information .ds-disruption-information-heading {
                font-weight: bold;
                margin-top: 1em;
                font-size: 0.9em; }
  @media only screen and (max-width: 940px) {
    .ds-main .ds-list-container {
      font-size: .8em; } }
  @media only screen and (max-width: 719px) {
    .ds-main .ds-list-container {
      font-size: 1em; }
      .ds-main .ds-list-container .ds-list .ds-list-group .ds-list-group-heading span:first-child::after {
        content: "";
        display: inline-block;
        margin: 0;
        border: none; }
      .ds-main .ds-list-container .ds-list .ds-list-group ul li .ds-disruption-information {
        margin: .5em 3em 1em 0;
        display: none; } }
  .ds-main .notice {
    background: #F0DBB4;
    border-radius: 20px;
    padding: 1px 20px;
    max-width: 750px;
    margin-bottom: 40px; }

body.changeaddresspage #change-address-container h2 {
  position: relative; }

body.changeaddresspage form .new-address-number-info {
  margin-top: -130px; }
  @media only screen and (max-width: 940px) {
    body.changeaddresspage form .new-address-number-info {
      margin-top: -95px; } }
  @media only screen and (max-width: 719px) {
    body.changeaddresspage form .new-address-number-info {
      margin-top: 0; } }
  @media only screen and (max-width: 940px) {
    body.changeaddresspage form .new-address-number-info .form-information-down::before {
      top: 2.7em; } }

body.changeaddresspage .date-wrapper .datepicker {
  top: 37px; }
  @media only screen and (max-width: 940px) {
    body.changeaddresspage .date-wrapper .datepicker {
      top: 35px; } }
  @media only screen and (max-width: 719px) {
    body.changeaddresspage .date-wrapper .datepicker {
      top: 37px; } }

body.changeaddresspage .radio-form-step-2 {
  margin-bottom: 0;
  padding-bottom: 0; }
  body.changeaddresspage .radio-form-step-2 img {
    max-width: 94px;
    max-height: 21px;
    margin-right: 0.5em;
    margin-top: -0.2em; }
  body.changeaddresspage .radio-form-step-2 .form-text a {
    padding-right: 1em;
    position: relative; }
  body.changeaddresspage .radio-form-step-2 .form-text a:before {
    font-size: 150%;
    margin-top: -0.1em;
    position: absolute;
    top: 0;
    right: 0; }
    body.changeaddresspage .radio-form-step-2 .form-text a:before:hover {
      text-decoration: none; }
  body.changeaddresspage .radio-form-step-2 .form-text a {
    display: none; }
  body.changeaddresspage .radio-form-step-2 button {
    margin-top: 0.2em;
    text-align: left;
    margin-bottom: 0.75em; }
  body.changeaddresspage .radio-form-step-2 span {
    display: block; }

body.changeaddresspage .label-form-step-2 {
  margin-top: 0;
  padding: 0; }

body.changeaddresspage .info-label {
  color: #703870;
  font-style: italic; }

body.changeaddresspage .radio-form-step-4 button {
  margin-top: 0.2em; }

body.changeaddresspage #einvoicebank {
  font-size: 0.8em; }

body.changeaddresspage .signing-container .grid-col-2:first-child {
  width: 59.12% !important; }

body.changeaddresspage .signing-container .grid-col-2:last-child {
  width: 39.12% !important;
  text-align: center; }
  body.changeaddresspage .signing-container .grid-col-2:last-child .signing-actions-container {
    display: inline-block;
    float: right; }
    body.changeaddresspage .signing-container .grid-col-2:last-child .signing-actions-container input[name=sign] {
      margin-bottom: 1em;
      white-space: normal; }
    body.changeaddresspage .signing-container .grid-col-2:last-child .signing-actions-container input[name=nosign] {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

html.js body.changeaddresspage .radio-form-step-2 .form-text a {
  display: inline-block; }

html.js body.changeaddresspage .radio-form-step-2 .extended-form-text {
  display: none; }

.property-number-description input {
  margin: 0 0 3em; }

.property-number-description .form-group-item {
  position: relative; }

.property-number-description .form-information {
  position: absolute;
  top: -30px; }

@media only screen and (max-width: 940px) {
  .property-number-description .icon-diamond::before {
    top: 23px; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.changeaddresspage .radio-form-step-2 button {
    font-size: 65%; }
  body.changeaddresspage .radio-form-step-2 img {
    width: 30%;
    height: 30%; }
  body.changeaddresspage .radio-form-step-4 button {
    font-size: 65%; }
  body.changeaddresspage .info-label {
    font-size: 60%; }
  body.changeaddresspage .watt-usage-form-step-2 {
    margin-bottom: 2.30769em;
    padding: 1.15385em; }
    body.changeaddresspage .watt-usage-form-step-2 select {
      margin: 0.75em 0;
      font-size: 12px;
      max-width: 52%; }
    body.changeaddresspage .watt-usage-form-step-2 strong {
      font-size: 60%;
      display: inline-block;
      margin: 0.75em 0;
      width: 31%; }
  body.changeaddresspage #einvoicebank {
    font-size: 12px; }
  body.changeaddresspage .signing-actions-container input[name=nosign] {
    font-size: 60%; }
  body.changeaddresspage .property-number-description .form-information {
    position: absolute;
    top: -26px; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.changeaddresspage #change-address-container h2 {
    padding-right: 4.5em; }
  body.changeaddresspage form .conditions-label {
    font-size: 100%; }
  body.changeaddresspage .radio-form-step-2 button {
    font-size: 100%; }
  body.changeaddresspage .radio-form-step-2 button:last-child {
    margin-top: 0; }
  body.changeaddresspage .radio-form-step-2 img {
    width: 34%;
    height: 34%;
    margin-top: 0.2em; }
  body.changeaddresspage .radio-form-step-4 button {
    font-size: 100%; }
  body.changeaddresspage .radio-form-step-4 button:first-child {
    margin-top: 0.5em; }
  body.changeaddresspage .info-label {
    font-size: 100%; }
  body.changeaddresspage #einvoicebank {
    font-size: 16px; }
  body.changeaddresspage .signing-container .grid-col-2:first-child {
    width: 100% !important; }
  body.changeaddresspage .signing-container .grid-col-2:last-child {
    width: 100% !important; }
    body.changeaddresspage .signing-container .grid-col-2:last-child .signing-actions-container {
      display: block;
      float: none; }
      body.changeaddresspage .signing-container .grid-col-2:last-child .signing-actions-container input[name=nosign] {
        font-size: 100%; }
  body.changeaddresspage .property-number-description input {
    margin: 0; }
  body.changeaddresspage .property-number-description .form-group-item {
    position: static; }
  body.changeaddresspage .property-number-description .form-information {
    position: static;
    top: auto; } }

body.pressroompage h1 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(clamp(48px, 3vw + 10px, 56px)) !important;
  line-height: 1.2;
  font-weight: unset; }

body.pressroompage h2,
body.pressroompage h2.container-heading,
body.pressroompage .container h2,
body.pressroompage .container h2.container-heading,
body.pressroompage .container-map h2 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 40px !important;
  line-height: 0.9;
  font-weight: unset;
  margin: 0 0 15px; }

body.pressroompage h3,
body.pressroompage h3.container-heading,
body.pressroompage .container h3,
body.pressroompage .container h3,
body.pressroompage .container h3.container-heading,
body.pressroompage .container-map h3 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: calc(clamp(28px, 3vw + 2px, 30px)) !important;
  line-height: 1;
  font-weight: unset;
  margin: 0 0 10px; }

body.pressroompage h4 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: unset; }

body.pressroompage h5 {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px !important;
  line-height: 1;
  font-weight: unset; }

body.pressroompage p,
body.pressroompage .container-body p,
body.pressroompage .text-image-block .container-body .text p {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  font-weight: unset; }

body.pressroompage p.lead {
  max-width: 730px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px !important;
  line-height: 1.2;
  font-weight: unset; }

body.pressroompage .subheader {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px; }

body.pressroompage ol, body.pressroompage ul, body.pressroompage li {
  font-size: 18px; }

body.pressroompage .share li .icon::before {
  padding-right: 5px; }

body.pressroompage .pressroom-wrapper {
  padding-bottom: 40px; }
  body.pressroompage .pressroom-wrapper img {
    max-width: unset; }

body.pressroompage .pressroom-list__list {
  padding-top: 30px;
  padding-left: 0;
  width: 100%; }
  body.pressroompage .pressroom-list__list li:first-child {
    border-top: none;
    padding-top: 0; }

body.pressroompage .pressroom-list__list.with-textbody li:first-child {
  padding-top: 30px; }

body.pressroompage .pressroom-list__item {
  padding: 30px 0;
  list-style: none;
  margin-bottom: 0; }

body.pressroompage .pressroom-list__link {
  text-decoration: none; }
  body.pressroompage .pressroom-list__link:focus h3 {
    outline: 2px solid #000000;
    border-radius: 5px; }

body.pressroompage .pressroom-list__item-content {
  display: flex;
  gap: 20px;
  padding-bottom: 5px; }
  @media only screen and (max-width: 719px) {
    body.pressroompage .pressroom-list__item-content {
      flex-direction: column-reverse;
      gap: 5px; } }

body.pressroompage .pressroom-list__image img {
  width: 250px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover; }
  @media only screen and (max-width: 719px) {
    body.pressroompage .pressroom-list__image img {
      width: 100%;
      height: 170px; } }

body.pressroompage .pressroom-list__text-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 730px; }

body.pressroompage .pressroom-list__heading {
  -webkit-text-decoration: underline 2px;
          text-decoration: underline 2px;
  display: inline-flex;
  margin: 0 0 .3rem 0;
  padding: 0;
  color: #1a1a1a;
  word-break: break-word; }
  body.pressroompage .pressroom-list__heading:hover {
    text-decoration: none; }

body.pressroompage .pressroom-list__text {
  display: inline-block;
  margin-bottom: 0; }

body.pressroompage .pressroom-list__more-link {
  font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
  color: #004876; }
  body.pressroompage .pressroom-list__more-link:hover {
    text-decoration: none; }

body.pressroompage .complementary {
  margin: 0 0 40px;
  font-size: 18px;
  color: #707070; }
  body.pressroompage .complementary .type {
    display: inline-block;
    margin-right: 8px;
    padding-right: 10px;
    border-right: 1px solid #dddddd; }
  body.pressroompage .complementary .time {
    display: inline-block; }

body.pressroompage .message-lead-text {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px !important;
  line-height: 1.2;
  margin-bottom: 20px; }

body.pressroompage #pressroom-list .summary {
  margin-bottom: 0;
  color: #000; }

body.pressroompage .pressitem__image {
  padding-bottom: 10px; }
  body.pressroompage .pressitem__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }

body.pressroompage .pressitem .date {
  padding-bottom: 0.5em;
  color: #949494; }

body.pressroompage .download-link {
  font-weight: bold; }

body.pressroompage .download-link img {
  padding-top: .5em; }

body.pressroompage .download-link div {
  padding-top: .5em; }

body.pressroompage .more-link {
  padding-bottom: 1.5em;
  display: block;
  font-weight: bold; }

body.pressroompage .related-wrapper {
  padding-top: 1em; }

body.pressroompage .related-wrapper li {
  padding: .2em 0; }

body.pressroompage .related-wrapper .related-image {
  display: block;
  overflow: hidden; }

body.pressroompage .related-wrapper .related-image li {
  padding-right: .4em;
  float: left; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.pressroompage .more-link {
    font-size: 80%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.pressroompage .more-link {
    font-size: 100%; } }

body.errorpage .main {
  background: url(/static/images/404.png) no-repeat bottom right;
  min-height: 29.75em; }

body.errorpage .redirect-links {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  margin: 1.4em 0; }
  body.errorpage .redirect-links ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.errorpage .redirect-links li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.errorpage .redirect-links a {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    padding: 0.2em 1em 0.2em 0;
    display: inline-block; }
  body.errorpage .redirect-links a.icon:before {
    font-size: 150%;
    position: absolute;
    top: -0.03333em;
    right: 0; }

body.errorpage .wrap.error-page {
  padding: 0 .75em; }

body.errorpage .info-wrapper {
  width: 45%;
  margin-top: 4.25em; }

body.errorpage .main-intro {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.25em; }

body.errorpage .wrap {
  min-height: initial;
  overflow: visible;
  padding: 0; }

body.errorpage .error-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1rem auto; }
  @media only screen and (max-width: 719px) {
    body.errorpage .error-search {
      margin: .7rem auto; } }
  body.errorpage .error-search form {
    display: block;
    position: relative;
    width: 100%; }
  body.errorpage .error-search input[type="text"] {
    font-size: 18px;
    width: 100%;
    border: 2px solid #000000;
    padding: .8rem 1.5rem;
    border-radius: 30px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box; }
    @media only screen and (max-width: 940px) {
      body.errorpage .error-search input[type="text"] {
        padding: .7rem 1.5rem; } }
    @media only screen and (max-width: 719px) {
      body.errorpage .error-search input[type="text"] {
        padding: .5rem 1.5rem; } }
    body.errorpage .error-search input[type="text"]:focus {
      outline: 2px solid #000000;
      outline-offset: 4px; }
    body.errorpage .error-search input[type="text"]::-moz-placeholder {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      font-style: normal; }
    body.errorpage .error-search input[type="text"]::placeholder {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #000000;
      font-style: normal; }
  body.errorpage .error-search .btn {
    position: absolute;
    top: .3rem;
    right: 1rem;
    background-color: transparent;
    border: none;
    cursor: pointer; }
  body.errorpage .error-search .icon-reading-glass {
    font-size: 1.3rem;
    color: #000000; }
    @media only screen and (max-width: 940px) {
      body.errorpage .error-search .icon-reading-glass {
        font-size: 1.1rem; } }
    @media only screen and (max-width: 719px) {
      body.errorpage .error-search .icon-reading-glass {
        font-size: .9rem; } }
  body.errorpage .error-search input[type="submit"] {
    position: absolute;
    top: 0.32em;
    right: 0.32em;
    margin: 0;
    bottom: 0.32em;
    padding: 0.44em 1.04em; }

@media only screen and (max-width: 1226px) {
  body.errorpage .main {
    min-height: 25em;
    background-size: 600px; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.errorpage .main {
    min-height: 22.5em;
    background-size: 400px; }
  body.errorpage .main-intro {
    font-size: 75%; }
  body.errorpage .info-wrapper {
    width: 55%;
    margin-top: 2em; }
  body.errorpage .redirect-links {
    font-size: 75%;
    margin: 1.33333em 0; }
    body.errorpage .redirect-links a {
      padding: 0.26667em 1em 0.26667em 0; }
    body.errorpage .redirect-links a.icon:before {
      font-size: 125%;
      position: absolute;
      top: 0.12em;
      right: 0; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.errorpage .main {
    min-height: auto;
    background-size: 320px; }
  body.errorpage .info-wrapper {
    width: 100%;
    margin-top: 0;
    padding-bottom: 10.5em; }
  body.errorpage .main-intro {
    font-size: 100%;
    margin-bottom: 0.5em; }
  body.errorpage .redirect-links {
    font-size: 20px;
    margin: 0.5em 0 0 0; }
    body.errorpage .redirect-links a {
      padding: 0.2em 1em 0.2em 0; }
    body.errorpage .redirect-links a.icon:before {
      font-size: 30px;
      position: absolute;
      top: 1px;
      right: 0;
      bottom: 0;
      line-height: 30px;
      vertical-align: middle; } }

body.campaignpage .wrap.campaign-image {
  min-height: 0; }
  body.campaignpage .wrap.campaign-image img {
    position: absolute;
    top: -7.3em;
    right: 0.75em; }

@media only screen and (max-width: 1226px) {
  body.campaignpage .wrap.campaign-image img {
    max-height: 77px;
    max-width: 308px;
    top: -6.25em; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.campaignpage .wrap.campaign-image img {
    max-height: 42px;
    max-width: 168px;
    top: -3.45em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.campaignpage main {
    padding-top: 0.75em; }
  body.campaignpage .wrap.campaign-image img {
    display: block;
    position: relative;
    margin: 0.75em auto 0 auto;
    max-height: 42px;
    max-width: 168px;
    top: auto;
    right: auto; } }

body.listpage .main .intro {
  margin-bottom: 0; }
  body.listpage .main .intro.contact--visible {
    overflow: hidden;
    border-bottom: solid 1px #e2e2e2;
    padding-top: 2em;
    margin-top: -2em;
    position: relative;
    min-height: 10em; }
    body.listpage .main .intro.contact--visible .main-intro {
      width: 50%;
      float: left; }
  body.listpage .main .intro img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0; }
  body.listpage .main .intro .tag {
    content: ' ';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 122px;
    bottom: 110px;
    border: 25px solid;
    z-index: 10;
    border-color: #703870 transparent transparent #703870; }

body.listpage .main .main-intro {
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0b0b0b;
  font-weight: bold;
  max-width: 70%;
  font-size: 120%;
  line-height: 1.25em; }

body.listpage .main h1 {
  width: 73% !important; }

body.listpage .main .grid {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  text-align: initial;
  margin-right: -20px;
  width: 73% !important; }
  body.listpage .main .grid ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.listpage .main .grid li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.listpage .main .grid li {
    min-height: 180px;
    padding-top: 30px;
    padding-bottom: 23px;
    border-top: 1px solid #dddddd; }
    body.listpage .main .grid li a {
      display: block;
      min-height: 122px; }
      body.listpage .main .grid li a h2, body.listpage .main .grid li a p {
        display: inline-flex; }
    body.listpage .main .grid li:last-child {
      border-bottom: 1px solid #dddddd; }
    body.listpage .main .grid li a:hover {
      text-decoration: none; }
      body.listpage .main .grid li a:hover h2 {
        text-decoration: underline; }
  body.listpage .main .grid img {
    position: absolute;
    height: auto;
    max-width: 147px; }
  body.listpage .main .grid .date {
    font-size: 85%;
    display: inline-block;
    color: #000;
    margin-bottom: 0.29412em; }
  body.listpage .main .grid h2 {
    font-size: 120%;
    margin: 0 0 0.33333em 0;
    color: #1178af; }
  body.listpage .main .grid p {
    font-size: 95%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    margin-bottom: 0.57895em;
    min-height: 2.26316em;
    color: #5b5b5b;
    text-decoration: none !important; }
  body.listpage .main .grid strong {
    font-size: 95%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0b0b0b; }
  body.listpage .main .grid .page-item-info-wrapper {
    padding-left: 173px; }
  body.listpage .main .grid ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    padding-top: 0.21053em; }
    body.listpage .main .grid ul ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.listpage .main .grid ul li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    body.listpage .main .grid ul li {
      font-size: 95%;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body.listpage .main .grid ul a {
      padding: 0.21053em 0;
      display: block; }

body.listpage .main .content {
  margin: 1.25em 0; }

body.listpage .missing-image {
  background-color: #f2f2f2; }

body.listpage .content-footer {
  margin-bottom: 1em;
  width: 73% !important; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.listpage .main .intro .main-intro {
    font-size: 75%;
    width: 100% !important;
    max-width: 100%; }
  body.listpage .main .intro img {
    height: auto;
    width: 110px; }
  body.listpage .main .intro .tag {
    bottom: 70px;
    right: 90px; }
  body.listpage .main h1 {
    width: 100% !important; }
  body.listpage .main .grid {
    width: 100% !important; }
    body.listpage .main .grid .date {
      font-size: 55%;
      margin-bottom: 0.27273em; }
    body.listpage .main .grid h2 {
      font-size: 80%; }
    body.listpage .main .grid p {
      font-size: 65%; }
    body.listpage .main .grid li {
      padding-top: 20px;
      padding-bottom: 20px;
      min-height: auto; }
    body.listpage .main .grid strong {
      font-size: 70%; }
    body.listpage .main .grid ul li {
      font-size: 65%; }
  body.listpage .main .content {
    margin: 0.5em 0; }
  body.listpage .content-footer {
    width: 100% !important; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.listpage .main h1 {
    width: 100% !important; }
  body.listpage .main .intro {
    margin-bottom: 1.3em; }
    body.listpage .main .intro .main-intro {
      float: none !important;
      width: 100% !important;
      box-sizing: border-box;
      font-size: 100%;
      max-width: 100%;
      margin: 0 0 0 0; }
    body.listpage .main .intro.contact--visible {
      overflow: visible; }
    body.listpage .main .intro img {
      right: -25px; }
    body.listpage .main .intro .tag {
      right: 73px; }
  body.listpage .main .grid {
    margin-right: 0;
    width: 100% !important; }
    body.listpage .main .grid .grid-col-3, body.listpage .main .grid .grid-col-3.first-item, body.listpage .main .grid .grid-col-3.last-item {
      min-height: 0;
      float: none;
      padding: 0;
      width: 100% !important;
      margin-bottom: 1.5em; }
    body.listpage .main .grid li {
      padding-top: 20px;
      padding-bottom: 20px; }
      body.listpage .main .grid li a {
        min-height: auto; }
    body.listpage .main .grid .date {
      font-size: 85%;
      margin-bottom: 0.29412em; }
    body.listpage .main .grid h2 {
      font-size: 125%;
      display: flex;
      align-items: center; }
    body.listpage .main .grid p {
      font-size: 100%;
      min-height: 0;
      float: left;
      clear: both; }
    body.listpage .main .grid img {
      width: 85px;
      position: static;
      float: left;
      margin-right: 20px;
      margin-bottom: 15px; }
    body.listpage .main .grid strong {
      font-size: 100%; }
    body.listpage .main .grid ul li {
      font-size: 100%; }
    body.listpage .main .grid .page-item-info-wrapper {
      padding-left: 0; }
  body.listpage .main .content {
    margin: 1.25em 0; }
  body.listpage .content-footer {
    width: 100% !important; } }

body.eventlistpage .eventlist {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  border-top: solid 1px #dddddd;
  margin-bottom: 2.5em; }
  body.eventlistpage .eventlist ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.eventlistpage .eventlist li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.eventlistpage .eventlist > li {
    border-bottom: solid 1px #dddddd; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.eventlistpage .eventlist {
    margin-bottom: 1.25em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.eventlistpage .eventlist {
    margin-bottom: 2em; } }

body.eventpage .event-details {
  background-color: #f2f2f2;
  position: relative;
  padding: 1.3em 1.3em 1.3em 6.75em;
  margin: 2em 0 2.5em 0;
  min-height: 4.25em; }
  body.eventpage .event-details .date {
    display: block;
    width: 4.2em;
    height: 4.2em;
    background-color: #7a8990;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 1.3em;
    left: 1.3em; }
    body.eventpage .event-details .date .day {
      font-size: 130%;
      font-weight: bold;
      display: block;
      padding-top: 0.76923em; }
    body.eventpage .event-details .date .month {
      font-size: 85%;
      line-height: 1.47059em;
      text-transform: uppercase; }
  body.eventpage .event-details .details {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto; }
    body.eventpage .event-details .details ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.eventpage .event-details .details li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    body.eventpage .event-details .details .detail {
      display: block; }
    body.eventpage .event-details .details strong {
      color: #0b0b0b;
      display: inline-block;
      min-width: 4.72222em; }
    body.eventpage .event-details .details strong, body.eventpage .event-details .details span {
      font-size: 90%;
      line-height: 1.55556em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.eventpage .event-details {
    padding: 0.75em 0.75em 0.75em 4.75em;
    margin: 1em 0 1.5em 0;
    min-height: 3.25em; }
    body.eventpage .event-details .date {
      width: 3.2em;
      height: 3.2em;
      top: 0.75em;
      left: 0.75em; }
      body.eventpage .event-details .date .day {
        font-size: 100%;
        padding-top: 0.7em; }
      body.eventpage .event-details .date .month {
        font-size: 60%;
        line-height: 1.16667em; }
    body.eventpage .event-details .details strong {
      min-width: 5em; }
    body.eventpage .event-details .details strong, body.eventpage .event-details .details span {
      font-size: 60%;
      line-height: 1.25em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.eventpage .event-details {
    padding: 0.75em 0.75em 0.75em 5.4em;
    margin: 1em 0 1.5em 0;
    min-height: 4.25em; }
    body.eventpage .event-details .date {
      width: 4.2em;
      height: 4.2em;
      top: 0.75em;
      left: 0.75em; }
      body.eventpage .event-details .date .day {
        font-size: 130%;
        padding-top: 0.57692em; }
      body.eventpage .event-details .date .month {
        font-size: 95%;
        line-height: 1.47059em; }
    body.eventpage .event-details .details .detail {
      margin-bottom: 0.5em; }
    body.eventpage .event-details .details strong {
      min-width: 0;
      margin-right: 0.25em; }
    body.eventpage .event-details .details strong, body.eventpage .event-details .details span {
      font-size: 95%;
      line-height: 0.78947em; } }

body.registrationpage .registration-details {
  background-color: #f2f2f2;
  position: relative;
  padding: 1.3em;
  margin: 1em 0 2em 0; }
  body.registrationpage .registration-details .details {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto; }
    body.registrationpage .registration-details .details ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.registrationpage .registration-details .details li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    body.registrationpage .registration-details .details .detail {
      display: block; }
    body.registrationpage .registration-details .details strong {
      color: #0b0b0b;
      display: inline-block;
      min-width: 4.72222em; }
    body.registrationpage .registration-details .details strong, body.registrationpage .registration-details .details span {
      font-size: 90%;
      line-height: 1.55556em; }
  body.registrationpage .registration-details .canvas {
    margin-top: 0.75em;
    height: 15em;
    width: 100%; }

body.registrationpage #registration-form {
  margin-bottom: 2em; }
  body.registrationpage #registration-form .lead {
    margin-top: 1em; }

html.no-js body.registrationpage .canvas {
  display: none; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.registrationpage .registration-details {
    padding: 0.75em;
    margin: 0.5em 0 1em 0; }
    body.registrationpage .registration-details .details strong {
      min-width: 5em; }
    body.registrationpage .registration-details .details strong, body.registrationpage .registration-details .details span {
      font-size: 60%;
      line-height: 1.25em; }
    body.registrationpage .registration-details .canvas {
      margin-top: 0.5em;
      height: 12.5em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.registrationpage .registration-details {
    padding: 0.75em;
    margin: 1em 0 2em 0; }
    body.registrationpage .registration-details .details .detail {
      margin-bottom: 0.5em; }
    body.registrationpage .registration-details .details strong {
      min-width: 0;
      margin-right: 0.25em; }
    body.registrationpage .registration-details .details strong, body.registrationpage .registration-details .details span {
      font-size: 95%;
      line-height: 0.78947em; }
    body.registrationpage .registration-details .canvas {
      margin-top: 0.75em;
      height: 15em; } }

.imagegallerypage {
  --list-item-column-gap: 25px; }
  .imagegallerypage h1 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: calc(clamp(48px, 3vw + 10px, 56px)) !important;
    line-height: 1.2;
    font-weight: unset;
    color: var(--text-color-default); }
  .imagegallerypage h2,
  .imagegallerypage h2.container-heading,
  .imagegallerypage .container h2,
  .imagegallerypage .container h2.container-heading,
  .imagegallerypage .container-map h2 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px !important;
    line-height: 0.9;
    font-weight: unset;
    margin: 0 0 15px; }
  .imagegallerypage h3,
  .imagegallerypage h3.container-heading,
  .imagegallerypage .container h3,
  .imagegallerypage .container h3,
  .imagegallerypage .container h3.container-heading,
  .imagegallerypage .container-map h3 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: calc(clamp(28px, 3vw + 2px, 30px)) !important;
    line-height: 1;
    font-weight: unset;
    margin: 0 0 10px; }
  .imagegallerypage h4 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 1;
    font-weight: unset; }
  .imagegallerypage h5 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px !important;
    line-height: 1;
    font-weight: unset; }
  .imagegallerypage p,
  .imagegallerypage .container-body p,
  .imagegallerypage .text-image-block .container-body .text p {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: unset; }
  .imagegallerypage p.lead {
    max-width: 730px;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px !important;
    line-height: 1.2;
    font-weight: unset; }
  .imagegallerypage .subheader {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px; }
  .imagegallerypage ol, .imagegallerypage ul, .imagegallerypage li {
    font-size: 18px; }
  .imagegallerypage .content {
    margin-bottom: 40px;
    padding: 0 2px; }
  .imagegallerypage__list {
    padding: 30px 0 0 0;
    margin: 0 auto;
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    -moz-column-gap: var(--list-item-column-gap);
         column-gap: var(--list-item-column-gap);
    row-gap: 10px; }
  .imagegallerypage__item {
    width: 100%; }
    .imagegallerypage__item img {
      max-width: 100%;
      height: auto; }
    @media (min-width: 719px) {
      .imagegallerypage__item {
        width: calc( (100%/3) - var(--list-item-column-gap)); } }
  .imagegallerypage .paginginfo {
    color: #0b0b0b;
    line-height: 1.5em;
    display: block;
    margin: 30px 0 0; }
  .imagegallerypage .download-panel {
    display: none; }
  .imagegallerypage .gallery-image {
    display: block; }
  .imagegallerypage .gallery-item-link {
    display: inline-block;
    position: relative; }
    .imagegallerypage .gallery-item-link:focus {
      outline: 2px solid #000000;
      border-radius: 5px; }
  .imagegallerypage .gallery-photographer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: right;
    padding: 5px 10px; }
  .imagegallerypage .gallery-description {
    display: block;
    margin: 5px 0 10px;
    min-height: 55px; }
  .imagegallerypage .gallery-download {
    display: block;
    margin-top: auto; }
    .imagegallerypage .gallery-download:focus {
      outline: 2px solid #000000;
      border-radius: 5px; }
  .imagegallerypage .gallery-download:before {
    margin-top: -2px;
    padding-right: 3px; }
  .imagegallerypage .aside {
    min-width: 240px; }
    .imagegallerypage .aside .container-inner {
      background-color: #004876; }
      .imagegallerypage .aside .container-inner .container-heading {
        color: #ffffff;
        border: none;
        margin: 0px 25px;
        padding: 30px 0 0; }
      .imagegallerypage .aside .container-inner .container-body {
        overflow: visible; }
      .imagegallerypage .aside .container-inner .checkbox {
        position: relative;
        cursor: pointer;
        -moz-user-select: none;
             user-select: none;
        -webkit-user-select: none; }
        .imagegallerypage .aside .container-inner .checkbox:not(:last-child) {
          margin-bottom: .8rem; }
        .imagegallerypage .aside .container-inner .checkbox__fake {
          position: relative;
          display: inline-block;
          width: 19px;
          height: 19px;
          border: 2.5px solid #ffffff;
          vertical-align: middle;
          border-radius: 4px;
          color: #ffffff; }
          .imagegallerypage .aside .container-inner .checkbox__fake:before {
            content: '';
            position: absolute;
            display: inline-block;
            width: 8px;
            height: 14px;
            border-right: 4px solid #004876;
            border-bottom: 4px solid #004876;
            left: 50%;
            top: 47%;
            transform: translate(-50%, -50%) rotate(45deg) scale(0);
            transition: all 0.2s; }
        .imagegallerypage .aside .container-inner .checkbox__input {
          position: absolute;
          opacity: 0; }
          .imagegallerypage .aside .container-inner .checkbox__input:checked + .checkbox__fake {
            background-color: #ffffff; }
            .imagegallerypage .aside .container-inner .checkbox__input:checked + .checkbox__fake:before {
              transform: translate(-50%, -60%) rotate(45deg) scale(1); }
          .imagegallerypage .aside .container-inner .checkbox__input:focus + .checkbox__fake {
            outline: 2px solid #ffffff;
            outline-offset: 3px; }
          @media only screen and (max-width: 719px) {
            .imagegallerypage .aside .container-inner .checkbox__input:focus + .checkbox__fake {
              outline: none; } }
        .imagegallerypage .aside .container-inner .checkbox__text {
          margin-left: .4rem;
          margin-bottom: 0;
          font-size: 18px;
          color: #ffffff; }
  .imagegallerypage .form-submit-button {
    width: 100%;
    display: inline-flex;
    justify-content: center; }
    .imagegallerypage .form-submit-button .icon {
      margin-left: 10px;
      font-size: 20px;
      transform: rotate(90deg); }
  .imagegallerypage .button--loading {
    background: #fbfbfb url(/static/images/loading_128.gif) no-repeat center;
    background-size: 30px; }

html.no-js body.imagegallerypage .aside {
  display: none; }

body.moveinmoveoutpage .move-in-out-call-to-action {
  padding: 1.5em;
  margin: 1em 0.75em;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

body.moveinmoveoutpage .move-in-out-call-to-action__link {
  font-size: 1.75rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 1em; }

body.moveinmoveoutpage .move-in-out-call-to-action__link::after {
  display: inline-block;
  position: absolute;
  top: -6px;
  content: "";
  font-family: "custom-icons";
  font-size: 2.7rem;
  font-weight: normal; }

body.moveinmoveoutpage .move-in-out-call-to-action__paragraph {
  font-size: 1.1875rem;
  margin-top: 0.6rem; }

body.moveinmoveoutpage .move-type-selector-top {
  background-color: #FFFFFF;
  margin: 0 0 3.5em;
  padding: 0 0 1em;
  position: relative; }
  @media only screen and (max-width: 719px) {
    body.moveinmoveoutpage .move-type-selector-top {
      margin: 0 -40px 3.5em; } }
  body.moveinmoveoutpage .move-type-selector-top::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #fff;
    bottom: -40px; }

body.moveinmoveoutpage .move-type-selector-container {
  background-color: #008dd0;
  margin: 1em 0 3.5em;
  padding: 0 0 3.5em;
  position: relative; }
  body.moveinmoveoutpage .move-type-selector-container:after {
    content: "";
    display: table;
    clear: both; }
  body.moveinmoveoutpage .move-type-selector-container::after {
    content: '';
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #008dd0;
    bottom: -130px;
    width: 0px; }
  body.moveinmoveoutpage .move-type-selector-container .moving-wrapper {
    text-align: center;
    max-width: 820px;
    padding: 0 1rem;
    margin: 0 auto; }
  body.moveinmoveoutpage .move-type-selector-container .moving {
    float: left;
    width: 33%; }
    body.moveinmoveoutpage .move-type-selector-container .moving legend {
      font-size: 1.5rem;
      font-weight: bold;
      color: #fff;
      margin: 0 auto 1.25rem; }
    body.moveinmoveoutpage .move-type-selector-container .moving label {
      position: relative;
      display: block;
      height: 5rem;
      font-size: 1.5rem;
      font-weight: bold;
      text-align: left;
      line-height: 5rem;
      color: #008dd0;
      background: #fff;
      border-radius: 1.25rem 1.25rem 0 0;
      border-bottom: 2px solid #008dd0;
      cursor: pointer; }
      body.moveinmoveoutpage .move-type-selector-container .moving label:last-of-type {
        border-radius: 0 0 1.25rem 1.25rem;
        border-bottom: 0; }
      body.moveinmoveoutpage .move-type-selector-container .moving label.no-select {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; }
    body.moveinmoveoutpage .move-type-selector-container .moving img {
      width: 66px;
      height: 65.4px;
      position: absolute;
      right: -7px;
      bottom: 0; }
    body.moveinmoveoutpage .move-type-selector-container .moving img.apartment {
      height: 66.8px; }
    body.moveinmoveoutpage .move-type-selector-container .moving .inactive-img {
      visibility: hidden; }
    body.moveinmoveoutpage .move-type-selector-container .moving .inactive {
      color: #949494;
      background: #f0f0f0; }
    body.moveinmoveoutpage .move-type-selector-container .moving .inactive > img {
      visibility: hidden; }
    body.moveinmoveoutpage .move-type-selector-container .moving .inactive > .inactive-img {
      visibility: visible; }
    body.moveinmoveoutpage .move-type-selector-container .moving input[type="radio"] {
      visibility: hidden; }
    body.moveinmoveoutpage .move-type-selector-container .moving .check {
      position: relative;
      width: 31px;
      height: 31px;
      display: inline-block;
      margin-left: 1rem;
      border: 2px solid #0087cc;
      border-radius: 6px;
      margin-bottom: -0.7rem;
      margin-right: 1rem; }
    body.moveinmoveoutpage .move-type-selector-container .moving .inactive .check {
      border-color: #949494; }
    body.moveinmoveoutpage .move-type-selector-container .moving input[type="radio"]:checked ~ .check:after {
      position: absolute;
      content: "";
      font-family: "custom-icons";
      top: -33px;
      left: 2px;
      width: 30px;
      height: 30px;
      font-size: 2rem; }
  body.moveinmoveoutpage .move-type-selector-container .moving-separator {
    width: 33%;
    float: left;
    height: 1px; }
    body.moveinmoveoutpage .move-type-selector-container .moving-separator img {
      width: 75%;
      margin-top: 4.2rem; }

body.moveinmoveoutpage .move-type-selector-container {
  margin-bottom: 3rem;
  padding-bottom: 4.5rem; }
  body.moveinmoveoutpage .move-type-selector-container:before {
    content: none; }

body.moveinmoveoutpage .collapsible {
  border-bottom: 1px solid #dcddde;
  margin-bottom: 5em; }

body.moveinmoveoutpage .collapsible > div[aria-hidden="true"] {
  display: none; }

body.moveinmoveoutpage .collapsible button {
  width: 100%;
  padding: 0;
  text-align: left;
  border: 0;
  background: transparent;
  outline: 0;
  cursor: pointer; }

body.moveinmoveoutpage .collapsible h3 {
  color: #1f8bc9;
  font-size: 1.875rem;
  border-top: 1px solid #dcddde;
  margin: 0;
  padding: 1.3rem 0 1.4rem; }

body.moveinmoveoutpage .collapsible h3 .icon {
  margin-right: 0.65em;
  font-size: 1.4em; }

body.moveinmoveoutpage .collapsible h3 .expand-icon {
  float: right;
  width: 32px;
  height: 32px;
  margin-top: 0.5rem;
  margin-right: 0;
  font-size: 3.5rem;
  line-height: 0;
  background: #0087cc;
  color: #fff;
  border-radius: 50%; }
  body.moveinmoveoutpage .collapsible h3 .expand-icon:before {
    font-size: 56px;
    width: 33px;
    height: 33px;
    transform: rotate(90deg) translateX(-4px);
    line-height: 33px; }
  body.moveinmoveoutpage .collapsible h3 .expand-icon.expand-icon--active:before {
    transform: rotate(-90deg) translateX(-4px); }

body.moveinmoveoutpage .moving-tip-description {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 0.5rem;
  color: #0b0b0b; }

body.moveinmoveoutpage .moving-tip-item-header {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #333; }
  body.moveinmoveoutpage .moving-tip-item-header:before {
    content: "";
    font-family: "custom-icons";
    color: #2dc49f;
    margin-right: 0.75rem;
    transform: translateY(3px);
    font-size: 2.1rem;
    display: inline-block;
    font-weight: normal; }

body.moveinmoveoutpage .moving-tip-section:last-of-type {
  margin-bottom: 2.5rem; }

body.moveinmoveoutpage .moving-tip-item-paragraph {
  font-size: 1.5rem;
  margin-bottom: 1rem; }

body.moveinmoveoutpage .moving-tip-item-link-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  font-size: 1.5rem;
  font-weight: normal;
  color: #1178af;
  margin-bottom: 1.5rem; }
  body.moveinmoveoutpage .moving-tip-item-link-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.moveinmoveoutpage .moving-tip-item-link-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.moveinmoveoutpage .moving-tip-item-link-list:after {
    content: "";
    display: table;
    clear: both; }
  body.moveinmoveoutpage .moving-tip-item-link-list > .links-list-item {
    float: left;
    margin-right: 1.25rem; }

body.moveinmoveoutpage .column-item {
  flex: 1; }
  @media only screen and (max-width: 940px) {
    body.moveinmoveoutpage .column-item {
      flex: none; } }

body.moveinmoveoutpage .main .wrap {
  max-width: 60.5em;
  padding: 0 0.75em; }

@media only screen and (max-width: 940px) {
  body.moveinmoveoutpage .move-type-selector-container .moving .check {
    margin-left: -0.25rem;
    margin-right: 0.75rem; } }

@media only screen and (max-width: 940px) {
  body.moveinmoveoutpage .flex-container {
    flex-direction: column; }
  body.moveinmoveoutpage .move-in-out-call-to-action {
    max-width: 80%;
    margin-right: 0;
    margin-left: 0; }
  .move-type-selector-top h2 {
    font-size: 150%; } }

@media only screen and (max-width: 719px) {
  body.moveinmoveoutpage .move-in-out-call-to-action {
    max-width: none; }
  body.moveinmoveoutpage .move-type-selector-container {
    padding-left: 2rem;
    padding-right: 2rem;
    -webkit-clip-path: none;
            clip-path: none; }
    body.moveinmoveoutpage .move-type-selector-container:before {
      content: none; }
  body.moveinmoveoutpage .moving-separator {
    display: none; }
  body.moveinmoveoutpage .move-type-selector-container .moving {
    min-width: 260px;
    width: 80%;
    margin: 0 auto;
    float: none; }
  body.moveinmoveoutpage .move-type-selector-container .moving--to {
    margin-top: 2rem;
    position: relative; }
    body.moveinmoveoutpage .move-type-selector-container .moving--to:after {
      content: "";
      position: absolute;
      top: -2rem;
      left: -4rem;
      width: 4.5rem;
      height: 4.5rem;
      background: url(/static/images/MoveInMoveOutSelectorIcons/arrow-mobile.svg) no-repeat;
      background-size: 4.5rem 4.5rem; }
  body.moveinmoveoutpage .wrap-for-collapsible.wrap {
    max-width: unset; }
  body.moveinmoveoutpage .collapsible h3 {
    font-size: 1.75rem; }
  body.moveinmoveoutpage .collapsible h3 .expand-icon {
    transform: scale(0.8); }
  body.moveinmoveoutpage .moving-tip-description {
    font-size: 1.3125rem; }
  body.moveinmoveoutpage .moving-tip-item-paragraph {
    font-size: 1.25rem; }
  body.moveinmoveoutpage .moving-tip-item-link-list {
    font-size: 1.25rem; }
    body.moveinmoveoutpage .moving-tip-item-link-list > .links-list-item {
      float: none;
      margin-right: 0;
      margin-bottom: 1rem; } }

body.moveoutpage .move-out-container .site-heading {
  position: relative;
  padding-right: 5.25em;
  box-sizing: border-box;
  width: 100%; }
  body.moveoutpage .move-out-container .site-heading span {
    position: absolute;
    right: 0;
    top: 0; }

body.moveoutpage .move-out-container .site-list-item {
  overflow: hidden; }
  body.moveoutpage .move-out-container .site-list-item label {
    max-width: 70%; }

body.moveoutpage .move-out-container .site-list-pods {
  font-size: 95%;
  display: inline-block;
  float: right;
  max-width: 25%;
  text-transform: capitalize;
  text-align: right; }

body.moveoutpage .move-out-container .site-list-move-date {
  font-style: italic;
  color: #858585; }

body.moveoutpage .move-out-container #einvoicebank {
  font-size: 0.8em; }

body.moveoutpage .move-out-container .electricity-supply-container button {
  margin-top: 0.2em;
  text-align: left;
  margin-bottom: 0.75em;
  display: block; }

body.moveoutpage .move-out-container .electricity-supply-container img {
  max-width: 94px;
  max-height: 21px;
  margin-right: 0.5em;
  margin-top: -0.2em; }

body.moveoutpage .move-out-container .electricity-supply-container span {
  display: block; }

@media only screen and (max-width: 940px) {
  body.moveoutpage .move-out-container .site-list-item label {
    font-size: 60%; }
  body.moveoutpage .move-out-container .site-list-pods {
    font-size: 60%; }
  body.moveoutpage .move-out-container #einvoicebank {
    font-size: 12px; } }

@media only screen and (max-width: 719px) {
  body.moveoutpage .move-out-container .site-heading {
    padding-right: 0; }
    body.moveoutpage .move-out-container .site-heading span {
      display: none; }
  body.moveoutpage .move-out-container .site-list-item label {
    max-width: 100%;
    font-size: 95%; }
  body.moveoutpage .move-out-container .site-list-pods {
    font-size: 95%;
    max-width: 100%;
    display: block;
    float: none;
    padding-left: 1.73684em;
    text-align: left; }
  body.moveoutpage .move-out-container #einvoicebank {
    font-size: 16px; } }

body.innovationstartpage .top-container {
  background: #008dd0 url(/static/images/innovation-background.png) no-repeat center center;
  text-align: center;
  overflow: hidden;
  margin-bottom: 3em; }
  body.innovationstartpage .top-container .wrap {
    max-width: 45em;
    padding-top: 5.5em; }
  body.innovationstartpage .top-container h1 {
    color: #fff; }
  body.innovationstartpage .top-container .description {
    font-size: 120%;
    line-height: 1.16667em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    display: block; }
  body.innovationstartpage .top-container .top-links {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 1.2em 0 1.3em 0;
    padding: 1.5em 1.7em; }
    body.innovationstartpage .top-container .top-links ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.innovationstartpage .top-container .top-links li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    body.innovationstartpage .top-container .top-links:before {
      background: url(/static/images/idea.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: 0;
      left: 0em;
      width: 5.35em;
      height: 5.75em;
      display: block;
      content: ''; }
    body.innovationstartpage .top-container .top-links li {
      background: #fff;
      float: left;
      margin-right: 0.05em; }
    body.innovationstartpage .top-container .top-links li:first-child {
      border-top-left-radius: 1.75em;
      border-bottom-left-radius: 1.75em; }
      body.innovationstartpage .top-container .top-links li:first-child a {
        margin: 0 0.83333em 0 2.5em; }
    body.innovationstartpage .top-container .top-links li:last-child {
      border-top-right-radius: 1.75em;
      border-bottom-right-radius: 1.75em; }
    body.innovationstartpage .top-container .top-links a {
      font-size: 120%;
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 2.91667em;
      height: 2.91667em;
      padding: 0 1.66667em;
      margin-right: 1.25em;
      position: relative;
      display: inline-block; }
    body.innovationstartpage .top-container .top-links a:before {
      position: absolute;
      top: 0;
      right: 0.27778em;
      bottom: 0;
      font-size: 1.5em;
      line-height: 1.94444em;
      text-decoration: none; }
    body.innovationstartpage .top-container .top-links a:hover {
      text-decoration: none; }

body.innovationstartpage .campaign-container {
  margin-bottom: 2em; }
  body.innovationstartpage .campaign-container .container-inner {
    overflow: hidden; }

body.innovationstartpage .promotion-container {
  background: #f2f2f2;
  padding: 0.5em 2.5em;
  margin-bottom: 3em; }

body.innovationstartpage .block-container {
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  margin-bottom: 3em;
  padding: 1.5em 0; }

body.innovationstartpage .popular-container .list-all {
  position: absolute;
  right: 0;
  top: 0; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.innovationstartpage .top-container {
    margin-bottom: 1.5em; }
    body.innovationstartpage .top-container .wrap {
      max-width: 28.75em;
      padding-top: 1.5em; }
    body.innovationstartpage .top-container .description {
      font-size: 75%; }
    body.innovationstartpage .top-container .top-links {
      margin: 1em 0 1.4em 0;
      padding: 1em 1.2em; }
      body.innovationstartpage .top-container .top-links:before {
        width: 3.5em;
        height: 3.75em; }
      body.innovationstartpage .top-container .top-links li:first-child {
        border-top-left-radius: 1em;
        border-bottom-left-radius: 1em; }
        body.innovationstartpage .top-container .top-links li:first-child a {
          margin: 0 0.66667em 0 2em; }
      body.innovationstartpage .top-container .top-links li:last-child {
        border-top-right-radius: 1em;
        border-bottom-right-radius: 1em; }
      body.innovationstartpage .top-container .top-links a {
        font-size: 75%;
        line-height: 2.66667em;
        height: 2.66667em;
        padding: 0 1.66667em;
        margin-right: 1.33333em; }
      body.innovationstartpage .top-container .top-links a:before {
        right: 0.41667em;
        font-size: 1.6em;
        line-height: 1.66667em; }
  body.innovationstartpage .campaign-container {
    margin-bottom: 0; }
  body.innovationstartpage .promotion-container {
    background: #f2f2f2;
    padding: 0.3em 1.5em;
    margin-bottom: 3em; }
  body.innovationstartpage .block-container {
    margin-bottom: 1em;
    padding: 0.5em 0 0 0; }
  body.innovationstartpage .popular-container .list-all {
    font-size: 65%;
    top: 0.76923em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.innovationstartpage .container-inner {
    position: relative;
    padding-bottom: 1em; }
  body.innovationstartpage .top-container .description {
    font-size: 100%; }
  body.innovationstartpage .top-container .top-links {
    display: inline-block;
    margin: 1em 0;
    padding: 0.5em 0 0.5em 5em;
    min-height: 5em;
    max-width: 13.5em; }
    body.innovationstartpage .top-container .top-links:before {
      width: 4.5em;
      height: 5.5em;
      top: 0.5em; }
    body.innovationstartpage .top-container .top-links li {
      float: none;
      display: inline-block;
      border-radius: 20px;
      margin-top: 0.5em;
      min-width: 10em; }
    body.innovationstartpage .top-container .top-links a {
      font-size: 90%;
      margin: 0 !important;
      padding: 0 0.15em 0 0;
      line-height: 40px;
      height: 40px; }
    body.innovationstartpage .top-container .top-links a:before {
      font-size: 1.33333em;
      right: -0.66667em;
      top: -0.22222em;
      line-height: 2.22222em; }
  body.innovationstartpage .campaign-container {
    margin-bottom: 0.5em; }
  body.innovationstartpage .promotion-container {
    margin-left: -0.75em;
    margin-right: -0.75em;
    padding: 0 0.75em;
    margin-bottom: 2em; }
  body.innovationstartpage .block-container {
    margin-bottom: 1.5em;
    padding: 1em 0 0 0; }
  body.innovationstartpage .popular-container .list-all {
    font-size: 100%;
    top: auto;
    bottom: 0; } }

body.innovationformpage .form-container {
  margin: 4em 0; }
  body.innovationformpage .form-container .container-inner {
    margin: 0 1.25em;
    padding: 1.25em 0;
    background-color: transparent; }
  body.innovationformpage .form-container .description {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    display: block;
    position: relative;
    max-width: 32.5em;
    margin: 0.25em auto 1em auto;
    padding-left: 8em;
    box-sizing: border-box;
    min-height: 3.75em; }
    body.innovationformpage .form-container .description:before {
      display: block;
      width: 6.4em;
      height: 6.85em;
      position: absolute;
      top: -3.4em;
      left: 0;
      background: url(/static/images/idea2.png) no-repeat;
      background-size: 100%;
      content: ''; }
  body.innovationformpage .form-container form {
    margin: 0; }
  body.innovationformpage .form-container .file-upload-container {
    display: none; }
  body.innovationformpage .form-container .file-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    margin: 1.5em 0; }
    body.innovationformpage .form-container .file-list ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.innovationformpage .form-container .file-list li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  body.innovationformpage .form-container .file-list-item {
    margin: 0 1.5em 0 0 !important;
    display: block; }
    body.innovationformpage .form-container .file-list-item a {
      line-height: 2em;
      display: inline-block;
      overflow: hidden;
      color: #fff; }
    body.innovationformpage .form-container .file-list-item .icon-file {
      font-size: 55%;
      color: #1178af;
      position: relative;
      display: inline-block;
      z-index: 1;
      width: 2.72727em;
      text-align: center;
      float: left;
      margin: 0.90909em 0.90909em 0 0;
      text-transform: uppercase;
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    body.innovationformpage .form-container .file-list-item .icon-file:before {
      font-size: 3.63636em;
      color: #fff;
      position: absolute;
      top: -0.275em;
      left: 0;
      display: inline-block;
      z-index: -1; }
    body.innovationformpage .form-container .file-list-item .file-list-delete {
      line-height: 2em;
      display: inline-block;
      vertical-align: top;
      margin-left: 1.5em; }
  body.innovationformpage .form-container .innovation-gallery {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto; }
    body.innovationformpage .form-container .innovation-gallery ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.innovationformpage .form-container .innovation-gallery li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  body.innovationformpage .form-container .innovation-gallery-item {
    margin: 0 1em 1em 0;
    display: inline-block;
    float: left;
    max-width: 13.7em;
    text-align: center;
    position: relative; }
    body.innovationformpage .form-container .innovation-gallery-item img {
      border: solid 1px #fff; }
    body.innovationformpage .form-container .innovation-gallery-item .innovation-gallery-delete {
      position: absolute;
      display: inline-block;
      bottom: 24px;
      right: -1px; }
    body.innovationformpage .form-container .innovation-gallery-item .icon {
      color: #fff;
      display: block; }

body.innovationformpage--editmode .form-field--textarea, body.innovationformpage--editmode .form-field--textarea-long {
  height: 230px; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.innovationformpage .form-container {
    margin: 2em 0; }
    body.innovationformpage .form-container .container-inner {
      margin: 0 0.75em;
      padding: 0.75em 0; }
    body.innovationformpage .form-container .description {
      max-width: 37.5em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.innovationformpage .form-container {
    margin: 4em 0; }
    body.innovationformpage .form-container .container-inner {
      margin: 0 0.75em;
      padding: 0.75em 0; }
    body.innovationformpage .form-container .description {
      max-width: initial;
      margin: 3em auto 1em auto;
      padding-left: 0;
      min-height: 3.75em; }
      body.innovationformpage .form-container .description:before {
        display: block;
        width: 6.4em;
        height: 6.85em;
        top: -5em;
        left: -0.5em;
        background-size: 70% 70%; } }

body.innovationpage .like-button {
  background-color: #fff;
  display: inline-block;
  padding: 0.45em 1.5em;
  transition: background-color 0.3s ease; }
  body.innovationpage .like-button span.like-title {
    font-size: 110%;
    line-height: 2.04545em;
    color: #ef4941;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  body.innovationpage .like-button span.icon {
    float: left;
    font-size: 90%;
    color: #fff;
    display: inline-block;
    z-index: 1;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 2.77778em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin: 0; }
  body.innovationpage .like-button span.icon:before {
    z-index: -1;
    color: #ef4941;
    font-size: 3em;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    top: -0.09259em;
    left: 0;
    line-height: 1.11111em;
    vertical-align: middle; }

body.innovationpage .like-button--active {
  background: #ef4941; }
  body.innovationpage .like-button--active span.icon {
    color: #ef4941; }
  body.innovationpage .like-button--active span.icon:before, body.innovationpage .like-button--active span.like-title {
    color: #fff; }

body.innovationpage .like-button--loading {
  background-color: #f1f1f1; }

body.innovationpage .page-info-list-item {
  line-height: 3em; }

body.innovationpage .description {
  margin-bottom: 1.5em;
  min-height: 5em; }

body.innovationpage .file-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  overflow: hidden; }
  body.innovationpage .file-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.innovationpage .file-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }

body.innovationpage .file-list-item {
  float: left;
  margin: 0 1.5em 1.5em 0 !important;
  display: inline-block; }
  body.innovationpage .file-list-item a {
    line-height: 2em;
    display: block;
    overflow: hidden;
    padding: 0.2em 0; }
  body.innovationpage .file-list-item .icon {
    font-size: 55%;
    color: #fff;
    position: relative;
    display: inline-block;
    z-index: 1;
    width: 2.72727em;
    text-align: center;
    float: left;
    margin: 0.90909em 0.90909em 0 0;
    text-transform: uppercase;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  body.innovationpage .file-list-item .icon:before {
    font-size: 3.63636em;
    color: #1178af;
    position: absolute;
    top: -0.275em;
    left: 0;
    display: inline-block;
    z-index: -1; }

body.innovationpage .grid {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  text-align: initial;
  margin-right: -20px;
  overflow: hidden; }
  body.innovationpage .grid ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.innovationpage .grid li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.innovationpage .grid .grid-col-3 {
    width: 30.945% !important;
    box-sizing: border-box;
    margin: 0 2.35% 1em 0;
    float: left; }
    body.innovationpage .grid .grid-col-3:nth-child(3n) {
      margin-right: 0; }
  body.innovationpage .grid:after {
    display: none; }

body.innovationpage.IEFIX .like-button span.icon:before {
  top: -0.01852em; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.innovationpage .page-info-list-item {
    line-height: 2em; }
  body.innovationpage .description {
    font-size: 65%;
    margin-bottom: 1.53846em;
    min-height: 7.5em; }
  body.innovationpage .file-list-item {
    margin: 0 1em 1em 0 !important; }
    body.innovationpage .file-list-item a {
      font-size: 65%; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.innovationpage .page-info-list-item {
    line-height: 2em; }
  body.innovationpage .description {
    font-size: 100%;
    margin-bottom: 1.5em;
    min-height: inherit; }
  body.innovationpage .file-list-item {
    float: none;
    display: block;
    margin: 0 !important; }
    body.innovationpage .file-list-item a {
      font-size: 100%; }
  body.innovationpage .grid {
    margin: 1em 0 0 0; }
    body.innovationpage .grid .grid-col-3 {
      width: 100% !important;
      margin-right: 0;
      float: none;
      margin-bottom: 0.5em; }
      body.innovationpage .grid .grid-col-3 img {
        width: 100%; } }

body.innovationlistpage .mainbody {
  max-width: 41.3em; }

body.innovationlistpage .innovation-list {
  clear: both;
  border-top: solid 1px #e2e2e2;
  padding-top: 2em;
  margin-top: 0.95em; }

/* Medium size and narrow screen (tablets etc) */
/* Narrow screen (smart phones etc) */
body.externalassignmentpage .assignment-container {
  margin-bottom: 2.5em; }

.wastesortingpage {
  --list-item-column-gap: 25px; }
  .wastesortingpage .header-wrap {
    background-position: center -171px; }
  .wastesortingpage .nav-level-0 > li.child-page img {
    bottom: -16px; }
  .wastesortingpage .top-container {
    width: 100%;
    max-height: 30em;
    overflow: hidden;
    min-height: 2.1em;
    background-color: #fff; }
  .wastesortingpage .wastesorting-sprite {
    width: 100%;
    height: 180px;
    background-color: #1178af;
    word-break: break-word; }
  .wastesortingpage .wastesorting-sprite-startpage {
    height: 330px;
    background-color: #fff;
    background-image: url("/static/images/theme/tv/sorteringsguiden-header-bg.png");
    background-repeat: no-repeat;
    background-position: center; }
  .wastesortingpage h1 {
    color: #fff;
    margin: 0 auto 0.38462em auto; }
  .wastesortingpage h2.pagehading {
    color: #1178af;
    margin: 0 auto 0.38462em auto; }
  .wastesortingpage .wastesorting-heading {
    text-align: center;
    vertical-align: middle;
    top: 82px;
    position: relative;
    color: #fff; }
    .wastesortingpage .wastesorting-heading h2 {
      margin-top: 0px;
      margin-bottom: 0.6em;
      color: #fff;
      padding: 0 10px 0 10px; }
    .wastesortingpage .wastesorting-heading a:hover {
      text-decoration: none; }
  .wastesortingpage .wastesorting-startpage {
    top: -55px; }
  .wastesortingpage .wastesorting-tabcontent {
    padding-top: 35px; }
    .wastesortingpage .wastesorting-tabcontent .container {
      margin-bottom: 0; }
  .wastesortingpage__list {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    -moz-column-gap: var(--list-item-column-gap);
         column-gap: var(--list-item-column-gap); }
  .wastesortingpage__item {
    max-width: 100%; }
    .wastesortingpage__item img {
      max-width: 100%;
      height: auto; }
    @media (min-width: 719px) {
      .wastesortingpage__item {
        max-width: calc((100%/3) - (var(--list-item-column-gap) * 2)); } }
  .wastesortingpage .search-wrapper-startpage {
    top: -90px;
    position: relative;
    max-width: 1180px;
    display: inline-block;
    width: 100%; }
  .wastesortingpage .breadcrumb-nav {
    padding-bottom: 1em; }
  .wastesortingpage .main {
    text-align: center;
    margin-top: -4em;
    /* Style the list */ }
    .wastesortingpage .main .search-container {
      background-color: #e2e2e2;
      padding: 1.5em 1.5em 1.5em 1.5em; }
    .wastesortingpage .main .searchbox-button {
      padding: 0.85em 1.75em;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%; }
    .wastesortingpage .main .wrap {
      padding-top: 25px;
      padding-bottom: 50px;
      text-align: left; }
    .wastesortingpage .main .paging-letters {
      width: 100%;
      min-width: 100%;
      text-align: justify;
      display: inline-block;
      font-weight: bold; }
    .wastesortingpage .main .paging-letters-mobile {
      width: 100%;
      display: none;
      padding: 10px;
      margin-bottom: 1.5em;
      /*width:100%;
            min-width:100%;			
            display: none;*/
      line-height: 100px; }
      .wastesortingpage .main .paging-letters-mobile option {
        padding: 100px;
        min-height: 100px;
        height: 100px; }
    .wastesortingpage .main .letter {
      width: 1.5% !important;
      margin-right: 2.01%;
      float: left;
      min-height: 0.5em; }
      .wastesortingpage .main .letter.last-item {
        margin: 0; }
    .wastesortingpage .main .letter-active {
      font-weight: bold;
      color: #0b0b0b;
      text-decoration: underline; }
    .wastesortingpage .main .letter:after {
      content: "";
      display: inline-block;
      width: 100%; }
    .wastesortingpage .main .intro {
      margin-bottom: 0; }
      .wastesortingpage .main .intro.contact--visible {
        overflow: hidden;
        border-bottom: solid 1px #e2e2e2;
        padding-top: 2em;
        margin-top: -2em;
        position: relative;
        min-height: 10em; }
        .wastesortingpage .main .intro.contact--visible .main-intro {
          width: 50%;
          float: left; }
      .wastesortingpage .main .intro img {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0; }
      .wastesortingpage .main .intro .tag {
        content: ' ';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        right: 122px;
        bottom: 110px;
        border: 25px solid;
        z-index: 10;
        border-color: #703870 transparent transparent #703870; }
    .wastesortingpage .main .main-intro {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #0b0b0b;
      font-weight: bold;
      max-width: 70%;
      line-height: 1.25em; }
    .wastesortingpage .main .grid-top {
      position: relative; }
      .wastesortingpage .main .grid-top img {
        display: block;
        float: left;
        width: 34%; }
      .wastesortingpage .main .grid-top p {
        float: left;
        display: block;
        padding-bottom: 70px;
        padding-left: 5%;
        width: 61%; }
      .wastesortingpage .main .grid-top .registration-details {
        background-color: #f2f2f2;
        position: absolute;
        padding: 1em;
        right: 0px;
        left: 39%;
        bottom: 20px; }
    .wastesortingpage .main .grid-list {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%;
      width: auto;
      max-width: 100%;
      color: #000; }
      .wastesortingpage .main .grid-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 100%; }
      .wastesortingpage .main .grid-list li {
        padding: 0;
        margin: 0;
        line-height: 1; }
      .wastesortingpage .main .grid-list li {
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #dddddd;
        position: relative; }
        .wastesortingpage .main .grid-list li a {
          display: block;
          overflow: hidden;
          min-height: 3.5em; }
        .wastesortingpage .main .grid-list li span {
          display: block;
          margin: 1.25em 0 0 0; }
        .wastesortingpage .main .grid-list li:last-child {
          border-bottom: 1px solid #dddddd; }
        .wastesortingpage .main .grid-list li:first-child {
          border-bottom: 2px solid #dddddd; }
      .wastesortingpage .main .grid-list .grid-col-3.image span, .wastesortingpage .main .grid-list .grid-col-2.image span {
        margin: 1.25em 0 0 7.5em; }
      .wastesortingpage .main .grid-list .heading {
        font-weight: bold;
        border: none;
        padding-top: 1em;
        padding-bottom: 0.5em; }
      .wastesortingpage .main .grid-list .grid-col-3:first-child {
        width: 35% !important; }
      .wastesortingpage .main .grid-list .grid-col-3 {
        width: 31.6% !important; }
      .wastesortingpage .main .grid-list .grid-col-2:first-child {
        width: 60% !important; }
      .wastesortingpage .main .grid-list .grid-col-2 {
        width: 39% !important; }
      .wastesortingpage .main .grid-list .mobile-heading {
        display: none;
        color: #000; }
      .wastesortingpage .main .grid-list img {
        display: block;
        position: absolute;
        top: 1.5em;
        max-width: 6em;
        height: 3.5em; }
      .wastesortingpage .main .grid-list h2 {
        font-size: 120%;
        margin: 0.75em 0 0.33333em 0;
        color: #1178af; }
      .wastesortingpage .main .grid-list p {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1.2em;
        margin-bottom: 0.57895em;
        min-height: 2.26316em; }
      .wastesortingpage .main .grid-list strong {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #0b0b0b; }
      .wastesortingpage .main .grid-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 100%;
        width: auto;
        padding-top: 0.21053em; }
        .wastesortingpage .main .grid-list ul ul {
          padding: 0;
          margin: 0;
          list-style: none;
          font-size: 100%; }
        .wastesortingpage .main .grid-list ul li {
          padding: 0;
          margin: 0;
          line-height: 1; }
        .wastesortingpage .main .grid-list ul li {
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        .wastesortingpage .main .grid-list ul a {
          padding: 0.21053em 0;
          display: block; }
    .wastesortingpage .main .content {
      margin: 1.25em 0; }
    .wastesortingpage .main .tags .tags-heading {
      color: black; }
    .wastesortingpage .main .tags .tags-list-item-anchor {
      background-color: #1178af;
      border: none; }
    .wastesortingpage .main .tags:after {
      background: none; }
    .wastesortingpage .main .search-head {
      border-bottom: 1px solid #dddddd;
      overflow: hidden;
      padding-bottom: 1em;
      margin-bottom: 1em; }
      .wastesortingpage .main .search-head h2 {
        margin-right: 10px;
        display: inline-block; }
      .wastesortingpage .main .search-head .heading2-complementary {
        display: inline-block; }
    .wastesortingpage .main .search-complementary {
      line-height: 0.8em;
      color: #949494;
      margin-top: 0.29412em; }
      .wastesortingpage .main .search-complementary > div {
        display: inline-block; }
      .wastesortingpage .main .search-complementary .path a {
        color: #949494; }
      .wastesortingpage .main .search-complementary .path a:last-child {
        margin-right: 8px;
        padding-right: 10px;
        border-right: 1px solid #dddddd; }
      .wastesortingpage .main .search-complementary > div:last-child a:last-child {
        border-right: none; }
      .wastesortingpage .main .search-complementary .icon {
        font-size: 150%;
        position: relative;
        top: 2px; }
    .wastesortingpage .main .search-bestbets {
      margin-bottom: 1em;
      border-bottom: 1px solid #dddddd; }
      .wastesortingpage .main .search-bestbets h3 {
        color: #1178af;
        margin: 0; }
      .wastesortingpage .main .search-bestbets .container-body-list {
        margin: 0; }
        .wastesortingpage .main .search-bestbets .container-body-list > li {
          padding-bottom: 0.7em;
          border-bottom: 1px solid #c8e4f3;
          margin-bottom: 0.7em;
          width: 100%; }
        .wastesortingpage .main .search-bestbets .container-body-list > li:last-child {
          border-bottom: none; }
      .wastesortingpage .main .search-bestbets .search-complementary {
        color: #7e7e7e; }
        .wastesortingpage .main .search-bestbets .search-complementary .path a {
          color: #7e7e7e; }
        .wastesortingpage .main .search-bestbets .search-complementary .path a:last-child {
          border-color: #ababab; }
    .wastesortingpage .main .search-body .container-heading {
      display: block;
      margin-bottom: 0.77778em; }
    .wastesortingpage .main .search-body ul.search-result {
      list-style: none;
      padding: 0;
      width: 100%; }
      .wastesortingpage .main .search-body ul.search-result > li {
        padding-bottom: 1.1em;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 1.5em;
        width: 100%;
        overflow: hidden;
        position: relative; }
      .wastesortingpage .main .search-body ul.search-result > li.external {
        padding-bottom: 0.5em; }
    .wastesortingpage .main .search-body .search-result-image {
      position: absolute;
      margin-right: 20px; }
      .wastesortingpage .main .search-body .search-result-image img {
        width: 300px;
        height: 150px; }
    .wastesortingpage .main .search-body .has-image {
      min-height: 150px; }
      .wastesortingpage .main .search-body .has-image .search-result-info {
        padding-left: 331px; }
    .wastesortingpage .main .search-body h3 {
      margin: 0;
      color: #1178af; }
    .wastesortingpage .main .search-info {
      float: left; }
    .wastesortingpage .main .search-filter {
      float: right; }
    .wastesortingpage .main .container-waste-map {
      margin-top: 1.5em;
      margin-bottom: 3em; }
      .wastesortingpage .main .container-waste-map .map-list-item .map-name {
        width: 40%; }
      .wastesortingpage .main .container-waste-map .map-list-item .map-status {
        width: 20%; }
      .wastesortingpage .main .container-waste-map .map-list-item .map-external-link {
        width: 38%;
        display: inline-block;
        text-align: right; }
    .wastesortingpage .main .container-waste-list {
      margin-top: 1.5em; }
      .wastesortingpage .main .container-waste-list .details {
        list-style: decimal; }
        .wastesortingpage .main .container-waste-list .details span {
          left: 10px;
          position: relative; }
    .wastesortingpage .main .container-wastetype {
      margin-top: 1.5em; }
    .wastesortingpage .main .registration-details {
      background-color: #f2f2f2;
      position: relative;
      padding: 1em; }
      .wastesortingpage .main .registration-details .details .detail {
        display: inline-block;
        margin: 0 0.5em 0 0.5em; }
      .wastesortingpage .main .registration-details .details strong {
        color: #0b0b0b;
        display: inline-block;
        padding-right: .5em; }
  .wastesortingpage .missing-image {
    background-color: #f2f2f2; }
  .wastesortingpage .content-footer {
    margin-bottom: 1em;
    width: 73% !important; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.wastesortingpage .wastesorting-sprite {
    height: 145px; }
  body.wastesortingpage .wastesorting-sprite-startpage {
    height: 290px; }
  body.wastesortingpage h1 {
    font-size: 200%; }
  body.wastesortingpage h2.pagehading {
    font-size: 250%; }
  body.wastesortingpage .main .intro .main-intro {
    width: 100% !important;
    max-width: 100%; }
  body.wastesortingpage .main .intro img {
    height: auto;
    width: 110px; }
  body.wastesortingpage .main .intro .tag {
    bottom: 70px;
    right: 90px; }
  body.wastesortingpage .main .grid {
    width: 100% !important; }
    body.wastesortingpage .main .grid li {
      padding-top: 20px;
      padding-bottom: 20px;
      min-height: auto; }
    body.wastesortingpage .main .grid .grid-col-3 {
      min-height: 16.875em; }
    body.wastesortingpage .main .grid .grid-col-2-waste {
      width: 40% !important; }
  body.wastesortingpage .main .grid-list {
    width: 100% !important; }
    body.wastesortingpage .main .grid-list li {
      padding-top: 20px;
      padding-bottom: 20px;
      min-height: auto; }
    body.wastesortingpage .main .grid-list .grid-col-3:first-child {
      width: 35% !important; }
  body.wastesortingpage .main .content {
    margin: 0.5em 0; }
  body.wastesortingpage .main .container {
    margin-bottom: 0; }
  body.wastesortingpage .main .container-waste-list .details {
    margin-top: 1em;
    margin-bottom: 1em; }
    body.wastesortingpage .main .container-waste-list .details span {
      left: 10px;
      position: relative; }
  body.wastesortingpage .content-footer {
    width: 100% !important; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.wastesortingpage .main .wastesorting-tabs li a {
    padding-left: 30px;
    padding-right: 30px; }
  body.wastesortingpage .main .wastesorting-tabs {
    margin-top: 0; }
  body.wastesortingpage .main .wastesorting-heading {
    top: 65px; }
  body.wastesortingpage .main .wastesorting-heading-startpage {
    top: 90px; }
  body.wastesortingpage .main .search-wrapper {
    display: block; }
    body.wastesortingpage .main .search-wrapper .tags {
      display: none; }
  body.wastesortingpage .main .search-wrapper-startpage {
    top: 0; }
  body.wastesortingpage .main .paging-letters {
    display: none; }
  body.wastesortingpage .main .paging-letters-mobile {
    display: inline-block; }
  body.wastesortingpage .main .wrap {
    max-width: 360px;
    min-width: 300px;
    top: 0; }
  body.wastesortingpage .main h1 {
    width: 100% !important; }
  body.wastesortingpage .main .intro {
    margin-bottom: 1.3em; }
    body.wastesortingpage .main .intro .main-intro {
      float: none !important;
      width: 100% !important;
      box-sizing: border-box;
      max-width: 100%;
      margin: 0 0 0 0; }
    body.wastesortingpage .main .intro.contact--visible {
      overflow: visible; }
    body.wastesortingpage .main .intro img {
      right: -25px; }
    body.wastesortingpage .main .intro .tag {
      right: 73px; }
  body.wastesortingpage .main .grid {
    width: 100% !important; }
    body.wastesortingpage .main .grid .grid-col-3, body.wastesortingpage .main .grid .grid-col-3.first-item, body.wastesortingpage .main .grid .grid-col-3.last-item {
      min-height: 0;
      float: none;
      padding: 0;
      width: 100% !important;
      margin-bottom: 1.5em; }
    body.wastesortingpage .main .grid .grid-col-2-waste:first-child {
      width: 100% !important;
      padding-right: 0; }
    body.wastesortingpage .main .grid .grid-col-2-waste {
      width: 100% !important; }
      body.wastesortingpage .main .grid .grid-col-2-waste p {
        float: none;
        padding: 0px 0 0px 0;
        margin-bottom: 0; }
      body.wastesortingpage .main .grid .grid-col-2-waste .registration-details {
        margin-top: 1.5em; }
    body.wastesortingpage .main .grid li {
      padding-top: 20px;
      padding-bottom: 20px; }
      body.wastesortingpage .main .grid li a {
        min-height: auto; }
    body.wastesortingpage .main .grid h2 {
      margin-top: 0.4em;
      align-items: center;
      min-height: 71px; }
    body.wastesortingpage .main .grid p {
      min-height: 0;
      float: left;
      clear: both; }
    body.wastesortingpage .main .grid img {
      position: static;
      float: left;
      margin-right: 20px;
      margin-bottom: 15px; }
    body.wastesortingpage .main .grid .page-item-info-wrapper {
      padding-left: 0; }
  body.wastesortingpage .main .grid-top {
    position: relative; }
    body.wastesortingpage .main .grid-top img {
      display: block;
      position: relative;
      width: 100%;
      float: none; }
    body.wastesortingpage .main .grid-top p {
      position: relative;
      float: none;
      display: block;
      padding-bottom: 0;
      padding-left: 0;
      width: auto; }
    body.wastesortingpage .main .grid-top .registration-details {
      position: relative;
      width: auto;
      float: none;
      padding: 1em;
      right: 0;
      left: 0;
      bottom: 0; }
  body.wastesortingpage .main .grid-list {
    width: 100% !important; }
    body.wastesortingpage .main .grid-list .heading {
      display: none; }
    body.wastesortingpage .main .grid-list .mobile-heading {
      display: block;
      font-weight: bold; }
    body.wastesortingpage .main .grid-list .grid-col-3:first-child, body.wastesortingpage .main .grid-list .grid-col-2:first-child {
      width: 100% !important; }
    body.wastesortingpage .main .grid-list .grid-col-3.image span, body.wastesortingpage .main .grid-list .grid-col-2.image span {
      margin: 0; }
    body.wastesortingpage .main .grid-list .grid-col-3, body.wastesortingpage .main .grid-list .grid-col-3.first-item, body.wastesortingpage .main .grid-list .grid-col-3.last-item,
    body.wastesortingpage .main .grid-list .grid-col-2, body.wastesortingpage .main .grid-list .grid-col-2.first-item, body.wastesortingpage .main .grid-list .grid-col-2.last-item {
      min-height: 0;
      float: none;
      padding: 0;
      width: 100% !important;
      margin-bottom: 1em; }
    body.wastesortingpage .main .grid-list img {
      display: none; }
    body.wastesortingpage .main .grid-list li {
      padding-top: 20px;
      padding-bottom: 0px; }
      body.wastesortingpage .main .grid-list li span {
        margin: 0; }
      body.wastesortingpage .main .grid-list li a {
        min-height: inherit; }
  body.wastesortingpage .main .search-body .search-result-image {
    position: static;
    margin-right: 0;
    width: 100%; }
    body.wastesortingpage .main .search-body .search-result-image img {
      width: 100%;
      height: auto; }
  body.wastesortingpage .main .search-body .has-image {
    min-height: 150px; }
    body.wastesortingpage .main .search-body .has-image .search-result-info {
      padding-left: 0; }
  body.wastesortingpage .main .search-body .button, body.wastesortingpage .main .search-body .calltoaction, body.wastesortingpage .main .search-body body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.wastesortingpage .main .search-body .link-button {
    padding: 11px; }
    body.wastesortingpage .main .search-body .button .icon, body.wastesortingpage .main .search-body .calltoaction .icon, body.wastesortingpage .main .search-body body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button .icon, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.wastesortingpage .main .search-body .link-button .icon {
      margin-left: 7px;
      position: relative;
      top: 1px; }
  body.wastesortingpage .main .content {
    margin: 1.25em 0; }
  body.wastesortingpage .main .container-waste-map .map-list-item {
    border-bottom: 1px solid #e2e2e2;
    padding: 0.4em 0; }
    body.wastesortingpage .main .container-waste-map .map-list-item .map-name {
      width: auto;
      display: block; }
    body.wastesortingpage .main .container-waste-map .map-list-item .map-status {
      width: auto;
      display: block; }
    body.wastesortingpage .main .container-waste-map .map-list-item .map-external-link {
      width: auto;
      display: block;
      text-align: left; }
  body.wastesortingpage .content-footer {
    width: 100% !important; } }

body.blockbasedarticlepage .top-content #wastecollectionblock, body.blockbasedarticlepage .bottom-content #wastecollectionblock {
  width: 100%;
  max-width: 1180px !important;
  margin: 40px auto; }
  @media only screen and (max-width: 719px) {
    body.blockbasedarticlepage .top-content #wastecollectionblock, body.blockbasedarticlepage .bottom-content #wastecollectionblock {
      width: auto;
      padding: 0; } }

body.blockbasedarticlepage .top-content:not(.fullwidth) .container-inner--wastecollection {
  max-width: 72%; }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .top-content:not(.fullwidth) .container-inner--wastecollection {
      max-width: 100%; } }

body.waterlevelpage .content {
  width: 100%;
  float: none; }

body.waterlevelpage .water-levels {
  padding-top: 2.5em;
  border-top: solid 1px #ddd; }
  body.waterlevelpage .water-levels .error-container {
    margin-top: 1em; }
    body.waterlevelpage .water-levels .error-container .container-body {
      padding: 1em 0; }
  body.waterlevelpage .water-levels h3 {
    font-size: 150%;
    float: left;
    margin-top: 0; }
  body.waterlevelpage .water-levels span.update {
    float: right;
    margin-top: 0.4em; }
  body.waterlevelpage .water-levels .lake-summary {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    overflow: hidden;
    display: block;
    width: 100%; }
    body.waterlevelpage .water-levels .lake-summary ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.waterlevelpage .water-levels .lake-summary li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    body.waterlevelpage .water-levels .lake-summary li {
      background-color: #f2f2f2;
      border: solid 1px #ddd;
      border-right: none;
      display: inline-block;
      float: left;
      width: 19.85%;
      padding: 0.9em 0; }
      body.waterlevelpage .water-levels .lake-summary li:last-child {
        border-right: solid 1px #ddd; }
      body.waterlevelpage .water-levels .lake-summary li span {
        display: block;
        color: #5b5b5b;
        text-align: center; }
      body.waterlevelpage .water-levels .lake-summary li span.lake {
        display: block;
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 120%;
        line-height: 2.25em;
        color: #5b5b5b; }
      body.waterlevelpage .water-levels .lake-summary li span.level {
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 210%;
        line-height: 0.80952em;
        color: #000; }
      body.waterlevelpage .water-levels .lake-summary li span.unit {
        font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 120%;
        line-height: 2.25em;
        color: #5b5b5b; }

body.waterlevelpage .menu-tabs {
  margin-top: 3em; }

body.waterlevelpage .chart-wrapper {
  position: relative; }

body.waterlevelpage .chart-labels {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  overflow: hidden;
  margin-top: 1em; }
  body.waterlevelpage .chart-labels ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.waterlevelpage .chart-labels li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.waterlevelpage .chart-labels .level {
    float: left;
    color: #1aa18b; }
  body.waterlevelpage .chart-labels .tapping {
    float: right;
    color: #8a73aa; }
  body.waterlevelpage .chart-labels span {
    font-size: 110%;
    line-height: 2.5em;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    position: relative; }
  body.waterlevelpage .chart-labels span:before {
    content: '';
    position: absolute;
    background-color: #1aa18b;
    width: 1.1em;
    height: 1.1em;
    top: 50%;
    margin-top: -0.55em; }
  body.waterlevelpage .chart-labels .level span.limit {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 90%;
    color: #5b5b5b;
    padding-left: 1.66667em;
    margin-left: 1.11111em; }
  body.waterlevelpage .chart-labels .level span.limit:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.11111em;
    width: 1.22222em;
    height: 0.22222em;
    background-color: rgba(26, 161, 139, 0.3); }
  body.waterlevelpage .chart-labels .level span:first-of-type {
    padding-left: 2em; }
  body.waterlevelpage .chart-labels .level span:first-of-type:before {
    border-radius: 50%;
    left: 0; }
  body.waterlevelpage .chart-labels .tapping span:first-of-type {
    padding-left: 2em; }
  body.waterlevelpage .chart-labels .tapping span:first-of-type:before {
    background-color: #8a73aa;
    left: 0; }
  body.waterlevelpage .chart-labels span.limit:before {
    content: none; }

body.waterlevelpage .chart-selector {
  overflow: hidden;
  text-align: center;
  margin: 1em 1.75em 0 1.75em;
  position: relative;
  z-index: 10; }
  body.waterlevelpage .chart-selector > span {
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 120%;
    color: #1178af; }
  body.waterlevelpage .chart-selector .previous {
    float: left; }
  body.waterlevelpage .chart-selector .next {
    float: right; }
  body.waterlevelpage .chart-selector button {
    border-radius: 50%;
    width: 1.3em;
    height: 1.3em;
    padding: 0;
    line-height: 1.3em;
    overflow: hidden;
    outline: none; }
  body.waterlevelpage .chart-selector .button--disabled {
    opacity: 0.5; }
  body.waterlevelpage .chart-selector button:before {
    display: block;
    font-size: 150%;
    line-height: 0.86667em; }
  body.waterlevelpage .chart-selector button.previous:before {
    margin-left: -3px; }
  body.waterlevelpage .chart-selector button span {
    display: inline-block;
    text-indent: -9999px; }
  body.waterlevelpage .chart-selector li:first-child {
    float: left; }
  body.waterlevelpage .chart-selector li:last-child {
    float: right; }

body.waterlevelpage .chart-loading {
  background: transparent url(/static/images/loading_128.gif) no-repeat center center;
  background-size: 100px;
  position: absolute;
  top: 5%;
  bottom: 15%;
  left: 0;
  right: 0;
  right: 0;
  display: none; }

body.waterlevelpage .chart-period {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  display: inline-block;
  overflow: hidden; }
  body.waterlevelpage .chart-period ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.waterlevelpage .chart-period li {
    padding: 0;
    margin: 0;
    line-height: 1; }
  body.waterlevelpage .chart-period .chart-period-item {
    display: inline-block;
    float: left;
    border: solid 1px #ddd;
    border-right: none; }
  body.waterlevelpage .chart-period .chart-period-item:last-child {
    border-right: solid 1px #ddd; }
  body.waterlevelpage .chart-period .chart-period-item--selected a {
    color: #5b5b5b; }
  body.waterlevelpage .chart-period .chart-period-item--selected a:hover {
    text-decoration: none; }
  body.waterlevelpage .chart-period a {
    font-size: 90%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 2.22222em;
    padding: 0 1em; }

body.waterlevelpage .chart-period-wrapper {
  text-align: center;
  margin: 1em 0 2.5em 0; }

body.waterlevelpage .chart-missing-data {
  font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 120%;
  color: #1178af;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  bottom: 0;
  margin-top: -6.7%;
  width: 100%; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.waterlevelpage .water-levels {
    padding-top: 1.5em; }
    body.waterlevelpage .water-levels h3 {
      font-size: 80%; }
    body.waterlevelpage .water-levels span.update {
      font-size: 65%;
      margin-top: 0.61538em; }
    body.waterlevelpage .water-levels .lake-summary li {
      width: 19.82%; }
      body.waterlevelpage .water-levels .lake-summary li span.lake {
        font-size: 65%;
        line-height: 1.53846em; }
      body.waterlevelpage .water-levels .lake-summary li span.level {
        font-size: 120%;
        line-height: 1.25em; }
      body.waterlevelpage .water-levels .lake-summary li span.unit {
        font-size: 65%;
        line-height: 1.53846em; }
  body.waterlevelpage .menu-tabs {
    margin-top: 1.5em; }
  body.waterlevelpage .chart-labels {
    margin-top: 0.5em; }
    body.waterlevelpage .chart-labels span {
      font-size: 75%;
      line-height: 2.66667em; }
    body.waterlevelpage .chart-labels .level span:last-of-type {
      font-size: 65%;
      padding-left: 1.53846em;
      margin-left: 1em; }
  body.waterlevelpage .chart-selector > span {
    font-size: 75%; }
  body.waterlevelpage .chart-period a {
    font-size: 65%;
    line-height: 2.30769em;
    padding: 0 1em; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.waterlevelpage {
    /*.chart-labels {
             margin-bottom:em(10px);
            .level {
               width:60%;
            }
            .tapping {
                width:40%;
            }
            .limit {
                line-height:em(20px);
            }
        }
         .chart-period-wrapper {
            margin:em(10px) -15px em(20px) -15px;
            border-top:solid 1px #ddd;
            border-bottom:solid 1px #ddd;

        }
         .chart-period {
             display:block;
             width:100%;
             .chart-period-item {
                 width:33%;
                 display:inline-block;
                 box-sizing:border-box;
                 border:none;
                 border-right:solid 1px #ddd;
            }
            .chart-period-item:last-child{
                border:none;
            }
            a {
                @include font-size(16px);
                line-height:em(59px, 16px);
                padding:0;
            }
        }*/ }
    body.waterlevelpage .water-levels {
      padding-top: 1.5em; }
      body.waterlevelpage .water-levels h3 {
        font-size: 150%;
        float: none;
        margin: 0; }
      body.waterlevelpage .water-levels span.update {
        font-size: 80%;
        margin-top: 0;
        line-height: 1.5em;
        float: none;
        display: block; }
      body.waterlevelpage .water-levels .lake-summary {
        margin: 1em 0 2.5em 0; }
        body.waterlevelpage .water-levels .lake-summary li {
          float: none;
          width: 100%;
          border: solid 1px #ddd;
          border-bottom: none;
          box-sizing: border-box; }
          body.waterlevelpage .water-levels .lake-summary li span.lake {
            font-size: 105%;
            line-height: 1.33333em; }
          body.waterlevelpage .water-levels .lake-summary li span.level {
            font-size: 175%;
            line-height: 1em; }
          body.waterlevelpage .water-levels .lake-summary li span.unit {
            font-size: 105%;
            line-height: 1.33333em; }
        body.waterlevelpage .water-levels .lake-summary li:last-child {
          border-bottom: solid 1px #ddd; }
    body.waterlevelpage .menu-tabs {
      display: none; }
    body.waterlevelpage .chart-wrapper {
      display: none; } }

body.gaugereplacement .booking-list {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  border-top: solid 1px #ddd;
  margin-bottom: 1em; }
  body.gaugereplacement .booking-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.gaugereplacement .booking-list li {
    padding: 0;
    margin: 0;
    line-height: 1; }

body.gaugereplacement .booking-list--list-item {
  border-bottom: solid 1px #ddd;
  overflow: hidden;
  position: relative; }

body.gaugereplacement .booking-list--loading {
  background: rgba(0, 0, 0, 0.2) url(/static/images/loading_128.gif) no-repeat 88% center;
  background-size: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 76px;
  display: none; }

body.gaugereplacement .booking-list--heading {
  float: left;
  display: inline-block;
  margin: 0;
  min-width: 30%;
  line-height: 3.16667em; }

body.gaugereplacement .booking-list--date {
  font-size: 120%;
  line-height: 3.16667em;
  float: left;
  display: inline-block; }

body.gaugereplacement .booking-list--toggle {
  font-size: 120%;
  line-height: 3.16667em;
  position: relative;
  font-weight: bold;
  float: right;
  display: inline-block;
  padding-right: 1.5em; }

body.gaugereplacement .booking-list--toggle:before {
  position: absolute;
  right: 0;
  top: 50%; }

body.gaugereplacement .booking__toggler {
  background: #0087cc;
  color: #fff;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  font-size: 40px; }

body.gaugereplacement .booking__toggler--loading {
  background: #fff !important;
  cursor: default !important; }

body.gaugereplacement .booking__toggler:hover {
  text-decoration: none; }

body.gaugereplacement .booking__toggler--prev {
  position: absolute;
  left: 25px;
  top: 22px; }

body.gaugereplacement .booking__toggler--next {
  position: absolute;
  top: 22px;
  right: 26px; }

body.gaugereplacement .booking__toggler--disabled {
  background: #83adc2 !important;
  cursor: default !important; }

body.gaugereplacement .occations-calendar {
  margin: 0; }
  body.gaugereplacement .occations-calendar caption {
    font-size: 120%;
    line-height: 2.45833em;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1178af;
    border-bottom: solid 1px #ddd; }
  body.gaugereplacement .occations-calendar thead td {
    text-align: center;
    border: none;
    border-right: solid 1px #ddd;
    padding: 1em 0;
    width: 20%; }
  body.gaugereplacement .occations-calendar thead td:last-child {
    border: none; }
  body.gaugereplacement .occations-calendar thead strong {
    color: #0b0b0b;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 1.13636em;
    text-transform: capitalize; }
  body.gaugereplacement .occations-calendar tbody td {
    background-color: #fff;
    border-right: solid 1px #ddd;
    text-align: center;
    vertical-align: top; }
  body.gaugereplacement .occations-calendar tbody td:last-child {
    border: none; }
  body.gaugereplacement .occations-calendar tbody ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    min-height: 10em; }
    body.gaugereplacement .occations-calendar tbody ul ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    body.gaugereplacement .occations-calendar tbody ul li {
      padding: 0;
      margin: 0;
      line-height: 1; }
  body.gaugereplacement .occations-calendar tbody ul li a {
    font-size: 20px;
    line-height: 1.8em;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    border: solid 1px #1178af;
    border-radius: 0.95em;
    max-width: 158px;
    margin: 0 auto; }
  body.gaugereplacement .occations-calendar tbody ul li a.selected, body.gaugereplacement .occations-calendar tbody ul li a:hover {
    background-color: #1178af;
    color: #fff;
    text-decoration: none; }
  body.gaugereplacement .occations-calendar tbody ul li {
    margin-bottom: 15px; }

body.gaugereplacement .booking__disclaimer {
  display: block;
  font-style: normal;
  color: #5b5b5b;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 1.5em 0; }

body.gaugereplacement .booking__disclaimer:before {
  margin-right: 10px;
  position: relative;
  top: -2px; }

body.gaugereplacement .booking__viewinfo {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 100%;
  width: auto;
  overflow: hidden;
  margin-bottom: 2.5em; }
  body.gaugereplacement .booking__viewinfo ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%; }
  body.gaugereplacement .booking__viewinfo li {
    padding: 0;
    margin: 0;
    line-height: 1; }

body.gaugereplacement .booking__viewinfo li {
  float: left;
  margin-right: 7.5em; }

body.gaugereplacement .booking__viewinfo strong {
  color: #000;
  display: block;
  margin-bottom: 0.25em; }

body.gaugereplacement .booking__viewinfo li:last-child {
  float: right;
  margin: 0; }

body.gaugereplacement .booking__changeinfo {
  margin-bottom: 60px; }
  body.gaugereplacement .booking__changeinfo label {
    display: block;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #000; }
  body.gaugereplacement .booking__changeinfo input.booking__saveinfo, body.gaugereplacement .booking__changeinfo a.booking__saveinfo {
    position: relative;
    top: 30px; }
  body.gaugereplacement .booking__changeinfo .grid-col-4 {
    text-align: right; }

body.gaugereplacement .booking__confirm {
  background: #1178af;
  padding: 1.85em 29px;
  position: relative; }
  body.gaugereplacement .booking__confirm p {
    color: #fff;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    margin-bottom: 0; }
  body.gaugereplacement .booking__confirm .booking__submit {
    position: absolute;
    top: 31px;
    right: 26px;
    color: #0087cc;
    background: #fff;
    padding: 11px 29px; }

body.gaugereplacement .booking-calendar {
  clear: both;
  position: relative; }

body.gaugereplacement .calendar-loading {
  background: rgba(0, 0, 0, 0.2) url(/static/images/loading_128.gif) no-repeat center center;
  background-size: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none; }

body.gaugereplacement .booking__confirmed {
  margin-bottom: 20px; }
  body.gaugereplacement .booking__confirmed dl {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin-bottom: 20px; }
    body.gaugereplacement .booking__confirmed dl dt {
      display: inline-block;
      font-weight: bold; }
    body.gaugereplacement .booking__confirmed dl dd {
      display: inline-block;
      margin-right: 17px;
      letter-spacing: -1px; }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.gaugereplacement main p {
    font-size: 0.65em; }
  body.gaugereplacement .booking-list--heading {
    line-height: 2.8125em; }
  body.gaugereplacement .booking-list--date {
    font-size: 80%;
    line-height: 2.8125em; }
  body.gaugereplacement .booking-list--toggle {
    font-size: 80%;
    line-height: 2.8125em; }
  body.gaugereplacement .booking__viewinfo {
    font-size: 13px; }
    body.gaugereplacement .booking__viewinfo .button, body.gaugereplacement .booking__viewinfo .calltoaction, body.gaugereplacement .booking__viewinfo body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__viewinfo .link-button {
      font-size: 13px; }
  body.gaugereplacement .booking__changeinfo {
    margin-bottom: 40px; }
    body.gaugereplacement .booking__changeinfo label {
      font-size: 15px; }
  body.gaugereplacement .booking-list--heading, body.gaugereplacement .booking-list--date, body.gaugereplacement .booking-list--toggle {
    font-size: 15px;
    line-height: 30px; }
  body.gaugereplacement .booking-list--loading {
    height: 30px;
    background-size: 20px; }
  body.gaugereplacement .booking__toggler {
    width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 20px; }
  body.gaugereplacement .booking__toggler--prev {
    left: 10px;
    top: 14px; }
  body.gaugereplacement .booking__toggler--next {
    right: 10px;
    top: 14px; }
  body.gaugereplacement .occations-calendar thead strong {
    font-size: 15px; }
  body.gaugereplacement .occations-calendar tbody ul li a {
    font-size: 13px;
    max-width: 100px;
    line-height: 18px; }
  body.gaugereplacement .calendar-loading {
    background-size: 60px; }
  body.gaugereplacement .booking__disclaimer {
    margin: 18px 0; }
  body.gaugereplacement .booking__confirm {
    padding: 10px; }
    body.gaugereplacement .booking__confirm p {
      font-size: 13px; }
    body.gaugereplacement .booking__confirm .booking__submit {
      top: 7px;
      right: 6px;
      padding: 5px 14px;
      font-size: 13px; }
  body.gaugereplacement .booking__confirmed dl {
    font-size: 15px;
    margin-bottom: 10px; }
    body.gaugereplacement .booking__confirmed dl dd {
      margin-right: 10px; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.gaugereplacement main p {
    font-size: 1em; }
  body.gaugereplacement .booking__viewinfo {
    font-size: 20px;
    margin-bottom: 5px; }
    body.gaugereplacement .booking__viewinfo .button, body.gaugereplacement .booking__viewinfo .calltoaction, body.gaugereplacement .booking__viewinfo body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__viewinfo .link-button {
      font-size: 20px;
      width: 100%;
      text-align: center;
      box-sizing: border-box; }
    body.gaugereplacement .booking__viewinfo li, body.gaugereplacement .booking__viewinfo li:last-child {
      float: none;
      margin: 0 0 15px 0; }
  body.gaugereplacement .booking__changeinfo {
    margin-bottom: 40px; }
    body.gaugereplacement .booking__changeinfo label {
      font-size: 20px; }
    body.gaugereplacement .booking__changeinfo .grid-col-3 {
      margin-bottom: 15px; }
    body.gaugereplacement .booking__changeinfo .button, body.gaugereplacement .booking__changeinfo .calltoaction, body.gaugereplacement .booking__changeinfo body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__changeinfo .link-button {
      top: auto;
      width: 100%;
      font-size: 20px;
      margin-bottom: 15px;
      box-sizing: border-box;
      display: block;
      display: block;
      text-align: center; }
  body.gaugereplacement .booking-list--list-item {
    padding: 0.7em 0 !important; }
  body.gaugereplacement .booking-list--heading {
    font-size: 21px;
    display: block;
    line-height: inherit;
    float: none;
    line-height: 1.2381em; }
  body.gaugereplacement .booking-list--date {
    font-size: 105%;
    line-height: 1.2381em; }
  body.gaugereplacement .booking-list--toggle {
    font-size: 105%;
    line-height: 1.2381em; }
  body.gaugereplacement .booking-list--loading {
    height: auto;
    bottom: 0;
    background-position: 68% center; }
  body.gaugereplacement .booking__toggler {
    width: 24px;
    height: 24px;
    line-height: 20px;
    font-size: 30px; }
  body.gaugereplacement .booking__toggler--next {
    top: 19px;
    right: 19px; }
  body.gaugereplacement .booking__toggler--prev {
    top: 19px;
    left: 19px;
    left: 19px; }
  body.gaugereplacement .booking-calendar {
    padding-top: 15px; }
  body.gaugereplacement .occations-calendar caption {
    font-size: 19px; }
  body.gaugereplacement .occations-calendar thead strong {
    font-weight: normal;
    font-size: 21px; }
  body.gaugereplacement .occations-calendar thead td, body.gaugereplacement .occations-calendar tbody td {
    display: none;
    box-sizing: border-box;
    border: none; }
  body.gaugereplacement .occations-calendar tbody td {
    padding-top: 0; }
  body.gaugereplacement .occations-calendar thead td.selected-day, body.gaugereplacement .occations-calendar tbody td.selected-day {
    display: block;
    width: 100%; }
  body.gaugereplacement .occations-calendar tbody ul li a {
    font-size: 21px;
    line-height: 40px;
    max-width: inherit; }
  body.gaugereplacement .booking__confirm {
    padding: 10px; }
    body.gaugereplacement .booking__confirm p {
      font-size: 19px;
      margin-right: 110px; }
    body.gaugereplacement .booking__confirm .booking__submit {
      position: relative;
      width: 100%;
      top: auto;
      right: auto;
      margin-top: 29px;
      line-height: 20px;
      padding: 11px 0;
      font-size: 20px; }
  body.gaugereplacement .booking__confirmed dl {
    font-size: 19px;
    margin-bottom: 10px; }
    body.gaugereplacement .booking__confirmed dl dd {
      margin-right: 10px; }
  body.gaugereplacement .booking__confirmed a.button, body.gaugereplacement .booking__confirmed a.calltoaction, body.gaugereplacement .booking__confirmed body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment a.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.gaugereplacement .booking__confirmed a.link-button {
    font-size: 20px;
    width: 100%;
    text-align: center;
    box-sizing: border-box; } }

#anslutahus-container h2 {
  position: relative; }
  @media only screen and (max-width: 719px) {
    #anslutahus-container h2 {
      padding-right: 4em; } }
  #anslutahus-container h2 .step-heading {
    display: inline-block;
    padding-right: 1em; }

#anslutahus-container .anslutahus-step-container {
  margin-top: 1em; }
  #anslutahus-container .anslutahus-step-container .read-more-icon {
    padding-left: 0.5em; }
  #anslutahus-container .anslutahus-step-container .select-plot .map-popup-text {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px; }
    #anslutahus-container .anslutahus-step-container .select-plot .map-popup-text.link {
      font-weight: bold; }
  #anslutahus-container .anslutahus-step-container .select-plot .description-container {
    margin-bottom: 1em;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: #0c0c0c; }
  #anslutahus-container .anslutahus-step-container .select-plot .new-address-container {
    margin-top: 1em;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.95em; }
    @media only screen and (max-width: 719px) {
      #anslutahus-container .anslutahus-step-container .select-plot .new-address-container span {
        display: block; } }
  #anslutahus-container .anslutahus-step-container .select-plot .container-map {
    position: relative; }
    #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      padding: 1em 4em;
      pointer-events: none; }
      @media only screen and (max-width: 719px) {
        #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container {
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          z-index: auto;
          padding: 0.75em 1em;
          pointer-events: auto;
          background-color: #1178af; } }
      #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner {
        position: relative;
        pointer-events: auto;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.1em; }
        #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox {
          font-family: inherit;
          font-size: inherit;
          width: 100%;
          border: 1px solid #c7c9c6;
          box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.25);
          padding: 0.48em 1em 0.48em 2.4em;
          border-radius: 3px;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          box-sizing: border-box; }
          #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox.small {
            display: none; }
          @media only screen and (max-width: 719px) {
            #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox {
              box-shadow: none;
              border: none; }
              #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox.small {
                display: inline-block; }
              #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox:not(.small) {
                display: none; } }
          #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox::-webkit-input-placeholder {
            font-style: italic;
            color: #7e7e7e; }
          #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox:-moz-placeholder {
            font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 1.1em;
            font-style: italic;
            color: #7e7e7e; }
          #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox::-moz-placeholder {
            font-style: italic;
            color: #7e7e7e; }
          #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .map-searchbox:-ms-input-placeholder {
            font-style: italic;
            color: #7e7e7e; }
        #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .icon-search {
          font-size: 1.2em;
          position: absolute;
          top: 0.3em;
          left: 0.3em;
          color: #1178af; }
        #anslutahus-container .anslutahus-step-container .select-plot .container-map #map-searchbox-container #map-searchbox-container-inner .ui-autocomplete-loading {
          background: white url("/static/images/loading.gif") no-repeat right center; }
    #anslutahus-container .anslutahus-step-container .select-plot .container-map .map-popup-text .address:after {
      content: " - "; }
    @media only screen and (max-width: 719px) {
      #anslutahus-container .anslutahus-step-container .select-plot .container-map .map-popup-text .address:after {
        content: ""; }
      #anslutahus-container .anslutahus-step-container .select-plot .container-map .map-popup-text span {
        display: block; } }
  #anslutahus-container .anslutahus-step-container .select-plot .plant-info-table {
    background-color: #f7f4ee;
    margin-top: 1em;
    display: table;
    width: 100%; }
    #anslutahus-container .anslutahus-step-container .select-plot .plant-info-table.hidden {
      display: none; }
    #anslutahus-container .anslutahus-step-container .select-plot .plant-info-table .plant-info-cell {
      padding: 1.2em;
      display: table-cell;
      width: 50%; }
      #anslutahus-container .anslutahus-step-container .select-plot .plant-info-table .plant-info-cell .heading {
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.95em;
        color: #5b5b5b;
        margin-bottom: 1em; }
      #anslutahus-container .anslutahus-step-container .select-plot .plant-info-table .plant-info-cell .value {
        font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.5em;
        line-height: 1em;
        color: #0c0c0c; }
  @media only screen and (max-width: 719px) {
    #anslutahus-container .anslutahus-step-container .select-plot .plant-info-table {
      display: block; }
      #anslutahus-container .anslutahus-step-container .select-plot .plant-info-table .plant-info-cell {
        display: block;
        text-align: center;
        padding-bottom: 8px;
        width: auto; } }
  #anslutahus-container .anslutahus-step-container .select-connections .connections-container {
    position: relative;
    background-color: #f7f4ee;
    padding: 0 1.5em; }
    #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection {
      position: relative;
      border-bottom: 1px solid #e2e2e2;
      padding: 1.5em 0;
      line-height: normal; }
      #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection:last-child {
        border-bottom: 0; }
      #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table {
        display: table;
        width: 100%; }
        #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-icon-cell {
          display: table-cell;
          vertical-align: top;
          width: 4.5em; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-icon-cell .connection-icon {
            display: inline-block;
            background-color: GrayText;
            border-radius: 50%;
            width: 4.5em;
            height: 4.5em;
            text-align: center;
            line-height: 4.5em; }
            #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-icon-cell .connection-icon::before {
              font-size: 4.5em;
              color: white; }
        #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-info-cell {
          display: table-cell;
          vertical-align: top;
          padding: 0.5em 2em;
          font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-info-cell .connection-heading {
            font-size: 0.95em;
            text-transform: uppercase; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-info-cell .connection-price {
            padding-top: 0.5em;
            font-size: 1.5em;
            color: #0c0c0c; }
        #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell {
          display: table-cell;
          vertical-align: top;
          text-align: right;
          min-width: 6em; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .form-checkbox-fake::before {
            margin-top: -0.12em;
            font-size: 80%; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-required-label {
            display: inline-block;
            padding-top: 0.5em;
            font-style: italic;
            font-size: 0.95em; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-read-more {
            padding-top: 0.95em; }
            #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-read-more a {
              color: #1178af;
              font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 0.9em;
              font-weight: bold; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-checkbox-container {
            display: inline-block;
            background-color: #1178af;
            padding: 0.5em;
            box-sizing: border-box;
            border-radius: 3px;
            min-width: 6.11111em;
            text-align: left; }
            #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-checkbox-container label {
              cursor: pointer;
              display: inline-block;
              -webkit-user-select: none;
                 -moz-user-select: none;
                      user-select: none; }
            #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-checkbox-container .connection-checkbox-label {
              color: white;
              font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
              font-size: 0.9em;
              font-weight: bold; }
      #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-description {
        padding-top: 1.5em;
        display: none; }
        #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-description p:last-child {
          margin-bottom: 0; }
      @media only screen and (max-width: 940px) {
        #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .form-checkbox-fake::before {
          margin-top: -0.6em;
          font-size: 70%; } }
      @media only screen and (max-width: 719px) {
        #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table {
          display: block; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-icon-cell {
            display: block;
            text-align: center;
            width: auto; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-info-cell {
            display: block;
            text-align: center;
            width: auto;
            padding: 1em 0; }
          #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell {
            display: block;
            text-align: center;
            width: auto; }
            #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .form-checkbox-fake::before {
              margin-top: -0.15em; }
            #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-required-label {
              padding-top: 0; }
            #anslutahus-container .anslutahus-step-container .select-connections .connections-container .connection .connection-table .connection-checkbox-cell .connection-checkbox-container {
              display: block;
              text-align: center; } }
  #anslutahus-container .anslutahus-step-container .select-connections .connections-cost-container {
    background-color: #f7f4ee;
    margin-top: 1em;
    padding: 0.75em;
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    @media only screen and (max-width: 719px) {
      #anslutahus-container .anslutahus-step-container .select-connections .connections-cost-container {
        text-align: center; } }
    #anslutahus-container .anslutahus-step-container .select-connections .connections-cost-container .connections-cost-heading {
      font-size: 0.95em; }
    #anslutahus-container .anslutahus-step-container .select-connections .connections-cost-container .connections-cost {
      padding-top: 0.5em;
      font-size: 1.5em;
      color: #0c0c0c; }
  #anslutahus-container .anslutahus-step-container .anslutahus-customerinfo .add-contact-link {
    margin-bottom: 2em;
    color: #1178af; }
  #anslutahus-container .anslutahus-step-container .anslutahus-order .form-field-title::after {
    content: ':'; }
  #anslutahus-container .anslutahus-step-container .anslutahus-order .form-field-data {
    vertical-align: bottom; }
    #anslutahus-container .anslutahus-step-container .anslutahus-order .form-field-data a {
      float: right; }
  #anslutahus-container .anslutahus-step-container .anslutahus-order .order-cost-container {
    background-color: #f7f4ee;
    padding: 0.75em; }
    @media only screen and (max-width: 719px) {
      #anslutahus-container .anslutahus-step-container .anslutahus-order .order-cost-container {
        text-align: center; } }
    #anslutahus-container .anslutahus-step-container .anslutahus-order .order-cost-container .form-field-title {
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 0.65em;
      vertical-align: baseline; }
    #anslutahus-container .anslutahus-step-container .anslutahus-order .order-cost-container .form-field-data {
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 0.65em;
      vertical-align: baseline; }
      #anslutahus-container .anslutahus-step-container .anslutahus-order .order-cost-container .form-field-data .total-cost {
        font-size: 1.5em; }
  #anslutahus-container .anslutahus-step-container .anslutahus-order .form-checkbox-label p {
    font-size: 100%; }
  #anslutahus-container .anslutahus-step-container button#next {
    position: relative; }
  #anslutahus-container .anslutahus-step-container .order-loading {
    background: transparent url(/static/images/loading_128_2.gif) no-repeat center center;
    background-size: 1.8em;
    float: right;
    width: 1em;
    height: 1em;
    margin-left: 0.25em;
    display: none; }

.bffcustomerservicepage.new-style main .content {
  margin-bottom: 40px;
  overflow: visible; }

.bffcustomerservicepage.new-style main .main-body {
  margin-bottom: 40px; }
  .bffcustomerservicepage.new-style main .main-body p {
    margin: 0; }

.bffcustomerservicepage.new-style main .search__form {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }

.bffcustomerservicepage.new-style main .search__textboxes.form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px; }

.bffcustomerservicepage.new-style main .search__textbox.form-input {
  display: inline-block;
  width: 230px; }

.bffcustomerservicepage.new-style main .search #org_textbox {
  display: none; }

.bffcustomerservicepage.new-style main .search .field-validation-error {
  margin: 0; }
  .bffcustomerservicepage.new-style main .search .field-validation-error::before {
    top: 5px; }

.bffcustomerservicepage.new-style main .search__text-danger {
  display: inline-block;
  margin-top: 20px;
  color: red; }

.result {
  margin-top: 40px;
  border-top: 1px solid #dadada; }
  .result__hits {
    margin-top: 40px; }
    .result__hits.user {
      margin-top: 20px; }
  .result__hit {
    margin-bottom: 5px; }
  .result .choices {
    margin-top: 40px; }

.list-accounts {
  padding-top: 40px;
  border-top: 1px solid #dadada; }
  .list-accounts__result-text {
    margin-bottom: 20px; }
  .list-accounts__result:not(:last-child) {
    margin-bottom: 40px; }
  .list-accounts__company {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 0; }
  .list-accounts__number {
    margin-bottom: 5px; }
  .list-accounts__name {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px; }

.registrate__heading {
  margin-bottom: 40px; }

.registrate .form-group.single {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .registrate .form-group.single #customer-search-input {
    width: 30%; }

.delegate #availableOrganisations {
  margin: 40px 0 30px; }

.delegate .form-button.preview-text {
  margin-top: 10px; }

.success-message {
  margin-top: 40px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.list-accounts, .registrate, .assignment, .delegate, .preview {
  margin: 40px 0 20px;
  padding-top: 40px;
  border-top: 1px solid #dadada; }
  .list-accounts h3, .registrate h3, .assignment h3, .delegate h3, .preview h3 {
    margin-top: 0; }

.availableOrganisations {
  margin: 40px 0; }

.registercustomerpage.new-style main .content-page {
  margin-bottom: 40px; }

.registercustomerpage.new-style main .main-body {
  margin-bottom: 40px; }
  .registercustomerpage.new-style main .main-body p {
    margin: 0; }

.registercustomerpage.new-style main form {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }
  .registercustomerpage.new-style main form .textboxes .form-group {
    display: flex;
    flex-direction: column;
    margin-top: 30px; }
  .registercustomerpage.new-style main form .form-input {
    display: inline-block;
    width: 350px;
    margin-top: -6px; }
    @media only screen and (max-width: 480px) {
      .registercustomerpage.new-style main form .form-input {
        width: 100%; } }
  .registercustomerpage.new-style main form .field-validation-error {
    margin: 0; }
    .registercustomerpage.new-style main form .field-validation-error::before {
      top: 5px; }
  .registercustomerpage.new-style main form .text-danger {
    display: inline-block;
    margin-top: 20px;
    color: red; }

.createcompanyconnectionpage.new-style main .content {
  margin-bottom: 60px;
  overflow: visible; }
  .createcompanyconnectionpage.new-style main .content .form-group {
    display: flex;
    flex-direction: column;
    margin-top: 40px; }
    .createcompanyconnectionpage.new-style main .content .form-group .form-input {
      display: inline-block;
      width: 220px;
      margin-top: -6px; }
      @media only screen and (max-width: 480px) {
        .createcompanyconnectionpage.new-style main .content .form-group .form-input {
          width: 100%; } }

.handleinvitationpage.new-style main {
  min-height: 300px; }
  .handleinvitationpage.new-style main .heading {
    margin-bottom: 30px; }
  .handleinvitationpage.new-style main .invitation__message {
    margin-bottom: 0; }
    @media only screen and (max-width: 480px) {
      .handleinvitationpage.new-style main .invitation__message {
        width: 100%; } }

.blockbasedarticlepage main, .electricitycalculatorpage main, .moveinmoveoutpage main {
  /* Medium size and narrow screen (tablets etc) */
  /* Narrow screen (smart phones etc) */ }
  .blockbasedarticlepage main h1, .electricitycalculatorpage main h1, .moveinmoveoutpage main h1 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: calc(clamp(48px, 3vw + 10px, 56px)) !important;
    line-height: 1.2;
    font-weight: unset;
    color: var(--text-color-default); }
  .blockbasedarticlepage main h2,
  .blockbasedarticlepage main h2.container-heading,
  .blockbasedarticlepage main .container h2,
  .blockbasedarticlepage main .container h2.container-heading,
  .blockbasedarticlepage main .container-map h2, .electricitycalculatorpage main h2,
  .electricitycalculatorpage main h2.container-heading,
  .electricitycalculatorpage main .container h2,
  .electricitycalculatorpage main .container h2.container-heading,
  .electricitycalculatorpage main .container-map h2, .moveinmoveoutpage main h2,
  .moveinmoveoutpage main h2.container-heading,
  .moveinmoveoutpage main .container h2,
  .moveinmoveoutpage main .container h2.container-heading,
  .moveinmoveoutpage main .container-map h2 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px !important;
    line-height: 1.15;
    font-weight: unset;
    margin: 0 0 15px; }
  .blockbasedarticlepage main h3,
  .blockbasedarticlepage main h3.container-heading,
  .blockbasedarticlepage main .container h3,
  .blockbasedarticlepage main .container h3,
  .blockbasedarticlepage main .container h3.container-heading,
  .blockbasedarticlepage main .container-map h3, .electricitycalculatorpage main h3,
  .electricitycalculatorpage main h3.container-heading,
  .electricitycalculatorpage main .container h3,
  .electricitycalculatorpage main .container h3,
  .electricitycalculatorpage main .container h3.container-heading,
  .electricitycalculatorpage main .container-map h3, .moveinmoveoutpage main h3,
  .moveinmoveoutpage main h3.container-heading,
  .moveinmoveoutpage main .container h3,
  .moveinmoveoutpage main .container h3,
  .moveinmoveoutpage main .container h3.container-heading,
  .moveinmoveoutpage main .container-map h3 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: calc(clamp(28px, 3vw + 2px, 30px)) !important;
    line-height: 1.2;
    font-weight: unset;
    margin: 0 0 10px; }
  .blockbasedarticlepage main h4, .electricitycalculatorpage main h4, .moveinmoveoutpage main h4 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px !important;
    line-height: 1.1;
    font-weight: unset; }
  .blockbasedarticlepage main h5, .electricitycalculatorpage main h5, .moveinmoveoutpage main h5 {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px !important;
    line-height: 1.1;
    font-weight: unset; }
  .blockbasedarticlepage main .subheader, .electricitycalculatorpage main .subheader, .moveinmoveoutpage main .subheader {
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px; }
  .blockbasedarticlepage main ol, .blockbasedarticlepage main ul, .blockbasedarticlepage main li, .electricitycalculatorpage main ol, .electricitycalculatorpage main ul, .electricitycalculatorpage main li, .moveinmoveoutpage main ol, .moveinmoveoutpage main ul, .moveinmoveoutpage main li {
    font-size: 18px; }
  .blockbasedarticlepage main .container-heading--wastecollection, .electricitycalculatorpage main .container-heading--wastecollection, .moveinmoveoutpage main .container-heading--wastecollection {
    padding: calc(clamp(10px, 3vw + 10px, 20px)) 25px; }
    @media only screen and (max-width: 940px) {
      .blockbasedarticlepage main .container-heading--wastecollection, .electricitycalculatorpage main .container-heading--wastecollection, .moveinmoveoutpage main .container-heading--wastecollection {
        padding: calc(clamp(10px, 3vw + 10px, 20px)) 16px; } }
    @media only screen and (max-width: 719px) {
      .blockbasedarticlepage main .container-heading--wastecollection, .electricitycalculatorpage main .container-heading--wastecollection, .moveinmoveoutpage main .container-heading--wastecollection {
        padding: calc(clamp(10px, 3vw + 10px, 20px)) 20px; } }
  .blockbasedarticlepage main > .wrap, .electricitycalculatorpage main > .wrap, .moveinmoveoutpage main > .wrap {
    max-width: 100%;
    padding: 0;
    overflow: visible; }
    .blockbasedarticlepage main > .wrap p:not(.link-button) a:not(.link-button), .blockbasedarticlepage main > .wrap span a, .blockbasedarticlepage main > .wrap ul a, .blockbasedarticlepage main > .wrap ol a, .electricitycalculatorpage main > .wrap p:not(.link-button) a:not(.link-button), .electricitycalculatorpage main > .wrap span a, .electricitycalculatorpage main > .wrap ul a, .electricitycalculatorpage main > .wrap ol a, .moveinmoveoutpage main > .wrap p:not(.link-button) a:not(.link-button), .moveinmoveoutpage main > .wrap span a, .moveinmoveoutpage main > .wrap ul a, .moveinmoveoutpage main > .wrap ol a {
      color: #000000;
      font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 18px;
      text-decoration: underline;
      outline: none; }
      .blockbasedarticlepage main > .wrap p:not(.link-button) a:not(.link-button):hover, .blockbasedarticlepage main > .wrap span a:hover, .blockbasedarticlepage main > .wrap ul a:hover, .blockbasedarticlepage main > .wrap ol a:hover, .electricitycalculatorpage main > .wrap p:not(.link-button) a:not(.link-button):hover, .electricitycalculatorpage main > .wrap span a:hover, .electricitycalculatorpage main > .wrap ul a:hover, .electricitycalculatorpage main > .wrap ol a:hover, .moveinmoveoutpage main > .wrap p:not(.link-button) a:not(.link-button):hover, .moveinmoveoutpage main > .wrap span a:hover, .moveinmoveoutpage main > .wrap ul a:hover, .moveinmoveoutpage main > .wrap ol a:hover {
        text-decoration: none; }
      .blockbasedarticlepage main > .wrap p:not(.link-button) a:not(.link-button):focus, .blockbasedarticlepage main > .wrap span a:focus, .blockbasedarticlepage main > .wrap ul a:focus, .blockbasedarticlepage main > .wrap ol a:focus, .electricitycalculatorpage main > .wrap p:not(.link-button) a:not(.link-button):focus, .electricitycalculatorpage main > .wrap span a:focus, .electricitycalculatorpage main > .wrap ul a:focus, .electricitycalculatorpage main > .wrap ol a:focus, .moveinmoveoutpage main > .wrap p:not(.link-button) a:not(.link-button):focus, .moveinmoveoutpage main > .wrap span a:focus, .moveinmoveoutpage main > .wrap ul a:focus, .moveinmoveoutpage main > .wrap ol a:focus {
        box-shadow: 0px 0px 0px 2px #1a1a1a;
        border-radius: 5px;
        text-decoration: none; }
    .blockbasedarticlepage main > .wrap .darkblue-100 p:not(.link-button) a:not(.link-button), .blockbasedarticlepage main > .wrap .darkblue-100 span a, .blockbasedarticlepage main > .wrap .darkblue-100 ul a, .blockbasedarticlepage main > .wrap .darkblue-100 ol a, .blockbasedarticlepage main > .wrap .darkgrey-100 p:not(.link-button) a:not(.link-button), .blockbasedarticlepage main > .wrap .darkgrey-100 span a, .blockbasedarticlepage main > .wrap .darkgrey-100 ul a, .blockbasedarticlepage main > .wrap .darkgrey-100 ol a, .electricitycalculatorpage main > .wrap .darkblue-100 p:not(.link-button) a:not(.link-button), .electricitycalculatorpage main > .wrap .darkblue-100 span a, .electricitycalculatorpage main > .wrap .darkblue-100 ul a, .electricitycalculatorpage main > .wrap .darkblue-100 ol a, .electricitycalculatorpage main > .wrap .darkgrey-100 p:not(.link-button) a:not(.link-button), .electricitycalculatorpage main > .wrap .darkgrey-100 span a, .electricitycalculatorpage main > .wrap .darkgrey-100 ul a, .electricitycalculatorpage main > .wrap .darkgrey-100 ol a, .moveinmoveoutpage main > .wrap .darkblue-100 p:not(.link-button) a:not(.link-button), .moveinmoveoutpage main > .wrap .darkblue-100 span a, .moveinmoveoutpage main > .wrap .darkblue-100 ul a, .moveinmoveoutpage main > .wrap .darkblue-100 ol a, .moveinmoveoutpage main > .wrap .darkgrey-100 p:not(.link-button) a:not(.link-button), .moveinmoveoutpage main > .wrap .darkgrey-100 span a, .moveinmoveoutpage main > .wrap .darkgrey-100 ul a, .moveinmoveoutpage main > .wrap .darkgrey-100 ol a {
      color: #ffffff; }
    .blockbasedarticlepage main > .wrap > .container-block, .electricitycalculatorpage main > .wrap > .container-block, .moveinmoveoutpage main > .wrap > .container-block {
      display: none !important; }
    .blockbasedarticlepage main > .wrap .wrapper, .electricitycalculatorpage main > .wrap .wrapper, .moveinmoveoutpage main > .wrap .wrapper {
      max-width: 1180px;
      margin: 0 auto; }
    .blockbasedarticlepage main > .wrap .head-content, .blockbasedarticlepage main > .wrap .bottom-content, .electricitycalculatorpage main > .wrap .head-content, .electricitycalculatorpage main > .wrap .bottom-content, .moveinmoveoutpage main > .wrap .head-content, .moveinmoveoutpage main > .wrap .bottom-content {
      display: flex;
      width: 100%; }
    .blockbasedarticlepage main > .wrap .head-content, .electricitycalculatorpage main > .wrap .head-content, .moveinmoveoutpage main > .wrap .head-content {
      flex-flow: row wrap; }
      .blockbasedarticlepage main > .wrap .head-content .top-content, .electricitycalculatorpage main > .wrap .head-content .top-content, .moveinmoveoutpage main > .wrap .head-content .top-content {
        width: 100%; }
        .blockbasedarticlepage main > .wrap .head-content .top-content__header .intro, .electricitycalculatorpage main > .wrap .head-content .top-content__header .intro, .moveinmoveoutpage main > .wrap .head-content .top-content__header .intro {
          height: 584px;
          width: 100%;
          display: flex; }
          @media only screen and (max-width: 940px) {
            .blockbasedarticlepage main > .wrap .head-content .top-content__header .intro, .electricitycalculatorpage main > .wrap .head-content .top-content__header .intro, .moveinmoveoutpage main > .wrap .head-content .top-content__header .intro {
              height: 100%;
              margin-top: 68px; } }
          @media only screen and (max-width: 719px) {
            .blockbasedarticlepage main > .wrap .head-content .top-content__header .intro, .electricitycalculatorpage main > .wrap .head-content .top-content__header .intro, .moveinmoveoutpage main > .wrap .head-content .top-content__header .intro {
              margin-top: 41px; } }
          .blockbasedarticlepage main > .wrap .head-content .top-content__header .intro__image, .electricitycalculatorpage main > .wrap .head-content .top-content__header .intro__image, .moveinmoveoutpage main > .wrap .head-content .top-content__header .intro__image {
            width: 100%;
            height: 100%;
            position: relative;
            line-height: 0; }
            @media only screen and (max-width: 940px) {
              .blockbasedarticlepage main > .wrap .head-content .top-content__header .intro__image, .electricitycalculatorpage main > .wrap .head-content .top-content__header .intro__image, .moveinmoveoutpage main > .wrap .head-content .top-content__header .intro__image {
                height: 450px; } }
            .blockbasedarticlepage main > .wrap .head-content .top-content__header .intro__image img, .electricitycalculatorpage main > .wrap .head-content .top-content__header .intro__image img, .moveinmoveoutpage main > .wrap .head-content .top-content__header .intro__image img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover; }
          .blockbasedarticlepage main > .wrap .head-content .top-content__header .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content__header .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content__header .intro__content {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: #ffffff; }
        @media only screen and (max-width: 719px) {
          .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content {
            max-width: 100vw !important;
            padding: 0 25px;
            overflow: hidden; } }
        @media only screen and (max-width: 719px) {
          .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body .container-map, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body .container-map, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body .container-map {
            padding: 0; } }
        .blockbasedarticlepage main > .wrap .head-content .top-content__top-content-block, .electricitycalculatorpage main > .wrap .head-content .top-content__top-content-block, .moveinmoveoutpage main > .wrap .head-content .top-content__top-content-block {
          flex-direction: column; }
          .blockbasedarticlepage main > .wrap .head-content .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content) , .electricitycalculatorpage main > .wrap .head-content .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content) , .moveinmoveoutpage main > .wrap .head-content .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content) {
            max-width: 72%; }
            @media only screen and (max-width: 940px) {
              .blockbasedarticlepage main > .wrap .head-content .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content) , .electricitycalculatorpage main > .wrap .head-content .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content) , .moveinmoveoutpage main > .wrap .head-content .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content) {
                max-width: 100% !important; } }
        .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro {
          align-items: center;
          justify-content: center; }
          @media only screen and (max-width: 719px) {
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro {
              flex-direction: column; } }
          .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content {
            position: absolute; }
            @media only screen and (max-width: 719px) {
              .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content {
                width: 100%;
                position: relative; } }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content__heading, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content__heading, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content__heading {
              max-width: 770px; }
              @media only screen and (max-width: 940px) {
                .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content__heading, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content__heading, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content__heading {
                  max-width: 600px; } }
              @media only screen and (max-width: 719px) {
                .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content__heading, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content__heading, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content__heading {
                  max-width: 100%; } }
              .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1 {
                margin: 0;
                padding: 20px;
                text-align: center;
                color: #ffffff; }
                @media only screen and (max-width: 940px) {
                  .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1 {
                    font-size: 55px; } }
                @media only screen and (max-width: 719px) {
                  .blockbasedarticlepage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-article .intro__content__heading h1 {
                    font-size: 36px;
                    line-height: 44px; } }
        .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content {
          width: 584px;
          min-width: 584px;
          text-align: center;
          color: #ffffff; }
          @media only screen and (max-width: 940px) {
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content {
              min-width: 100%;
              max-width: 100%;
              height: 100%;
              padding-bottom: 30px; } }
          .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__heading, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__heading, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__heading, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__heading, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__heading, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__heading {
            margin: 20px 20px 0 20px; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__heading h1, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__heading h1, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__heading h1, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__heading h1, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__heading h1, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__heading h1 {
              text-align: center;
              color: #ffffff; }
          .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: 0 20px 0 20px;
            padding: 0;
            color: #ffffff; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h2, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h3, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h4, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody a, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody .lead, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h2, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h3, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h4, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody a, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody .lead, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h2, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h3, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h4, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody a, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody .lead, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h2, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h3, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h4, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody a, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody .lead, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h2, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h3, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody h4, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody a, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody .lead, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h2, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h3, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody h4, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody a, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody .lead {
              color: #ffffff; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p:last-child, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p:last-child, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p:last-child, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p:last-child, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p:last-child, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p:last-child {
              font-size: 18px;
              margin: 0 20px 0 20px; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p {
              font-size: 24px;
              color: #ffffff; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button {
              min-width: 10px;
              height: 50px;
              position: relative;
              display: flex;
              justify-content: center;
              align-items: center;
              border-radius: 50px;
              margin: 20px 0 20px 0;
              padding: 0 40px 0 20px;
              background-color: #ffffff;
              font-size: 20px;
              color: #1a1a1a;
              border: none; }
              .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button a, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button a, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button a, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button a, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button a, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button a {
                color: #1a1a1a;
                padding: 17px 45px 17px 40px;
                z-index: 1; }
                .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button a:hover, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button a:hover, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button a:hover, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button a:hover, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button a:hover, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button a:hover {
                  text-decoration: none; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p .link-button, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p .link-button, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p .link-button, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p .link-button, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p .link-button, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p .link-button {
              max-width: 30px; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button::after, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button::after, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button::after, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button::after, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody p.link-button::after, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button::after {
              content: "\E00D";
              font-family: "custom-icons";
              font-size: 50px;
              position: absolute;
              right: 5px; }
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table {
              width: auto;
              border: 0;
              margin: 30px;
              color: #ffffff; }
              .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                height: 80px; }
                .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td {
                  background-color: transparent;
                  font-size: 24px; }
                .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td img, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td img, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td img, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td img, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td img, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td img {
                  width: 50px;
                  height: 50px; }
                  .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td img img, .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td img img, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td img img, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td img img, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro__content__mainBody table tbody tr td img img, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody table tbody tr td img img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover; }
        .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro {
          flex-direction: row-reverse; }
          @media only screen and (max-width: 940px) {
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-segment .intro, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-segment .intro, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-segment .intro {
              flex-direction: column; } }
        .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro {
          flex-direction: row; }
          @media only screen and (max-width: 940px) {
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro {
              flex-direction: column-reverse; } }
          @media only screen and (max-width: 719px) {
            .blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content, .electricitycalculatorpage main > .wrap .head-content .top-content .layout-product .intro__content, .moveinmoveoutpage main > .wrap .head-content .top-content .layout-product .intro__content {
              min-width: 100%;
              height: 100%; } }
        .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom {
          display: flex;
          justify-content: center; }
          .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content {
            max-width: 1180px;
            width: 100%;
            margin: 0 0.75em; }
            @media only screen and (max-width: 940px) {
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content {
                margin: 0 50px; } }
            .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .aside-wrapper, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .aside-wrapper, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .aside-wrapper {
              position: relative; }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .aside-wrapper .aside, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .aside-wrapper .aside, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .aside-wrapper .aside {
                max-width: 13.95em;
                position: absolute;
                right: 0;
                top: 46px; }
            .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav {
              margin: 20px 0 20px 0;
              padding: 0; }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav .breadcrumb-list li, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav .breadcrumb-list li, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav .breadcrumb-list li {
                font-size: 18px; }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav ul a, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav ul a, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .breadcrumb-nav ul a {
                color: inherit;
                text-decoration: unset;
                font-weight: inherit;
                line-height: 1.6; }
            .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .locations, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .locations, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .locations {
              text-align: center;
              margin: 40px auto 20px; }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .locations img, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .locations img, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .locations img {
                max-height: 90px; }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .locations p, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .locations p, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .locations p {
                font-size: 22px; }
                .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .locations p span.spacer, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .locations p span.spacer, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .locations p span.spacer {
                  display: none; }
            .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body {
              margin: 30px 0 40px;
              max-width: 72%;
              color: #000000; }
              @media only screen and (max-width: 719px) {
                .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body {
                  padding-bottom: 10px; } }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body h1, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body h1, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body h1 {
                color: var(--text-color-default);
                line-height: 50px;
                margin-bottom: 15px; }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button {
                text-align: left; }
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button {
                min-width: 10px;
                height: 50px;
                position: relative;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                border-radius: 50px;
                margin: 20px 0 20px 0;
                background-color: #004876;
                font-size: 20px;
                color: #ffffff;
                border: none; }
                .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button:hover, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button:hover, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button:hover {
                  background-color: #1F6590; }
                .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button a:hover, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button a:hover, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content .article-main-body p.link-button a:hover {
                  text-decoration: none; }
            @media only screen and (max-width: 719px) {
              .blockbasedarticlepage main > .wrap .head-content .top-content__header-bottom__content, .electricitycalculatorpage main > .wrap .head-content .top-content__header-bottom__content, .moveinmoveoutpage main > .wrap .head-content .top-content__header-bottom__content {
                justify-content: center;
                margin: 0; } }
        .blockbasedarticlepage main > .wrap .head-content .top-content.no-sidemenu .aside, .electricitycalculatorpage main > .wrap .head-content .top-content.no-sidemenu .aside, .moveinmoveoutpage main > .wrap .head-content .top-content.no-sidemenu .aside {
          top: 79px; }
        .blockbasedarticlepage main > .wrap .head-content .top-content.fullwidth .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content):not(.accordion-block__content):not(.container-inner), .electricitycalculatorpage main > .wrap .head-content .top-content.fullwidth .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content):not(.accordion-block__content):not(.container-inner), .moveinmoveoutpage main > .wrap .head-content .top-content.fullwidth .top-content__top-content-block > div:not(.epi-form-container) > .wrapper > :first-child:not(.product-form-block__content):not(.accordion-block__content):not(.container-inner) {
          max-width: 100% !important; }
        .blockbasedarticlepage main > .wrap .head-content .top-content.fullwidth .article-main-body, .electricitycalculatorpage main > .wrap .head-content .top-content.fullwidth .article-main-body, .moveinmoveoutpage main > .wrap .head-content .top-content.fullwidth .article-main-body {
          max-width: 100%; }
    .blockbasedarticlepage main > .wrap .bottom-content, .electricitycalculatorpage main > .wrap .bottom-content, .moveinmoveoutpage main > .wrap .bottom-content {
      flex-direction: column; }
    .blockbasedarticlepage main > .wrap .feedback-form, .electricitycalculatorpage main > .wrap .feedback-form, .moveinmoveoutpage main > .wrap .feedback-form {
      display: flex;
      justify-content: flex-start;
      margin-left: 100px; }
      @media only screen and (max-width: 940px) {
        .blockbasedarticlepage main > .wrap .feedback-form, .electricitycalculatorpage main > .wrap .feedback-form, .moveinmoveoutpage main > .wrap .feedback-form {
          margin-left: 65px; } }
      @media only screen and (max-width: 719px) {
        .blockbasedarticlepage main > .wrap .feedback-form, .electricitycalculatorpage main > .wrap .feedback-form, .moveinmoveoutpage main > .wrap .feedback-form {
          justify-content: center;
          margin: 0; } }
    .blockbasedarticlepage main > .wrap #feedback, .electricitycalculatorpage main > .wrap #feedback, .moveinmoveoutpage main > .wrap #feedback {
      width: 600px; }
      @media only screen and (max-width: 940px) {
        .blockbasedarticlepage main > .wrap #feedback, .electricitycalculatorpage main > .wrap #feedback, .moveinmoveoutpage main > .wrap #feedback {
          width: 400px; } }
      @media only screen and (max-width: 719px) {
        .blockbasedarticlepage main > .wrap #feedback, .electricitycalculatorpage main > .wrap #feedback, .moveinmoveoutpage main > .wrap #feedback {
          width: 90vw; } }
    @media only screen and (max-width: 940px) {
      .blockbasedarticlepage main > .wrap .button--previous, .blockbasedarticlepage main > .wrap .button--next, .electricitycalculatorpage main > .wrap .button--previous, .electricitycalculatorpage main > .wrap .button--next, .moveinmoveoutpage main > .wrap .button--previous, .moveinmoveoutpage main > .wrap .button--next {
        margin-bottom: 0; } }
    @media only screen and (max-width: 719px) {
      .blockbasedarticlepage main > .wrap .button--previous, .blockbasedarticlepage main > .wrap .button--next, .electricitycalculatorpage main > .wrap .button--previous, .electricitycalculatorpage main > .wrap .button--next, .moveinmoveoutpage main > .wrap .button--previous, .moveinmoveoutpage main > .wrap .button--next {
        margin-bottom: 20px; } }
  .blockbasedarticlepage main p, .electricitycalculatorpage main p, .moveinmoveoutpage main p {
    margin: 0.55em 0 1.1em; }
  .blockbasedarticlepage main h4, .electricitycalculatorpage main h4, .moveinmoveoutpage main h4 {
    margin: 0.5em 0 0.5em; }
  .blockbasedarticlepage main table, .electricitycalculatorpage main table, .moveinmoveoutpage main table {
    color: #1a1a1a; }
  .blockbasedarticlepage main .text-block, .blockbasedarticlepage main .text-image-block, .blockbasedarticlepage main .full-width-item-block, .electricitycalculatorpage main .text-block, .electricitycalculatorpage main .text-image-block, .electricitycalculatorpage main .full-width-item-block, .moveinmoveoutpage main .text-block, .moveinmoveoutpage main .text-image-block, .moveinmoveoutpage main .full-width-item-block {
    color: #000000; }
  .blockbasedarticlepage main .text-block.left-align-button .link-button, .blockbasedarticlepage main .text-image-block.left-align-button .link-button, .blockbasedarticlepage main .article-main-body.left-align-button .link-button, .blockbasedarticlepage main .accordion-block.left-align-button .link-button, .electricitycalculatorpage main .text-block.left-align-button .link-button, .electricitycalculatorpage main .text-image-block.left-align-button .link-button, .electricitycalculatorpage main .article-main-body.left-align-button .link-button, .electricitycalculatorpage main .accordion-block.left-align-button .link-button, .moveinmoveoutpage main .text-block.left-align-button .link-button, .moveinmoveoutpage main .text-image-block.left-align-button .link-button, .moveinmoveoutpage main .article-main-body.left-align-button .link-button, .moveinmoveoutpage main .accordion-block.left-align-button .link-button {
    text-align: left; }
  .blockbasedarticlepage main .text-block .link-button a, .blockbasedarticlepage main .text-block a.link-button, .blockbasedarticlepage main .text-image-block .link-button a, .blockbasedarticlepage main .text-image-block a.link-button, .blockbasedarticlepage main .article-main-body .link-button a, .blockbasedarticlepage main .article-main-body a.link-button, .blockbasedarticlepage main .accordion-block .link-button a, .blockbasedarticlepage main .accordion-block a.link-button, .electricitycalculatorpage main .text-block .link-button a, .electricitycalculatorpage main .text-block a.link-button, .electricitycalculatorpage main .text-image-block .link-button a, .electricitycalculatorpage main .text-image-block a.link-button, .electricitycalculatorpage main .article-main-body .link-button a, .electricitycalculatorpage main .article-main-body a.link-button, .electricitycalculatorpage main .accordion-block .link-button a, .electricitycalculatorpage main .accordion-block a.link-button, .moveinmoveoutpage main .text-block .link-button a, .moveinmoveoutpage main .text-block a.link-button, .moveinmoveoutpage main .text-image-block .link-button a, .moveinmoveoutpage main .text-image-block a.link-button, .moveinmoveoutpage main .article-main-body .link-button a, .moveinmoveoutpage main .article-main-body a.link-button, .moveinmoveoutpage main .accordion-block .link-button a, .moveinmoveoutpage main .accordion-block a.link-button {
    font-size: 22px;
    background-color: #004876;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 1;
    margin: 0;
    padding: 15px 33px;
    text-decoration: none;
    transition: background 150ms ease; }
    .blockbasedarticlepage main .text-block .link-button a:hover, .blockbasedarticlepage main .text-block a.link-button:hover, .blockbasedarticlepage main .text-image-block .link-button a:hover, .blockbasedarticlepage main .text-image-block a.link-button:hover, .blockbasedarticlepage main .article-main-body .link-button a:hover, .blockbasedarticlepage main .article-main-body a.link-button:hover, .blockbasedarticlepage main .accordion-block .link-button a:hover, .blockbasedarticlepage main .accordion-block a.link-button:hover, .electricitycalculatorpage main .text-block .link-button a:hover, .electricitycalculatorpage main .text-block a.link-button:hover, .electricitycalculatorpage main .text-image-block .link-button a:hover, .electricitycalculatorpage main .text-image-block a.link-button:hover, .electricitycalculatorpage main .article-main-body .link-button a:hover, .electricitycalculatorpage main .article-main-body a.link-button:hover, .electricitycalculatorpage main .accordion-block .link-button a:hover, .electricitycalculatorpage main .accordion-block a.link-button:hover, .moveinmoveoutpage main .text-block .link-button a:hover, .moveinmoveoutpage main .text-block a.link-button:hover, .moveinmoveoutpage main .text-image-block .link-button a:hover, .moveinmoveoutpage main .text-image-block a.link-button:hover, .moveinmoveoutpage main .article-main-body .link-button a:hover, .moveinmoveoutpage main .article-main-body a.link-button:hover, .moveinmoveoutpage main .accordion-block .link-button a:hover, .moveinmoveoutpage main .accordion-block a.link-button:hover {
      text-decoration: none;
      background-color: #1F6590; }
    .blockbasedarticlepage main .text-block .link-button a:active, .blockbasedarticlepage main .text-block a.link-button:active, .blockbasedarticlepage main .text-image-block .link-button a:active, .blockbasedarticlepage main .text-image-block a.link-button:active, .blockbasedarticlepage main .article-main-body .link-button a:active, .blockbasedarticlepage main .article-main-body a.link-button:active, .blockbasedarticlepage main .accordion-block .link-button a:active, .blockbasedarticlepage main .accordion-block a.link-button:active, .electricitycalculatorpage main .text-block .link-button a:active, .electricitycalculatorpage main .text-block a.link-button:active, .electricitycalculatorpage main .text-image-block .link-button a:active, .electricitycalculatorpage main .text-image-block a.link-button:active, .electricitycalculatorpage main .article-main-body .link-button a:active, .electricitycalculatorpage main .article-main-body a.link-button:active, .electricitycalculatorpage main .accordion-block .link-button a:active, .electricitycalculatorpage main .accordion-block a.link-button:active, .moveinmoveoutpage main .text-block .link-button a:active, .moveinmoveoutpage main .text-block a.link-button:active, .moveinmoveoutpage main .text-image-block .link-button a:active, .moveinmoveoutpage main .text-image-block a.link-button:active, .moveinmoveoutpage main .article-main-body .link-button a:active, .moveinmoveoutpage main .article-main-body a.link-button:active, .moveinmoveoutpage main .accordion-block .link-button a:active, .moveinmoveoutpage main .accordion-block a.link-button:active {
      outline: 2px solid #1a1a1a;
      outline-offset: 3px; }
    .blockbasedarticlepage main .text-block .link-button a:focus-visible, .blockbasedarticlepage main .text-block a.link-button:focus-visible, .blockbasedarticlepage main .text-image-block .link-button a:focus-visible, .blockbasedarticlepage main .text-image-block a.link-button:focus-visible, .blockbasedarticlepage main .article-main-body .link-button a:focus-visible, .blockbasedarticlepage main .article-main-body a.link-button:focus-visible, .blockbasedarticlepage main .accordion-block .link-button a:focus-visible, .blockbasedarticlepage main .accordion-block a.link-button:focus-visible, .electricitycalculatorpage main .text-block .link-button a:focus-visible, .electricitycalculatorpage main .text-block a.link-button:focus-visible, .electricitycalculatorpage main .text-image-block .link-button a:focus-visible, .electricitycalculatorpage main .text-image-block a.link-button:focus-visible, .electricitycalculatorpage main .article-main-body .link-button a:focus-visible, .electricitycalculatorpage main .article-main-body a.link-button:focus-visible, .electricitycalculatorpage main .accordion-block .link-button a:focus-visible, .electricitycalculatorpage main .accordion-block a.link-button:focus-visible, .moveinmoveoutpage main .text-block .link-button a:focus-visible, .moveinmoveoutpage main .text-block a.link-button:focus-visible, .moveinmoveoutpage main .text-image-block .link-button a:focus-visible, .moveinmoveoutpage main .text-image-block a.link-button:focus-visible, .moveinmoveoutpage main .article-main-body .link-button a:focus-visible, .moveinmoveoutpage main .article-main-body a.link-button:focus-visible, .moveinmoveoutpage main .accordion-block .link-button a:focus-visible, .moveinmoveoutpage main .accordion-block a.link-button:focus-visible {
      outline: 2px solid #1a1a1a;
      outline-offset: 3px; }
    @media only screen and (max-width: 719px) {
      .blockbasedarticlepage main .text-block .link-button a, .blockbasedarticlepage main .text-block a.link-button, .blockbasedarticlepage main .text-image-block .link-button a, .blockbasedarticlepage main .text-image-block a.link-button, .blockbasedarticlepage main .article-main-body .link-button a, .blockbasedarticlepage main .article-main-body a.link-button, .blockbasedarticlepage main .accordion-block .link-button a, .blockbasedarticlepage main .accordion-block a.link-button, .electricitycalculatorpage main .text-block .link-button a, .electricitycalculatorpage main .text-block a.link-button, .electricitycalculatorpage main .text-image-block .link-button a, .electricitycalculatorpage main .text-image-block a.link-button, .electricitycalculatorpage main .article-main-body .link-button a, .electricitycalculatorpage main .article-main-body a.link-button, .electricitycalculatorpage main .accordion-block .link-button a, .electricitycalculatorpage main .accordion-block a.link-button, .moveinmoveoutpage main .text-block .link-button a, .moveinmoveoutpage main .text-block a.link-button, .moveinmoveoutpage main .text-image-block .link-button a, .moveinmoveoutpage main .text-image-block a.link-button, .moveinmoveoutpage main .article-main-body .link-button a, .moveinmoveoutpage main .article-main-body a.link-button, .moveinmoveoutpage main .accordion-block .link-button a, .moveinmoveoutpage main .accordion-block a.link-button {
        font-size: 18px; } }
  .blockbasedarticlepage main .text-block .link-button, .blockbasedarticlepage main .text-image-block .link-button, .blockbasedarticlepage main .article-main-body .link-button, .blockbasedarticlepage main .accordion-block .link-button, .electricitycalculatorpage main .text-block .link-button, .electricitycalculatorpage main .text-image-block .link-button, .electricitycalculatorpage main .article-main-body .link-button, .electricitycalculatorpage main .accordion-block .link-button, .moveinmoveoutpage main .text-block .link-button, .moveinmoveoutpage main .text-image-block .link-button, .moveinmoveoutpage main .article-main-body .link-button, .moveinmoveoutpage main .accordion-block .link-button {
    border: none;
    padding: 0;
    display: block;
    text-align: center;
    margin-right: 0; }
    .blockbasedarticlepage main .text-block .link-button a, .blockbasedarticlepage main .text-image-block .link-button a, .blockbasedarticlepage main .article-main-body .link-button a, .blockbasedarticlepage main .accordion-block .link-button a, .electricitycalculatorpage main .text-block .link-button a, .electricitycalculatorpage main .text-image-block .link-button a, .electricitycalculatorpage main .article-main-body .link-button a, .electricitycalculatorpage main .accordion-block .link-button a, .moveinmoveoutpage main .text-block .link-button a, .moveinmoveoutpage main .text-image-block .link-button a, .moveinmoveoutpage main .article-main-body .link-button a, .moveinmoveoutpage main .accordion-block .link-button a {
      text-decoration: none;
      color: #ffffff; }
  .blockbasedarticlepage main .text-block .accordion__content-text, .blockbasedarticlepage main .text-image-block .accordion__content-text, .blockbasedarticlepage main .article-main-body .accordion__content-text, .blockbasedarticlepage main .accordion-block .accordion__content-text, .electricitycalculatorpage main .text-block .accordion__content-text, .electricitycalculatorpage main .text-image-block .accordion__content-text, .electricitycalculatorpage main .article-main-body .accordion__content-text, .electricitycalculatorpage main .accordion-block .accordion__content-text, .moveinmoveoutpage main .text-block .accordion__content-text, .moveinmoveoutpage main .text-image-block .accordion__content-text, .moveinmoveoutpage main .article-main-body .accordion__content-text, .moveinmoveoutpage main .accordion-block .accordion__content-text {
    padding-left: 5px; }
  @media only screen and (max-width: 940px) {
    .blockbasedarticlepage main > .wrap .head-content, .electricitycalculatorpage main > .wrap .head-content, .moveinmoveoutpage main > .wrap .head-content {
      width: 100%; }
      .blockbasedarticlepage main > .wrap .head-content .top-content .article-main-body, .electricitycalculatorpage main > .wrap .head-content .top-content .article-main-body, .moveinmoveoutpage main > .wrap .head-content .top-content .article-main-body {
        max-width: 100%; }
      .blockbasedarticlepage main > .wrap .head-content .content-image img, .electricitycalculatorpage main > .wrap .head-content .content-image img, .moveinmoveoutpage main > .wrap .head-content .content-image img {
        height: 180px; }
    .blockbasedarticlepage main > .wrap .aside, .electricitycalculatorpage main > .wrap .aside, .moveinmoveoutpage main > .wrap .aside {
      display: none; }
    .blockbasedarticlepage main > .wrap > .container-block, .electricitycalculatorpage main > .wrap > .container-block, .moveinmoveoutpage main > .wrap > .container-block {
      display: flex !important; } }
  @media only screen and (max-width: 719px) {
    .blockbasedarticlepage main, .electricitycalculatorpage main, .moveinmoveoutpage main {
      /*Workaround for Firefox*/ }
      .blockbasedarticlepage main > .wrap .head-content .content-image img, .electricitycalculatorpage main > .wrap .head-content .content-image img, .moveinmoveoutpage main > .wrap .head-content .content-image img {
        height: 110px; }
      .blockbasedarticlepage main .locations p br, .electricitycalculatorpage main .locations p br, .moveinmoveoutpage main .locations p br {
        display: none; }
      .blockbasedarticlepage main .locations p span.spacer, .electricitycalculatorpage main .locations p span.spacer, .moveinmoveoutpage main .locations p span.spacer {
        display: inline !important; } }

body.blockbasedarticlepage .header-wrap.header-sprite {
  z-index: 999; }

body.blockbasedarticlepage ul.nav-local.nav-level-1 {
  top: 667px; }

body.blockbasedarticlepage ul, body.blockbasedarticlepage ol {
  font-size: 1em; }

body.blockbasedarticlepage:not(.no-main-image) .header-sprite {
  background-position: center -172px; }
  @media only screen and (max-width: 1226px) {
    body.blockbasedarticlepage:not(.no-main-image) .header-sprite {
      background-position-x: -895px; } }

body.blockbasedarticlepage:not(.no-main-image) .main {
  margin-top: -3.9rem; }

body.blockbasedarticlepage .epi-form-container {
  padding: 4rem 0; }

body.blockbasedarticlepage form[name*="BRF"], body.blockbasedarticlepage form[name*="brf"] {
  min-height: 300px; }

body.blockbasedarticlepage.no-main-image ul.nav-local.nav-level-1 {
  top: 240px; }

body.blockbasedarticlepage.no-main-image .aside-wrapper .aside {
  top: 145px !important; }

body.blockbasedarticlepage .bg-gray {
  background-color: #f1f3f4; }

body.blockbasedarticlepage.modal-open {
  overflow-y: hidden;
  padding-right: 15px;
  height: 100vh; }

body.blockbasedarticlepage #modal-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 999;
  display: none;
  justify-content: center;
  overflow-y: auto; }
  body.blockbasedarticlepage #modal-container #inner-modal {
    display: none;
    width: 90%;
    padding: 120px;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    box-sizing: border-box; }
    body.blockbasedarticlepage #modal-container #inner-modal .layout-article .intro__content {
      margin-left: 150px;
      margin-right: 150px; }
      @media only screen and (max-width: 719px) {
        body.blockbasedarticlepage #modal-container #inner-modal .layout-article .intro__content {
          margin-left: 20px;
          margin-right: 20px; }
          body.blockbasedarticlepage #modal-container #inner-modal .layout-article .intro__content h1 {
            font-size: 46px;
            line-height: 50px; } }
    @media only screen and (max-width: 1350px) {
      body.blockbasedarticlepage #modal-container #inner-modal .layout-segment .intro, body.blockbasedarticlepage #modal-container #inner-modal .layout-product .intro {
        height: 100%; }
        body.blockbasedarticlepage #modal-container #inner-modal .layout-segment .intro__content, body.blockbasedarticlepage #modal-container #inner-modal .layout-product .intro__content {
          min-width: 100%;
          max-width: 100%;
          height: 100%;
          padding-bottom: 30px; } }
    @media only screen and (max-width: 719px) {
      body.blockbasedarticlepage #modal-container #inner-modal .layout-segment .intro h1, body.blockbasedarticlepage #modal-container #inner-modal .layout-product .intro h1 {
        font-size: 46px;
        line-height: 50px; } }
    @media only screen and (max-width: 1350px) {
      body.blockbasedarticlepage #modal-container #inner-modal .layout-product .intro {
        flex-direction: column-reverse; }
        body.blockbasedarticlepage #modal-container #inner-modal .layout-product .intro__image {
          height: 450px; } }
    @media only screen and (max-width: 1350px) {
      body.blockbasedarticlepage #modal-container #inner-modal .layout-segment .intro {
        flex-direction: column; }
        body.blockbasedarticlepage #modal-container #inner-modal .layout-segment .intro__image {
          height: 450px; } }
    @media only screen and (max-width: 1100px) {
      body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-4, body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-8 {
        width: 100%; }
        body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-4 .general-partial-page, body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-8 .general-partial-page {
          flex-direction: column;
          margin: 0; }
          body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-image, body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-image {
            width: 100%;
            height: 180px;
            margin: 0; }
          body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body, body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body {
            width: 100%;
            align-items: flex-start;
            margin: 20px 0 0 0; }
            body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body__text h3, body.blockbasedarticlepage #modal-container #inner-modal .content-area-item.blockbasedarticlepage.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text h3 {
              min-height: auto;
              height: auto; } }
    @media only screen and (max-width: 940px) {
      body.blockbasedarticlepage #modal-container #inner-modal .bottom-content {
        margin-left: 0;
        margin-right: 0; } }
    @media only screen and (max-width: 940px) {
      body.blockbasedarticlepage #modal-container #inner-modal {
        width: 100%;
        padding: 50px 20px; } }
    body.blockbasedarticlepage #modal-container #inner-modal .button-close-modal {
      position: absolute;
      display: block;
      right: 25px;
      top: 25px;
      transition: 0.3s;
      z-index: 999; }
      body.blockbasedarticlepage #modal-container #inner-modal .button-close-modal .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 40px;
        cursor: pointer;
        color: #ffffff;
        box-sizing: border-box;
        border: 0; }
        body.blockbasedarticlepage #modal-container #inner-modal .button-close-modal .icon:focus-visible {
          outline: none; }
        body.blockbasedarticlepage #modal-container #inner-modal .button-close-modal .icon:focus {
          border: 2px solid black; }
        body.blockbasedarticlepage #modal-container #inner-modal .button-close-modal .icon:before {
          content: "\E06B";
          font-size: 26px; }

body.blockbasedarticlepage .lds-dual-ring {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px; }
  body.blockbasedarticlepage .lds-dual-ring.hidden {
    display: none; }
  body.blockbasedarticlepage .lds-dual-ring.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    opacity: 1;
    transition: opacity 0.2s ease-out; }
  body.blockbasedarticlepage .lds-dual-ring::after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fillingstationpage .fs-main {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .fillingstationpage .fs-main h1 {
    color: var(--text-color-default);
    text-align: center;
    margin-bottom: 0.8em; }
  .fillingstationpage .fs-main .wrap {
    width: 100%;
    max-width: 52rem;
    min-height: 0;
    overflow: visible;
    margin-top: 0; }
    .fillingstationpage .fs-main .wrap .container {
      background-color: transparent; }
  .fillingstationpage .fs-main .map-container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    height: 25.5em;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .fillingstationpage .fs-main .map-container .info-block {
      width: 325px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: #1178af; }
      .fillingstationpage .fs-main .map-container .info-block h2, .fillingstationpage .fs-main .map-container .info-block h3, .fillingstationpage .fs-main .map-container .info-block h4, .fillingstationpage .fs-main .map-container .info-block p, .fillingstationpage .fs-main .map-container .info-block a, .fillingstationpage .fs-main .map-container .info-block button, .fillingstationpage .fs-main .map-container .info-block link {
        color: #ffffff;
        margin-top: 0; }
      .fillingstationpage .fs-main .map-container .info-block p, .fillingstationpage .fs-main .map-container .info-block a, .fillingstationpage .fs-main .map-container .info-block button, .fillingstationpage .fs-main .map-container .info-block link, .fillingstationpage .fs-main .map-container .info-block ul, .fillingstationpage .fs-main .map-container .info-block ol, .fillingstationpage .fs-main .map-container .info-block li {
        font-size: 18px; }
      .fillingstationpage .fs-main .map-container .info-block h4 {
        font-size: 22px; }
      .fillingstationpage .fs-main .map-container .info-block h3 {
        font-size: 26px; }
      .fillingstationpage .fs-main .map-container .info-block h2 {
        font-size: 30px; }
      .fillingstationpage .fs-main .map-container .info-block__content {
        max-height: 350px;
        margin: 0 2rem;
        padding-bottom: 2.5rem;
        color: white; }
        .fillingstationpage .fs-main .map-container .info-block__content p {
          font-size: 18px; }
        .fillingstationpage .fs-main .map-container .info-block__content p.link-button {
          border-radius: 50px;
          margin: 0;
          padding: 0.6rem 0;
          background-color: #ffffff;
          font-size: 20px;
          color: #1a1a1a;
          transition: background 150ms ease; }
          .fillingstationpage .fs-main .map-container .info-block__content p.link-button:hover {
            background-color: #E9FAFF; }
          .fillingstationpage .fs-main .map-container .info-block__content p.link-button a {
            font-size: 20px;
            color: #1a1a1a;
            padding: 0 1.5rem;
            z-index: 1; }
            .fillingstationpage .fs-main .map-container .info-block__content p.link-button a:hover {
              text-decoration: none; }
    .fillingstationpage .fs-main .map-container .search-block {
      position: absolute;
      width: 100%;
      max-width: 52rem;
      bottom: -9rem;
      z-index: 10; }
    .fillingstationpage .fs-main .map-container .map-block {
      flex: 1; }
      .fillingstationpage .fs-main .map-container .map-block .fs-map {
        margin: 0 auto;
        max-width: 75em;
        height: 25.5em;
        position: relative;
        overflow: hidden; }
        .fillingstationpage .fs-main .map-container .map-block .fs-map #mapblock {
          height: 100%; }
        .fillingstationpage .fs-main .map-container .map-block .fs-map button.gm-ui-hover-effect {
          visibility: hidden; }
        .fillingstationpage .fs-main .map-container .map-block .fs-map .fs-map-marker-info-container {
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 17px; }
          .fillingstationpage .fs-main .map-container .map-block .fs-map .fs-map-marker-info-container .fs-map-marker-info-heading {
            color: black;
            padding-bottom: 0.35294em; }
          .fillingstationpage .fs-main .map-container .map-block .fs-map .fs-map-marker-info-container .fs-map-marker-info-read-more {
            display: block;
            margin-top: .2rem;
            color: #1178af;
            font-weight: bold;
            cursor: pointer; }
  .fillingstationpage .fs-main .fs-search-container {
    font-size: 100%;
    padding: 1.5em 2em 1.5em 2em;
    background-color: #dfdbd7;
    transform: translateY(-50%);
    margin: 0 .75em; }
    .fillingstationpage .fs-main .fs-search-container .fs-search-form {
      position: relative;
      padding-right: 6.8em; }
      .fillingstationpage .fs-main .fs-search-container .fs-search-form .icon-search {
        display: flex;
        align-self: center; }
      .fillingstationpage .fs-main .fs-search-container .fs-search-form .fs-search-field {
        font-size: 100%;
        width: 100%;
        height: 2.1em;
        border: none;
        border-radius: 3px;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        box-sizing: border-box;
        padding-left: 2.5em;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        .fillingstationpage .fs-main .fs-search-container .fs-search-form .fs-search-field::-webkit-input-placeholder {
          color: #000;
          font-style: italic; }
        .fillingstationpage .fs-main .fs-search-container .fs-search-form .fs-search-field::-moz-placeholder {
          color: #000;
          font-style: italic; }
        .fillingstationpage .fs-main .fs-search-container .fs-search-form .fs-search-field:-ms-input-placeholder {
          color: #000;
          font-style: italic; }
        .fillingstationpage .fs-main .fs-search-container .fs-search-form .fs-search-field:-moz-placeholder {
          color: #000;
          font-style: italic; }
      .fillingstationpage .fs-main .fs-search-container .fs-search-form .fs-search-icon {
        position: absolute;
        top: 0.5em;
        left: 0.6em;
        color: #1178af; }
      .fillingstationpage .fs-main .fs-search-container .fs-search-form .newButton {
        width: 110px;
        height: 50px;
        font-size: 100%;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        padding: .8rem 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #004876;
        border: none;
        border-radius: 30px;
        color: #ffffff;
        cursor: pointer;
        line-height: 1;
        margin: 0 0 0.25em 0;
        text-decoration: none;
        transition: background 150ms ease;
        z-index: 10;
        font-size: 20px; }
        .fillingstationpage .fs-main .fs-search-container .fs-search-form .newButton:hover {
          text-decoration: none;
          background-color: #1F6590; }
        .fillingstationpage .fs-main .fs-search-container .fs-search-form .newButton:focus {
          color: #ffffff;
          background-color: #1F6590;
          outline: 3px solid #000000;
          outline-offset: 4px; }
        .fillingstationpage .fs-main .fs-search-container .fs-search-form .newButton:focus-visible {
          outline: none; }
      .fillingstationpage .fs-main .fs-search-container .fs-search-form .fs-search-button {
        position: absolute;
        right: 0;
        top: -4px;
        margin: 0; }
  .fillingstationpage .fs-main .fs-list {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 100%;
    width: auto;
    font-size: 20px;
    margin-top: 8rem; }
    .fillingstationpage .fs-main .fs-list ul {
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 100%; }
    .fillingstationpage .fs-main .fs-list li {
      padding: 0;
      margin: 0;
      line-height: 1; }
    .fillingstationpage .fs-main .fs-list li {
      margin: 0 0 1.6rem 0;
      line-height: 1.5;
      position: relative; }
      .fillingstationpage .fs-main .fs-list li .fs-list-content {
        margin-right: 1.95rem; }
        .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header {
          position: relative;
          width: 100%;
          min-height: 60px;
          height: auto;
          display: flex;
          align-items: center;
          padding-left: 2rem;
          background-color: #1178af;
          color: #ffffff;
          font-size: 22px;
          border-radius: 40px;
          cursor: pointer;
          margin-right: 4rem;
          transition: background 150ms ease; }
          .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header:hover {
            text-decoration: none;
            background-color: #1F6590; }
          .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header:focus {
            color: #ffffff;
            background-color: #1F6590;
            outline: 2px solid black; }
          .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header-heading {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: auto;
            padding: 0.7rem 3.7rem 0.7rem 0;
            font-size: 20px; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header-heading .fs-list-gastype {
              padding-left: 20px; }
          .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header-pricing {
            position: absolute;
            top: 0;
            right: 0;
            text-align: right;
            transform: translateY(-25%); }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header-pricing-price {
              color: black;
              font-size: 1.26316em;
              font-weight: bold; }
        .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body {
          display: none;
          font-size: 20px; }
          .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section {
            margin-top: 1.1em; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section:first-child {
              margin-top: 1.6em;
              margin-right: 2rem; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section:not(:last-child) {
              margin-left: 1rem; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-box {
              display: inline-block; }
              .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-box:not(:first-child) {
                margin-left: 4.5em; }
              .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-box-item {
                white-space: nowrap; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-label::after {
              content: ": "; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-heading, .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-value {
              font-weight: bold; }
          .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section:first-child {
            display: flex;
            flex-direction: row; }
          .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body .newButton {
            font-size: 100%;
            font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 400;
            color: #000;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            padding: .8rem 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #004876;
            border: none;
            border-radius: 30px;
            color: #ffffff;
            cursor: pointer;
            line-height: 1;
            margin: 0 0 0.25em 0;
            text-decoration: none;
            transition: background 150ms ease;
            z-index: 10;
            margin-bottom: 3rem;
            font-size: 20px; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body .newButton:hover {
              text-decoration: none;
              background-color: #1F6590; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body .newButton:focus {
              color: #ffffff;
              background-color: #1F6590;
              outline: 3px solid #000000;
              outline-offset: 4px; }
            .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body .newButton:focus-visible {
              outline: none; }
      .fillingstationpage .fs-main .fs-list li .fs-list-expand-button {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 1.2rem;
        width: 1.6em;
        height: 1.6em;
        color: #ffffff; }
        .fillingstationpage .fs-main .fs-list li .fs-list-expand-button.icon:before {
          font-size: 110%; }
  .fillingstationpage .fs-main .fs-search-no-match {
    text-align: center;
    padding-bottom: 1.5em; }

@media only screen and (max-width: 940px) {
  .fillingstationpage .fs-main .map-container .info-block {
    width: 280px; }
    .fillingstationpage .fs-main .map-container .info-block__content {
      margin: 0 1rem; }
  .fillingstationpage .fs-main .map-container .map-block .fs-map .fs-map-marker-info-container {
    font-size: 14px; }
  .fillingstationpage .fs-main .map-container .search-block .fs-search-container {
    font-size: 20px; }
    .fillingstationpage .fs-main .map-container .search-block .fs-search-container .fs-search-form .fs-search-field {
      font-size: 18px;
      height: 2.08333em; }
  .fillingstationpage .fs-main .fs-list {
    font-size: 20px;
    line-height: 1; }
    .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body {
      font-size: 18px;
      line-height: 1.5; }
      .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-show-on-map-button {
        font-size: 100%; }
  .fillingstationpage .fs-main .fs-search-no-match {
    font-size: 0.6em;
    padding-bottom: 0; } }

@media only screen and (max-width: 719px) {
  .fillingstationpage .fs-main .wrap {
    margin: 0; }
  .fillingstationpage .fs-main .map-container {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    margin: 0; }
    .fillingstationpage .fs-main .map-container .info-block {
      position: relative;
      width: auto;
      height: 100%;
      margin: 0 .75em;
      bottom: 0; }
      .fillingstationpage .fs-main .map-container .info-block__content {
        margin: 1em 1.35em; }
    .fillingstationpage .fs-main .map-container .search-block {
      position: relative;
      bottom: 0;
      z-index: initial; }
      .fillingstationpage .fs-main .map-container .search-block .fs-search-container {
        transform: translateY(0);
        padding: 1.35em 1.35em 0.4em 1.35em;
        z-index: initial; }
        .fillingstationpage .fs-main .map-container .search-block .fs-search-container .fs-search-form {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding-right: 0; }
          .fillingstationpage .fs-main .map-container .search-block .fs-search-container .fs-search-form .fs-search-button {
            position: relative;
            max-width: 110px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 1.2rem 0 0.5rem 0; }
    .fillingstationpage .fs-main .map-container .map-block {
      width: 100%;
      display: block;
      margin: 0; }
  .fillingstationpage .fs-main .fs-map {
    padding: 0 .75em;
    max-width: 360px;
    box-sizing: border-box; }
    .fillingstationpage .fs-main .fs-map .fs-map-marker-info-container {
      font-size: 17px; }
  .fillingstationpage .fs-main .fs-list {
    position: relative;
    font-size: 100%;
    margin-top: 1.6rem;
    bottom: 0; }
    .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header {
      position: relative; }
      .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header-heading {
        margin: 0; }
      .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-header-pricing {
        position: relative;
        top: 0;
        right: 0;
        text-align: left;
        transform: translateY(0); }
    .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section-box:not(:first-child) {
      margin-left: 0; }
    .fillingstationpage .fs-main .fs-list li .fs-list-content .fs-list-body-section:first-child {
      flex-direction: column; }
    .fillingstationpage .fs-main .fs-list li .fs-list-expand-button {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      right: 1.2rem;
      width: 1.6em;
      height: 1.6em;
      color: #ffffff; }
      .fillingstationpage .fs-main .fs-list li .fs-list-expand-button.icon:before {
        font-size: 110%; }
  .fillingstationpage .fs-main .fs-search-no-match {
    font-size: 100%;
    padding-top: 1em; } }

.bffcustomerservicepage.new-style main .content {
  margin-bottom: 40px;
  overflow: visible; }

.bffcustomerservicepage.new-style main .main-body {
  margin-bottom: 40px; }
  .bffcustomerservicepage.new-style main .main-body p {
    margin: 0; }

.bffcustomerservicepage.new-style main .search__form {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }

.bffcustomerservicepage.new-style main .search__textboxes.form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px; }

.bffcustomerservicepage.new-style main .search__textbox.form-input {
  display: inline-block;
  width: 230px; }

.bffcustomerservicepage.new-style main .search #org_textbox {
  display: none; }

.bffcustomerservicepage.new-style main .search .field-validation-error {
  margin: 0; }
  .bffcustomerservicepage.new-style main .search .field-validation-error::before {
    top: 5px; }

.bffcustomerservicepage.new-style main .search__text-danger {
  display: inline-block;
  margin-top: 20px;
  color: red; }

.result {
  margin-top: 40px;
  border-top: 1px solid #dadada; }
  .result__hits {
    margin-top: 40px; }
    .result__hits.user {
      margin-top: 20px; }
  .result__hit {
    margin-bottom: 5px; }
  .result .choices {
    margin-top: 40px; }

.list-accounts {
  padding-top: 40px;
  border-top: 1px solid #dadada; }
  .list-accounts__result-text {
    margin-bottom: 20px; }
  .list-accounts__result:not(:last-child) {
    margin-bottom: 40px; }
  .list-accounts__company {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 0; }
  .list-accounts__number {
    margin-bottom: 5px; }
  .list-accounts__name {
    font-family: "KarminaSans-Bold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px; }

.registrate__heading {
  margin-bottom: 40px; }

.registrate .form-group.single {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .registrate .form-group.single #customer-search-input {
    width: 30%; }

.delegate #availableOrganisations {
  margin: 40px 0 30px; }

.delegate .form-button.preview-text {
  margin-top: 10px; }

.success-message {
  margin-top: 40px;
  font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.list-accounts, .registrate, .assignment, .delegate, .preview {
  margin: 40px 0 20px;
  padding-top: 40px;
  border-top: 1px solid #dadada; }
  .list-accounts h3, .registrate h3, .assignment h3, .delegate h3, .preview h3 {
    margin-top: 0; }

.availableOrganisations {
  margin: 40px 0; }

body.mpelectricitygridpricepage.new-style main .wrap {
  padding: 0;
  max-width: initial; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__wrap {
  padding: 0 .75em;
  max-width: 59em;
  margin: 0 auto 40px; }
  @media only screen and (max-width: 940px) {
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__wrap {
      max-width: 768px; } }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .grey {
  color: #7a8991; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__heading {
  display: inline-block;
  flex-direction: row;
  align-items: center; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__intro {
  max-width: 730px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__intro .single-accordion {
    width: 100%;
    max-width: 730px;
    margin: 40px 0; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__intro .single-accordion__label {
      justify-content: space-between; }
      @media only screen and (max-width: 480px) {
        body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__intro .single-accordion__label {
          justify-content: center; } }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__intro .single-accordion .content {
      position: initial;
      max-width: initial; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__information-accordions h2 {
  margin-bottom: 0; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__information-accordions .accordion__label-container {
  border: 2px solid #1a1a1a; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage__information-accordions .accordion-block__content {
  padding-top: 0;
  padding-bottom: 0; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-list__progress {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 10px; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-list__tab {
  width: 90px;
  border-bottom: 8px solid #d7dbde;
  padding-bottom: 5px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-list__tab.active {
    border-bottom: 8px solid #0087cc; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-list__text {
  margin-bottom: 32px;
  max-width: 730px; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-list #month .mypages-dropdown {
  max-width: 360px; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-list #month .mypages-dropdown-button.solo.white {
  border: 2px solid #1a1a1a; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model {
  min-height: 400px; }
  @media only screen and (max-width: 1226px) {
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model {
      padding: 0; } }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #d7dbde;
    min-height: 400px; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__loading--spinner {
      display: inline-block;
      background: url(/Static/Images/loading_128.gif) no-repeat;
      background-size: 70px;
      padding: 0;
      width: 70px;
      height: 70px;
      margin-bottom: 20px; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__loading.error {
      color: #B90000; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__wrap {
    max-width: 60.5em;
    margin: 0 auto;
    padding-bottom: 40px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 {
    min-width: 100vw;
    background-color: #d7dbde; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1__link {
      position: relative; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 #single-accordion-content, body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 #single-accordion-content2 {
      position: initial; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 body.modal-open {
      overflow: hidden; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal {
      display: none;
      z-index: 1000;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.4);
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal__content {
        position: relative;
        width: 100%;
        max-width: 900px;
        margin: auto;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.09); }
        @media only screen and (max-width: 940px) {
          body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal__content {
            border-radius: 0; } }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal__close, body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal__close2 {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        font-size: 40px;
        gap: 10px;
        cursor: pointer; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal .icon-close {
        font-size: 18px; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal__heading {
        margin-top: 40px; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal__information {
        font-size: 16px;
        color: #B90000;
        margin: 40px 0 24px; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal table {
        width: 100%;
        border-collapse: collapse; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal thead tr th {
        vertical-align: middle; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal th, body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal td {
        padding: 12px 8px;
        text-align: left; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal td:first-child {
        white-space: nowrap; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal th {
        background-color: #004876;
        color: white; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model #step1 .modal tr:nth-child(even) {
        background-color: #dadada;
        border-bottom: 1px solid #7a8991; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__end-date {
    color: #B90000; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__price {
    font-size: 32px;
    margin-bottom: 10px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__date {
    font-size: 18px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__information {
    margin-bottom: 10px;
    color: #647487; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__information p {
      margin: 0; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__header {
    margin-block: 0; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__header-text {
    font-size: 18px;
    line-height: 1.3; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__link {
    margin-top: 10px;
    margin-bottom: 30px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__detail-dropdown {
    padding-left: 20px; }
  @media only screen and (max-width: 940px) {
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__form {
      max-width: 768px; } }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .custom-button {
    display: flex;
    align-items: center;
    height: 60px;
    background-color: #004876;
    color: white;
    margin-top: 20px;
    padding-left: 25px;
    border: none;
    border-radius: 30px;
    cursor: pointer; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .custom-button:hover {
      background-color: #1F6590; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .custom-button:focus-visible {
      outline: 2px solid #004876;
      outline-offset: 4px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .radio-custom-button {
    display: none; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .radio-label {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 20px;
    background-color: transparent;
    outline: 2px solid #ffffff;
    outline-offset: 4px;
    border-radius: 50%; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .radio-custom-button:checked ~ .radio-label {
    background-color: #004876; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area {
    margin-top: 24px; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .box.radio-box {
      flex: 1;
      align-self: start;
      min-height: 390px; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .box.active {
      background-color: #E9FAFF; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .box.active .single-accordion__label {
        background-color: #E9FAFF; }
        body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .box.active .single-accordion__label:hover {
          background-color: #ffffff; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .box.active .single-accordion .content {
        position: relative; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .box.active .custom-button {
        margin-top: 20px;
        background-color: #89AEC0;
        color: #C2D3DE; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .old-box {
      align-self: start; }
      @media only screen and (max-width: 719px) {
        body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area .old-box {
          align-self: initial; } }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area__wrap {
      padding: 0 .75em; }
      @media only screen and (max-width: 1194px) {
        body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .boxes-area__wrap {
          padding: 0; } }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__button-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%; }
    @media only screen and (max-width: 940px) {
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__button-wrapper {
        margin: 0 auto;
        max-width: 768px; } }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__button-wrapper #nextBtn {
      margin-right: .75em; }
      @media only screen and (max-width: 940px) {
        body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__button-wrapper #nextBtn {
          margin-right: 0; } }
      @media only screen and (max-width: 779px) {
        body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__button-wrapper #nextBtn {
          margin-right: .75em; } }
    @media only screen and (max-width: 719px) {
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model__button-wrapper .new-link-button {
        width: auto; } }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .price-model .assigned-model {
    align-self: center;
    margin: 20px 0;
    color: #004876; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .facts__heading {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .facts__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .approve {
  max-width: 360px;
  border-top: 2px solid #C98177;
  border-right: 2px solid #C98177;
  border-bottom: 2px solid #C98177;
  border-left: 8px solid #C98177;
  padding: 16px 24px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .approve .icon-elnat::before {
    font-size: 20px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .approve__text {
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
    font-weight: 700; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .approve__radio {
    font-size: 18px;
    display: flex;
    align-items: flex-start;
    margin-top: 30px; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .approve__radio input {
      width: 25px;
      height: 25px;
      border-width: 2px;
      margin-right: 10px;
      margin-left: 0;
      flex-shrink: 0; }
      body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .approve__radio input::before {
        width: 15px;
        height: 15px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .approve__text {
    font-size: 20px;
    font-weight: 700; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .buttons-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .buttons-wrapper__submit-wrapper {
    display: flex;
    align-items: center; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .buttons-wrapper__submit-wrapper .spinner {
      display: inline-block;
      width: 32px;
      position: relative;
      background: url(/Static/Images/loading_128.gif) no-repeat;
      background-size: 32px;
      padding: 0;
      height: 32px;
      margin-right: 20px; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .buttons-wrapper__submit-wrapper .new-link-button {
      width: auto;
      margin: 0; }
  body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .buttons-wrapper .back-button {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    color: #004876; }
    body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .buttons-wrapper .back-button .icon-thinarrow::before {
      transform: rotate(180deg);
      margin-right: 10px;
      font-weight: 600; }

body.mpelectricitygridpricepage.new-style main .electricitygridpricepage .submit-error {
  text-align: right;
  margin: 20px 20px 0 0;
  color: #B90000; }

body.mpelectricitygridpricepage.new-style main .step3 {
  max-width: 730px; }
  body.mpelectricitygridpricepage.new-style main .step3__content {
    display: inline-flex;
    flex-direction: column;
    align-items: center; }
    body.mpelectricitygridpricepage.new-style main .step3__content .icon-elnat {
      font-size: 50px;
      color: #004876;
      margin-bottom: 30px; }
    body.mpelectricitygridpricepage.new-style main .step3__content .new-link-button {
      margin-top: 30px;
      width: auto; }
    @media only screen and (max-width: 719px) {
      body.mpelectricitygridpricepage.new-style main .step3__content {
        display: inline-flex;
        flex-direction: column; }
        body.mpelectricitygridpricepage.new-style main .step3__content h1, body.mpelectricitygridpricepage.new-style main .step3__content p {
          text-align: center; } }
  body.mpelectricitygridpricepage.new-style main .step3__text {
    margin-top: 10px;
    text-align: center;
    line-height: 1.5; }
  body.mpelectricitygridpricepage.new-style main .step3__email-confirmation {
    margin-bottom: 20px; }
  body.mpelectricitygridpricepage.new-style main .step3__helpdeskid {
    margin-top: 20px; }

.study-visit-block {
  position: relative; }
  .study-visit-block fieldset:not(:last-child) {
    border-bottom: 1px solid #d2d2d2; }
  .study-visit-block button[type=submit] {
    float: right; }
  .study-visit-block button.datepicker {
    cursor: pointer; }
  .study-visit-block select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist; }
  .study-visit-block .submit-loading {
    background: transparent url(/static/images/loading_128_2.gif) no-repeat center center;
    background-size: 1.8em;
    float: right;
    width: 1em;
    height: 1em;
    margin-left: 0.25em;
    display: none; }
  .study-visit-block .studyvisit-message {
    padding-top: 1em; }

.filling-station-block .container-inner {
  position: relative; }

.filling-station-block .container-heading {
  height: 160px;
  box-sizing: border-box;
  border-bottom: none;
  font-size: 1.6em;
  margin: 0 0.78125em;
  padding-top: 1.65625em;
  padding-bottom: 0;
  z-index: 80;
  position: relative; }

.filling-station-block .container-body {
  margin: 0;
  z-index: 90;
  position: relative;
  padding: 0 1.25em;
  font-size: 100%; }

.filling-station-block-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  max-height: 160px;
  overflow: hidden; }
  .filling-station-block-image:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); }
  .filling-station-block-image img {
    width: 100%;
    height: auto; }

.filling-station-block-list {
  list-style: none;
  width: 100%;
  font-size: 100%;
  padding: 0;
  margin: 0 0 0.8em 0;
  border-top: 1px solid #f2f2f2; }
  .filling-station-block-list-heading {
    font-size: 0.73684em;
    text-transform: none;
    color: #707070;
    font-weight: bold;
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 0.42105em; }
    .filling-station-block-list-heading span {
      display: inline-block; }
      .filling-station-block-list-heading span:nth-child(1) {
        width: 73%; }
      .filling-station-block-list-heading span:nth-child(2) {
        width: 26.9%;
        float: right;
        text-align: right; }
  .filling-station-block-list li {
    display: block;
    padding: 0.4em 0;
    border-bottom: 1px solid #f2f2f2;
    margin: 0; }
    .filling-station-block-list li *:nth-child(1) {
      display: inline-block;
      width: 73%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .filling-station-block-list li *:nth-child(2) {
      display: inline-block;
      width: 26.9%;
      float: right;
      text-align: right; }

.filling-station-block-footer {
  text-align: right;
  margin-bottom: .8em; }
  .filling-station-block-footer a {
    font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media only screen and (max-width: 940px) {
  .filling-station-block .container-heading {
    height: 85px;
    font-size: 0.9em;
    margin: 0 0.88889em;
    padding: 1.5em 0 1.5em; }
  .filling-station-block .container-body {
    font-size: 13px; }
  .filling-station-block-image {
    max-height: 85px; } }

@media only screen and (max-width: 719px) {
  .filling-station-block .container-heading {
    height: 140px;
    font-size: 1.2em;
    margin: 0 0.79167em;
    padding: 1.95833em 0 1.875em; }
  .filling-station-block .container-body {
    font-size: 100%; }
  .filling-station-block-image {
    max-height: 140px; }
  .filling-station-block-list li *:nth-child(1) {
    display: inline-block;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    width: 65%; }
  .filling-station-block-list li *:nth-child(2) {
    width: 34.9%; }
  .filling-station-block-footer {
    text-align: center;
    margin-bottom: .6em; } }

.form-map-block #pac-input {
  margin-bottom: 10px;
  font-size: 14px; }

.form-map-block #pac-input::-moz-placeholder {
  font-size: 14px; }

.form-map-block #pac-input::placeholder {
  font-size: 14px; }

.form-map-block #map-info #delete-all-button {
  display: none;
  margin-top: 10px;
  color: #fff; }
  .form-map-block #map-info #delete-all-button:hover {
    background-color: #1F6590; }
  .form-map-block #map-info #delete-all-button:focus {
    background-color: #1F6590; }

.Form__Status p {
  outline: none; }

.remove-item-button {
  cursor: pointer; }

.Form__Element.FormExcludeDataRebind.FormSubmitButton {
  display: block; }

.ValidationRequired > .form-label:after {
  content: " *"; }

.text-block {
  padding: 80px 220px;
  color: #000000; }
  .text-block.one-column .container-body {
    -moz-column-count: 1;
         column-count: 1; }
    .text-block.one-column .container-body p {
      max-width: 720px !important; }
  .text-block .container-body {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 160px;
         column-gap: 160px;
    max-width: 1600px;
    margin: 0 auto; }
    .text-block .container-body p.footnote {
      border-top: 1px solid #dadada;
      padding-top: 10px;
      margin-top: 50px;
      font-style: italic; }
    .text-block .container-body p:last-child {
      margin-bottom: 0; }
    .text-block .container-body blockquote {
      font-size: 32px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0;
      width: 100%; }
    .text-block .container-body h3 {
      font-size: 160%;
      margin: 0 0 0.3em;
      padding: 0;
      border: none;
      text-transform: none; }

.container > .container-inner > .container-body.left-align-button .link-button {
  text-align: left; }

@media only screen and (max-width: 1600px) {
  .text-block {
    padding: 80px 120px; }
    .text-block .container-body {
      max-width: none;
      -moz-column-gap: 120px;
           column-gap: 120px; } }

@media only screen and (max-width: 1226px) {
  .text-block {
    padding: 60px 80px; }
    .text-block .container-body {
      -moz-column-gap: 80px;
           column-gap: 80px; } }

@media only screen and (max-width: 940px) {
  .text-block {
    padding: 50px 25px; }
    .text-block .container-body {
      -moz-column-gap: 40px;
           column-gap: 40px; } }

@media only screen and (max-width: 719px) {
  .text-block .container-body {
    -moz-column-count: 1;
         column-count: 1; } }

@media only screen and (max-width: 480px) {
  .text-block {
    padding: 30px 25px; } }

body.blockbasedarticlepage .text-block {
  padding: 80px 0; }
  @media only screen and (max-width: 1226px) {
    body.blockbasedarticlepage .text-block {
      padding: 80px 0.75em; } }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .text-block {
      padding: 50px 50px; } }
  body.blockbasedarticlepage .text-block .container-body {
    padding: 0;
    margin: 0; }

.text-block .container-inner {
  background-color: transparent; }

.iframeblock {
  width: 100%;
  margin: 60px auto;
  padding: 0; }
  .iframeblock .wrapper {
    max-width: 100% !important; }
  .iframeblock__text {
    max-width: 1180px;
    margin: 0 auto; }
  .iframeblock__title {
    margin: 0; }
  .iframeblock__iframe {
    width: 1px;
    min-width: 100%;
    padding: 0;
    border: none; }
  .iframeblock__container.full-width {
    max-width: 1280px !important;
    margin: 0 auto; }

.text-image-block {
  background-color: #eeebee; }
  .text-image-block.darkblue {
    background-color: #eaecef; }
  .text-image-block.lightblue {
    background-color: #eaedef; }
  .text-image-block.green {
    background-color: #e4e9e7; }
  .text-image-block .text-image-row {
    display: flex;
    flex-direction: row; }
    .text-image-block .text-image-row.image-right {
      flex-direction: row-reverse; }
  .text-image-block .image-container {
    flex: 1;
    display: grid;
    min-height: 50vw; }
    .text-image-block .image-container img {
      width: 100%;
      height: 100%;
      min-height: 50vw;
      -o-object-fit: cover;
         object-fit: cover; }
    .text-image-block .image-container .image-contain {
      -o-object-fit: contain;
         object-fit: contain; }
  .text-image-block .container-body {
    flex: 1;
    align-self: center;
    margin: 0;
    max-width: 100%; }
    .text-image-block .container-body .text {
      padding: 60px 110px; }
    .text-image-block .container-body blockquote {
      font-size: 32px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0;
      width: 100%; }

@media only screen and (max-width: 1600px) {
  .text-image-block .container-body .text {
    padding: 80px; } }

@media only screen and (max-width: 1226px) {
  .text-image-block .container-body .text {
    padding: 60px 80px; } }

@media only screen and (max-width: 940px) {
  .text-image-block.image-right + .text-image-block.image-left {
    margin-top: 80px; }
  .text-image-block .text-image-row {
    flex-direction: column; }
    .text-image-block .text-image-row.image-right {
      flex-direction: column-reverse; }
  .text-image-block .image-container {
    width: 100%;
    height: 100vw;
    flex: none; }
    .text-image-block .image-container img {
      width: 100%;
      height: 100vw; }
  .text-image-block .container-body {
    width: auto;
    flex: none; }
    .text-image-block .container-body .text {
      padding: 50px; } }

@media only screen and (max-width: 480px) {
  .text-image-block .container-body .text {
    padding: 30px; } }

body.blockbasedarticlepage .text-image-block .text {
  line-height: initial; }

@media only screen and (max-width: 1226px) {
  body.blockbasedarticlepage .text-image-block.no-image .text-image-row {
    padding: 0 0.75em; } }

@media only screen and (max-width: 940px) {
  body.blockbasedarticlepage .text-image-block.no-image .text-image-row {
    padding: 0 50px; } }

body.blockbasedarticlepage .text-image-block.no-image .text-image-row .container-body .text {
  padding-left: 0 !important;
  padding-right: 0 !important; }

body.blockbasedarticlepage .text-image-block .image-container, body.blockbasedarticlepage .text-image-block .image-container img {
  min-height: 25vw; }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .text-image-block .image-container, body.blockbasedarticlepage .text-image-block .image-container img {
      height: 50vw; } }

body.blockbasedarticlepage .aside .text-image-block .text-image-row {
  flex-direction: column;
  margin-top: 2px;
  margin-bottom: 2px; }
  body.blockbasedarticlepage .aside .text-image-block .text-image-row.image-right {
    flex-direction: column-reverse; }

body.blockbasedarticlepage .aside .text-image-block .image-container, body.blockbasedarticlepage .aside .text-image-block img {
  min-height: 200px; }

body.blockbasedarticlepage .aside .text-image-block .text {
  padding: 0;
  margin: 10px; }
  body.blockbasedarticlepage .aside .text-image-block .text h3 {
    font-size: 24px;
    margin: 1.375em 0 0.875em; }

body.blockbasedarticlepage .bottom-content .text-image-block .wrapper, body.blockbasedarticlepage .top-content.fullwidth .text-image-block .wrapper {
  max-width: 100%; }

body.blockbasedarticlepage .bottom-content .text-image-block.no-image > .wrapper, body.blockbasedarticlepage .top-content.fullwidth .text-image-block.no-image > .wrapper {
  max-width: 1180px; }

body.blockbasedarticlepage .top-content:not(.fullwidth) .top-content__top-content-block .text-image-block .text-image-row > .container-body .text {
  padding-right: 0; }
  @media only screen and (max-width: 1220px) {
    body.blockbasedarticlepage .top-content:not(.fullwidth) .top-content__top-content-block .text-image-block .text-image-row > .container-body .text {
      padding-right: 0.75em; } }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .top-content:not(.fullwidth) .top-content__top-content-block .text-image-block .text-image-row > .container-body .text {
      padding-right: 50px; } }

body.blockbasedarticlepage .top-content:not(.fullwidth) .top-content__top-content-block .text-image-block .text-image-row.image-right > .container-body .text {
  padding-left: 0;
  padding-right: 110px; }
  @media only screen and (max-width: 1220px) {
    body.blockbasedarticlepage .top-content:not(.fullwidth) .top-content__top-content-block .text-image-block .text-image-row.image-right > .container-body .text {
      padding-left: 0.75em; } }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .top-content:not(.fullwidth) .top-content__top-content-block .text-image-block .text-image-row.image-right > .container-body .text {
      padding-left: 50px; } }

@media only screen and (max-width: 1200px) {
  body.blockbasedarticlepage #modal-container #inner-modal .text-image-block .text-image-row {
    display: block; }
  body.blockbasedarticlepage #modal-container #inner-modal .text-image-block .image-container {
    width: 100%;
    height: 40vw;
    flex: none; }
    body.blockbasedarticlepage #modal-container #inner-modal .text-image-block .image-container img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  body.blockbasedarticlepage #modal-container #inner-modal .text-image-block .container-body {
    width: auto;
    flex: none; }
    body.blockbasedarticlepage #modal-container #inner-modal .text-image-block .container-body .text {
      padding: 20px 0 20px 0; } }

.full-width-item-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 20px; }
  .full-width-item-block__top {
    flex-grow: 1;
    margin-bottom: 10px; }
  .full-width-item-block__image {
    margin-bottom: 30px;
    text-align: center; }
    .full-width-item-block__image.rounded-image img {
      border-radius: 50%; }
    .full-width-item-block__image img {
      -o-object-fit: cover;
         object-fit: cover;
      width: auto;
      height: 200px; }
    .full-width-item-block__image.left-align-button .full-width-item-block__button {
      margin-right: auto; }
  .full-width-item-block__heading {
    text-align: center; }
  .full-width-item-block__text {
    text-align: center; }
  .full-width-item-block__button {
    padding: .8rem 1.5rem;
    line-height: 1.2; }
    .full-width-item-block__button .icon {
      padding-left: 20px; }

.full-width-block {
  padding: 80px 20px; }
  .full-width-block__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(430px, max-content));
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 40px;
    justify-content: center;
    align-content: start;
    justify-items: center;
    align-items: stretch; }
    @media only screen and (max-width: 480px) {
      .full-width-block__items {
        grid-template-columns: repeat(auto-fill, minmax(100%, max-content)); } }
  .full-width-block.darkblue {
    background-color: #eaecef; }
  .full-width-block.lightblue {
    background-color: #eaedef; }
  .full-width-block.green {
    background-color: #e4e9e7; }
  .full-width-block.purple {
    background-color: #eeebee; }
  .full-width-block.darkblue-100 .new-link-button, .full-width-block.darkgray-100 .new-link-button {
    background-color: #ffffff;
    color: #000000 !important; }
    .full-width-block.darkblue-100 .new-link-button:hover, .full-width-block.darkgray-100 .new-link-button:hover {
      text-decoration: none;
      background-color: #E9FAFF; }
    .full-width-block.darkblue-100 .new-link-button:focus, .full-width-block.darkgray-100 .new-link-button:focus {
      background-color: #E9FAFF;
      outline: 2px solid #ffffff;
      outline-offset: 4px;
      background-clip: padding-box; }

body.blockbasedarticlepage .full-width-block .full-width-item-block .container-body {
  margin: 0;
  overflow-wrap: break-word;
  line-height: inherit; }

body.blockbasedarticlepage .full-width-block > .wrapper {
  max-width: 100%; }

body.blockbasedarticlepage .bottom-content .full-width-block > .wrapper, body.blockbasedarticlepage .top-content.fullwidth .full-width-block > .wrapper {
  max-width: 100%; }

.accordion-block {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0; }
  .accordion-block h3, .accordion-block h4 {
    margin: 0 !important; }
  .accordion-block .wrapper {
    display: flex;
    justify-content: center;
    width: 100%; }
    .accordion-block .wrapper p.link-button {
      text-align: unset; }
  .accordion-block.blue {
    background-color: #1178af; }
  .accordion-block.lightblue {
    background-color: #e8f4fa; }
  .accordion-block.green {
    background-color: #007c57; }
  .accordion-block.lightgreen {
    background-color: #3e957a; }
  .accordion-block.purple {
    background-color: #703870; }
  .accordion-block.lightpurple {
    background-color: #8b618d; }
  .accordion-block__medium {
    max-width: 600px; }
  .accordion-block__content {
    max-width: 36rem;
    padding-top: 4.5rem;
    padding-bottom: 4rem;
    width: 100%;
    min-width: 0; }
    @media only screen and (max-width: 1226px) {
      .accordion-block__content {
        padding-left: 0.75em;
        padding-right: 0.75em; } }
    @media only screen and (max-width: 940px) {
      .accordion-block__content {
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px; } }
    @media only screen and (max-width: 719px) {
      .accordion-block__content {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px; } }
  .accordion-block .accordion-block-info {
    width: 70%;
    margin-bottom: 2rem; }
    .accordion-block .accordion-block-info__image {
      width: 91px;
      height: 91px;
      margin-bottom: 34px; }
      .accordion-block .accordion-block-info__image img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .accordion-block .accordion-block-info__text {
      color: #1a1a1a;
      margin-bottom: 13px; }
      .accordion-block .accordion-block-info__text h1, .accordion-block .accordion-block-info__text h2, .accordion-block .accordion-block-info__text h3, .accordion-block .accordion-block-info__text h4, .accordion-block .accordion-block-info__text h5 {
        margin: 0 0 10px 0 !important; }
      .accordion-block .accordion-block-info__text p {
        margin: 0 0 20px; }
      .accordion-block .accordion-block-info__text .container.openinghours--details {
        margin: 10px 0; }
    @media only screen and (max-width: 719px) {
      .accordion-block .accordion-block-info {
        width: 100%; } }
  .accordion-block .accordion-sections h4 {
    margin-top: 0; }
  .accordion-block .accordion-sections .puffed-accordion, .accordion-block .accordion-sections .accordion {
    min-width: 100%; }
  .accordion-block .accordion-section-block {
    margin-top: 50px; }
  .accordion-block .accordion-section-block__label, .accordion-block .puffed-accordion-section-block__label {
    display: inline-block;
    margin-bottom: 16px; }
    .accordion-block .accordion-section-block__label h4, .accordion-block .puffed-accordion-section-block__label h4 {
      color: #ffffff;
      background-color: #1a1a1a;
      padding: 6px;
      font-family: "KarminaSans-SemiBold", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .accordion-block .side-by-side {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start; }
    @media only screen and (max-width: 940px) {
      .accordion-block .side-by-side {
        flex-direction: column;
        align-items: start; } }
    .accordion-block .side-by-side .accordion-block-info {
      width: 40%;
      padding-right: 3rem; }
      @media only screen and (max-width: 940px) {
        .accordion-block .side-by-side .accordion-block-info {
          width: 60%; } }
      @media only screen and (max-width: 719px) {
        .accordion-block .side-by-side .accordion-block-info {
          width: 100%; } }
    .accordion-block .side-by-side .accordion-sections {
      width: 460px;
      margin-top: 0; }
      @media only screen and (max-width: 940px) {
        .accordion-block .side-by-side .accordion-sections {
          width: 100%; } }
  .accordion-block .combined {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: start; }
    @media only screen and (max-width: 940px) {
      .accordion-block .combined {
        flex-direction: row;
        align-items: start; } }
    .accordion-block .combined .accordion-block-info {
      width: 40%;
      margin-bottom: 30px; }
      @media only screen and (max-width: 940px) {
        .accordion-block .combined .accordion-block-info {
          width: 60%; } }
      @media only screen and (max-width: 719px) {
        .accordion-block .combined .accordion-block-info {
          width: 100%; } }
    .accordion-block .combined .puffed-accordion-section-block {
      width: 50%; }
      @media only screen and (max-width: 940px) {
        .accordion-block .combined .puffed-accordion-section-block {
          width: 100%; } }
      .accordion-block .combined .puffed-accordion-section-block .puffed-accordion, .accordion-block .combined .puffed-accordion-section-block .accordion {
        min-width: 100%; }
    .accordion-block .combined .accordion-section-block {
      width: 100%;
      margin-top: 0; }
      .accordion-block .combined .accordion-section-block .accordion {
        width: 100%; }
      @media only screen and (max-width: 940px) {
        .accordion-block .combined .accordion-section-block {
          width: 100%; } }

body.blockbasedarticlepage .top-content:not(.fullwidth) .accordion-block {
  justify-content: flex-start; }
  body.blockbasedarticlepage .top-content:not(.fullwidth) .accordion-block > .wrapper {
    justify-content: flex-start; }
    body.blockbasedarticlepage .top-content:not(.fullwidth) .accordion-block > .wrapper .epi-form-container > .wrapper .container-inner {
      width: 100%; }

.accordion {
  position: relative; }
  .accordion:hover__icon {
    color: #ffffff; }
  .accordion__checkbox {
    display: none; }
  .accordion__label-container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    border-radius: 30px;
    cursor: pointer;
    transition: ease .3s;
    box-sizing: border-box;
    border: 2px solid transparent; }
    .accordion__label-container:focus {
      outline: 2px solid black;
      outline-offset: 4px; }
    .accordion__label-container.border {
      border-color: #1a1a1a; }
  .accordion__label-container::after {
    content: "\2b";
    font-size: 30px;
    position: absolute;
    right: 30px;
    display: block;
    color: #1a1a1a; }
  .accordion__checkbox:checked ~ .accordion__label-container::after {
    content: "\2212"; }
  .accordion__icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-left: 25px;
    color: #1a1a1a; }
    .accordion__icon .image {
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%;
      width: 100%; }
  .accordion__label {
    font-size: 25px;
    color: #1a1a1a;
    margin-left: 20px; }
    .accordion__label-text {
      font-size: 18px;
      margin-right: 65px; }
      @media only screen and (max-width: 719px) {
        .accordion__label-text {
          font-size: 16px; } }
  .accordion__content {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s;
    margin: 0 25px 30px 25px;
    color: #1a1a1a; }
    .accordion__content-text {
      width: 100%;
      margin-top: 30px;
      margin-bottom: 16px; }
      .accordion__content-text img {
        max-width: 100%;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain; }
    .accordion__content .accordion-table {
      overflow-x: auto;
      overflow-y: hidden; }
  @media only screen and (max-width: 719px) {
    .accordion__content.has-table {
      margin: 0 0 30px 0; } }
  .accordion__checkbox:checked ~ .accordion__content {
    max-height: 30000px;
    transition: max-height .7s;
    overflow: inherit; }

body.blockbasedarticlepage #modal-container #inner-modal .accordion__label-container:after {
  color: #ffffff; }

body.blockbasedarticlepage #modal-container #inner-modal .accordion__label {
  color: #ffffff; }

.container-block {
  background-color: #ffffff; }
  .container-block .wrapper {
    width: 100%;
    max-width: 1240px !important; }
  .container-block.darkblue {
    background-color: #eaecef; }
  .container-block.lightblue {
    background-color: #eaedef; }
  .container-block.green {
    background-color: #e4e9e7; }
  .container-block .inner-wrapper {
    display: flex;
    flex-wrap: wrap; }
    .container-block .inner-wrapper .content-area-item {
      display: flex;
      flex-direction: column; }
  .container-block__heading {
    padding: 30px 30px 0 30px; }
  @media only screen and (max-width: 940px) {
    .container-block + .wrap.container.container--clear.videoblock {
      margin-top: 50px !important; } }

.bcc-app-container.container.container--color.color-white {
  background-color: #ffffff; }

.bcc-app-container.container .outer-container .inner-container {
  max-width: 700px; }

.bcc-app-container #bcc-app {
  min-height: 450px;
  font-size: initial;
  color: black; }
  .bcc-app-container #bcc-app .icon::before {
    font-family: 'icomoon' !important; }
  .bcc-app-container #bcc-app #bcc-breadcrumb .container-fluid {
    padding: 0;
    margin: 0; }
    .bcc-app-container #bcc-app #bcc-breadcrumb .container-fluid .list-container {
      max-width: 1024px;
      padding: 0;
      margin: auto; }
      .bcc-app-container #bcc-app #bcc-breadcrumb .container-fluid .list-container .col {
        padding: 0 20px; }
      .bcc-app-container #bcc-app #bcc-breadcrumb .container-fluid .list-container .list-element {
        text-align: center;
        list-style: none; }
        .bcc-app-container #bcc-app #bcc-breadcrumb .container-fluid .list-container .list-element a {
          padding: 10px 0;
          display: inline-block;
          font-size: 14px; }
        .bcc-app-container #bcc-app #bcc-breadcrumb .container-fluid .list-container .list-element.bcc-active a {
          color: black;
          font-weight: bold; }
        .bcc-app-container #bcc-app #bcc-breadcrumb .container-fluid .list-container .list-element .crocodile {
          padding: 0 20px; }
  .bcc-app-container #bcc-app #bcc-choose-product-view {
    padding-top: 20px;
    margin: auto; }
    .bcc-app-container #bcc-app #bcc-choose-product-view .radio-group {
      width: 100%; }
    .bcc-app-container #bcc-app #bcc-choose-product-view .spinner-container {
      margin-top: 20px;
      margin-bottom: 20px;
      text-align: center; }
    .bcc-app-container #bcc-app #bcc-choose-product-view .footnote {
      margin-top: -15px; }
    .bcc-app-container #bcc-app #bcc-choose-product-view .details {
      width: 100%; }
    .bcc-app-container #bcc-app #bcc-choose-product-view ul, .bcc-app-container #bcc-app #bcc-choose-product-view ol {
      font-size: initial; }
    .bcc-app-container #bcc-app #bcc-choose-product-view #product-details-table .discount {
      color: orange; }
    .bcc-app-container #bcc-app #bcc-choose-product-view .nav {
      position: inherit; }
  .bcc-app-container #bcc-app .bcc-input {
    height: 54px;
    border: 1px solid;
    border-radius: 5px;
    margin-bottom: 5px; }
    .bcc-app-container #bcc-app .bcc-input.focus {
      border-color: cadetblue;
      box-shadow: none; }
  .bcc-app-container #bcc-app table {
    border: none;
    margin: 0; }
    .bcc-app-container #bcc-app table tr > td {
      padding: 0.2em 0.2em 0.2em 0; }
    .bcc-app-container #bcc-app table td {
      background-color: unset;
      font-size: unset; }
    .bcc-app-container #bcc-app table thead td {
      border-bottom: unset;
      font-weight: normal; }
  .bcc-app-container #bcc-app .bcc-product-view .bcc-modal__link {
    align-items: baseline; }
    .bcc-app-container #bcc-app .bcc-product-view .bcc-modal__link .icon {
      font-size: 19px;
      padding-top: 0; }
  .bcc-app-container #bcc-app .bcc-product-view .info {
    line-height: 1.4; }
  .bcc-app-container #bcc-app .bcc-product-view .monthly-cost__bottom {
    font-size: 18px; }
  .bcc-app-container #bcc-app .bcc-radio-button-group__radio {
    margin-top: 20px;
    line-height: 1.4; }
  .bcc-app-container #bcc-app dl {
    margin-bottom: 20px; }

body.startpage div.blockarea .bcc-app-container .inner-container {
  margin: 0 1.25em; }
  @media only screen and (max-width: 719px) {
    body.startpage div.blockarea .bcc-app-container .inner-container {
      padding: 0 20px; } }

body.blockbasedarticlepage .top-content.fullwidth .bcc-app-container #bcc-app, body.blockbasedarticlepage .bottom-content .bcc-app-container #bcc-app {
  max-width: 1180px !important;
  width: 100%;
  justify-content: center;
  margin: 40px auto; }
  body.blockbasedarticlepage .top-content.fullwidth .bcc-app-container #bcc-app #bcc-content, body.blockbasedarticlepage .bottom-content .bcc-app-container #bcc-app #bcc-content {
    max-width: 900px !important;
    width: auto !important;
    margin: 0 auto;
    padding: 0 !important; }
    @media only screen and (max-width: 940px) {
      body.blockbasedarticlepage .top-content.fullwidth .bcc-app-container #bcc-app #bcc-content, body.blockbasedarticlepage .bottom-content .bcc-app-container #bcc-app #bcc-content {
        padding: 0 25px !important; } }
    @media only screen and (max-width: 480px) {
      body.blockbasedarticlepage .top-content.fullwidth .bcc-app-container #bcc-app #bcc-content, body.blockbasedarticlepage .bottom-content .bcc-app-container #bcc-app #bcc-content {
        padding: 0 0.75em !important; } }

body.blockbasedarticlepage .article-main-body .bcc-app-container #bcc-app #bcc-content {
  margin: 0 auto !important;
  width: auto !important;
  max-width: 100% !important; }

body.blockbasedarticlepage .bcc-app-container {
  display: inline-grid; }
  body.blockbasedarticlepage .bcc-app-container #bcc-app {
    max-width: 1180px;
    width: 100%;
    margin: 40px auto;
    padding: 0; }
    @media only screen and (max-width: 940px) {
      body.blockbasedarticlepage .bcc-app-container #bcc-app {
        justify-content: center;
        width: 100% !important; } }
    body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content {
      max-width: 72% !important;
      width: 100% !important;
      padding: 0 0.75em !important; }
      @media only screen and (max-width: 1226px) {
        body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content {
          width: 100% !important;
          padding: 0 0.75em; } }
      @media only screen and (max-width: 940px) {
        body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content {
          max-width: 90vw !important;
          width: 100% !important;
          margin: 0 auto !important; } }
      @media only screen and (max-width: 480px) {
        body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content {
          width: 100% !important; } }
      body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content__main {
        display: flex;
        justify-content: center;
        min-height: 520px !important;
        margin: 0 auto; }
        @media only screen and (max-width: 1226px) {
          body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content__main {
            min-height: 520px !important; } }
        @media only screen and (max-width: 940px) {
          body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content__main {
            min-height: 520px !important; } }
        @media only screen and (max-width: 480px) {
          body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content__main {
            min-height: 520px !important; } }
      body.blockbasedarticlepage .bcc-app-container #bcc-app #bcc-content .bcc-start {
        margin: 0 auto; }
    body.blockbasedarticlepage .bcc-app-container #bcc-app #dialog_label {
      line-height: 1; }
  body.blockbasedarticlepage .bcc-app-container .outer-container .inner-container {
    max-width: 700px; }
    body.blockbasedarticlepage .bcc-app-container .outer-container .inner-container h2, body.blockbasedarticlepage .bcc-app-container .outer-container .inner-container .heading2-complementary {
      font-size: 1.5em; }
    body.blockbasedarticlepage .bcc-app-container .outer-container .inner-container h3 {
      font-size: 1.17em; }
    body.blockbasedarticlepage .bcc-app-container .outer-container .inner-container h4 {
      font-size: 1em; }
    @media only screen and (max-width: 1226px) {
      body.blockbasedarticlepage .bcc-app-container .outer-container .inner-container {
        padding: 0 0.75em; } }
    @media only screen and (max-width: 940px) {
      body.blockbasedarticlepage .bcc-app-container .outer-container .inner-container {
        padding: 0 50px; } }
  body.blockbasedarticlepage .bcc-app-container .outer-container .link-button {
    border: none;
    padding: 0;
    display: block;
    text-align: left;
    margin-right: 0; }
  body.blockbasedarticlepage .bcc-app-container .outer-container .button, body.blockbasedarticlepage .bcc-app-container .outer-container .calltoaction, body.blockbasedarticlepage .bcc-app-container .outer-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.blockbasedarticlepage .bcc-app-container .outer-container .link-button, body.blockbasedarticlepage .bcc-app-container .outer-container .link-button a, body.blockbasedarticlepage .bcc-app-container .outer-container a.link-button {
    font-size: 100%;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 22px;
    border-radius: 30px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 1;
    margin: 0 0 0.25em 0;
    padding: 0.75em 1.65em;
    text-decoration: none;
    transition: background 150ms ease;
    border: 4px solid transparent; }
    body.blockbasedarticlepage .bcc-app-container .outer-container .button:focus, body.blockbasedarticlepage .bcc-app-container .outer-container .calltoaction:focus, body.blockbasedarticlepage .bcc-app-container .outer-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.blockbasedarticlepage .bcc-app-container .outer-container .link-button:focus, body.blockbasedarticlepage .bcc-app-container .outer-container .link-button a:focus, body.blockbasedarticlepage .bcc-app-container .outer-container a.link-button:focus {
      background-clip: padding-box;
      box-shadow: 0px 0px 0px 2px #1a1a1a; }
    body.blockbasedarticlepage .bcc-app-container .outer-container .button:focus-visible, body.blockbasedarticlepage .bcc-app-container .outer-container .calltoaction:focus-visible, body.blockbasedarticlepage .bcc-app-container .outer-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus-visible, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.blockbasedarticlepage .bcc-app-container .outer-container .link-button:focus-visible, body.blockbasedarticlepage .bcc-app-container .outer-container .link-button a:focus-visible, body.blockbasedarticlepage .bcc-app-container .outer-container a.link-button:focus-visible {
      outline: none; }
  body.blockbasedarticlepage .bcc-app-container #bcc-app, body.blockbasedarticlepage .bcc-app-container .outer-container {
    max-width: 1180px;
    width: 100%;
    padding: 0; }

body.blockbasedarticlepage .top-content .bcc-app-container #bcc-app #bcc-header, body.blockbasedarticlepage .top-content .bcc-app-container #bcc-app #bcc-content {
  max-width: 72%;
  margin: 0; }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .top-content .bcc-app-container #bcc-app #bcc-header, body.blockbasedarticlepage .top-content .bcc-app-container #bcc-app #bcc-content {
      max-width: 100%; } }

body.blockbasedarticlepage .top-content.fullwidth .bcc-app-container #bcc-app #bcc-header, body.blockbasedarticlepage .top-content.fullwidth .bcc-app-container #bcc-app #bcc-content {
  max-width: 100%; }

.product-form-block {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0; }
  .product-form-block.darkblue-100 .FormSubmitButton:focus,
  .product-form-block.darkblue-100 .Form__NavigationBar__Action:focus,
  .product-form-block.darkblue-100 input:not(.FormRange__Input):focus,
  .product-form-block.darkblue-100 textarea:focus,
  .product-form-block.darkblue-100 select:focus, .product-form-block .darkgray-100 .FormSubmitButton:focus,
  .product-form-block .darkgray-100 .Form__NavigationBar__Action:focus,
  .product-form-block .darkgray-100 input:not(.FormRange__Input):focus,
  .product-form-block .darkgray-100 textarea:focus,
  .product-form-block .darkgray-100 select:focus {
    outline: 3px solid #ffffff !important; }
  .product-form-block .wrapper {
    display: flex;
    justify-content: center;
    width: 100%; }
  .product-form-block__content.no-block-top-padding {
    padding-top: 0; }
  .product-form-block__content.side-by-side, .product-form-block__content.side-by-side-centered {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start; }
    @media only screen and (max-width: 940px) {
      .product-form-block__content.side-by-side, .product-form-block__content.side-by-side-centered {
        flex-direction: column;
        align-items: flex-start; }
        .product-form-block__content.side-by-side .epiform-outer-container .epi-form-container.container .wrapper, .product-form-block__content.side-by-side-centered .epiform-outer-container .epi-form-container.container .wrapper {
          justify-content: flex-start; } }
    @media only screen and (max-width: 719px) {
      .product-form-block__content.side-by-side .epiform-outer-container, .product-form-block__content.side-by-side-centered .epiform-outer-container {
        width: 100%; } }
    .product-form-block__content.side-by-side .info-container, .product-form-block__content.side-by-side-centered .info-container {
      margin-right: 2rem; }
    .product-form-block__content.side-by-side .epiform-outer-container, .product-form-block__content.side-by-side-centered .epiform-outer-container {
      max-width: 500px;
      margin-top: 0; }
      @media only screen and (max-width: 940px) {
        .product-form-block__content.side-by-side .epiform-outer-container, .product-form-block__content.side-by-side-centered .epiform-outer-container {
          margin-top: 25px; } }
      .product-form-block__content.side-by-side .epiform-outer-container .epi-form-container.container .wrapper, .product-form-block__content.side-by-side-centered .epiform-outer-container .epi-form-container.container .wrapper {
        justify-content: flex-end; }
  .product-form-block__content.side-by-side-centered .info-container {
    height: 100%;
    justify-content: center; }
  .product-form-block__content {
    padding: 4rem 0;
    width: 100%;
    min-width: 0; }
    @media only screen and (max-width: 1226px) {
      .product-form-block__content {
        padding-left: 0.75em;
        padding-right: 0.75em; } }
    @media only screen and (max-width: 940px) {
      .product-form-block__content {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 100%; } }
    @media only screen and (max-width: 719px) {
      .product-form-block__content {
        margin: 0; } }
    @media only screen and (max-width: 727px) {
      .product-form-block__content .epiform-outer-container .epi-form-container.container .container-inner {
        margin-left: 0; } }
    .product-form-block__content .info-container {
      display: flex;
      flex-direction: column;
      /*Ingress Button styling*/ }
      @media only screen and (max-width: 719px) {
        .product-form-block__content .info-container {
          margin-left: 0;
          margin-right: 0; } }
      .product-form-block__content .info-container__image {
        position: relative;
        width: 100px;
        height: 100px; }
        .product-form-block__content .info-container__image img {
          -o-object-fit: cover;
             object-fit: cover; }
      .product-form-block__content .info-container__text {
        width: 100%;
        display: flex;
        align-items: center; }
        .product-form-block__content .info-container__text * {
          color: #1a1a1a; }
        .product-form-block__content .info-container__text h2 {
          font-size: 34px;
          line-height: 1.2; }
      .product-form-block__content .info-container__ingress {
        margin-right: 10px;
        flex: 1; }
      .product-form-block__content .info-container .link-button a, .product-form-block__content .info-container a.link-button {
        font-size: 100%;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #ffffff;
        border-radius: 30px;
        cursor: pointer;
        display: inline-block;
        height: auto;
        line-height: 1;
        margin: 0 0 0.25em 0;
        padding: 0.75em 1.65em;
        text-decoration: none;
        transition: background 150ms ease;
        text-align: left; }
        .product-form-block__content .info-container .link-button a:focus, .product-form-block__content .info-container a.link-button:focus {
          background-clip: unset !important;
          border: none !important;
          box-shadow: none !important;
          outline: 3px solid #000000;
          outline-offset: 4px; }
        .product-form-block__content .info-container .link-button a:focus-visible, .product-form-block__content .info-container a.link-button:focus-visible {
          outline: none; }
      .product-form-block__content .info-container p.link-button {
        border: none;
        padding: 0;
        display: block;
        text-align: center;
        margin-right: 0; }
    .product-form-block__content .epiform-outer-container .epi-form-container {
      font-size: 20px; }
      .product-form-block__content .epiform-outer-container .epi-form-container.container {
        background-color: unset;
        padding: 0;
        margin: 0 87px; }
        .product-form-block__content .epiform-outer-container .epi-form-container.container .container-inner {
          background-color: unset;
          border: none;
          max-width: 500px;
          padding: 60px 0; }
          .product-form-block__content .epiform-outer-container .epi-form-container.container .container-inner h2 {
            font-size: 34px !important;
            line-height: 1.2;
            padding: 0 0 1rem 0; }
          .product-form-block__content .epiform-outer-container .epi-form-container.container .container-inner .container-heading {
            border: none;
            margin: 0; }
          .product-form-block__content .epiform-outer-container .epi-form-container.container .container-inner .container-body {
            margin: 0; }
          .product-form-block__content .epiform-outer-container .epi-form-container.container .container-inner h3 {
            margin-top: 0; }
        .product-form-block__content .epiform-outer-container .epi-form-container.container .wrapper {
          display: flex;
          justify-content: flex-start; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__Description {
        margin: 0; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__Status__Message {
        padding: 10px 0;
        background-color: unset; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__Status .Form__Warning__Message {
        padding: 10px 0;
        background-color: unset; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Element {
        margin: 0 0 1.5rem 0;
        width: 100%; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Element.form-success {
          margin: 0;
          position: relative;
          line-height: 0;
          color: #000000; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Element .form-group-item:last-child {
          margin-bottom: 0; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Element:not(button) {
        max-width: 500px !important; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Element__ValidationError {
        color: #000000;
        padding-left: 1rem; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .form-label {
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #1a1a1a;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 27px;
        margin: 0;
        padding-left: 1rem; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody input:not(.FormRange__Input), .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody textarea, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody select {
        border: 2px solid #1a1a1a;
        min-width: 175px;
        border-radius: 25px;
        margin-top: 5px;
        color: #000000; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody input:not(.FormRange__Input)::-moz-placeholder, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody textarea::-moz-placeholder, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody select::-moz-placeholder {
          color: #5D5D5D;
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 100%; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody input:not(.FormRange__Input)::placeholder, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody textarea::placeholder, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody select::placeholder {
          color: #5D5D5D;
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-size: 100%; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody input:not(.FormRange__Input):focus, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody textarea:focus, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody select:focus {
          background-clip: unset !important;
          border: none !important;
          box-shadow: none !important;
          outline: 3px solid #000000;
          outline-offset: 4px; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody #__field_ {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        margin: 0; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody #__field_.hide {
          display: none; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormRange_Wrapper {
        display: flex;
        align-items: center;
        padding: 0;
        margin-top: 5px; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormRange_Wrapper .FormRange__Input {
          padding: 3px !important;
          height: 10px;
          -webkit-appearance: none;
          max-width: 500px !important;
          width: 500px; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormTextbox {
        display: flex;
        flex-direction: column;
        width: 100% !important; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormTextbox input {
          height: 52px; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormTextbox textarea {
          height: 131px;
          padding-top: 0.8rem; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSelection {
        width: 100% !important; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSelection select {
          height: 50px;
          font-size: 100%;
          color: #ffffff;
          border: 4px solid transparent;
          border-radius: 25px;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none; }
          .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSelection select option {
            font-size: 18px;
            background-color: #ffffff;
            color: #1a1a1a; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSelection .select-selected {
          border-radius: 25px; }
          .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSelection .select-selected::after {
            position: absolute;
            right: .6rem; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items {
        display: flex;
        flex-flow: column; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-group-item {
          padding-left: 1rem;
          display: flex; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-checkbox-label {
          font-size: 20px;
          font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
          color: #1a1a1a;
          letter-spacing: 0;
          line-height: 27px; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-checkbox-fake {
          border: 2px solid #1a1a1a;
          border-radius: 4px;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 26px;
          width: 26px; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-checkbox-fake span {
          display: none; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-checkbox:focus ~ .form-checkbox-fake {
          outline: 2px solid #1a1a1a;
          outline-offset: 2px; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-checkbox:checked ~ .form-checkbox-fake {
          background-color: #1a1a1a;
          color: #ffffff; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-checkbox:checked ~ .form-checkbox-fake::before {
          font-size: 22px;
          margin-top: 0; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-radio-fake {
          border: 2px solid #1a1a1a;
          border-radius: 50px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-radio:focus ~ .form-radio-fake {
          outline: 2px solid #1a1a1a;
          outline-offset: 2px; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormChoice .form-group-items .form-radio-fake span {
          background-color: #1a1a1a; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody input.FormFileUpload__Input {
        max-width: 100%;
        outline: none;
        padding-left: 1rem;
        border-radius: 0; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__NavigationBar__ProgressBar--Text {
        padding-left: 1rem; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__NavigationBar {
        margin: 2rem 0 0 0; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSubmitButton.checkmark:before {
        font-family: "custom-icons";
        content: "\E019";
        font-size: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 30px; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSubmitButton.checkmark:disabled {
        opacity: initial; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSubmitButton, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__NavigationBar__Action {
        font-size: 100%;
        font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        padding: .8rem 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #004876;
        border: none;
        border-radius: 30px;
        color: #ffffff;
        cursor: pointer;
        line-height: 1;
        margin: 0 0 0.25em 0;
        text-decoration: none;
        transition: background 150ms ease;
        z-index: 10;
        width: auto;
        min-width: 130px;
        margin: 0 10px 0 0;
        white-space: nowrap;
        border: none; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSubmitButton:hover, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__NavigationBar__Action:hover {
          text-decoration: none;
          background-color: #1F6590; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSubmitButton:focus, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__NavigationBar__Action:focus {
          color: #ffffff;
          background-color: #1F6590;
          outline: 3px solid #000000;
          outline-offset: 4px; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSubmitButton:focus-visible, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__NavigationBar__Action:focus-visible {
          outline: none; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormSubmitButton:focus, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__NavigationBar__Action:focus {
          background-clip: unset !important;
          border: none !important;
          box-shadow: none !important;
          outline: 3px solid #000000;
          outline-offset: 4px; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .btnPrev, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .btnNext {
        max-width: 100%;
        min-width: 10rem; }
      @media only screen and (max-width: 542px) {
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .btnNext {
          margin-top: 10px; } }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .FormParagraphText.Form__Element--NonData {
        margin-bottom: 0; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Status__Message {
        padding: 0; }
      .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message {
        background-color: transparent; }
        .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message p, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message span, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message label, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message h2, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message h3, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message h4, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message ul, .product-form-block__content .epiform-outer-container .epi-form-container form .Form__MainBody .Form__Success__Message ol {
          color: #000000; }
    .product-form-block__content .epiform-outer-container--checkbox-side-by-side .epi-form-container .FormChoice > .form-group-items {
      flex-flow: row wrap; }
    .product-form-block__content .epiform-outer-container.padding-top-none .epi-form-container .container-inner {
      padding-top: 0; }
  .product-form-block .epiform-outer-container {
    width: 100%;
    margin-top: 25px; }

body.blockbasedarticlepage .top-content:not(.fullwidth) .product-form-block > .wrapper {
  justify-content: flex-start; }

body.blockbasedarticlepage .top-content:not(.fullwidth) .product-form-block__content {
  max-width: 72%; }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .top-content:not(.fullwidth) .product-form-block__content {
      max-width: 100%; } }

.script-block {
  all: inherit; }
  .script-block.container {
    all: inherit;
    max-width: 72%; }
  .script-block .form-field, .script-block .form-checkbox-fake {
    all: inherit; }
  .script-block #simpliform .form-control {
    border: 2px solid #1a1a1a;
    min-width: 175px;
    border-radius: 25px;
    margin-top: 5px;
    padding-left: 1rem;
    color: #000000;
    outline: none;
    height: 52px;
    background-color: #fbfbfb;
    font-size: inherit;
    transition: none; }
    .script-block #simpliform .form-control::-moz-placeholder {
      color: #5D5D5D;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 100%; }
    .script-block #simpliform .form-control::placeholder {
      color: #5D5D5D;
      font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 100%; }
    .script-block #simpliform .form-control:focus {
      background-clip: padding-box;
      border: 4px solid transparent;
      box-shadow: 0 0 0 2px #1a1a1a; }
  .script-block #simpliform .btn {
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    height: 52px;
    line-height: 1;
    margin: 5px 0 0.25em 0;
    padding: 0.75em 1.65em;
    text-decoration: none;
    transition: background 150ms ease;
    text-align: left;
    border: 2px solid black;
    background-color: #fbfbfb;
    width: unset; }
    .script-block #simpliform .btn:focus {
      border: 2px solid #1a1a1a;
      background-clip: padding-box;
      box-shadow: 0 0 0 2px #1a1a1a; }
  .script-block #simpliform .btn:hover {
    background-color: #B5EAFA; }
  .script-block #simpliform .btn-primary {
    background-color: #004876;
    border-color: unset;
    font-size: 100%; }
  .script-block #simpliform .submit-btn, .script-block #simpliform .prev-btn {
    background-color: #004876;
    border-color: unset;
    color: #FFFFFF;
    font-size: 100%; }
  .script-block #simpliform .submit-btn:hover, .script-block #simpliform .prev-btn:hover {
    background-color: #1F6590;
    color: #FFFFFF; }
  .script-block #simpliform .submit-btn > span::before {
    padding-left: 10px; }
  .script-block #simpliform .btn-primary:hover {
    background-color: #1F6590; }
  .script-block #simpliform .helptext-toggle {
    height: unset; }
  .script-block #simpliform .help-block {
    padding-left: 20px;
    margin-top: 10px; }
  .script-block #simpliform .webui-popover-content {
    margin-top: 10px;
    min-width: 400px;
    padding-left: 20px; }
  .script-block #simpliform label {
    font-size: inherit;
    font-family: "KarminaSans", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1a1a1a;
    letter-spacing: 0;
    line-height: 27px;
    margin: 0;
    padding-left: 1rem;
    font-weight: 400; }
  .script-block #simpliform input {
    font-size: 100%; }
  .script-block #simpliform input:hover {
    background-color: #e6f8fd; }
  .script-block #simpliform .datepicker {
    min-width: 95%; }
    @media only screen and (min-width: 480px) {
      .script-block #simpliform .datepicker {
        min-width: 400px; } }
    .script-block #simpliform .datepicker div {
      background-color: white;
      border: 3px solid #004876; }
    .script-block #simpliform .datepicker th, .script-block #simpliform .datepicker td {
      font-size: 200%; }
  .script-block #simpliform .date-picker-input {
    background-color: #fbfbfb !important; }
  .script-block #simpliform .date-picker-input:hover {
    background-color: #e6f8fd !important; }
  .script-block #simpliform .radio {
    padding-left: 20px; }
  .script-block #simpliform .panel {
    max-width: 60%; }

.general-partial-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  color: inherit;
  margin-top: 2px;
  margin-bottom: 2px;
  box-sizing: border-box; }
  .general-partial-page:focus {
    outline: 2px solid black; }
  .general-partial-page .partial-body.rtl h2, .general-partial-page .partial-body.rtl h3, .general-partial-page .partial-body.rtl h4, .general-partial-page .partial-body.rtl h5, .general-partial-page .partial-body.rtl p, .general-partial-page .partial-body.rtl table, .general-partial-page .partial-body.rtl td, .general-partial-page .partial-body.rtl ol, .general-partial-page .partial-body.rtl ul {
    direction: rtl; }
  .general-partial-page .partial-image .go-to {
    width: 50px;
    height: 50px;
    position: absolute;
    display: block;
    border-radius: 40px;
    font-size: 40px;
    transform: translateY(-50%);
    text-decoration: none;
    right: 5%;
    top: 100%;
    color: #ffffff;
    font-size: 70px;
    line-height: 1;
    border: 0;
    transition: 0.3s; }
    .general-partial-page .partial-image .go-to .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%; }
      .general-partial-page .partial-image .go-to .icon:before {
        content: "\E06A";
        font-size: 21px; }
  .general-partial-page .partial-image .go-to.left {
    left: 5%; }
    .general-partial-page .partial-image .go-to.left .icon {
      rotate: 180deg; }

.container-block .content-area-item {
  display: inline-flex;
  flex-wrap: wrap; }
  .container-block .content-area-item.col-xs-12 {
    width: 100%; }
    .container-block .content-area-item.col-xs-12 .general-partial-page {
      flex-direction: row;
      align-items: center; }
      .container-block .content-area-item.col-xs-12 .general-partial-page .partial-image {
        width: 50%;
        height: 300px; }
      .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body {
        width: 50%;
        align-items: center; }
        .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body__text {
          color: #1a1a1a;
          margin: 0 0 0 60px;
          padding: 5px 0 0 0; }
    @media only screen and (max-width: 940px) {
      .container-block .content-area-item.col-xs-12 .general-partial-page {
        flex-direction: row;
        margin: 0; }
        .container-block .content-area-item.col-xs-12 .general-partial-page .partial-image {
          width: 50%;
          height: 220px;
          flex-direction: column !important; }
        .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body {
          width: 50%;
          justify-content: center;
          margin: 30px 0 0 40px; }
          .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body__text {
            margin: 0; } }
  .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 {
    width: 66.66%; }
    .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page {
      width: 100%;
      flex-direction: column;
      align-items: center; }
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-image {
        width: 100%;
        height: 200px; }
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body {
        width: 100%;
        height: 200px;
        align-items: center; }
        .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text {
          margin: 0; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text h3 {
            height: auto; }
    @media only screen and (max-width: 940px) {
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 {
        width: 100%; }
        .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page {
          flex-direction: row;
          margin: 0; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-image {
            width: 50%;
            height: 220px;
            flex-direction: column !important; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body {
            width: 50%;
            justify-content: center;
            margin: 30px 0 0 40px; }
            .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text {
              margin: 0; } }
  .container-block .content-area-item.col-xs-12.col-sm-6 {
    width: 50%; }
    .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page {
      flex-direction: column; }
      .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-image {
        height: 200px;
        width: 100%;
        margin: 0; }
      .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body {
        margin: 0;
        width: 100%; }
        .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body__text {
          margin: 0; }
    @media only screen and (max-width: 940px) {
      .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-image {
        height: 200px; } }
  .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 {
    width: 33.33%; }
    .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page {
      width: 100%;
      flex-direction: column;
      justify-content: flex-start;
      padding-top: 40px; }
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-image {
        width: 100%;
        height: 200px; }
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body {
        width: 100%;
        height: 130px;
        align-items: flex-start; }
    @media only screen and (max-width: 940px) {
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 {
        width: 100%; }
        .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page {
          flex-direction: row;
          margin: 0; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-image {
            width: 50%;
            height: 220px;
            flex-direction: column !important; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body {
            width: 50%;
            justify-content: center;
            margin: 30px 0 0 40px; }
            .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body__text {
              margin: 0; } }
  .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 {
    width: 25%; }
    .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page {
      width: 100%;
      flex-direction: column;
      justify-content: flex-start;
      padding-top: 25px; }
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-image {
        width: 100%;
        height: 200px; }
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body {
        width: 100%;
        height: 135px;
        align-items: flex-start; }
        .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body__text {
          margin: 0 5px 0 0; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body__text h3 {
            height: 65px;
            width: 100%; }
    @media only screen and (max-width: 1300px) {
      .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 {
        width: 50%; }
        .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page {
          padding-top: 40px;
          height: 100%; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-image {
            height: 200px; }
          .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body__text {
            height: 100%; } }
  .container-block .content-area-item.col-xs-12, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8, .container-block .content-area-item.col-xs-12.col-sm-6, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 {
    /* Medium screen */
    /* Narrow screen */ }
    .container-block .content-area-item.col-xs-12 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page {
      padding: 30px;
      position: relative; }
      .container-block .content-area-item.col-xs-12 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-image {
        position: relative; }
        .container-block .content-area-item.col-xs-12 .general-partial-page .partial-image .image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-image .image, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-image .image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-image .image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-image .image {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .container-block .content-area-item.col-xs-12 .general-partial-page .partial-image .image img, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-image .image img, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-image .image img, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-image .image img, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-image .image img {
            min-height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            max-height: 100%; }
      .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body {
        height: auto;
        align-items: flex-start;
        margin-top: 20px; }
        .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body__text, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body__text, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body__text, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body__text {
          height: auto; }
          .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body__text h3 {
            font-size: 30px;
            line-height: 33px;
            margin: 0 0 5px 0; }
          .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body__text p, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text p, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body__text p, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body__text p, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body__text p {
            font-size: 18px;
            line-height: 29px;
            margin-bottom: 0; }
    @media only screen and (max-width: 940px) {
      .container-block .content-area-item.col-xs-12 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media only screen and (max-width: 719px) {
      .container-block .content-area-item.col-xs-12, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8, .container-block .content-area-item.col-xs-12.col-sm-6, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 {
        width: 100%; }
        .container-block .content-area-item.col-xs-12 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page {
          flex-direction: column;
          margin: 0; }
          .container-block .content-area-item.col-xs-12 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-image, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-image {
            width: 100%;
            height: 180px;
            margin: 0; }
          .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body {
            width: 100%;
            align-items: flex-start;
            margin: 20px 0 0 0; }
            .container-block .content-area-item.col-xs-12 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-8 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-4 .general-partial-page .partial-body__text h3, .container-block .content-area-item.col-xs-12.col-sm-6.col-md-3 .general-partial-page .partial-body__text h3 {
              min-height: auto;
              height: auto; } }

body.blockbasedarticlepage #inner-modal .general-partial-page:hover, body.blockbasedarticlepage #inner-modal .general-partial-page:focus {
  background-color: #ffffff;
  text-decoration: none; }

body.blockbasedarticlepage .aside .general-partial-page {
  background-color: #ffffff;
  z-index: 9; }
  body.blockbasedarticlepage .aside .general-partial-page .partial-image {
    position: relative;
    height: 200px; }
    body.blockbasedarticlepage .aside .general-partial-page .partial-image > .go-to {
      top: 95%; }
    body.blockbasedarticlepage .aside .general-partial-page .partial-image .image {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      body.blockbasedarticlepage .aside .general-partial-page .partial-image .image img {
        min-height: 100%;
        width: 100%;
        max-height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
  body.blockbasedarticlepage .aside .general-partial-page .partial-body__text {
    margin: 10px; }

body.blockbasedarticlepage .bottom-content {
  /* Medium screen */
  /* Narrow screen */ }
  body.blockbasedarticlepage .bottom-content > .general-partial-page {
    width: 100%;
    max-width: 1240px;
    flex-direction: row;
    align-self: center;
    padding: 30px 0 30px 0;
    position: relative; }
    body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-image {
      position: relative;
      width: 50%;
      height: 300px;
      margin-left: 30px; }
      body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-image .image {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-image .image img {
          min-height: 100%;
          width: 100%;
          max-height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
    body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-body {
      width: 50%;
      height: auto;
      align-items: center;
      margin-top: 20px;
      margin-right: 30px; }
      body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-body__text {
        height: auto;
        margin: 0 0 0 60px;
        padding: 0; }
        body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-body__text h3 {
          font-size: 30px;
          line-height: 33px;
          margin: 0 0 5px 0; }
        body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-body__text p {
          font-size: 20px;
          line-height: 29px;
          margin-bottom: 0; }
  @media only screen and (max-width: 940px) {
    body.blockbasedarticlepage .bottom-content > .general-partial-page {
      padding-top: 30px;
      padding-bottom: 30px;
      flex-direction: row;
      margin: 0; }
      body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-image {
        width: 50%;
        height: 220px;
        flex-direction: column !important;
        margin-left: 20px; }
      body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-body {
        width: 50%;
        justify-content: center;
        margin: 0 20px 0 40px; }
        body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-body__text {
          margin: 0; } }
  @media only screen and (max-width: 719px) {
    body.blockbasedarticlepage .bottom-content {
      width: 100%; }
      body.blockbasedarticlepage .bottom-content > .general-partial-page {
        flex-direction: column;
        margin: 0;
        pointer-events: none; }
        body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-image {
          width: 100%;
          height: 180px;
          margin: 0; }
        body.blockbasedarticlepage .bottom-content > .general-partial-page .partial-body {
          width: 100%;
          align-items: flex-start;
          margin: 20px 0 0 0; } }

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  position: relative; }

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em; }

.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa; }

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green; }

.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none; }

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block; }

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px; }

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(-40px); } }

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px); }
  30% {
    opacity: 1;
    transform: translateY(0px); } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.1); }
  20% {
    transform: scale(1); } }

.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }

.dropzone.dz-clickable {
  cursor: pointer; }

.dropzone.dz-clickable * {
  cursor: default; }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer; }

.dropzone.dz-started .dz-message {
  display: none; }

.dropzone.dz-drag-hover {
  border-style: solid; }

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5; }

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0; }

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px; }

.dropzone .dz-preview:hover {
  z-index: 1000; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd); }

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1; }

.dropzone .dz-preview.dz-image-preview {
  background: white; }

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear; }

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none; }

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline; }

.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%; }

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px; }

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap; }

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8); }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis; }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent; }

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px; }

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px); }

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10; }

.dropzone .dz-preview .dz-image img {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px; }

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px; }

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear; }

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in; }

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite; }

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden; }

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out; }

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block; }

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto; }

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white; }

.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626; }

#fileupload-container #dropZone {
  background: gray;
  border: black dashed 3px;
  width: 200px;
  padding: 50px;
  text-align: center;
  color: white; }

.dropzone .dz-preview.dz-file-preview.dz-error .dz-image {
  background: linear-gradient(to bottom, #be2626, #a92222); }

@media only print {
  @page {
    size: auto !important;
    margin: 15mm 0 30mm 0; }
  body {
    padding: 0 15mm; }
  #header,
  #nav,
  .main-path,
  .meta--share,
  #footer .grid-col:last-child,
  #footer .grid-col-1:last-child,
  #footer .grid-col-3:last-child,
  #footer .grid-col-2:last-child,
  #footer .grid-col-4:last-child, .button, .calltoaction, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button,
  .index,
  #nav-searchform,
  #search,
  .toggle-icon,
  .share,
  #footer,
  .aside,
  .content-footer,
  .breadcrumb-nav,
  #cookies {
    display: none !important; }
  body.substartpage .main .contact,
  body.substartpage .main .intro img,
  .videoblock.container,
  .carousel-container,
  .search-page .search-wrapper {
    display: none; }
  body.substartpage .main .grid .grid-col-3 {
    width: 40% !important; }
  .wrap, .content,
  body.substartpage .main .intro.contact--visible .main-intro {
    width: 100%; }
  .content {
    padding-left: 0; }
  .facebook-container,
  .instagram-container,
  .twitter-container {
    float: none; }
  body.startpage {
    background: none; }
    body.startpage .search-wrapper,
    body.startpage .disruption .current-status .disruption-buttons,
    body.startpage .top-container img {
      display: none; }
    body.startpage .blockarea .container {
      float: none;
      clear: both; }
    body.startpage .blockarea .grid-col-2 {
      width: 90% !important; }
    body.startpage .blockarea .grid-col-4 {
      width: 50% !important; }
    body.startpage .grid-col, body.startpage .grid-col-1, body.startpage .grid-col-3, body.startpage .grid-col-2, body.startpage .grid-col-4, body.startpage .grid-col-1, body.startpage .grid-col-3, body.startpage .grid-col-2, body.startpage .grid-col-4 {
      display: block; } }

.rtl-block h1, .rtl-block h2, .rtl-block h3, .rtl-block h4, .rtl-block h5, .rtl-block p, .rtl-block table, .rtl-block td, .rtl-block ol, .rtl-block ul {
  direction: rtl; }

.rtl-block ol, .rtl-block ul, .rtl-block td {
  padding-right: 20px;
  text-align: right; }

.rtl-block ol, .rtl-block ul,
.rtl-block .accordion-block-info,
.rtl-block .accordion-block-info__image,
.rtl-block .article-main-body,
.rtl-block .puffed-accordion-section-block__label {
  margin-left: auto !important; }

.rtl-block .top-content .container-body {
  overflow: visible; }

.rtl-block .accordion-section-block, .rtl-block .puffed-accordion-section-block {
  width: 100%; }

.rtl-block .puffed-accordion-section-block, .rtl-block .accordion-section-block, .rtl-block .puffed-accordion-section-block__label {
  display: inline-flex;
  flex-direction: column;
  text-align: right; }
  .rtl-block .puffed-accordion-section-block h4, .rtl-block .accordion-section-block h4, .rtl-block .puffed-accordion-section-block__label h4 {
    display: inline-block; }

.rtl-block .partial-body__text {
  padding-left: 20px !important; }

.rtl-block .accordion__label-container {
  flex-direction: row-reverse;
  padding-right: 30px; }
  .rtl-block .accordion__label-container::after {
    left: 30px;
    right: unset; }

.rtl-block .accordion__label {
  text-align: right; }

.rtl-block .accordion__label-text {
  margin-right: 0;
  padding-left: 50px; }

.rtl-block .go-to {
  left: 5%; }

.mputilityoverviewpage .mypages-utility-wrapper {
  margin-bottom: 30px; }

.mputilityoverviewpage .filters .accordion-block .accordion-sections {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  @media (min-width: 719px) {
    .mputilityoverviewpage .filters .accordion-block .accordion-sections {
      justify-content: space-between; } }
  .mputilityoverviewpage .filters .accordion-block .accordion-sections .accordion {
    width: 100%; }
    @media (min-width: 480px) {
      .mputilityoverviewpage .filters .accordion-block .accordion-sections .accordion {
        min-width: 240px;
        max-width: 300px; } }
    .mputilityoverviewpage .filters .accordion-block .accordion-sections .accordion__label-container {
      border-color: #1a1a1a; }

body.theme-tv .nav-level-1 {
  top: 6.4em; }

body.theme-tv .header-wrap .logotype {
  top: 1.7em;
  left: 0.5em; }
  body.theme-tv .header-wrap .logotype img {
    width: 284px;
    height: 91px; }

body.theme-tv .videoblock .description {
  background-color: #7a8991; }

body.theme-tv.theme-startpage .header-wrap {
  background-position: center -171px; }

body.theme-tv.errorpage {
  background: #f9faf4; }

body.theme-tv.blockbasedarticlepage main > .wrap .head-content .top-content .layout-product .intro__content__mainBody p.link-button:hover {
  background-color: #f1f3f4; }

body.theme-tv.blockbasedarticlepage .top-content__header .intro__content {
  background-color: #004876; }

body.theme-tv.blockbasedarticlepage .top-content__header-bottom .article-main-body p:not(.link-button) a {
  color: #1F6590; }

body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .button, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .calltoaction, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .link-button, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .link-button a, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body a.link-button {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .button:hover, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .calltoaction:hover, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .link-button:hover, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .button:focus, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .calltoaction:focus, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .link-button:focus, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .link-button a:hover, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body .link-button a:focus, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body a.link-button:hover, body.theme-tv.blockbasedarticlepage .top-content__header-bottom__content .article-main-body a.link-button:focus {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage #modal-container #inner-modal .button-close-modal > .icon {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage #modal-container #inner-modal .button-close-modal > .icon:hover {
    background-color: #1f6590; }
  body.theme-tv.blockbasedarticlepage #modal-container #inner-modal .button-close-modal > .icon:focus {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage #modal-container #inner-modal .accordion__label-container {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage #modal-container #inner-modal .accordion__label-container:hover, body.theme-tv.blockbasedarticlepage #modal-container #inner-modal .accordion__label-container:focus {
    background-color: #1F6590; }

body.theme-tv.blockbasedarticlepage .general-partial-page .partial-image .go-to {
  background-color: #004876; }

body.theme-tv.blockbasedarticlepage .general-partial-page:hover, body.theme-tv.blockbasedarticlepage .general-partial-page:focus {
  background-color: #f1f3f4;
  text-decoration: none; }
  body.theme-tv.blockbasedarticlepage .general-partial-page:hover .partial-image .go-to, body.theme-tv.blockbasedarticlepage .general-partial-page:focus .partial-image .go-to {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .product-form-block .button, body.theme-tv.blockbasedarticlepage .product-form-block .calltoaction, body.theme-tv.blockbasedarticlepage .product-form-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .link-button, body.theme-tv.blockbasedarticlepage .product-form-block .link-button a, body.theme-tv.blockbasedarticlepage .product-form-block a.link-button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container select {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .product-form-block .button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .calltoaction:hover, body.theme-tv.blockbasedarticlepage .product-form-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .link-button a:hover, body.theme-tv.blockbasedarticlepage .product-form-block .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block a.link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block a.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container select:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container select:focus {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container *, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container * {
  color: #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container span a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container li a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container ul a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container span a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container li a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container ul a:focus {
  box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .button, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .calltoaction, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button a, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container a.link-button, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .button, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .calltoaction, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button a, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container a.link-button {
  background-color: #ffffff;
  color: #000000; }
  body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .button:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .calltoaction:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button a:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container a.link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container a.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .button:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .calltoaction:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button a:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container a.link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container a.link-button:focus {
    background-color: #E7F8FD; }
  body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkblue-100 .info-container a.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block.darkgray-100 .info-container a.link-button:focus {
    background-clip: padding-box;
    box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container input:not(.FormFileUpload__Input):hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container input:not(.FormFileUpload__Input):focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container textarea:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container textarea:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container .select-items div:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container .select-items div:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container .form-checkbox-fake:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container .form-checkbox-fake:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container .form-radio-fake:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container .form-radio-fake:focus {
  background-color: #E7F8FD; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner p, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner label, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner a, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner h2, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner h3, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner h4, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner aside, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner span, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner ul, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner ol,
body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner .Form__NavigationBar__ProgressBar--Text,
body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .container-inner .FormFileUpload__Input, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner p, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner label, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner a, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner h2, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner h3, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner h4, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner aside, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner span, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner ul, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner ol,
body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner .Form__NavigationBar__ProgressBar--Text,
body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .container-inner .FormFileUpload__Input {
  color: #ffffff !important; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 span a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 li a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 ul a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 span a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 li a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 ul a:focus {
  box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.calltoaction, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.link-button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 select, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .select-selected, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .calltoaction, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button a, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 a.link-button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.calltoaction, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.link-button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 select, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .select-selected, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .calltoaction, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button a, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 a.link-button {
  background-color: #ffffff;
  color: #000000; }
  body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.calltoaction:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 select:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 select:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .select-selected:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .select-selected:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .calltoaction:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button a:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 a.link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 a.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.calltoaction:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 select:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 select:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .select-selected:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .select-selected:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .calltoaction:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button a:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 a.link-button:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 a.link-button:focus {
    background-color: #E7F8FD; }
  body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 button.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 select:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .select-selected:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 a.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 button.link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 select:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .select-selected:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .calltoaction:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .link-button a:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 a.link-button:focus {
    background-clip: padding-box;
    box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 input, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 textarea, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 select, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .select-selected, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .FormSubmitButton, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .Form__NavigationBar__Action, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 input, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 textarea, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 select, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .select-selected, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .FormSubmitButton, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .Form__NavigationBar__Action {
  border: 4px solid transparent; }
  body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 input:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 textarea:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 select:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .select-selected:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .FormSubmitButton:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .Form__NavigationBar__Action:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 input:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 textarea:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 select:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .select-selected:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .FormSubmitButton:focus, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkgray-100 .Form__NavigationBar__Action:focus {
    background-clip: padding-box;
    box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-checkbox-fake, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-radio-fake {
  background-color: #004876;
  border: 2px solid #ffffff;
  color: #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-checkbox-fake:hover, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-radio-fake:hover {
  background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-checkbox:focus ~ .form-checkbox-fake, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-radio:focus ~ .form-radio-fake {
  outline: 2px solid #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-checkbox:focus:not(.form-checkbox:checked) ~ .form-checkbox-fake, body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-radio:focus ~ .form-radio-fake {
  background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-checkbox:checked ~ .form-checkbox-fake {
  background-color: #ffffff;
  color: #004876; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .form-group-items .form-radio-fake span {
  background-color: #ffffff; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .FormRange_Wrapper .FormRange__Input::-webkit-slider-runnable-track {
  background: #004876; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .FormRange_Wrapper .FormRange__Input::-moz-range-track {
  background: #004876; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .FormRange_Wrapper .FormRange__Input::-ms-fill-lower {
  background: #004876; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.darkblue-100 .FormRange_Wrapper .FormRange__Input::-ms-fill-upper {
  background: #004876; }

body.theme-tv.blockbasedarticlepage .product-form-block .epiform-outer-container.white .Form__Element__ValidationError {
  color: red; }

body.theme-tv.blockbasedarticlepage .epi-form-container {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .epi-form-container button.button, body.theme-tv.blockbasedarticlepage .epi-form-container button.calltoaction, body.theme-tv.blockbasedarticlepage .epi-form-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .epi-form-container button.link-button, body.theme-tv.blockbasedarticlepage .epi-form-container select, body.theme-tv.blockbasedarticlepage .epi-form-container .select-selected, body.theme-tv.blockbasedarticlepage .epi-form-container .button, body.theme-tv.blockbasedarticlepage .epi-form-container .calltoaction, body.theme-tv.blockbasedarticlepage .epi-form-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .epi-form-container .link-button, body.theme-tv.blockbasedarticlepage .epi-form-container .link-button a, body.theme-tv.blockbasedarticlepage .epi-form-container a.link-button {
    background-color: #004876; }
    body.theme-tv.blockbasedarticlepage .epi-form-container button.button:hover, body.theme-tv.blockbasedarticlepage .epi-form-container button.calltoaction:hover, body.theme-tv.blockbasedarticlepage .epi-form-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .epi-form-container button.link-button:hover, body.theme-tv.blockbasedarticlepage .epi-form-container button.button:focus, body.theme-tv.blockbasedarticlepage .epi-form-container button.calltoaction:focus, body.theme-tv.blockbasedarticlepage .epi-form-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment button.link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .epi-form-container button.link-button:focus, body.theme-tv.blockbasedarticlepage .epi-form-container select:hover, body.theme-tv.blockbasedarticlepage .epi-form-container select:focus, body.theme-tv.blockbasedarticlepage .epi-form-container .select-selected:hover, body.theme-tv.blockbasedarticlepage .epi-form-container .select-selected:focus, body.theme-tv.blockbasedarticlepage .epi-form-container .button:hover, body.theme-tv.blockbasedarticlepage .epi-form-container .calltoaction:hover, body.theme-tv.blockbasedarticlepage .epi-form-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .epi-form-container .link-button:hover, body.theme-tv.blockbasedarticlepage .epi-form-container .button:focus, body.theme-tv.blockbasedarticlepage .epi-form-container .calltoaction:focus, body.theme-tv.blockbasedarticlepage .epi-form-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .epi-form-container .link-button:focus, body.theme-tv.blockbasedarticlepage .epi-form-container .link-button a:hover, body.theme-tv.blockbasedarticlepage .epi-form-container .link-button a:focus, body.theme-tv.blockbasedarticlepage .epi-form-container a.link-button:hover, body.theme-tv.blockbasedarticlepage .epi-form-container a.link-button:focus {
      background-color: #1f6590; }
  body.theme-tv.blockbasedarticlepage .epi-form-container p:not(.link-button) a:not(.link-button), body.theme-tv.blockbasedarticlepage .epi-form-container span a, body.theme-tv.blockbasedarticlepage .epi-form-container li a, body.theme-tv.blockbasedarticlepage .epi-form-container ul a {
    color: #004876; }
  body.theme-tv.blockbasedarticlepage .epi-form-container input:not(.FormFileUpload__Input):hover, body.theme-tv.blockbasedarticlepage .epi-form-container input:not(.FormFileUpload__Input):focus, body.theme-tv.blockbasedarticlepage .epi-form-container textarea:hover, body.theme-tv.blockbasedarticlepage .epi-form-container textarea:focus, body.theme-tv.blockbasedarticlepage .epi-form-container .select-items div:hover, body.theme-tv.blockbasedarticlepage .epi-form-container .select-items div:focus {
    background-color: #E7F8FD; }
  body.theme-tv.blockbasedarticlepage .epi-form-container .form-group-items .form-checkbox:focus:not(.form-checkbox:checked) ~ .form-checkbox-fake, body.theme-tv.blockbasedarticlepage .epi-form-container .form-group-items .form-radio:focus ~ .form-radio-fake {
    background-color: #E7F8FD; }
  body.theme-tv.blockbasedarticlepage .epi-form-container .form-group-items .form-checkbox-fake:hover, body.theme-tv.blockbasedarticlepage .epi-form-container .form-group-items .form-radio-fake:hover {
    background-color: #E7F8FD; }

body.theme-tv.blockbasedarticlepage .accordion-block .button, body.theme-tv.blockbasedarticlepage .accordion-block .calltoaction, body.theme-tv.blockbasedarticlepage .accordion-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block .link-button, body.theme-tv.blockbasedarticlepage .accordion-block .link-button a, body.theme-tv.blockbasedarticlepage .accordion-block a.link-button {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .accordion-block .button:hover, body.theme-tv.blockbasedarticlepage .accordion-block .calltoaction:hover, body.theme-tv.blockbasedarticlepage .accordion-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block .link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block .link-button a:hover, body.theme-tv.blockbasedarticlepage .accordion-block a.link-button:hover {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 h2, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 h3, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 h4, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 h5, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 h2, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 h3, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 h4, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 h5 {
  color: #ffffff !important; }

body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > *, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text *, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > *, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > *, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text *, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > * {
  color: #ffffff; }

body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > td, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > th, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text td, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text th, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > td, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > th, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > td, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > th, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text td, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text th, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > td, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > th {
  color: #000000; }

body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .calltoaction, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .accordion-block-info__text > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .link-button a, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > a.link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .calltoaction, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .link-button a, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text a.link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .calltoaction, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .link-button a, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > a.link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .calltoaction, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .accordion-block-info__text > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .link-button a, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > a.link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .calltoaction, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .link-button a, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text a.link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .calltoaction, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .link-button, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .link-button a, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > a.link-button {
  background-color: #ffffff;
  color: #000000; }
  body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .accordion-block-info__text > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .link-button a:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > a.link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .calltoaction:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .link-button a:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text a.link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .link-button a:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > a.link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .accordion-block-info__text > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .link-button a:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > a.link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .calltoaction:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .link-button a:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text a.link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .link-button:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .link-button a:hover, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > a.link-button:hover {
    background-color: #f1f3f4; }
  body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .accordion-block-info__text > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > .link-button a:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion-block-info__text > a.link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .calltoaction:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text .link-button a:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .accordion__content-text a.link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > .link-button a:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkblue-100 .epi-editContainer > a.link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .accordion-block-info__text > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > .link-button a:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion-block-info__text > a.link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .calltoaction:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text .link-button a:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .accordion__content-text a.link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .link-button:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > .link-button a:focus, body.theme-tv.blockbasedarticlepage .accordion-block.darkgray-100 .epi-editContainer > a.link-button:focus {
    box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.white:hover, body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.white:focus {
  background-color: #f1f3f4; }

body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkblue-100 .accordion__label-text, body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkgray-100 .accordion__label-text {
  color: #ffffff; }

body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkblue-100::after, body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkgray-100::after {
  color: #ffffff; }

body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkblue-100:hover, body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkblue-100:focus, body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkgray-100:hover, body.theme-tv.blockbasedarticlepage .accordion-block .accordion__label-container.darkgray-100:focus {
  background-color: #1F6590; }

body.theme-tv.blockbasedarticlepage .full-width-block .button, body.theme-tv.blockbasedarticlepage .full-width-block .calltoaction, body.theme-tv.blockbasedarticlepage .full-width-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .full-width-block .link-button, body.theme-tv.blockbasedarticlepage .full-width-block .link-button a, body.theme-tv.blockbasedarticlepage .full-width-block a.link-button {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .full-width-block .button:hover, body.theme-tv.blockbasedarticlepage .full-width-block .calltoaction:hover, body.theme-tv.blockbasedarticlepage .full-width-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .full-width-block .link-button:hover, body.theme-tv.blockbasedarticlepage .full-width-block .link-button a:hover, body.theme-tv.blockbasedarticlepage .full-width-block a.link-button:hover {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .button, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .calltoaction, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .link-button, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .link-button a, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 a.link-button, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .button, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .calltoaction, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .link-button, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .link-button a, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 a.link-button {
  background-color: #ffffff;
  color: #000000; }
  body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .button:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .calltoaction:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .link-button:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .link-button a:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 a.link-button:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .button:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .calltoaction:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .link-button:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .link-button a:hover, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 a.link-button:hover {
    background-color: #f1f3f4; }

body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 h2, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 p, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 a, body.theme-tv.blockbasedarticlepage .full-width-block.darkblue-100 .icon-arrow, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 h2, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 p, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 a, body.theme-tv.blockbasedarticlepage .full-width-block.darkgray-100 .icon-arrow {
  color: #ffffff; }

body.theme-tv.blockbasedarticlepage .text-image-block .text > .button, body.theme-tv.blockbasedarticlepage .text-image-block .text > .calltoaction, body.theme-tv.blockbasedarticlepage .text-image-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block .text > .link-button, body.theme-tv.blockbasedarticlepage .text-image-block .text > .link-button a, body.theme-tv.blockbasedarticlepage .text-image-block .text > a.link-button, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .button, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .calltoaction, body.theme-tv.blockbasedarticlepage .text-image-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .link-button, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .link-button a, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > a.link-button {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .text-image-block .text > .button:hover, body.theme-tv.blockbasedarticlepage .text-image-block .text > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .text-image-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block .text > .link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block .text > .link-button a:hover, body.theme-tv.blockbasedarticlepage .text-image-block .text > a.link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .button:hover, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .text-image-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > .link-button a:hover, body.theme-tv.blockbasedarticlepage .text-image-block .epi-editContainer > a.link-button:hover {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > *, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > p:not(.link-button) a:not(.link-button), body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > span a, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > li a, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > ul a, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > *, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > p:not(.link-button) a:not(.link-button), body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > span a, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > li a, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > ul a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > *, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > p:not(.link-button) a:not(.link-button), body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > span a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > li a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > ul a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > *, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > p:not(.link-button) a:not(.link-button), body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > span a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > li a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > ul a {
  color: #ffffff; }
  body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > *:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > span a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > li a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > ul a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > *:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > span a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > li a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > ul a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > *:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > span a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > li a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > ul a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > *:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > p:not(.link-button) a:not(.link-button):focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > span a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > li a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > ul a:focus {
    box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > table, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > table, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > table, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > table {
  color: initial; }

body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .button, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .calltoaction, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .link-button, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .link-button a, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > a.link-button, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .button, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .calltoaction, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .link-button, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .link-button a, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > a.link-button, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .button, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .calltoaction, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .link-button, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .link-button a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > a.link-button, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .button, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .calltoaction, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .link-button, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .link-button a, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > a.link-button {
  background-color: #ffffff;
  color: #000000; }
  body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .link-button a:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > a.link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .link-button a:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > a.link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .link-button a:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > a.link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .calltoaction:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .link-button:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .link-button a:hover, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > a.link-button:hover {
    background-color: #f1f3f4; }
  body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .link-button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > .link-button a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .text > a.link-button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .link-button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > .link-button a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkblue-100 .epi-editContainer > a.link-button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .text > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .link-button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > .link-button a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .text > a.link-button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .calltoaction:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .epi-editContainer > .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .link-button:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > .link-button a:focus, body.theme-tv.blockbasedarticlepage .text-image-block.darkgray-100 .epi-editContainer > a.link-button:focus {
    box-shadow: 0 0 0 2px #ffffff; }

body.theme-tv.blockbasedarticlepage .text-block .button, body.theme-tv.blockbasedarticlepage .text-block .calltoaction, body.theme-tv.blockbasedarticlepage .text-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-block .link-button, body.theme-tv.blockbasedarticlepage .text-block .link-button a, body.theme-tv.blockbasedarticlepage .text-block a.link-button {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .text-block .button:hover, body.theme-tv.blockbasedarticlepage .text-block .calltoaction:hover, body.theme-tv.blockbasedarticlepage .text-block body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .text-block .link-button:hover, body.theme-tv.blockbasedarticlepage .text-block .link-button a:hover, body.theme-tv.blockbasedarticlepage .text-block a.link-button:hover {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .text-block.darkblue-100 .link-button a {
  color: #1a1a1a;
  background-color: #ffffff; }
  body.theme-tv.blockbasedarticlepage .text-block.darkblue-100 .link-button a:hover {
    background-color: #f1f3f4; }

body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .button, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .calltoaction, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .link-button, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .link-button a, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container a.link-button {
  background-color: #004876; }
  body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .button:hover, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .calltoaction:hover, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:hover, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .link-button:hover, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .button:focus, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .calltoaction:focus, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment .link-button:focus, body.mpusersettingspage .mypages-usersettings .mypages-usersettings-single-area .invoice-update-container .invoice-update-individual .invoice-method-form-autopayment body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .link-button:focus, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .link-button a:hover, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container .link-button a:focus, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container a.link-button:hover, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container a.link-button:focus {
    background-color: #1f6590; }

body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container p:not(.link-button) a:not(.link-button), body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container span a, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container ol a, body.theme-tv.blockbasedarticlepage .bcc-app-container .outer-container ul a {
  color: #004876; }

body.theme-tv.blockbasedarticlepage .white {
  background-color: #ffffff; }
  body.theme-tv.blockbasedarticlepage .white p:not(.link-button) a:not(.link-button), body.theme-tv.blockbasedarticlepage .white span a, body.theme-tv.blockbasedarticlepage .white ol a, body.theme-tv.blockbasedarticlepage .white ul a {
    color: #004876; }

body.theme-tv.blockbasedarticlepage .darkblue-100 {
  background-color: #004876; }

body.theme-tv.blockbasedarticlepage .middleblue-100 {
  background-color: #0087cc; }

body.theme-tv.blockbasedarticlepage .lightgray-100 {
  background-color: #dadada; }

body.theme-tv.blockbasedarticlepage .lightgray-50 {
  background-color: #ececec; }

body.theme-tv.blockbasedarticlepage .lightgray-30 {
  background-color: #f3f3f3; }

body.theme-tv.blockbasedarticlepage .lightgray-10 {
  background-color: #E5E8EC; }

body.theme-tv.blockbasedarticlepage .darkgray-100 {
  background-color: #7a8991; }

body.theme-tv.blockbasedarticlepage .darkgray-50 {
  background-color: #bcc4c8; }

body.theme-tv.blockbasedarticlepage .darkgray-30 {
  background-color: #d7dbde; }

body.theme-tv.blockbasedarticlepage .darkgray-10 {
  background-color: #f1f3f4; }

body.theme-tv.blockbasedarticlepage .lightblue-100 {
  background-color: #0abbef; }

body.theme-tv.blockbasedarticlepage .lightblue-50 {
  background-color: #84ddf7; }

body.theme-tv.blockbasedarticlepage .lightblue-30 {
  background-color: #b5eafa; }

body.theme-tv.blockbasedarticlepage .lightblue-10 {
  background-color: #E7F8FD; }

body.theme-tv.blockbasedarticlepage .darkmode-black {
  background-color: #333f58; }

body.theme-tv .darkblue-100 {
  background-color: #004876; }
  body.theme-tv .darkblue-100 p, body.theme-tv .darkblue-100 a, body.theme-tv .darkblue-100 p a, body.theme-tv .darkblue-100 li, body.theme-tv .darkblue-100 li a, body.theme-tv .darkblue-100 span {
    color: #ffffff; }
  body.theme-tv .darkblue-100 .link-button span {
    color: #000000; }

@media only screen and (max-width: 1226px) {
  body.theme-tv .nav-level-1, body.theme-tv.theme-startpage .nav-level-1 {
    top: 6.15em; }
  body.theme-tv .header-wrap, body.theme-tv.theme-startpage .header-wrap {
    background-position-x: -895px; }
    body.theme-tv .header-wrap .logotype, body.theme-tv.theme-startpage .header-wrap .logotype {
      top: 2.3em;
      left: 0.9em; }
      body.theme-tv .header-wrap .logotype img, body.theme-tv.theme-startpage .header-wrap .logotype img {
        width: 240px;
        height: 77px; } }

/* Medium size and narrow screen (tablets etc) */
@media only screen and (max-width: 940px) {
  body.theme-tv .header-wrap .logotype, body.theme-tv.theme-startpage .header-wrap .logotype {
    top: 0.75em;
    left: 50%;
    margin-left: -3.35em; }
    body.theme-tv .header-wrap .logotype img, body.theme-tv.theme-startpage .header-wrap .logotype img {
      width: 133px;
      height: 42px; } }

/* Narrow screen (smart phones etc) */
@media only screen and (max-width: 719px) {
  body.theme-tv .header-wrap .logotype, body.theme-tv.theme-startpage .header-wrap .logotype {
    margin-left: -4.25em; } }