@layer base {
  /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
  /* HTML5 display definitions
   ========================================================================== */
  /**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section,
  summary {
    display: block;
  }
  /**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
  }
  /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  /**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
  [hidden],
  template {
    display: none;
  }
  /* Text-level semantics
   ========================================================================== */
  /**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
  abbr[title] {
    border-bottom: 1px dotted;
  }
  /**
 * Address styling not present in Safari and Chrome.
 */
  dfn {
    font-style: italic;
  }
  /**
 * Address styling not present in IE 8/9.
 */
  mark {
    background: #ff0;
    color: #000;
  }
  /**
 * Address inconsistent and variable font size in all browsers.
 */
  small {
    font-size: 80%;
  }
  /**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  /* Embedded content
   ========================================================================== */
  /**
 * Remove border when inside `a` element in IE 8/9/10.
 */
  img {
    border: none;
  }
  /**
 * Correct overflow not hidden in IE 9/10/11.
 */
  svg:not(:root) {
    overflow: hidden;
  }
  /* Grouping content
   ========================================================================== */
  /**
 * Address margin not present in IE 8/9 and Safari.
 */
  figure {
    margin: 1em 40px;
  }
  /**
 * Address differences between Firefox and other browsers.
 */
  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }
  /**
 * Contain overflow in all browsers.
 */
  pre {
    overflow: auto;
  }
  /**
 * Address odd `em`-unit font size rendering in all browsers.
 */
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  /* Forms
   ========================================================================== */
  /**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
  /**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
  }
  /**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
  button {
    overflow: visible;
  }
  /**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
  button,
  select {
    text-transform: none;
  }
  /**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
  }
  /**
 * Re-set default cursor for disabled elements.
 */
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  /**
 * Remove inner padding and border in Firefox 4+.
 */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: none;
    padding: 0;
  }
  /**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
  input {
    line-height: normal;
  }
  /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
  }
  /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
 * Define consistent border, margin, and padding.
 */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  /**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
  legend {
    border: none;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  /**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
  textarea {
    overflow: auto;
  }
  /**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
  optgroup {
    font-weight: bold;
  }
  /* Tables
   ========================================================================== */
  /**
 * Remove most spacing between table cells.
 */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  td,
  th {
    padding: 0;
  }
  /* New fonts import (TTF and compressed WOFF2 for better compatibility) */
  @font-face {
    font-family: 'Encode Sans Condensed';
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url('../fonts/EncodeSansCondensed-Regular.woff2') format('woff');
  }
  @font-face {
    font-family: 'Encode Sans Condensed';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/EncodeSansCondensed-SemiBold.woff2') format('woff');
  }
  @font-face {
    font-family: 'Encode Sans Semi Condensed';
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url('../fonts/EncodeSansSemiCondensed-Regular.woff2') format('woff');
  }
  @font-face {
    font-family: 'Encode Sans Semi Condensed';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/EncodeSansSemiCondensed-SemiBold.woff2') format('woff');
  }
  @font-face {
    font-family: 'Encode Sans';
    font-display: swap;
    font-weight: 700;
    src: url('../fonts/EncodeSans-VariableFont_wdth,wght.woff2') format('woff2-variations');
  }
  @font-face {
    font-family: 'Encode Sans';
    font-display: swap;
    font-weight: 600;
    src: url('../fonts/EncodeSans-VariableFont_wdth,wght.woff2') format('woff2-variations');
  }
  @font-face {
    font-family: 'Encode Sans';
    font-display: swap;
    font-weight: 500;
    src: url('../fonts/EncodeSans-VariableFont_wdth,wght.woff2') format('woff2-variations');
  }
  @font-face {
    font-family: 'Encode Sans';
    font-display: swap;
    font-weight: 400;
    src: url('../fonts/EncodeSans-VariableFont_wdth,wght.woff2') format('woff2-variations');
  }
  /*
BASIC COLORS
New theme colors (CVI.png)
*/
  /*@w-max:             960px; ORIGINAL WIDTH */
  #efx .transition {
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  #efx .no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  #efx .transition-slow {
    -webkit-transition: all ease-out 1.2s;
    -moz-transition: all ease-out 1.2s;
    transition: all ease-out 1.2s;
  }
  #efx .vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  * {
    -webkit-text-size-adjust: none;
  }
  html,
  body {
    font-family: "Encode Sans", Arial Narrow, sans-serif;
    color: #002C69;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    line-height: 1;
    height: auto;
    min-height: 100%;
  }
  html.gray,
  body.gray {
    background-color: #f2f3f1;
  }
  body {
    margin: 0;
    padding: 0;
  }
  h1,
  h3,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
    font-family: "Encode Sans", Arial Narrow, sans-serif;
    margin: 0.67em 0;
  }
  h1 {
    font-size: 46px;
    line-height: 60px;
    font-weight: 600;
    margin: 10px 0 0 0;
  }
  h1.orange {
    color: #002C69;
  }
  h1.text-center {
    text-align: center;
  }
  h1.pensionPageHeader {
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.875rem;
    /* 129.167% */
    letter-spacing: -0.012rem;
  }
  h2 {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.875rem;
    /* 127.778% */
  }
  @media (min-width: 768px) and (max-width: 959px) {
    h2 {
      font-size: 26px;
    }
  }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 22px;
    }
  }
  h2.orange {
    color: #002C69;
  }
  h2.orange.secondary {
    color: #ffb54d;
  }
  h2.upperCase {
    text-transform: uppercase;
  }
  h2.line-title {
    font-size: 32px;
    font-weight: bold;
  }
  h2.line-title:after {
    content: "";
    display: table;
    clear: both;
  }
  h2.line-title span {
    padding-right: 10px;
    float: left;
    margin-top: -12px;
  }
  h2.line-title hr {
    border: 1px solid #DDD;
    border-width: 1px 0 0 0;
  }
  h2.text-center {
    text-align: center;
  }
  h2.divided {
    margin-top: 2.5rem;
    padding-top: 20px;
    border-top: 1px solid #002C69;
  }
  h2 i.age {
    position: relative;
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 5px 0 3px;
    width: 46px;
    text-align: center;
    color: #fff;
    background: #002C69;
    font-style: normal;
  }
  h2 i.age:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -6.2mm;
    left: 0px;
    width: 0px;
    height: 0;
    border-right: 23px solid rgba(0, 0, 0, 0);
    border-left: 23px solid rgba(0, 0, 0, 0);
    border-top: 23px solid #002C69;
  }
  h2.heading {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.875rem !important;
  }
  h3 {
    font-size: 24px;
    line-height: 25px;
  }
  h3.lightGray {
    color: #BDDAFB;
    background: none;
  }
  h3.pensionPageSubHeader {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.125rem !important;
  }
  h3.lostAbilitySubHeader {
    font-size: 1.125rem;
    margin: 1rem 0 2.5rem 0;
  }
  h4 {
    font-size: 18px;
    line-height: 28px;
  }
  h4.lightGray {
    color: #BDDAFB;
    background: none;
    font-weight: normal;
    font-style: italic;
    margin-top: -12px;
  }
  strong,
  b {
    font-weight: bold;
  }
  a {
    font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    font-size: 15px;
    letter-spacing: 0.02em;
    cursor: pointer;
    color: #002C69;
    background: transparent;
  }
  a:link,
  a:visited,
  a:active {
    outline: 0;
    text-decoration: none;
    font-weight: 600;
  }
  a:hover {
    outline: 0;
    text-decoration: underline;
  }
  a.link {
    margin-left: -11px;
  }
  a.link:before {
    content: "";
    display: inline-block;
    position: relative;
    top: -3px;
    width: 5px;
    height: 5px;
    background-color: #466a99;
    margin-right: 6px;
    border-radius: 14px;
    background-image: none;
  }
  p {
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }
  em {
    color: #002C69;
    font-style: normal;
  }
  .js-toggle-layer {
    opacity: 0;
    visibility: hidden;
  }
  .js-toggle-layer.js-toggle-visible {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .js-transitions {
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .js-chart-table {
    font-size: 16px;
    overflow: hidden;
  }
  .js-chart-table > div {
    display: none;
  }
  .js-chart-table > div.active {
    display: block;
  }
  .gt-wrapper {
    background: #f7f9fd;
    display: inline-flex;
    gap: 0.25rem;
    justify-content: flex-end;
    margin-left: auto;
    padding: 0.375rem 0.5rem;
  }
  .gt-btn {
    align-content: center;
    background: transparent;
    border: none !important;
    border-radius: 0.3125rem;
    color: rgba(0, 45, 107, 0.4);
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.0175rem;
    line-height: 1.125rem;
    -ms-align-content: center;
    padding: 0.5rem 1rem;
    text-decoration: none;
    -webkit-align-content: center;
  }
  .gt-btn.active {
    background: #bddafb;
    color: #002D6B;
    padding: 0.5rem 1rem;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  }
  /*  ~~~~~~~~~~~~    LOGO    ~~~~~~~~~~~~ */
  /*@logo-width: 195; OLD DESIGN*/
  /*@logo-height: 39; OLD DESIGN*/
  /*  ~~~~~~~~~~~~    COLORS    ~~~~~~~~~~ */
  /*  ~~~~~~~~~~~~    IMAGES    ~~~~~~~~~~ */
  @-moz-keyframes spin {
    100% {
      -moz-transform: rotate(360deg);
    }
  }
  @-webkit-keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes blink {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-moz-keyframes blink {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes blink {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes floating {
    0% {
      transform: translateY(0%);
    }
    50% {
      transform: translateY(15%);
    }
    100% {
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes floating {
    0% {
      -webkit-transform: translateY(0%);
    }
    50% {
      -webkit-transform: translateY(15%);
    }
    100% {
      -webkit-transform: translateY(0%);
    }
  }
  @-webkit-keyframes bounce {
    0%,
    100% {
      -webkit-transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-12px);
    }
  }
  @keyframes bounce {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-12px);
    }
  }
  /*3 dots bouncing one at a time "typing" style with a long delay in between each iteration */
  @keyframes dotPinfo {
    0% {
      box-shadow: 9969px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10029px 0 0 0 #002C69;
    }
    16.667% {
      box-shadow: 9969px -8px 0 0 #002C69, 9999px 0 0 0 #002C69, 10029px 0 0 0 #002C69;
    }
    33.333% {
      box-shadow: 9969px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10029px 0 0 0 #002C69;
    }
    50% {
      box-shadow: 9969px 0 0 0 #002C69, 9999px -8px 0 0 #002C69, 10029px 0 0 0 #002C69;
    }
    66.667% {
      box-shadow: 9969px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10029px 0 0 0 #002C69;
    }
    83.333% {
      box-shadow: 9969px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10029px -8px 0 0 #002C69;
    }
    100% {
      box-shadow: 9969px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10029px 0 0 0 #002C69;
    }
  }
  @keyframes dotPinfoSmall {
    0% {
      box-shadow: 9985px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10013px 0 0 0 #002C69;
    }
    16.667% {
      box-shadow: 9985px -6px 0 0 #002C69, 9999px 0 0 0 #002C69, 10013px 0 0 0 #002C69;
    }
    33.333% {
      box-shadow: 9985px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10013px 0 0 0 #002C69;
    }
    50% {
      box-shadow: 9985px 0 0 0 #002C69, 9999px -6px 0 0 #002C69, 10013px 0 0 0 #002C69;
    }
    66.667% {
      box-shadow: 9985px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10013px 0 0 0 #002C69;
    }
    83.333% {
      box-shadow: 9985px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10013px -6px 0 0 #002C69;
    }
    100% {
      box-shadow: 9985px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10013px 0 0 0 #002C69;
    }
  }
  @keyframes pulse {
    40% {
      background: #002C69;
    }
    80% {
      background: #8e9196;
    }
    100% {
      background: #8e9196;
    }
  }
  /**
 * Default are only used in this file.
 * If someone needs another style, then you should make a new
 * class and inherit from defaults.
 * Example:
 *
 *   .button-test(@size: 14) {
 *       #components-defaults > .button-defaults(@size);
 *       background: @c-button;
 *       bla bla: bla;
 *   }
 */
  /**
 * Here you put all the styles inherited from defaults, which is used
 * through-out the site.
 */
  .mfp-bg {
    background: #0b0b0b;
    height: 100%;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042;
  }
  .mfp-wrap {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1043;
  }
  .mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
  }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .mfp-align-top .mfp-container:before {
    display: none;
  }
  .mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045;
  }
  .mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%;
  }
  .mfp-ajax-holder .mfp-content {
    cursor: auto;
    width: 100%;
  }
  .mfp-ajax-cur {
    cursor: progress;
  }
  .mfp-zoom-out-cur {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  .mfp-zoom {
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: pointer;
    cursor: zoom-in;
  }
  .mfp-auto-cursor .mfp-content {
    cursor: auto;
  }
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .mfp-loading.mfp-figure {
    display: none;
  }
  .mfp-hide {
    display: none !important;
  }
  .mfp-preloader {
    color: #cccccc;
    left: 8px;
    margin-top: -0.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044;
  }
  .mfp-preloader a {
    color: #cccccc;
  }
  .mfp-preloader a:hover {
    color: #ffffff;
  }
  .mfp-s-ready .mfp-preloader {
    display: none;
  }
  .mfp-s-error .mfp-content {
    display: none;
  }
  button.mfp-close {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    touch-action: manipulation;
    z-index: 1046;
  }
  button.mfp-arrow {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    touch-action: manipulation;
    z-index: 1046;
  }
  button::-moz-focus-inner {
    border: none;
    padding: 0;
  }
  .mfp-close {
    color: #ffffff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px;
  }
  .mfp-close:hover {
    opacity: 1;
  }
  .mfp-close:focus {
    opacity: 1;
  }
  .mfp-close:active {
    top: 1px;
  }
  .mfp-close-btn-in .mfp-close {
    color: #333333;
  }
  .mfp-image-holder .mfp-close {
    color: #ffffff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%;
  }
  .mfp-image-holder .mfp-content {
    max-width: 100%;
  }
  .mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .mfp-iframe-holder .mfp-close {
    color: #ffffff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    top: -40px;
    width: 100%;
  }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%;
  }
  .mfp-counter {
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
  }
  .mfp-arrow {
    -webkit-tap-highlight-color: transparent;
    height: 110px;
    margin: 0;
    opacity: 0.65;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px;
  }
  .mfp-arrow:active {
    margin-top: -54px;
  }
  .mfp-arrow:hover {
    opacity: 1;
  }
  .mfp-arrow:focus {
    opacity: 1;
  }
  .mfp-arrow:before {
    border: medium inset transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 0;
  }
  .mfp-arrow:after {
    border: medium inset transparent;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
    top: 8px;
    width: 0;
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    left: 0;
    transform-origin: 0;
  }
  .mfp-arrow-left:after {
    border-right: 17px solid #ffffff;
    margin-left: 31px;
  }
  .mfp-arrow-left:before {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    right: 0;
    transform-origin: 100%;
  }
  .mfp-arrow-right:after {
    border-left: 17px solid #ffffff;
    margin-left: 39px;
  }
  .mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
  }
  .mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
  }
  .mfp-iframe-scaler iframe {
    background: #000000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    line-height: 0;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0 40px;
    width: auto;
  }
  .mfp-figure {
    line-height: 0;
  }
  .mfp-figure:after {
    background: #444444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: auto;
    z-index: -1;
  }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
  .mfp-figure figure {
    margin: 0;
  }
  .mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%;
  }
  .mfp-title {
    color: #F3F3F3;
    line-height: 18px;
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
  }
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
  }
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
    }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
    }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
    }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
    }
  }
  /* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
  .noUi-target,
  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .noUi-target {
    position: relative;
    direction: ltr;
  }
  .noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .noUi-handle {
    position: relative;
    z-index: 1;
  }
  .noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when
   its values is > 50%. */
    z-index: 10;
  }
  .noUi-stacking + .noUi-origin {
    /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
    z-index: -1;
  }
  .noUi-state-tap .noUi-origin:not(.slideOnStart) {
    -webkit-transition: left 0.2s, top 0.2s;
    transition: left 0.2s, top 0.2s;
    /*transition-timing-function: cubic-bezier(0.0, 0, 0.5, 1.2);*/
  }
  .noUi-state-drag * {
    cursor: inherit !important;
  }
  /* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
  .noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  /* Slider size and handle placement;
 */
  .noUi-horizontal {
    height: 18px;
  }
  .noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
  }
  .noUi-vertical {
    width: 18px;
  }
  .noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
  }
  /* Styling;
 */
  .noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0;
  }
  .noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
  }
  .noUi-origin {
    border-radius: 2px;
  }
  .noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
  }
  .noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
  }
  /* Handles and cursors;
 */
  .noUi-dragable {
    cursor: w-resize;
  }
  .noUi-vertical .noUi-dragable {
    cursor: n-resize;
  }
  .noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
  }
  .noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
  }
  /* Handle stripes;
 */
  .noUi-handle:before,
  .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
  }
  .noUi-handle:after {
    left: 17px;
  }
  .noUi-vertical .noUi-handle:before,
  .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
  }
  .noUi-vertical .noUi-handle:after {
    top: 17px;
  }
  /* Disabled state;
 */
  [disabled].noUi-connect,
  [disabled] .noUi-connect {
    background: #B8B8B8;
  }
  [disabled] .noUi-handle {
    cursor: not-allowed;
  }
  .testDataDescription {
    font-size: 15px;
  }
  .testDataDescription td {
    padding: 2px;
  }
  @media (max-width: 960px) {
    .hidden-on-large {
      display: block;
    }
  }
  @media (min-width: 961px) {
    .hidden-on-large {
      display: none;
    }
  }
  .hidden {
    display: none !important;
  }
  /* Mobile specific*/
  /*v.0.3 7/6 2018
orange: #E6911B
dark (almost black) #474747
*/
  /* Both subpages start hidden */
  #jgInputs,
  #jointGraph {
    display: none;
  }
  /* Input subpage */
  #jgInputs {
    padding: 0 75px 0 75px;
  }
  #jgInputs .wrapper {
    margin-top: 70px;
    padding: 70px 75px 0 75px;
    width: 100%;
    height: auto;
    border: 1px solid #C8C9CC;
    text-align: center;
  }
  #jgInputs h2 {
    padding: 0 0 10px 0;
    color: #002C69;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #002C69;
  }
  #jgInputs h1 {
    padding: 60px 0 0 0;
    text-align: center;
  }
  #jgInputs h3 {
    padding: 10px 0 0 0;
    text-align: center;
    color: #002C69;
  }
  #jgInputs .inputArea {
    padding: 25px 120px 0 120px;
    width: 100%;
    height: auto;
  }
  #jgInputs .inputArea .person {
    padding: 20px 0 20px 0;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    float: none;
  }
  #jgInputs .inputArea .person:not(:last-of-type) {
    border-bottom: 1px solid #CFD0CF;
  }
  #jgInputs .inputArea .person .left {
    padding: 14px 10px 0 0;
    width: 40%;
    display: inline-block;
    float: left;
    height: 80px;
    text-align: left;
  }
  #jgInputs .inputArea .person .right {
    position: relative;
    padding-top: 10px;
    width: 60%;
    display: inline-block;
    float: right;
    height: 80px;
  }
  #jgInputs .inputArea .person .right.slider .ageSlider .indicator {
    visibility: hidden;
  }
  #jgInputs .inputArea .person .right input {
    height: 40px;
  }
  #jgInputs .inputArea .inactive {
    pointer-events: none;
    opacity: 0.5;
  }
  #jgInputs .inputArea input::placeholder {
    color: #C8C9CC;
  }
  #jgInputs .inputArea input::-webkit-outer-spin-button,
  #jgInputs .inputArea input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0 !important;
  }
  #jgInputs .button {
    margin: 30px auto 50px auto !important;
  }
  #jgInputs a.right-arrow:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 0px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    margin-right: -10px;
  }
  #jgInputs a.right-arrow:after:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 14px;
    background: url('../img/png/icon-arrow-angle.png');
    background-image: url('../img/svg/icon-arrow-angle.svg'), none;
    background-repeat: no-repeat;
  }
  .ie9 #jgInputs a.right-arrow:after:after {
    padding-right: 3px;
    padding-bottom: 3px;
    background-repeat: no-repeat;
  }
  #jgInputs .footer {
    padding: 20px 0 50px 0;
    color: #002C69;
    font-size: 15px;
    line-height: 140%;
    border-top: 1px solid #E7E8E6;
  }
  #jgInputs .greyed {
    color: #002C69;
    font-weight: normal;
    text-align: right;
  }
  /* Graph subpage */
  .jg1,
  .jg2 {
    position: relative;
    display: inline-block;
    height: auto;
    margin-top: 30px;
    color: #002C69;
  }
  .jg1 {
    float: right;
    width: 215px;
  }
  .jg2 {
    position: relative;
    width: 950px;
  }
  /* Right block (desktop) / top block (mobile) */
  .jg1 h4 {
    color: #002C69;
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: normal;
  }
  .jg1 p {
    padding-left: 24px;
    margin-top: 12px;
  }
  .jg1 p:last-of-type {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E8E6;
  }
  .jg1 p::before {
    padding-left: 0;
    content: "";
    position: absolute;
    margin-left: -24px;
    margin-top: 1px;
    width: 15px;
    height: 14px;
    background: url('../img/png/icon_pil_hojre_orange.png');
    background-image: url('../img/svg/icon_pil_hojre_orange.svg'), none;
    background-repeat: no-repeat;
  }
  .jg1 .overblik {
    transition: opacity 0.6s ease-in-out 0.2s;
    opacity: 1;
  }
  .jg1 .overblik.hidden {
    transition: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .jg1 .overblik .personSalary {
    padding: 0 0 0 0;
    width: 100%;
    min-height: 60px;
    display: inline-block;
    position: relative;
  }
  .jg1 .overblik .personSalary:first-of-type {
    z-index: 0;
  }
  .jg1 .overblik .personSalary .title {
    font-size: 16px;
    color: #002C69;
    margin-bottom: 5px;
  }
  .jg1 .overblik .personSalary .salary {
    font-size: 20px;
    color: #002C69;
    font-weight: bold;
    padding: 10px;
  }
  .jg1 .overblik .personSalary .salary::placeholder {
    color: #002C69;
  }
  .jg1 .overblik .personSalary .salary:hover {
    opacity: 0.5;
  }
  .jg1 .overblik .personSalary .salary:after {
    position: absolute;
    content: "";
    margin-left: 10px;
    width: 16px;
    height: 100%;
    background: url("../img/png/icon-pen.png") no-repeat;
    background-image: url("../img/svg/icon-pen.svg");
    background-repeat: no-repeat;
    opacity: inherit;
  }
  .jg1 .overblik .personSalary input {
    background: #EEF3FA;
    width: calc(70% - 2px);
    height: 40px;
    display: inline-block;
    float: left;
    border: none;
  }
  .jg1 .overblik .personSalary input:focus {
    outline: none;
  }
  .jg1 .overblik .personSalary .button.blue {
    width: 30%;
    display: inline-block;
    float: right;
    margin: 0;
    height: 40px;
    padding-left: 0px;
    padding-right: 0px;
    min-width: 20px;
    text-align: center;
  }
  .jg1 .overblik .footer {
    margin-top: 0px;
    font-size: 15px;
    color: #002C69;
  }
  .jg1 .overblik .button.edit {
    display: none;
  }
  /* Introduction */
  .jg1 .intro {
    position: absolute;
    display: block;
    width: 100%;
    height: 375px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .jg1 .intro .line {
    position: relative;
    left: 12px;
    top: 0;
    width: 1px;
    height: 290px;
    background-color: #C8C9CC;
  }
  .jg1 .intro .step {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    min-height: 25px;
    transition: all 0.4s ease-out;
    cursor: pointer;
  }
  .jg1 .intro .step:not(.open):hover .title {
    opacity: 0.5;
  }
  .jg1 .intro .step.open {
    cursor: default;
  }
  .jg1 .intro .step .nr {
    position: absolute;
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #C8C9CC;
    background-color: #FFF;
    width: 25px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    color: #C8C9CC;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.4s ease-out;
  }
  .jg1 .intro .step.open .nr {
    border: 1px solid #355074;
    background-color: #355074;
    color: #FFF;
  }
  .jg1 .intro .step .title {
    position: relative;
    color: #C8C9CC;
    font-size: 16px;
    padding: 5px 0 0 33px;
    font-weight: bold;
    transition: all 0.4s ease-out;
  }
  .jg1 .intro .step.open .title {
    color: #355074;
  }
  .jg1 .intro .step .txt {
    display: none;
    opacity: 0;
    position: relative;
    color: #002C69;
    font-size: 14px;
    line-height: 120%;
    padding: 10px 0 0 33px;
    transition: opacity 0.6s ease-in-out;
  }
  .jg1 .intro .step.open .txt {
    display: block;
  }
  .jg1 .intro .step.open .txt.fade {
    opacity: 1;
  }
  /* Buttons below intro */
  .jg1 a.button {
    position: relative;
    display: inline-block;
    float: left;
    width: calc((100% - 10px) / 2);
    padding: 0;
    margin: 25px 0 0 0;
    height: 40px;
    line-height: 40px;
    min-width: 0px;
    transition: all 0.25s ease-out;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
  }
  .jg1 .intro a.right-arrow.full {
    width: 100%;
    margin-left: 0;
  }
  .jg1 a.button.skip {
    display: block;
    width: 100%;
    color: #fff;
    border: none;
    margin: 30px 0 0 0;
    font-size: 16px;
    transition: opacity 0.2s ease-out;
  }
  .jg1 .overblik a.button.skip {
    text-align: center;
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
  }
  .jg1 a.skip:hover {
    opacity: 0.5;
  }
  .jg1 .intro a.right-arrow:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 0px;
    width: 15px;
    height: 11px;
    background: url('../img/png/icon_pil_hojre_hvid.png');
    background-image: url('../img/svg/icon_pil_hojre_hvid.svg'), none;
    background-repeat: no-repeat;
    margin-left: 5px;
    margin-right: -10px;
  }
  .jg1 .intro a.button.hidden {
    opacity: 0;
    width: 0;
  }
  /* Interactive graph */
  .jg2 .gHolder {
    position: relative;
    width: 100%;
    height: 500px;
  }
  /* Y-axis line with gradient top */
  .jg2 .gHolder .yAxis {
    padding: 20px 8px 0px 0;
    position: relative;
    display: inline-block;
    float: left;
    width: 75px;
    height: 100%;
  }
  .jg2 .gHolder .yAxis .border {
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(71, 71, 71, 0) 0%, #474747 50%, #474747 100%);
    background: -webkit-linear-gradient(top, rgba(71, 71, 71, 0) 0%, #474747 50%, #474747 100%);
    background: linear-gradient(to bottom, rgba(71, 71, 71, 0) 0%, #474747 50%, #474747 100%);
  }
  .jg2 .gHolder .yAxis .value {
    position: relative;
    display: block;
    margin: 0;
    font-size: 16px;
    height: 9.1%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: default;
  }
  .jg2 .gHolder .yAxis .value .txt {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-align: right;
    transform: translateY(50%);
  }
  .jg2 .gHolder .yAxis .fragmentGrx {
    position: absolute;
    z-index: 1;
    top: 23%;
    right: 0;
    margin: -1px -7px 0 0;
    width: 14px;
    height: 14px;
    pointer-events: none;
  }
  /* Graph */
  .jg2 .gHolder .graph {
    position: relative;
    display: inline-block;
    float: right;
    width: calc(100% - 75px);
    height: 100%;
    box-sizing: border-box;
    transition: opacity 0.3s ease-out;
  }
  .jg2 .gHolder .graph.intro {
    pointer-events: none;
  }
  .jg2 .gHolder .graph.blurred {
    opacity: 0.5;
    pointer-events: none;
  }
  .jg2 .gHolder .graph .vLine {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    margin-left: 1px;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(71, 71, 71, 0) 0%, #474747 70%);
    background: -webkit-linear-gradient(top, rgba(71, 71, 71, 0) 0%, #474747 70%);
    background: linear-gradient(to bottom, rgba(71, 71, 71, 0) 0%, #474747 70%);
    opacity: 0.1;
  }
  .jg2 .gHolder .graph .vLine.selected {
    background: -moz-linear-gradient(top, rgba(238, 239, 238, 0) 0%, #eeefee 70%);
    background: -webkit-linear-gradient(top, rgba(238, 239, 238, 0) 0%, #eeefee 70%);
    background: linear-gradient(to bottom, rgba(238, 239, 238, 0) 0%, #eeefee 70%);
    opacity: 1;
  }
  .jg2 .gHolder .graph .bar {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin-left: 1px;
    transform: scaleY(-1);
    /*flip*/
    transition: opacity 0.2s ease-out;
  }
  .jg2 .gHolder .graph .bar:hover,
  .jg2 .gHolder .graph .bar.selected {
    opacity: 0.6;
  }
  .jg2 .gHolder .graph .bar .part {
    transition: height 0.3s ease-out;
    cursor: pointer;
  }
  /* Icons to indicate slider position (below mobile graph) */
  .jg2 .gHolder .graph .mobileIndicator {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: -2px;
    width: 9px;
    height: 13px;
    pointer-events: none;
    margin-left: -3px;
  }
  .jg2 .gHolder .graph .mobileIndicator.b {
    margin-top: 7px;
  }
  .jg2 .gHolder .graph .mobileIndicator.tweenLeft {
    transition: left 0.3s ease-out;
  }
  /* Intro box/overlay */
  .jg2 .gHolder .introOverlay {
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 2;
    width: auto;
    max-width: 100%;
    border-right: 12px solid #F2F3F1;
    border-left-color: transparent;
    opacity: 0;
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    transition: opacity 0.6s ease-in-out 0.2s;
    pointer-events: none;
  }
  .jg2 .gHolder .introOverlay.fadeIn {
    opacity: 1;
  }
  .jg2 .gHolder .introOverlay .oneline {
    position: relative;
    display: inline-block;
    background-color: #F2F3F1;
    text-align: left;
    font-size: 16px;
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .jg2 .gHolder .introOverlay .oneline .title {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    width: auto;
    line-height: 42px;
    height: 100%;
    color: #fff;
    display: inline-block;
    float: left;
    padding: 0 12px 0 12px;
    transition: background-color 0.2s ease-out;
    white-space: nowrap;
    margin-right: 12px;
  }
  .jg2 .gHolder .introOverlay .oneline.error {
    white-space: normal;
    height: 53px;
    color: #355074;
    line-height: 21px;
  }
  .jg2 .gHolder .introOverlay .oneline.error span {
    display: block;
    padding-top: 5px;
  }
  .jg2 .gHolder .introOverlay .oneline.error .title {
    padding-top: 5px;
  }
  .jg2 .gHolder .introOverlay:before {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid;
    border-left-color: inherit;
    transition: border-left-color 0.2s ease-out;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
  }
  /* Hover overlay (shown when interacting with graph bars) */
  .jg2 .gHolder .barOverlay {
    position: absolute;
    left: 25%;
    bottom: 50%;
    width: auto;
    opacity: 0;
    transition: all 0.3s ease-out;
    pointer-events: none;
    z-index: 2;
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  }
  .jg2 .gHolder .barOverlay.visible {
    opacity: 1;
    pointer-events: all;
  }
  .jg2 .gHolder .barOverlay .greyBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #F2F3F1;
  }
  .jg2 .gHolder .barOverlay .greyBox .greyTip {
    font-size: 15px;
    line-height: 18px;
    color: #002C69;
    padding: 7px 10px 5px 10px;
  }
  .jg2 .gHolder .barOverlay .orangeBox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #002C69;
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
    padding: 10px 10px 10px 10px;
    white-space: nowrap;
  }
  .jg2 .gHolder .barOverlay .orangeBox b {
    font-weight: bold;
  }
  .jg2 .gHolder .barOverlay.flip {
    box-shadow: -2px 2px 8px 1px rgba(0, 0, 0, 0.2);
  }
  .jg2 .gHolder .barOverlay .pointer {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #002C69;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
    transition: all 0.4s ease-out;
  }
  .jg2 .gHolder .barOverlay .pointer.right {
    left: auto;
    right: 0;
    bottom: 0;
    transform: scale(-1, 1);
  }
  .jg2 .gHolder .barOverlay.flip .pointer.left {
    bottom: 0;
  }
  .jg2 .gHolder .barOverlay.flip .pointer.right {
    bottom: -14px;
  }
  .jg2 .gHolder .barOverlay.open .greyBox .greyTip {
    display: none;
  }
  .jg2 .gHolder .barOverlay.open .pointer {
    bottom: 0 !important;
  }
  /*Advanced data box inside grey area of overlay*/
  .jg2 .gHolder .barOverlay .advBox {
    position: relative;
    width: 100%;
    height: auto;
    display: none;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
  }
  .jg2 .gHolder .barOverlay.open .advBox {
    display: inline-block;
  }
  .jg2 .gHolder .barOverlay .advBox .menuItem {
    display: inline-block;
    padding: 5px 7px 1px 7px;
    margin-right: 5px;
    font-size: 15px;
    color: #466A99;
    border-bottom: 2px solid #355074;
    margin-top: 12px;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
  }
  .jg2 .gHolder .barOverlay .advBox .menuItem.selected {
    background-color: #355074;
    color: #FFF;
    pointer-events: none;
  }
  .jg2 .gHolder .barOverlay .advBox .menuItem:hover {
    opacity: 0.8;
  }
  .tspan {
    color: #002C69;
  }
  .jg2 .gHolder .barOverlay .advBox .closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    line-height: 10px;
    cursor: pointer;
    transition: transform 0.2s ease-out;
    will-change: transform;
  }
  .jg2 .gHolder .barOverlay .advBox .closeBtn:hover {
    transform: scale(1.2, 1.2) translateZ(0px);
  }
  .jg2 .gHolder .barOverlay .advBox .closeBtn:before,
  .jg2 .gHolder .barOverlay .advBox .closeBtn:after {
    width: 12px;
    height: 2px;
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 14px;
    left: 9px;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #737880;
    transition: all 0.2s ease-out;
  }
  .jg2 .gHolder .barOverlay .advBox .closeBtn:after {
    transform: rotate(45deg);
  }
  .jg2 .gHolder .barOverlay .advBox .list {
    display: block;
    clear: left;
    padding: 15px 0 20px 0;
    width: 100%;
    color: #737880;
    height: auto;
    font-size: 18px;
    box-sizing: border-box;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
  }
  .jg2 .gHolder .barOverlay .advBox .list .me {
    font-size: 18px;
    color: #002C69;
    font-weight: bold;
  }
  .jg2 .gHolder .barOverlay .advBox .list .you {
    font-size: 18px;
    color: #FF9100;
    font-weight: bold;
  }
  .jg2 .gHolder .barOverlay .advBox .list .rows {
    width: auto;
    height: auto;
    white-space: nowrap;
    display: table;
  }
  .jg2 .gHolder .barOverlay .advBox .list .block {
    display: table-cell;
    width: auto;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    white-space: nowrap;
    padding-right: 10px;
    color: #002C69;
  }
  .jg2 .gHolder .barOverlay .advBox .list .block:first-of-type {
    text-align: left;
  }
  .jg2 .gHolder .barOverlay .advBox .list .block:last-of-type {
    padding-right: 0;
  }
  .jg2 .gHolder .barOverlay .advBox .list .block .rect {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px 11px 0 0;
  }
  .jg2 .gHolder .barOverlay .advBox .list .title {
    font-size: 18px;
    line-height: 30px;
  }
  .jg2 .gHolder .barOverlay .advBox .list.fadeIn {
    opacity: 1;
  }
  /* Labels below graph (Løn, Folkepension etc.)*/
  .jg2 .labels {
    position: relative;
    width: 75%;
    width: calc(100% - 75px);
    margin-left: 75px;
    min-height: 30px;
    display: block;
  }
  .jg2 .labels .label {
    display: inline-block;
    float: left;
    color: #737880;
    font-size: 16px;
    line-height: 16px;
    height: 32px;
    white-space: nowrap;
    opacity: 1;
    transition: all 0.25s ease-out;
  }
  .jg2 .labels .label.hidden {
    opacity: 0;
    transform: translateX(-4px);
  }
  .jg2 .labels .label .rect {
    position: relative;
    display: inline-block;
    float: left;
    width: 10px;
    height: 10px;
    margin: 3px 8px 0 0;
    transition: transform 0.3s ease-out;
  }
  .jg2 .labels .label .txt {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 30px 0 0;
  }
  .jg2 .labels .label:last-of-type .txt {
    margin-right: 0;
  }
  .jg2 .labels .label.highlighted {
    font-weight: bold;
  }
  .jg2 .labels .label.highlighted .rect {
    transform: scale(2, 2) translate(-1px, 0);
  }
  /* Container for ageSlider */
  .jg2 .graphXAxis {
    position: relative;
    margin: 10px 0 30px 75px;
    width: calc(100% - 90px);
    height: 120px;
  }
  .jg2.inactive {
    pointer-events: none;
  }
  .jg2.inactive .gHolder,
  .jg2.inactive .graphXAxis {
    opacity: 0.4 !important;
  }
  .jg2.inactive .errorMsg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 165px;
    text-align: center;
    color: inherit;
    margin: 0;
    padding: 0 0 0 30px;
  }
  @media (min-width: 1080px) {
    .jg2 {
      width: 840px;
    }
    .jg0 {
      display: block;
      float: right;
      width: 215px;
      height: 505px;
    }
  }
  @media (min-width: 960px) {
    .jg2 {
      width: calc(100% - 251px);
    }
  }
  @media (min-width: 768px) and (max-width: 959px) {
    #jgInputs {
      padding: 10px;
    }
    #jgInputs .wrapper {
      padding: 70px 50px 0 50px;
    }
    #jgInputs .inputArea {
      padding: 25px 60px 0 60px;
    }
    .jg2 {
      width: 509px;
    }
    .jg2 .gHolder.graphXAxis.ageSlider {
      top: 40%;
    }
    .jg2 .gHolder.graphXAxis {
      width: calc(100% - 75px);
    }
  }
  @media (max-width: 767px) {
    #jgInputs {
      padding: 5px;
    }
    #jgInputs .wrapper {
      margin-top: 0;
      padding: 20px 10px 0 10px;
    }
    #jgInputs .inputArea {
      padding: 25px 0 0 0;
    }
    #jgInputs h2 {
      font-size: 14px;
      padding: 0 0 10px 0;
    }
    #jgInputs h1 {
      font-size: 20px;
      padding: 20px 0 0 0;
    }
    #jgInputs h3 {
      font-size: 14px;
      padding: 10px 0 0 0;
    }
    #jgInputs .inputArea .person {
      padding: 20px 0 20px 0;
      font-size: 14px;
    }
    #jgInputs .inputArea .person .left {
      padding-top: 10px;
      padding-bottom: 10px;
      width: 100%;
      height: auto;
      clear: both;
    }
    #jgInputs .inputArea .person .right {
      width: 100%;
      clear: both;
    }
    #jgInputs .footer {
      padding: 20px 0 20px 0;
      font-size: 13px;
      color: #002C69;
    }
    .jg1 {
      float: none;
      display: block;
      width: 100%;
    }
    .jg1 .intro {
      height: 120px;
      top: 0;
    }
    .jg1 .overblik {
      height: 120px;
    }
    .jg1 .intro .line {
      position: relative;
      left: 0;
      top: 13px;
      width: 150px;
      height: 1px;
      background-color: #C8C9CC;
    }
    .jg1 .intro .step {
      left: 0;
      top: 0;
      display: block;
    }
    .jg1 .intro .step .nr {
      font-size: 14px;
      line-height: 14px;
      padding-top: 6px;
      transition: none;
    }
    .jg1 .intro .step .title {
      opacity: 0;
      font-size: 16px;
      padding: 75px 0 0 0px;
      transition: none;
    }
    .jg1 .intro .step.open .title {
      opacity: 1;
      transition: opacity 0.6s ease-in-out 0.1s;
    }
    .jg1 .intro .step .txt {
      font-size: 13px;
      padding: 8px 0 0 0px;
    }
    .jg1 .intro a.right-arrow {
      width: 28% !important;
      position: absolute;
      top: -33px;
      right: 0;
    }
    .jg1 .intro a.left-arrow {
      position: absolute;
      top: -33px;
      right: 28%;
      width: 45px !important;
      padding: 8px;
      margin-right: 5px;
    }
    .jg1 .intro a.left-arrow:before {
      margin-right: -2px;
    }
    .jg1 a.button.skip {
      position: absolute;
      text-align: right !important;
      font-size: 14px;
      font-weight: normal;
      box-shadow: none;
      width: 85px;
      color: #002C69;
      background: transparent;
      top: 5px;
      left: 82.5px;
    }
    .jg1 .condition a {
      left: 250px;
      bottom: 375px;
      height: 30px;
      float: right;
      line-height: 40px;
      box-sizing: border-box;
      padding-right: 5px;
      font-size: 16px;
    }
    /*forudsætninger button*/
    .jg1 .intro a.button.hidden {
      pointer-events: none;
    }
    .jg1 p:last-of-type {
      padding-bottom: 0;
      margin-bottom: 10px;
      border-bottom: none;
    }
    .jg1 p::before {
      margin-left: -20px;
    }
    .jg1 .overblik .personSalary,
    .jg1 .overblik .footer {
      display: none;
    }
    .jg1 .overblik h2 {
      display: none;
    }
    .jg1 .overblik .button.edit {
      display: block;
      font-size: 14px;
      color: #fff;
      font-weight: bold;
      left: 0px;
      margin: 0;
      border: none;
      height: 30px;
      padding: 5px 5px 5px 5px;
      width: 140px;
    }
    .jg1 .overblik .button.edit:before {
      position: absolute;
      content: "";
      margin-left: -22px;
      width: 16px;
      left: 170px;
      height: 15px;
      top: 10px;
      background: url("../img/png/icon-pen.png") no-repeat;
      background-image: url("../img/svg/icon-pen.svg");
      background-repeat: no-repeat;
    }
    .jg1 .overblik .desktopOnly {
      display: none;
    }
    .jg2 {
      display: block;
      width: 100%;
      margin: 0;
    }
    .jg2 .gHolder {
      margin-top: 155px;
      height: 236px;
    }
    .jg2 .gHolder .yAxis {
      padding-right: 4px;
      width: 48px;
    }
    .jg2 .gHolder .yAxis .value {
      font-size: 12px;
    }
    .jg2 .gHolder .yAxis .fragmentGrx {
      width: 12px;
      height: 12px;
    }
    .jg2 .gHolder .graph {
      width: calc(100% - 48px);
    }
    .jg2 .gHolder .graph .mobileIndicator {
      display: block;
    }
    .jg2 .gHolder .introOverlay {
      border-right: none;
    }
    .jg2 .gHolder .introOverlay .oneline .title {
      margin-right: 0;
    }
    .jg2 .gHolder .introOverlay .oneline span {
      display: none !important;
    }
    .jg2 .labels {
      width: 100%;
      margin: 50px 0 0 0;
    }
    .jg2 .labels .label {
      font-size: 13px;
      line-height: 13px;
      height: 24px;
    }
    .jg2 .labels .label .rect {
      margin: 1px 6px 0 0;
    }
    .jg2 .labels .label .txt {
      margin: 0 15px 0 0;
    }
    .jg2 .gHolder .barOverlay {
      transition: none;
    }
    .jg2 .gHolder .barOverlay .advBox {
      padding: 0 10px 0 10px;
    }
    .jg2 .graphXAxis {
      position: absolute;
      top: 0;
      margin: -110px 0 0 0;
      width: 100%;
      overflow: hidden;
    }
    .jg2.inactive .errorMsg {
      top: 120px;
    }
    /* The salary input (in graph, not input step) is an overlay on mobile */
    .containerPopup.salary {
      box-sizing: border-box;
      padding: 10px;
    }
    .containerPopup.salary .salaryBox {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      background-color: #fff;
      padding: 10px;
    }
    .containerPopup.salary .salaryBox h2 {
      text-align: center;
      padding-bottom: 10px;
      border-bottom: 1px solid #E7E8E6;
    }
    .containerPopup.salary .salaryBox h4 {
      text-align: left;
      margin-top: 30px;
    }
    .containerPopup.salary .salaryBox input:last-of-type {
      margin-bottom: 60px;
    }
    .containerPopup.salary .salaryBox a.right-arrow:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      width: 15px;
      height: 11px;
      background: url('../img/png/icon_pil_hojre_hvid.png');
      background-image: url('../img/svg/icon_pil_hojre_hvid.svg'), none;
      background-repeat: no-repeat;
      margin-left: 5px;
      margin-right: -10px;
    }
  }
  .mainContainer .jg1 .intro a.button {
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0px;
    margin-top: 20px;
  }
  @media only screen and (max-width: 500px) {
    .jg1 p {
      font-size: 14px;
    }
  }
  .canvas-slider-color {
    background-color: #002C69;
    display: none;
  }
  .ageSlider {
    width: 100%;
    height: 2px;
    background-color: #002C69;
    position: absolute;
    top: 50%;
  }
  .ageSlider.inactive {
    pointer-events: none;
  }
  .ageSlider .indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 8px;
    margin-top: -3px;
    background-color: #002C69;
  }
  .ageSlider .age {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    text-align: center;
    color: #002C69;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: opacity 0.15s ease-out;
  }
  .ageSlider .age.a {
    margin-top: -23px;
  }
  .ageSlider .age.b {
    margin-top: 11px;
  }
  .ageSlider .age.greyed {
    color: #002C69;
    cursor: default;
  }
  .ageSlider .handle {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #002C69;
    z-index: 1;
  }
  .ageSlider .handle.a {
    margin-top: -30px;
  }
  .ageSlider .handle.b {
    margin-top: 5px;
    color: #FF9100;
  }
  /*Second person*/
  .ageSlider .handle .hitArea {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 30px;
    height: 50px;
  }
  .ageSlider .handle .grx {
    position: absolute;
    left: 0;
    top: -7px;
    width: 30px;
    height: 37px;
    transition: all 0.15s ease-out;
    transform-origin: 50% 50%;
    margin-left: -15px;
  }
  .ageSlider .handle.retired .year {
    opacity: 0.5;
  }
  .ageSlider .handle .year {
    position: absolute;
    left: -15px;
    top: 0;
    width: 30px;
    font-size: 19px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 30px;
  }
  .ageSlider .handle .name {
    position: absolute;
    left: 0;
    font-size: 15px;
    font-weight: bold;
    transform: translateX(-50%);
    top: 32px;
    transition: transform 0.15s ease-out;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    max-width: 80px;
    text-align: center;
  }
  .ageSlider.inactive .handle .name {
    color: #C8C9CC;
  }
  .ageSlider .handle.a .name {
    top: -22px;
  }
  .ageSlider .handle.a.active .name {
    transform: translate(-50%, -3px);
  }
  .ageSlider .handle.b.active .name {
    transform: translate(-50%, 3px);
  }
  /*1-person version */
  .ageSlider.single .handle .grx {
    transform: rotate(180deg);
  }
  .ageSlider.single .handle.a {
    top: 4px;
  }
  .ageSlider.single .handle .year {
    top: -4px;
  }
  @media (min-width: 768px) and (max-width: 959px) {
    /* Hide every second number for narrow screens */
    .ageSlider:not(.single) .age.a:nth-of-type(even),
    .ageSlider .age.b:nth-of-type(odd) {
      visibility: hidden;
    }
  }
  @media (max-width: 767px) {
    .ageSlider .age {
      font-size: 10px;
    }
    .ageSlider .age.secondary {
      display: none;
    }
    .ageSlider .indicator.outOfRange {
      display: none;
    }
    .ageSlider .age.a {
      margin-top: -20px;
    }
    .ageSlider .handle .grx {
      transform: rotate(180deg);
    }
    .ageSlider .handle.a {
      top: 4px;
    }
    .ageSlider .handle.b {
      top: -3px;
    }
    .ageSlider .handle .year {
      top: -4px;
    }
    .ageSlider .handle.active .grx {
      transform: scale(1.15, 1.15) rotate(180deg);
    }
    .ageSlider .handle .hitArea {
      left: -20px;
      top: -20px;
      width: 40px;
      height: 55px;
    }
    .ageSlider .handle .name {
      font-size: 14px;
    }
  }
  /* Add hovers for non-mobile users only */
  @media (min-width: 767px) {
    .ageSlider .age:not(.greyed):hover {
      opacity: 0.5;
    }
    .ageSlider .handle:not(.retired):hover .grx {
      transform: scale(1.04, 1.04);
    }
    .ageSlider .animated {
      transition: left 0.25s ease-out;
    }
    .ageSlider .handle.active:not(.retired) .grx {
      transform: scale(1.15, 1.15);
    }
    .ageSlider.single .handle:not(.retired):hover .grx {
      transform: scale(1.05, 1.05) rotate(180deg);
    }
    .ageSlider.single .handle.active:not(.retired) .grx {
      transform: scale(1.15, 1.15) rotate(180deg);
    }
  }
  .mq-print body,
  .mq-print .mainWrapper {
    background-color: #fff;
  }
  .mq-print .mainWrapperSubFooter,
  .mq-print .mainWrapperFooter {
    display: none;
  }
  @media print, screen {
    * {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }
    .logged-in > :first-child {
      background-color: #FFDDB0;
    }
    .mainWrapper {
      position: relative;
      width: 100%;
      background-color: #FFEED8;
    }
    .mainWrapper.pageSubmenuWrapper {
      margin-bottom: 110px;
    }
    .mainContainer {
      position: relative;
      margin: 0 auto 0;
      padding-left: 4px;
      padding-right: 4px;
      font-size: 0px;
    }
    .mainContainer .containerLogo {
      position: relative;
      display: inline-block;
      width: 242px;
      vertical-align: top;
    }
    .mainContainer .containerLogo a {
      background: url('../img/png/logo_pensionsinfo.png');
      background-image: url('../img/svg/logo_pensionsinfo.svg'), none;
      width: 10.875rem;
      height: 1.875rem;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: -999em;
    }
    .ie9 .mainContainer .containerLogo a {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainContainer .containerLogo a.pensionday {
      background: url('../img/png/pensionsdagen_logo.png');
      background-image: url('../img/svg/pensionsdagen_logo.svg'), none;
      margin-left: 50px !important;
      width: 242px;
      height: 48px;
      background-repeat: no-repeat;
    }
    .ie9 .mainContainer .containerLogo a.pensionday {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    html.lt-ie9 .mainContainer .containerLogo a,
    html.ie9 .mainContainer .containerLogo a {
      background: url('../img/png/pensionsdagen_logo.png');
      background-repeat: no-repeat;
    }
    .ie9 html.lt-ie9 .mainContainer .containerLogo a,
    .ie9 html.ie9 .mainContainer .containerLogo a {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainContainer.multi {
      margin-top: 120px;
    }
    .contentWrapper {
      position: relative;
      background: #fff;
      margin-top: 2.5rem;
    }
    .contentWrapper.mt-5 {
      margin-top: 5rem;
    }
    .contentWrapper.no-padding {
      padding-bottom: 0;
    }
    .mainWrapper .mainContainer.tableWrapper,
    .mainWrapper .mainContainer .tableWrapper,
    .contentWrapper .mainContainer.tableWrapper,
    .contentWrapper .mainContainer .tableWrapper {
      display: table !important;
      width: 100%;
      /*Normal mode - we want containers side by side*/
    }
    .mainWrapper .mainContainer.tableWrapper .tableHeader,
    .mainWrapper .mainContainer .tableWrapper .tableHeader,
    .contentWrapper .mainContainer.tableWrapper .tableHeader,
    .contentWrapper .mainContainer .tableWrapper .tableHeader,
    .mainWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly {
      display: table-cell;
    }
    .mainWrapper .mainContainer.tableWrapper .tableFooter,
    .mainWrapper .mainContainer .tableWrapper .tableFooter,
    .contentWrapper .mainContainer.tableWrapper .tableFooter,
    .contentWrapper .mainContainer .tableWrapper .tableFooter,
    .mainWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableFooterMobileOnly {
      display: table-cell;
    }
    .bounceElement {
      -webkit-animation: bounce 1s;
      /* Safari 4+ */
      -moz-animation: bounce 1s;
      /* Fx 5+ */
      -o-animation: bounce 1s;
      /* Opera 12+ */
      animation: bounce 1s;
      /* IE 10+ */
      animation-iteration-count: 5;
    }
    .containerHelpTextTop {
      position: absolute;
      width: 250px;
      min-height: 100px;
      padding: 20px;
      background-color: #002C69;
      font-size: 1rem;
      color: #fff;
      z-index: 99;
      cursor: pointer;
      -webkit-box-shadow: 0px 3px 17px -2px #787778;
      -moz-box-shadow: 0px 3px 17px -2px #787778;
      box-shadow: 0px 3px 17px -2px #787778;
    }
    .containerHelpTextTop:before {
      content: "";
      position: absolute;
      display: block;
      width: 0px;
      height: 0px;
      border-color: #002C69 transparent;
      border-style: solid;
      border-width: 0px 10px 10px 10px;
      left: calc(50% - 5px);
      top: -8px;
    }
    .containerHelpTextTop p {
      font-size: 0.9rem;
      margin: 0px 0px 10px 0px;
      padding: 0px;
    }
    .containerHelpTextTop a {
      color: #fff;
      font-size: 1rem;
    }
    .containerHelpTextTop a.underline {
      text-decoration: none;
    }
    .containerHelpTextTop a:hover {
      color: #fff;
      text-decoration: none;
    }
    .headerBorder {
      border-bottom: 1px solid #FFDDB0;
    }
    .smallHeader-wrapper {
      display: flex;
      width: 100%;
      position: relative;
      background-color: #FFDDB0;
    }
    .smallHeader-wrapper:before {
      width: 100vw;
      position: relative;
      background-color: #FFDDB0;
    }
    .smallHeader-wrapper .smallHeader .lang-spacer {
      margin: 0 0.0625rem;
    }
    .smallHeader {
      position: relative;
      vertical-align: top;
      width: 100%;
      white-space: nowrap;
      display: inline-block;
      border-bottom: 1px solid #FFDDB0;
      padding: 0;
    }
    .smallHeader.multi .mobile-logo {
      display: none !important;
    }
    .smallHeader .hover-link {
      text-decoration: none;
      position: relative;
    }
    .smallHeader .hover-link:after {
      bottom: 0;
      content: "";
      height: 2px;
      left: 0%;
      background: #002C69;
      position: absolute;
      transition: width 0.5s ease 0s, left 0.5s ease 0s;
      width: 0px;
    }
    .smallHeader .hover-link:hover::after {
      width: 100%;
      left: 0%;
    }
    .smallHeader > div {
      float: right;
    }
    .smallHeader > div:first-child {
      float: left;
      margin: 0.75rem;
    }
    .smallHeader .containerUserListDropdown {
      display: none;
    }
    .smallHeader.multi {
      /*icons for multi menu*/
    }
    .smallHeader.multi .containerLogInOut {
      line-height: 44px;
      margin-top: 0px;
    }
    .smallHeader.multi .containerLogInOut a {
      border-left: none;
      padding-left: 0px;
    }
    .smallHeader.multi .containerUser {
      text-align: right;
      border-radius: 6px;
      background-color: #FFDDB0;
      line-height: 3.125rem;
    }
    .smallHeader.multi .containerUser.fullWidth {
      width: 100%;
    }
    .smallHeader.multi .containerUser > div {
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 0.02em;
      display: inline-block;
      line-height: 24px;
    }
    .smallHeader.multi .containerUser > div > div {
      display: block;
    }
    .smallHeader.multi .containerUser > div .accessListButton {
      position: relative;
      display: contents;
      width: 30px;
      height: 30px;
      margin-left: 10px;
      cursor: pointer;
      background-repeat: no-repeat;
      border-radius: 6px;
    }
    .smallHeader.multi .containerUser > div .accessListButton .arrow-icon {
      position: relative;
      width: 1rem;
      height: 1rem;
      left: 0;
      top: 3px;
      transition: transform 0.2s ease;
      vertical-align: inherit;
    }
    .smallHeader.multi .containerUser > div .accessListIcon {
      display: inline;
    }
    .smallHeader.multi .containerUser > div .active .arrow-icon {
      transform: rotate(180deg);
    }
    .smallHeader.multi .containerUserListDropdown {
      position: absolute;
      display: none;
      min-width: 100px;
      min-height: 20px;
      background-color: #fff;
      float: none;
      z-index: 11;
      -webkit-box-shadow: -1px 1px 11px 0px rgba(161, 161, 161, 0.7);
      -moz-box-shadow: -1px 1px 11px 0px rgba(161, 161, 161, 0.7);
      box-shadow: -1px 1px 11px 0px rgba(161, 161, 161, 0.7);
    }
    .smallHeader.multi .containerUserListDropdown.show {
      display: block;
    }
    .smallHeader.multi .containerUserListDropdown ul {
      list-style-type: none;
      padding: 0;
      margin: 0px;
    }
    .smallHeader.multi .containerUserListDropdown ul li {
      cursor: pointer;
      border-bottom: solid 1px #BDDAFB;
    }
    .smallHeader.multi .containerUserListDropdown ul li a {
      position: relative;
      display: block;
      margin-top: 2px;
      margin-bottom: 2px;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 16px;
      padding-bottom: 16px;
      transition: background-color 0.2s ease;
    }
    .smallHeader.multi .containerUserListDropdown ul li a span.icon {
      margin-right: 4px;
    }
    .smallHeader.multi .containerUserListDropdown ul li a:hover {
      background-color: #EEF3FA;
      text-decoration: none;
    }
    .smallHeader.multi .containerUserListDropdown ul li.active a {
      background-color: #EEF3FA;
    }
    .smallHeader.multi .containerUserListDropdown ul li.active .text {
      text-decoration-line: underline;
    }
    .smallHeader.multi .containerUserListDropdown .bothDescriptionClass {
      border-bottom: none;
      white-space: normal;
      font-size: 0.9rem;
      line-height: 1rem;
      color: #002C69;
      padding: 10px;
    }
    .smallHeader.multi span.icon {
      position: relative;
      display: inline-block;
      width: 19px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      vertical-align: text-bottom;
    }
    .smallHeader.multi span.icon.primary.male {
      background: url("../img/png/icon-user-male-pri.png");
      background-image: url("../img/svg/icon-user-male-pri.svg");
    }
    .smallHeader.multi span.icon.secondary.male {
      background: url("../img/png/icon-user-male-sec.png");
      background-image: url("../img/svg/icon-user-male-sec.svg");
    }
    .smallHeader.multi span.icon.primary.female {
      background: url("../img/png/icon-user-female-pri.png");
      background-image: url("../img/svg/icon-user-female-pri.svg");
    }
    .smallHeader.multi span.icon.secondary.female {
      background: url("../img/png/icon-user-female-sec.png");
      background-image: url("../img/svg/icon-user-female-sec.svg");
    }
    .smallHeader.multi span.text {
      position: relative;
      display: inline-block;
      color: #002C69;
      margin-left: 4px;
    }
    .smallHeader.multi .helpTextMulti {
      display: none;
    }
    .smallHeader.simple {
      text-align: center;
    }
    .smallHeader.simple .containerLogo {
      float: none;
    }
    .smallHeader .containerLogo {
      position: relative;
      display: inline-block;
      width: 242px;
      vertical-align: top;
    }
    .smallHeader .containerLogo a {
      background: url('../img/png/logo_pensionsinfo.png');
      background-image: url('../img/svg/logo_pensionsinfo.svg'), none;
      width: 10.875rem;
      height: 1.875rem;
      background-repeat: no-repeat;
      display: inline-block;
      text-indent: -999em;
    }
    .ie9 .smallHeader .containerLogo a {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .smallHeader .containerLogo a.pensionday {
      background: url('../img/png/pensionsdagen_logo.png');
      background-image: url('../img/svg/pensionsdagen_logo.svg'), none;
      margin-left: 50px !important;
      width: 242px;
      height: 48px;
      background-repeat: no-repeat;
    }
    .ie9 .smallHeader .containerLogo a.pensionday {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    html.lt-ie9 .smallHeader .containerLogo a,
    html.ie9 .smallHeader .containerLogo a {
      background: url('../img/png/pensionsdagen_logo.png');
      background-repeat: no-repeat;
    }
    .ie9 html.lt-ie9 .smallHeader .containerLogo a,
    .ie9 html.ie9 .smallHeader .containerLogo a {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .smallHeader .lang .lang-en {
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#002C69, #002C69);
      background-size: 100% 2px, 0 2px;
      background-position: 100% 100%, 0 100%;
      background-repeat: no-repeat;
      transition: background-size 0.35s linear;
    }
    .smallHeader .lang .lang-en:hover {
      background-size: 0 2px, 100% 2px;
    }
    .smallHeader .lang .lang-en:after {
      content: 'En';
    }
    .smallHeader .lang .lang-da {
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(#002C69, #002C69);
      background-size: 100% 2px, 0 2px;
      background-position: 100% 100%, 0 100%;
      background-repeat: no-repeat;
      transition: background-size 0.35s linear;
    }
    .smallHeader .lang .lang-da:hover {
      background-size: 0 2px, 100% 2px;
    }
    .smallHeader .lang .lang-da:after {
      content: 'Da';
    }
    .smallHeader .lang:hover .lang-en:hover {
      text-decoration: none;
    }
    .smallHeader .lang:hover .lang-en.selected {
      text-decoration: underline;
      text-decoration-color: #BDDAFB;
    }
    .smallHeader .lang:hover .lang-en.selected:hover {
      text-decoration: none;
    }
    .smallHeader .lang:hover .lang-da:hover {
      text-decoration: none;
    }
    .smallHeader .lang:hover .lang-da.selected {
      text-decoration: underline;
      text-decoration-color: #BDDAFB;
    }
    .smallHeader .lang:hover .lang-da.selected:hover {
      text-decoration: none;
    }
    .smallHeader .containerLogInOut {
      display: flex;
      align-items: center;
    }
    .smallHeader .containerLogInOut a {
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 0.02em;
      line-height: 3.125rem;
      margin: 0 0.625rem;
    }
    .smallHeader .containerLogInOut a:link,
    .smallHeader .containerLogInOut a:visited,
    .smallHeader .containerLogInOut a:active {
      color: #002C69;
    }
    .smallHeader .containerLogInOut a:hover {
      color: #002C69;
    }
    .smallHeader .containerLogInOut a.login-btn {
      position: relative;
      padding: 0.5rem 1rem;
      background: #002C69;
      color: #fff;
      border-radius: 3px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
      margin-left: 1.5rem;
    }
    .smallHeader .containerLogInOut .logInLogoutButton svg {
      margin-right: 0.625rem;
    }
    .smallHeader .containerLogInOut .lang-spacer {
      display: inline-block;
      height: 1rem;
      box-shadow: -1px 1px 0px 1px #002C69;
    }
    .smallHeader .containerUser {
      text-align: right;
      margin-right: 2rem;
    }
    .smallHeader .containerUser > div {
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 0.02em;
      display: inline-block;
      line-height: 60px;
      /*Hide velkommen*/
    }
    .smallHeader .containerUser > div > div:first-of-type {
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .smallHeader .containerUser > div > div:last-of-type {
      display: none;
    }
    .smallHeader .headerPrimaryCircle,
    .smallHeader .headerCohabitantCircle {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-radius: 50%;
      color: white;
      text-align: center;
      font-weight: bold;
      font-size: 70%;
    }
    .smallHeader .headerPrimaryCircle {
      background-color: #002D6B;
    }
    .smallHeader .headerCohabitantCircle {
      background-color: #0049D6;
      position: relative;
    }
    .smallHeader .headerCohabitantCircle.second-circle {
      left: -0.5rem;
    }
    .smallHeader .logout-icon {
      width: 16px;
      height: 16px;
      vertical-align: middle;
      margin-right: 4px;
      fill: currentColor;
      /* Ensures the icon inherits the text color */
    }
    .topNavContainer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0;
      margin: 0;
      vertical-align: top;
      width: 100%;
      padding: 0.625rem 0 1rem 0;
      flex-wrap: wrap;
    }
    .topNavContainer .containerLogo {
      margin-right: 20px;
    }
    .topNavContainer .desktop-logo {
      display: block;
    }
    ul.topnavleft {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      margin: 0;
      padding: 0;
      list-style: none;
      gap: 1rem;
      flex-grow: 1;
    }
    ul.topnavleft li {
      position: relative;
      display: inline-block;
      vertical-align: top;
    }
    ul.topnavleft li::after {
      content: '';
      display: block;
      height: 4px;
      background-color: #FF9100;
      position: absolute;
      bottom: 0;
      left: 1.5rem;
      /* Match the left padding */
      right: 1.5rem;
      /* Match the right padding */
      transform: translateY(100%);
      opacity: 0;
      transition: transform 300ms ease, opacity 300ms ease;
    }
    ul.topnavleft li:hover::after {
      transform: translateY(0);
      opacity: 1;
    }
    ul.topnavleft li span {
      color: #fff;
    }
    ul.topnavleft li.disabled {
      opacity: 0.2;
    }
    ul.topnavleft li.disabled a {
      cursor: not-allowed !important;
    }
    ul.topnavleft li.selected {
      font-weight: bold;
    }
    ul.topnavleft li.selected::after {
      transform: translateY(0);
      opacity: 1;
      transition: none;
    }
    ul.topnavleft li.selected a {
      color: #002C69;
      text-decoration: none;
    }
    ul.topnavleft li.remark > span:after {
      content: "";
      display: inline-block;
      position: absolute;
      width: 18px;
      height: 18px;
      top: -8px;
      right: -5px;
      background: url('../img/png/icon-info-orange.png');
      background-image: url('../img/svg/icon-info-orange.svg'), none;
      background-size: contain;
      cursor: pointer;
    }
    ul.topnavleft li span {
      position: relative;
      display: inline-block;
      vertical-align: top;
      border-radius: 6px;
    }
    ul.topnavleft li span a {
      display: block;
      height: 3.125rem;
      line-height: 3.125rem;
      font-size: 1rem;
      padding: 0 1rem;
      white-space: nowrap;
      text-decoration: none;
      color: #002C69;
    }
    ul.topnavleft:first-child {
      width: 10%;
      text-align: left;
    }
    ul.topnavleft:last-child {
      width: 0;
      /*Should be below 100%-width of first child*/
      text-align: right;
    }
    .pageTitle {
      padding: 18px 0 24px 0;
    }
    .pageTitle.slideWrapper h2 {
      width: auto;
      display: inline-block;
      font-size: 22px;
      line-height: 1;
      margin-top: 2px;
    }
    .pageTitle.slideWrapper .containerSliderTop {
      position: relative;
      width: 50%;
      max-width: 480px;
      display: inline-block;
      top: 54px;
      float: right;
      right: 4px;
    }
    .pageTitle .containerAccess {
      position: relative;
      padding: 16px;
      display: inline-block;
      background-color: #e7e8e6;
      border: solid 1px #e6911b;
    }
    .pageTitle .containerAccess > div {
      margin-bottom: 12px;
      font-size: 18px;
    }
    .pageTitle .containerAccess a {
      position: relative;
      display: inline-block;
      height: 34px;
      line-height: 32px;
      padding-left: 16px;
      padding-right: 16px;
      border-bottom: solid 2px #cfd0ce;
      white-space: nowrap;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
      color: #fff;
      margin-right: 8px;
    }
    .pageTitle .containerAccess a:hover {
      text-decoration: none;
    }
    .pageTitle .containerAccess a.right-arrow:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 15px;
      height: 11px;
      background: url('../img/png/icon_pil_hojre_hvid.png');
      background-image: url('../img/svg/icon_pil_hojre_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .pageTitle .containerAccess a.right-arrow:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .pageTitle .containerAccess a.color1 {
      background-color: #002C69;
    }
    .pageTitle .containerAccess a.color1:hover {
      background-color: #002150;
    }
    .pageTitle .containerAccess a.color2 {
      background-color: #002C69;
    }
    .pageTitle .containerAccess a.color2:hover {
      background-color: #002C69;
    }
    .pageTitle .containerAccess a.orange {
      background-color: #e6911b;
    }
    .pageTitle .containerAccess a.orange:hover {
      background-color: #d18317;
    }
    .pageTitle .containerAccess a.blue {
      background-color: #355074;
    }
    .pageTitle .containerAccess a.blue:hover {
      background-color: #3d5c86;
    }
    .pageTitle .containerAccess a:last-of-type {
      margin-right: 0px;
    }
    .pageTitle h1 {
      padding: 0;
      margin: 0;
      color: #002C69;
      font-size: 2.75rem;
      font-weight: 600;
    }
    .pageTitle .h1Small {
      font-size: 24px;
      padding: 0;
      margin: 0;
      color: #002C69;
    }
    .pageTitle .h1Warning {
      font-size: 32px;
      padding: 0;
      margin: 0;
      color: #a63b32;
    }
    .pageTitle h1 a {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      padding: 0;
      line-height: 40px;
      top: -8px;
      margin-right: 35px;
    }
    .pageTitle h1 a:hover {
      text-decoration: none;
    }
    .pageTitle h1 a:hover {
      background: #002C69;
    }
    .pageTitle h1 a:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 3px;
      left: 3px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon-arrow-back-angle.png');
      background-image: url('../img/svg/icon-arrow-back-angle.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .pageTitle h1 a:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .pageTitle h1 a:before {
      margin: 0 8px;
    }
    .pageTitle h2 {
      color: #002C69;
      margin: 0;
    }
    .mainWrapperSubFooter {
      position: relative;
      width: 100%;
      background-color: #FEEFD9;
    }
    .mainWrapperSubFooter .containerBox {
      display: table;
      width: 100%;
      table-layout: fixed;
      border-spacing: 10px 0px;
      border-collapse: separate;
      padding-bottom: 32px;
      padding-top: 32px;
    }
    .mainWrapperSubFooter .containerBox .box {
      display: table-cell;
      position: relative;
      vertical-align: top;
      background: #fff;
      text-align: center;
      min-height: 6.625rem;
      padding: 20px 30px 20px 30px;
    }
    .mainWrapperSubFooter .containerBox .box.inactive a {
      opacity: 0.4;
      cursor: not-allowed;
    }
    .mainWrapperSubFooter .containerBox .box.inactive span {
      opacity: 0.4;
    }
    .mainWrapperSubFooter .containerBox .box:first-of-type {
      left: -10px;
    }
    .mainWrapperSubFooter .containerBox .box:last-of-type {
      right: -10px;
    }
    .mainWrapperSubFooter .containerBox .box > span {
      display: block;
      font-size: 1rem;
      height: 116px;
      font-weight: 700;
      line-height: 1.25rem;
      /* 125% */
      letter-spacing: 0.015rem;
    }
    .mainWrapperSubFooter .containerBox .box a {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.04em;
      position: relative;
      display: block;
      height: 60px;
      background-color: #002C69;
      bottom: 20px;
      color: #fff;
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
    }
    .mainWrapperSubFooter .containerBox .box a.report > span {
      position: relative;
      display: block;
    }
    .mainWrapperSubFooter .containerBox .box a.report > span:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 14px;
      left: 30px;
      width: 36px;
      height: 36px;
      background: url('../img/png/icon-rapport-white.png');
      background-image: url('../img/svg/icon-rapport-white.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .mainWrapperSubFooter .containerBox .box a.report > span:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainWrapperSubFooter .containerBox .box a.advisor > span {
      position: relative;
      display: block;
    }
    .mainWrapperSubFooter .containerBox .box a.advisor > span:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 18px;
      left: 25px;
      width: 36px;
      height: 36px;
      background: url('../img/png/icon-konvolut-white.png');
      background-image: url('../img/svg/icon-konvolut-white.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .mainWrapperSubFooter .containerBox .box a.advisor > span:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainWrapperSubFooter .containerBox .box a.access > span {
      position: relative;
      display: block;
    }
    .mainWrapperSubFooter .containerBox .box a.access > span:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 13px;
      left: 30px;
      width: 36px;
      height: 36px;
      background: url('../img/png/icon-adgange-white.png');
      background-image: url('../img/svg/icon-adgange-white.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .mainWrapperSubFooter .containerBox .box a.access > span:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainWrapperSubFooter .containerBox .box a:hover {
      text-decoration: none;
      background-color: #3d5c86;
    }
    .mainWrapperFooter {
      text-align: center;
      padding-top: 4.563rem;
      height: 10.938rem;
      width: 100%;
      overflow: hidden;
      border-bottom: 0.25rem solid #BDDAFB;
      box-shadow: 0 -0.188rem #002C69 inset;
      position: absolute;
    }
    .mainWrapperFooter .mainContainer {
      padding: 0.125rem 0 0;
    }
    .mainWrapperFooter a {
      font-family: "Encode Sans", Arial Narrow, sans-serif;
      font-weight: bold;
      font-size: 1rem;
      text-decoration: none;
      padding: 0.5rem 1.75rem;
      color: #002C69;
      display: inline-block;
    }
    .mainWrapperFooter a:link,
    .mainWrapperFooter a:visited,
    .mainWrapperFooter a:active {
      text-decoration: none;
      color: #002C69;
    }
    .mainWrapperFooter a:hover {
      color: #002C69;
    }
    .mainWrapperFooter a.selected {
      background: #002C69;
      border-left: none;
      border-bottom: 0.125rem solid #d9dad8;
    }
    .mainWrapperFooter a.selected + a {
      border: none;
    }
    .pageSubmenuHeader {
      position: relative;
      padding: 30px 0 30px 0;
      overflow: auto;
    }
    .pageSubmenuHeader h2 {
      margin: 0px;
      color: #002C69;
    }
    .pageSubmenuHeader h2 span {
      color: #002C69;
    }
    .pageSubmenuHeader h2 span:before {
      content: attr(data-text-deal) " ";
      color: #002C69;
    }
    /*bjo test*/
    .pageSubmenuNew {
      margin-top: 20px;
      margin-left: 10px;
    }
    .pageSubmenuNew > ul {
      position: relative;
      margin: 0;
      list-style-type: none;
      padding: 0;
      white-space: nowrap;
    }
    .pageSubmenuNew > ul li {
      position: relative;
      display: inline-block;
      vertical-align: top;
      border-bottom: 2px solid #BDDAFB;
    }
    .pageSubmenuNew > ul li a {
      display: block;
      padding: 2px 10px 0;
      background: #EEF3FA;
      line-height: 48px;
      color: #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pageSubmenuNew > ul li a:hover {
      text-decoration: none;
      background: #BDDAFB;
      color: #002C69;
    }
    .pageSubmenuNew > ul li ul {
      display: none;
    }
    .pageSubmenuNew > ul li:first-child {
      border-left: none;
    }
    .pageSubmenuNew > ul > li {
      margin-bottom: 20px;
    }
    .pageSubmenuNew > ul > li a {
      line-height: 33px;
      display: inline-block;
      font-size: 18px;
      padding: 2px 20px 0;
    }
    .pageSubmenuNew > ul > li.selected {
      position: relative;
      border-bottom: 2px solid #002C69;
    }
    .pageSubmenuNew > ul > li.selected:after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      margin-left: -11px;
      width: 0;
      height: 0;
      border-right: 11px solid transparent;
      border-left: 11px solid transparent;
      border-top: 9px solid #BDDAFB;
    }
    .pageSubmenuNew > ul > li.selected:before {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -13px;
      width: 0;
      height: 0;
      border-right: 13px solid transparent;
      border-left: 13px solid transparent;
      border-top: 10px solid #002C69;
    }
    .pageSubmenuNew > ul > li.selected a {
      color: #002C69;
      cursor: default;
      background: #BDDAFB;
    }
    /*bjo test END*/
    .pageSubmenu {
      position: relative;
      padding: 0px 0 10px 0;
    }
    .pageSubmenu.marginMove {
      margin: 0px 0 -10px 0;
    }
    .pageSubmenu ul {
      position: relative;
      margin: 0;
      list-style-type: none;
      padding: 0;
      white-space: nowrap;
    }
    .pageSubmenu li {
      position: relative;
      display: inline-block;
      vertical-align: top;
      border-left: 2px solid #BDDAFB;
      border-bottom: 2px solid #BDDAFB;
    }
    .pageSubmenu li a {
      display: block;
      padding: 2px 10px 0;
      background: #EEF3FA;
      line-height: 48px;
      color: #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pageSubmenu li a:hover {
      background: #BDDAFB;
      color: #002C69;
    }
    .pageSubmenu li ul {
      display: none;
    }
    .pageSubmenu li:first-child {
      border-left: none;
    }
    .pageSubmenu > ul {
      position: relative;
      bottom: -22px;
    }
    .pageSubmenu > ul > li.selected {
      border-bottom: 2px solid #BDDAFB;
    }
    .pageSubmenu > ul > li.selected > a {
      color: #002C69;
      position: relative;
      padding-top: 13px;
      top: -5px;
      margin-bottom: -2px;
      line-height: 39px;
      background: #BDDAFB;
    }
    .pageSubmenu > ul > li.selected > a:hover {
      cursor: default;
    }
    .pageSubmenu > ul > li.selected ul {
      display: block;
    }
    .pageSubmenu ul ul {
      position: absolute;
      top: 60px;
      right: 10px;
      left: 10px;
    }
    .pageSubmenu ul ul > li {
      margin-bottom: 20px;
    }
    .pageSubmenu ul ul > li a {
      line-height: 33px;
      display: inline-block;
    }
    .pageSubmenu ul ul > li.selected {
      position: relative;
      border-bottom: 2px solid #002C69;
    }
    .pageSubmenu ul ul > li.selected:after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      margin-left: -11px;
      width: 0;
      height: 0;
      border-right: 11px solid transparent;
      border-left: 11px solid transparent;
      border-top: 9px solid #BDDAFB;
    }
    .pageSubmenu ul ul > li.selected:before {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -13px;
      width: 0;
      height: 0;
      border-right: 13px solid transparent;
      border-left: 13px solid transparent;
      border-top: 10px solid #BDDAFB;
    }
    .pageSubmenu ul ul > li.selected a {
      color: #002C69;
      cursor: default;
      background: #BDDAFB;
    }
    .margin10 {
      margin: 10px;
    }
    .marginTop0 {
      margin-top: 0px;
    }
    .marginTop10 {
      margin-top: 10px;
    }
    .marginTop20 {
      margin-top: 20px;
    }
    .marginTop30 {
      margin-top: 30px;
    }
    .marginTop40 {
      margin-top: 2.5rem;
    }
    .marginBottom10 {
      margin-bottom: 10px;
    }
    .marginBottom20 {
      margin-bottom: 20px;
    }
    .marginBottom30 {
      margin-bottom: 30px;
    }
    .marginBottom40 {
      margin-bottom: 2.5rem;
    }
    .marginBottom50 {
      margin-bottom: 50px !important;
    }
    .marginBottom60 {
      margin-bottom: 60px;
    }
    .marginBottom100 {
      margin-bottom: 100px;
    }
    .marginBottom130 {
      margin-bottom: 130px;
    }
    .marginBottom150 {
      margin-bottom: 150px;
    }
    .marginLeft10 {
      margin-left: 10px;
    }
    .paddingHorizontal0 {
      padding-left: 0px;
      padding-right: 0px;
    }
    .backgroundWhite {
      background-color: #fff;
    }
    .bgBackgroundBlue {
      background-color: #EEF3FA;
    }
    .bgPrimaryLigtorange {
      background-color: #FFDDB0;
    }
    .bgPrimaryLightblue {
      background-color: #BDDAFB;
    }
    .bgSecondaryLightTurquise {
      background-color: #C7EEf2;
    }
    .padding-right-30-p {
      padding-right: 30%;
    }
    .sectionBreak {
      position: relative;
      width: 100%;
      background-color: #EEF3FA;
    }
    .sectionBreak .mainContainer .pageTitle {
      padding: 45px 0 45px 0;
    }
    .sectionBreak .mainContainer .pageTitle > h1 {
      font-size: 35px;
    }
    .textAlignLeft {
      text-align: left;
    }
    .textAlignRight {
      text-align: right;
    }
    .textAlignCenter {
      text-align: center;
    }
    .lightGray {
      background-color: #f2f3f1;
    }
    .darkGray {
      background-color: #737880;
    }
    .backgroundLightblue {
      background-color: #EEF3FA;
    }
    .lighterOrange {
      background-color: #FFEED8;
    }
    .verticalAlignTop {
      vertical-align: top;
    }
    .verticalAlignBottom {
      vertical-align: bottom !important;
    }
    .bold {
      font-weight: bold;
    }
    .text-center {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }
    .widthMax400 {
      max-width: 400px;
    }
    .widthMax700 {
      max-width: 700px;
    }
    .contentLeft700 {
      position: relative;
    }
    .mainContainer,
    .containerPopup,
    .contentContainer {
      /*anchor buttons generel*/
    }
    .mainContainer.columns-2 .column,
    .containerPopup.columns-2 .column,
    .contentContainer.columns-2 .column {
      vertical-align: top;
      display: inline-block;
      width: calc(50% - 14px);
    }
    .mainContainer.columns-2 .column:first-of-type,
    .containerPopup.columns-2 .column:first-of-type,
    .contentContainer.columns-2 .column:first-of-type {
      margin-right: 28px;
    }
    .mainContainer.columns-2-overview,
    .containerPopup.columns-2-overview,
    .contentContainer.columns-2-overview {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }
    .mainContainer.columns-2-overview .column,
    .containerPopup.columns-2-overview .column,
    .contentContainer.columns-2-overview .column {
      flex: 1 1 calc(50% - 14px);
      display: flex;
      flex-direction: column;
      /* Orange border line*/
      /* Faelles main text */
      /* Orange border line*/
      /* Faelles main text */
    }
    .mainContainer.columns-2-overview .column:nth-child(1),
    .containerPopup.columns-2-overview .column:nth-child(1),
    .contentContainer.columns-2-overview .column:nth-child(1) {
      order: 1;
      padding-right: 0.875rem;
    }
    .mainContainer.columns-2-overview .column:nth-child(2),
    .containerPopup.columns-2-overview .column:nth-child(2),
    .contentContainer.columns-2-overview .column:nth-child(2) {
      order: 3;
    }
    .mainContainer.columns-2-overview .column:nth-child(3),
    .containerPopup.columns-2-overview .column:nth-child(3),
    .contentContainer.columns-2-overview .column:nth-child(3) {
      order: 5;
      padding-right: 0.875rem;
    }
    .mainContainer.columns-2-overview .column:nth-child(4),
    .containerPopup.columns-2-overview .column:nth-child(4),
    .contentContainer.columns-2-overview .column:nth-child(4) {
      order: 7;
    }
    .mainContainer.columns-2-overview .column:nth-child(5),
    .containerPopup.columns-2-overview .column:nth-child(5),
    .contentContainer.columns-2-overview .column:nth-child(5) {
      order: 2;
      padding-left: 0.875rem;
    }
    .mainContainer.columns-2-overview .column:nth-child(6),
    .containerPopup.columns-2-overview .column:nth-child(6),
    .contentContainer.columns-2-overview .column:nth-child(6) {
      order: 4;
    }
    .mainContainer.columns-2-overview .column:nth-child(7),
    .containerPopup.columns-2-overview .column:nth-child(7),
    .contentContainer.columns-2-overview .column:nth-child(7) {
      order: 6;
      padding-left: 0.875rem;
    }
    .mainContainer.columns-2-overview .column:nth-child(8),
    .containerPopup.columns-2-overview .column:nth-child(8),
    .contentContainer.columns-2-overview .column:nth-child(8) {
      visibility: collapse;
      display: none;
    }
    .mainContainer.columns-2-overview .column .summaryBox,
    .containerPopup.columns-2-overview .column .summaryBox,
    .contentContainer.columns-2-overview .column .summaryBox {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
    }
    .mainContainer.columns-2-overview .column .summaryBox .header,
    .containerPopup.columns-2-overview .column .summaryBox .header,
    .contentContainer.columns-2-overview .column .summaryBox .header {
      height: auto;
    }
    .mainContainer.columns-2-overview .orange-column-border,
    .containerPopup.columns-2-overview .orange-column-border,
    .contentContainer.columns-2-overview .orange-column-border {
      border-bottom: solid 2px #FF9100;
      margin: 2.5rem 0;
    }
    .mainContainer .columns-2-multi,
    .containerPopup .columns-2-multi,
    .contentContainer .columns-2-multi {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      align-items: stretch;
    }
    .mainContainer .columns-2-multi .column,
    .containerPopup .columns-2-multi .column,
    .contentContainer .columns-2-multi .column {
      flex: 1 1 calc(50% - 14px);
      display: flex;
      flex-direction: column;
      order: initial;
      padding-right: 0.875rem;
      padding-left: 0;
    }
    .mainContainer .columns-2-multi .column.column-cohabitant,
    .containerPopup .columns-2-multi .column.column-cohabitant,
    .contentContainer .columns-2-multi .column.column-cohabitant {
      order: 2;
      padding-right: 0;
      padding-left: 0.875rem;
    }
    .mainContainer .columns-2-multi .column .orange-column-border,
    .containerPopup .columns-2-multi .column .orange-column-border,
    .contentContainer .columns-2-multi .column .orange-column-border {
      padding-left: 0;
      padding-right: 0;
    }
    .mainContainer .columns-2-multi .column .insuranceItem,
    .containerPopup .columns-2-multi .column .insuranceItem,
    .contentContainer .columns-2-multi .column .insuranceItem {
      display: flex;
      flex-direction: column;
      flex-grow: inherit;
      min-height: 160px;
    }
    .mainContainer .columns-2-multi .column .insuranceItem .amounts,
    .containerPopup .columns-2-multi .column .insuranceItem .amounts,
    .contentContainer .columns-2-multi .column .insuranceItem .amounts {
      margin-top: auto;
    }
    .mainContainer .columns-2-multi .orange-column-border,
    .containerPopup .columns-2-multi .orange-column-border,
    .contentContainer .columns-2-multi .orange-column-border {
      border-bottom: solid 2px #FF9100;
      margin: 2.5rem 0;
    }
    .mainContainer hr,
    .containerPopup hr,
    .contentContainer hr {
      display: block;
      height: 1px;
      border: none;
      border-top: 1px solid #002C69;
      margin: 1rem 0;
      padding: 0;
    }
    .mainContainer h4,
    .containerPopup h4,
    .contentContainer h4 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.2;
    }
    .mainContainer .container,
    .containerPopup .container,
    .contentContainer .container {
      position: relative;
      padding: 20px;
    }
    .mainContainer .container.border.gray,
    .containerPopup .container.border.gray,
    .contentContainer .container.border.gray {
      border: solid 1px #c8c9cc;
    }
    .mainContainer .container .table,
    .containerPopup .container .table,
    .contentContainer .container .table {
      position: relative;
      display: table;
      table-layout: fixed;
    }
    .mainContainer .container .table .tr,
    .containerPopup .container .table .tr,
    .contentContainer .container .table .tr {
      position: relative;
      display: table-row;
    }
    .mainContainer .container .table .tr .td,
    .containerPopup .container .table .tr .td,
    .contentContainer .container .table .tr .td {
      position: relative;
      display: table-cell;
    }
    .mainContainer .container .table .tr .td.text-center,
    .containerPopup .container .table .tr .td.text-center,
    .contentContainer .container .table .tr .td.text-center {
      text-align: center;
    }
    .mainContainer .debugMode > div,
    .containerPopup .debugMode > div,
    .contentContainer .debugMode > div {
      background-color: #fff;
      position: relative;
      width: 100%;
      padding: 0px;
    }
    .mainContainer .debugMode > div:first-of-type,
    .containerPopup .debugMode > div:first-of-type,
    .contentContainer .debugMode > div:first-of-type {
      background-color: #fff !important;
    }
    .mainContainer .debugMode .containerList,
    .containerPopup .debugMode .containerList,
    .contentContainer .debugMode .containerList {
      padding-top: 10px;
      min-height: 32px;
    }
    .mainContainer .debugMode h2,
    .containerPopup .debugMode h2,
    .contentContainer .debugMode h2 {
      width: 100%;
      text-align: center;
      border-bottom: 1px solid #EEF3FA;
      line-height: 0.1em;
      margin: 10px 0 20px;
    }
    .mainContainer .debugMode h2 span,
    .containerPopup .debugMode h2 span,
    .contentContainer .debugMode h2 span {
      background: #EEF3FA;
      padding: 0 10px;
    }
    .mainContainer .debugMode h2 span a,
    .containerPopup .debugMode h2 span a,
    .contentContainer .debugMode h2 span a {
      text-decoration: none;
      color: #b7b7b9;
    }
    .mainContainer .debugMode .hidden,
    .containerPopup .debugMode .hidden,
    .contentContainer .debugMode .hidden {
      opacity: 0;
      visibility: hidden;
    }
    .mainContainer ul,
    .containerPopup ul,
    .contentContainer ul {
      font-size: 14px;
    }
    .mainContainer ul.beautyfied,
    .containerPopup ul.beautyfied,
    .contentContainer ul.beautyfied {
      list-style: none;
      padding-left: 12px;
      font-size: 20px;
    }
    .mainContainer ul.beautyfied.font-15,
    .containerPopup ul.beautyfied.font-15,
    .contentContainer ul.beautyfied.font-15 {
      font-size: 15px;
    }
    .mainContainer ul.beautyfied li,
    .containerPopup ul.beautyfied li,
    .contentContainer ul.beautyfied li {
      line-height: 1.4;
      padding-left: 6px;
    }
    .mainContainer ul.beautyfied li:before,
    .containerPopup ul.beautyfied li:before,
    .contentContainer ul.beautyfied li:before {
      content: "";
      margin-right: 5px;
      position: relative;
      top: -3px;
      height: 5px;
      width: 5px;
      background-color: #474747;
      border-radius: 5px;
      margin-left: -6px;
      left: -6px;
      display: inline-block;
    }
    .mainContainer a.button,
    .containerPopup a.button,
    .contentContainer a.button {
      line-height: 22px;
      padding: 10px 32px 10px 32px;
      color: #fff;
      background: #002C69;
      border-radius: 6px;
      font-weight: bold;
      letter-spacing: 0.04em;
      position: relative;
      display: inline-table;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
    }
    .mainContainer a.button.align-mid,
    .containerPopup a.button.align-mid,
    .contentContainer a.button.align-mid {
      display: block;
      margin-left: auto !important;
      margin-right: auto !important;
      width: auto;
    }
    .mainContainer a.button:last-of-type,
    .containerPopup a.button:last-of-type,
    .contentContainer a.button:last-of-type {
      margin-right: 0px;
    }
    .mainContainer a.button.right-arrow:after,
    .containerPopup a.button.right-arrow:after,
    .contentContainer a.button.right-arrow:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      left: 8px;
      width: 16px;
      height: 16px;
      background: url('../img/png/icon-arrow-angle.png');
      background-image: url('../img/svg/icon-arrow-angle.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .mainContainer a.button.right-arrow:after,
    .ie9 .containerPopup a.button.right-arrow:after,
    .ie9 .contentContainer a.button.right-arrow:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainContainer a.button.left-arrow:before,
    .containerPopup a.button.left-arrow:before,
    .contentContainer a.button.left-arrow:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      left: 0px;
      width: 16px;
      height: 16px;
      background: url('../img/png/icon-arrow-back-angle.png');
      background-image: url('../img/svg/icon-arrow-back-angle.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .mainContainer a.button.left-arrow:before,
    .ie9 .containerPopup a.button.left-arrow:before,
    .ie9 .contentContainer a.button.left-arrow:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainContainer a.button.full-width,
    .containerPopup a.button.full-width,
    .contentContainer a.button.full-width {
      width: 100%;
    }
    .mainContainer a.button.wide,
    .containerPopup a.button.wide,
    .contentContainer a.button.wide {
      width: 60%;
      text-align: center;
    }
    .mainContainer a.button.block,
    .containerPopup a.button.block,
    .contentContainer a.button.block {
      display: block;
    }
    .mainContainer a.button.small,
    .containerPopup a.button.small,
    .contentContainer a.button.small {
      font-size: 16px;
    }
    .mainContainer a.button.color1,
    .containerPopup a.button.color1,
    .contentContainer a.button.color1 {
      background-color: #002C69;
    }
    .mainContainer a.button.color1:hover,
    .containerPopup a.button.color1:hover,
    .contentContainer a.button.color1:hover {
      background-color: #BDDAFB;
    }
    .mainContainer a.button.color1.secondary,
    .containerPopup a.button.color1.secondary,
    .contentContainer a.button.color1.secondary {
      background-color: #ffb54d;
    }
    .mainContainer a.button.color1.secondary:hover,
    .containerPopup a.button.color1.secondary:hover,
    .contentContainer a.button.color1.secondary:hover {
      background-color: #ffaa33;
    }
    .mainContainer a.button.color2,
    .containerPopup a.button.color2,
    .contentContainer a.button.color2 {
      background-color: #002C69;
    }
    .mainContainer a.button.color2:hover,
    .containerPopup a.button.color2:hover,
    .contentContainer a.button.color2:hover {
      background-color: #002C69;
    }
    .mainContainer a.button.orange,
    .containerPopup a.button.orange,
    .contentContainer a.button.orange {
      background-color: #002C69;
      /* ".white" is the accent (".orange") override for default provider 0 */
    }
    .mainContainer a.button.orange:hover,
    .containerPopup a.button.orange:hover,
    .contentContainer a.button.orange:hover {
      background-color: #002150;
    }
    .mainContainer a.button.orange.secondary,
    .containerPopup a.button.orange.secondary,
    .contentContainer a.button.orange.secondary {
      background-color: #ffb54d;
    }
    .mainContainer a.button.orange.secondary:hover,
    .containerPopup a.button.orange.secondary:hover,
    .contentContainer a.button.orange.secondary:hover {
      background-color: #ffaa33;
    }
    .mainContainer a.button.orange.white,
    .containerPopup a.button.orange.white,
    .contentContainer a.button.orange.white {
      background-color: #fff;
      color: #002C69;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mainContainer a.button.orange.white:hover,
    .containerPopup a.button.orange.white:hover,
    .contentContainer a.button.orange.white:hover {
      background-color: #BDDAFB;
    }
    .mainContainer a.button.gray,
    .containerPopup a.button.gray,
    .contentContainer a.button.gray {
      color: #474747;
      background-color: #e7e8e6;
    }
    .mainContainer a.button.gray:hover,
    .containerPopup a.button.gray:hover,
    .contentContainer a.button.gray:hover {
      background-color: #d9dad8;
    }
    .mainContainer a.button.blue,
    .containerPopup a.button.blue,
    .contentContainer a.button.blue {
      background-color: #002C69;
    }
    .mainContainer a.button.red,
    .containerPopup a.button.red,
    .contentContainer a.button.red {
      background-color: #a63b32;
    }
    .mainContainer a.button.red:hover,
    .containerPopup a.button.red:hover,
    .contentContainer a.button.red:hover {
      background-color: #b03c32;
    }
    .mainContainer a.button.disabled,
    .containerPopup a.button.disabled,
    .contentContainer a.button.disabled,
    .mainContainer a.button.submitting,
    .containerPopup a.button.submitting,
    .contentContainer a.button.submitting {
      background-color: #e7e8e6;
      color: #636363;
      cursor: default;
    }
    .mainContainer a.button.disabled:hover,
    .containerPopup a.button.disabled:hover,
    .contentContainer a.button.disabled:hover,
    .mainContainer a.button.submitting:hover,
    .containerPopup a.button.submitting:hover,
    .contentContainer a.button.submitting:hover {
      background-color: #e7e8e6;
      color: #636363;
      cursor: default;
    }
    .mainContainer a.button:hover,
    .containerPopup a.button:hover,
    .contentContainer a.button:hover {
      text-decoration: none;
    }
    .mainContainer a.buttonTextImage,
    .containerPopup a.buttonTextImage,
    .contentContainer a.buttonTextImage {
      position: relative;
      font-size: 1rem;
      display: inline-block;
      white-space: nowrap;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
      cursor: pointer;
    }
    .mainContainer a.buttonTextImage:hover,
    .containerPopup a.buttonTextImage:hover,
    .contentContainer a.buttonTextImage:hover {
      text-decoration: none;
    }
    .mainContainer a.buttonTextImage.small,
    .containerPopup a.buttonTextImage.small,
    .contentContainer a.buttonTextImage.small {
      font-size: 0.9rem;
    }
    .mainContainer a.buttonTextImage.right,
    .containerPopup a.buttonTextImage.right,
    .contentContainer a.buttonTextImage.right {
      float: right;
      clear: both;
    }
    .mainContainer a.buttonTextImage.red,
    .containerPopup a.buttonTextImage.red,
    .contentContainer a.buttonTextImage.red {
      color: #a63b32;
    }
    .mainContainer a.buttonTextImage.red:hover,
    .containerPopup a.buttonTextImage.red:hover,
    .contentContainer a.buttonTextImage.red:hover {
      color: #b03c32;
    }
    .mainContainer a.buttonTextImage.blue,
    .containerPopup a.buttonTextImage.blue,
    .contentContainer a.buttonTextImage.blue {
      color: #002C69;
    }
    .mainContainer a.buttonTextImage.remove,
    .containerPopup a.buttonTextImage.remove,
    .contentContainer a.buttonTextImage.remove {
      height: 24px;
      line-height: 24px;
      padding-right: 16px;
    }
    .mainContainer a.buttonTextImage.remove:after,
    .containerPopup a.buttonTextImage.remove:after,
    .contentContainer a.buttonTextImage.remove:after {
      content: "";
      position: absolute;
      margin-left: 4px;
      background: url(../img/png/icon-trash.png) no-repeat;
      background-image: url(../img/svg/icon-trash.svg);
      display: inline-block;
      width: 12px;
      height: 15px;
      top: 3px;
    }
    .mainContainer a.buttonTextImage.accordion,
    .containerPopup a.buttonTextImage.accordion,
    .contentContainer a.buttonTextImage.accordion {
      height: auto;
      line-height: normal;
      padding-right: 38px;
      padding-left: 10px;
    }
    .mainContainer a.buttonTextImage.accordion:after,
    .containerPopup a.buttonTextImage.accordion:after,
    .contentContainer a.buttonTextImage.accordion:after {
      content: "";
      position: absolute;
      margin-left: 8px;
      background: url(../img/png/icon_expand_hvid.png) no-repeat;
      background-image: url(../img/svg/icon_expand_hvid.svg);
      background-color: #002C69;
      background-size: 14px 8px;
      background-position: center center;
      display: inline-block;
      width: 30px;
      height: 32px;
      top: -9px;
      border-radius: 6px;
    }
    .mainContainer a.buttonTextImage.accordion.open:after,
    .containerPopup a.buttonTextImage.accordion.open:after,
    .contentContainer a.buttonTextImage.accordion.open:after {
      content: "";
      position: absolute;
      margin-left: 8px;
      background: url(../img/png/icon_collapse_hvid.png) no-repeat;
      background-image: url(../img/svg/icon_collapse_hvid.svg);
      background-color: #002C69;
      background-size: 14px 8px;
      background-position: center center;
      display: inline-block;
      width: 30px;
      height: 32px;
      border-radius: 6px;
    }
    /*must be moved to own file*/
    .contentWrapper .mainContainer .containerWhite {
      position: relative;
      border: solid 1px #e2e3e2;
      background-color: #fff;
      padding: 20px 20px 20px 20px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt {
      text-align: center;
    }
    .contentWrapper .mainContainer .containerWhite.receipt h2 {
      font-size: 30px;
      font-weight: normal;
      margin: 0px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt div.icon {
      position: relative;
      width: 90px;
      height: 90px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      margin-bottom: 10px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt div.icon.ok {
      background: url('../img/png/icon_check_green.png');
      background-image: url('../img/svg/icon_check_green.svg'), none;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .ie9 .contentWrapper .mainContainer .containerWhite.receipt div.icon.ok {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .contentWrapper .mainContainer .containerWhite.receipt .buttonBlue {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 20px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      width: 200px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt .buttonBlue:hover {
      text-decoration: none;
    }
    .contentWrapper .mainContainer .containerWhite.receipt .buttonBlue:hover {
      background: #002C69;
    }
    .contentWrapper .mainContainer .containerWhite.receipt .buttonBlue.inactive {
      opacity: 0.4;
      cursor: not-allowed;
    }
    .contentWrapper .mainContainer .containerWhite.receipt p.bottomText {
      margin: 0px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt p.bottomText:before {
      content: "";
      position: relative;
      display: block;
      width: 100%;
      border-top: solid 2px #f2f2f2;
      margin-bottom: 16px;
      margin-top: 2px;
    }
    /* end*/
    /*Browser version disclaimer*/
    .ieWarning {
      display: none;
    }
    html.lt-ie9 .ieWarning,
    html.ie9 .ieWarning {
      background: #e79a30;
      display: block;
    }
    html.lt-ie9 .ieWarning .mainContainer .warning,
    html.ie9 .ieWarning .mainContainer .warning {
      padding: 16px 20px 16px 2px;
      min-height: 50px;
      font-size: 16px;
      color: #fff;
      background: url('../img/png/icon_exclamationMark.png');
      background-repeat: no-repeat;
      background-position: left center;
      padding-left: 30px;
    }
    .ie9 html.lt-ie9 .ieWarning .mainContainer .warning,
    .ie9 html.ie9 .ieWarning .mainContainer .warning {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    /*Browser version disclaimer END*/
    .containerLinkList .linksList {
      position: relative;
      display: inline-block;
      width: 49%;
      vertical-align: top;
      list-style-type: none;
      margin-left: -20px;
    }
    .containerLinkList .linksList li {
      width: 90%;
      padding-right: 5%;
      display: block;
      vertical-align: top;
    }
    .containerLinkList .linksList li p {
      margin: 4px 0;
    }
    .box-important-frontpage {
      color: white;
      border: solid 1px #fff;
      padding: 20px;
      font-size: 1.25rem;
      line-height: 1.5rem;
      padding-left: 50px;
      text-align: center;
    }
    .box-important-frontpage::before {
      content: "";
      position: absolute;
      display: inline-block;
      height: 32px;
      width: 32px;
      background-image: url("../img/svg/icon-info-circle-white.svg");
      background-size: contain;
      background-repeat: no-repeat;
      margin-left: -40px;
      margin-top: -5px;
    }
    /*Information message*/
    .information-messages {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    .info-box {
      width: 100%;
      background-color: #DEEDFD;
      border-left: 0.125rem solid var(--border-color, #002D6B);
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #002D6B;
      font-size: 0.875rem;
      padding: 0.5rem 1rem;
      line-height: 1.125rem;
      font-weight: 600;
      letter-spacing: 0.0175rem;
      text-align: center;
      gap: 1rem;
    }
    .info-box__icon {
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .info-box__text {
      flex: 1;
      text-overflow: ellipsis;
      white-space: wrap;
      text-align: left;
    }
    .info-box__close {
      background: transparent;
      border: none;
      cursor: pointer;
      flex-shrink: 0;
      width: 0.75rem;
      height: 0.75rem;
      padding: 0;
      margin-left: 0.75rem;
    }
    .info-box.red {
      background-color: #FFC8C3;
      border-left-color: #B80D0D;
      color: #B80D0D;
    }
    .info-box.red .info-box__close {
      display: none;
    }
    .info-box.yellow {
      background-color: #FEEFCB;
      border-left-color: #925400;
      color: #925400;
    }
    .info-box.green {
      background-color: #DCF5E4;
      border-left-color: #3E7851;
      color: #3E7851;
    }
    /* Show only on desktop */
    /* Optional: mobile hidden or repositioned */
    .dataGathering h2 {
      margin-bottom: 10px;
      font-size: 28px;
      text-align: center;
    }
    .dataGathering h4 {
      margin: 0 auto !important;
      color: #002C69;
      font-weight: normal;
      font-size: 20px;
      text-align: center;
    }
    .dataGathering .statusBar {
      margin: 25px 30px 0;
      background: #e7e8e6;
    }
    .dataGathering .statusBar div.displayName {
      display: none;
    }
    .dataGathering .statusBar .complete {
      -webkit-transition: all ease-out 1.2s;
      -moz-transition: all ease-out 1.2s;
      transition: all ease-out 1.2s;
      height: 20px;
      background: #ddab21;
      background: -moz-linear-gradient(left, #ddab21 0%, #e58200 100%);
      background: -webkit-linear-gradient(left, #ddab21 0%, #e58200 100%);
      background: linear-gradient(to right, #ddab21 0%, #e58200 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddab21', endColorstr='#e58200', GradientType=1);
    }
    .dataGathering .statusBar.secondary div.displayName {
      display: block;
      text-align: left;
      color: #ffb54d;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 1px;
      background-color: #fff;
    }
    .column .dataGathering .providers {
      margin: 12px 2.5rem 30px 36px;
      /*Added for side-by-side view*/
    }
    .dataGathering .providers {
      margin: 12px 2.5rem 30px 32px;
    }
    .dataGathering .providers p.warning {
      font-size: 16px;
      margin-bottom: 0px;
      margin-top: 6px;
      color: #a63b32;
    }
    .dataGathering .provider {
      margin-bottom: 20px;
      position: relative;
      text-align: left;
      padding-left: 30px;
    }
    .dataGathering .provider dt {
      font-size: 20px;
    }
    .dataGathering .provider dd {
      margin-left: 0;
      color: #002C69;
      font-size: 14px;
      margin-top: 2px;
    }
    .dataGathering .provider:before {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      left: 0px;
      background-size: contain !important;
    }
    .dataGathering .provider.stateGather {
      display: flex;
      flex-direction: row;
      gap: 10px;
      padding-left: 0px;
    }
    .dataGathering .provider.stateGather .dots {
      display: flex;
      flex-direction: row;
      gap: 2px;
      height: 16px;
      align-items: center;
    }
    .dataGathering .provider.stateGather .dots .dot {
      width: 5px;
      height: 5px;
      background: #8e9196;
      animation: pulse 2.5s infinite;
    }
    .dataGathering .provider.stateGather .dots .dot:nth-child(1) {
      animation-delay: 0;
    }
    .dataGathering .provider.stateGather .dots .dot:nth-child(2) {
      animation-delay: 0.75s;
    }
    .dataGathering .provider.stateGather .dots .dot:nth-child(3) {
      animation-delay: 1.5s;
    }
    .dataGathering .provider.stateComplete:before {
      background: url('../img/png/checkmark_green.png');
      background-image: url('../img/svg/checkmark_green.svg'), none;
      -webkit-animation: none;
      -moz-animation: none;
      animation: none;
    }
    .ie9 .dataGathering .provider.stateComplete:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataGathering .provider.statePartial:before {
      background: url('../img/png/checkmark_green.png');
      background-image: url('../img/svg/checkmark_green.svg'), none;
      -webkit-animation: none;
      -moz-animation: none;
      animation: none;
    }
    .ie9 .dataGathering .provider.statePartial:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataGathering .provider.stateError:before {
      background: url('../img/png/icon_data_lev_rod_stor.png');
      background-image: url('../img/svg/icon_data_lev_rod_stor.svg'), none;
      -webkit-animation: none;
      -moz-animation: none;
      animation: none;
    }
    .ie9 .dataGathering .provider.stateError:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .section {
      margin: 20px 0;
      zoom: 1;
      border-top: 1px solid #002C69;
    }
    .section:before,
    .section:after {
      content: '';
      display: table;
    }
    .section:after {
      clear: both;
    }
    .section.contact {
      overflow: hidden;
    }
    .section.contact label {
      position: relative;
      display: inline-block;
      width: 100%;
      margin: 0 0 30px;
      line-height: 30px;
      clear: left;
    }
    .section.contact label input {
      position: absolute;
      left: 181px;
      max-width: none;
      width: 300px;
    }
    .section.contact label span {
      width: auto;
    }
    .section.contact textarea {
      outline: none;
      width: 480px;
      height: 100px;
      resize: vertical;
    }
    .section.contact .required {
      color: #a63b32;
      font-family: "Encode Sans", Arial Narrow, sans-serif;
      font-weight: bold;
    }
    .section.contact .description label {
      width: 480px;
    }
    .section.contact .small {
      font-size: 14px;
      color: #474747;
    }
    .section.contact .errorWrapper {
      clear: left;
      display: none;
      position: relative;
      top: -20px;
      width: 500px;
      overflow: hidden;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .section.contact .errorWrapper div p {
      padding: 10px;
      background: #a63b32;
      color: #fff;
      margin: 0;
    }
    .section.contact input[type="submit"] {
      position: relative;
      display: inline-block;
    }
    .section h1 {
      font-size: 56px;
    }
    .section ul {
      list-style-type: none;
    }
    .section ul li {
      line-height: 1.2;
    }
    .section ul li:before {
      content: "";
      display: inline-block;
      position: relative;
      top: -3px;
      width: 5px;
      height: 5px;
      background-color: #000;
      margin-right: -5px;
      border-radius: 14px;
      background-image: none;
      left: -10px;
    }
    .section .text {
      font-size: 16px;
      line-height: 1.2;
    }
    .section .text .link {
      margin-left: 0px;
    }
    .section .text .link:before {
      content: "";
      display: none;
    }
    .section .containerCountries {
      position: relative;
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .section .containerCountries .country {
      font-size: 34px;
      background-position: center left;
      height: 65px;
      padding-left: 80px;
      vertical-align: bottom;
      line-height: 80px;
      background-size: 65px 65px;
    }
    .section .containerCountries .country.sweden {
      background: url("../img/png/flag_se.png");
      background-image: url("../img/svg/flag_se.svg"), none;
      background-repeat: no-repeat;
    }
    .section .containerCountries .country.norway {
      background: url("../img/png/flag_no.png");
      background-image: url("../img/svg/flag_no.svg"), none;
      background-repeat: no-repeat;
    }
    .section .containerCountries .country.belgium {
      background: url("../img/png/flag_be.png");
      background-image: url("../img/svg/flag_be.svg"), none;
      background-repeat: no-repeat;
    }
    .section .containerCountries .country.eu {
      background: url("../img/png/flag_eu.png");
      background-image: url("../img/svg/flag_eu.svg"), none;
      background-repeat: no-repeat;
    }
    .section .containerCountries .country.england {
      background: url("../img/png/flag_uk.png");
      background-image: url("../img/svg/flag_uk.svg"), none;
      background-repeat: no-repeat;
    }
    .section .containerCountries .country.holland {
      background: url("../img/png/flag_nl.png");
      background-image: url("../img/svg/flag_nl.svg"), none;
      background-repeat: no-repeat;
    }
    .section .containerCountries .info {
      line-height: 1.8;
    }
    .section .containerCountries .info .title {
      font-size: 20px;
      font-weight: bold;
      display: inline-block;
      width: 200px;
    }
    .section .containerCountries .info .text {
      font-size: 20px;
      display: inline-block;
      margin-left: 10px;
    }
    .explainLeft {
      cursor: pointer;
    }
    .explainLeft:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 6px;
      width: 24px;
      height: 24px;
      background: url('../img/png/icon_hjaelp_blaa.png');
      background-image: url('../img/svg/icon_hjaelp_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .explainLeft:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .explainLeft:before {
      margin-right: 14px;
    }
    .explainLeft.important {
      color: #cb0000;
    }
    .explainLeft.important:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 24px;
      height: 24px;
      background: url('../img/png/icon_hjaelp_roed.png');
      background-image: url('../img/svg/icon_hjaelp_roed.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .explainLeft.important:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .explainRight {
      cursor: pointer;
    }
    .explainRight:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 4px;
      left: 0px;
      width: 24px;
      height: 24px;
      background: url('../img/png/icon_hjaelp_blaa.png');
      background-image: url('../img/svg/icon_hjaelp_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .explainRight:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .explainRight.absolute {
      position: absolute;
      top: -4px;
    }
    .explainRight:after {
      margin-left: 6px;
    }
    .infoLeft:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 4px;
      left: 0px;
      width: 18px;
      height: 19px;
      background: url('../img/png/icon_info_kritisk.png');
      background-image: url('../img/svg/icon_info_kritisk.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .infoLeft:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .alignedList {
      margin-bottom: 20px;
    }
    .alignedList p {
      margin: 7px 0;
    }
    .alignedList span {
      display: inline-block;
      width: 150px;
    }
    .question span {
      color: #002C69;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      margin-left: 20px;
    }
    p.gray {
      color: gray;
    }
    p.statusOk {
      padding-left: 38px;
      min-height: 26px;
    }
    p.statusOk:before {
      content: "";
      width: 26px;
      height: 26px;
      background: url('../img/png/icon_data_lev_gron_stor.png');
      background-image: url('../img/svg/icon_data_lev_gron_stor.svg'), none;
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      vertical-align: top;
      margin-left: -38px;
    }
    .ie9 p.statusOk:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    p.statusNotOk {
      padding-left: 38px;
      min-height: 26px;
    }
    p.statusNotOk:before {
      content: "";
      width: 26px;
      height: 26px;
      background: url('../img/png/icon_data_lev_rod_stor.png');
      background-image: url('../img/svg/icon_data_lev_rod_stor.svg'), none;
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      vertical-align: top;
      margin-left: -38px;
    }
    .ie9 p.statusNotOk:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .borderBottom {
      border-bottom: solid 1px #002C69;
      margin-bottom: 30px;
    }
    .borderTop {
      border-top: solid 1px #002C69;
      margin-top: 30px;
    }
    .contentBorder {
      border-bottom: solid 2px #002C69;
      width: 100%;
      margin-bottom: 2.5rem;
      padding-bottom: 25px;
    }
    .contentBorder.orange {
      border-bottom: solid 2px #FFDDB0;
      margin-bottom: 2.5rem;
      padding-bottom: 2.5rem;
    }
    .contentBorder:last-child {
      border-bottom: none !important;
      margin-bottom: 0px;
      padding-bottom: 0px;
    }
    .contentCentered {
      width: 100%;
      text-align: center;
    }
    .noBorder {
      border: none;
    }
    .contentLeft,
    .contentLeft554 {
      position: relative;
      display: inline-block;
      max-width: 728px;
      padding-bottom: 20px;
    }
    .contentLeft h1,
    .contentLeft554 h1 {
      margin-bottom: 0;
    }
    .contentLeft756 {
      position: relative;
      width: 756px;
      vertical-align: top;
    }
    .contentRight516 {
      position: relative;
      width: 516px;
      vertical-align: top;
    }
    .contentRight,
    .contentRight386 {
      position: relative;
      display: inline-block;
      width: 728px;
      padding-bottom: 20px;
    }
    .contentRight550 {
      margin-bottom: 20px;
    }
    .contentRight224 {
      margin-bottom: 20px;
      left: 100px;
    }
    .contentRight224 img {
      border: 3px solid #002C69;
    }
    .boxWithBorder {
      position: relative;
      background-color: #f5f5f4;
      padding: 20px 20px 10px 20px;
      border: solid 1px #dfe2e4;
      text-align: center;
    }
    .boxWithBorder p {
      margin: 4px 0;
    }
    span.grayLine {
      margin: 8px 0;
    }
    span.grayLine:before {
      content: "";
      position: relative;
      display: inline-block;
      width: 2.5rem;
      height: 2px;
      background: #d9dad8;
      margin-bottom: 4px;
    }
    span.grayLine:after {
      content: "";
      position: relative;
      display: inline-block;
      width: 2.5rem;
      height: 2px;
      background: #d9dad8;
      margin-bottom: 4px;
    }
    span.block {
      display: block;
    }
    span.orange {
      color: #002C69;
    }
    .showMobileOnly {
      display: none;
    }
    a.buttonBlue {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      margin: 12px 0;
      text-align: center;
    }
    a.buttonBlue:hover {
      text-decoration: none;
    }
    a.buttonBlue:hover {
      background: #002C69;
    }
    a.buttonBlue.arrowRight:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 11px;
      height: 11px;
      background: url('../img/png/icon_pil_hojre_hvid.png');
      background-image: url('../img/svg/icon_pil_hojre_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 a.buttonBlue.arrowRight:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    a.buttonBlue.inactive {
      opacity: 0.4;
      cursor: not-allowed;
    }
    a.loginMed {
      height: 80px;
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 32px;
      letter-spacing: 0.02em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      padding: 20px 53px 19px 53px;
      color: #fff;
      background: #002C69;
      cursor: pointer;
      white-space: nowrap;
      box-shadow: 6px 6px #BDDAFB;
    }
    a.loginMed:hover {
      background-color: #BDDAFB;
      color: #002C69;
      box-shadow: 6px 6px #002C69;
      text-decoration: none;
    }
    a.loginMed img {
      position: relative;
      top: 4px;
      margin-left: 22px;
      width: 112px;
      height: 34px;
    }
    a.demoButton {
      font-size: 22px;
      font-weight: bold;
      position: relative;
      display: inline-block;
      height: 60px;
      line-height: 60px;
      padding: 0 26px;
      background: linear-gradient(to left, #fff 50%, #BDDAFB 50%) right;
      background-size: 200%;
      transition: 0.5s ease-out;
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
      margin-top: 50px;
    }
    a.demoButton:hover {
      text-decoration: none;
      background-position: left;
    }
    a.loginMed:hover img {
      text-decoration: none;
      /* Magic - Turn white into blue (better than multiple svg's or inlining) */
      /*
            How it works:
            The Sepia effect is used to give classic black and white grayscale media a warmer brownish color,
            Then over-saturating that brown untill we get a sharp red
            Then rotate the hue from the red spectrum to the blue spectrum
            Tweaking all the filters by just the right amounts and Voil�: c-primary-darkblue (#002C69)
        */
      filter: brightness(5%) sepia(1) saturate(5837%) hue-rotate(209deg);
    }
    .link-arrow {
      font-size: 22px;
      font-weight: bold;
    }
    .link-arrow:after {
      content: "";
      display: inline-block;
      position: relative;
      top: 2px;
      left: 12px;
      width: 19px;
      height: 19px;
      background-image: url("../img/svg/icon-arrow-angle.svg"), none;
      background-repeat: no-repeat;
      filter: brightness(5%) sepia(1) saturate(5837%) hue-rotate(209deg);
    }
    .link-arrow:hover {
      text-decoration: none;
    }
    .link-arrow:hover:after {
      position: relative;
      top: 2px;
      left: 26px;
    }
    .dot-pinfo {
      position: relative;
      left: -9999px;
      width: 12px;
      height: 12px;
      border-radius: 6px;
      background-color: #002c69;
      color: #002c69;
      box-shadow: 9969px 0 0 0 #002c69, 9999px 0 0 0 #002c69, 10029px 0 0 0 #002c69;
      animation: dotPinfo 1.5s linear;
    }
    .carousel > img {
      display: inline-block;
      height: 48px;
      max-width: 12rem;
      margin: 0 20px 0 20px;
      opacity: 1;
    }
    .carousel > img.carouselFadeout {
      opacity: 0;
      transition: 0.5s;
    }
    .containerCompanyContact {
      position: relative;
      float: left;
      clear: left;
      background-color: #fff;
      padding: 20px;
      border-top: solid 1px #f3f3f2;
      border-right: solid 1px #f3f3f2;
      border-bottom: solid 2px #e5e5e5;
      border-left: solid 1px #f3f3f2;
      text-align: center;
      width: calc(50% - 15px);
      vertical-align: top;
      margin-bottom: 20px;
      display: block;
    }
    .containerCompanyContact:nth-child(2n + 1) {
      float: right;
      clear: right;
    }
    .containerCompanyContact p {
      margin: 4px 0;
    }
    .containerCompanyContact .containerCompanyLogo {
      position: relative;
      height: 70px;
      margin-bottom: 16px;
    }
    .containerCompanyContact .containerCompanyLogo img {
      max-height: 70px;
    }
    .containerCompanyContact .containerCompanyLogo .logo-loading-error {
      font-size: 20px;
      font-weight: bold;
    }
    .containerCompanyContact .info {
      position: relative;
      line-height: 20px;
      font-size: 16px;
      text-align: center;
    }
    .formData h4 {
      margin-bottom: 4px;
      font-weight: normal;
    }
    .formData span {
      display: inline-block;
    }
    .formData span.required {
      color: #a63b32;
      display: inline-block;
      width: 1rem;
      height: 1rem;
    }
    .formData span.required:after {
      display: inline-block;
      content: " *";
      font-size: 1.375rem;
      line-height: 0;
      font-family: Arial;
      font-weight: normal;
      vertical-align: sub;
    }
    .formData .errorWrapper .error p {
      color: #a63b32 !important;
    }
    .formData .errorWrapper .error p:before {
      content: "* ";
      color: #a63b32 !important;
      font-family: Arial;
      font-size: 1.375rem;
      line-height: 0;
      font-weight: normal;
      vertical-align: sub;
    }
    .formData textarea {
      min-height: 100px;
      overflow: auto;
    }
    .formData .field-error {
      color: red;
      font-size: 0.9rem;
      margin-top: 3px;
      display: block;
    }
    input[type="submit"] {
      background-image: url("../img/png/icon_pil_hojre_hvid.png");
      background-repeat: no-repeat;
      background-position: center right 112px;
    }
    .overflowAuto {
      overflow: auto;
    }
    /*MISC*/
    #paymentForm .saleryInput input[type="text"],
    #paymentForm .saleryInput input[type="submit"] {
      margin-top: 8px;
      width: 50%;
      display: block;
    }
    .explainationContainer {
      position: relative;
      padding: 14px;
      background-color: #fff;
    }
    /*Multi chart intro popup - needs to be moved to own file*/
    .mainContainer .imgIntroChart {
      position: relative;
      display: inline-block;
      width: 225px;
      height: 120px;
      background: url("../img/png/illu-grafintro.png");
      background-image: url("../img/svg/illu-grafintro.svg");
      background-repeat: no-repeat;
      background-size: 225px 110px;
    }
    .mainContainer .imgSkipIntroChart {
      position: relative;
      display: inline-block;
      width: 225px;
      height: 120px;
      background: url("../img/png/illu-graf.png");
      background-image: url("../img/svg/illu-graf.svg");
      background-repeat: no-repeat;
      background-size: 225px 110px;
    }
    /*form*/
    /*when showing alt text*/
    input[alttext].empty {
      color: #c8c9cc;
    }
    /*submit spinner*/
    .button.submit.submitting:after {
      position: absolute;
      background: url('../img/png/spinner.png');
      background-image: url('../img/svg/spinner.svg'), none;
      -webkit-animation: spin 2s linear infinite;
      -moz-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-left: 4px;
      margin-top: 5px;
    }
    .ie9 .button.submit.submitting:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .columns-2-popup {
      display: table;
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px;
      border-spacing: 10px 0;
      border-collapse: separate;
      width: 100%;
    }
    .columns-2-popup > div {
      position: relative;
      display: table-cell;
      width: 50%;
    }
    .columns-2-popup > div:first-child {
      left: -10px;
    }
    .columns-2-popup > div:last-child {
      right: 0px;
    }
    .columns-2-popup > div .highlight {
      background-color: #EEF3FA;
      padding: 6px;
      margin-top: 4px;
      line-height: 1.2rem;
    }
    #gfxpiechartplaybtn:hover {
      transform: scale(1.1) translate(-5%, -5%);
    }
    .pensionPageSubHeaderBody {
      display: grid;
      align-items: center;
    }
    .modalDefault,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) {
      background: #fff;
      padding: 0.625rem;
      width: auto;
      max-width: none;
      margin: 0 0.625rem;
    }
    .modalDefault dl,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dl {
      border-bottom: 0.0625rem solid #d9dad8;
    }
    .modalDefault dt,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt {
      margin: 0.625rem 0;
      border-top: 0.0625rem solid #d9dad8;
      line-height: 1.875rem;
      padding: 0.6875rem 0.625rem 0;
      color: #002C69;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      cursor: pointer;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .modalDefault dt:before,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 6px;
      left: 70px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_expand_hvid.png');
      background-image: url('../img/svg/icon_expand_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .modalDefault dt:before,
    .ie9 .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .modalDefault dt:before,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt:before {
      position: relative;
      height: 1.25rem;
      width: 1.25rem;
      background-position: 50% 50%;
      background-color: #002C69;
      border-bottom: 0.125rem solid #e7e8e6;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .modalDefault dt:hover,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt:hover {
      color: #002C69;
    }
    .modalDefault dt:hover:before,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt:hover:before {
      background-color: #002150;
    }
    .modalDefault dt.active:before,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt.active:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 6px;
      left: 70px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_collapse_hvid.png');
      background-image: url('../img/svg/icon_collapse_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .modalDefault dt.active:before,
    .ie9 .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt.active:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .modalDefault dt.active:before,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt.active:before {
      position: relative;
      height: 1.25rem;
      width: 1.25rem;
      background-position: 50% 50%;
      background-color: #002C69;
      border-bottom: 0.125rem solid #e7e8e6;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .modalDefault dt.active + dd,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dt.active + dd {
      display: block;
    }
    .modalDefault dd,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup) dd {
      display: none;
      margin: 0 0.625rem 0 2.5rem;
    }
    .modalDefault.video,
    .containerPopup .containerContent .inner > div:not(#modalCollectData):not(.closeButtonPopup).video {
      padding-top: 2.5rem;
    }
    .modalContact {
      overflow: hidden;
    }
    .modalContact label {
      margin: 0 0 1.25rem;
      line-height: 1.875rem;
      float: right;
    }
    .modalContact label input {
      margin: 0.625rem 0;
      display: block;
      max-width: none;
      width: 12.5rem;
    }
    .modalContact label span {
      width: auto;
    }
    .modalContact label:first-child {
      float: left;
    }
    .modalContact .description {
      clear: both;
    }
    .modalContact textarea {
      outline: none;
      width: 30rem;
      height: 6.25rem;
      resize: vertical;
    }
    .modalContact .required {
      color: #a63b32;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-weight: bold;
    }
    .modalContact .required:after {
      content: "*";
      color: #474747;
      font-size: 1rem;
    }
    .modalContact .small {
      font-size: 0.875rem;
      color: #474747;
    }
    .modalContact .errorWrapper {
      display: none;
      margin-top: 0.625rem;
      overflow: hidden;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .modalContact .errorWrapper div p {
      padding: 0.625rem;
      background: #a63b32;
      color: #fff;
      margin: 0;
    }
    .modalContact .upload {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      padding: 2px 10px 0;
      line-height: 26px;
      margin-left: 0.625rem;
    }
    .modalContact .upload:hover {
      text-decoration: none;
    }
    .modalContact .upload:hover {
      background: #002C69;
    }
    .modalContact input[type='submit'] {
      float: right;
    }
    .modalContact .containerPopup {
      margin: auto;
    }
    .modalContact .popup-style {
      background: #fff;
      padding: 1rem;
      border-radius: 0.5rem;
    }
    .modalContact .closeButtonPopup {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      cursor: pointer;
    }
    .modalContact .button.blue.small {
      background-color: #007bff;
      color: white;
      padding: 0.4rem 1rem;
      border-radius: 0.25rem;
      font-size: 0.9rem;
      display: inline-block;
      text-align: center;
    }
    .modalContact .button.isDisabled,
    .modalContact .button.disabled {
      opacity: 0.5;
      pointer-events: none;
    }
    .modalContact .form-control {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .modalContact .checkbox-size {
      width: 1rem;
      height: 1rem;
    }
    .modalContact .marginTop20,
    .modalContact .margin-top-1rem {
      margin-top: 1rem;
    }
    .modalContact .alignMidNew {
      vertical-align: middle;
    }
    .modalContact .cont-wrap {
      background-color: rgba(0, 0, 0, 0.75);
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
    }
    .modalContact .cont-wrap .containerContent {
      text-align: left;
    }
    .modalContact .containerPopup .containerContent .popup-style {
      position: relative;
      margin: 0 auto;
      padding: 1.25rem 1.875rem;
      max-width: 50rem;
      box-shadow: 0.0625rem 0.125rem 1rem -0.0625rem rgba(0, 0, 0, 0.75);
      text-align: left;
      max-height: 150vh;
      margin-top: 20vh;
    }
    .modalContact .popup-content-left {
      margin: 0 !important;
      padding: 0 !important;
      display: flex;
    }
    .modalContact .contactPension,
    .modalContact .contactPension * {
      box-sizing: border-box;
      max-width: 100%;
      width: 100%;
    }
    .modalContact .contactPension textarea {
      resize: vertical;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .modalContact .contactPension p,
    .modalContact .contactPension h4 {
      overflow-wrap: break-word;
      word-break: break-word;
      white-space: normal;
    }
    .modalContact .contactPension input[type="submit"] {
      width: auto !important;
      max-width: none;
    }
    .modalCalculationDetails h4 {
      margin-top: 1.25rem;
      margin-bottom: 0;
    }
    .modalCalculationDetails h4 + p {
      margin-top: 0.625rem;
    }
    .modalCalculationDetails .section {
      margin: 0;
    }
    .modalCalculationDetails .modify {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      padding: 2px 10px 0;
      line-height: 26px;
    }
    .modalCalculationDetails .modify:hover {
      text-decoration: none;
    }
    .modalCalculationDetails .modify:hover {
      background: #002C69;
    }
    .modalCalculationDetails .modify:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      left: 90px;
      width: 11px;
      height: 12px;
      background: url('../img/png/icon_pil_hojre_hvid.png');
      background-image: url('../img/svg/icon_pil_hojre_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .modalCalculationDetails .modify:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .barchart {
      padding: 18px 0px 18px 0;
      max-width: 100vw;
      width: auto;
    }
    .barchart > div {
      overflow: hidden;
      margin-bottom: 0.5rem;
    }
    .barchart > div.explaination > div > span {
      white-space: normal;
      font-size: 20px;
    }
    .barchart > div.explaination ~ .explaination {
      margin-top: auto;
    }
    .barchart > div.other ~ .other {
      margin-top: auto;
    }
    .barchart > div > div {
      position: relative;
      line-height: 24px;
      vertical-align: middle;
      display: inline-block;
      width: 200px;
    }
    .barchart > div > div > span {
      white-space: nowrap;
      font-size: 0.8em;
      vertical-align: text-bottom;
    }
    .barchart .barchart-label {
      width: 60%;
      padding-right: 10px;
      font-size: 20px;
      line-height: 1.2;
      vertical-align: top;
      font-weight: bold;
      font-family: 'Encode Sans Condensed', sans-serif;
      letter-spacing: 0.015em;
      display: inline-flex;
      align-items: start;
      flex-direction: column;
    }
    .barchart .explaination .barchart-label {
      font-size: 20px;
      flex-direction: row;
      align-items: center;
    }
    .barchart .barchart-bar {
      position: relative;
      width: 40%;
      vertical-align: top;
      text-align: right;
    }
    .barchart .barchart-bar > svg {
      position: absolute;
      display: inline-block;
      vertical-align: top;
      line-height: 1.2;
      height: 5px;
      right: 0px;
      bottom: 0px;
    }
    .barchart .barchart-bar > span {
      position: relative;
      vertical-align: top;
      line-height: 1.2;
      text-align: right;
      height: 24px;
      font-weight: bold;
      font-size: 20px;
      letter-spacing: normal;
    }
    .barchart .barchart-bar > span > span {
      position: relative;
      font-weight: 600;
      margin-left: 4px;
      font-size: 1rem;
    }
    .barchart .barchart-bar > span,
    .barchart .barchart-bar > .barchart-bar-fallback {
      vertical-align: top;
      line-height: 1.2;
    }
    .barchart .barchart-bar > span a,
    .barchart .barchart-bar > .barchart-bar-fallback a {
      vertical-align: top;
      line-height: 1.2;
    }
    .barchart .barchart-bar > span > span,
    .barchart .barchart-bar > .barchart-bar-fallback > span {
      padding-left: 0px;
      white-space: normal;
    }
    .barchart .barchart-bar > span {
      padding-left: 10px;
      white-space: normal;
      letter-spacing: normal;
    }
    .barchart .barchart-info {
      position: relative;
      vertical-align: top;
      width: 24px;
    }
    .barchart .barchart-info .explainFlag {
      margin-left: 4px;
    }
    .barchart .barchart-bar-fallback:nth-child(1) {
      font-size: 20px;
    }
    .barchart .fallback-vertical.other {
      display: flex;
      flex-direction: column;
    }
    .barchart .fallback-vertical.other .barchart-label,
    .barchart .fallback-vertical.other .barchart-bar {
      width: 100%;
      display: block;
      text-align: left;
      padding-right: 0;
    }
    .barchart .fallback-vertical.other .barchart-label {
      margin-bottom: 0.5em;
    }
    .barchart .fallback-vertical.other .barchart-bar {
      text-align: left;
    }
    .barchart .fallback-vertical.other .barchart-bar > span {
      font-size: 1rem;
      font-style: normal;
      font-weight: 500;
      line-height: 1.25rem;
      /* 125% */
      letter-spacing: 0.01rem;
      padding-left: 0;
    }
    .barchart-exception {
      border-bottom: 1px solid #e7e8e6;
      padding-bottom: 5px;
      margin-bottom: 10px;
      margin-top: -20px;
      font-size: 20px;
      line-height: 1.2;
    }
    .barchart-explanation .explainRight strong {
      font-weight: normal;
    }
    .barchart-explanation .explainRight:after {
      display: none;
    }
    .welcome-label {
      font-size: 20px;
      font-weight: bold;
    }
    .overview-explanation-label {
      margin-top: 1rem;
      margin-bottom: 2rem;
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 500;
      line-height: 1.75rem;
    }
    .line-seperator {
      border-bottom: 1px solid #002C69;
      padding-bottom: 0.625rem;
      margin-bottom: 0.625rem;
    }
    /*specific*/
    #pi-pensionsOpsparing-piechart {
      margin-bottom: 20px;
    }
    .piechart-and {
      font-size: 16px;
      position: relative;
      left: 170px;
    }
    /* loop to create siblings pie pieces */
    /* loop to create siblings legends */
    /* the gradient fade out for lines and shapes */
    /* Pie Chart */
    .piechart {
      position: relative;
      margin: 0 0 0 160px;
      /* the pie container */
      /* default styling for a single slice of pie */
      /* the legend container */
      /* default styling for a single legend */
      /* dots wrapper */
      /* title pie */
      /* the line fadeouts */
      /* variations based on colours */
    }
    .piechart .nodata {
      display: none;
    }
    .piechart .pieces {
      position: relative;
      width: 140px;
      height: 320px;
      overflow: hidden;
      border-left: 1px solid #8e9196;
      /* gray background border */
    }
    .piechart .pieces:before {
      content: '';
      position: absolute;
      top: 20px;
      left: -140px;
      width: 280px;
      height: 280px;
      background: rgba(231, 232, 230, 0.6);
      border-radius: 50%;
      -webkit-transform: translate3d(0, 0, 0);
    }
    .piechart .piece {
      position: absolute;
      top: 30px;
      left: -130px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      clip: rect(0px, 130px, 260px, 0px);
    }
    .piechart .legends {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
    }
    .piechart .legend {
      position: absolute;
      top: -15px;
      left: 160px;
      border-left: 5px solid #474747;
      line-height: 30px;
      background: #BDDAFB;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .piechart .legend h5 {
      position: relative;
      margin: 0;
      padding: 0 10px;
      border-left: 1px solid #fff;
      color: #002C69;
      font-size: 18px;
      font-weight: normal;
      white-space: nowrap;
      background: #BDDAFB;
    }
    .piechart .legend h5:hover {
      text-decoration: none;
      background: #8dbff8;
    }
    .piechart .legend h5:after {
      content: attr(data-text-note);
      display: block;
      position: absolute;
      top: 120%;
      left: 0;
      width: 100%;
      padding-bottom: 5px;
      color: #002C69;
      font-size: 14px;
      text-align: center;
      line-height: 1.2;
    }
    .piechart .legend .amount {
      display: inline-block;
      position: relative;
      right: -10px;
      padding: 0 10px;
      background: #EEF3FA;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      color: #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .piechart .legend .amount:after {
      content: attr(data-text-currency);
      margin-left: 4px;
    }
    .piechart .legend:before {
      content: '';
      display: block;
      position: absolute;
      top: 14px;
      left: -131px;
      width: 125px;
      height: 1px;
      background: #BDDAFB;
    }
    .piechart a.legend:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 11px;
      height: 11px;
      background: url('../img/png/icon-arrow-angle.png');
      background-image: url('../img/svg/icon-arrow-angle.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .piechart a.legend:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .piechart a.legend:after {
      position: absolute;
      right: -15px;
      width: 20px;
      top: 0px;
      left: unset;
      height: 30px;
      background-color: #002C69;
      background-position: 4px 4px;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .ie9 .piechart a.legend:after,
    .lt-ie9 .piechart a.legend:after {
      height: 27px;
    }
    .piechart a.legend:hover {
      text-decoration: none;
      background: #8dbff8;
    }
    .piechart a.legend:hover:after {
      background-color: #002C69;
    }
    .piechart .dots {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 140px;
      z-index: 300;
    }
    .piechart .dot {
      position: absolute;
      top: -6px;
      left: -6px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 2px solid #fff;
      background: #8e9196;
    }
    .piechart .title,
    .piechart .title-border {
      position: absolute;
      height: 120px;
      width: 170px;
      top: 50%;
      left: -130px;
      margin-top: -60px;
      padding: 0 30px 0 20px;
      border-radius: 0 70px 70px 0;
      border: 1px solid #8e9196;
      border-left: none;
      background-color: #fff;
      background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#EEF3FA));
      background-image: -webkit-linear-gradient(left, #fff, #EEF3FA);
      background-image: -moz-linear-gradient(left, #fff, #EEF3FA);
      background-image: -ms-linear-gradient(left, #fff, #EEF3FA);
      background-image: -o-linear-gradient(left, #fff, #EEF3FA);
      text-align: right;
      z-index: 300;
      /* the content fadeout */
      /* the title note */
    }
    .piechart .title h3,
    .piechart .title-border h3 {
      margin: 0;
      font-size: 18px;
      color: #002C69;
      font-weight: normal;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .piechart .title span,
    .piechart .title-border span {
      display: block;
      font-size: 14px;
      position: relative;
      top: 2px;
    }
    .piechart .title span strong,
    .piechart .title-border span strong {
      font-size: 18px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      white-space: nowrap;
      position: relative;
      font-weight: bold;
      margin-top: 0px;
      bottom: 5px;
      display: block;
    }
    .piechart .title span strong:after,
    .piechart .title-border span strong:after {
      content: attr(data-text-currency);
      margin-left: 4px;
      font-size: 18px;
      font-weight: normal;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .piechart .title span strong:before,
    .piechart .title-border span strong:before {
      white-space: nowrap;
    }
    .piechart .title:before,
    .piechart .title-border:before {
      content: '';
      position: absolute;
      width: 150px;
      height: 30px;
      top: 55px;
      left: -60px;
      background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* W3C */
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }
    .piechart .title:after,
    .piechart .title-border:after {
      content: attr(data-text-note);
      display: block;
      position: absolute;
      top: 110%;
      right: 70px;
      text-align: right;
      width: 120px;
      font-size: 12px;
    }
    .piechart .title-border {
      display: none;
    }
    .piechart:after,
    .piechart:before {
      content: '';
      display: block;
      position: absolute;
      left: -4px;
      width: 9px;
      height: 20px;
      background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
      /* W3C */
    }
    .piechart:after {
      bottom: 0;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    .piechart:before {
      top: 0;
      z-index: 1;
    }
    .piechart.asLongAsYouLive .piece:nth-child(6) {
      background: #ffffff;
      z-index: 33;
    }
    .piechart.asLongAsYouLive .piece:nth-child(5) {
      background: #ffffff;
      z-index: 40;
    }
    .piechart.asLongAsYouLive .piece:nth-child(4) {
      background: #ffffff;
      z-index: 50;
    }
    .piechart.asLongAsYouLive .piece:nth-child(3) {
      background: #dff4e6;
      z-index: 66;
    }
    .piechart.asLongAsYouLive .piece:nth-child(2) {
      background: #b8e8c8;
      z-index: 100;
    }
    .piechart.asLongAsYouLive .piece:nth-child(1) {
      background: #92dbaa;
      z-index: 200;
    }
    .piechart.asLongAsYouLive .legend:nth-child(6) {
      border-color: #ffffff;
    }
    .piechart.asLongAsYouLive .legend:nth-child(5) {
      border-color: #ffffff;
    }
    .piechart.asLongAsYouLive .legend:nth-child(4) {
      border-color: #ffffff;
    }
    .piechart.asLongAsYouLive .legend:nth-child(3) {
      border-color: #dff4e6;
    }
    .piechart.asLongAsYouLive .legend:nth-child(2) {
      border-color: #b8e8c8;
    }
    .piechart.asLongAsYouLive .legend:nth-child(1) {
      border-color: #92dbaa;
    }
    .piechart.oneTime .piece:nth-child(6) {
      background: #ffffff;
      z-index: 33;
    }
    .piechart.oneTime .piece:nth-child(5) {
      background: #ffffff;
      z-index: 40;
    }
    .piechart.oneTime .piece:nth-child(4) {
      background: #ffe9cc;
      z-index: 50;
    }
    .piechart.oneTime .piece:nth-child(3) {
      background: #ffd399;
      z-index: 66;
    }
    .piechart.oneTime .piece:nth-child(2) {
      background: #ffbd66;
      z-index: 100;
    }
    .piechart.oneTime .piece:nth-child(1) {
      background: #ffa733;
      z-index: 200;
    }
    .piechart.oneTime .legend:nth-child(6) {
      border-color: #ffffff;
    }
    .piechart.oneTime .legend:nth-child(5) {
      border-color: #ffffff;
    }
    .piechart.oneTime .legend:nth-child(4) {
      border-color: #ffe9cc;
    }
    .piechart.oneTime .legend:nth-child(3) {
      border-color: #ffd399;
    }
    .piechart.oneTime .legend:nth-child(2) {
      border-color: #ffbd66;
    }
    .piechart.oneTime .legend:nth-child(1) {
      border-color: #ffa733;
    }
    .piechart.overYears .piece:nth-child(6) {
      background: #ffffff;
      z-index: 33;
    }
    .piechart.overYears .piece:nth-child(5) {
      background: #ffffff;
      z-index: 40;
    }
    .piechart.overYears .piece:nth-child(4) {
      background: #ffffff;
      z-index: 50;
    }
    .piechart.overYears .piece:nth-child(3) {
      background: #f0fbfc;
      z-index: 66;
    }
    .piechart.overYears .piece:nth-child(2) {
      background: #c7eef2;
      z-index: 100;
    }
    .piechart.overYears .piece:nth-child(1) {
      background: #9ee2e8;
      z-index: 200;
    }
    .piechart.overYears .legend:nth-child(6) {
      border-color: #ffffff;
    }
    .piechart.overYears .legend:nth-child(5) {
      border-color: #ffffff;
    }
    .piechart.overYears .legend:nth-child(4) {
      border-color: #ffffff;
    }
    .piechart.overYears .legend:nth-child(3) {
      border-color: #f0fbfc;
    }
    .piechart.overYears .legend:nth-child(2) {
      border-color: #c7eef2;
    }
    .piechart.overYears .legend:nth-child(1) {
      border-color: #9ee2e8;
    }
    .piechart.tax .title span strong:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 4px;
      left: -6px;
      width: 21px;
      height: 22px;
      background: url('../img/png/icon_s.png');
      background-image: url('../img/svg/icon_s.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .piechart.tax .title span strong:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .piechart.taxfree .title span strong:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 4px;
      left: -6px;
      width: 21px;
      height: 22px;
      background: url('../img/png/icon_f.png');
      background-image: url('../img/svg/icon_f.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .piechart.taxfree .title span strong:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .piechart.fee .title span strong:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 4px;
      left: -6px;
      width: 21px;
      height: 22px;
      background: url('../img/png/icon_a.png');
      background-image: url('../img/svg/icon_a.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .piechart.fee .title span strong:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .piechart.nodata {
      position: relative;
    }
    .piechart.nodata .legends,
    .piechart.nodata .dots {
      display: none;
      background-color: #BDDAFB;
      color: #002C69;
    }
    .piechart.nodata .nodata {
      display: block;
      position: absolute;
      top: 0;
      left: -120px;
      right: -20px;
      bottom: 0;
      background: rgba(255, 255, 255, 0.8);
      z-index: 500;
    }
    .piechart.nodata .nodata p {
      font-size: 22px;
      text-align: center;
      max-width: 60%;
      margin: 0 auto;
      margin-left: 30%;
      margin-top: 20%;
    }
    .chart-button-spacer {
      margin-left: -30px;
    }
    /* Step Chart */
    .stepchart {
      position: relative;
      z-index: 10;
      font-size: 16px;
      margin-top: 10px;
    }
    .stepchart tspan {
      color: #002C69;
    }
    .stepchart.saleryActive {
      margin-top: 130px;
    }
    .stepchart .pi-stepChart-section {
      position: absolute;
      z-index: -1;
    }
    .stepchart .pi-stepChart-sectionOverlay {
      position: absolute;
      z-index: 1;
      background: transparent;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .stepchart .pi-stepChart-sectionOverlay .label {
      transform-origin: top left;
      display: none;
      position: absolute;
      top: -65px;
      width: auto;
      left: 50%;
      padding: 0 0 0 10px;
      line-height: 40px;
      height: 41px;
      white-space: nowrap;
      background: #BDDAFB;
      font-size: 16px;
      font-weight: bold;
      color: #002C69;
      cursor: default;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .stepchart .pi-stepChart-sectionOverlay .label .amount {
      position: relative;
      right: -2px;
      margin-top: 0;
      margin-left: 10px;
      padding: 0 10px;
      background: #EEF3FA;
      color: #002C69;
      display: inline-block;
      font-size: 22px;
    }
    .stepchart .pi-stepChart-sectionOverlay .label .amount:after {
      content: attr(data-text-currency);
      font-size: 1rem;
      display: inline-block;
      margin-left: 5px;
    }
    .stepchart .pi-stepChart-sectionOverlay .label:before {
      content: '';
      position: absolute;
      display: block;
      bottom: -15px;
      left: 0;
      width: 0;
      height: 0;
      border-bottom: 15px solid transparent;
      border-left: 15px solid #BDDAFB;
    }
    .stepchart .pi-stepChart-sectionOverlay.interactive:hover {
      background: rgba(217, 218, 216, 0.5);
      cursor: pointer;
    }
    .stepchart .pi-stepChart-sectionOverlay.active {
      z-index: 25;
    }
    .stepchart .pi-stepChart-sectionOverlay.active .label {
      display: block;
    }
    .stepchart .pi-stepChart-sectionOverlay.active:before {
      content: '';
      display: block;
      position: absolute;
      bottom: calc(-40px - 0.8em);
      left: 48%;
      width: 0.9em;
      height: 0.8em;
      transform: translateX(-50%);
      background: #002C69;
    }
    .stepchart .pi-stepChart-sectionOverlay.active:after {
      content: '';
      position: absolute;
      bottom: -40px;
      left: 49%;
      width: 0;
      height: 0;
      transform: translateX(-50%);
      border-right: 0.45em solid transparent;
      border-left: 0.45em solid transparent;
      border-bottom: 0.45em solid #002C69;
    }
    .stepchart .pi-stepChart-sectionOverlay.active.interactive:before,
    .stepchart .pi-stepChart-sectionOverlay.active.interactive:after {
      display: none;
    }
    .stepchart .pi-stepChart-sectionOverlay.detailsActive {
      background: rgba(217, 218, 216, 0.7);
    }
    .stepchart #pi-stepchart-detailsBox {
      opacity: 0;
      visibility: hidden;
      cursor: pointer;
      background: #EEF3FA;
      position: absolute;
      border-bottom: 2px solid #e7e8e6;
      top: 20px;
      right: 20px;
      z-index: 500;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .stepchart #pi-stepchart-detailsBox:after {
      content: '\00d7';
      position: absolute;
      top: 3px;
      right: 5px;
      font-size: 22px;
      color: #002C69;
    }
    .stepchart .pi-stepchart-detailsBox-color {
      display: block;
      float: left;
      width: 10px;
      height: 10px;
    }
    .stepchart #pi-stepchart-detailsBox-details table {
      margin-top: 10px;
      width: 100%;
    }
    .stepchart #pi-stepchart-detailsBox-details table tr th:first-child,
    .stepchart #pi-stepchart-detailsBox-details table tr td:first-child {
      padding-left: 20px;
    }
    .stepchart #pi-stepchart-detailsBox-details table tr th:last-child,
    .stepchart #pi-stepchart-detailsBox-details table tr td:last-child {
      padding-right: 20px;
    }
    .stepchart #pi-stepchart-detailsBox-details table tr td {
      padding-top: 7px;
      padding-right: 5px;
      font-size: 14px;
      line-height: 1;
    }
    .stepchart #pi-stepchart-detailsBox-details table tr td span {
      margin: 2px 10px 0 0;
    }
    .stepchart #pi-stepchart-detailsBox-details table .pi-stepchart-detailsBox-value {
      text-align: right;
    }
    .stepchart #pi-stepchart-detailsBox-title {
      margin: 10px 0 0;
      padding: 0 20px;
      background: #002C69;
      text-align: center;
      line-height: 40px;
      font-weight: bold;
      color: #fff;
      font-size: 15px;
    }
    .stepchart #pi-stepchart-detailsBox-title span {
      position: relative;
      top: 3px;
      font-size: 26px;
    }
    .stepchart #pi-stepchart-detailsBox.pi-stepchart-detailsBox-active {
      opacity: 1;
      visibility: visible;
    }
    .stepchart #pi-stepchart-detailsBox.pi-stepchart-detailsBox-active:hover {
      opacity: 0.7;
    }
    .stepchart .grayed {
      display: none;
    }
    .stepchart .nodata {
      display: none;
    }
    .stepchart.nodata .nodata {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: -20px;
      bottom: 0;
      background: rgba(255, 255, 255, 0.8);
      z-index: 4000;
    }
    .stepchart.nodata .nodata p {
      font-size: 22px;
      text-align: center;
      max-width: 60%;
      margin: 0 auto;
      margin-top: 20%;
    }
    /* Step Chart */
    .sectionchart {
      position: relative;
      z-index: 10;
      margin-bottom: 40px;
      font-size: 16px;
      overflow: hidden;
      /*experimentive*/
      padding-bottom: 50px;
      /*experimentive*/
    }
    .sectionchart .nodata,
    .sectionchart .errorLabel {
      display: none;
    }
    .sectionchart .pi-sectionChart-section {
      position: absolute;
      z-index: -1;
    }
    .sectionchart .pi-sectionChart-sectionOverlay {
      position: absolute;
      z-index: 1;
      background: transparent;
      cursor: pointer;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .label {
      transform-origin: bottom left;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: -75px;
      width: auto;
      left: 50%;
      padding: 0 0 0 10px;
      line-height: 40px;
      height: 41px;
      white-space: nowrap;
      background: #BDDAFB;
      font-size: 16px;
      color: #002C69;
      cursor: default;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .label .amount {
      margin-top: 0;
      margin-left: 10px;
      padding: 0 10px;
      background: #EEF3FA;
      color: #002C69;
      display: inline-block;
      font-size: 20px;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .label .amount:after {
      content: attr(data-text-currency);
      font-size: 1rem;
      display: inline-block;
      margin-left: 5px;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .label:before {
      content: '';
      position: absolute;
      display: block;
      bottom: -14px;
      left: 0;
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid #BDDAFB;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .subIcon {
      display: block;
      position: absolute;
      right: 0;
      bottom: -80px;
      height: 60px;
      width: 100px;
      margin-right: -50px;
      color: #002C69;
      text-align: center;
      font-size: 26px;
      cursor: default;
      transform-origin: top center;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .subIcon:before {
      content: '';
      display: inline-block;
      position: relative;
      top: -5px;
      left: 0px;
      width: 11px;
      height: 12px;
      background: url('../img/png/icon_pil_op_orange.png');
      background-image: url('../img/svg/icon_pil_op_orange.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .sectionchart .pi-sectionChart-sectionOverlay .subIcon:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .subIcon:before {
      content: '';
      display: block;
      margin: 0 auto;
      position: relative;
    }
    .sectionchart .pi-sectionChart-sectionOverlay .subIcon:after {
      content: attr(data-text-year);
      font-size: 20px;
      display: inline-block;
      margin-left: 5px;
    }
    .sectionchart .pi-sectionChart-sectionOverlay.first .subIcon {
      background: url('../img/png/icon_tabt_arbejdsevne.png');
      background-image: url('../img/svg/icon_tabt_arbejdsevne.svg'), none;
      background-size: 90% 90% !important;
      background-repeat: no-repeat;
      background-position: 50% 0px;
      right: 50%;
      width: 30px;
      margin-right: -15px;
    }
    .ie9 .sectionchart .pi-sectionChart-sectionOverlay.first .subIcon {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .sectionchart .pi-sectionChart-sectionOverlay.first .subIcon:after {
      display: none;
    }
    .sectionchart .pi-sectionChart-sectionOverlay.last .label {
      left: auto;
      right: 10px;
    }
    .sectionchart .pi-sectionChart-sectionOverlay.last .label:before {
      left: auto;
      right: 0;
      border-right: 15px solid #e7e8e6;
      border-left: none;
    }
    .sectionchart .pi-sectionChart-sectionOverlay.last .label strong {
      position: relative;
      right: -1px;
    }
    .sectionchart .pi-sectionChart-sectionOverlay.noSubIcon .subIcon {
      display: none;
    }
    .sectionchart .pi-sectionChart-sectionOverlay:hover {
      background: rgba(217, 218, 216, 0.2);
    }
    .sectionchart .pi-sectionChart-sectionOverlay.active {
      background: rgba(217, 218, 216, 0.4);
    }
    .sectionchart .pi-sectionChart-sectionOverlay.active .label {
      opacity: 1;
      visibility: visible;
    }
    .sectionchart.noLabels .pi-sectionChart-sectionOverlay {
      cursor: default;
      background: none;
    }
    .sectionchart.noLabels .pi-sectionChart-sectionOverlay .label {
      display: none;
    }
    .sectionchart #pi-legends {
      margin-top: 70px;
      margin-bottom: -50px;
    }
    .sectionchart #pi-legends li {
      font-size: 15px;
    }
    .sectionchart.nodata .nodata {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: -20px;
      bottom: 0;
      background: rgba(255, 255, 255, 0.8);
      z-index: 4000;
    }
    .sectionchart.nodata .nodata p {
      font-size: 22px;
      text-align: center;
      max-width: 60%;
      margin: 0 auto;
      margin-top: 20%;
    }
    .sectionchart.errorLabel .errorLabel {
      display: block;
      position: absolute;
      top: 0;
      left: 110px;
      background: #EEF3FA;
      color: #474747;
      padding: 0 20px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      border-bottom: 2px solid #002C69;
      white-space: nowrap;
    }
    .sectionchart.errorLabel .errorLabel:after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      margin-left: -11px;
      width: 0;
      height: 0;
      border-right: 11px solid transparent;
      border-left: 11px solid transparent;
      border-top: 9px solid #EEF3FA;
    }
    .sectionchart.errorLabel .errorLabel:before {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -13px;
      width: 0;
      height: 0;
      border-right: 13px solid transparent;
      border-left: 13px solid transparent;
      border-top: 10px solid #002C69;
    }
    /* Step Chart */
    #pi-pensionsOpsparing-levelchart {
      position: relative;
      margin-bottom: 45px;
    }
    #pi-pensionsOpsparing-levelchart .nodata,
    #pi-pensionsOpsparing-levelchart .errorLabel {
      display: none;
    }
    #pi-pensionsOpsparing-levelchart .pi-levelchart-level {
      position: absolute;
      border: 1px solid #474747;
      border-bottom: none;
      z-index: 30;
    }
    #pi-pensionsOpsparing-levelchart .pi-levelchart-level .label {
      display: none;
      text-align: center;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #002C69;
      font-size: 18px;
    }
    #pi-pensionsOpsparing-levelchart .pi-levelchart-level .label span {
      display: block;
      margin-top: 5px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-size: 22px;
    }
    #pi-pensionsOpsparing-levelchart .pi-levelchart-level.active {
      z-index: 50;
      background: #6BCF8C;
    }
    #pi-pensionsOpsparing-levelchart .pi-levelchart-level.active .label {
      display: block;
    }
    #pi-pensionsOpsparing-levelchart.asLongAsYouLive .pi-levelchart-level {
      border-color: #d9dad8;
      border-right: 0;
    }
    #pi-pensionsOpsparing-levelchart.asLongAsYouLive .pi-levelchart-level.active {
      background: #6BCF8C;
      border-color: #6BCF8C;
    }
    #pi-pensionsOpsparing-levelchart.oneTime .pi-levelchart-level,
    #pi-pensionsOpsparing-levelchart.overYears.expiring .pi-levelchart-level {
      border-color: #d9dad8;
    }
    #pi-pensionsOpsparing-levelchart.oneTime .pi-levelchart-level .label,
    #pi-pensionsOpsparing-levelchart.overYears.expiring .pi-levelchart-level .label {
      position: absolute;
      top: -75px;
      width: auto;
      left: 8px;
      padding: 0 0 0 10px;
      line-height: 40px;
      height: 39px;
      white-space: nowrap;
      background: #BDDAFB;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      font-size: 16px;
    }
    #pi-pensionsOpsparing-levelchart.oneTime .pi-levelchart-level .label span,
    #pi-pensionsOpsparing-levelchart.overYears.expiring .pi-levelchart-level .label span {
      margin-top: 0;
      margin-left: 10px;
      padding: 0 10px;
      background: #EEF3FA;
      color: #002C69;
      display: inline-block;
      font-size: 22px;
    }
    #pi-pensionsOpsparing-levelchart.oneTime .pi-levelchart-level .label:before,
    #pi-pensionsOpsparing-levelchart.overYears.expiring .pi-levelchart-level .label:before {
      content: '';
      position: absolute;
      display: block;
      bottom: -14px;
      left: 0;
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid #BDDAFB;
      margin-right: 5px;
    }
    #pi-pensionsOpsparing-levelchart.oneTime .pi-levelchart-level.active,
    #pi-pensionsOpsparing-levelchart.overYears.expiring .pi-levelchart-level.active {
      background: #FF9100;
      border-color: #FF9100;
    }
    #pi-pensionsOpsparing-levelchart.overYears .pi-levelchart-level,
    #pi-pensionsOpsparing-levelchart.overYears.expiring .pi-levelchart-level {
      border-color: #d9dad8;
    }
    #pi-pensionsOpsparing-levelchart.overYears .pi-levelchart-level.active,
    #pi-pensionsOpsparing-levelchart.overYears.expiring .pi-levelchart-level.active {
      background: #75D5DE;
      border-color: #75D5DE;
    }
    #pi-pensionsOpsparing-levelchart.tax .pi-levelchart-level .label span:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 20px;
      height: 22px;
      background: url('../img/png/icon_s.png');
      background-image: url('../img/svg/icon_s.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 #pi-pensionsOpsparing-levelchart.tax .pi-levelchart-level .label span:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    #pi-pensionsOpsparing-levelchart.tax .pi-levelchart-level .label span:before {
      margin-right: 5px;
    }
    #pi-pensionsOpsparing-levelchart.taxfree .pi-levelchart-level .label span:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 20px;
      height: 22px;
      background: url('../img/png/icon_f.png');
      background-image: url('../img/svg/icon_f.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 #pi-pensionsOpsparing-levelchart.taxfree .pi-levelchart-level .label span:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    #pi-pensionsOpsparing-levelchart.taxfree .pi-levelchart-level .label span:before {
      margin-right: 5px;
    }
    #pi-pensionsOpsparing-levelchart.fee .pi-levelchart-level .label span:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 20px;
      height: 22px;
      background: url('../img/png/icon_a.png');
      background-image: url('../img/svg/icon_a.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 #pi-pensionsOpsparing-levelchart.fee .pi-levelchart-level .label span:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    #pi-pensionsOpsparing-levelchart.fee .pi-levelchart-level .label span:before {
      margin-right: 5px;
    }
    #pi-pensionsOpsparing-levelchart.nodata .nodata {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: -20px;
      bottom: 0;
      background: rgba(255, 255, 255, 0.8);
      z-index: 4000;
    }
    #pi-pensionsOpsparing-levelchart.nodata .nodata p {
      font-size: 22px;
      text-align: center;
      max-width: 60%;
      margin: 0 auto;
      margin-top: 20%;
    }
    #pi-pensionsOpsparing-levelchart.errorLabel .errorLabel {
      display: block;
      position: absolute;
      top: 0;
      left: 110px;
      background: #EEF3FA;
      color: #474747;
      padding: 0 20px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      border-bottom: 2px solid #002C69;
    }
    #pi-pensionsOpsparing-levelchart.errorLabel .errorLabel:after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      margin-left: -11px;
      width: 0;
      height: 0;
      border-right: 11px solid transparent;
      border-left: 11px solid transparent;
      border-top: 9px solid #EEF3FA;
    }
    #pi-pensionsOpsparing-levelchart.errorLabel .errorLabel:before {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -13px;
      width: 0;
      height: 0;
      border-right: 13px solid transparent;
      border-left: 13px solid transparent;
      border-top: 10px solid #002C69;
    }
    .pi-slider-top {
      position: absolute;
      right: 0;
      bottom: 0;
      margin: 0;
      height: 4px;
      border-radius: 0;
      border: none;
      background: #002C69;
      box-shadow: none;
      font-size: 16px;
    }
    .pi-slider-top .noUi-base {
      top: -40px;
      z-index: 10;
      border-top: 40px solid transparent;
      cursor: pointer;
    }
    .pi-slider-top .noUi-handle {
      cursor: pointer;
      top: -50px;
      left: -30px;
      width: 60px;
      height: 65px;
      background: #002C69;
      border: none;
      border-radius: 0;
      box-shadow: none;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-top .noUi-handle:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -30px;
      width: 0;
      height: 0;
      background: transparent !important;
      border-right: 30px solid transparent;
      border-left: 30px solid transparent;
      border-top: 25px solid #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-top .noUi-handle:before {
      display: none;
    }
    .pi-slider-top .noUi-handle:hover {
      background: #002150;
    }
    .pi-slider-top .noUi-handle:hover:after {
      border-top-color: #002150;
    }
    .pi-slider-top .noUi-handle-value:before {
      content: attr(data-read-value);
      display: block;
      color: #fff;
      text-align: center;
      padding-top: 10px;
      font-size: 36px;
    }
    .pi-slider-top .noUi-handle-value:after {
      content: '\00e5r';
      display: block;
      color: #fff;
      text-align: center;
      font-size: 18px;
    }
    .pi-slider-top .noUi-pips {
      position: absolute;
      z-index: 1;
      top: -30px;
      left: 0;
      display: table;
      table-layout: fixed;
      width: 100%;
    }
    .pi-slider-top .noUi-pips .noUi-value {
      float: none;
      display: table-cell;
      text-align: center;
      color: #002C69;
      font-size: 1.2em;
    }
    .pi-slider-top .noUi-pips .noUi-marker {
      display: none;
    }
    .pi-slider-chart {
      position: relative;
      top: -90px;
      left: 78px;
      width: 80%;
      bottom: 0;
      margin: 0;
      height: 3px;
      border-radius: 0;
      border: none;
      background: #002C69;
      box-shadow: none;
      font-size: 16px;
    }
    .pi-slider-chart.levelchart {
      position: relative;
      top: -90px;
      left: 72px;
      width: 90%;
      bottom: 0;
      margin: 0;
      height: 3px;
      border-radius: 0;
      border: none;
      background: #002C69;
      box-shadow: none;
      font-size: 16px;
    }
    .pi-slider-chart .noUi-base {
      top: -40px;
      z-index: 10;
      position: absolute;
      left: 0;
      border-top: 40px solid rgba(0, 0, 0, 0);
      cursor: pointer;
    }
    .pi-slider-chart .noUi-handle {
      cursor: pointer;
      top: -30px;
      left: -10px;
      width: 40px;
      height: 40px;
      background: #002C69;
      border: none;
      border-radius: 0;
      box-shadow: none;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-chart .noUi-handle:after {
      content: '';
      position: absolute;
      top: -15px;
      left: 50%;
      margin-left: -20px;
      width: 0;
      height: 0;
      background: transparent !important;
      border-right: 20px solid transparent;
      border-left: 20px solid transparent;
      border-bottom: 15px solid #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-chart .noUi-handle:before {
      display: none;
    }
    .pi-slider-chart .noUi-handle:hover {
      background: #002150;
    }
    .pi-slider-chart .noUi-handle:hover:after {
      border-bottom-color: #002150;
    }
    .pi-slider-chart .noUi-handle-value:before {
      content: attr(data-read-value);
      display: block;
      color: #fff;
      text-align: center;
      padding-top: 5px;
      font-size: 20px;
    }
    .pi-slider-chart .noUi-pips {
      position: absolute;
      z-index: 1;
      top: -23px;
      display: table;
      width: 100%;
      table-layout: fixed;
    }
    .pi-slider-chart .noUi-pips .noUi-value {
      display: table-cell;
      text-align: center;
      color: #002C69;
      font-size: 1em;
      width: 50px;
    }
    .pi-slider-chart .noUi-pips .noUi-value.disabled {
      background: #fff;
      height: 40px;
      color: #002C69;
    }
    .pi-slider-chart .noUi-pips .noUi-marker {
      display: none;
    }
    .pi-slider-chart.density-2 .noUi-value.disabled:nth-child(2n) {
      color: #fff;
    }
    #pi-slider ul {
      width: auto;
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: left;
      z-index: 999;
    }
    #pi-slider ul.pi-slider-small {
      font-size: 0.8em;
    }
    #pi-slider ul.pi-slider-small .slider-selected {
      font-size: 1.2em;
    }
    #pi-slider ul li {
      text-align: center;
      display: inline-block;
      position: relative;
    }
    #pi-slider ul li span {
      position: relative;
      display: inline-block;
    }
    #pi-slider ul li:hover {
      cursor: pointer;
    }
    #pi-slider ul li.slider-selectable {
      padding-bottom: 5px;
      border-bottom: 3px solid #8e9196;
    }
    #pi-slider ul li.slider-selected {
      color: #fff;
      font-size: 1.2em;
    }
    #pi-slider ul li.slider-selected > span {
      z-index: 35;
    }
    #pi-slider ul li svg {
      position: absolute;
      top: -23px;
      left: 50%;
      margin-left: -20px;
      z-index: 30;
    }
    #pi-slider ul li svg polygon {
      fill: #002C69 !important;
    }
    #pi-slider ul li div {
      position: absolute;
      top: -23px;
      left: 50%;
      margin-left: -20px;
      z-index: 40;
      background: #fff;
      opacity: 0;
    }
    #pi-slider-top {
      border-bottom: 4px solid #002C69;
      position: absolute;
      right: 0;
      bottom: 0;
      line-height: 50px;
      font-size: 1.2em;
      color: #002C69;
    }
    #pi-slider-top ul {
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: center;
    }
    #pi-slider-top ul li {
      position: relative;
      float: left;
      width: 49px;
      height: 48px;
      display: block;
      text-align: center;
      cursor: pointer;
      border-radius: 10px 10px 0 0;
    }
    .ie9 #pi-slider-top ul li:hover,
    #pi-slider-top ul li:hover .lt-ie9 {
      background: none;
    }
    #pi-slider-top ul li > span {
      z-index: 10;
      position: relative;
    }
    #pi-slider-top ul li > span > span {
      display: none;
    }
    #pi-slider-top ul li svg polygon {
      fill: #002C69 !important;
    }
    #pi-slider-top ul li.slider-selected {
      color: #fff;
      font-size: 2em;
      display: block;
    }
    #pi-slider-top ul li.slider-selected > span > span {
      display: block;
      position: absolute;
      text-align: center;
      left: 0;
      right: 0;
      bottom: -30px;
      font-size: 20px;
    }
    #pi-slider-top #pi-slider-top-selector-overlay,
    #pi-slider-top #pi-slider-top-selector {
      position: absolute;
      left: -5px;
      top: -8px;
    }
    #pi-slider-top .slider-selected:hover polygon {
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
      pointer-events: all;
      fill: #002150 !important;
    }
    #pi-slider-top #pi-slider-top-selector {
      z-index: 5;
    }
    #pi-slider-top #pi-slider-top-selector-overlay {
      z-index: 15;
      background-color: #fff;
      opacity: 0;
    }
    #pi-salery-input {
      width: 139px;
      height: 46px;
      background: #EEF3FA;
      color: #002C69;
      margin-right: 10px;
    }
    #pi-salery-input.pi-salery-input-textfield {
      background: #EEF3FA;
      color: #002C69;
      font-weight: bold;
      padding: 10px;
      border: none;
    }
    #pi-salery-input.pi-salery-input-textfield::placeholder {
      color: #002C69;
    }
    #pi-salery-input.pi-salery-input-textfield:focus {
      outline: none;
    }
    #pi-salery-input.pi-salery-input-error {
      border-color: #a63b32;
    }
    #pi-salery-input + input {
      padding-left: 16px;
      padding-right: 16px;
      height: 46px;
      background: #002C69;
      border: none;
      color: #fff;
    }
    #pi-salery-input + input + p {
      color: #002C69;
    }
    #pi-salery-line {
      position: absolute;
      border: none;
      border-bottom: 2px dashed #002C69;
      background: transparent;
    }
    #pi-salery-content {
      position: absolute;
      border: 1px solid #BDDAFB;
      background: #EEF3FA;
      padding: 2px;
      overflow: hidden;
      right: 10px;
      z-index: 30;
    }
    #pi-salery-content div {
      float: left;
      padding: 4px 14px;
      text-align: center;
      font-size: 0.85em;
    }
    #pi-salery-content div span {
      font-weight: bold;
    }
    #pi-salery-content input {
      float: right;
      width: 40px;
      height: 36px;
      line-height: 39px;
      padding: 0;
      background: #002C69;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-weight: normal;
      border: none;
      color: #fff;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    #pi-salery-content input:hover {
      background: #002C69;
    }
    .pi-salery-side,
    .pi-salery-sideInfo {
      margin-left: 80px;
      margin-right: 80px;
      display: none;
    }
    .pi-salery-side h2,
    .pi-salery-sideInfo h2 {
      font-size: 24px;
      font-weight: bold;
      line-height: 40px;
    }
    .pi-salery-side p,
    .pi-salery-sideInfo p {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 1em;
    }
    .pi-salery-side p a,
    .pi-salery-sideInfo p a {
      color: #FF9100;
      font-size: 16px;
      font-weight: bold;
    }
    .pi-salery-side.active,
    .pi-salery-sideInfo.active {
      display: block;
    }
    .pi-salery-side .important,
    .pi-salery-sideInfo .important {
      color: #a63b32;
    }
    .pi-salery-sideInfo {
      display: block;
    }
    .pi-salery-sideInfo a {
      color: #FF9100;
      font-size: 16px;
      font-weight: bold;
    }
    .pi-salery-sideInfo:hover {
      text-decoration: none;
    }
    .pi-salery-sideInfo p {
      font-size: 16px;
      font-weight: bold;
    }
    .pi-salery-sideInfo p.purchasePowerTextBack {
      text-align: center;
      font-size: 18px;
    }
    .pi-salery-sideInfo.infoLeft p {
      display: inline;
    }
    .purchasePowerBackground {
      padding: 2px 10px 10px 10px;
      background-color: #EEF3FA;
      text-align: center;
      display: inline-block;
      margin-top: 15px;
    }
    .purchasePowerButton {
      height: 46px;
      background: #002C69;
      border: none;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      color: #fff;
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      line-height: 46px;
      padding: 0 20px;
    }
    a.purchasePowerButton {
      color: #fff;
      font-size: 20px;
    }
    #pi-legends {
      margin-top: 0;
      margin-left: 60px;
      padding-left: 22px;
      font-size: 0.95em;
      text-align: left;
      white-space: nowrap;
    }
    #pi-legends > li {
      white-space: nowrap;
      display: inline-block;
      overflow: hidden;
      padding-right: 12px;
      line-height: 32px;
    }
    #pi-legends > li > span {
      display: inline-block;
      width: 10px;
      height: 10px;
      float: none;
      margin: 10px 4px 0 0;
    }
    #pi-legends > li > a {
      display: none;
    }
    #pi-legends > li:last-child {
      padding-right: 0;
    }
    input[type='text'],
    input[type='password'],
    input[type='number'],
    textarea {
      width: 100%;
      padding: 14px 10px;
      height: 44px;
      border: 1px solid #d9dad8;
      background: #EEF3FA;
      text-align: left;
      font-size: 16px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      color: #002C69;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    }
    input[type='text'].inverted,
    input[type='password'].inverted,
    input[type='number'].inverted,
    textarea.inverted {
      background: #fff;
    }
    input[type='text'].input-error,
    input[type='password'].input-error,
    input[type='number'].input-error,
    textarea.input-error,
    input[type='text'].error,
    input[type='password'].error,
    input[type='number'].error,
    textarea.error {
      border-color: #a63b32;
      color: #a63b32;
    }
    input[type='text'].success,
    input[type='password'].success,
    input[type='number'].success,
    textarea.success {
      border-color: #5aa532;
      color: #5aa532;
    }
    input[type='submit'] {
      border: none;
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      line-height: 46px;
      padding: 0 32px;
    }
    input[type='submit']:hover {
      text-decoration: none;
    }
    input[type='submit']:hover {
      background: #002150;
    }
    input[type='submit'].tiny {
      padding: 2px 10px 0;
      line-height: 26px;
    }
    label {
      display: inline-block;
      margin: 0 20px 0 0;
      line-height: 70px;
      white-space: nowrap;
    }
    label span {
      display: inline-block;
      width: 320px;
    }
    label.unit input {
      text-align: right;
    }
    label.unit:after {
      content: attr(data-text-unit);
      display: inline-block;
      margin-left: 10px;
    }
    label.js-input-toggle {
      line-height: 30px;
      /* hide default input + unit */
      /* style span as link */
      /* js-toggle active state */
    }
    label.js-input-toggle input,
    label.js-input-toggle:after {
      display: none;
    }
    label.js-input-toggle span {
      cursor: pointer;
      color: #002C69;
      text-decoration: underline;
      /* add toggle + */
      /* link hover style */
    }
    label.js-input-toggle span:before {
      content: '+';
      display: inline-block;
      font-size: 30px;
      line-height: 1;
      position: relative;
      width: 20px;
      top: 4px;
    }
    .ie9 label.js-input-toggle span {
      text-decoration: none;
    }
    label.js-input-toggle span:hover {
      color: #002C69;
      text-decoration: none;
    }
    label.js-input-toggle.active {
      line-height: 70px;
    }
    label.js-input-toggle.active input,
    label.js-input-toggle.active:after {
      display: inline-block;
    }
    label.js-input-toggle.active span {
      color: #474747;
      text-decoration: none;
    }
    label.js-input-toggle.active span:before {
      content: '-';
    }
    label.js-input-toggle.active span:hover {
      color: #474747;
    }
    /* home brewn chooser */
    .js-input-choice {
      position: relative;
      display: inline-block;
      padding: 4px;
      border: 2px solid #8e9196;
      background: #f8f9f8;
      width: 151px;
      height: 50px;
      text-align: center;
    }
    .js-input-choice span {
      position: absolute;
      display: inline-block;
      vertical-align: top;
      width: 70px;
      height: 38px;
      line-height: 38px;
      font-size: 18px;
      color: #002C69;
      cursor: pointer;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .js-input-choice span:first-child {
      border-right: 1px solid #8e9196;
      left: 4px;
    }
    .js-input-choice span:nth-child(2) {
      border-left: 1px solid #8e9196;
      left: 73px;
    }
    .js-input-choice span:hover {
      background: #d9dad8;
    }
    .js-input-choice span.selected {
      background: #002C69;
      color: #fff;
      cursor: default;
    }
    .js-input-choice input {
      position: absolute;
      margin-left: -9999px;
    }
    .error-text {
      color: #a63b32;
    }
    .success-text {
      color: #5aa532;
    }
    input[type=checkbox].box {
      visibility: hidden;
    }
    input[type=checkbox] + label[for=box]:after {
      cursor: pointer;
      position: relative;
      width: 17px;
      height: 13px;
      top: 3px;
      background: #EEF3FA;
    }
    .box {
      width: 30px;
      margin: 30px auto;
      position: relative;
    }
    label[for=box] {
      cursor: pointer;
      position: relative;
      width: 30px;
      height: 30px;
      top: 11px;
      border: 1px solid #d9dad8;
      background: #EEF3FA;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    }
    /* Check mark */
    label[for=box]:after {
      filter: alpha(opacity=0);
      opacity: 0;
      content: '';
      position: absolute;
      float: left;
      width: 19px;
      height: 10px;
      background: transparent;
      top: 6px;
      left: 4px;
      border: 5px solid #002C69;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    /* Blurry check mark on hover */
    label[for=box]:hover::after {
      filter: alpha(opacity=30);
      opacity: 0.5;
    }
    /* Visible check mark on selected */
    input[type=checkbox]:checked + label[for=box]:after {
      filter: alpha(opacity=100);
      opacity: 1;
    }
    /*May need its own file at some point*/
    .form .cprStatus {
      position: relative;
      font-size: 1rem;
      padding-left: 24px;
    }
    .form .cprStatus.type1:before {
      position: absolute;
      content: "!";
      top: 0px;
      left: 0px;
      font-family: Arial, Baskerville, monospace;
      font-size: 17px;
      font-weight: bold;
      display: inline-block;
      width: 19px;
      height: 19px;
      background-color: #a63b32;
      color: #fff;
      border-radius: 10px;
      margin-right: 8px;
      text-align: center;
      margin-top: -2px;
    }
    .form .cprStatus.type2:before {
      position: absolute;
      content: "!";
      top: 0px;
      left: 0px;
      font-family: Arial, Baskerville, monospace;
      font-size: 17px;
      font-weight: bold;
      display: inline-block;
      width: 19px;
      height: 19px;
      background-color: #466a99;
      color: #fff;
      border-radius: 10px;
      margin-right: 8px;
      text-align: center;
      margin-top: -2px;
    }
    .form .msgBox {
      position: relative;
      width: 100px;
      min-height: 20px;
      padding: 8px;
      font-size: 0.9rem;
      border-radius: 2px;
      margin-top: 2px;
      line-height: 18px;
    }
    .form .msgBox.error {
      background-color: #f2dede;
      color: #a94442;
      border: solid 1px #ebccd1;
    }
    .form .msgBox.error:before {
      content: "";
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: #ebccd1 transparent;
      border-style: solid;
      border-width: 0px 6px 6px 6px;
      left: calc(50% - 3px);
      top: -7px;
    }
    .form .msgBox.error:after {
      content: "";
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: #f2dede transparent;
      border-style: solid;
      border-width: 0px 6px 6px 6px;
      left: calc(50% - 3px);
      top: -5px;
    }
    .form .msgBox-max-width {
      width: 220px !important;
    }
    .form textarea {
      display: block;
      resize: none;
      height: 120px;
    }
    .form input::-ms-clear {
      display: none;
    }
    .form div.header {
      font-size: 1rem;
      font-weight: bold;
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
    }
    .form .hide {
      display: none;
    }
    .form input[type=radio] {
      position: relative;
      filter: alpha(opacity=0);
      opacity: 0;
      width: 0px;
    }
    .form input[type=radio] + label {
      position: relative;
      font-size: 1rem;
      line-height: 20px;
      font-weight: bold;
      margin: 0px 30px 4px 0px;
      cursor: pointer;
    }
    .form input[type=radio] + label:last-child {
      margin-right: 0px;
    }
    .form input[type=radio] + label:before {
      content: "";
      position: relative;
      width: 20px;
      height: 20px;
      border: solid 1px #d0d0d0;
      border-radius: 20px;
      display: inline-block;
      margin-right: 8px;
      background-color: #f7f8f7;
      top: 3px;
    }
    .form input[type=radio]:checked + label {
      position: relative;
      font-size: 1rem;
      line-height: 20px;
      font-weight: bold;
      cursor: pointer;
    }
    .form input[type=radio]:checked + label:before {
      content: "";
      position: relative;
      width: 20px;
      height: 20px;
      border: solid 1px #d0d0d0;
      border-radius: 20px;
      display: inline-block;
      margin-right: 8px;
      background-color: #f7f8f7;
      top: 3px;
    }
    .form input[type=radio]:checked + label:after {
      content: "";
      position: absolute;
      width: 12px;
      height: 12px;
      background-color: #355074;
      border-radius: 12px;
      display: inline-block;
      left: 5px;
      top: 8px;
      border: #355074;
    }
    .form div[step=status] .statusIcon {
      position: relative;
      display: inline-block;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .form div[step=status].error .statusIcon {
      background: url('../img/png/icon-error.png');
      background-image: url('../img/svg/icon-error.svg'), none;
      background-size: contain;
      width: 128px;
      height: 128px;
    }
    .form div[step=status].ok .statusIcon {
      position: relative;
      background: url('../img/png/icon-flow-accept-green.png');
      background-image: url('../img/svg/icon-flow-accept-green.svg'), none;
      background-size: contain;
      background-repeat: no-repeat;
      width: 128px;
      height: 128px;
    }
    .form div[step=status].sent .statusIcon {
      position: relative;
      background: url('../img/png/icon-flow-paperplane-big.png');
      background-image: url('../img/svg/icon-flow-paperplane-big.svg'), none;
      background-size: contain;
      background-repeat: no-repeat;
      width: 108px;
      height: 72px;
    }
    .form div[step=status] .statusText {
      position: relative;
      max-width: 400px;
      text-align: center;
      display: inline-block;
    }
    .pageContainer {
      position: relative;
      min-height: 100%;
      padding-bottom: 168px;
    }
    .pageContainer .contentCentered {
      width: calc(100% - 100px);
      margin: 0 auto;
    }
    .pageContainer .containerContent {
      position: relative;
      width: 100%;
      display: inline-block;
      text-align: center;
    }
    .pageContainer .containerContent a {
      font-size: 18px;
    }
    .pageContainer .containerContent .whiteBox {
      position: relative;
      display: inline-block;
      width: 100%;
      max-width: 550px;
      min-height: 320px;
      background-color: #fff;
      border-bottom: solid 2px #EEF3FA;
      padding: 10px;
    }
    .pageContainer .containerContent .whiteBox .statusBox {
      position: relative;
      display: inline-block;
      margin-top: 60px;
      text-align: center;
    }
    .pageContainer .containerContent .whiteBox .statusBox .statusIcon {
      position: relative;
      background-repeat: no-repeat;
      width: 98px;
      height: 90px;
      display: inline-block;
    }
    .pageContainer .containerContent .whiteBox .statusBox .statusIcon.accepted {
      background: url('../img/png/icon-accept.png');
      background-image: url('../img/svg/icon-accept.svg'), none;
    }
    .pageContainer .containerContent .whiteBox .statusBox .statusIcon.rejected {
      background: url('../img/png/icon-afvist.png');
      background-image: url('../img/svg/icon-afvist.svg'), none;
    }
    .pageContainer .containerContent.startPageLeft {
      width: 40%;
      padding: 10px;
      vertical-align: top;
    }
    .pageContainer .containerContent.startPageLeft h3 {
      font-weight: normal;
      font-size: 24px;
      color: #002C69;
      margin: 1px 0px 18px 0px;
      padding: 0px;
    }
    .pageContainer .containerContent.startPageLeft h4 {
      font-weight: normal;
      font-size: 20px;
      color: #002C69;
      margin: 0px 0px 0px 0px;
      padding: 0px;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer {
      position: relative;
      margin-top: 30px;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptopWithoutButton {
      display: block;
      position: relative;
      margin: 10px auto 17px;
      width: 350px;
      height: 220px;
      background: url('../img/png/laptopWithoutButton.png');
      background-image: url('../img/svg/laptopWithoutButton.svg'), none;
      cursor: pointer;
      background-size: 350px 250px;
    }
    .ie9 .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptopWithoutButton {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop {
      display: block;
      position: relative;
      margin: 10px auto 17px;
      width: 350px;
      height: 220px;
      background: url('../img/png/laptop.png');
      background-image: url('../img/svg/laptop.svg'), none;
      cursor: pointer;
    }
    .ie9 .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop.play span {
      width: 100%;
      text-align: center;
      position: absolute;
      padding-top: 30px;
      bottom: -37px;
      left: 0;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop.play:before {
      content: '';
      display: block;
      width: 80px;
      height: 80px;
      position: absolute;
      left: 50%;
      top: 38px;
      margin-left: -40px;
      background: url('../img/png/play.png');
      background-image: url('../img/svg/play.svg'), none;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .ie9 .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop.play:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop.play:hover:before {
      -webkit-transform: scale(1.1, 1.1);
      -moz-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop.play:hover span {
      text-decoration: underline;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop.stop {
      cursor: default;
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer .videoBox .laptop.stop div {
      display: none;
    }
    .pageContainer .containerContent.startPageRight {
      width: 60%;
      padding: 10px 0px 10px 20px;
    }
    .pageContainer .containerContent.startPageRight h1 {
      font-size: 40px;
      font-weight: normal;
      color: #002C69;
      margin: 52px 0px 0px 0px;
      padding: 0px;
    }
    .pageContainer .containerContent.startPageRight h4 {
      font-weight: normal;
      font-size: 20px;
      color: #002C69;
      margin: 6px 0px 32px 0px;
      padding: 0px;
    }
    .logging-in .pageContainer .containerContent.startPageRight,
    .collecting-data .pageContainer .containerContent.startPageRight {
      padding: 0px;
    }
    .pageContainer .containerContent.startPageRight div.inactive {
      opacity: 0.2;
      cursor: not-allowed;
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 100%;
      border-bottom: solid 2px #d9dad8;
      background-color: #fff;
      margin-bottom: 0px;
      margin-top: 10px;
      text-align: center;
    }
    .pageContainer .containerContent.startPageRight a.nemidButton {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 20px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      margin-bottom: 33px;
      padding-left: 40px;
      padding-right: 40px;
    }
    .pageContainer .containerContent.startPageRight a.nemidButton:hover {
      text-decoration: none;
    }
    .pageContainer .containerContent.startPageRight a.nemidButton:hover {
      background: #002150;
    }
    .pageContainer .containerContent.startPageRight a.nemidButton:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 94px;
      height: 24px;
      background: url('../img/png/nemid.png');
      background-image: url('../img/svg/nemid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .pageContainer .containerContent.startPageRight a.nemidButton:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .pageContainer .containerContent.startPageRight a.nemidButton:after {
      margin-left: 20px;
    }
    .pageContainer .containerContent.startPageRight .operationWindow {
      position: relative;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      margin-top: 0px;
      width: 100%;
    }
    .pageContainer .containerContent.startPageRight .operationWindow p.warning {
      font-size: 24px;
      margin-bottom: 0px;
      color: #a63b32;
    }
    .startPageBottomContainer {
      position: relative;
      width: 100%;
      overflow: auto;
      text-align: center;
    }
    .startPageBottomContainer div.inactive {
      opacity: 0.2;
      cursor: not-allowed;
    }
    .startPageBottomContainer a.overviewLink {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 20px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      margin: 0 0 30px;
    }
    .startPageBottomContainer a.overviewLink:hover {
      text-decoration: none;
    }
    .startPageBottomContainer a.overviewLink:hover {
      background: #002150;
    }
    .startPageBottomContainer a.overviewLink:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 11px;
      height: 11px;
      background: url('../img/png/icon_pil_hojre_hvid.png');
      background-image: url('../img/svg/icon_pil_hojre_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .startPageBottomContainer a.overviewLink:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .startPageBottomContainer h1 {
      margin: 30px 0 0 0;
      font-size: 52px;
      color: #002C69;
      text-align: center;
    }
    .startPageBottomContainer h2 {
      margin: 0 0 20px;
      font-size: 40px;
      color: #002C69;
      text-align: center;
      line-height: 1.2;
    }
    .barContentWrapper {
      position: relative;
      width: 100%;
      /*Bacground bar: Right to left*/
      /*Background bar: Left to right*/
    }
    .barContentWrapper .mainContainer {
      max-width: min(1280px, calc(100% - 10.5rem));
    }
    .barContentWrapper .cols2 {
      display: inline-block;
      vertical-align: top;
      margin: 88px 0 88px 0;
      width: 50%;
    }
    .barContentWrapper h1 {
      font-size: 56px;
      line-height: 78px;
      letter-spacing: 0.02em;
      margin: 80px 0 40px 0;
    }
    .barContentWrapper .rtl {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 74%;
      /*Initial width of all bars*/
      height: 100%;
    }
    .barContentWrapper .ltr {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 74%;
      height: 100%;
    }
    .centerContainer {
      max-width: min(1280px, calc(100% - 10.5rem));
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
    .centerContainer .carousel {
      height: 48px;
      margin-top: 50px;
    }
    .centerContainer .carousel .dotContainer {
      float: right;
      padding-top: 22px;
      margin-right: 120px;
    }
    .summaryBox {
      position: relative;
      padding: 2rem;
      background: #BDDAFB;
      text-align: center;
      margin-bottom: 5rem;
    }
    .summaryBox .header {
      position: relative;
      height: 220px;
    }
    .summaryBox h2,
    .summaryBox h3 {
      font-size: 24px;
      margin: 0;
      font-weight: bold;
      padding-left: 20px;
      padding-right: 20px;
    }
    .summaryBox h2 {
      margin-bottom: 4px;
      color: #002C69;
      line-height: 1.2em;
    }
    .summaryBox .age {
      position: relative;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0px;
      font-size: 62px;
      font-weight: bold;
      color: #002C69;
    }
    .summaryBox .age span {
      margin-left: 5px;
      font-size: 32px;
      font-weight: bold;
      color: #002C69;
      vertical-align: middle;
    }
    .summaryBox .age:before,
    .summaryBox .age:after {
      content: "";
      position: absolute;
      display: none;
      top: 20px;
      width: 33%;
      height: 2px;
      background: #BDDAFB;
      z-index: 0;
    }
    .summaryBox .age:before {
      left: 50%;
      margin-left: -40%;
    }
    .summaryBox .age:after {
      right: 50%;
      margin-right: -40%;
    }
    .summaryBox .amountsContainer {
      position: relative;
      padding: 32px 5%;
    }
    .summaryBox .amountOneTime {
      font-size: 24px;
      color: #002C69;
      height: auto;
      display: block;
      text-align: right;
    }
    .summaryBox .amountOneTime span {
      position: relative;
      font-weight: bold;
      display: block;
    }
    .summaryBox .amountOneTime span:before,
    .summaryBox .amountOneTime span:after {
      font-weight: 600;
      color: #002C69;
    }
    .summaryBox .amountOneTime span:after {
      content: attr(data-text-currency);
      margin-left: 0.5rem;
      font-size: 15px;
    }
    .summaryBox .amountOneTime span:before {
      display: block;
      content: attr(data-text-description);
      position: absolute;
      text-align: left;
      width: 100%;
      padding-top: 4px;
      font-size: 20px;
    }
    .summaryBox .amountEachYear {
      font-size: 24px;
      color: #002C69;
      height: auto;
      display: block;
      text-align: right;
    }
    .summaryBox .amountEachYear span {
      position: relative;
      font-weight: bold;
      display: block;
    }
    .summaryBox .amountEachYear span:before,
    .summaryBox .amountEachYear span:after {
      font-weight: 600;
      color: #002C69;
    }
    .summaryBox .amountEachYear span:after {
      content: attr(data-text-currency);
      margin-left: 0.5rem;
      font-size: 15px;
    }
    .summaryBox .amountEachYear span:before {
      display: block;
      content: attr(data-text-description);
      position: absolute;
      text-align: left;
      width: 100%;
      padding-top: 4px;
      font-size: 20px;
    }
    .summaryBox .and {
      position: relative;
      margin: 10px 0px 16px 0px;
      padding: 3px;
      font-size: 16px;
      font-weight: bold;
      color: #002C69;
    }
    .summaryBox .and span {
      font-size: 15px;
      text-align: right;
      margin-right: 30px;
      display: block;
    }
    .summaryBox .and:before {
      left: 0px;
      content: "";
      position: absolute;
      display: inline-block;
      top: 13px;
      width: calc(100% - 60px);
      height: 2px;
      background: #002C69;
      z-index: 0;
    }
    .summaryBox .and.en::before {
      width: calc(100% - 75px) !important;
    }
    .summaryBox .and:after {
      right: 0px;
      content: "";
      position: absolute;
      display: inline-block;
      top: 13px;
      width: 25px;
      height: 2px;
      background: #002C69;
      z-index: 0;
    }
    .summaryBox .buttonsContainer {
      position: relative;
      margin: 0;
      padding: 0;
    }
    .summaryBox .fullOverview {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 19px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      display: block;
      margin: 20px 0 28px 0;
    }
    .summaryBox .fullOverview:hover {
      text-decoration: none;
    }
    .summaryBox .fullOverview:hover {
      background: #002C69;
    }
    .summaryBox .fullOverview:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      left: 20px;
      width: 19px;
      height: 19px;
      background: url('../img/png/icon-arrow-angle.png');
      background-image: url('../img/svg/icon-arrow-angle.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .summaryBox .fullOverview:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .pensionSavingsExplanation-Label {
      width: 100%;
      text-align: center;
      display: block;
      margin-top: 0;
      padding: 0;
      margin-bottom: 2rem;
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 500;
      line-height: 1.75rem;
    }
    .barchart {
      padding-bottom: 0;
    }
    .helpTextWrapper {
      position: relative;
      text-align: left;
    }
    .helpTextWrapper span {
      position: relative;
      display: block;
      margin: 10px 0;
      padding: 0 15px 0 45px;
      font-size: 14px;
      cursor: pointer;
      color: #002C69;
    }
    .helpTextWrapper span:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 18px;
      height: 19px;
      background: url('../img/png/icon_hjaelp_blaa.png');
      background-image: url('../img/svg/icon_hjaelp_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .helpTextWrapper span:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .helpTextWrapper span:hover {
      color: #002C69;
      text-decoration: underline;
    }
    .helpTextWrapper span:before {
      position: absolute;
      left: 20px;
    }
    .helpTextWrapper .helpText {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      bottom: 250%;
      padding: 6px 20px 26px;
      border: 2px solid #002C69;
      background: #d9dad8;
      cursor: pointer;
    }
    .helpTextWrapper .helpText:before {
      content: attr(data-close-text);
      position: absolute;
      display: block;
      left: -2px;
      right: -2px;
      bottom: -4px;
      background: #002C69;
      border-bottom: 2px solid #8e9196;
      height: 22px;
      line-height: 28px;
      color: #fff;
      text-align: center;
    }
    .helpTextWrapper .helpText:after {
      content: '';
      position: absolute;
      display: block;
      left: 50%;
      bottom: -12px;
      width: 64px;
      height: 10px;
      margin-left: -32px;
      background: url('../img/png/minihelp_box_arrow.png');
      background-image: url('../img/svg/minihelp_box_arrow.svg'), none;
    }
    .ie9 .helpTextWrapper .helpText:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .insuranceItem:hover {
      text-decoration: none;
    }
    .insuranceItem.doed h2:before {
      background: url('../img/png/icon_dod.png');
      background-image: url('../img/svg/icon_dod.svg'), none;
    }
    .ie9 .insuranceItem.doed h2:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .insuranceItem.tabt_arbejdsevne h2:before {
      background: url('../img/png/icon_tabt_arbejdsevne.png');
      background-image: url('../img/svg/icon_tabt_arbejdsevne.svg'), none;
    }
    .ie9 .insuranceItem.tabt_arbejdsevne h2:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .insuranceItem.kritiske_sygdomme h2:before {
      background: url('../img/png/icon_kritiske_sygdomme.png');
      background-image: url('../img/svg/icon_kritiske_sygdomme.svg'), none;
    }
    .ie9 .insuranceItem.kritiske_sygdomme h2:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .insuranceItem.sundhedsforsikring h2:before {
      background: url('../img/png/icon_sundhedsforsikring.png');
      background-image: url('../img/svg/icon_sundhedsforsikring.svg'), none;
    }
    .ie9 .insuranceItem.sundhedsforsikring h2:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .insuranceItem.oevrige h2:before {
      background: url('../img/png/icon_ovrige.png');
      background-image: url('../img/svg/icon_ovrige.svg'), none;
    }
    .ie9 .insuranceItem.oevrige h2:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .insuranceItem.certifikattabsdaekning h2:before {
      background: url('../img/png/icon_certifikattabsdaekning.png');
      background-image: url('../img/svg/icon_certifikattabsdaekning.svg'), none;
    }
    .ie9 .insuranceItem.certifikattabsdaekning h2:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .insuranceItem.ulykkesforsikring h2:before {
      background: url('../img/png/icon_ulykkesforsikring.png');
      background-image: url('../img/svg/icon_ulykkesforsikring.svg'), none;
    }
    .ie9 .insuranceItem.ulykkesforsikring h2:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .mainContainer.columns-2 .insuranceItem {
      cursor: default;
    }
    .multiuser .insuranceItem,
    .contentWrapper:not(.multiuser) .insuranceItem {
      position: relative;
      display: block;
      min-height: 100px;
      margin: 0 0 20px 0;
      padding: 14px 20px 14px 20px;
      background: #EEF3FA;
      overflow: hidden;
      cursor: pointer;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .multiuser .insuranceItem h2,
    .contentWrapper:not(.multiuser) .insuranceItem h2 {
      position: relative;
      margin-bottom: 0;
      font-size: 24px;
      color: #002C69;
      margin-left: 86px;
      line-height: 30px;
    }
    .multiuser .insuranceItem h2:before,
    .contentWrapper:not(.multiuser) .insuranceItem h2:before {
      content: "";
      display: block;
      position: absolute;
      width: 70px;
      height: 60px;
      top: 0;
      left: -86px;
      background-repeat: no-repeat !important;
      background-size: auto 100% !important;
    }
    .multiuser .insuranceItem .amounts,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts {
      display: block;
      padding: 0 6px;
    }
    .multiuser .insuranceItem .amounts .amount,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount {
      position: relative;
      padding: 1.5rem 0 1.5rem 0;
      border-top: 2px solid #002C69;
      color: #002C69;
    }
    .multiuser .insuranceItem .amounts .amount span,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount span {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      font-size: 32px;
      font-weight: bold;
    }
    .multiuser .insuranceItem .amounts .amount span::before,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount span::before {
      content: attr(data-text-period);
      font-size: 1.125rem;
      font-weight: 600;
      text-align: left;
      margin-right: auto;
    }
    .multiuser .insuranceItem .amounts .amount span::after,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount span::after {
      content: attr(data-text-currency);
      font-size: 1rem;
      font-weight: 600;
      margin-left: 8px;
    }
    .multiuser .insuranceItem .amounts .amount:before,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount:before {
      content: attr(data-text-seperator);
      display: block;
      position: absolute;
      top: -13px;
      right: 26px;
      padding: 0 5px;
      background: #EEF3FA;
      color: #002C69;
      font-size: 20px;
      font-weight: bold;
      margin: 1px 0;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .multiuser .insuranceItem .amounts .amount:first-child,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount:first-child {
      border-top: none;
    }
    .multiuser .insuranceItem .amounts .amount:first-child:before,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount:first-child:before {
      content: "";
      display: none;
    }
    .multiuser .insuranceItem h3 {
      display: none;
    }
    .contentWrapper:not(.multiuser) .insuranceItem:before {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 34px;
      background: #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .contentWrapper:not(.multiuser) .insuranceItem:after {
      content: "";
      display: block;
      position: absolute;
      right: 0px;
      top: 50%;
      margin-top: -11px;
      width: 22px;
      height: 22px;
      background: url('../img/png/icon-arrow-angle.png');
      background-image: url('../img/svg/icon-arrow-angle.svg'), none;
    }
    .ie9 .contentWrapper:not(.multiuser) .insuranceItem:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .contentWrapper:not(.multiuser) .insuranceItem h3 {
      margin-top: 2px;
      font-size: 18px;
      color: #002C69;
      margin-left: 86px;
      line-height: 32px;
    }
    .contentWrapper:not(.multiuser) .insuranceItem .amounts {
      width: calc(100% - 25px);
    }
    .multi .dataTable caption a {
      width: 80px;
    }
    .multi .dataTable caption a.left {
      margin-left: 122px;
    }
    .multi .dataTable caption a.inactive {
      display: none;
    }
    .multi .dataTable th {
      line-height: 26px;
      font-size: 20px;
    }
    .multi .dataTable th:first-child {
      text-align: left;
    }
    .multi .dataTable th:first-child > span:first-of-type {
      color: #002C69;
    }
    .multi .dataTable th:first-child > span:last-of-type {
      color: #ffb54d;
    }
    .multi .dataTable th.header > span {
      position: relative;
      display: block;
      max-width: 120px;
      overflow-x: hidden;
      text-overflow: ellipsis;
    }
    .multi .dataTable th.first-year[data-text-name].primary:before,
    .multi .dataTable th.sick-note[data-text-name].primary:before {
      position: absolute;
      font-size: 14px;
      color: #002C69;
      right: 8%;
      top: -22px;
    }
    .multi .dataTable th.first-year[data-text-name].primary > span:first-of-type,
    .multi .dataTable th.sick-note[data-text-name].primary > span:first-of-type {
      color: #002C69;
    }
    .multi .dataTable th.first-year[data-text-name].secondary:before,
    .multi .dataTable th.sick-note[data-text-name].secondary:before {
      position: absolute;
      font-size: 14px;
      color: #ffb54d;
      right: 8%;
      top: -22px;
    }
    .multi .dataTable th.first-year[data-text-name].secondary > span:last-of-type,
    .multi .dataTable th.sick-note[data-text-name].secondary > span:last-of-type {
      color: #ffb54d;
    }
    .multi .dataTable th.first-year[data-text-name].both:before,
    .multi .dataTable th.sick-note[data-text-name].both:before {
      content: attr(data-text-name);
      position: absolute;
      font-size: 14px;
      color: #002C69;
      right: 8%;
      top: -22px;
    }
    .multi .dataTable th.first-year[data-text-name].both > span:first-of-type,
    .multi .dataTable th.sick-note[data-text-name].both > span:first-of-type {
      color: #002C69;
    }
    .multi .dataTable th.first-year[data-text-name].both > span:last-of-type,
    .multi .dataTable th.sick-note[data-text-name].both > span:last-of-type {
      color: #ffb54d;
    }
    .multi .dataTable th.first-year > span,
    .multi .dataTable th.sick-note > span {
      display: block;
    }
    .multi .dataTable th.first-year > span:after,
    .multi .dataTable th.sick-note > span:after {
      content: none;
    }
    .multi .dataTable th.first-year > span:before,
    .multi .dataTable th.sick-note > span:before {
      content: none;
    }
    .multi .dataTable th > span {
      display: block;
      padding-right: 2px;
    }
    .multi .dataTable th > span:last-child {
      color: #8e9196;
    }
    .multi .dataTable tbody.publicPension.active {
      /* row: additional border */
    }
    .multi .dataTable tbody.publicPension.active tr {
      border-bottom: none;
    }
    .multi .dataTable tbody tr.name {
      height: 20px;
      border-top: none;
    }
    .multi .dataTable tbody tr.name td {
      height: 10px;
      line-height: 20px;
    }
    .multi .dataTable tbody tr.name td:first-child {
      text-align: left;
      padding-left: 40px;
      white-space: nowrap;
      position: relative;
      /* generic style for color line (hidden unless active) */
    }
    .multi .dataTable tbody tr.name td:first-child span {
      position: absolute;
      display: inline-block;
      font-size: 16px;
      color: #002C69;
      background-color: #f2f3f1;
      padding-right: 8px;
      line-height: 16px;
      top: 16px;
      font-weight: bold;
    }
    .multi .dataTable tbody tr.name.secondary td:first-child:after {
      content: '';
      position: absolute;
      top: 7px;
      left: 0;
      display: block;
      width: 4px;
      height: 103%;
      border-left: 18px solid #EEF3FA;
      border-right: 18px solid #EEF3FA;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .multi .dataTable tbody tr.name.secondary td:first-child span {
      color: #ffb54d;
    }
    .multi .dataTable tbody tr.blankLine {
      border-top: none;
      border-bottom: none;
    }
    .multi .dataTable tbody tr.blankLine td {
      font-size: 0px;
      line-height: 16px;
      height: 16px;
    }
    .multi .dataTable.Mobile thead tr th {
      padding: 0px;
    }
    .multi .dataTable.Mobile thead tr th > span {
      position: relative;
      display: block;
      height: 20px;
    }
    .multi .dataTable.Mobile thead tr th > span:first-child {
      color: #002C69;
    }
    .multi .dataTable.Mobile thead tr th > span:first-child > span:last-child {
      color: #002C69;
    }
    .multi .dataTable.Mobile thead tr th > span:last-child {
      color: #ffb54d;
    }
    .multi .dataTable.Mobile thead tr th > span:last-child > span:last-child {
      color: gray;
    }
    .multi .dataTable.Mobile thead tr th > span > span {
      position: absolute;
      display: block;
      width: 100%;
    }
    .multi .dataTable.Mobile thead tr th > span > span:first-child {
      text-align: left;
    }
    .multi .dataTable.Mobile thead tr th > span > span:last-child {
      text-align: center;
    }
    .multi .dataTable.Mobile thead:after {
      height: 6px;
    }
    .multi .dataTable.Mobile tbody tr.name td:first-child span {
      top: 20px;
    }
    .multi .dataTable.Mobile tbody tr.name td a.expand {
      margin-top: 10px;
    }
    .multi .dataTable.Mobile tbody tr.blankSpace + tr {
      border-top: solid 0px transparent !important;
    }
    .dataTable {
      position: relative;
      width: 100%;
      margin: 20px 0 10px 0;
      font-size: 16px;
      /* navigation */
      /* generic tbody */
      /* active styling (when add class "active" to given tbody) */
      /* section: oneTime */
      /* section: publicPension */
      /* section: publicPension */
      /* section: oneTime */
      /* section: overYears */
      /* section: asLongAsYouLive */
      /* summary section */
      /* action links*/
    }
    .dataTable th {
      position: relative;
      min-width: 80px;
      padding: 3px 10px 0;
      text-align: right;
      vertical-align: top;
      line-height: 25px;
    }
    .dataTable td {
      position: relative;
      min-width: 80px;
      padding: 3px 10px 0;
      line-height: 46px;
      text-align: right;
      vertical-align: top;
    }
    .dataTable caption {
      position: absolute;
      width: 100%;
      top: 0;
      z-index: 20;
    }
    .dataTable caption a {
      display: inline-block;
      position: relative;
      top: -15px;
      background: #EEF3FA;
      width: 105px;
      border: 1px solid #EEF3FA;
      line-height: 50px;
      color: #002C69;
      cursor: pointer;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .dataTable caption a.left {
      float: left;
      margin-left: 70px;
    }
    .dataTable caption a.left:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: -3px;
      width: 8px;
      height: 14px;
      background: url('../img/png/icon_tidligere_blaa.png');
      background-image: url('../img/svg/icon_tidligere_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable caption a.left:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable caption a.right {
      float: right;
    }
    .dataTable caption a.right:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 3px;
      width: 8px;
      height: 14px;
      background: url('../img/png/icon_senere_blaa.png');
      background-image: url('../img/svg/icon_senere_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable caption a.right:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable caption a:hover {
      text-decoration: none;
      background: #EEF3FA;
      color: #002C69;
    }
    .dataTable caption a.inactive {
      display: none;
    }
    .dataTable caption a.inactive:hover {
      background: #EEF3FA;
    }
    .ie9 .dataTable caption a,
    .lt-ie9 .dataTable caption a {
      line-height: 48px;
    }
    .dataTable thead th {
      font-size: 18px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      border-right: 1px solid #e7e8e6;
      font-weight: bold;
    }
    .dataTable thead th.first-year span,
    .dataTable thead th.sick-note span {
      position: relative;
      display: inline-block;
      /* small triangle */
      /* text box */
    }
    .dataTable thead th.first-year span:after,
    .dataTable thead th.sick-note span:after {
      content: '';
      position: absolute;
      display: block;
      left: 50%;
      bottom: 40px;
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid #BDDAFB;
    }
    .dataTable thead th.first-year span:before,
    .dataTable thead th.sick-note span:before {
      content: attr(data-text-firstyear);
      position: absolute;
      display: block;
      bottom: 55px;
      left: 50%;
      width: 115px;
      padding: 10px;
      background: #BDDAFB;
      font-size: 14px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-weight: bold;
      line-height: 1.4;
      color: #002C69;
      text-align: center;
      overflow: hidden;
    }
    .dataTable thead th.sick-note span:before {
      bottom: 65px;
    }
    .dataTable thead th.sick-note span:after {
      bottom: 50px;
    }
    .dataTable thead th:first-child,
    .dataTable thead th:last-child {
      border: none;
    }
    .ie9 .dataTable thead th,
    .lt-ie9 .dataTable thead th {
      border-bottom: 10px solid #fff;
    }
    .dataTable thead:after {
      content: '';
      display: block;
      height: 10px;
    }
    .dataTable tbody {
      /* all rows in body */
      font-weight: bold;
      /* all cells in body */
      /* first column (all) */
    }
    .dataTable tbody tr {
      background: #EEF3FA;
      display: none;
      /* first row (title row) */
    }
    .dataTable tbody tr:first-child {
      display: table-row;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      /* first column (title row) */
    }
    .dataTable tbody tr:first-child td:first-child {
      padding-left: 10px;
      /* exception for span tag */
      /* color line in title row */
      /* color cube */
    }
    .dataTable tbody tr:first-child td:first-child span {
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .dataTable tbody tr:first-child td:first-child:after {
      height: 140%;
      top: 34%;
    }
    .dataTable tbody tr:first-child td:first-child:before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      position: relative;
      top: 4px;
      margin-right: 10px;
      z-index: 2;
    }
    .dataTable tbody td {
      /* detail text */
    }
    .dataTable tbody td p {
      display: block;
      position: relative;
      margin: 0px 0px 0px 30px;
      line-height: 1;
      top: -5px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-size: 14px;
      color: #002C69;
    }
    .dataTable tbody td strong {
      display: block;
      position: relative;
      line-height: 1;
      top: -5px;
      font-weight: normal;
      font-size: 14px;
      color: #002C69;
    }
    .dataTable tbody td strong span {
      white-space: normal;
    }
    .dataTable tbody td strong span:before {
      content: "\2219";
      margin-right: 4px;
      margin-left: 4px;
      display: inline-block;
    }
    .dataTable tbody td strong span:first-child:before {
      content: "";
      margin-right: 0px;
      margin-left: 0px;
    }
    .dataTable tbody td.zero {
      color: #c0c1be;
    }
    .ie9 .dataTable tbody td {
      border-bottom: 1px solid #EEF3FA;
    }
    .dataTable tbody td:first-child {
      text-align: left;
      padding-left: 40px;
      white-space: nowrap;
      /* generic style for color line (hidden unless active) */
    }
    .dataTable tbody td:first-child:after {
      opacity: 0;
      visibility: hidden;
      content: '';
      position: absolute;
      top: -1px;
      left: 0;
      display: block;
      width: 4px;
      height: 103%;
      border-left: 18px solid #EEF3FA;
      border-right: 18px solid #EEF3FA;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .dataTable tbody.active {
      /*  row: darker background when active
            row: lighter border color
            row: display as table-row */
      /* row: dark border color on edges */
      /* color line: less height in last row */
      /* color line: visible in all rows */
      /* expand button: change background, change text and icon */
      /* hide text in first row when active... */
      /* ...but keep row title */
    }
    .dataTable tbody.active tr {
      background: #EEF3FA;
      border-color: #ffffff;
      display: table-row;
      border-top: solid 1px #e5e6e4;
    }
    .dataTable tbody.active tr:first-child {
      border-color: #EEF3FA;
    }
    .dataTable tbody.active tr:last-child {
      border-bottom: 1px solid #EEF3FA;
    }
    .dataTable tbody.active tr:last-child td:first-child:after {
      height: 90%;
    }
    .dataTable tbody.active td:first-child:after {
      opacity: 1;
      visibility: visible;
    }
    .dataTable tbody.active a.expand {
      margin-top: 8px;
      padding: 0px 10px 0;
      color: #EEF3FA;
      left: 14px;
    }
    .dataTable tbody.active a.expand:after {
      content: '';
      display: inline-block;
      position: relative;
      top: -1px;
      left: 0px;
      width: 14px;
      height: 30px;
      background: url('../img/png/icon_collapse_hvid.png');
      background-image: url('../img/svg/icon_collapse_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable tbody.active a.expand:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable tbody.active a.expand:before {
      content: attr(data-text-hide);
      background: #EEF3FA;
      left: -50px;
    }
    .dataTable tbody.active a.expand:after {
      width: 44px;
      height: 40px;
      left: -4px;
      background-position: center;
      background-color: #002C69;
      margin-left: 10px;
      vertical-align: middle;
    }
    .dataTable tbody.active tr:first-child td {
      color: #EEF3FA;
    }
    .dataTable tbody.active tr:first-child td:first-child {
      color: #002C69;
    }
    .dataTable tbody.active.showAmounts tr:first-child td {
      color: #474747;
    }
    .dataTable tbody.salary {
      /* border top in low ie */
      /* theming */
    }
    .ie9 .dataTable tbody.salary tr:first-child td {
      border-top: 1px solid #EEF3FA;
    }
    .dataTable tbody.salary tr:first-child td:first-child:before {
      background: #D5D6D9;
    }
    .dataTable tbody.salary td:first-child:after {
      background: #D5D6D9;
    }
    .dataTable tbody.publicPension {
      /* row: additional border */
      /* theming */
      /* row: seperate hack */
      /* border top in low ie */
    }
    .dataTable tbody.publicPension tr {
      border-bottom: 1px solid #EEF3FA;
    }
    .dataTable tbody.publicPension tr:first-child td:first-child:before {
      background: #A09179;
    }
    .dataTable tbody.publicPension td:first-child:after {
      background: #A09179;
    }
    .dataTable tbody.publicPension:after {
      content: '';
      display: block;
      height: 5px;
    }
    .ie9 .dataTable tbody.publicPension tr:first-child td {
      border-top: 1px solid #EEF3FA;
    }
    .dataTable tbody.publicPensionAdd {
      /* row: additional border */
      /* theming */
      /* row: seperate hack */
      /* spacing border in low ie */
      /* border top in low ie */
    }
    .dataTable tbody.publicPensionAdd tr {
      border-bottom: 1px solid #EEF3FA;
    }
    .dataTable tbody.publicPensionAdd tr:first-child td:first-child:before {
      background: #574e4b;
    }
    .dataTable tbody.publicPensionAdd td:first-child:after {
      background: #574e4b;
    }
    .dataTable tbody.publicPensionAdd:after {
      content: '';
      display: block;
      height: 5px;
    }
    .ie9 .dataTable tbody.publicPensionAdd td {
      border-bottom: 10px solid #fff;
    }
    .ie9 .dataTable tbody.publicPensionAdd tr:first-child td {
      border-top: 1px solid #EEF3FA;
    }
    .dataTable tbody.oneTime {
      /* border top in low ie */
      /* theming */
    }
    .ie9 .dataTable tbody.oneTime tr:first-child td {
      border-top: 1px solid #EEF3FA;
    }
    .dataTable tbody.oneTime tr:first-child td:first-child:before {
      background: #FF9100;
    }
    .dataTable tbody.oneTime td:first-child:after {
      background: #FF9100;
    }
    .dataTable tbody.overYears {
      border-top: 1px solid #002C69;
      border-bottom: 1px solid #002C69;
      /* theming */
    }
    .dataTable tbody.overYears tr:first-child td:first-child:before {
      background: #75D5DE;
    }
    .dataTable tbody.overYears td:first-child:after {
      background: #75D5DE;
    }
    .dataTable tbody.asLongAsYouLive {
      /* theming */
    }
    .dataTable tbody.asLongAsYouLive tr:first-child td:first-child:before {
      background: #6BCF8C;
    }
    .dataTable tbody.asLongAsYouLive td:first-child:after {
      background: #6BCF8C;
    }
    .dataTable tfoot tr {
      height: 70px;
      background: #BDDAFB;
      font-weight: bold;
    }
    .dataTable tfoot td {
      color: #002C69;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-size: 18px;
      font-weight: bold;
      padding-right: 6px;
    }
    .dataTable tfoot td:first-child {
      padding-left: 20px;
      text-align: left;
    }
    .dataTable tfoot tr.lessFocusRow {
      height: 50px;
      border-top: 2px solid #EEF3FA;
    }
    .dataTable tfoot tr.lessFocusRow td {
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .dataTable tfoot.sub tr {
      height: 30px;
    }
    .dataTable tfoot.sub tr td {
      line-height: 34px !important;
    }
    .dataTable tfoot.sub tr td:first-child {
      padding-left: 10px;
    }
    .dataTable tfoot.sub tr td:first-child:before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      position: relative;
      top: 4px;
      margin-right: 10px;
      z-index: 2;
    }
    .dataTable tfoot.sub tr td:last-child {
      max-width: none;
    }
    .dataTable tfoot.sub tr.oneTime td:first-child:before {
      background-color: #d9c39a;
    }
    .dataTable tfoot.sub tr.overYears td:first-child:before {
      background-color: #75b8c5;
    }
    .dataTable tfoot.sub tr.asLongAsYouLive td:first-child:before {
      background-color: #53a66e;
    }
    .dataTable a {
      /* goto new destination */
      /* expand current row */
    }
    .dataTable a.goto {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 14px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      white-space: nowrap;
      background: #002C69;
      padding: 2px 10px 0;
      line-height: 26px;
      cursor: pointer;
      text-align: center;
      padding: 0px 10px 0;
      height: 30px;
      line-height: 30px;
    }
    .dataTable a.goto:hover {
      text-decoration: none;
    }
    .dataTable a.goto:hover {
      background: #002C69;
    }
    .dataTable a.goto:after {
      background-position: center center;
    }
    .dataTable a.expand {
      font-size: 16px;
      position: relative;
      color: #002C69;
    }
    .dataTable a.expand:before {
      display: block;
      position: absolute;
      line-height: 30px;
      left: 0;
      top: -2px;
      right: 33px;
      text-align: center;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      background: #EEF3FA;
      color: #002C69;
    }
    .dataTable a.expand:after {
      background: url('../img/png/icon_expand_hvid.png');
      background-image: url('../img/svg/icon_expand_hvid.svg'), none;
      background-size: 14px 14px !important;
      content: '';
      display: inline-block;
      position: relative;
      top: -1px;
      width: 44px;
      height: 40px;
      background-position: center;
      border-radius: 6px;
      background-color: #002C69;
      background-repeat: no-repeat;
      margin: 10px;
      vertical-align: middle;
    }
    .ie9 .dataTable a.expand:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable span {
      white-space: nowrap;
    }
    .dataTable span.tax {
      margin-right: 10px;
    }
    .dataTable span.tax:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 5px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_s.png');
      background-image: url('../img/svg/icon_s.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable span.tax:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable span.tax:before {
      margin-right: 5px;
    }
    .dataTable span.taxfree {
      margin-right: 10px;
    }
    .dataTable span.taxfree:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 5px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_f.png');
      background-image: url('../img/svg/icon_f.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable span.taxfree:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable span.taxfree:before {
      margin-right: 5px;
    }
    .dataTable span.fee {
      margin-right: 10px;
    }
    .dataTable span.fee:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 5px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_a.png');
      background-image: url('../img/svg/icon_a.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable span.fee:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable span.fee:before {
      margin-right: 5px;
    }
    @-moz-document url-prefix() {
      .dataTable tbody td:first-child {
        display: block !important;
      }
    }
    .dataTableSignature,
    .signature {
      text-align: left;
    }
    .dataTableSignature span,
    .signature span {
      white-space: nowrap;
      opacity: 1;
      visibility: visible;
      font-size: 16px;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .dataTableSignature span.tax:before,
    .signature span.tax:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_s.png');
      background-image: url('../img/svg/icon_s.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTableSignature span.tax:before,
    .ie9 .signature span.tax:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTableSignature span.tax:before,
    .signature span.tax:before {
      margin-right: 5px;
    }
    .dataTableSignature span.taxfree:before,
    .signature span.taxfree:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_f.png');
      background-image: url('../img/svg/icon_f.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTableSignature span.taxfree:before,
    .ie9 .signature span.taxfree:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTableSignature span.taxfree:before,
    .signature span.taxfree:before {
      margin-right: 5px;
    }
    .dataTableSignature span.fee:before,
    .signature span.fee:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 5px;
      left: 0px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_a.png');
      background-image: url('../img/svg/icon_a.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTableSignature span.fee:before,
    .ie9 .signature span.fee:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTableSignature span.fee:before,
    .signature span.fee:before {
      margin-right: 5px;
    }
    .dataTableSignature span.hidden,
    .signature span.hidden {
      opacity: 0;
      visibility: hidden;
    }
    .dataTable.expanded {
      /* remove cubes and lines */
      /* add cubes to header */
    }
    .dataTable.expanded tbody tr {
      display: table-row;
    }
    .dataTable.expanded tr:first-child td:first-child:before,
    .dataTable.expanded tr:first-child td:first-child:after {
      display: none;
    }
    .dataTable.expanded th.oneTime,
    .dataTable.expanded th.overYears,
    .dataTable.expanded th.asLongAsYouLive {
      width: 160px;
    }
    .dataTable.expanded th:first-child {
      text-align: left;
    }
    .dataTable.expanded th:last-child {
      width: 100px;
    }
    .dataTable.expanded th.oneTime:before,
    .dataTable.expanded th.overYears:before,
    .dataTable.expanded th.asLongAsYouLive:before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      position: relative;
      top: 4px;
      margin-right: 10px;
    }
    .dataTable.expanded th.oneTime:before {
      background: #FF9100;
    }
    .dataTable.expanded th.overYears:before {
      background: #75D5DE;
    }
    .dataTable.expanded th.asLongAsYouLive:before {
      background: #6BCF8C;
    }
    .dataTableSignature {
      font-size: 16px;
      margin: 10px 0 20px;
      height: 20px;
    }
    .dataTableSignature a {
      float: right;
    }
    .dataTableSignature span {
      display: inline-block;
      margin-right: 30px;
    }
    .signature {
      margin: 10px 0 0;
      text-align: left;
    }
    /* variations of datatable */
    .dataTable.singleCompany tbody {
      border: none;
    }
    .dataTable.death {
      /* remove cubes and lines */
      /* add cubes to header */
    }
    .dataTable.death tbody.overYears {
      border: none;
    }
    .dataTable.death tr:first-child td:first-child:before,
    .dataTable.death tr:first-child td:first-child:after {
      display: none;
    }
    .dataTable.death th.oneTime,
    .dataTable.death th.overYears,
    .dataTable.death th.asLongAsYouLive {
      width: 160px;
      line-height: 1.3;
    }
    .dataTable.death th:first-child {
      text-align: left;
    }
    .dataTable.death th:last-child {
      width: 160px;
    }
    .dataTable.death th.oneTime:before,
    .dataTable.death th.overYears:before,
    .dataTable.death th.asLongAsYouLive:before,
    .dataTable.death th.publicPension:before,
    .dataTable.death th.publicPensionAdd:before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      position: relative;
      top: 4px;
      margin-right: 10px;
    }
    .dataTable.death th.oneTime:before {
      background: #FF9100;
    }
    .dataTable.death th.overYears:before {
      background: #75D5DE;
    }
    .dataTable.death th.asLongAsYouLive:before {
      background: #6BCF8C;
    }
    .dataTable.death th.publicPension:before {
      background: #A09179;
    }
    .dataTable.death th.publicPensionAdd:before {
      background: #574e4b;
    }
    .dataTable.sickness tbody.overYears {
      border: none;
    }
    .dataTable.sickness thead th.sick-note strong:after {
      content: '';
      display: inline-block;
      position: relative;
      top: -18px;
      left: 0px;
      width: 38px;
      height: 54px;
      background: url('../img/png/icon_tabt_arbejdsevne.png');
      background-image: url('../img/svg/icon_tabt_arbejdsevne.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable.sickness thead th.sick-note strong:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable.sickness thead th.sick-note strong:after {
      margin-bottom: -30px;
    }
    .dataTable.sickness thead th.sick-note:before {
      width: 160px;
    }
    .chartTable {
      position: relative;
      width: 100%;
      margin: 0 0 20px;
      /* theming */
    }
    .chartTable caption {
      text-align: left;
      padding: 0 20px;
      line-height: 70px;
      border-bottom: 20px solid #fff;
      background: #EEF3FA;
      font-size: 32px;
      color: #002C69;
    }
    .chartTable td {
      padding: 10px;
      font-size: 22px;
      color: #002C69;
      border-top: 1px solid #EEF3FA;
    }
    .chartTable td:first-child {
      vertical-align: top;
    }
    .chartTable tr:first-child td {
      border: none;
    }
    .chartTable .alignAge {
      position: relative;
      top: 25px;
    }
    .chartTable .amount {
      margin-left: 20px;
      color: #002C69;
      font-size: 26px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      position: relative;
      left: 80px;
      float: left;
    }
    .chartTable .amount:before {
      content: '';
      display: inline-block;
      position: relative;
      top: -2px;
      left: 0px;
      width: 11px;
      height: 12px;
      background: url('../img/png/icon_pil_hojre_orange.png');
      background-image: url('../img/svg/icon_pil_hojre_orange.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .chartTable .amount:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .chartTable .amount:before {
      margin-right: 6px;
    }
    .chartTable .amount:after {
      content: attr(data-text-currency);
      margin-left: 5px;
      color: #002C69;
      font-size: 18px;
    }
    .chartTable.overYears caption {
      background-color: #75D5DE;
    }
    .chartTable.asLongAsYouLive caption {
      background-color: #6BCF8C;
    }
    .chartTable.oneTime caption {
      background-color: #FF9100;
    }
    .chartTable.publicPension caption {
      background-color: #A09179;
    }
    .chartTable.publicPensionAdd caption {
      background-color: #574e4b;
    }
    .calculatePensionWrapper {
      /* ideal width - padding */
      width: 670px;
      margin: 0 auto 50px;
      /* fake spacing to border */
    }
    .calculatePensionWrapper h1 {
      margin-top: 0;
      color: #e6911b;
    }
    .calculatePensionWrapper p,
    .calculatePensionWrapper h1,
    .calculatePensionWrapper dl {
      margin-left: 50px;
    }
    .flowSection {
      position: relative;
      border-bottom: 1px solid #d9dad8;
      padding: 35px 0 10px;
      /* generic error element styling */
      /* left orange border */
      /* section number */
      /* special case for first child */
      /* validated styles */
      /* inactive styles */
      /* completed styles */
    }
    .flowSection > p,
    .flowSection > dl {
      display: block;
    }
    .flowSection dl {
      display: block;
      margin: 30px 0 20px 50px;
      padding: 10px 0;
      overflow: hidden;
    }
    .flowSection dt {
      position: relative;
      display: inline-block;
      vertical-align: top;
      max-width: 420px;
      font-size: 18px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-weight: normal;
      padding-top: 10px;
      width: 60%;
    }
    .flowSection dd {
      width: 40%;
      position: relative;
      display: inline-block;
      vertical-align: top;
      text-align: right;
      margin: 0;
    }
    .flowSection dd .next,
    .flowSection dd .calculate {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      float: right;
      clear: both;
      display: block;
      text-align: center;
      width: 154px;
      margin-top: 10px;
      padding: 0;
    }
    .flowSection dd .next:hover,
    .flowSection dd .calculate:hover {
      text-decoration: none;
    }
    .flowSection dd .next:hover,
    .flowSection dd .calculate:hover {
      background: #002150;
    }
    .flowSection dd .next {
      background: #e7e8e6;
      color: #002C69;
      cursor: default;
      border-color: #d9dad8;
    }
    .flowSection dd .next:hover {
      background: #e7e8e6;
      color: #002C69;
      cursor: default;
      border-color: #d9dad8;
    }
    .flowSection dd .calculate {
      width: 300px;
      font-size: 22px;
      padding: 10px;
      line-height: 1;
    }
    .flowSection dd .edit {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      display: none;
      float: right;
    }
    .flowSection dd .edit:hover {
      text-decoration: none;
    }
    .flowSection dd .edit:hover {
      background: #002C69;
    }
    .flowSection .errorWrapper {
      display: none;
      margin-left: 50px;
      overflow: hidden;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .flowSection .errorWrapper div p {
      padding: 10px;
      background: #a63b32;
      color: #fff;
      margin: 0;
    }
    .flowSection[data-number-section="1"] .errorWrapper div p.section2,
    .flowSection[data-number-section="1"] .errorWrapper div p.section3,
    .flowSection[data-number-section="2"] .errorWrapper div p.section1,
    .flowSection[data-number-section="2"] .errorWrapper div p.section3,
    .flowSection[data-number-section="3"] .errorWrapper div p.section1,
    .flowSection[data-number-section="3"] .errorWrapper div p.section2 {
      display: none;
    }
    .flowSection:before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 1px;
      height: 101%;
      background: #002C69;
      z-index: 1;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .flowSection:after {
      content: attr(data-number-section);
      position: absolute;
      display: block;
      top: 20px;
      left: -27px;
      width: 50px;
      height: 50px;
      border: 2px solid #002C69;
      border-radius: 50%;
      background: #fff;
      text-align: center;
      line-height: 53px;
      font-size: 30px;
      color: #002C69;
      z-index: 2;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .flowSection:first-child {
      padding-top: 15px;
    }
    .flowSection:first-child:after {
      top: 0;
    }
    .flowSection:last-child {
      border: none;
    }
    .flowSection:last-child:before,
    .flowSection:last-child:after {
      display: none;
    }
    .flowSection.validated {
      /* hide generic error elements */
    }
    .flowSection.validated dd .next,
    .flowSection.validated dd .calculate {
      background: #002C69;
      color: #fff;
      cursor: pointer;
      border-color: #e7e8e6;
    }
    .flowSection.validated dd .next:hover,
    .flowSection.validated dd .calculate:hover {
      background: #002150;
      color: #fff;
      cursor: pointer;
      border-color: #e7e8e6;
    }
    .flowSection.inactive {
      /* hide all as default */
    }
    .flowSection.inactive h1 {
      color: #d9dad8;
    }
    .flowSection.inactive > p,
    .flowSection.inactive > dl,
    .flowSection.inactive > div {
      display: none;
    }
    .flowSection.inactive:before {
      background: #d9dad8;
    }
    .flowSection.inactive:after {
      border-color: #d9dad8;
      color: #d9dad8;
    }
    .flowSection.inactive .errorWrapper {
      display: none !important;
    }
    .flowSection.completed {
      /* show questions */
      /* hide input other than selection */
      /* make edit button visible and hide next button */
    }
    .flowSection.completed h1 {
      color: #002C69;
    }
    .flowSection.completed > dl {
      display: block;
    }
    .flowSection.completed:before {
      background: #8e9196;
    }
    .flowSection.completed:after {
      border-color: #002C69;
      color: #002C69;
    }
    .flowSection.completed .errorWrapper {
      display: none !important;
    }
    .flowSection.completed .input-choice {
      position: relative;
      display: inline-block;
      width: 50px;
      text-align: center;
      border: none;
      background: none;
    }
    .flowSection.completed .input-choice span {
      display: none;
    }
    .flowSection.completed .input-choice span.selected {
      position: relative;
      display: block;
      vertical-align: top;
      width: 38px;
      height: 38px;
      color: #002C69;
      border: none;
      background: none;
      left: 0px;
    }
    .flowSection.completed dt {
      color: #002C69;
    }
    .flowSection.completed dd .next {
      display: none;
    }
    .flowSection.completed dd .edit {
      display: inline-block;
    }
    .flowSection .flowSectionDetails {
      display: none;
      margin: 20px 0 20px 50px;
      padding: 10px 20px;
      border: 1px solid #d9dad8;
      font-size: 16px;
    }
    .flowSection .flowSectionDetails label {
      width: 100%;
      margin: 0px 0px 4px 0px;
      line-height: normal;
    }
    .flowSection .flowSectionDetails label span {
      display: inline-block;
      width: 50%;
      vertical-align: top;
    }
    .flowSection .flowSectionDetails label input[type=text],
    .flowSection .flowSectionDetails label input[type=number] {
      width: 50%;
    }
    .flowSection .flowSectionDetails label input[type=text]::-ms-clear,
    .flowSection .flowSectionDetails label input[type=number]::-ms-clear {
      display: none;
    }
    .flowSection .flowSectionDetails label input[type=text].js-formatter-date,
    .flowSection .flowSectionDetails label input[type=number].js-formatter-date {
      text-align: center;
    }
    .flowSection .flowSectionDetails label.unit:after {
      content: attr(data-text-unit);
      display: inline-block;
      margin-left: -30px;
    }
    .flowSection .flowSectionDetails label.unit input[type=text],
    .flowSection .flowSectionDetails label.unit input[type=number] {
      padding-right: 28px;
    }
    .flowSection .flowSectionDetails label.js-input-toggle span:before {
      height: 26px;
      overflow: hidden;
    }
    .flowSection .flowSectionDetails label.js-input-toggle.unit:not(.active):after {
      content: none;
      display: inline;
      margin-left: auto;
    }
    .flowSection .flowSectionDetails h2 {
      font-size: 22px;
    }
    .flowSection .flowSectionDetails h4 {
      margin-bottom: 10px;
      position: relative;
      overflow: hidden;
      height: 26px;
    }
    .flowSection .flowSectionDetails h4 i {
      font-style: normal;
    }
    .flowSection .flowSectionDetails h4:after {
      content: '';
      position: absolute;
      margin-left: 20px;
      top: 13px;
      height: 1px;
      width: 100%;
      background: #d9dad8;
    }
    .flowSection .flowSectionDetails p {
      margin-left: 0;
      line-height: 1.4;
      list-style-type: none;
    }
    .flowSection .flowSectionDetails ul {
      padding-left: 23px;
    }
    .flowSection .flowSectionDetails ul li {
      margin-left: 0;
      line-height: 1.4;
      list-style-type: none;
    }
    .flowSection .flowSectionDetails ul li:before {
      content: "";
      display: inline-block;
      position: relative;
      top: -3px;
      left: -13px;
      width: 5px;
      height: 5px;
      background-color: #466a99;
      margin-right: -5px;
      border-radius: 14px;
      background-image: none;
    }
    .flowSection .flowSectionDetails.active {
      display: block;
    }
    .completed .flowSection .flowSectionDetails.active {
      display: none;
    }
    .curtain {
      margin: 50px 0 30px;
      border-top: 1px solid #e7e8e6;
      text-align: center;
    }
    .curtain h1 {
      position: relative;
      display: inline-block;
      margin: 0 auto;
      padding: 0 20px;
      top: -15px;
      background: #fff;
    }
    .curtain > p {
      margin: -5px 0 0;
      font-size: 18px;
      color: #002C69;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .curtain > a {
      margin: 10px 0;
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 14px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      padding: 2px 10px 0;
      line-height: 26px;
    }
    .curtain > a:hover {
      text-decoration: none;
    }
    .curtain > a:hover {
      background: #002150;
    }
    .curtain > a:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_expand_hvid.png');
      background-image: url('../img/svg/icon_expand_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .curtain > a:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .curtain > a:after {
      margin: 0 10px;
    }
    .curtain .fold {
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
      visibility: hidden;
      opacity: 0;
      max-height: 0;
    }
    .curtain .fold .dataTable {
      margin-top: 20px;
    }
    .curtain.active > a:after {
      content: '';
      display: inline-block;
      position: relative;
      top: -1px;
      left: 0px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_collapse_hvid.png');
      background-image: url('../img/svg/icon_collapse_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .curtain.active > a:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .curtain.active .fold {
      visibility: visible;
      opacity: 1;
      max-height: 3000px;
    }
    .touch .curtain .fold {
      display: none;
      visibility: visible;
      opacity: 1;
      max-height: 3000px;
    }
    .dealWrapper {
      width: 100%;
      margin: 0 0 30px;
      padding: 0 10px;
      overflow: hidden;
    }
    .deal {
      display: inline-block;
      margin: 0 0 20px 18px;
      width: 325px;
      height: 300px;
      border-bottom: 2px solid #a5cdfa;
      background: #EEF3FA;
      text-align: center;
      vertical-align: top;
    }
    .deal a,
    .deal:hover {
      background-color: #BDDAFB;
    }
    .deal h5 {
      position: relative;
      margin: 10px 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #a5cdfa;
      font-size: 18px;
      font-weight: normal;
      color: #002C69;
    }
    .deal h5:before {
      content: attr(data-text-deal);
      color: #002C69;
    }
    .deal h5:after {
      content: attr(data-text-through);
      color: #002C69;
      display: block;
      font-size: 14px;
      position: absolute;
      line-height: 1;
      background: #EEF3FA;
      margin-top: 5px;
      width: 80%;
      padding: 0 10%;
      text-align: center;
    }
    .deal ul {
      list-style-type: none;
      margin: 30px 0 10px;
      padding-left: 0;
      font-size: 18px;
    }
    .deal li {
      display: block;
      overflow: hidden;
      position: relative;
      margin: 0 20px 10px 10px;
      padding-left: 50px;
      line-height: 40px;
      text-align: left;
      color: #002C69;
    }
    .deal li span {
      float: right;
      text-align: right;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .deal li span:after {
      content: attr(data-text-currency);
      display: inline-block;
      margin-left: 5px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      color: #002C69;
      font-size: 1rem;
    }
    .deal li span.no-amount {
      color: #002C69;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .deal li.yearly:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 4px;
      left: 90px;
      width: 46px;
      height: 38px;
      background: url('../img/png/icon_indbetaling.png');
      background-image: url('../img/svg/icon_indbetaling.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .deal li.yearly:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .deal li.yearly:before {
      left: 0;
    }
    .deal li.savings:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 90px;
      width: 38px;
      height: 42px;
      background: url('../img/png/icon_opsparing.png');
      background-image: url('../img/svg/icon_opsparing.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .deal li.savings:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .deal li.savings:before {
      left: 5px;
    }
    .deal li.yearly:before,
    .deal li.savings:before {
      position: absolute;
    }
    .lt-ie9 .deal li {
      padding-left: 20px;
    }
    .lt-ie9 .deal li:before {
      display: none;
    }
    .deal strong {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 16px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      padding: 2px 32px 0;
      font-weight: normal;
      line-height: 35px;
      text-align: center;
    }
    .deal strong:hover {
      text-decoration: none;
    }
    .deal strong:hover {
      background: #002C69;
    }
    .deal strong:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      left: 20px;
      width: 19px;
      height: 19px;
      background: url(../img/png/icon-arrow-angle.png);
      background-image: url(../img/svg/icon-arrow-angle.svg), none;
      background-repeat: no-repeat;
    }
    .deal .providerLogo {
      height: 70px;
      border: 1px solid #a5cdfa;
      background-color: #fff;
      text-align: center;
    }
    .deal .providerLogo > div {
      display: inline-block;
      margin-top: 10px;
      width: 100%;
      height: 100%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .deal .providerLogo svg,
    .deal .providerLogo image {
      border: none;
      display: inline-block;
    }
    .deal:hover {
      text-decoration: none;
      color: inherit;
      background: #BDDAFB;
    }
    .deal:hover strong {
      background: #002C69;
    }
    .deal:hover h5:after {
      background: #BDDAFB;
    }
    .dealHeader {
      padding: 0px 0px 40px;
      overflow: hidden;
    }
    .dealDetails {
      display: inline-block;
      vertical-align: top;
      width: 394px;
      margin-top: 0px;
      margin-bottom: 15px;
      min-height: 130px;
      overflow: hidden;
    }
    .dealDetail {
      display: none;
    }
    .dealDetail.active {
      display: block;
    }
    .completed .dealDetail.active {
      display: none;
    }
    .coverDetails {
      display: none;
    }
    .coverDetails.active {
      display: block;
    }
    .coverDetails.active.showMobileOnly {
      display: none;
    }
    .coverDetails.active.showDesktopOnly {
      display: block;
    }
    .completed .coverDetails.active {
      display: none;
    }
    .dealNumber {
      position: relative;
      margin: 0 0 20px 0;
      height: 40px;
    }
    .dealNumber h5 {
      display: inline-block;
      margin: 20px 0 0 10px;
      font-size: 18px;
      font-weight: normal;
      color: #002C69;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .dealNumber h5:before {
      content: attr(data-text-deal);
      color: #002C69;
      margin-right: 10px;
    }
    .dealNumber h5:after {
      content: attr(data-text-type);
      color: #002C69;
      display: block;
      line-height: 1;
    }
    .dealNumber .providerHeader {
      width: 100%;
      display: block;
      position: absolute;
      min-width: 320px;
      color: #002C69;
      font-size: 24px;
      line-height: 30px;
      padding-top: 40px;
    }
    .dealNumber .providerLogo {
      float: left;
      height: 40px;
      padding-right: 10px;
      border-right: 1px solid #d9dad8;
      position: relative;
    }
    .dealNumber .providerLogo > div {
      width: 200px;
      height: 100%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .dealNumber .providerLogo iframe {
      height: 35px;
      max-width: 200px;
      overflow: hidden;
      border: none;
    }
    .dealNumber .providerLogo img {
      max-height: 35px;
      max-width: 200px;
    }
    .dealNumber .providerLogo svg,
    .dealNumber .providerLogo image {
      border: none;
      display: inline-block;
    }
    .dealContact {
      clear: left;
      margin-left: 10px;
      overflow: hidden;
    }
    .dealContact a,
    .dealContact strong {
      display: inline;
      margin: 5px 0 0 0;
      font-size: 16px;
    }
    .dealContact .phone {
      margin-right: 12px;
      font-size: 16px;
    }
    .dealContact .contact {
      margin-right: 12px;
      font-size: 16px;
      font-weight: bold;
    }
    .dealContact .mail {
      margin-right: 12px;
    }
    .dealContact .web {
      margin-right: 12px;
    }
    .dealNotes {
      display: block;
      margin: 10px 0 10px 0px;
      color: #002C69;
    }
    .dealNotes:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 4px;
      left: 0px;
      width: 18px;
      height: 18px;
      background: url('../img/png/icon_hjaelp_blaa.png');
      background-image: url('../img/svg/icon_hjaelp_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dealNotes:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dealNotes:before {
      margin-right: 5px;
    }
    .dealNumbers {
      display: inline-block;
      overflow: hidden;
      width: 327px;
    }
    .dealNumbers .number {
      height: 70px;
      padding: 10px;
      background: #fff;
      border-bottom: 2px solid #d9dad8;
      overflow: hidden;
    }
    .dealNumbers .number.yearly:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 46px;
      height: 38px;
      background: url('../img/png/icon_indbetaling.png');
      background-image: url('../img/svg/icon_indbetaling.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dealNumbers .number.yearly:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dealNumbers .number.yearly:before {
      float: left;
      margin-right: 10px;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .dealNumbers .number.savings:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 42px;
      height: 48px;
      background: url('../img/png/icon_opsparing.png');
      background-image: url('../img/svg/icon_opsparing.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dealNumbers .number.savings:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dealNumbers .number.savings:before {
      float: left;
      margin-right: 10px;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .dealNumbers .number:first-child {
      margin: 0 0 10px 0;
    }
    .dealNumbers h5 {
      display: inline-block;
      margin: 0;
      font-size: 18px;
      font-weight: normal;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .dealNumbers h5 a {
      display: block;
      margin-top: 5px;
    }
    .dealNumbers span {
      float: right;
      font-size: 20px;
      width: 120px;
      text-align: right;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .dealNumbers span:before {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -100px;
      left: 0;
      width: 1px;
      height: 200px;
      background: #e7e8e6;
    }
    .dealNumbers span:after {
      content: attr(data-text-currency);
      margin-left: 10px;
      font-size: 1rem;
      color: #002C69;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .dealDetailsBtn {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      text-align: center;
      font-weight: normal;
    }
    .dealDetailsBtn:hover {
      text-decoration: none;
    }
    .dealDetailsBtn:hover {
      background: #002150;
    }
    .dealDetailsBtn:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_expand_hvid.png');
      background-image: url('../img/svg/icon_expand_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dealDetailsBtn:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .lt-ie9 .dealDetailsBtn {
      width: 60px;
      height: 60px;
    }
    .dealDetailsBtn.expand {
      color: #fff;
      font-weight: normal;
    }
    .dealDetailsBtn.hidden {
      display: none;
    }
    .dealDetailsBtn.active:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_collapse_hvid.png');
      background-image: url('../img/svg/icon_collapse_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dealDetailsBtn.active:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .coverDetailsBtn {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
    }
    .coverDetailsBtn:hover {
      text-decoration: none;
    }
    .coverDetailsBtn:hover {
      background: #002150;
    }
    .coverDetailsBtn:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_expand_hvid.png');
      background-image: url('../img/svg/icon_expand_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .coverDetailsBtn:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .lt-ie9 .coverDetailsBtn {
      width: 60px;
      height: 60px;
    }
    .coverDetailsBtn.expand {
      color: #fff;
      font-weight: normal;
    }
    .coverDetailsBtn.hidden {
      display: none;
    }
    .coverDetailsBtn.active:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 14px;
      height: 8px;
      background: url('../img/png/icon_collapse_hvid.png');
      background-image: url('../img/svg/icon_collapse_hvid.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .coverDetailsBtn.active:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    a.pensionDetailsBox {
      color: #002C69;
    }
    .pensionDetailsBox {
      position: relative;
      width: 100%;
      display: inline-block;
      margin: 10px 0 0 10px;
      padding: 40px 0 10px;
      background: rgba(238, 243, 250, 0.9);
      color: #002C69;
    }
    .pensionDetailsBox p,
    .pensionDetailsBox > div,
    .pensionDetailsBox input,
    .pensionDetailsBox button {
      margin: 10px 10px 5px;
    }
    .pensionDetailsBox .truncated {
      margin: 10px 10px 20px;
    }
    .pensionDetailsBox .truncated:last-of-type {
      margin-bottom: 5px;
    }
    .pensionDetailsBox .truncated .truncatedPrefix {
      display: none;
    }
    .pensionDetailsBox .truncated .truncatedContent {
      display: block;
    }
    .pensionDetailsBox .truncated .expandTruncate {
      display: none;
      cursor: pointer;
    }
    .pensionDetailsBox .truncated.active .truncatedPrefix {
      display: none;
    }
    .pensionDetailsBox .truncated.active .truncatedContent {
      display: block;
    }
    .pensionDetailsBox:first-child {
      margin-left: 10px;
    }
    .pensionDetailsBox:before {
      content: attr(data-text-header);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 40px;
      margin: 0 0 20px;
      padding: 0 10px 0 10px;
      font-size: 20px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-weight: normal;
      line-height: 42px;
      color: #002C69;
      border-bottom: solid 1px #e0e1e0;
    }
    .pensionDetailsBox .saleryInput {
      display: inline-block;
    }
    .pensionDetailsBox .saleryInput input[type=text],
    .pensionDetailsBox .saleryInput input[type=submit] {
      display: none;
    }
    .pensionDetailsBox .saleryInput.active {
      display: block;
      margin: 10px 0;
      padding: 10px;
      background: #e7e8e6;
      text-align: center;
    }
    .pensionDetailsBox .saleryInput.active input[type=text] {
      display: inline-block;
      max-width: 50%;
      margin: 10px 10px 10px 0;
    }
    .pensionDetailsBox .saleryInput.active input[type=submit] {
      display: inline-block;
    }
    .pensionDetailsBox .saleryInput.active a:before {
      content: attr(data-text-close) ' "';
    }
    .pensionDetailsBox .saleryInput.active a:after {
      content: '"';
    }
    /* select chart or table */
    .chartTableSelector {
      position: absolute;
      right: 0px;
    }
    .chartTableSelector span {
      position: relative;
      display: block;
      float: right;
    }
    .chartTableSelector span:after {
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
      visibility: hidden;
      opacity: 1;
      content: '';
      position: absolute;
      bottom: -7px;
      left: 50%;
      margin-left: -11px;
      width: 0;
      height: 0;
      border-right: 11px solid transparent;
      border-left: 11px solid transparent;
      border-top: 9px solid #BDDAFB;
    }
    .chartTableSelector span:before {
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
      visibility: hidden;
      opacity: 0;
      content: '';
      position: absolute;
      bottom: -9px;
      left: 50%;
      margin-left: -13px;
      width: 0;
      height: 0;
      border-right: 13px solid transparent;
      border-left: 13px solid transparent;
      border-top: 10px solid #002C69;
    }
    .chartTableSelector span.active:before,
    .chartTableSelector span.active:after {
      visibility: visible;
      opacity: 1;
    }
    .chartTableSelector strong {
      position: relative;
      font-size: 16px;
      display: block;
      width: 80px;
      height: 60px;
      border-bottom: 2px solid #BDDAFB;
      background: #EEF3FA;
      text-align: center;
      font-weight: normal;
      line-height: 90px;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .chartTableSelector strong:hover {
      color: #002C69;
      cursor: pointer;
      background: #BDDAFB;
    }
    .chartTableSelector strong:first-child {
      border-left: none;
    }
    .chartTableSelector .active strong {
      background: #BDDAFB;
      border-bottom-color: #002C69;
      color: #002C69;
    }
    .chartTableSelector .chart strong:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 8px;
      left: 0px;
      width: 18px;
      height: 22px;
      background: url('../img/png/icon_graf.png');
      background-image: url('../img/svg/icon_graf.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .chartTableSelector .chart strong:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .chartTableSelector .table strong:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 8px;
      left: 0px;
      width: 32px;
      height: 21px;
      background: url('../img/png/icon_tabel.png');
      background-image: url('../img/svg/icon_tabel.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .chartTableSelector .table strong:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .chartTableSelector .active.chart strong:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 8px;
      left: 0px;
      width: 18px;
      height: 22px;
      background: url('../img/png/icon_graf_active.png');
      background-image: url('../img/svg/icon_graf_active.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .chartTableSelector .active.chart strong:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .chartTableSelector .active.table strong:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 8px;
      left: 0px;
      width: 32px;
      height: 21px;
      background: url('../img/png/icon_tabel_active.png');
      background-image: url('../img/svg/icon_tabel_active.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .chartTableSelector .active.table strong:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .chartTableSelector .chart strong:before,
    .chartTableSelector .table strong:before,
    .chartTableSelector .active.chart strong:before,
    .chartTableSelector .active.table strong:before {
      position: relative;
      display: block;
      margin: 0 auto -20px;
    }
    .providerOverview {
      overflow: hidden;
    }
    .providerOverview h3 {
      float: left;
      max-width: 40%;
      margin-right: 10%;
      margin-bottom: 80px;
    }
    .providerOverview ul {
      position: relative;
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      font-size: 50px;
      line-height: 20px;
      min-height: 42px;
      border-top: solid 2px #ebeceb;
      margin-top: 78px;
      color: #737880;
      zoom: 1;
    }
    .providerOverview ul:before,
    .providerOverview ul:after {
      content: '';
      display: table;
    }
    .providerOverview ul:after {
      clear: both;
    }
    .providerOverview ul:before {
      content: attr(data-text-letter);
      position: absolute;
      top: -40px;
      left: 4px;
      font-size: 42px !important;
      text-align: center;
      color: #002C69;
    }
    .providerOverview li {
      display: inline-block;
      line-height: 25px;
      padding-right: 10px;
      position: relative;
      font-size: 16px;
      padding-left: 30px;
    }
    .providerOverview li:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_data_lev_gron_lille.png');
      background-image: url('../img/svg/icon_data_lev_gron_lille.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .providerOverview li:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .providerOverview li.not-member:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_data_lev_rod_lille.png');
      background-image: url('../img/svg/icon_data_lev_rod_lille.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .providerOverview li.not-member:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .providerOverview li.other:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px;
      background: url('../img/png/icon_data_lev_andet.png');
      background-image: url('../img/svg/icon_data_lev_andet.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .providerOverview li.other:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .providerOverview li.other:after {
      content: attr(data-text-status);
      margin-left: 5px;
      color: #002C69;
      white-space: nowrap;
    }
    .providerOverview li:before {
      position: absolute !important;
      left: 4px !important;
      top: 1px;
    }
    .providerOverview .providerList li {
      width: 48%;
    }
    .providerOverview .providerList li:before {
      top: 1px;
    }
    .providerOverview ul.providerLegend {
      width: 100%;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      min-height: 20px;
      border-top: none;
      margin-top: 20px;
    }
    .providerOverview ul.providerLegend li {
      width: auto;
      display: inline-block;
      padding-right: 50px;
      color: #474747;
      font-size: 16px;
    }
    .dictionary ul {
      float: left;
      width: 40%;
      margin-right: 3%;
      zoom: 1;
    }
    .dictionary ul:before,
    .dictionary ul:after {
      content: '';
      display: table;
    }
    .dictionary ul:after {
      clear: both;
    }
    .dictionary li {
      line-height: 30px;
    }
    .dictionary li a {
      font-size: 18px;
    }
    .dictionary .word {
      float: left;
      margin: 20px 0;
      max-width: 700px;
      zoom: 1;
      border-top: 1px solid #d9dad8;
    }
    .dictionary .word:before,
    .dictionary .word:after {
      content: '';
      display: table;
    }
    .dictionary .word:after {
      clear: both;
    }
    .dictionary .top:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 11px;
      height: 12px;
      background: url('../img/png/icon_pil_op_blaa.png');
      background-image: url('../img/svg/icon_pil_op_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dictionary .top:before {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .ageSelector {
      margin: 0 0 30px;
    }
    .ageSelector label {
      margin: 0 0 10px;
      line-height: 30px;
      font-size: 18px;
      cursor: pointer;
    }
    .ageSelector label input {
      margin-right: 10px;
    }
    .ageSelector .ageRange {
      overflow: hidden;
      margin: 10px 0 30px;
      list-style-type: none;
      padding: 0;
      display: block;
      font-size: 0px;
    }
    .ageSelector .ageRange li {
      position: relative;
      display: inline-block;
      margin: 0 6px 6px 0;
      width: 53px;
      height: 65px;
      background: #fff;
      border: 2px solid #BDDAFB;
      text-align: center;
      line-height: 40px;
      font-size: 18px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      color: #002C69;
      cursor: pointer;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .ageSelector .ageRange li input {
      display: none;
    }
    .ageSelector .ageRange li:after {
      content: '';
      margin: 0 auto;
      display: block;
      width: 20px;
      height: 16px;
      background: url('../img/png/icon_check_unchecked.png');
      background-image: url('../img/svg/icon_check_unchecked.svg'), none;
    }
    .ie9 .ageSelector .ageRange li:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .ageSelector .ageRange li:hover {
      background: #EEF3FA;
      color: #002C69;
    }
    .ageSelector .ageRange li:visited,
    .ageSelector .ageRange li:active {
      background: #fff;
    }
    .ageSelector .ageRange li.active {
      border-color: #002C69;
      color: #002C69;
    }
    .ageSelector .ageRange li.active:after {
      background: url('../img/png/icon_check_checked.png');
      background-image: url('../img/svg/icon_check_checked.svg'), none;
    }
    .ie9 .ageSelector .ageRange li.active:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .ageSelector .ageRange li.active:hover {
      opacity: 0.6;
      background: #EEF3FA;
    }
    .ageSelector .ageRange li.active:visited,
    .ageSelector .ageRange li.active:active {
      background: #fff;
    }
    .ageSelector input[type=submit] {
      display: block;
      clear: both;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
      opacity: 0;
      visibility: hidden;
    }
    .ageSelector input[type=submit].active {
      opacity: 1;
      visibility: visible;
    }
    .scrollNotify {
      opacity: 0;
      visibility: hidden;
      position: fixed;
      z-index: 999;
      bottom: 0;
      left: 0;
      height: 30px;
      width: 100%;
      text-align: center;
      color: #474747;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-size: 20px;
      line-height: 20px;
      background: #fff;
      -webkit-transition: all ease-out 1.2s;
      -moz-transition: all ease-out 1.2s;
      transition: all ease-out 1.2s;
    }
    .scrollNotify:before {
      content: '';
      position: absolute;
      top: -40px;
      height: 40px;
      width: 100%;
      display: block;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
      /* FF3.6+ */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
      /* W3C */
    }
    .scrollNotify:after {
      content: '';
      background: url('../img/png/pagescrollarrow.png');
      background-image: url('../img/svg/pagescrollarrow.svg'), none;
      display: inline-block;
      width: 80px;
      height: 20px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .ie9 .scrollNotify:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .scrollNotify.active {
      opacity: 1;
      visibility: visible;
    }
    .scrollNotify.active:after {
      animation-name: floating;
      -webkit-animation-name: floating;
      animation-duration: 1.5s;
      -webkit-animation-duration: 1.5s;
      animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite;
    }
    .containerHealthAgreements {
      position: relative;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
    }
    .containerHealthAgreements.details {
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 10px;
    }
    .containerHealthAgreements.details .containerHealthAgreement {
      margin-bottom: 0px;
    }
    .containerHealthAgreements.details .containerHealthAgreement .description {
      padding-top: 14px;
      padding-bottom: 14px;
    }
    .containerHealthAgreements h2 {
      color: #002C69;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    .containerHealthAgreements h3 {
      color: #002C69;
      font-size: 16px;
      font-weight: normal;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    .containerHealthAgreements .containerHealthAgreement {
      position: relative;
      width: 100%;
      margin-bottom: 20px;
    }
    .containerHealthAgreements .containerHealthAgreement .description {
      position: relative;
      border-top: solid 2px #a5cdfa;
      border-right: solid 2px #a5cdfa;
      border-bottom: solid 2px #a5cdfa;
      min-height: 50px;
      padding-left: 20px;
      padding-right: 20px;
      overflow: hidden;
      text-align: left;
    }
    .containerHealthAgreements .containerHealthAgreement .description h2 {
      display: inline-block;
    }
    .containerHealthAgreements .containerHealthAgreement .description img.logo {
      position: absolute;
      max-height: 55px;
      max-width: 175px;
      margin: 0px;
      top: 0px;
      right: 16px;
    }
    .containerHealthAgreements .containerHealthAgreement .description p {
      font-size: 16px;
      position: relative;
      color: #002C69;
      padding: 0px;
      line-height: 1.2;
    }
    .containerHealthAgreements .containerHealthAgreement.type1 .description {
      box-shadow: inset 5px 0px 0 0 #A09179;
      -webkit-box-shadow: inset 5px 0px 0 0 #A09179;
    }
    .containerHealthAgreements .containerHealthAgreement .accordion {
      position: relative;
      min-height: 60px;
      border-bottom: solid 2px #a5cdfa;
      background-color: #EEF3FA !important;
      padding-left: 20px;
      padding-right: 20px;
      cursor: pointer;
      padding-top: 20px;
    }
    .containerHealthAgreements .containerHealthAgreement .accordion.open h3 {
      background-image: url('../img/svg/icon_arrowUpBlue.svg'), none;
    }
    .containerHealthAgreements .containerHealthAgreement .accordion h3 {
      margin: 0px;
      padding: 0px;
      color: #002C69;
      font-size: 20px;
      font-weight: normal;
      display: block;
      background-repeat: no-repeat;
      background-position: top right;
      background-size: 20px 20px;
      background-image: url('../img/svg/icon_arrowDownBlue.svg'), none;
    }
    .containerHealthAgreements .containerHealthAgreement .accordion > p {
      display: none;
      font-size: 16px;
      line-height: 1.2;
      position: relative;
      color: #002C69;
      padding: 0px 0px 0px 0px;
      margin-top: 8px;
      margin-bottom: 8px;
    }
    .containerHealthAgreements .containerHealthAgreement .accordion > p:first-child {
      margin-top: 16px;
    }
    .containerHealthAgreements .containerHealthAgreement .accordion > p:last-child {
      margin-bottom: 16px;
    }
    .containerHealthAgreements .containerHealthAgreement .content {
      position: relative;
      border-right: solid 2px #a5cdfa;
      border-left: solid 2px #a5cdfa;
      min-height: 20px;
      padding-left: 20px;
      padding-right: 20px;
      overflow: auto;
      padding-top: 20px;
    }
    .containerHealthAgreements .containerHealthAgreement .content.borderBottom {
      border-bottom: solid 2px #a5cdfa;
    }
    .containerHealthAgreements .containerHealthAgreement .content.noPaddingTop {
      padding-top: 0px;
    }
    .containerHealthAgreements .containerHealthAgreement .content h3 {
      margin: 0px;
      padding: 0px;
      color: #002C69;
      font-size: 20px;
      font-weight: normal;
      display: block;
    }
    .containerHealthAgreements .containerHealthAgreement.open {
      background-image: url('../img/svg/icon_arrowUpBlue.svg'), none;
    }
    .containerHealthAgreements .containerHealthAgreement.open .open p {
      display: block;
    }
    .containerHealthAgreements .containerHealthAgreement .fullOverview {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      margin: 20px 0;
    }
    .containerHealthAgreements .containerHealthAgreement .fullOverview:hover {
      text-decoration: none;
    }
    .containerHealthAgreements .containerHealthAgreement .fullOverview:hover {
      background: #002C69;
    }
    .containerHealthAgreements .containerHealthAgreement .fullOverview:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      left: 20px;
      width: 19px;
      height: 19px;
      background: url('../img/png/icon-arrow-angle.png');
      background-image: url('../img/svg/icon-arrow-angle.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .containerHealthAgreements .containerHealthAgreement .fullOverview:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    /*Extra*/
    .exclamationBlueWhite {
      position: relative;
      display: inline-block;
      width: 18px;
      height: 18px;
      border-radius: 10px;
      text-align: center;
      background-color: #466a99;
      line-height: 18px;
      margin-right: 8px;
    }
    .exclamationBlueWhite:after {
      content: "!";
      font-size: 16px;
      text-align: center;
      color: #fff;
      font-weight: bold;
    }
    .noScroll {
      overflow-y: hidden;
    }
    .noScrollMobile {
      overflow-y: hidden;
      position: fixed;
    }
    .noScrollBar {
      overflow-y: auto !important;
    }
    .containerPopup {
      position: fixed;
      background: rgba(0, 0, 0, 0.4);
      width: 100%;
      height: 100%;
      z-index: 1000;
      top: 0px;
      left: 0px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    .containerPopup .containerContent {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1001;
    }
    .containerPopup .containerContent .inner {
      position: relative;
      margin: 0 auto;
      left: 0;
      right: 0;
      background-color: #fff;
      margin-top: 10px;
      margin-bottom: 10px;
      -webkit-box-shadow: 1px 2px 16px -1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 1px 2px 16px -1px rgba(0, 0, 0, 0.75);
      box-shadow: 1px 2px 16px -1px rgba(0, 0, 0, 0.75);
    }
    .containerPopup .containerContent .inner .closeButtonPopup {
      position: sticky;
      position: -webkit-sticky;
      background-color: transparent;
      width: 44px;
      height: 44px;
      line-height: 44px;
      opacity: 0.65;
      transition: opacity 0.5s ease-out;
      -moz-transition: opacity 0.5s ease-out;
      -webkit-transition: opacity 0.5s ease-out;
      -o-transition: opacity 0.5s ease-out;
      top: 0px;
      left: 1000px;
      font-size: 28px;
      text-align: center;
      font-style: normal;
      cursor: pointer;
      touch-action: manipulation;
    }
    .containerPopup .containerContent .inner .closeButtonPopup:after {
      content: "x";
      font-family: Arial, Baskerville, monospace;
      background-color: transparent;
    }
    .containerPopup .containerContent .inner .closeButtonPopup:hover {
      opacity: 1;
    }
    .containerPopup .containerContent .inner h3 {
      margin-top: inherit;
      font-weight: bold;
      line-height: 40px;
    }
    .containerPopup .containerContent .inner h2 {
      font-size: 20px;
    }
    .submenu {
      position: relative;
      width: 100%;
      background: #EEF3FA;
      overflow: hidden;
      margin-bottom: 30px;
    }
    /* Fade gradients styling left/right */
    .submenu::before,
    .submenu::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 80px;
      background: -webkit-linear-gradient(90deg, #E4E5E3, #E4E5E3 20%, rgba(255, 255, 255, 0));
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(90deg, #E4E5E3, #E4E5E3 20%, rgba(255, 255, 255, 0));
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(90deg, #E4E5E3, #E4E5E3 20%, rgba(255, 255, 255, 0));
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(90deg, #E4E5E3, #E4E5E3 20%, rgba(255, 255, 255, 0));
      z-index: 1;
      pointer-events: none;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 0;
      visibility: hidden;
    }
    /* Right */
    .submenu::after {
      left: auto;
      right: 0;
      background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0), #E4E5E3 80%, #E4E5E3);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0), #E4E5E3 80%, #E4E5E3);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0), #E4E5E3 80%, #E4E5E3);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), #E4E5E3 80%, #E4E5E3);
    }
    /* Hide both in ie9 */
    .ie9 .submenu::before,
    .ie9 .submenu::after {
      display: none;
    }
    /* Arrows for submenu */
    .submenu-arrows {
      width: 100%;
    }
    /* Left/right arrow */
    .submenu-arrows::before,
    .submenu-arrows::after {
      content: '';
      display: block;
      opacity: 0;
      visibility: hidden;
      width: 24px;
      height: 100%;
      background: url('../img/png/icon_tidligere_blaa.png');
      background-image: url('../img/svg/icon_tidligere_blaa.svg'), none;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 300;
      background-size: 20px 20px;
    }
    .ie9 .submenu-arrows::before,
    .ie9 .submenu-arrows::after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    /* Right arrow */
    .submenu-arrows::after {
      left: auto;
      right: 0;
      background: url('../img/png/icon_senere_blaa.png');
      background-image: url('../img/svg/icon_senere_blaa.svg'), none;
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .ie9 .submenu-arrows::after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    /* Submenu */
    .submenu ul {
      display: block;
      padding: 0;
      width: 1280px;
      list-style-type: none;
      white-space: nowrap;
      font-size: 0;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      margin-bottom: 0;
      min-width: 320px;
      background-color: #EEF3FA;
    }
    /* Top/bottom border in submenu */
    .submenu ul::before,
    .submenu ul::after {
      position: absolute;
      content: '';
      display: block;
      left: -2500px;
      /*bjo hack*/
      right: -2500px;
      height: 2px;
      background: #EEF3FA;
      z-index: 0;
    }
    /* Bottom */
    .submenu ul::after {
      bottom: 0;
    }
    /* Submenu item */
    .submenu li {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 0 10px 0 11px;
      line-height: 40px;
      font-size: 18px;
      color: #495A8B;
      border-top: 2px solid #BDDAFB;
      border-bottom: 2px solid #BDDAFB;
      cursor: pointer;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      z-index: 1;
    }
    .submenu li.inactive {
      opacity: 0.4;
      cursor: not-allowed;
    }
    .submenu li.inactive:hover {
      background: transparent;
    }
    .submenu li a {
      text-decoration: none;
      color: inherit;
      cursor: inherit;
      font-size: 18px;
    }
    /* Submenu seperator */
    .submenu li::before {
      content: '';
      display: block;
      height: 65%;
      width: 1px;
      position: absolute;
      top: 50%;
      left: 0;
      -ms-transform: translateY(-50%);
      /* IE 9 */
      -webkit-transform: translateY(-50%);
      /* Chrome, Safari, Opera */
      transform: translateY(-50%);
      background: #BDDAFB;
      transition: all 0.2s;
    }
    .submenu li:first-child {
      margin-left: 12px;
    }
    /* Hide first seperator */
    .submenu li:first-child::before {
      display: none;
    }
    /* Hover */
    .submenu li:hover {
      background: rgba(255, 255, 255, 0.3);
    }
    /* IE9 styling */
    .ie9 .submenu li::before {
      top: 0;
      bottom: 0;
      height: auto;
    }
    /* Active menu item */
    .submenu li.active {
      color: #002C69;
      background: #FFF;
      border-bottom-color: #fff;
      cursor: default;
    }
    /* Active menu item down arrow */
    .submenu li.active::after {
      position: absolute;
      content: '';
      display: block;
      left: 50%;
      -ms-transform: translateX(-50%);
      /* IE 9 */
      -webkit-transform: translateX(-50%);
      /* Chrome, Safari, Opera */
      transform: translateX(-50%);
      bottom: 6px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #000;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
    }
    /* Hide surrounding menu seperators when active */
    .submenu li.active::before,
    .submenu li.active + li::before {
      display: none;
    }
    /* IE9 styling */
    .ie9 .submenu li.active:after {
      margin-left: -4px;
    }
    /* Submenu dragging */
    /* Show after/before fades */
    .submenu.dragging-enabled::before,
    .submenu.dragging-enabled::after,
    .submenu.dragging-enabled .submenu-arrows::before,
    .submenu.dragging-enabled .submenu-arrows::after {
      opacity: 1;
      visibility: visible;
    }
    /* Hide before-fade */
    .submenu.dragging-enabled.min::before,
    .submenu.dragging-enabled.min .submenu-arrows::before {
      opacity: 0;
      visibility: hidden;
    }
    /* Hide after-fade */
    .submenu.dragging-enabled.max::after,
    .submenu.dragging-enabled.max .submenu-arrows::after {
      opacity: 0;
      visibility: hidden;
    }
    /* Submenu dragging styling */
    .submenu.dragging {
      cursor: pointer;
    }
    .CookieDeclaration {
      font-size: 1rem;
    }
    .containerOuterCookie {
      position: fixed;
      width: 100%;
      height: 80px;
      background: rgba(230, 145, 27, 0.9);
      border-top: solid 1px #fff;
      bottom: 0px;
      z-index: 1001;
      cursor: pointer;
    }
    .containerOuterCookie:after {
      position: absolute;
      display: block;
      content: "X";
      font-size: 24px;
      color: #fff;
      font-family: sans-serif;
      top: 8px;
      right: 60px;
    }
    .containerOuterCookie .containerInnerCookie {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      max-width: 952px;
      padding-top: 12px;
      padding-bottom: 16px;
      padding-left: 60px;
      padding-right: 60px;
      color: #fff;
      font-size: 16px;
      line-height: 22px;
    }
    .CookieDeclarationType {
      font-size: 1rem;
    }
    .container.accessProgress .flow {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly;
    }
    .container.accessProgress .flow .item {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 90px;
    }
    .container.accessProgress .flow .item:last-child {
      width: 120px;
    }
    .container.accessProgress .flow .item p {
      font-size: 0.9rem;
    }
    .container.accessProgress .table span.icon,
    .container.accessProgress .flow span.icon {
      display: inline-block;
      width: 54px;
      height: 52px;
      background-repeat: no-repeat;
      background-position: center center;
    }
    .container.accessProgress .table span.icon.orange.user,
    .container.accessProgress .flow span.icon.orange.user {
      background: url('../img/png/icon-flow-user-orange.png');
      background-image: url('../img/svg/icon-flow-user-orange.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.orange.paperplane,
    .container.accessProgress .flow span.icon.orange.paperplane {
      background: url('../img/png/icon-flow-paperplane-orange.png');
      background-image: url('../img/svg/icon-flow-paperplane-orange.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.orange.sms,
    .container.accessProgress .flow span.icon.orange.sms {
      background: url('../img/png/icon-flow-sms-orange.png');
      background-image: url('../img/svg/icon-flow-sms-orange.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.orange.accept,
    .container.accessProgress .flow span.icon.orange.accept {
      background: url('../img/png/icon-flow-accept-orange.png');
      background-image: url('../img/svg/icon-flow-accept-orange.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.orange.final,
    .container.accessProgress .flow span.icon.orange.final {
      background: url('../img/png/icon-flow-samlet-orange.png');
      background-image: url('../img/svg/icon-flow-samlet-orange.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.green.user,
    .container.accessProgress .flow span.icon.green.user {
      background: url('../img/png/icon-flow-user-green.png');
      background-image: url('../img/svg/icon-flow-user-green.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.green.paperplane,
    .container.accessProgress .flow span.icon.green.paperplane {
      background: url('../img/png/icon-flow-paperplane-green.png');
      background-image: url('../img/svg/icon-flow-paperplane-green.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.green.sms,
    .container.accessProgress .flow span.icon.green.sms {
      background: url('../img/png/icon-flow-sms-green.png');
      background-image: url('../img/svg/icon-flow-sms-green.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.green.accept,
    .container.accessProgress .flow span.icon.green.accept {
      background: url('../img/png/icon-flow-accept-green');
      background-image: url('../img/svg/icon-flow-accept-green.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.green.final,
    .container.accessProgress .flow span.icon.green.final {
      background: url('../img/png/icon-flow-samlet-green.png');
      background-image: url('../img/svg/icon-flow-samlet-green.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.gray.arrowRight,
    .container.accessProgress .flow span.icon.gray.arrowRight {
      background: url('../img/png/icon-arrow-right-gray.png');
      background-image: url('../img/svg/icon-arrow-right-gray.svg');
      background-position: center center;
      background-repeat: no-repeat;
      width: 20px;
    }
    .container.accessProgress .table span.icon.gray.user,
    .container.accessProgress .flow span.icon.gray.user {
      background: url('../img/png/icon-flow-user-gray.png');
      background-image: url('../img/svg/icon-flow-user-gray.svg');
    }
    .container.accessProgress .table span.icon.gray.paperplane,
    .container.accessProgress .flow span.icon.gray.paperplane {
      background: url('../img/png/icon-flow-paperplane-gray.png');
      background-image: url('../img/svg/icon-flow-paperplane-gray.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.gray.sms,
    .container.accessProgress .flow span.icon.gray.sms {
      background: url('../img/png/icon-flow-sms-gray.png');
      background-image: url('../img/svg/icon-flow-sms-gray.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.gray.accept,
    .container.accessProgress .flow span.icon.gray.accept {
      background: url('../img/png/icon-flow-accept-gray.png');
      background-image: url('../img/svg/icon-flow-accept-gray.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress .table span.icon.gray.final,
    .container.accessProgress .flow span.icon.gray.final {
      background: url('../img/png/icon-flow-samlet-gray.png');
      background-image: url('../img/svg/icon-flow-samlet-gray.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }
    .container.accessProgress p {
      font-size: 0.9rem;
    }
    .container.accessProgress.compact .table span.icon.gray.arrowRight,
    .container.accessProgress.compact .flow span.icon.gray.arrowRight {
      width: 60px;
    }
    .explainRightRequestAccess {
      cursor: pointer;
    }
    .explainRightRequestAccess:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 0px;
      left: 0px;
      width: 24px;
      height: 25px;
      background: url('../img/png/icon_hjaelp_blaa.png');
      background-image: url('../img/svg/icon_hjaelp_blaa.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .explainRightRequestAccess:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .explainRightRequestAccess.absolute {
      position: absolute;
      top: -4px;
    }
    .explainRightRequestAccess:before {
      margin-right: 7px;
      top: 0px;
    }
    .explainRightRequestAccess:after {
      margin-left: 6px;
    }
    .contentBoxAccess {
      margin-bottom: 18px;
    }
    .contentBoxAccess > div {
      position: relative;
      width: 100%;
      padding: 20px;
    }
    .contentBoxAccess > div:last-of-type {
      background-color: #EEF3FA;
      display: none;
    }
    .contentBoxAccess > div:first-of-type {
      background-color: #EEF3FA !important;
      min-height: 80px;
      display: block;
    }
    .contentBoxAccess > div h2 {
      margin-top: 0px;
      margin-bottom: 0px;
      display: inline-block;
    }
    .contentBoxAccess > div .containerButtons {
      position: relative;
      text-align: center;
      padding: 10px 0px 0px 0px;
      display: flex;
      gap: 16px;
      justify-content: center;
    }
    .contentBoxAccess > div .containerButtonsLeft {
      position: relative;
      padding: 10px 0px 0px 0px;
      display: flex;
      gap: 16px;
      flex-direction: column;
    }
    .contentBoxAccess > div .containerList {
      position: relative;
      display: table;
      width: 100%;
    }
    .contentBoxAccess > div .containerList > div {
      vertical-align: top;
      position: relative;
      width: 50%;
      display: table-cell;
    }
    .contentBoxAccess > div .containerList > div:last-of-type {
      text-align: right;
    }
    .contentBoxAccess > div .containerList > div:first-of-type > div {
      margin-bottom: 8px;
    }
    .contentBoxAccess > div .containerList > div:first-of-type > div > span {
      position: relative;
      width: 50%;
      display: inline-block;
      font-size: 1rem;
      vertical-align: top;
    }
    .contentBoxAccess > div .containerList > div:first-of-type > div > span.text {
      padding-right: 4px;
    }
    .contentBoxAccess > div .containerList > div:first-of-type > div > span.date {
      font-weight: bold;
    }
    .contentBoxAccess > div .containerList > div:first-of-type > div > span.edit {
      color: #466a99;
      cursor: pointer;
    }
    .contentBoxAccess > div .containerList > div:first-of-type > div > span.edit:after {
      content: "";
      position: absolute;
      margin-left: 4px;
      background: url(../img/png/icon-pen.png) no-repeat;
      background-image: url(../img/svg/icon-pen.svg);
      display: inline-block;
      width: 16px;
      height: 17px;
      top: -1px;
    }
    .contentBoxAccess > div .containerListSent {
      padding: 20px !important;
      position: relative;
      display: table;
      font-size: 1rem;
      width: 100%;
    }
    .contentBoxAccess > div .containerListSent > div {
      display: table-row;
    }
    .contentBoxAccess > div .containerListSent > div:first-child > div:first-child {
      width: 50%;
    }
    .contentBoxAccess > div .containerListSent > div:first-child > div h2 {
      padding-bottom: 4px;
    }
    .contentBoxAccess > div .containerListSent > div > div {
      display: table-cell;
      padding-right: 20px;
      padding-bottom: 8px;
      vertical-align: top;
    }
    .contentBoxAccess > div .containerListSent > div > div:first-child {
      font-weight: bold;
    }
    .contentBoxAccess > div .containerListSent > div > div:last-child {
      padding-right: 0px;
    }
    .contentBoxAccess > div p.reject {
      color: #94220c;
    }
    .contentBoxAccess > div p.text-center {
      text-align: center;
    }
    .contentBoxAccess > div p.small {
      font-size: 0.9rem;
    }
    .contentBoxAccess .accordion {
      margin-top: 12px;
      margin-bottom: 10px;
    }
    .overlayDatepicker {
      position: fixed;
      background-color: #fff;
      opacity: 0.2;
      width: 100%;
      height: 100%;
      z-index: 9;
    }
    .overlayDatepicker.hide {
      display: none;
    }
    .containerDatepicker {
      position: absolute;
      border: solid 1px #474747;
      padding: 10px;
      display: inline-block;
      width: 320px;
      z-index: 10;
      background-color: #fff;
    }
    .containerDatepicker.hide {
      top: -10000px !important;
    }
    .containerDatepicker .containerMonths {
      position: relative;
      border-collapse: separate;
      border-spacing: 5px;
      table-layout: fixed;
      display: table;
      width: 100%;
      margin-bottom: 10px;
    }
    .containerDatepicker .containerMonths .tr {
      display: table-row;
    }
    .containerDatepicker .containerMonths .tr .td {
      text-align: center;
      display: table-cell;
      position: relative;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .containerDatepicker .containerMonths .tr .td:first-of-type {
      width: 20%;
      background-image: url(../img/svg/arrow-left-blue.svg);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 20px 20px;
      cursor: pointer;
    }
    .containerDatepicker .containerMonths .tr .td:last-of-type {
      width: 20%;
      background-image: url(../img/svg/arrow-right-blue.svg);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 20px 20px;
      cursor: pointer;
    }
    .containerDatepicker .containerMonths .tr .td.disabled {
      opacity: 0.4;
      cursor: auto;
    }
    .containerDatepicker .containerCalendar {
      position: relative;
      border-collapse: separate;
      border-spacing: 5px;
      display: table;
      width: 100%;
    }
    .containerDatepicker .containerCalendar .tr {
      display: table-row;
    }
    .containerDatepicker .containerCalendar .tr:first-of-type {
      font-weight: bold;
      cursor: pointer;
    }
    .containerDatepicker .containerCalendar .tr .td {
      display: table-cell;
      text-align: center;
      -webkit-transition: background-color 0.5s ease, color 0.5s ease;
      -moz-transition: background-color 0.5s ease, color 0.5s ease;
      -o-transition: background-color 0.5s ease, color 0.5s ease;
      transition: background-color 0.5s ease, color 0.5s ease;
    }
    .containerDatepicker .containerCalendar .tr .td.disabled {
      color: silver;
      cursor: auto;
    }
    .containerDatepicker .containerCalendar .tr .td.disabled:hover {
      background-color: transparent;
    }
    .containerDatepicker .containerCalendar .tr .td:not(.disabled) {
      cursor: pointer;
    }
    .containerDatepicker .containerCalendar .tr .td:not(.disabled) span:hover {
      background-color: #355074;
      color: #fff;
    }
    .containerDatepicker .containerCalendar .tr .td.today {
      font-weight: bold;
    }
    .containerDatepicker .containerCalendar .tr .td.selected span {
      background-color: #355074;
      color: #fff;
      border-radius: 100%;
    }
    .containerDatepicker .containerCalendar .tr .td span {
      display: inline-block;
      padding: 5px;
    }
    .grid-lite {
      position: relative;
      vertical-align: top;
      font-size: 0px;
    }
    .grid-lite .row {
      position: relative;
      width: 100%;
      vertical-align: top;
    }
    .grid-lite .row .columns {
      position: relative;
      vertical-align: top;
    }
    .grid-lite .row .columns.text-center {
      text-align: center;
    }
    .grid-lite .row .columns.small-12 {
      width: 100%;
    }
    .infoBoxWrapper {
      border: 4px solid #EEF3FA;
      position: relative;
      width: 100%;
      display: inline-block;
      text-align: center;
      margin-top: 20px !important;
    }
    .infoBoxShadow {
      margin: 10px;
      background-color: #EEF3FA !important;
      -moz-box-shadow: 3px 3px 5px #e7e8e6;
      -webkit-box-shadow: 3px 3px 5px #e7e8e6;
      box-shadow: 3px 3px 5px #e7e8e6;
    }
    .infoBox {
      text-align: left;
      padding: 15px 20px 20px 20px;
    }
    .infoBox .buttonPanel {
      background: #fff;
    }
    .infoBox label,
    .infoBox select {
      margin: 0px 0px 10px 10px;
      line-height: 10px;
      font-size: 10px;
    }
    .infoBox a {
      display: block;
      margin: 10px 10px 10px 10px;
      font-size: 16px;
      text-align: left;
    }
    .infoBox ul {
      list-style-type: none;
      margin: 10px 0 10px;
      padding-left: 0;
      font-size: 14px;
      width: 100%;
    }
    .infoBox li {
      display: block;
      overflow: hidden;
      position: relative;
      float: left;
      margin: 0 20px 10px 10px;
      padding-left: 0px;
      line-height: 20px;
      text-align: left;
      color: #474747;
      width: 100%;
    }
    .infoBox li span {
      float: left;
    }
    .infoBox li span.colRight {
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      width: 25%;
      float: right;
      text-align: left;
    }
    .infoBox li label {
      display: inline;
      line-height: 0px;
    }
    .lt-ie9 .infoBox li {
      padding-left: 20px;
    }
    .lt-ie9 .infoBox li:before {
      display: none;
    }
    .infoBox .margin-top-1rem {
      margin-top: 1rem;
    }
    .infoBox .flex-align-end {
      display: flex;
      align-items: flex-end;
    }
    .infoBox .checkbox-size {
      height: 25px;
      width: 25px;
    }
    .infoBox .font-large {
      font-size: large;
    }
    .infoBox .error-span {
      display: block;
    }
  }
  @media print and (max-width: 768px), screen and (max-width: 768px) {
    .smallHeader .containerUser > div {
      font-size: 18px;
    }
  }
  @media print and (max-width: 959px), screen and (max-width: 959px) {
    .mainContainer.columns-2-overview .column,
    .containerPopup.columns-2-overview .column,
    .contentContainer.columns-2-overview .column {
      flex: 1 1 100%;
      padding: 0;
    }
    .mainContainer.columns-2-overview .column:nth-child(1),
    .containerPopup.columns-2-overview .column:nth-child(1),
    .contentContainer.columns-2-overview .column:nth-child(1) {
      order: 1;
      padding: 0px;
    }
    .mainContainer.columns-2-overview .column:nth-child(2),
    .containerPopup.columns-2-overview .column:nth-child(2),
    .contentContainer.columns-2-overview .column:nth-child(2) {
      order: 2;
      padding: 0px;
    }
    .mainContainer.columns-2-overview .column:nth-child(3),
    .containerPopup.columns-2-overview .column:nth-child(3),
    .contentContainer.columns-2-overview .column:nth-child(3) {
      order: 3;
      padding: 0px;
    }
    .mainContainer.columns-2-overview .column:nth-child(4),
    .containerPopup.columns-2-overview .column:nth-child(4),
    .contentContainer.columns-2-overview .column:nth-child(4) {
      order: 4;
      padding: 0px;
    }
    .mainContainer.columns-2-overview .column:nth-child(5),
    .containerPopup.columns-2-overview .column:nth-child(5),
    .contentContainer.columns-2-overview .column:nth-child(5) {
      order: 5;
      padding: 0px;
    }
    .mainContainer.columns-2-overview .column:nth-child(6),
    .containerPopup.columns-2-overview .column:nth-child(6),
    .contentContainer.columns-2-overview .column:nth-child(6) {
      order: 6;
      padding: 0px;
    }
    .mainContainer.columns-2-overview .column:nth-child(7),
    .containerPopup.columns-2-overview .column:nth-child(7),
    .contentContainer.columns-2-overview .column:nth-child(7) {
      order: 7;
      padding: 0px;
    }
    .mainContainer.columns-2-overview .column:nth-child(8),
    .containerPopup.columns-2-overview .column:nth-child(8),
    .contentContainer.columns-2-overview .column:nth-child(8) {
      order: 8;
      padding: 0px;
      visibility: visible;
      display: block;
    }
    .mainContainer.columns-2-overview .column .summaryBox,
    .containerPopup.columns-2-overview .column .summaryBox,
    .contentContainer.columns-2-overview .column .summaryBox {
      gap: 0px;
    }
  }
  @media print and (max-width: 959px), screen and (max-width: 959px) {
    .mainContainer .columns-2-multi .column,
    .containerPopup .columns-2-multi .column,
    .contentContainer .columns-2-multi .column {
      flex: 1 1 100%;
      padding: 0;
      order: unset !important;
    }
    .mainContainer .columns-2-multi .column.column-cohabitant,
    .containerPopup .columns-2-multi .column.column-cohabitant,
    .contentContainer .columns-2-multi .column.column-cohabitant {
      order: unset !important;
      padding-right: 0;
      padding-left: 0;
    }
  }
  @media print and (max-width: 1023px), screen and (max-width: 1023px) {
    .info-box {
      width: 100%;
      align-items: normal;
      padding: 0.75rem 1rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .info-box__text {
      white-space: normal;
    }
    .information-messages-top .info-box:not(:first-child) {
      display: none !important;
    }
  }
  @media print and (min-width: 1024px), screen and (min-width: 1024px) {
    .information-messages-top {
      display: none;
    }
    .info-box {
      min-height: 3.25rem;
      position: relative;
      /* or absolute/fixed if overlaying */
      z-index: 1000;
      /* must be above video container */
      pointer-events: auto;
      /* ensures clicks are caught */
    }
    .info-box__content {
      background: rgba(255, 255, 255, 0.95);
      border-radius: 8px;
      padding: 1rem;
      position: relative;
      z-index: 1001;
    }
    .information-message-container {
      position: absolute;
      /* floats above other content */
      margin-top: 1rem;
      left: 50%;
      transform: translateX(-50%);
      width: 58.25rem;
      /* as per Figma */
      z-index: 1000;
      /* ensure it sits above everything */
      pointer-events: none;
      /* prevent blocking clicks below if needed */
    }
    .information-message {
      position: relative;
      /* internal positioning */
      width: 58.25rem;
      height: 3.25rem;
      font-size: 0.875rem;
      color: #002D6B;
      background-color: #DEEDFD;
      border-left: 0.125rem solid #002D6B;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 1rem;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      pointer-events: auto;
      /* enable interaction on message */
    }
    .information-message .icon-info {
      width: 1rem;
      height: 1rem;
      flex-shrink: 0;
    }
    .information-message .icon-close {
      width: 0.75rem;
      height: 0.75rem;
      flex-shrink: 0;
      cursor: pointer;
    }
  }
  @media print and (max-width: 1023px), screen and (max-width: 1023px) {
    .information-message-container {
      display: none;
    }
  }
  @media print and (min-width: 32rem), screen and (min-width: 32rem) {
    .contentBoxAccess > div .containerButtonsLeft {
      flex-direction: row;
    }
  }
  @media (min-width: 1280px) {
    /*TODO: mq less structure violation min-960 rules are re-used on width > 1080 */
    .mainContainer {
      max-width: min(1280px, calc(100% - 10.5rem));
      padding: 0;
    }
    .mainContainer.pageSubmenuWrapper {
      margin-bottom: 70px;
    }
    .mainContainer .containerSliderTop {
      max-width: 480px;
    }
    .mainContainer .smallHeader-wrapper {
      display: flex;
      width: 100%;
      position: relative;
      background-color: #FFDDB0;
    }
    .mainContainer .smallHeader-wrapper:before {
      width: 100vw;
      position: relative;
      background-color: #FFDDB0;
    }
    .mainContainer .smallHeader-wrapper .smallHeader .lang-spacer {
      margin: 0 0.0625rem;
    }
    .headercontainer {
      position: relative;
      margin: 0 auto;
      max-width: 100% !important;
    }
    .headercontainer.max-w-conditional {
      max-width: min(1280px, calc(100% - 10.5rem)) !important;
    }
    .smallHeader-wrapper {
      display: flex;
      width: 100%;
      position: relative;
      background-color: #FFDDB0;
    }
    .smallHeader-wrapper:before {
      width: 100vw;
      position: relative;
      background-color: #FFDDB0;
    }
    .smallHeader-wrapper .smallHeader .lang-spacer {
      margin: 0 0.0625rem;
    }
    .mainWrapper .smallHeader-wrapper .smallHeader {
      max-width: 100% !important;
      margin: auto !important;
    }
    .mainWrapper .smallHeader-wrapper .smallHeader.multi {
      max-width: min(1280px, calc(100% - 10.5rem)) !important;
    }
    .smallHeader > div:first-child {
      margin-left: 4px;
    }
    .smallHeader .display-contents {
      display: contents;
    }
    .smallHeader .display-contents svg {
      margin-right: 0.625rem;
    }
    ul.topnavleft li span a {
      font-size: 1.125rem;
    }
    ul.topnavleft li::after {
      left: 0.5rem;
      right: 0.5rem;
    }
    ul.topnavleft:last-child li span a {
      padding: 0 0.625rem;
    }
    .pageTitle {
      padding: 0px 0 50px 0;
    }
    .pageTitle .pageTitle .h1Small {
      font-size: 40px;
      padding: 0;
      margin: 0;
      color: #002C69;
    }
    .mainWrapperSubFooter {
      width: 100%;
      background-color: #FEEFD9;
    }
    .pageSubmenu li a {
      font-size: 18px;
      padding: 2px 20px 0;
    }
    .contentLeft700 {
      position: relative;
      display: inline-block;
      width: 950px;
      margin-right: 12px;
      vertical-align: top;
    }
    .textAlignRightDesktopOnly {
      text-align: right;
    }
    .marginTop20DesktopOnly {
      margin-top: 20px;
    }
    .contentLeft {
      position: relative;
      display: inline-block;
      width: 636px;
      margin-right: 4px;
      vertical-align: top;
    }
    .contentLeft390 {
      display: inline-block;
      width: 550px;
    }
    .contentRight {
      position: relative;
      display: inline-block;
      width: 304px;
      vertical-align: top;
    }
    .contentLeft538 {
      position: relative;
      display: inline-block;
      width: 40%;
      vertical-align: top;
      padding-right: 60px;
    }
    .contentLeft538 p {
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      letter-spacing: 0.02em;
    }
    .contentLeft538 h1 {
      font-size: 35px;
    }
    .contentRight734 {
      position: relative;
      display: inline-block;
      width: 60%;
      vertical-align: top;
    }
    .contentRight550 {
      position: relative;
      display: inline-block;
      width: 550px;
      vertical-align: top;
    }
    .pensionPageSubHeaderBody {
      display: flex;
      gap: 9.25rem;
    }
    .pi-slider-chart {
      width: 90%;
    }
    .pi-salery-side,
    .pi-salery-sideInfo {
      margin-left: 0;
      margin-right: 0;
    }
    .pageContainer {
      padding-bottom: 0;
    }
    .pageContainer .startPageRight {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 550px;
    }
    .pageContainer .column h1 {
      font-size: 28px;
      line-height: 60px;
      font-weight: bold;
      margin: 10px 0 0 0;
    }
    .pageContainer .column h1.orange {
      color: #002C69;
    }
    .pageContainer .column h1.text-center {
      text-align: center;
    }
    .centerContainer {
      width: 100%;
      text-align: center;
    }
    .centerContainer .carousel {
      height: 48px;
      margin-top: 40px;
    }
    .centerContainer .carousel .dotContainer {
      padding-top: 10px;
      margin-right: 60px;
    }
    .summaryBox .buttonsContainer .explainationContainer a strong {
      font-weight: normal;
    }
    .contentLeft756-splitter {
      margin-right: 5rem;
    }
    .welcome-div {
      display: block;
    }
    .welcome-div-mobile {
      display: none;
    }
    .helpTextWrapper .helpText {
      bottom: 150%;
    }
    .dataTable td,
    .dataTable th {
      min-width: 160px;
    }
    .dataTable caption a.left {
      margin-left: 110px;
    }
    .dealWrapper {
      width: 100%;
      margin: 0 0 30px;
      padding: 0px;
      overflow: hidden;
    }
    .deal {
      display: inline-block;
      margin: 0 0 20px 36px;
    }
    .dealDetails {
      width: 484px;
      min-height: 130px;
      margin-right: calc(100% - 884px);
    }
    .dealContact {
      margin-left: 0;
    }
    .dealContact a,
    .dealContact strong {
      white-space: nowrap;
      line-height: 1.4;
      display: inline-block;
      margin: 0 20px 0 0px;
      font-size: 16px;
    }
    .dealNumbers {
      width: 400px;
    }
    .dealNumbers h5 {
      font-size: 22px;
    }
    .dealNumbers span {
      font-size: 28px;
      width: 150px;
    }
    .pensionDetailsBox {
      position: relative;
      overflow: hidden;
      display: inline-block;
      margin: 10px 0 0 0px;
      padding: 40px 0 10px;
      background: rgba(238, 243, 250, 0.9);
    }
    .pensionDetailsBox p,
    .pensionDetailsBox > div,
    .pensionDetailsBox input,
    .pensionDetailsBox button {
      margin: 10px 10px 5px;
    }
    .pensionDetailsBox:first-child {
      margin-left: 0;
    }
    .pensionDetailsBox:before {
      content: attr(data-text-header);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 40px;
      margin: 0 0 20px;
      padding: 0 10px 0 10px;
      background: #c7d7ee;
      font-size: 18px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      line-height: 42px;
      color: #002C69;
    }
    .pensionDetailsBox .saleryInput {
      display: inline-block;
    }
    .pensionDetailsBox .saleryInput input[type=text],
    .pensionDetailsBox .saleryInput input[type=submit] {
      display: none;
    }
    .pensionDetailsBox .saleryInput.active {
      display: block;
      margin: 10px 0;
      padding: 10px;
      background: #e7e8e6;
      text-align: center;
    }
    .pensionDetailsBox .saleryInput.active input[type=text] {
      display: inline-block;
      max-width: 50%;
      margin: 10px 10px 10px 0;
    }
    .pensionDetailsBox .saleryInput.active input[type=submit] {
      display: inline-block;
    }
    .pensionDetailsBox .saleryInput.active a:before {
      content: attr(data-text-close) ' "';
    }
    .pensionDetailsBox .saleryInput.active a:after {
      content: '"';
    }
    .chartTableSelector {
      padding-top: 10px;
      right: 0px;
    }
    .providerOverview h3 {
      max-width: 60%;
    }
    .providerOverview li {
      width: 35%;
    }
    .noScrollMobile {
      width: 100%;
    }
    .containerPopup .containerContent {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }
    .containerPopup .containerContent .inner {
      width: auto;
      max-width: 900px;
      padding: 20px 30px 20px 30px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .submenu ul {
      width: 1280px;
    }
    /* Menu item */
    .submenu li {
      line-height: 56px;
      padding: 0 20px;
      font-size: 18px;
    }
    .submenu li a {
      text-decoration: none;
      color: inherit;
      cursor: inherit;
      font-size: 18px;
    }
    .submenu-arrows::before,
    .submenu-arrows::after {
      background-size: 28px 28px;
    }
    .grid-lite .row .columns.small-4 {
      display: inline-block;
      width: calc(33.33% - 14px);
      margin-left: 21px;
    }
    .grid-lite .row .columns.small-4:first-of-type {
      margin-left: 0px;
    }
    .grid-lite .row .columns.small-5 {
      display: inline-block;
      width: 41.66%;
    }
    .grid-lite .row .columns.small-5.small-padding-20-right {
      width: calc(41.66% - 20px);
      margin-right: 20px;
    }
    .grid-lite .row .columns.small-7 {
      display: inline-block;
      width: 58.33%;
    }
  }
  @media (min-width: 960px) and (max-width: 1279px) {
    .mainContainer {
      max-width: min(960px, calc(100% - 10.5rem));
      margin: 0 auto;
      padding: 0;
    }
    .mainContainer .contentWrapper {
      padding-bottom: 30px;
    }
    .mainContainer.pageSubmenuWrapper {
      margin-bottom: 70px;
    }
    .mainContainer .containerSliderTop {
      max-width: 480px;
    }
    .headercontainer {
      max-width: min(960px, calc(100% - 10.5rem));
      margin: 0 auto;
      padding: 0;
    }
    .mainWrapper .smallHeader-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }
    .mainWrapper .smallHeader-wrapper .smallHeader {
      max-width: min(960px, calc(100% - 10.5rem));
      margin-right: 0;
    }
    .mainWrapper .smallHeader-wrapper .smallHeader.multi:not(.zero-margin) {
      margin: 0 auto;
    }
    .smallHeader > div:first-child {
      margin-left: 4px;
    }
    .smallHeader .display-contents {
      display: contents;
    }
    .smallHeader .display-contents svg {
      margin-right: 0.625rem;
    }
    ul.topnavleft li span a {
      font-size: 1.25rem;
    }
    ul.topnavleft:first-child li:last-child {
      display: none;
    }
    ul.topnavleft:last-child li span a {
      padding: 0 0.625rem;
    }
    .pageTitle {
      padding: 0px 0 50px 0;
    }
    .pageTitle .pageTitle .h1Small {
      font-size: 40px;
      padding: 0;
      margin: 0;
      color: #002C69;
    }
    .mainWrapperSubFooter {
      width: 100%;
      background-color: #FEEFD9;
    }
    .pageSubmenu li a {
      font-size: 18px;
      padding: 2px 20px 0;
    }
    .sectionBreak {
      margin-top: 70px;
    }
    .sectionBreak .mainContainer .pageTitle > h1 {
      font-size: 50px;
    }
    .textAlignRightDesktopOnly {
      text-align: right;
    }
    .marginTop20DesktopOnly {
      margin-top: 20px;
    }
    .contentLeft {
      position: relative;
      display: inline-block;
      width: 636px;
      margin-right: 4px;
      vertical-align: top;
    }
    .contentLeft700 {
      position: relative;
      display: inline-block;
      width: 100%;
      margin-right: 12px;
      vertical-align: top;
    }
    .contentRight {
      position: relative;
      display: inline-block;
      width: 304px;
      vertical-align: top;
    }
    .contentLeft390 {
      position: relative;
      display: inline-block;
      width: 390px;
      margin-right: 4px;
      vertical-align: top;
      padding-right: 10px;
    }
    .contentRight550 {
      position: relative;
      display: inline-block;
      width: 550px;
      vertical-align: top;
    }
    .contentRight224 {
      position: relative;
      display: inline-block;
      width: 275px;
      vertical-align: top;
      margin-left: 12px;
      left: 100px;
    }
    .contentRight224 p a {
      color: #FF9100;
    }
    .contentLeft538 h1 {
      font-size: 35px;
    }
    .pi-salery-side,
    .pi-salery-sideInfo {
      margin-left: 0;
      margin-right: 0;
    }
    .pageContainer {
      padding-bottom: 0;
    }
    .pageContainer .startPageRight {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 550px;
    }
    .pageContainer .column h1 {
      font-size: 28px;
      line-height: 60px;
      font-weight: bold;
      margin: 10px 0 0 0;
    }
    .pageContainer .column h1.orange {
      color: #002C69;
    }
    .pageContainer .column h1.text-center {
      text-align: center;
    }
    .centerContainer {
      width: 100%;
      text-align: center;
    }
    .centerContainer .carousel {
      height: 48px;
      margin-top: 40px;
    }
    .centerContainer .carousel .dotContainer {
      padding-top: 10px;
      margin-right: 60px;
    }
    .summaryBox .buttonsContainer .explainationContainer a strong {
      font-weight: normal;
    }
    .contentLeft756-splitter {
      margin-right: 5rem;
    }
    .welcome-div {
      display: block;
    }
    .welcome-div-mobile {
      display: none;
    }
    .helpTextWrapper .helpText {
      bottom: 150%;
    }
    .dataTable td,
    .dataTable th {
      min-width: 160px;
    }
    .dataTable caption a.left {
      margin-left: 110px;
    }
    .dealWrapper {
      width: 100%;
      margin: 0 0 30px;
      padding: 0px;
      overflow: hidden;
    }
    .deal {
      display: inline-block;
      margin: 0 0 20px 36px;
    }
    .dealDetails {
      width: 484px;
      min-height: 130px;
      margin-right: calc(100% - 884px);
    }
    .dealContact {
      margin-left: 0;
    }
    .dealContact a,
    .dealContact strong {
      white-space: nowrap;
      line-height: 1.4;
      display: inline-block;
      margin: 0 20px 0 0px;
      font-size: 16px;
    }
    .dealNumbers {
      width: 400px;
    }
    .dealNumbers h5 {
      font-size: 22px;
    }
    .dealNumbers span {
      font-size: 28px;
      width: 150px;
    }
    .pensionDetailsBox {
      position: relative;
      overflow: hidden;
      display: inline-block;
      margin: 10px 0 0 0px;
      padding: 40px 0 10px;
      background: rgba(238, 243, 250, 0.9);
    }
    .pensionDetailsBox p,
    .pensionDetailsBox > div,
    .pensionDetailsBox input,
    .pensionDetailsBox button {
      margin: 10px 10px 5px;
    }
    .pensionDetailsBox:first-child {
      margin-left: 0;
    }
    .pensionDetailsBox:before {
      content: attr(data-text-header);
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 40px;
      margin: 0 0 20px;
      padding: 0 10px 0 10px;
      background: #c7d7ee;
      font-size: 18px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      line-height: 42px;
      color: #002C69;
    }
    .pensionDetailsBox .saleryInput {
      display: inline-block;
    }
    .pensionDetailsBox .saleryInput input[type=text],
    .pensionDetailsBox .saleryInput input[type=submit] {
      display: none;
    }
    .pensionDetailsBox .saleryInput.active {
      display: block;
      margin: 10px 0;
      padding: 10px;
      background: #e7e8e6;
      text-align: center;
    }
    .pensionDetailsBox .saleryInput.active input[type=text] {
      display: inline-block;
      max-width: 50%;
      margin: 10px 10px 10px 0;
    }
    .pensionDetailsBox .saleryInput.active input[type=submit] {
      display: inline-block;
    }
    .pensionDetailsBox .saleryInput.active a:before {
      content: attr(data-text-close) ' "';
    }
    .pensionDetailsBox .saleryInput.active a:after {
      content: '"';
    }
    .chartTableSelector {
      padding-top: 10px;
      right: 0px;
    }
    .providerOverview h3 {
      max-width: 60%;
    }
    .providerOverview li {
      width: 35%;
    }
    .noScrollMobile {
      width: 100%;
    }
    .containerPopup .containerContent {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }
    .containerPopup .containerContent .inner {
      width: auto;
      max-width: 900px;
      padding: 20px 30px 20px 30px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .submenu ul {
      width: 960px;
    }
    /* Menu item */
    .submenu li {
      line-height: 56px;
      padding: 0 20px;
      font-size: 18px;
    }
    .submenu li a {
      text-decoration: none;
      color: inherit;
      cursor: inherit;
      font-size: 18px;
    }
    .submenu-arrows::before,
    .submenu-arrows::after {
      background-size: 28px 28px;
    }
    .grid-lite .row .columns.small-4 {
      display: inline-block;
      width: calc(33.33% - 14px);
      margin-left: 21px;
    }
    .grid-lite .row .columns.small-4:first-of-type {
      margin-left: 0px;
    }
    .grid-lite .row .columns.small-5 {
      display: inline-block;
      width: 41.66%;
    }
    .grid-lite .row .columns.small-5.small-padding-20-right {
      width: calc(41.66% - 20px);
      margin-right: 20px;
    }
    .grid-lite .row .columns.small-7 {
      display: inline-block;
      width: 58.33%;
    }
  }
  @media (min-width: 768px) and (max-width: 959px) {
    .mainContainer {
      width: calc(100% - 8px);
      max-width: 768px;
      padding-left: 4px;
      padding-right: 4px;
    }
    .mainContainer a {
      font-size: 18px;
    }
    .mainContainer.pageSubmenuWrapper {
      margin-bottom: 70px;
    }
    .mainContainer .containerSliderTop {
      max-width: 480px;
    }
    .mainWrapper .mainContainer.tableWrapper,
    .mainWrapper .mainContainer .tableWrapper,
    .contentWrapper .mainContainer.tableWrapper,
    .contentWrapper .mainContainer .tableWrapper {
      /*tablet mode - we want containers on top of each other*/
    }
    .mainWrapper .mainContainer.tableWrapper .tableHeader,
    .mainWrapper .mainContainer .tableWrapper .tableHeader,
    .contentWrapper .mainContainer.tableWrapper .tableHeader,
    .contentWrapper .mainContainer .tableWrapper .tableHeader {
      display: table-header-group !important;
    }
    .mainWrapper .mainContainer.tableWrapper .tableFooter,
    .mainWrapper .mainContainer .tableWrapper .tableFooter,
    .contentWrapper .mainContainer.tableWrapper .tableFooter,
    .contentWrapper .mainContainer .tableWrapper .tableFooter {
      display: table-footer-group !important;
    }
    .mainWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly {
      display: table-cell;
    }
    .mainWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableFooterMobileOnly {
      display: table-cell;
    }
    .mainContainer {
      width: calc(100% - 8px);
      max-width: 768px;
      padding-left: 4px;
      padding-right: 4px;
    }
    .mainContainer a {
      font-size: 18px;
    }
    .mainContainer.pageSubmenuWrapper {
      margin-bottom: 70px;
    }
    .mainContainer .containerSliderTop {
      max-width: 480px;
    }
    .mainWrapper .mainContainer.tableWrapper,
    .mainWrapper .mainContainer .tableWrapper,
    .contentWrapper .mainContainer.tableWrapper,
    .contentWrapper .mainContainer .tableWrapper {
      /*tablet mode - we want containers on top of each other*/
    }
    .mainWrapper .mainContainer.tableWrapper .tableHeader,
    .mainWrapper .mainContainer .tableWrapper .tableHeader,
    .contentWrapper .mainContainer.tableWrapper .tableHeader,
    .contentWrapper .mainContainer .tableWrapper .tableHeader {
      display: table-header-group !important;
    }
    .mainWrapper .mainContainer.tableWrapper .tableFooter,
    .mainWrapper .mainContainer .tableWrapper .tableFooter,
    .contentWrapper .mainContainer.tableWrapper .tableFooter,
    .contentWrapper .mainContainer .tableWrapper .tableFooter {
      display: table-footer-group !important;
    }
    .mainWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly {
      display: table-cell;
    }
    .mainWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableFooterMobileOnly {
      display: table-cell;
    }
    .smallHeader .containerUser {
      float: left;
      margin-left: 1rem;
    }
    .topNavContainer ul.topnavleft li a {
      font-size: 1.125rem;
    }
    .topNavContainer ul.topnavleft li::after {
      left: 0.5rem;
      right: 0.5rem;
    }
    .topNavContainer ul.topnavleft span a {
      padding: 0 0.625rem;
    }
    .pageTitle h1 {
      font-size: 2.5rem;
    }
    .mainWrapperSubFooter .containerBox {
      border-spacing: 0px;
    }
    .mainWrapperSubFooter .containerBox .box:nth-child(3) {
      display: none;
    }
    .mainWrapperSubFooter .containerBox .box:first-of-type {
      left: 0px;
    }
    .mainWrapperSubFooter .containerBox .box:last-of-type {
      right: 5px;
    }
    .mainWrapperFooter {
      text-align: left;
      padding-top: 3.125rem;
    }
    .mainWrapperFooter a {
      display: block;
      font-weight: bold;
      font-size: 1rem;
      text-decoration: none;
      padding: 0;
      margin: 0 0 0.5rem 1.875rem;
    }
    .mainWrapperFooter a:after {
      display: none;
    }
    .mainWrapperFooter a:last-child {
      padding-bottom: 0;
    }
    .mainWrapperFooter a:last-child:after {
      display: none;
    }
    .mainWrapperFooter .footer {
      columns: 2;
      height: 100%;
      width: 100%;
      margin-bottom: 3.125rem;
    }
    .pageSubmenuHeader .tableWrapper h2 {
      font-size: 20px;
    }
    /*Can use most of the basic stuff here*/
    .textAlignRightDesktopOnly {
      text-align: right;
    }
    .carousel > img {
      height: 30px;
      max-width: 70px;
      margin: 0 10px 0 10px;
    }
    .dot-pinfo {
      width: 6px;
      height: 6px;
      border-radius: 3px;
      box-shadow: 9985px 0 0 0 #002C69, 9999px 0 0 0 #002C69, 10013px 0 0 0 #002C69;
      animation: dotPinfoSmall 1.5s linear;
    }
    .contentLeft700 {
      position: relative;
      display: inline-block;
      width: 100%;
      margin-right: 12px;
      vertical-align: top;
    }
    .contentLeft538 h1 {
      font-size: 35px;
    }
    .barchart {
      padding: 18px 0px 18px 10px;
    }
    .pi-slider-chart {
      display: none !important;
    }
    .pi-slider-top .noUi-handle {
      cursor: pointer;
      top: -42px;
      left: -26px;
      width: 52px;
      height: 56px;
      background: #002C69;
      border: none;
      border-radius: 0;
      box-shadow: none;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-top .noUi-handle:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -26px;
      width: 0;
      height: 0;
      background: transparent !important;
      border-right: 26px solid transparent;
      border-left: 26px solid transparent;
      border-top: 26px solid #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-top .noUi-handle:before {
      display: none;
    }
    .pi-slider-top .noUi-handle:hover {
      background: #002150;
    }
    .pi-slider-top .noUi-handle:hover:after {
      border-top-color: #002150;
    }
    .pi-slider-top .noUi-handle-value:before {
      content: attr(data-read-value);
      display: block;
      color: #fff;
      text-align: center;
      padding-top: 6px;
      font-size: 28px;
      font-weight: bold;
    }
    .pi-slider-top .noUi-handle-value:after {
      content: '\00e5r';
      display: block;
      color: #fff;
      text-align: center;
      font-size: 18px;
    }
    .purchasePowerBackground {
      width: 100%;
    }
    .pageContainer .containerContent.startPageLeft {
      width: calc(100% - 4px);
    }
    .pageContainer .containerContent.startPageLeft .videoBoxContainer {
      position: relative;
      margin-top: 40px;
    }
    .pageContainer .containerContent.startPageRight {
      width: 100%;
      padding: 10px;
    }
    .pageContainer .containerContent.startPageRight h1 {
      margin: 20px 0px 0px 0px;
    }
    .pageContainer .containerContent.startPageRight .whiteBox {
      max-width: 100%;
      min-height: 190px;
      padding-top: 30px;
      padding-bottom: 40px;
      margin-top: 30px;
    }
    .pageContainer .containerContent.startPageRight .whiteBox a.nemidButton {
      margin: 0px 0px 30px 0px;
    }
    .pageContainer .column h1 {
      font-size: 22px;
      line-height: 60px;
      font-weight: bold;
      margin: 10px 0 0 0;
    }
    .pageContainer .column h1.orange {
      color: #002C69;
    }
    .pageContainer .column h1.text-center {
      text-align: center;
    }
    .summaryBox .age {
      position: relative;
      margin: 15px 0;
      padding: 0 10px;
      font-size: 36px;
      font-weight: bold;
      color: #002C69;
    }
    .summaryBox .age span {
      margin-left: 5px;
      font-size: 28px;
      font-weight: normal;
    }
    .summaryBox .age:before,
    .summaryBox .age:after {
      content: "";
      position: absolute;
      display: none;
      top: 20px;
      width: 33%;
      height: 2px;
      background: #002C69;
      z-index: 0;
    }
    .summaryBox .age:before {
      left: 50%;
      margin-left: -40%;
    }
    .summaryBox .age:after {
      right: 50%;
      margin-right: -40%;
    }
    .summaryBox h2 {
      font-size: 30px;
      margin-bottom: 4px;
      color: #002C69;
      line-height: 1.2em;
    }
    .summaryBox .buttonsContainer .explainationContainer a strong {
      font-weight: normal;
    }
    .pensionSavingsExplanation-Label {
      font-size: 18px;
    }
    .welcome-div {
      display: none;
    }
    .welcome-div-mobile {
      display: block;
    }
    .dataTable th {
      position: relative;
      min-width: 80px;
      padding: 3px 5px 0;
      text-align: right;
      vertical-align: top;
      line-height: 25px;
    }
    .dataTable td {
      position: relative;
      min-width: 80px;
      padding: 3px 5px 0;
      line-height: 46px;
      text-align: right;
    }
    .dataTable tfoot tr {
      height: 70px;
      background: #BDDAFB;
    }
    .dataTable tfoot td {
      font-size: 16px;
      padding-right: 6px;
      vertical-align: middle;
    }
    .dataTable tfoot td:first-child {
      padding-left: 20px;
      text-align: left;
    }
    .dataTable.Mobile thead tr th {
      position: relative;
      width: 100%;
      padding: 3px 4px 3px 2px;
      line-height: 46px;
      text-align: center;
    }
    .dataTable.Mobile thead tr th:first-child {
      font-size: 20px;
      line-height: 24px;
    }
    .dataTable.Mobile thead tr th:first-child span {
      white-space: normal;
    }
    .dataTable.Mobile thead tr th:first-child span:before {
      content: attr(data-text-firstyear);
      position: relative;
      display: block;
      color: #002C69;
      font-size: 20px;
      text-align: center;
      line-height: 30px;
      text-transform: none;
    }
    .dealDetails {
      min-height: 130px;
      margin-right: calc(100% - 721px);
    }
    .dealContact {
      margin-left: 0;
    }
    .dealContact a,
    .dealContact strong {
      white-space: nowrap;
      line-height: 1.4;
      display: inline-block;
      margin: 0 20px 0 0;
      font-size: 16px;
    }
    .dealNumbers h5 {
      font-size: 18px;
    }
    .dealNumbers span {
      font-size: 20px;
      width: 120px;
    }
    .noScrollMobile {
      left: 50%;
      margin-left: -476px;
      /* Half of the width */
      width: 952px;
    }
    .containerPopup .containerContent {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }
    .containerPopup .containerContent .inner {
      width: calc(100% - 20px);
      max-width: 700px;
      padding: 20px 20px 35px 20px;
    }
    /* Menu item */
    .submenu li {
      line-height: 56px;
      padding: 0 20px;
    }
    .submenu ul {
      width: 767px;
    }
    .submenu li a {
      text-decoration: none;
      color: inherit;
      cursor: inherit;
      font-size: 18px;
    }
    /* Submenu seperator */
    .submenu li::before {
      height: 30px;
    }
    /* Active menu item down arrow */
    .submenu li.active::after {
      bottom: 10px;
      border-left-width: 5px;
      border-right-width: 5px;
      border-top-width: 5px;
    }
    /* IE9 styling */
    .ie9 .submenu li.active:after {
      left: 50%;
      margin-left: -5px;
    }
    .containerOuterCookie {
      height: 80px;
    }
    .containerOuterCookie:after {
      font-size: 24px;
      top: 8px;
      right: 30px;
    }
    .containerOuterCookie .containerInnerCookie {
      max-width: 768px;
      padding-top: 12px;
      padding-bottom: 16px;
      padding-left: 30px;
      padding-right: 30px;
      font-size: 16px;
      line-height: 22px;
    }
    .contentBoxAccess > div:first-of-type .containerList {
      display: block;
    }
    .contentBoxAccess > div .containerList > div {
      width: 100%;
      display: block;
    }
    .grid-lite .row .columns.small-4 {
      display: inline-block;
      width: calc(33.33% - 14px);
      margin-left: 21px;
    }
    .grid-lite .row .columns.small-4:first-of-type {
      margin-left: 0px;
    }
    .grid-lite .row .columns.small-5 {
      display: inline-block;
      width: 41.66%;
    }
    .grid-lite .row .columns.small-5.small-padding-20-right {
      width: calc(41.66% - 20px);
      margin-right: 20px;
    }
    .grid-lite .row .columns.small-7 {
      display: inline-block;
      width: 58.33%;
    }
  }
  @media only screen and (max-width: 767px) {
    .mainContainer {
      width: 100%;
      padding-left: 12px;
      padding-right: 12px;
    }
    .mainContainer .containerLogo {
      width: 140px;
    }
    .mainContainer .containerLogo a {
      width: 140px;
      height: 28px;
    }
    .mainContainer.pageSubmenuWrapper {
      margin-bottom: 70px;
    }
    .mainContainer a {
      font-size: 16px;
    }
    .mainContainer.submenuWrapper {
      width: 100%;
      padding-left: 0px;
      padding-right: 0px;
    }
    .mainContainer.no-padding {
      padding-left: 0px;
      padding-right: 0px;
    }
    .mainContainer.coverDetails h2 {
      margin-bottom: 0.2em;
    }
    .mainContainer.coverDetails h3 {
      font-size: 16px;
      font-weight: normal;
      margin-top: 0.2em;
      margin-bottom: 0.2em;
    }
    .mainContainer.coverDetails h4 {
      margin: 0px;
      font-weight: normal;
      font-size: 14px;
    }
    .mainContainer.coverDetails .containerSliderTop {
      position: relative;
      height: 80px;
      overflow: hidden;
    }
    .mainContainer.coverDetails .containerSliderTop .pi-slider-top {
      bottom: 30px;
    }
    .mainContainer.coverDetails .containerSliderTop .pi-slider-top .noUi-handle {
      top: -35px;
    }
    .mainWrapper .mainContainer.tableWrapper,
    .mainWrapper .mainContainer .tableWrapper,
    .contentWrapper .mainContainer.tableWrapper,
    .contentWrapper .mainContainer .tableWrapper {
      /*mobile mode - we want containers on top of each other*/
    }
    .mainWrapper .mainContainer.tableWrapper .tableHeader,
    .mainWrapper .mainContainer .tableWrapper .tableHeader,
    .contentWrapper .mainContainer.tableWrapper .tableHeader,
    .contentWrapper .mainContainer .tableWrapper .tableHeader,
    .mainWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableHeaderMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableHeaderMobileOnly {
      display: table-header-group !important;
    }
    .mainWrapper .mainContainer.tableWrapper .tableFooter,
    .mainWrapper .mainContainer .tableWrapper .tableFooter,
    .contentWrapper .mainContainer.tableWrapper .tableFooter,
    .contentWrapper .mainContainer .tableWrapper .tableFooter,
    .mainWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .mainWrapper .mainContainer .tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer.tableWrapper .tableFooterMobileOnly,
    .contentWrapper .mainContainer .tableWrapper .tableFooterMobileOnly {
      display: table-footer-group !important;
    }
    .smallHeader.multi .mobile-logo {
      display: block !important;
    }
    .smallHeader.multi .containerLogo {
      width: 140px;
      padding: 1rem;
    }
    .smallHeader.multi .containerLogo a {
      width: 140px;
      height: 28px;
    }
    .smallHeader.multi .containerUser > div {
      font-size: 1rem;
    }
    .smallHeader.multi .containerUserListDropdown > ul > li > a {
      font-size: 12px;
    }
    .smallHeader.simple {
      text-align: center;
    }
    .smallHeader.simple .containerLogo {
      width: 140px;
      float: none;
    }
    .smallHeader:not(.multi):not(.simple) .containerLogo {
      width: 140px;
    }
    .smallHeader:not(.multi):not(.simple) .containerLogo a {
      width: 140px;
      height: 28px;
    }
    .smallHeader:not(.multi):not(.simple) .containerUser {
      float: left;
      position: relative;
    }
    .smallHeader .lang {
      position: relative;
    }
    .smallHeader .containerLogInOut a {
      font-size: 1rem;
    }
    /* Hamburger menu - Mobile only */
    #menu {
      position: fixed;
      top: 0px;
      right: 0px;
      margin: 0;
      width: 70%;
      height: 100%;
      background: #fff;
      color: #002C69;
      list-style-type: none;
      transform-origin: 0% 0%;
      transform: translate(100%, 0);
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
      z-index: 1;
      border-left: 3px solid #002c66;
      box-shadow: 3px 0 #BDDAFB inset;
    }
    #menuToggle.active > #menu {
      transform: translate(0, 0);
    }
    #menu li {
      font-size: 38px;
      font-weight: bold;
      line-height: 52px;
    }
    #menuToggle {
      display: inline-block;
      margin: 4px 10px 0 18px;
    }
    #menuToggle.active {
      position: fixed;
      top: 52px;
      right: 12px;
      z-index: 1;
    }
    #menuToggle span {
      display: block;
      width: 28px;
      height: 3px;
      margin-bottom: 5px;
      position: relative;
      background: #002C69;
      z-index: 2;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    }
    #menuToggle.active span:first-child {
      opacity: 1;
      transform: rotate(45deg) translate(2px, 2px);
    }
    #menuToggle.active span:nth-last-child(3) {
      opacity: 0;
    }
    #menuToggle.active span:nth-last-child(2) {
      transform: rotate(-45deg) translate(-2px, 0px);
    }
    .headerPrimaryCircle,
    .headerCohabitantCircle {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-radius: 50%;
      color: white;
      text-align: center;
      font-weight: bold;
      font-size: 70%;
    }
    .headerPrimaryCircle {
      background-color: #002D6B;
    }
    .headerCohabitantCircle {
      background-color: #0049D6;
      position: relative;
    }
    .headerCohabitantCircle.second-circle {
      left: -0.5rem;
    }
    ul.topnavleft {
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: 0;
    }
    ul.topnavleft li {
      display: table-cell;
      text-align: center;
    }
    ul.topnavleft li span a {
      line-height: 44px;
      font-size: 1rem;
      padding: 0 0.1rem;
      height: auto;
    }
    ul.topnavleft li::after {
      left: 0.1rem;
      right: 0.1rem;
    }
    .desktop-logo {
      display: none !important;
    }
    .pageTitle.slideWrapper h1 {
      font-size: 2rem;
    }
    .pageTitle.slideWrapper h1 a {
      display: none;
    }
    .pageTitle.slideWrapper h2 {
      width: 100%;
      display: inline-block;
    }
    .pageTitle.slideWrapper .containerSliderTop {
      position: relative;
      width: 100%;
      display: block;
      top: 70px;
      max-width: 100%;
    }
    .mainWrapperSubFooter .containerBox {
      border-spacing: 0px;
    }
    .mainWrapperSubFooter .containerBox .box:nth-child(2) {
      display: none;
    }
    .mainWrapperSubFooter .containerBox .box:nth-child(3) {
      display: none;
    }
    .mainWrapperSubFooter .containerBox .box:first-of-type {
      left: 0px;
    }
    .mainWrapperSubFooter .containerBox .box:last-of-type {
      right: 0px;
    }
    .mainWrapperFooter {
      text-align: left;
      padding-top: 3.125rem;
    }
    .mainWrapperFooter a {
      display: block;
      font-weight: bold;
      font-size: 1rem;
      text-decoration: none;
      padding: 0;
      margin: 0 0 0.5rem 1.875rem;
    }
    .mainWrapperFooter a:after {
      display: none;
    }
    .mainWrapperFooter a:last-child {
      padding-bottom: 0;
    }
    .mainWrapperFooter a:last-child:after {
      display: none;
    }
    .mainWrapperFooter .footer {
      columns: 2;
      height: 100%;
      width: 100%;
      margin-bottom: 3.125rem;
    }
    .pageSubmenuHeader .tableWrapper h2 {
      font-size: 18px;
    }
    .pageSubmenuHeader .tableWrapper .left {
      width: 100%;
      text-align: left;
    }
    .pageSubmenuHeader .tableWrapper .left div.inner {
      position: relative;
      margin-top: 40px;
      margin-bottom: 40px;
      padding-left: 6px;
    }
    .pageSubmenuHeader .tableWrapper .right {
      width: 100%;
      text-align: center;
    }
    .pageSubmenuHeader .tableWrapper .right .coverDetailsBtn {
      width: 85%;
    }
    .mainContainer.columns-2 .column,
    .mainContainer.columns-2 .column,
    .contentContainer.columns-2 .column {
      display: block;
      width: 100%;
    }
    .mainContainer.columns-2 .column:last-of-type,
    .mainContainer.columns-2 .column:last-of-type,
    .contentContainer.columns-2 .column:last-of-type {
      margin-top: 2.5rem;
    }
    .section .containerCountries .info {
      line-height: 1.8;
    }
    .section .containerCountries .info .title {
      font-size: 16px;
      font-weight: bold;
      display: inline-block;
      width: 180px;
    }
    .section .containerCountries .info .text {
      font-size: 16px;
      display: inline-block;
      margin-left: 0px;
    }
    .section .containerCountries .info .text a {
      font-size: 16px;
    }
    .paddingBottom0-MobileOnly {
      padding-bottom: 0px;
    }
    .marginTop40-MobileOnly {
      margin-top: 2.5rem;
    }
    /*must be moved to own file*/
    .contentWrapper .mainContainer .containerWhite {
      position: relative;
      border: solid 1px #e2e3e2;
      background-color: #fff;
      padding: 20px 20px 20px 20px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt {
      text-align: center;
    }
    .contentWrapper .mainContainer .containerWhite.receipt h2 {
      font-size: 24px;
      font-weight: normal;
      margin: 0px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt div.icon {
      position: relative;
      width: 75px;
      height: 75px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      margin-bottom: 10px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt div.icon.ok {
      background: url('../img/png/icon_check_green.png');
      background-image: url('../img/svg/icon_check_green.svg'), none;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .ie9 .contentWrapper .mainContainer .containerWhite.receipt div.icon.ok {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .contentWrapper .mainContainer .containerWhite.receipt .buttonBlue {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 20px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      width: calc(100% - 30px);
    }
    .contentWrapper .mainContainer .containerWhite.receipt .buttonBlue:hover {
      text-decoration: none;
    }
    .contentWrapper .mainContainer .containerWhite.receipt .buttonBlue:hover {
      background: #002C69;
    }
    .contentWrapper .mainContainer .containerWhite.receipt p.bottomText {
      margin: 0px;
    }
    .contentWrapper .mainContainer .containerWhite.receipt p.bottomText:before {
      content: "";
      position: relative;
      display: block;
      width: 100%;
      border-top: solid 2px #f2f2f2;
      margin-bottom: 16px;
      margin-top: 2px;
    }
    /* end*/
    /*will be moved to another section later*/
    .blueLinkBoxMobileOnly {
      display: block;
      border: solid 1px #e9ecef;
      text-align: center;
      background-color: #fcfdfc;
      padding: 10px 10px 12px 10px;
      line-height: 1;
    }
    .textAlignCenterMobileOnly {
      text-align: center;
    }
    input[type="submit"] {
      width: 100%;
      background-position: center right 40% !important;
    }
    a.buttonBlue {
      width: 100%;
    }
    .showMobileOnly {
      display: block;
    }
    .showDesktopOnly {
      display: none !important;
    }
    .containerLinkList .linksList {
      list-style-type: none;
      margin-left: -20px;
      width: 100%;
      display: block;
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .containerLinkList .linksList:last-child {
      margin-bottom: 20px;
    }
    .containerLinkList .linksList li {
      width: 100%;
      display: block;
      height: auto;
    }
    .containerCompanyContact {
      width: 100%;
      margin-right: 0px;
      vertical-align: top;
    }
    h4.lightGray {
      margin-top: auto;
    }
    .columns-2-popup {
      display: block;
      padding: 0px;
      border-spacing: 0;
      border-collapse: collapse;
      width: 100%;
    }
    .columns-2-popup > div {
      position: relative;
      display: block;
      width: 100%;
    }
    .columns-2-popup > div:first-child {
      left: auto;
    }
    .columns-2-popup > div:last-child {
      right: auto;
      margin-top: 30px;
    }
    .columns-2-popup > div .highlight {
      background-color: #EEF3FA;
      padding: 6px;
      margin-top: 4px;
      line-height: 1.2rem;
    }
    .explainRight.absolute {
      position: absolute;
      top: -6px;
    }
    .mainContainer .dataGathering .statusBar,
    .containerPopup .dataGathering .statusBar {
      margin: 25px 0px 0px 0px;
      background: #e7e8e6;
    }
    .mainContainer .dataGathering .providers,
    .containerPopup .dataGathering .providers {
      margin: 12px 2.5rem 30px 36px;
    }
    .mainContainer a.button,
    .containerPopup a.button {
      position: relative;
      display: block;
      width: 100%;
      margin-right: 0px;
      margin-bottom: 8px;
      text-align: center;
    }
    .mainContainer a.button:last-of-type,
    .containerPopup a.button:last-of-type {
      margin-bottom: 0px;
    }
    .mainContainer a.button.wide,
    .containerPopup a.button.wide {
      width: 100%;
    }
    .section ul li {
      font-size: 16px;
    }
    .sectionBreak .mainContainer .pageTitle > h1 {
      font-size: 32px;
      line-height: 2.5rem;
    }
    h1 {
      font-size: 24px;
      line-height: 32px;
    }
    h2 {
      font-size: 22px;
      line-height: 24px;
    }
    h3 {
      font-size: 17px;
    }
    p {
      font-size: 16px;
    }
    /*MISC*/
    #paymentForm .saleryInput input[type="text"],
    #paymentForm .saleryInput input[type="submit"] {
      margin-top: 8px;
      width: 100%;
    }
    a.demoButton {
      font-size: 18px;
      height: 50px;
      line-height: 50px;
      padding: 0 20px;
    }
    a.loginMed {
      height: 62px;
      font-size: 24px;
      padding: 18px 18px 16px 18px;
    }
    a.loginMed img {
      position: relative;
      top: 0px;
      margin-left: 12px;
      width: 72px;
      height: 18px;
    }
    .carousel > img {
      height: 30px;
      max-width: 70px;
      margin: 0 10px 0 10px;
    }
    .link-arrow {
      font-size: 18px;
    }
    .link-arrow:after {
      position: relative;
      top: 2px;
      left: 10px;
      width: 15px;
      height: 15px;
    }
    .dot-pinfo {
      width: 6px;
      height: 6px;
      border-radius: 3px;
      box-shadow: 9985px 0 0 0 #002c69, 9999px 0 0 0 #002c69, 10013px 0 0 0 #002c69;
      animation: dotPinfoSmall 1.5s linear;
    }
    .barchart {
      padding: 18px 0;
      width: auto;
    }
    .barchart > div {
      overflow: hidden;
      margin-bottom: 4px;
    }
    .barchart > div.other {
      margin-top: 12px;
    }
    .barchart > div > div {
      line-height: 30px;
      vertical-align: top;
      display: inline-block;
    }
    .barchart > div > div > span {
      white-space: nowrap;
    }
    .barchart .explaination .barchart-label {
      font-size: 18px;
    }
    .barchart .barchart-label {
      padding-right: 10px;
      font-size: 18px;
      line-height: 1.2;
    }
    .barchart .barchart-bar {
      display: inline-block;
      vertical-align: top;
      text-align: right;
    }
    .barchart .barchart-bar > span {
      display: inline;
      vertical-align: top;
      padding-left: 0px;
      font-weight: bold;
    }
    .barchart .barchart-bar > span,
    .barchart .barchart-bar > .barchart-bar-fallback {
      font-size: 18px;
    }
    .barchart .barchart-bar-fallback {
      font-size: 18px;
    }
    .barchart-explanation .explainLeft:before {
      display: none;
    }
    .barchart-explanation .explainRight strong {
      font-weight: bold;
    }
    .barchart-explanation .explainRight:after {
      display: inline-block;
    }
    .line-seperator::after {
      height: 1px;
    }
    .stepchart {
      margin-top: 24px;
      overflow: hidden;
    }
    .sectionchart {
      font-size: 14px;
    }
    .pi-slider-top .noUi-base {
      top: -46px;
    }
    .pi-slider-top .noUi-handle {
      cursor: pointer;
      top: -54px;
      left: -23px;
      width: 46px;
      height: 52px;
      background: #002C69;
      border: none;
      border-radius: 0;
      box-shadow: none;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-top .noUi-handle:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -23px;
      width: 0;
      height: 0;
      background: transparent !important;
      border-right: 23px solid transparent;
      border-left: 23px solid transparent;
      border-top: 23px solid #002C69;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .pi-slider-top .noUi-handle:before {
      display: none;
    }
    .pi-slider-top .noUi-handle:hover {
      background: #002150;
    }
    .pi-slider-top .noUi-handle:hover:after {
      border-top-color: #002150;
    }
    .pi-slider-top .noUi-handle-value:before {
      content: attr(data-read-value);
      display: block;
      color: #fff;
      text-align: center;
      padding-top: 6px;
      font-size: 28px;
      font-weight: bold;
    }
    .pi-slider-top .noUi-handle-value:after {
      content: '\00e5r';
      display: block;
      color: #fff;
      text-align: center;
      font-size: 18px;
    }
    .pi-slider-chart {
      display: none !important;
    }
    /*mobile special*/
    .containerSliderTop.lightGray.narrow .pi-slider-top {
      position: relative;
      background: none;
      height: 2px;
      /*width: 100% !important;*/
      float: none;
      margin-left: 0px !important;
    }
    .containerSliderTop.lightGray.narrow .pi-slider-top .noUi-base {
      top: -28px;
    }
    .purchasePowerBackground {
      width: 100%;
    }
    .infoBoxWrapper {
      margin: 20px 0px 0px 0px !important;
    }
    .infoBox {
      padding: 10px 10px 10px 10px;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .infoBox .msgBox.error {
      width: 100% !important;
    }
    .infoBox a {
      margin: 10px 10px 10px 0px !important;
    }
    .pageContainer .showMobileOnly {
      display: block;
    }
    .pageContainer .contentCentered {
      width: calc(100% - 20px);
      margin: 0 auto;
    }
    .barContentWrapper {
      position: relative;
      width: 100%;
      /* Displays on top of each other in this view */
      /*Bacground bars animations disabled */
    }
    .barContentWrapper h1 {
      font-size: 38px;
      line-height: 52px;
      letter-spacing: 0.02em;
      margin: 0 0 32px 0;
    }
    .barContentWrapper .cols2 {
      vertical-align: top;
      margin: 40px 0 40px 0;
      width: 100%;
    }
    .barContentWrapper .tableWrapper {
      display: flex;
      flex-direction: column;
      /* column containing text always first before the column containing graphics */
    }
    .barContentWrapper .tableWrapper .txt {
      order: 1;
    }
    .barContentWrapper .tableWrapper .gfx {
      order: 2;
    }
    .barContentWrapper .rtl,
    .barContentWrapper .ltr {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
    }
    .centerContainer {
      width: 100%;
      text-align: center;
    }
    .centerContainer .carousel {
      height: 48px;
      margin-top: 40px;
    }
    .centerContainer .carousel .dotContainer {
      padding-top: 10px;
      margin-right: 60px;
    }
    .summaryBox {
      padding: 0.5rem;
    }
    .summaryBox .age {
      position: relative;
      margin: 15px 0;
      padding: 0 10px;
      font-size: 28px;
      font-weight: bold;
      color: #002C69;
    }
    .summaryBox .age span {
      margin-left: 5px;
      font-size: 20px;
      font-weight: normal;
    }
    .summaryBox .age:before,
    .summaryBox .age:after {
      content: "";
      position: absolute;
      display: none;
      top: 20px;
      width: 33%;
      height: 2px;
      background: #002C69;
      z-index: 0;
    }
    .summaryBox .age:before {
      left: 50%;
      margin-left: -40%;
    }
    .summaryBox .age:after {
      right: 50%;
      margin-right: -40%;
    }
    .summaryBox h2 {
      font-size: 20px;
      margin-bottom: 4px;
      color: #002C69;
      line-height: 1.2em;
    }
    .summaryBox .amountOneTime {
      font-size: 20px;
    }
    .summaryBox .amountOneTime span:before {
      font-size: 18px;
    }
    .summaryBox .amountOneTime span:after {
      font-size: 13px;
    }
    .summaryBox .amountEachYear {
      font-size: 20px;
    }
    .summaryBox .amountEachYear span:before {
      font-size: 18px;
    }
    .summaryBox .amountEachYear span:after {
      font-size: 13px;
    }
    .summaryBox .and {
      position: relative;
      margin: 2px 0px 8px 0px;
      padding: 3px;
      font-size: 20px;
      font-weight: bold;
      color: #002C69;
    }
    .summaryBox .and span {
      font-size: 15px;
      font-weight: normal;
      text-align: right;
      margin-right: 30px;
      display: block;
    }
    .summaryBox .and:before {
      left: 0px;
      content: "";
      position: absolute;
      display: inline-block;
      top: 13px;
      width: calc(100% - 60px);
      height: 1px;
      background: #002C69;
      z-index: 0;
    }
    .summaryBox .and.en::before {
      width: calc(100% - 75px) !important;
    }
    .summaryBox .and:after {
      right: 0px;
      content: "";
      position: absolute;
      display: inline-block;
      top: 13px;
      width: 25px;
      height: 1px;
      background: #002C69;
      z-index: 0;
    }
    .pensionSavingsExplanation-Label {
      font-size: 15px;
    }
    .welcome-div {
      display: none;
    }
    .welcome-div-mobile {
      display: block;
    }
    .multiuser .insuranceItem,
    .contentWrapper:not(.multiuser) .insuranceItem {
      margin: 0 0 16px 0;
    }
    .multiuser .insuranceItem h2,
    .contentWrapper:not(.multiuser) .insuranceItem h2 {
      position: relative;
      margin-bottom: 0;
      font-size: 24px;
      color: #002C69;
      margin-left: 86px;
      line-height: 30px;
    }
    .multiuser .insuranceItem h2:before,
    .contentWrapper:not(.multiuser) .insuranceItem h2:before {
      content: "";
      display: block;
      position: absolute;
      width: 70px;
      height: 60px;
      top: 0;
      left: -86px;
      background-repeat: no-repeat !important;
      background-size: auto 100% !important;
    }
    .multiuser .insuranceItem .amounts,
    .contentWrapper:not(.multiuser) .insuranceItem .amounts {
      margin-top: 1rem;
    }
    .multiuser .insuranceItem h3:after {
      top: -5px;
    }
    .multiuser .insuranceItem .amount span::after {
      font-size: 18px;
    }
    .contentWrapper:not(.multiuser) .insuranceItem {
      padding: 14px 20px 74px 20px;
    }
    .contentWrapper:not(.multiuser) .insuranceItem:before,
    .contentWrapper:not(.multiuser) .insuranceItem:after {
      content: none;
    }
    .contentWrapper:not(.multiuser) .insuranceItem h3 {
      position: absolute;
      display: block;
      font-weight: normal;
      width: calc(100% - 40px);
      height: 40px;
      line-height: 40px;
      color: #fff;
      background-color: #002C69;
      left: 20px;
      right: 0px;
      bottom: 0px;
      text-align: center;
      text-decoration: none !important;
      font-size: 18px;
      margin-left: 0px;
    }
    .contentWrapper:not(.multiuser) .insuranceItem h3:before {
      content: "";
      position: relative;
      display: block;
      width: calc(100% + 40px);
      height: 1px;
      background-color: #d9dad8;
      left: -20px;
      top: -20px;
    }
    .contentWrapper:not(.multiuser) .insuranceItem h3:after {
      content: " ";
      font-size: 4.5vw;
      position: absolute;
      width: 22px;
      height: 22px;
      margin-top: 9px;
      margin-left: 6px;
      background: url('../img/png/icon-arrow-angle.png');
      background-image: url('../img/svg/icon-arrow-angle.svg'), none;
    }
    .ie9 .contentWrapper:not(.multiuser) .insuranceItem h3:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .contentWrapper:not(.multiuser) .insuranceItem h3:hover {
      text-decoration: none;
    }
    .contentWrapper:not(.multiuser) .insuranceItem .amounts {
      width: auto;
    }
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount span {
      font-size: 20px;
    }
    .contentWrapper:not(.multiuser) .insuranceItem .amounts .amount span::before {
      font-size: 18px;
    }
    .multi .dataTable.Mobile thead tr th > span {
      height: 22px;
      display: block;
      position: relative;
      text-align: center;
    }
    .multi .dataTable.Mobile thead tr th > span:not(.first-year) {
      color: #002C69;
    }
    .multi .dataTable.Mobile thead tr th > span:before {
      content: attr(data-text-name);
      position: absolute;
    }
    .multi .dataTable.Mobile thead tr th > span:first-child:before {
      color: #FF9100;
    }
    .multi .dataTable.Mobile thead tr th > span:first-child.first-year {
      color: #FF9100;
    }
    .multi .dataTable.Mobile thead tr th > span:last-child:before {
      color: #ffb54d;
    }
    .multi .dataTable.Mobile thead tr th > span:last-child.first-year {
      color: #ffb54d;
    }
    .dataTable.Mobile {
      /*Brugt ved folkepension - beregn knap*/
    }
    .dataTable.Mobile tbody.active a.expand,
    .dataTable.Mobile tbody a.expand,
    .dataTable.Mobile tbody a.goto {
      width: 40px;
      height: 40px;
    }
    .dataTable.Mobile tbody.active a.expand:after,
    .dataTable.Mobile tbody a.expand:after,
    .dataTable.Mobile tbody a.goto:after {
      margin-right: 0px;
      margin-left: 0px;
    }
    .dataTable.Mobile .Mobile:after,
    .dataTable.Mobile a.goto:after {
      content: '';
      display: inline-block;
      position: relative;
      top: 2px;
      left: 20px;
      width: 14px;
      height: 14px;
      background: url('../img/png/icon-arrow-angle.png');
      background-image: url('../img/svg/icon-arrow-angle.svg'), none;
      background-repeat: no-repeat;
    }
    .ie9 .dataTable.Mobile .Mobile:after,
    .ie9 .dataTable.Mobile a.goto:after {
      padding-right: 3px;
      padding-bottom: 3px;
      background-repeat: no-repeat;
    }
    .dataTable.Mobile .Mobile:after,
    .dataTable.Mobile a.goto:after {
      top: 7px;
      left: 5px;
    }
    .dataTable.Mobile tbody.publicPension tr td span.containerButton {
      display: block;
    }
    .dataTable.Mobile tbody.publicPension tr td span.containerButton a.goto {
      width: 110px;
      margin-left: 30px;
    }
    .dataTable.Mobile tbody.publicPension tr td span.containerButton a.goto:after {
      left: 6px;
    }
    .dataTable.Mobile td {
      padding: 3px 4px 3px 2px;
    }
    .dataTable.Mobile td:last-child {
      position: relative;
      max-width: none;
      width: 12%;
      min-width: 0px;
      padding: 0px 10px 0px 0px;
      line-height: 46px;
      text-align: right;
    }
    .dataTable.Mobile td span {
      white-space: normal;
    }
    .dataTable.Mobile thead tr th {
      position: relative;
      width: 100%;
      padding: 3px 4px 3px 2px;
      line-height: 25px;
      text-align: center;
    }
    .dataTable.Mobile thead tr th span {
      white-space: normal;
      font-size: 20px;
      line-height: 24px;
    }
    .dataTable.Mobile thead tr th span:before {
      content: attr(data-text-firstyear);
      position: relative;
      display: block;
      color: #002C69;
      font-size: 20px;
      text-align: center;
      line-height: 30px;
    }
    .dataTable.Mobile tbody > tr:first-child td > span:first-child {
      font-weight: bold;
      display: inline-block;
    }
    .dataTable.Mobile tbody > tr:first-child td > span.containerButton {
      display: block;
    }
    .dataTable.Mobile tbody.active tr:last-child {
      border-top: solid 1px #e5e6e4;
    }
    .dataTable.Mobile tfoot td {
      padding-right: 0px;
    }
    .dataTable.Mobile.noButtons tbody.publicPensionAdd:after,
    .dataTable.Mobile.noButtons tbody.publicPension:after {
      content: "";
      display: block;
      height: auto;
    }
    .dataTable.Mobile.noButtons tfoot tr.subHeadline td {
      font-size: 1em;
      font-weight: normal;
    }
    .dataTable.Mobile.noButtons td:last-child {
      width: 25%;
    }
    .dataTable.Mobile.singleCompany tbody.active a.expand,
    .dataTable.Mobile.singleCompany tbody a.expand,
    .dataTable.Mobile.singleCompany tbody a.goto {
      width: 32px;
    }
    .dataTable.Mobile.singleCompany tbody.active a.expand:after,
    .dataTable.Mobile.singleCompany tbody a.expand:after,
    .dataTable.Mobile.singleCompany tbody a.goto:after {
      margin-right: 0px;
      margin-left: 0px;
    }
    .dataTable.Mobile.singleCompany td {
      min-width: 10px;
      padding: 3px 4px 3px 2px;
    }
    .dataTable.Mobile.singleCompany td:last-child {
      position: relative;
      max-width: none;
      width: 12%;
      min-width: 0px;
      padding: 0px 10px 0px 0px;
      line-height: 46px;
      text-align: right;
    }
    .dataTable.Mobile.singleCompany td a.blueLinkBoxMobileOnly {
      margin-top: 8px;
    }
    .dataTable.Mobile.singleCompany thead tr th {
      position: relative;
      width: 100%;
      padding: 3px 4px 3px 2px;
      line-height: 46px;
      text-align: center;
    }
    .dataTable.Mobile.singleCompany thead tr th:first-child {
      font-size: 20px;
      line-height: 24px;
    }
    .dataTable.Mobile.singleCompany thead tr th:first-child span {
      white-space: normal;
    }
    .dataTable.Mobile.singleCompany thead tr th:first-child span:before {
      content: attr(data-text-firstyear);
      position: relative;
      display: block;
      color: #002C69;
      font-size: 20px;
      text-align: center;
      line-height: 30px;
      text-transform: none;
    }
    .dataTable.Mobile.singleCompany tbody.active tr:last-child {
      border-top: none;
    }
    .dataTable.Mobile.singleCompany tbody.active tr:first-child {
      border-bottom: none;
    }
    .dataTable.Mobile.singleCompany tbody.active tr:first-child td:not(:first-child) {
      color: #002C69;
    }
    .dataTable.Mobile.singleCompany tbody.active:after {
      content: "";
      display: block;
      height: 16px;
    }
    .dataTable.Mobile.singleCompany tbody tr:first-child {
      background-color: #EEF3FA;
      min-height: 75px;
      border-bottom: 1px solid #EEF3FA;
    }
    .dataTable.Mobile.singleCompany tbody tr td {
      white-space: normal;
    }
    .dataTable.Mobile.singleCompany tbody tr td:first-child {
      text-align: left;
      /* generic style for color line (hidden unless active) */
    }
    .dataTable.Mobile.singleCompany tbody tr td:first-child:after {
      display: none;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement {
      background-color: #eff0ef;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement td {
      padding: 10px;
      line-height: 1.2;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement td:before {
      position: relative;
      content: attr(data-title);
      border-bottom: solid 1px #e0e1e0;
      font-size: 20px;
      display: block;
      line-height: 1;
      width: calc(100% + 10px);
      margin-left: -10px;
      padding-left: 10px;
      padding-bottom: 14px;
      margin-bottom: 14px;
      padding-top: 6px;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement td div.signature {
      margin: 0px 0px 8px 0px;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement td div.signature > span {
      height: 20px;
      line-height: 1;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement td div.signature > span:after {
      content: none;
      display: none;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement td p {
      top: auto;
      line-height: 1.2;
      margin-left: 0px;
      font-size: 16px;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement td p.truncated .expandTruncate,
    .dataTable.Mobile.singleCompany tbody tr.subElement td p.truncated .truncatedPrefix {
      display: none;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElement:not(:last-child) {
      border-bottom: solid 5px #fff;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElementLink {
      background-color: #EEF3FA;
      border-top: none;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElementLink a {
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 38px;
      margin-right: 32px;
    }
    .dataTable.Mobile.singleCompany tbody tr.subElementLink a strong {
      display: inline;
      top: auto;
      font-size: 16px;
      font-weight: bold;
      color: #002C69;
    }
    .dataTable.Mobile.singleCompany tbody:after {
      content: "";
      display: block;
      height: 5px;
    }
    .dataTable.Mobile.singleCompany tfoot td {
      padding-right: 0px;
    }
    .dataTable.Mobile.singleCompany.noButtons tbody.publicPensionAdd:after,
    .dataTable.Mobile.singleCompany.noButtons tbody.publicPension:after {
      content: "";
      display: block;
      height: auto;
    }
    .dataTable.Mobile.singleCompany.noButtons tfoot tr.subHeadline td {
      font-size: 1em;
      font-weight: normal;
    }
    .dataTable.Mobile.singleCompany.noButtons td:last-child {
      width: 25%;
    }
    .calculatePensionWrapper {
      /* ideal width - padding */
      width: 100%;
      margin: 0 auto 62px;
      /* fake spacing to border */
    }
    .calculatePensionWrapper h1 {
      margin-top: 0;
    }
    .calculatePensionWrapper p,
    .calculatePensionWrapper h1,
    .calculatePensionWrapper dl {
      margin-left: 62px;
    }
    .flowSection {
      position: relative;
      border-bottom: 2px solid #d9dad8;
      padding: 35px 0 10px;
      /* generic error element styling */
      /* left orange border */
      /* section number */
      /* special case for first child */
      /* validated styles */
      /* inactive styles */
      /* completed styles */
    }
    .flowSection > p,
    .flowSection > dl {
      display: block;
    }
    .flowSection dl {
      display: block;
      margin: 30px 0 20px 62px;
      padding: 10px 0;
      overflow: hidden;
    }
    .flowSection dt {
      position: relative;
      display: inline-block;
      vertical-align: top;
      max-width: 420px;
      font-size: 18px;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
      font-weight: normal;
      padding-top: 10px;
      padding-bottom: 20px;
      width: 100%;
    }
    .flowSection dd {
      width: 100%;
      position: relative;
      display: inline-block;
      vertical-align: top;
      text-align: right;
      margin: 0;
    }
    .flowSection dd .next,
    .flowSection dd .calculate {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      float: right;
      clear: both;
      display: block;
      text-align: center;
      width: 154px;
      margin-top: 10px;
      padding: 0;
    }
    .flowSection dd .next:hover,
    .flowSection dd .calculate:hover {
      text-decoration: none;
    }
    .flowSection dd .next:hover,
    .flowSection dd .calculate:hover {
      background: #002150;
    }
    .flowSection dd .next {
      background: #e7e8e6;
      color: #002C69;
      cursor: default;
      border-color: #d9dad8;
    }
    .flowSection dd .next:hover {
      background: #e7e8e6;
      color: #002C69;
      cursor: default;
      border-color: #d9dad8;
    }
    .flowSection dd .calculate {
      width: 300px;
      font-size: 22px;
      padding: 10px;
      line-height: 1;
    }
    .flowSection dd .edit {
      font-family: "Encode Sans Semi Condensed", sans-serif;
      font-size: 18px;
      letter-spacing: 0.04em;
      font-weight: bold;
      position: relative;
      display: inline-block;
      line-height: 22px;
      padding: 19px 32px 19px 32px;
      color: #fff;
      /*border-bottom: solid 2px fadeout(@c-button-border, 60%);*/
      /*text-transform: uppercase;*/
      border-radius: 6px;
      box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      white-space: nowrap;
      background: #002C69;
      display: none;
      float: right;
    }
    .flowSection dd .edit:hover {
      text-decoration: none;
    }
    .flowSection dd .edit:hover {
      background: #002C69;
    }
    .flowSection .errorWrapper {
      display: none;
      margin-left: 50px;
      overflow: hidden;
      font-family: "Encode Sans Semi Condensed", Arial Narrow, sans-serif;
    }
    .flowSection .errorWrapper div p {
      padding: 10px;
      background: #a63b32;
      color: #fff;
      margin: 0;
    }
    .flowSection[data-number-section="1"] .errorWrapper div p.section2,
    .flowSection[data-number-section="1"] .errorWrapper div p.section3,
    .flowSection[data-number-section="2"] .errorWrapper div p.section1,
    .flowSection[data-number-section="2"] .errorWrapper div p.section3,
    .flowSection[data-number-section="3"] .errorWrapper div p.section1,
    .flowSection[data-number-section="3"] .errorWrapper div p.section2 {
      display: none;
    }
    .flowSection:before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 0px;
      height: 101%;
      background: none;
      z-index: 1;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .flowSection:after {
      content: attr(data-number-section);
      position: absolute;
      display: block;
      top: 20px;
      left: -2px;
      width: 50px;
      height: 50px;
      border: 2px solid #002C69;
      border-radius: 50%;
      background: #fff;
      text-align: center;
      line-height: 53px;
      font-size: 30px;
      color: #002C69;
      z-index: 2;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      transition: all linear 0.2s;
    }
    .flowSection:first-child {
      padding-top: 15px;
    }
    .flowSection:first-child:after {
      top: 0;
    }
    .flowSection:last-child {
      border: none;
    }
    .flowSection:last-child dl {
      margin-left: 0px;
    }
    .flowSection:last-child dl dt {
      padding: 0px;
    }
    .flowSection:last-child dl dd input[type=submit] {
      width: 100%;
    }
    .flowSection:last-child:before,
    .flowSection:last-child:after {
      display: none;
    }
    .flowSection.validated {
      /* hide generic error elements */
    }
    .flowSection.validated dd .next,
    .flowSection.validated dd .calculate {
      background: #002C69;
      color: #fff;
      cursor: pointer;
      border-color: #e7e8e6;
    }
    .flowSection.validated dd .next:hover,
    .flowSection.validated dd .calculate:hover {
      background: #002150;
      color: #fff;
      cursor: pointer;
      border-color: #e7e8e6;
    }
    .flowSection.inactive {
      /* hide all as default */
    }
    .flowSection.inactive h1 {
      color: #d9dad8;
    }
    .flowSection.inactive > p,
    .flowSection.inactive > dl,
    .flowSection.inactive > div {
      display: none;
    }
    .flowSection.inactive:before {
      background: #d9dad8;
    }
    .flowSection.inactive:after {
      border-color: #d9dad8;
      color: #d9dad8;
    }
    .flowSection.inactive .errorWrapper {
      display: none !important;
    }
    .flowSection.completed {
      /* show questions */
      /* hide input other than selection */
      /* make edit button visible and hide next button */
    }
    .flowSection.completed h1 {
      color: #002C69;
    }
    .flowSection.completed > dl {
      display: block;
    }
    .flowSection.completed:before {
      background: #8e9196;
    }
    .flowSection.completed:after {
      border-color: #002C69;
      color: #002C69;
    }
    .flowSection.completed .errorWrapper {
      display: none !important;
    }
    .flowSection.completed .input-choice {
      position: relative;
      display: inline-block;
      vertical-align: top;
      /*float: right;*/
      width: 50px;
      text-align: center;
      border: none;
      background: none;
    }
    .flowSection.completed .input-choice span {
      display: none;
    }
    .flowSection.completed .input-choice span.selected {
      position: relative;
      display: block;
      vertical-align: top;
      width: 38px;
      height: 38px;
      /*float: none;
                        width: auto;*/
      color: #002C69;
      border: none;
      background: none;
      left: 0px;
    }
    .flowSection.completed dt {
      color: #002C69;
    }
    .flowSection.completed dd .next {
      display: none;
    }
    .flowSection.completed dd .edit {
      display: inline-block;
    }
    .flowSection .flowSectionDetails {
      display: none;
      margin: 20px 0 20px 50px;
      padding: 10px 20px;
      border: 1px solid #d9dad8;
      font-size: 16px;
    }
    .flowSection .flowSectionDetails label {
      width: 100%;
      margin: 0px;
      line-height: normal;
    }
    .flowSection .flowSectionDetails label span {
      display: block;
      width: 100%;
      margin-bottom: 6px;
    }
    .flowSection .flowSectionDetails label input[type=text],
    .flowSection .flowSectionDetails label input[type=number] {
      width: 100%;
    }
    .flowSection .flowSectionDetails label input[type=text]::-ms-clear,
    .flowSection .flowSectionDetails label input[type=number]::-ms-clear {
      display: none;
    }
    .flowSection .flowSectionDetails label.unit:after {
      content: attr(data-text-unit);
      display: inline-block;
      margin-left: -30px;
    }
    .flowSection .flowSectionDetails label.unit input[type=text],
    .flowSection .flowSectionDetails label.unit input[type=number] {
      padding-right: 28px;
    }
    .flowSection .flowSectionDetails label.js-input-toggle.unit:not(.active):after {
      content: none;
      display: inline;
      margin-left: auto;
    }
    .flowSection .flowSectionDetails p,
    .flowSection .flowSectionDetails h1,
    .flowSection .flowSectionDetails dl {
      margin-left: 0px;
    }
    .flowSection .flowSectionDetails h2 {
      font-size: 22px;
    }
    .flowSection .flowSectionDetails h4 {
      margin-bottom: 10px;
      position: relative;
      overflow: hidden;
      height: 26px;
    }
    .flowSection .flowSectionDetails h4 i {
      font-style: normal;
    }
    .flowSection .flowSectionDetails h4:after {
      content: '';
      position: absolute;
      margin-left: 20px;
      top: 13px;
      height: 1px;
      width: 100%;
      background: #d9dad8;
    }
    .flowSection .flowSectionDetails p {
      margin-left: 0;
      line-height: 1.4;
      list-style-type: none;
    }
    .flowSection .flowSectionDetails ul {
      padding-left: 23px;
    }
    .flowSection .flowSectionDetails ul li {
      margin-left: 0;
      line-height: 1.4;
      list-style-type: none;
    }
    .flowSection .flowSectionDetails ul li:before {
      content: "";
      display: inline-block;
      position: relative;
      top: -3px;
      left: -13px;
      width: 5px;
      height: 5px;
      background-color: #466a99;
      margin-right: -5px;
      border-radius: 14px;
      background-image: none;
    }
    .flowSection .flowSectionDetails.active {
      display: block;
    }
    .completed .flowSection .flowSectionDetails.active {
      display: none;
    }
    .dealWrapper {
      padding: 0px;
    }
    .coverDetails {
      display: none;
    }
    .coverDetails.active.showMobileOnly {
      display: block;
    }
    .coverDetails.active.showDesktopOnly {
      display: none;
    }
    .completed .coverDetails.active {
      display: none;
    }
    .dealDetailsBtn {
      width: 85%;
    }
    .dealHeader .dealDetails {
      width: 100%;
      float: none;
      height: auto;
    }
    .dealHeader .dealDetails .dealNumber {
      height: auto;
      margin-bottom: 0px;
    }
    .dealHeader .dealDetails .dealNumber h5 {
      float: none;
      display: block;
      margin: 20px 0 0 6px;
      font-size: 18px;
      font-weight: normal;
      width: 100%;
      border-bottom: solid 1px #d9dad8;
      padding-bottom: 10px;
      color: #002C69;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .dealHeader .dealDetails .dealNumber h5:before {
      content: attr(data-text-deal);
      color: #002C69;
      margin-right: 10px;
    }
    .dealHeader .dealDetails .dealNumber h5:after {
      content: attr(data-text-type);
      color: #002C69;
      display: inline-block;
      line-height: 1;
      margin-left: 10px;
      text-indent: 10px;
      border-left: solid 1px #d9dad8;
    }
    .dealHeader .dealDetails .dealNumber .providerLogo {
      float: none;
      display: block;
      height: 40px;
      padding-right: 10px;
      border-right: none;
      position: relative;
    }
    .dealHeader .dealDetails .dealNumber .providerLogo > div {
      width: 200px;
      height: 100%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .dealHeader .dealDetails .dealNumber .providerLogo iframe {
      height: 35px;
      max-width: 200px;
      overflow: hidden;
      border: none;
    }
    .dealHeader .dealDetails .dealNumber .providerLogo img {
      max-height: 35px;
      max-width: 200px;
    }
    .dealHeader .dealDetails .dealNumber .providerLogo svg,
    .dealHeader .dealDetails .dealNumber .providerLogo image {
      border: none;
      display: inline-block;
    }
    .dealHeader .dealDetails .dealContact {
      clear: left;
      margin-left: 6px;
      overflow: auto;
      height: 52px;
    }
    .dealHeader .dealDetails .dealContact .phone {
      font-size: 16px;
    }
    .dealHeader .dealDetails .dealContact .contact {
      font-size: 16px;
    }
    .dealHeader .dealNumbers {
      width: calc(100% - 20px);
      margin-left: 10px;
      margin-right: 10px;
    }
    .dealHeader .dealNumbers h5 {
      font-size: 16px;
    }
    .dealHeader .dealNumbers a {
      font-size: 16px;
    }
    .dealHeader .dealNumbers span {
      font-size: 20px;
    }
    .dealHeader .dealNumbers .number:first-child {
      margin: 0px;
    }
    .dealHeader .dealNumbers span:before {
      background: none;
    }
    .providerOverview .providerList ul li {
      width: 100%;
      margin-right: 0%;
    }
    .providerOverview ul.providerLegend li {
      display: block;
      width: 100%;
      padding-right: 0px;
      margin-top: 6px;
    }
    .ageSelector label {
      margin: 0 0 10px;
      line-height: 1.2;
      font-size: 4vw;
      cursor: pointer;
    }
    .ageSelector label input {
      margin-right: 10px;
    }
    .containerHealthAgreements .containerHealthAgreement .description h2 {
      display: block;
    }
    .containerHealthAgreements .containerHealthAgreement .description img.logo {
      position: relative;
      display: block;
      margin-top: 10px;
      margin-bottom: 20px;
      top: auto;
      right: auto;
    }
    .containerHealthAgreements .containerHealthAgreement .remarks .fullOverview {
      width: 100%;
      display: block;
    }
    .containerPopup .containerContent {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }
    .containerPopup .containerContent .inner {
      width: calc(100% - 20px);
      padding: 20px 16px 35px 16px;
    }
    .containerPopup .containerContent .inner iframe {
      width: 95% !important;
    }
    .submenu li {
      line-height: 56px;
      padding: 0 20px;
    }
    .submenu ul {
      width: 767px;
    }
    .containerOuterCookie {
      height: 80px;
    }
    .containerOuterCookie:after {
      font-size: 24px;
      top: 8px;
      right: 20px;
    }
    .containerOuterCookie .containerInnerCookie {
      max-width: 700px;
      padding-top: 12px;
      padding-bottom: 16px;
      padding-left: 24px;
      padding-right: 24px;
      font-size: 14px;
      line-height: 20px;
    }
    .container {
      padding: 10px 4px 10px 4px !important;
    }
    .container.accessProgress {
      max-width: 100%;
      width: auto;
    }
    .container.accessProgress .flow .item {
      width: 60px;
    }
    .container.accessProgress .flow .item:last-child {
      width: 60px;
    }
    .container.accessProgress .table span.icon,
    .container.accessProgress .flow span.icon {
      display: inline-block;
      width: 40px;
      height: 38px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
    }
    .container.accessProgress .table span.icon.orange.user,
    .container.accessProgress .flow span.icon.orange.user {
      background-size: 31px 34px;
    }
    .container.accessProgress .table span.icon.orange.paperplane,
    .container.accessProgress .flow span.icon.orange.paperplane {
      background-size: 40px 26px;
    }
    .container.accessProgress .table span.icon.orange.sms,
    .container.accessProgress .flow span.icon.orange.sms {
      background-size: 36px 34px;
    }
    .container.accessProgress .table span.icon.orange.accept,
    .container.accessProgress .flow span.icon.orange.accept {
      background-size: 36px 36px;
    }
    .container.accessProgress .table span.icon.orange.final,
    .container.accessProgress .flow span.icon.orange.final {
      background-size: 36px 33px;
    }
    .container.accessProgress .table span.icon.gray.arrowRight,
    .container.accessProgress .flow span.icon.gray.arrowRight {
      background-size: 11px 11px;
      width: 12px;
    }
    .container.accessProgress.compact .table span.icon.gray.arrowRight,
    .container.accessProgress.compact .flow span.icon.gray.arrowRight {
      width: 20px;
    }
    .contentBoxAccess > div:first-of-type .containerList {
      display: block;
    }
    .contentBoxAccess > div .containerList > div {
      width: 100%;
      display: block;
    }
    .contentBoxAccess > div .containerListSent > div:first-child > div h2 {
      font-size: 1rem;
    }
    .grid-lite .row .columns.small-4 {
      display: inline-block;
      width: calc(33.33% - 14px);
      margin-left: 21px;
    }
    .grid-lite .row .columns.small-4:first-of-type {
      margin-left: 0px;
    }
    .grid-lite .row .columns.small-5 {
      display: inline-block;
      width: 41.66%;
    }
    .grid-lite .row .columns.small-5.small-padding-20-right {
      width: calc(41.66% - 20px);
      margin-right: 20px;
    }
    .grid-lite .row .columns.small-7 {
      display: inline-block;
      width: 58.33%;
    }
  }
  @media print {
    body,
    .mainWrapper {
      background-color: #fff;
    }
    .mainWrapperSubFooter,
    .mainWrapperFooter {
      display: none;
    }
  }
  /*  ~~~~~~~~~~~~    LOGO    ~~~~~~~~~~~~ */
  /*  ~~~~~~~~~~~~    COLORS    ~~~~~~~~~~ */
  /*  ~~~~~~~~~~~~    IMAGES    ~~~~~~~~~~ */
}