From f54e42698741362282521ea3246698c66f294cdc Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Tue, 16 May 2023 11:55:05 +0200
Subject: [PATCH 01/15] added inter font faces

---
 .../organisms/AltinnAppHeader.module.css      |   1 -
 src/index.css                                 |  19 ++-
 .../FileListComponent.module.css              |   2 -
 src/styles/font-faces.css                     | 157 ++++++++++++++++++
 4 files changed, 172 insertions(+), 7 deletions(-)
 create mode 100644 src/styles/font-faces.css

diff --git a/src/components/organisms/AltinnAppHeader.module.css b/src/components/organisms/AltinnAppHeader.module.css
index 7b23c418d1..7773819616 100644
--- a/src/components/organisms/AltinnAppHeader.module.css
+++ b/src/components/organisms/AltinnAppHeader.module.css
@@ -3,7 +3,6 @@
 }
 
 .appBarText {
-  font-family: 'Altinn-DIN';
   font-size: 0.875rem;
   font-weight: 700;
 }
diff --git a/src/index.css b/src/index.css
index e94477ea60..0423a7ae45 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,19 @@
 @import 'src/styles/tjenester3.css';
+@import 'src/styles/font-faces.css';
+
+/* Font */
+
+:root {
+  font-family: 'Inter', sans-serif;
+}
+@supports (font-variation-settings: normal) {
+  @media only screen {
+    :root {
+      font-family: 'Inter var', sans-serif;
+      font-feature-settings: 'cv05';
+    }
+  }
+}
 
 /* Global variables */
 :root {
@@ -78,10 +93,6 @@ input:focus + .slider {
   box-shadow: 0 0 1px #1eaef7;
 }
 
-p {
-  font-family: 'Altinn-DIN';
-}
-
 h2 {
   font-size: 22px;
   font-weight: normal;
diff --git a/src/layout/FileUploadWithTag/FileListComponent.module.css b/src/layout/FileUploadWithTag/FileListComponent.module.css
index b55cba38c2..ca059ff611 100644
--- a/src/layout/FileUploadWithTag/FileListComponent.module.css
+++ b/src/layout/FileUploadWithTag/FileListComponent.module.css
@@ -61,7 +61,6 @@
 .tableHeader tr th {
   padding: 4px 4px 4px 6px;
   font-size: 0.875rem;
-  font-family: 'Altinn-DIN', sans-serif;
   font-weight: 500 !important;
   color: #000;
 }
@@ -72,7 +71,6 @@
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  font-family: 'Altinn-DIN', sans-serif;
   font-weight: 400;
   border-bottom: 1px dotted var(--border-color-primary);
   color: #000;
diff --git a/src/styles/font-faces.css b/src/styles/font-faces.css
new file mode 100644
index 0000000000..1c0badb5be
--- /dev/null
+++ b/src/styles/font-faces.css
@@ -0,0 +1,157 @@
+/* TODO: Upload font files to CDN */
+
+/* ------------------------- static ------------------------- */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-Thin.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-ThinItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-ExtraLight.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-ExtraLightItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-Light.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-LightItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-Regular.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-Italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-Medium.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-MediumItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-SemiBold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-SemiBoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-Bold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-BoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-ExtraBold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-ExtraBoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-Black.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-BlackItalic.woff2') format('woff2');
+}
+
+/* ----------------------- variable ----------------------- */
+
+@font-face {
+  font-family: 'Inter var';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-roman.var.woff2') format('woff2');
+  font-named-instance: 'Regular';
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('https://rsms.me/inter/font-files/Inter-italic.var.woff2') format('woff2');
+  font-named-instance: 'Italic';
+}

From 845c241cdb5fd69f9a10969664237831aed97403 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Tue, 16 May 2023 14:56:39 +0200
Subject: [PATCH 02/15] removed altinn-din and unused styling

---
 .../molecules/AltinnInformationPaper.tsx      |     1 -
 .../presentation/LanguageSelector.tsx         |     2 +-
 src/components/table/AltinnTableHeader.tsx    |     1 -
 src/index.css                                 |    18 +-
 src/layout/Datepicker/DatepickerComponent.tsx |     4 +-
 .../NavigationBar/NavigationBarComponent.tsx  |     2 +-
 src/layout/Paragraph/ParagraphComponent.tsx   |     5 -
 src/layout/RadioButtons/radioButtonsUtils.ts  |     1 -
 src/styles/tjenester3.css                     | 10072 +++++-----------
 src/theme/altinnAppTheme.tsx                  |    14 +-
 10 files changed, 2721 insertions(+), 7399 deletions(-)

diff --git a/src/components/molecules/AltinnInformationPaper.tsx b/src/components/molecules/AltinnInformationPaper.tsx
index 8aa2033d49..13689c7215 100644
--- a/src/components/molecules/AltinnInformationPaper.tsx
+++ b/src/components/molecules/AltinnInformationPaper.tsx
@@ -13,7 +13,6 @@ const useStyles = makeStyles({
     borderRadius: 0,
     fontSize: 16,
     padding: 24,
-    fontFamily: 'Altinn-DIN',
   },
 });
 
diff --git a/src/components/presentation/LanguageSelector.tsx b/src/components/presentation/LanguageSelector.tsx
index 444f64a57c..1a5375dca8 100644
--- a/src/components/presentation/LanguageSelector.tsx
+++ b/src/components/presentation/LanguageSelector.tsx
@@ -29,7 +29,7 @@ export const LanguageSelector = () => {
 
   if (appLanguages && language) {
     return (
-      <div style={{ minWidth: 150 }}>
+      <div style={{ minWidth: 160 }}>
         <Select
           label={getTextFromAppOrDefault('language.selector.label', textResources, language, undefined, true)}
           options={appLanguages.map((lang) => ({
diff --git a/src/components/table/AltinnTableHeader.tsx b/src/components/table/AltinnTableHeader.tsx
index 6e5ad12984..563becfb6c 100644
--- a/src/components/table/AltinnTableHeader.tsx
+++ b/src/components/table/AltinnTableHeader.tsx
@@ -18,7 +18,6 @@ const useStyles = makeStyles({
     '& th': {
       fontSize: '0.875rem',
       padding: padding === 'dense' ? '0 12px 4px 12px' : '0 18px 4px 36px',
-      fontFamily: 'Altinn-DIN',
       '& p': {
         fontWeight: '500',
         fontSize: '0.875rem',
diff --git a/src/index.css b/src/index.css
index 0423a7ae45..dcff893eb0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,13 +3,27 @@
 
 /* Font */
 
-:root {
+* {
   font-family: 'Inter', sans-serif;
+  --font_family-default: 'Inter', sans-serif;
+  --font_family-heading: 'Inter', sans-serif;
+  --font_family-ingress: 'Inter', sans-serif;
+  --font_family-body: 'Inter', sans-serif;
+  --font_family-label: 'Inter', sans-serif;
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  text-align: left;
 }
 @supports (font-variation-settings: normal) {
   @media only screen {
-    :root {
+    * {
       font-family: 'Inter var', sans-serif;
+      --font_family-default: 'Inter var', sans-serif;
+      --font_family-heading: 'Inter var', sans-serif;
+      --font_family-ingress: 'Inter var', sans-serif;
+      --font_family-body: 'Inter var', sans-serif;
+      --font_family-label: 'Inter var', sans-serif;
       font-feature-settings: 'cv05';
     }
   }
diff --git a/src/layout/Datepicker/DatepickerComponent.tsx b/src/layout/Datepicker/DatepickerComponent.tsx
index bf84e3156a..31d50691cc 100644
--- a/src/layout/Datepicker/DatepickerComponent.tsx
+++ b/src/layout/Datepicker/DatepickerComponent.tsx
@@ -25,7 +25,7 @@ const useStyles = makeStyles((theme) => ({
     boxSizing: 'border-box',
     height: '36px',
     fontSize: '1rem',
-    fontFamily: 'Altinn-DIN',
+    fontFamily: 'inherit',
     borderWidth: '2px',
     borderStyle: 'solid',
     borderRadius: 'var(--interactive_components-border_radius-normal)',
@@ -72,7 +72,7 @@ const useStyles = makeStyles((theme) => ({
   },
   dialog: {
     '& *': {
-      fontFamily: 'Altinn-DIN',
+      fontFamily: 'inherit',
     },
     '& .MuiTypography-h4': {
       fontSize: '1.5rem',
diff --git a/src/layout/NavigationBar/NavigationBarComponent.tsx b/src/layout/NavigationBar/NavigationBarComponent.tsx
index 05363427ca..94a0d91315 100644
--- a/src/layout/NavigationBar/NavigationBarComponent.tsx
+++ b/src/layout/NavigationBar/NavigationBarComponent.tsx
@@ -38,7 +38,7 @@ const useStyles = makeStyles((theme) => ({
   buttonBase: {
     cursor: 'pointer',
     background: 'none',
-    font: 'inherit',
+    fontFamily: 'inherit',
     border: `2px solid ${theme.altinnPalette.primary.blueMedium}`,
     width: '100%',
     height: '100%',
diff --git a/src/layout/Paragraph/ParagraphComponent.tsx b/src/layout/Paragraph/ParagraphComponent.tsx
index 3e789f8d95..4c4d2d8fb8 100644
--- a/src/layout/Paragraph/ParagraphComponent.tsx
+++ b/src/layout/Paragraph/ParagraphComponent.tsx
@@ -4,7 +4,6 @@ import { Grid, makeStyles, Typography } from '@material-ui/core';
 
 import { HelpTextContainer } from 'src/components/form/HelpTextContainer';
 import { getParsedLanguageFromText } from 'src/language/sharedLanguage';
-import { AltinnAppTheme } from 'src/theme/altinnAppTheme';
 import { getPlainTextFromNode } from 'src/utils/stringHelper';
 import type { PropsFromGenericComponent } from 'src/layout';
 
@@ -38,10 +37,6 @@ const useStyles = makeStyles({
     '& h6': {
       margin: 0,
     },
-    '& *': {
-      // TODO: Remove when switching to 'Inter'
-      fontFamily: AltinnAppTheme.typography.fontFamily,
-    },
   },
 });
 
diff --git a/src/layout/RadioButtons/radioButtonsUtils.ts b/src/layout/RadioButtons/radioButtonsUtils.ts
index 89152e4241..c38f329204 100644
--- a/src/layout/RadioButtons/radioButtonsUtils.ts
+++ b/src/layout/RadioButtons/radioButtonsUtils.ts
@@ -12,7 +12,6 @@ import type { IRadioButtonsContainerProps } from 'src/layout/RadioButtons/RadioB
 export const useRadioStyles = makeStyles(() => ({
   legend: {
     color: '#000000',
-    fontFamily: 'Altinn-DIN',
   },
   formControl: {
     alignItems: 'flex-start',
diff --git a/src/styles/tjenester3.css b/src/styles/tjenester3.css
index 477d318825..ec13c10a24 100644
--- a/src/styles/tjenester3.css
+++ b/src/styles/tjenester3.css
@@ -13,13 +13,6 @@
   box-sizing: border-box;
 }
 
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
 article,
 aside,
 figcaption,
@@ -33,17 +26,6 @@ section {
   display: block;
 }
 
-body {
-  margin: 0;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5;
-  color: #212529;
-  text-align: left;
-  background-color: #ffffff;
-}
-
 [tabindex='-1']:focus:not(:focus-visible) {
   outline: 0 !important;
 }
@@ -157,25 +139,6 @@ a:not([href]):not([class]):hover {
   text-decoration: none;
 }
 
-pre,
-code,
-kbd,
-samp {
-  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
-  font-size: 1em;
-}
-
-pre {
-  margin-top: 0;
-  margin-bottom: 0.625rem;
-  overflow: auto;
-  -ms-overflow-style: scrollbar;
-}
-
-figure {
-  margin: 0 0 0.625rem;
-}
-
 img {
   vertical-align: middle;
   border-style: none;
@@ -186,14 +149,6 @@ svg {
   vertical-align: middle;
 }
 
-caption {
-  padding-top: 0.469rem;
-  padding-bottom: 0.469rem;
-  color: #bcc7cc;
-  text-align: left;
-  caption-side: bottom;
-}
-
 label,
 .a-form-group .a-form-label-inline,
 .form-group .a-form-label-inline {
@@ -238,7 +193,6 @@ progress {
 }
 
 ::-webkit-file-upload-button {
-  font: inherit;
   -webkit-appearance: button;
 }
 
@@ -5872,304 +5826,6 @@ a.close.disabled {
     max-width: 1140px;
   }
 }
-.tooltip {
-  position: absolute;
-  z-index: 1070;
-  display: block;
-  margin: 0;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  opacity: 0;
-}
-.tooltip.show {
-  opacity: 0.9;
-}
-.tooltip .arrow {
-  position: absolute;
-  display: block;
-  width: 0.5rem;
-  height: 0.25rem;
-}
-.tooltip .arrow::before {
-  position: absolute;
-  content: '';
-  border-color: transparent;
-  border-style: solid;
-}
-
-.bs-tooltip-top,
-.bs-tooltip-auto[x-placement^='top'] {
-  padding: 0.25rem 0;
-}
-.bs-tooltip-top .arrow,
-.bs-tooltip-auto[x-placement^='top'] .arrow {
-  bottom: 0;
-}
-.bs-tooltip-top .arrow::before,
-.bs-tooltip-auto[x-placement^='top'] .arrow::before {
-  top: 0;
-  border-width: 0.25rem 0.25rem 0;
-  border-top-color: #000000;
-}
-
-.bs-tooltip-right,
-.bs-tooltip-auto[x-placement^='right'] {
-  padding: 0 0.25rem;
-}
-.bs-tooltip-right .arrow,
-.bs-tooltip-auto[x-placement^='right'] .arrow {
-  left: 0;
-  width: 0.25rem;
-  height: 0.5rem;
-}
-.bs-tooltip-right .arrow::before,
-.bs-tooltip-auto[x-placement^='right'] .arrow::before {
-  right: 0;
-  border-width: 0.25rem 0.25rem 0.25rem 0;
-  border-right-color: #000000;
-}
-
-.bs-tooltip-bottom,
-.bs-tooltip-auto[x-placement^='bottom'] {
-  padding: 0.25rem 0;
-}
-.bs-tooltip-bottom .arrow,
-.bs-tooltip-auto[x-placement^='bottom'] .arrow {
-  top: 0;
-}
-.bs-tooltip-bottom .arrow::before,
-.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
-  bottom: 0;
-  border-width: 0 0.25rem 0.25rem;
-  border-bottom-color: #000000;
-}
-
-.bs-tooltip-left,
-.bs-tooltip-auto[x-placement^='left'] {
-  padding: 0 0.25rem;
-}
-.bs-tooltip-left .arrow,
-.bs-tooltip-auto[x-placement^='left'] .arrow {
-  right: 0;
-  width: 0.25rem;
-  height: 0.5rem;
-}
-.bs-tooltip-left .arrow::before,
-.bs-tooltip-auto[x-placement^='left'] .arrow::before {
-  left: 0;
-  border-width: 0.25rem 0 0.25rem 0.25rem;
-  border-left-color: #000000;
-}
-
-.tooltip-inner {
-  max-width: 200px;
-  padding: 0.156rem 0.3125rem;
-  color: #ffffff;
-  text-align: center;
-  background-color: #000000;
-  border-radius: 0.156rem;
-}
-
-.popover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1060;
-  display: block;
-  max-width: 276px;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.5;
-  text-align: left;
-  text-align: start;
-  text-decoration: none;
-  text-shadow: none;
-  text-transform: none;
-  letter-spacing: normal;
-  word-break: normal;
-  word-spacing: normal;
-  white-space: normal;
-  line-break: auto;
-  font-size: 0.875rem;
-  word-wrap: break-word;
-  background-color: #ffffff;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 0.187rem;
-}
-.popover .arrow {
-  position: absolute;
-  display: block;
-  width: 0.625rem;
-  height: 0.3125rem;
-  margin: 0 0.187rem;
-}
-.popover .arrow::before,
-.popover .arrow::after {
-  position: absolute;
-  display: block;
-  content: '';
-  border-color: transparent;
-  border-style: solid;
-}
-
-.bs-popover-top,
-.bs-popover-auto[x-placement^='top'] {
-  margin-bottom: 0.3125rem;
-}
-.bs-popover-top > .arrow,
-.bs-popover-auto[x-placement^='top'] > .arrow {
-  bottom: calc(-0.3125rem - 1px);
-}
-.bs-popover-top > .arrow::before,
-.bs-popover-auto[x-placement^='top'] > .arrow::before {
-  bottom: 0;
-  border-width: 0.3125rem 0.3125rem 0;
-  border-top-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-top > .arrow::after,
-.bs-popover-auto[x-placement^='top'] > .arrow::after {
-  bottom: 1px;
-  border-width: 0.3125rem 0.3125rem 0;
-  border-top-color: #ffffff;
-}
-
-.bs-popover-right,
-.bs-popover-auto[x-placement^='right'] {
-  margin-left: 0.3125rem;
-}
-.bs-popover-right > .arrow,
-.bs-popover-auto[x-placement^='right'] > .arrow {
-  left: calc(-0.3125rem - 1px);
-  width: 0.3125rem;
-  height: 0.625rem;
-  margin: 0.187rem 0;
-}
-.bs-popover-right > .arrow::before,
-.bs-popover-auto[x-placement^='right'] > .arrow::before {
-  left: 0;
-  border-width: 0.3125rem 0.3125rem 0.3125rem 0;
-  border-right-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-right > .arrow::after,
-.bs-popover-auto[x-placement^='right'] > .arrow::after {
-  left: 1px;
-  border-width: 0.3125rem 0.3125rem 0.3125rem 0;
-  border-right-color: #ffffff;
-}
-
-.bs-popover-bottom,
-.bs-popover-auto[x-placement^='bottom'] {
-  margin-top: 0.3125rem;
-}
-.bs-popover-bottom > .arrow,
-.bs-popover-auto[x-placement^='bottom'] > .arrow {
-  top: calc(-0.3125rem - 1px);
-}
-.bs-popover-bottom > .arrow::before,
-.bs-popover-auto[x-placement^='bottom'] > .arrow::before {
-  top: 0;
-  border-width: 0 0.3125rem 0.3125rem 0.3125rem;
-  border-bottom-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-bottom > .arrow::after,
-.bs-popover-auto[x-placement^='bottom'] > .arrow::after {
-  top: 1px;
-  border-width: 0 0.3125rem 0.3125rem 0.3125rem;
-  border-bottom-color: #ffffff;
-}
-.bs-popover-bottom .popover-header::before,
-.bs-popover-auto[x-placement^='bottom'] .popover-header::before {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  display: block;
-  width: 0.625rem;
-  margin-left: -0.3125rem;
-  content: '';
-  border-bottom: 1px solid #f7f7f7;
-}
-
-.bs-popover-left,
-.bs-popover-auto[x-placement^='left'] {
-  margin-right: 0.3125rem;
-}
-.bs-popover-left > .arrow,
-.bs-popover-auto[x-placement^='left'] > .arrow {
-  right: calc(-0.3125rem - 1px);
-  width: 0.3125rem;
-  height: 0.625rem;
-  margin: 0.187rem 0;
-}
-.bs-popover-left > .arrow::before,
-.bs-popover-auto[x-placement^='left'] > .arrow::before {
-  right: 0;
-  border-width: 0.3125rem 0 0.3125rem 0.3125rem;
-  border-left-color: rgba(0, 0, 0, 0.25);
-}
-.bs-popover-left > .arrow::after,
-.bs-popover-auto[x-placement^='left'] > .arrow::after {
-  right: 1px;
-  border-width: 0.3125rem 0 0.3125rem 0.3125rem;
-  border-left-color: #ffffff;
-}
-
-.popover-header {
-  padding: 0.3125rem 0.469rem;
-  margin-bottom: 0;
-  font-size: 1rem;
-  background-color: #f7f7f7;
-  border-bottom: 1px solid #ebebeb;
-  border-top-left-radius: calc(0.3rem - 1px);
-  border-top-right-radius: calc(0.3rem - 1px);
-}
-.popover-header:empty {
-  display: none;
-}
-
-.popover-body {
-  padding: 0.3125rem 0.469rem;
-  color: #212529;
-}
-
-.align-baseline {
-  vertical-align: baseline !important;
-}
-
-.align-top {
-  vertical-align: top !important;
-}
-
-.align-middle {
-  vertical-align: middle !important;
-}
-
-.align-bottom {
-  vertical-align: bottom !important;
-}
-
-.align-text-bottom {
-  vertical-align: text-bottom !important;
-}
-
-.align-text-top {
-  vertical-align: text-top !important;
-}
 
 .bg-primary {
   background-color: #008fd6 !important;
@@ -12103,36 +11759,6 @@ button.bg-dark:focus {
   background-color: rgba(0, 0, 0, 0);
 }
 
-.text-monospace {
-  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace !important;
-}
-
-.text-justify {
-  text-align: justify !important;
-}
-
-.text-wrap {
-  white-space: normal !important;
-}
-
-.text-nowrap {
-  white-space: nowrap !important;
-}
-
-.text-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.text-left {
-  text-align: left !important;
-}
-
-.text-right {
-  text-align: right !important;
-}
-
 .text-center {
   text-align: center !important;
 }
@@ -12330,14 +11956,6 @@ a.text-dark:focus {
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
-.text-hide {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
 .text-decoration-none {
   text-decoration: none !important;
 }
@@ -13458,55 +13076,6 @@ figure {
   animation-name: fadeInLeft;
 }
 
-@font-face {
-  font-family: 'DIN-light';
-  src: url('../fonts/DINWeb-Light.woff');
-}
-@font-face {
-  font-family: 'DIN-reg';
-  src: url('../fonts/DINWeb.woff');
-}
-@font-face {
-  font-family: 'DIN-medium';
-  src: url('../fonts/DINWeb-Medium.woff');
-}
-@font-face {
-  font-family: 'DIN-bold';
-  src: url('../fonts/DINWeb-Bold.woff');
-}
-button,
-input,
-optgroup,
-select,
-textarea,
-.popover {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-}
-
-.a-fontSizeXXXL {
-  font-size: 32px;
-  font-size: 2rem;
-  line-height: 1.3;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-@media (min-width: 768px) {
-  .a-fontSizeXXXL {
-    font-size: 36px;
-    font-size: 2.25rem;
-    line-height: 1.2;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-@media (min-width: 992px) {
-  .a-fontSizeXXXL {
-    font-size: 48px;
-    font-size: 3rem;
-    line-height: 1.2;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
 .a-fontSizeXXL,
 .a-iconText.a-iconText-smallLink .a-iconText-text .a-iconText-text-large,
 .a-btn.a-btn-border,
@@ -13904,15 +13473,11 @@ textarea::placeholder {
 }
 .a-form-group .a-form-label-inline,
 .form-group .a-form-label-inline {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
   display: inline-block;
   margin-right: 6px;
 }
 .a-form-group .a-form-label,
 .form-group .a-form-label {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
   display: block;
   margin-bottom: 6px;
 }
@@ -13922,8 +13487,6 @@ textarea::placeholder {
   font-size: 1rem;
   line-height: 1.5;
   -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
   min-width: 0;
   min-height: 36px;
   padding: 2px 12px 0 12px;
@@ -14099,8 +13662,6 @@ textarea::placeholder {
   font-size: 1rem;
   line-height: 1.5;
   -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
   display: block;
   min-width: 36px;
   min-height: 36px;
@@ -14280,19 +13841,6 @@ textarea::placeholder {
   color: #17c96b;
 }
 
-.a-legend {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  display: block;
-  padding-right: 24px;
-  margin-bottom: 12px;
-  color: #022f51;
-}
-
 .a-custom-checkbox {
   padding-left: 2.1875rem;
   margin-right: 36px;
@@ -14499,263 +14047,27 @@ textarea::placeholder {
   display: inline;
 }
 
-.a-switch {
-  position: relative;
-  display: inline-block;
-  max-width: 100%;
-  margin-right: 6px;
-  margin-bottom: 12px;
+.a-form-text {
+  padding: 7px 50px 5px 6px;
+}
+
+.a-dropdown-toggle {
+  width: 100%;
+  min-height: 36px;
+  padding: 0;
+  text-align: left;
+  white-space: normal;
   cursor: pointer;
+  background-color: #ffffff;
+  border: 2px solid #008fd6;
+  border-radius: 0;
 }
-.a-switch input[type='checkbox'] + label.focused,
-.a-switch .a-form-group input[type='checkbox'] + .focused.a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox'] + .focused.a-form-label-inline,
-.a-switch .form-group input[type='checkbox'] + .focused.a-form-label-inline,
-.form-group .a-switch input[type='checkbox'] + .focused.a-form-label-inline,
-.a-switch input[type='radio'] + label.focused,
-.a-switch .a-form-group input[type='radio'] + .focused.a-form-label-inline,
-.a-form-group .a-switch input[type='radio'] + .focused.a-form-label-inline,
-.a-switch .form-group input[type='radio'] + .focused.a-form-label-inline,
-.form-group .a-switch input[type='radio'] + .focused.a-form-label-inline {
-  box-shadow: none;
+.a-dropdown-toggle:hover {
+  color: #000000;
+  border-color: #0062ba;
 }
-.a-switch input[type='checkbox'] + label.disabled,
-.a-switch .a-form-group input[type='checkbox'] + .disabled.a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox'] + .disabled.a-form-label-inline,
-.a-switch .form-group input[type='checkbox'] + .disabled.a-form-label-inline,
-.form-group .a-switch input[type='checkbox'] + .disabled.a-form-label-inline,
-.a-switch input[type='radio'] + label.disabled,
-.a-switch .a-form-group input[type='radio'] + .disabled.a-form-label-inline,
-.a-form-group .a-switch input[type='radio'] + .disabled.a-form-label-inline,
-.a-switch .form-group input[type='radio'] + .disabled.a-form-label-inline,
-.form-group .a-switch input[type='radio'] + .disabled.a-form-label-inline {
-  cursor: not-allowed;
-}
-.a-switch input[type='checkbox'][data-toggle='popover'],
-.a-switch input[type='radio'][data-toggle='popover'] {
-  height: 40px;
-  margin-left: 25px;
-}
-.a-switch input[type='checkbox']:not(:checked) + label,
-.a-switch .a-form-group input[type='checkbox']:not(:checked) + .a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox']:not(:checked) + .a-form-label-inline,
-.a-switch .form-group input[type='checkbox']:not(:checked) + .a-form-label-inline,
-.form-group .a-switch input[type='checkbox']:not(:checked) + .a-form-label-inline,
-.a-switch input[type='radio']:not(:checked) + label,
-.a-switch .a-form-group input[type='radio']:not(:checked) + .a-form-label-inline,
-.a-form-group .a-switch input[type='radio']:not(:checked) + .a-form-label-inline,
-.a-switch .form-group input[type='radio']:not(:checked) + .a-form-label-inline,
-.form-group .a-switch input[type='radio']:not(:checked) + .a-form-label-inline {
-  border: 2px dotted #008fd6;
-  border-radius: 36px;
-  transition: border 0.2s, background-color 0.2s;
-}
-.a-switch input[type='checkbox']:not(:checked) + label.disabled,
-.a-switch .a-form-group input[type='checkbox']:not(:checked) + .disabled.a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox']:not(:checked) + .disabled.a-form-label-inline,
-.a-switch .form-group input[type='checkbox']:not(:checked) + .disabled.a-form-label-inline,
-.form-group .a-switch input[type='checkbox']:not(:checked) + .disabled.a-form-label-inline,
-.a-switch input[type='radio']:not(:checked) + label.disabled,
-.a-switch .a-form-group input[type='radio']:not(:checked) + .disabled.a-form-label-inline,
-.a-form-group .a-switch input[type='radio']:not(:checked) + .disabled.a-form-label-inline,
-.a-switch .form-group input[type='radio']:not(:checked) + .disabled.a-form-label-inline,
-.form-group .a-switch input[type='radio']:not(:checked) + .disabled.a-form-label-inline {
-  padding: 8px 18px;
-  background-color: #ffffff;
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='6.986px' height='6.986px' viewBox='0 0 6.986 6.986' enable-background='new 0 0 6.986 6.986' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Cpolyline id='SVGID_1_' points='6.986,0 6.986,6.986 0,6.986 0,0 '/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='1.608' y='3.31' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='1.608,3.31 8.594,3.31 8.594,10.296 1.608,10.296 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,3.31 1.608,6.845 5.143,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='8.594,3.372 1.67,10.296 5.205,10.296 8.594,6.907 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='1.608' y='-3.676' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='1.608,-3.676 8.594,-3.676 8.594,3.31 1.608,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,-3.676 1.608,-0.141 5.143,-3.676 '/%3E%3Cpolygon fill='%23F0EFEF' points='8.594,-3.614 1.67,3.31 5.205,3.31 8.594,-0.079 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='-5.378' y='3.31' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='-5.378,3.31 1.608,3.31 1.608,10.296 -5.378,10.296 '/%3E%3Cpolygon fill='%23F0EFEF' points='-5.378,3.31 -5.378,6.845 -1.843,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,3.372 -5.316,10.296 -1.781,10.296 1.608,6.907 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='-5.378' y='-3.676' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='-5.378,-3.676 1.608,-3.676 1.608,3.31 -5.378,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='-5.378,-3.676 -5.378,-0.141 -1.843,-3.676 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,-3.614 -5.316,3.31 -1.781,3.31 1.608,-0.079 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-  border: none;
-}
-.a-switch input[type='checkbox']:not(:checked) + label.a-toggle-icon i,
-.a-switch .a-form-group input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i,
-.a-form-group .a-switch input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i,
-.a-switch .form-group input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i,
-.form-group .a-switch input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i,
-.a-switch input[type='radio']:not(:checked) + label.a-toggle-icon i,
-.a-switch .a-form-group input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i,
-.a-form-group .a-switch input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i,
-.a-switch .form-group input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i,
-.form-group .a-switch input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i {
-  color: #008fd6;
-}
-.a-switch input[type='checkbox']:not(:checked) + label.a-toggle-icon i:nth-of-type(1),
-.a-switch .a-form-group input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-form-group .a-switch input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-switch .form-group input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.form-group .a-switch input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-switch input[type='radio']:not(:checked) + label.a-toggle-icon i:nth-of-type(1),
-.a-switch .a-form-group input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-form-group .a-switch input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-switch .form-group input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.form-group .a-switch input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(1) {
-  display: inline-block;
-}
-.a-switch input[type='checkbox']:not(:checked) + label.a-toggle-icon i:nth-of-type(2),
-.a-switch .a-form-group input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-form-group .a-switch input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-switch .form-group input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.form-group .a-switch input[type='checkbox']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-switch input[type='radio']:not(:checked) + label.a-toggle-icon i:nth-of-type(2),
-.a-switch .a-form-group input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-form-group .a-switch input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-switch .form-group input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.form-group .a-switch input[type='radio']:not(:checked) + .a-toggle-icon.a-form-label-inline i:nth-of-type(2) {
-  display: none;
-}
-.a-switch input[type='checkbox']:checked + label,
-.a-switch .a-form-group input[type='checkbox']:checked + .a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox']:checked + .a-form-label-inline,
-.a-switch .form-group input[type='checkbox']:checked + .a-form-label-inline,
-.form-group .a-switch input[type='checkbox']:checked + .a-form-label-inline,
-.a-switch input[type='radio']:checked + label,
-.a-switch .a-form-group input[type='radio']:checked + .a-form-label-inline,
-.a-form-group .a-switch input[type='radio']:checked + .a-form-label-inline,
-.a-switch .form-group input[type='radio']:checked + .a-form-label-inline,
-.form-group .a-switch input[type='radio']:checked + .a-form-label-inline {
-  background-color: rgba(0, 143, 214, 0.2);
-  border: 2px solid #008fd6;
-  border-radius: 36px;
-  transition: border 0.2s, background-color 0.2s;
-}
-.a-switch input[type='checkbox']:checked + label.a-toggle-icon i,
-.a-switch .a-form-group input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i,
-.a-form-group .a-switch input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i,
-.a-switch .form-group input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i,
-.form-group .a-switch input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i,
-.a-switch input[type='radio']:checked + label.a-toggle-icon i,
-.a-switch .a-form-group input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i,
-.a-form-group .a-switch input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i,
-.a-switch .form-group input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i,
-.form-group .a-switch input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i {
-  color: #008fd6;
-}
-.a-switch input[type='checkbox']:checked + label.a-toggle-icon i:nth-of-type(1),
-.a-switch .a-form-group input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-form-group .a-switch input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-switch .form-group input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.form-group .a-switch input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-switch input[type='radio']:checked + label.a-toggle-icon i:nth-of-type(1),
-.a-switch .a-form-group input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-form-group .a-switch input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.a-switch .form-group input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1),
-.form-group .a-switch input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(1) {
-  display: none;
-}
-.a-switch input[type='checkbox']:checked + label.a-toggle-icon i:nth-of-type(2),
-.a-switch .a-form-group input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-form-group .a-switch input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-switch .form-group input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.form-group .a-switch input[type='checkbox']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-switch input[type='radio']:checked + label.a-toggle-icon i:nth-of-type(2),
-.a-switch .a-form-group input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-form-group .a-switch input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.a-switch .form-group input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2),
-.form-group .a-switch input[type='radio']:checked + .a-toggle-icon.a-form-label-inline i:nth-of-type(2) {
-  display: inline-block;
-}
-.a-switch input[type='checkbox']:checked + label.disabled,
-.a-switch .a-form-group input[type='checkbox']:checked + .disabled.a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox']:checked + .disabled.a-form-label-inline,
-.a-switch .form-group input[type='checkbox']:checked + .disabled.a-form-label-inline,
-.form-group .a-switch input[type='checkbox']:checked + .disabled.a-form-label-inline,
-.a-switch input[type='radio']:checked + label.disabled,
-.a-switch .a-form-group input[type='radio']:checked + .disabled.a-form-label-inline,
-.a-form-group .a-switch input[type='radio']:checked + .disabled.a-form-label-inline,
-.a-switch .form-group input[type='radio']:checked + .disabled.a-form-label-inline,
-.form-group .a-switch input[type='radio']:checked + .disabled.a-form-label-inline {
-  background-color: transparent;
-  border: 2px solid #000000;
-}
-.a-switch input[type='checkbox']:checked:focus + label,
-.a-switch .a-form-group input[type='checkbox']:checked:focus + .a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox']:checked:focus + .a-form-label-inline,
-.a-switch .form-group input[type='checkbox']:checked:focus + .a-form-label-inline,
-.form-group .a-switch input[type='checkbox']:checked:focus + .a-form-label-inline,
-.a-switch input[type='radio']:checked:focus + label,
-.a-switch .a-form-group input[type='radio']:checked:focus + .a-form-label-inline,
-.a-form-group .a-switch input[type='radio']:checked:focus + .a-form-label-inline,
-.a-switch .form-group input[type='radio']:checked:focus + .a-form-label-inline,
-.form-group .a-switch input[type='radio']:checked:focus + .a-form-label-inline {
-  background: rgba(207, 240, 255, 0.9);
-}
-.a-switch input[type='checkbox']:focus + label,
-.a-switch .a-form-group input[type='checkbox']:focus + .a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox']:focus + .a-form-label-inline,
-.a-switch .form-group input[type='checkbox']:focus + .a-form-label-inline,
-.form-group .a-switch input[type='checkbox']:focus + .a-form-label-inline,
-.a-switch input[type='checkbox']:active + label,
-.a-switch .a-form-group input[type='checkbox']:active + .a-form-label-inline,
-.a-form-group .a-switch input[type='checkbox']:active + .a-form-label-inline,
-.a-switch .form-group input[type='checkbox']:active + .a-form-label-inline,
-.form-group .a-switch input[type='checkbox']:active + .a-form-label-inline,
-.a-switch input[type='radio']:focus + label,
-.a-switch .a-form-group input[type='radio']:focus + .a-form-label-inline,
-.a-form-group .a-switch input[type='radio']:focus + .a-form-label-inline,
-.a-switch .form-group input[type='radio']:focus + .a-form-label-inline,
-.form-group .a-switch input[type='radio']:focus + .a-form-label-inline,
-.a-switch input[type='radio']:active + label,
-.a-switch .a-form-group input[type='radio']:active + .a-form-label-inline,
-.a-form-group .a-switch input[type='radio']:active + .a-form-label-inline,
-.a-switch .form-group input[type='radio']:active + .a-form-label-inline,
-.form-group .a-switch input[type='radio']:active + .a-form-label-inline {
-  border-style: solid;
-}
-.a-switch .a-switch-label {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  max-width: 100%;
-  min-height: 36px;
-  padding: 5px 12px 0 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-}
-.a-switch .a-switch-label.a-inactive {
-  cursor: default;
-}
-.a-switch.a-switch-limitedWidth {
-  max-width: calc(100% - 30px);
-}
-.a-switch.a-switch--small .a-switch-label {
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  min-height: 24px;
-  padding: 2px 12px 0 12px;
-}
-.a-switch.a-switch--small .a-switch-label::before {
-  position: absolute;
-  top: -5px;
-  left: 0;
-  z-index: 1;
-  min-height: 36px;
-  cursor: pointer;
-  content: '';
-}
-
-.a-form-text {
-  padding: 7px 50px 5px 6px;
-}
-
-.a-dropdown-toggle {
-  width: 100%;
-  min-height: 36px;
-  padding: 0;
-  text-align: left;
-  white-space: normal;
-  cursor: pointer;
-  background-color: #ffffff;
-  border: 2px solid #008fd6;
-  border-radius: 0;
-}
-.a-dropdown-toggle:hover {
-  color: #000000;
-  border-color: #0062ba;
-}
-.a-dropdown-toggle:focus {
-  border-color: #0062ba;
+.a-dropdown-toggle:focus {
+  border-color: #0062ba;
 }
 .a-dropdown-toggle::after {
   position: absolute;
@@ -14868,18 +14180,6 @@ html {
   min-width: 100%;
 }
 
-body {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  color: #000000;
-  letter-spacing: 0.3px;
-  background-color: #efefef;
-}
-
 ::-moz-selection {
   color: #000000;
   background: #e0daf7;
@@ -15613,22 +14913,6 @@ a.no-decoration:focus,
     margin-right: -36px;
   }
 }
-a.a-link-title,
-.a-btn-link.a-link-title {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: inline;
-  padding-bottom: 0;
-  margin-right: 6px;
-}
-a.a-link-title + p,
-.a-btn-link.a-link-title + p {
-  margin-top: 12px;
-}
 .a-h3 a,
 .a-card .a-h3 a a,
 .a-h3 .a-btn-link,
@@ -15655,35 +14939,6 @@ a > i,
   content: '';
 }
 
-.a-linkFeatured {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  color: #022f51;
-  border: none;
-}
-.a-linkFeatured:active,
-.a-linkFeatured:focus,
-.a-linkFeatured:hover {
-  color: #022f51;
-  border-color: #022f51;
-}
-.a-linkFeatured i {
-  margin-top: -5px;
-}
-.a-linkFeatured.a-linkFeatured--border {
-  padding: 7px 12px 5px 12px;
-  border: 1px solid #efefef;
-}
-.a-linkFeatured.a-linkFeatured--border:hover {
-  border: 1px solid #022f51;
-}
-.a-linkFeatured--large {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
 .a-helpIconButton {
   color: #6a6a6a;
   border: none;
@@ -15728,35 +14983,6 @@ h1 + .a-helpIconButton {
   left: 4px;
 }
 
-.a-linkIcon {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  position: relative;
-  z-index: 1;
-  display: inline-block;
-  padding-right: 18px;
-  color: #022f51;
-  border-bottom: none;
-}
-.a-linkIcon i {
-  margin-top: -3px;
-  vertical-align: middle;
-}
-.a-linkIcon span.a-link--underline {
-  border-bottom: 2px solid #008fd6;
-}
-.a-linkIcon span.a-link--underline:hover {
-  border-bottom: 2px solid #0062ba;
-}
-.a-linkIcon:focus,
-.a-linkIcon:active,
-.a-linkIcon:hover {
-  border: none;
-}
-.a-linkIcon + .a-linkIcon {
-  padding-left: 12px;
-}
-
 @media (min-width: 768px) {
   .a-hvr-underline:hover {
     border-bottom: 3px solid #0062ba;
@@ -15777,187 +15003,6 @@ h1 + .a-helpIconButton {
   border-bottom: 2px solid #0062ba;
 }
 
-.a-table thead th {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  border-bottom: 2px solid #008fd6;
-}
-.a-table td,
-.a-table th {
-  padding: 6px 0 5px 0;
-  border-top: none;
-  border-bottom: 1px solid #bcc7cc;
-}
-
-.a-responsiveTable-container {
-  margin: auto;
-}
-
-.a-responsiveTable {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  width: 100%;
-  margin-bottom: 36px;
-}
-.a-responsiveTable thead {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(1px, 1px, 1px, 1px);
-  border: none;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable thead {
-    position: relative;
-    width: auto;
-    height: auto;
-    overflow: auto;
-    clip: auto;
-  }
-}
-.a-responsiveTable thead th {
-  color: #000000;
-  text-align: left;
-  background-color: #efefef;
-  border-bottom: 1px solid #bcc7cc;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable thead th {
-    font-size: 14px;
-    font-size: 0.875rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-    padding: 9px 24px 6px 24px;
-    text-transform: uppercase;
-  }
-}
-.a-responsiveTable tbody,
-.a-responsiveTable tr,
-.a-responsiveTable th,
-.a-responsiveTable td {
-  display: block;
-  padding: 0;
-  text-align: left;
-  white-space: normal;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable tr {
-    display: table-row;
-  }
-}
-.a-responsiveTable th,
-.a-responsiveTable td {
-  padding: 7px 24px 5px 24px;
-  vertical-align: middle;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable th,
-  .a-responsiveTable td {
-    display: table-cell;
-  }
-}
-.a-responsiveTable caption {
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  text-align: left;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable tbody {
-    display: table-row-group;
-  }
-}
-.a-responsiveTable tbody tr {
-  margin-bottom: 36px;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable tbody tr {
-    display: table-row;
-    margin-bottom: 0;
-    border-bottom: 1px solid #bcc7cc;
-  }
-}
-.a-responsiveTable tbody tr:last-of-type {
-  margin-bottom: 0;
-}
-.a-responsiveTable tbody th[scope='row'] {
-  color: #000000;
-  background-color: #f5f5f5;
-  border-bottom: 1px solid #bcc7cc;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable tbody th[scope='row'] {
-    text-align: left;
-    background-color: #ffffff;
-    border-bottom: none;
-  }
-}
-.a-responsiveTable tbody td {
-  text-align: right;
-  background-color: #ffffff;
-  border-bottom: 1px solid #bcc7cc;
-}
-@media (min-width: 768px) {
-  .a-responsiveTable tbody td {
-    text-align: left;
-  }
-}
-.a-responsiveTable tbody td[data-type='currency'] {
-  text-align: right;
-}
-.a-responsiveTable tbody td[data-title]::before {
-  float: left;
-  color: #000000;
-  content: attr(data-title);
-}
-@media (min-width: 768px) {
-  .a-responsiveTable tbody td[data-title]::before {
-    content: none;
-  }
-}
-
-.a-table-calculation td,
-.a-table-calculation th {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  padding: 2px 0 2px 0;
-  border-bottom: none;
-}
-.a-table-calculation td {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  width: 20%;
-  text-align: right;
-  white-space: nowrap;
-  vertical-align: bottom;
-}
-@media (min-width: 768px) {
-  .a-table-calculation td {
-    width: auto;
-  }
-}
-.a-table-calculation th {
-  padding: 6px 24px 0 0;
-}
-.a-table-calculation tfoot {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  border-top: 3px solid #008fd6;
-}
-.a-table-calculation tfoot td,
-.a-table-calculation tfoot th {
-  padding-top: 12px;
-}
-.a-table-calculation tbody tr:last-child th,
-.a-table-calculation tbody tr:last-child td {
-  padding-bottom: 12px;
-}
-
 h1,
 .a-h1 {
   margin-bottom: 12px;
@@ -15965,88 +15010,31 @@ h1,
 
 h2,
 .a-h2 {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
   margin-bottom: 12px;
 }
-@media (min-width: 768px) {
-  h2,
-  .a-h2 {
-    font-family: 'Altinn-DIN';
-    font-weight: 'normal';
-  }
-}
 
 h3,
 .a-h3,
 .a-card .a-h3 a {
-  font-family: 'Altinn-DIN';
   font-weight: bold;
   margin-bottom: 6px;
 }
 
 h4,
 .a-h4 {
-  font-family: 'Altinn-DIN';
   font-weight: bold;
   margin-bottom: 6px;
 }
 
-.a-fontLight {
-  font-family: 'Altinn-DIN';
-  font-weight: 'light';
-}
-
-.a-fontReg {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-}
-
-.a-fontMedium {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-}
-
 .a-fontBold,
 b,
 strong {
-  font-family: 'Altinn-DIN';
   font-weight: bold;
 }
 
 p {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  margin-bottom: 18px;
-}
-.a-leadText {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
   margin-bottom: 18px;
 }
-@media (min-width: 768px) {
-  .a-leadText {
-    font-size: 20px;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-titleExtra {
-  font-family: 'Altinn-DIN';
-  font-weight: 'light';
-}
-
-.a-dimText7 {
-  color: rgba(0, 0, 0, 0.7);
-}
-
-.a-dimText3 {
-  color: rgba(0, 0, 0, 0.3);
-}
 
 mark,
 .a-mark {
@@ -16055,8 +15043,6 @@ mark,
 }
 
 .a-label {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
   min-width: 24px;
   min-height: 24px;
   padding: 3px 9px 0 9px;
@@ -16083,7142 +15069,3484 @@ h1 .a-label {
   margin-top: -8px;
 }
 
-.a-textureLines {
-  font-size: 36px;
-  font-size: 2.25rem;
-  line-height: 1.2;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: inline-block;
-  height: 60px;
-  padding: 6px 12px;
-  color: #ffffff;
-  background-color: transparent;
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='6.986px' height='6.986px' viewBox='0 0 6.986 6.986' enable-background='new 0 0 6.986 6.986' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Cpolyline id='SVGID_1_' points='6.986,0 6.986,6.986 0,6.986 0,0 '/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='1.608' y='3.31' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='1.608,3.31 8.594,3.31 8.594,10.296 1.608,10.296 '/%3E%3Cpolygon fill='%23577c97' points='1.608,3.31 1.608,6.845 5.143,3.31 '/%3E%3Cpolygon fill='%23577c97' points='8.594,3.372 1.67,10.296 5.205,10.296 8.594,6.907 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='1.608' y='-3.676' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='1.608,-3.676 8.594,-3.676 8.594,3.31 1.608,3.31 '/%3E%3Cpolygon fill='%23577c97' points='1.608,-3.676 1.608,-0.141 5.143,-3.676 '/%3E%3Cpolygon fill='%23577c97' points='8.594,-3.614 1.67,3.31 5.205,3.31 8.594,-0.079 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='-5.378' y='3.31' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='-5.378,3.31 1.608,3.31 1.608,10.296 -5.378,10.296 '/%3E%3Cpolygon fill='%23577c97' points='-5.378,3.31 -5.378,6.845 -1.843,3.31 '/%3E%3Cpolygon fill='%23577c97' points='1.608,3.372 -5.316,10.296 -1.781,10.296 1.608,6.907 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='-5.378' y='-3.676' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='-5.378,-3.676 1.608,-3.676 1.608,3.31 -5.378,3.31 '/%3E%3Cpolygon fill='%23577c97' points='-5.378,-3.676 -5.378,-0.141 -1.843,-3.676 '/%3E%3Cpolygon fill='%23577c97' points='1.608,-3.614 -5.316,3.31 -1.781,3.31 1.608,-0.079 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-}
-
-.a-dot {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-}
-.a-dot::before {
-  font-size: 30px;
-  font-size: 1.875rem;
-  line-height: 1.3;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: inline-block;
-  margin-right: 4px;
-  text-decoration: none;
-  vertical-align: bottom;
-  content: '•';
-}
-.a-dot.a-dot-red::before {
-  color: #e23b53;
+@media (max-width: 767px) {
+  .navbar-toggleable-sm li .ai-circle-exclamation {
+    float: right;
+    line-height: 1;
+  }
 }
-.a-dot.a-dot-green::before {
-  color: #17c96b;
+@media (min-width: 992px) {
+  .a-globalNav li .ai-circle-exclamation {
+    font-size: 1.13em !important;
+  }
 }
-.a-dot.a-dot-blue::before {
-  color: #008fd6;
+
+.a-bgGrey .a-fullWidthBtn .a-btnBigger:hover {
+  background: #ffffff;
 }
 
-.a-flex-container-align-items-center {
-  display: flex;
-  align-items: center;
+.a-form-group-datepicker {
+  max-width: 200px;
 }
-.a-flex-container-align-items-center .justify-content-center {
-  justify-content: center;
+@media (min-width: 992px) {
+  .a-form-group-datepicker {
+    max-width: 427px;
+  }
 }
 
-.a-accessability-height {
-  min-height: 48px !important;
+@media (max-width: 767.98px) {
+  .datepicker {
+    border-top: 1px solid #ffffff;
+  }
 }
-
-.a-btn {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  position: relative;
-  display: inline-block;
-  padding: 6px 24px 4px 24px;
-  margin-bottom: 12px;
-  color: #000000;
-  cursor: pointer;
-  background: #1eaef7;
+.datepicker.datepicker-dropdown {
+  padding: 0;
+  margin-top: 0;
   border: none;
   border-radius: 0;
 }
-.a-btn:hover {
-  color: #000000;
-  text-decoration: none;
-  background: #00a0f0;
-  border: none;
-}
-.a-btn:focus {
-  color: #000000;
-  text-decoration: none;
-  background: #00a0f0;
-  border-bottom: none;
-  outline: 2px solid #022f51;
-}
-.a-btn:active,
-.a-btn.active {
-  color: #000000;
-  background: #008fd6;
-  background-image: none;
-  outline: 0;
-}
-.a-btn.disabled,
-.a-btn:disabled {
-  color: #000000;
-  cursor: not-allowed;
-  background-color: #efefef;
-  box-shadow: 0 0 0 1px #ffffff;
-}
-.a-btn::after {
-  position: absolute;
-  top: -6px;
-  left: 0;
-  width: 100%;
-  height: 48px;
-  content: '';
-}
-.a-btn::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: auto;
-  min-height: auto;
-  content: '';
-}
-.a-btn.a-btn-border {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  padding: 8px 24px 4px 24px;
-  color: #022f51;
-  background: transparent;
-  border: 2px solid #022f51;
-}
-.a-btn.a-btn-border:hover,
-.a-btn.a-btn-border:focus {
-  color: #022f51;
-  background: rgba(2, 47, 81, 0.1);
-}
-.a-btn.a-btn--full {
-  width: 100%;
-  margin-bottom: 0;
-  line-height: 36px;
-  text-align: center;
+@media (max-width: 767.98px) {
+  .datepicker.datepicker-dropdown {
+    left: 0 !important;
+    width: 100%;
+  }
 }
-.a-btn-negative {
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  padding: 8px 24px 4px 24px;
-  color: #ffffff;
-  background: transparent;
-  border: 2px solid #008fd6;
+.datepicker.datepicker-dropdown::before,
+.datepicker.datepicker-dropdown::after {
+  display: none;
 }
-@media (min-width: 992px) {
-  .a-btn-negative {
-    font-size: 36px;
-    font-size: 2.25rem;
-    line-height: 1.2;
-    -webkit-font-smoothing: subpixel-antialiased;
+@media (max-width: 767.98px) {
+  .datepicker.datepicker-dropdown table {
+    width: 100%;
   }
 }
-.a-btn-negative:hover,
-.a-btn-negative:focus {
-  color: #ffffff;
-  background: rgba(255, 255, 255, 0.05);
-  border: 2px solid #cff0ff;
+.datepicker.datepicker-dropdown table th,
+.datepicker.datepicker-dropdown table td {
+  padding-right: 0;
 }
-
-.a-btn-lightBorder {
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  padding: 8px 24px 4px 24px;
-  color: #000000;
-  background: transparent;
-  border: 2px solid #008fd6;
+.datepicker.datepicker-dropdown table thead tr {
+  color: #ffffff;
+  background-color: #008fd6;
 }
-@media (min-width: 992px) {
-  .a-btn-lightBorder {
-    font-size: 36px;
-    font-size: 2.25rem;
-    line-height: 1.2;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
+.datepicker.datepicker-dropdown table thead tr:nth-of-type(3) {
+  display: none;
 }
-.a-btn-lightBorder:hover,
-.a-btn-lightBorder:focus {
-  color: #000000;
-  background: rgba(0, 0, 0, 0.05);
-  border: 2px solid #008fd6;
+.datepicker.datepicker-dropdown table tbody {
+  border-right: solid 1px #efefef;
+  border-bottom: solid 1px #efefef;
 }
-
-.a-btn-wide {
-  font-size: 36px;
-  font-size: 2.25rem;
-  line-height: 1.2;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  padding: 6px 24px 4px 24px;
-  margin-bottom: 12px;
-  color: #000000;
-  text-align: center;
-  cursor: pointer;
-  background: #008fd6;
-  border: none;
+.datepicker.datepicker-dropdown table tr td,
+.datepicker.datepicker-dropdown table tr th {
+  width: 48px;
+  height: 48px;
   border-radius: 0;
 }
-@media (min-width: 576px) {
-  .a-btn-wide {
-    font-size: 24px;
-    font-size: 1.5rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-    width: auto;
-  }
-}
-@media (min-width: 992px) {
-  .a-btn-wide {
-    font-size: 36px;
-    font-size: 2.25rem;
-    line-height: 1.2;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
+.datepicker.datepicker-dropdown table tr th {
+  border-right: solid 1px #008fd6;
+  border-left: solid 1px #008fd6;
 }
-.a-btn-wide:hover {
-  color: #000000;
-  text-decoration: none;
+.datepicker.datepicker-dropdown table tr th:hover:not(.dow),
+.datepicker.datepicker-dropdown table tr th:focus:not(.dow) {
   background: #00a0f0;
-  border: none;
 }
-.a-btn-wide:focus {
-  color: #000000;
-  text-decoration: none;
-  background: #00a0f0;
-  border-bottom: none;
-  outline: 0;
+.datepicker.datepicker-dropdown table tr td {
+  border-bottom: solid 1px #efefef;
+  border-left: solid 1px #efefef;
 }
-.a-btn-wide:active,
-.a-btn-wide.active {
+.datepicker.datepicker-dropdown table tr td:hover,
+.datepicker.datepicker-dropdown table tr td:focus,
+.datepicker.datepicker-dropdown table tr td:active {
   color: #000000;
-  background: #008fd6;
-  background-image: none;
-  outline: 0;
+  text-shadow: none;
+  background: #ffffff !important;
+  border-bottom: solid 1px #efefef;
+  border-left: solid 1px #efefef;
+  outline: 2px solid #008fd6;
+  outline-offset: -2px;
+}
+.datepicker.datepicker-dropdown table tr td.day {
+  padding-top: 4px;
 }
-.a-btn-wide.disabled,
-.a-btn-wide:disabled {
+.datepicker.datepicker-dropdown table tr td.day.today,
+.datepicker.datepicker-dropdown table tr td.day.active {
   color: #000000;
-  cursor: not-allowed;
-  background-color: #efefef;
-  box-shadow: 0 0 0 1px #ffffff;
+  text-shadow: none;
+  background: #cff0ff;
+  border-bottom: solid 1px #efefef;
+  border-left: solid 1px #efefef;
 }
-.a-btn-wide::after {
-  position: absolute;
-  top: -6px;
-  left: 0;
-  width: 100%;
-  height: 48px;
-  content: '';
+.datepicker.datepicker-dropdown table tr td.day.active {
+  background: #008fd6;
 }
-.a-btn-wide::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: auto;
-  min-height: auto;
-  content: '';
+.datepicker.datepicker-dropdown table tr td.day:hover,
+.datepicker.datepicker-dropdown table tr td.day:focus {
+  background: #cff0ff;
 }
-.a-btn-wide.a-btn-border {
-  padding: 8px 24px 4px 24px;
-  color: #022f51;
-  background: transparent;
-  border: 2px solid #022f51;
+.datepicker.datepicker-dropdown .old,
+.datepicker.datepicker-dropdown .new {
+  background: #f5f5f5;
 }
-.a-btn-wide.a-btn-border:hover,
-.a-btn-wide.a-btn-border:focus {
-  color: #022f51;
-  background: rgba(2, 47, 81, 0.1);
+.datepicker.datepicker-dropdown .datepicker-switch,
+.datepicker.datepicker-dropdown .datepicker-switch:hover,
+.datepicker.datepicker-dropdown .datepicker-switch:focus {
+  cursor: auto;
+  background: #008fd6 !important;
 }
 
-.a-btn-secondary {
-  background-color: #ffffff;
-}
-.a-btn-secondary:hover {
-  background: #efefef;
+.card-block {
+  overflow-wrap: break-word;
 }
 
-.a-btn-success {
-  color: #000000;
-  background-color: #17c96b;
-}
-.a-btn-success:hover {
-  background: rgba(23, 201, 107, 0.8);
-  border: none;
-}
-.a-btn-success:active,
-.a-btn-success.active {
-  background: #17c96b;
+.ai,
+.reg,
+.ai-stack,
+.reg-stack {
+  font-size: 2.25em;
+  -webkit-font-smoothing: subpixel-antialiased;
+  line-height: 0px;
+  width: 1em;
+  text-align: center;
+  vertical-align: middle;
 }
-.a-btn-success:focus {
-  background: rgba(23, 201, 107, 0.8);
+.ai.ai-xs,
+.a-helpIconButton i.ai,
+.ai.reg-xs,
+.reg.ai-xs,
+.a-helpIconButton i.reg,
+.reg.reg-xs,
+.ai-stack.ai-xs,
+.a-helpIconButton .ai-stack,
+.ai-stack.reg-xs,
+.reg-stack.ai-xs,
+.a-helpIconButton i.reg-stack,
+.reg-stack.reg-xs {
+  font-size: 1.5em;
 }
-.a-btn-success.disabled,
-.a-btn-success:disabled {
-  color: #000000;
-  cursor: not-allowed;
-  background-color: #efefef;
-  box-shadow: 0 0 0 1px #ffffff;
+.ai.ai-sm,
+.ai.reg-sm,
+.reg.ai-sm,
+.reg.reg-sm,
+.ai-stack.ai-sm,
+.ai-stack.reg-sm,
+.reg-stack.ai-sm,
+.reg-stack.reg-sm {
+  font-size: 1.8em;
 }
-
-.a-btn-danger {
-  background-color: #e23b53;
+.ai.ai-lg,
+.ai.reg-lg,
+.reg.ai-lg,
+.reg.reg-lg,
+.ai-stack.ai-lg,
+.ai-stack.reg-lg,
+.reg-stack.ai-lg,
+.reg-stack.reg-lg {
+  font-size: 4em;
 }
-.a-btn-danger:hover {
-  background: #e55166;
-  border: none;
+.ai.ai-md,
+.ai.reg-md,
+.reg.ai-md,
+.reg.reg-md,
+.ai-stack.ai-md,
+.ai-stack.reg-md,
+.reg-stack.ai-md,
+.reg-stack.reg-md {
+  font-size: 3.2em;
 }
-.a-btn-danger:active,
-.a-btn-danger.active {
-  background: #e55166;
+@media (min-width: 768px) {
+  .ai.ai-md-lg,
+  .ai.reg-md-lg,
+  .reg.ai-md-lg,
+  .reg.reg-md-lg,
+  .ai-stack.ai-md-lg,
+  .ai-stack.reg-md-lg,
+  .reg-stack.ai-md-lg,
+  .reg-stack.reg-md-lg {
+    font-size: 4em;
+  }
 }
-.a-btn-danger:focus {
-  background: #e55166;
+@media (min-width: 768px) {
+  .ai.ai-md-md,
+  .ai.reg-md-md,
+  .reg.ai-md-md,
+  .reg.reg-md-md,
+  .ai-stack.ai-md-md,
+  .ai-stack.reg-md-md,
+  .reg-stack.ai-md-md,
+  .reg-stack.reg-md-md {
+    font-size: 2.25em;
+    -webkit-font-smoothing: subpixel-antialiased;
+    line-height: 0px;
+  }
 }
-
-.a-btn-icon {
-  display: flex;
-  width: 100%;
-  min-height: 60px;
-  text-align: left;
-  background: transparent;
+.ai.ai-nw,
+.ai.reg-nw,
+.reg.ai-nw,
+.reg.reg-nw,
+.ai-stack.ai-nw,
+.ai-stack.reg-nw,
+.reg-stack.ai-nw,
+.reg-stack.reg-nw {
+  width: auto;
 }
-.a-btn-icon:hover,
-.a-btn-icon:focus {
-  color: #008fd6;
-  background: transparent;
+.ai.ai-nw-pr,
+.ai.reg-nw-pr,
+.reg.ai-nw-pr,
+.reg.reg-nw-pr,
+.ai-stack.ai-nw-pr,
+.ai-stack.reg-nw-pr,
+.reg-stack.ai-nw-pr,
+.reg-stack.reg-nw-pr {
+  padding-right: 6px;
 }
-.a-btn-icon i {
-  align-self: center;
+.ai.ai-nw-pl,
+.ai.reg-nw-pl,
+.reg.ai-nw-pl,
+.reg.reg-nw-pl,
+.ai-stack.ai-nw-pl,
+.ai-stack.reg-nw-pl,
+.reg-stack.ai-nw-pl,
+.reg-stack.reg-nw-pl {
+  padding-left: 6px;
 }
-.a-btn-icon .a-btn-icon-text {
+.ai.ai-left,
+.ai.reg-left,
+.reg.ai-left,
+.reg.reg-left,
+.ai-stack.ai-left,
+.ai-stack.reg-left,
+.reg-stack.ai-left,
+.reg-stack.reg-left {
   text-align: left;
-  align-self: center;
 }
-@media (min-width: 992px) {
-  .a-btn-icon .a-btn-icon-text-ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+.ai.ai-right,
+.ai.reg-right,
+.reg.ai-right,
+.reg.reg-right,
+.ai-stack.ai-right,
+.ai-stack.reg-right,
+.reg-stack.ai-right,
+.reg-stack.reg-right {
+  text-align: right;
 }
-.a-btn-icon .a-btn-icon-symbol {
-  width: 36px;
-  height: 36px;
-  padding: 0;
-  color: #ffffff;
-  background: #008fd6;
-  border-radius: 50px;
-  justify-content: center;
+.ai.ai-top,
+.reg.ai-top,
+.ai-stack.ai-top,
+.reg-stack.ai-top {
+  vertical-align: top;
 }
-.a-btn-icon.a-btn-link {
-  width: auto;
+.ai.ai-float-right,
+.reg.ai-float-right,
+.ai-stack.ai-float-right,
+.reg-stack.ai-float-right {
+  float: right;
 }
 
-.a-btn-wordwrap {
-  display: inline;
-  white-space: initial;
+.ai-stack,
+.reg-stack {
+  font-size: 2.25em;
+  -webkit-font-smoothing: subpixel-antialiased;
+  line-height: 0px;
+  width: 1em;
+  height: 1em;
+}
+.ai-stack i,
+.reg-stack i {
+  font-size: inherit;
 }
 
-.a-btn-icon-transparent {
-  background: transparent;
+.form-group i {
+  margin-top: -2px;
+  font-size: 1.8em;
 }
-.a-btn-icon-transparent:hover,
-.a-btn-icon-transparent:focus {
-  color: #008fd6;
-  background: transparent;
+.form-group.a-form-group-large i {
+  font-size: 2.25em;
+  -webkit-font-smoothing: subpixel-antialiased;
+  line-height: 0px;
 }
-.a-btn-icon-transparent.a-delete {
-  color: #e23b53;
+
+.a-switch i,
+.a-btn-action i {
+  margin-top: -3px;
+  font-size: 1.8em;
 }
-.a-btn-icon-transparent.a-delete:focus {
-  border: 1px solid #008fd6;
+.a-switch.a-fullWidthBtn i,
+.a-btn-action.a-fullWidthBtn i {
+  font-size: 2.25em;
+  -webkit-font-smoothing: subpixel-antialiased;
+  line-height: 0px;
 }
 
-.a-btn-transparentWhite {
-  padding: 12px;
-  background: rgba(255, 255, 255, 0.5);
+.a-list i {
+  margin-top: -4px;
+  font-size: 1.8em;
 }
-.a-btn-transparentWhite:hover,
-.a-btn-transparentWhite:focus {
-  color: #000000;
-  background: #ffffff;
+
+.a-icon {
+  display: inline-flex;
+  min-width: 60px;
+  min-height: 60px;
+  align-items: center;
+  justify-content: center;
 }
-.a-btn-transparentWhite .a-charIcon {
-  width: 48px;
-  min-width: 48px;
-  min-height: 48px;
-  color: #008fd6;
-  background: #ffffff;
-  border-radius: 48px;
+
+.a-icon-circle {
+  background-color: #efefef;
+  border-radius: 50%;
 }
-.a-btn-transparentWhite .a-charIcon span {
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: inline-block;
-  width: 30px;
-  height: 30px;
-  margin-top: 11px;
-  margin-left: 1px;
-  font-style: normal;
-  line-height: 28px;
+.a-icon-circle.a-bgBlue {
+  color: #ffffff;
 }
-.a-btn-transparentWhite .a-charIcon:hover,
-.a-btn-transparentWhite .a-charIcon:focus {
-  background: #008fd6;
+
+.a-iconText {
+  display: flex;
+  width: 100%;
+  min-height: 84px;
+  align-items: center;
 }
-.a-btn-transparentWhite .a-btn-icon-symbol {
-  display: inline-flex;
-  width: 40px;
-  min-height: 40px;
-  padding: 0;
-  color: #008fd6;
-  background: #ffffff;
-  border-radius: 50px;
+.a-iconText .a-iconText-icon {
+  display: flex;
+  width: 60px;
+  min-width: 60px;
+  margin-right: 0;
   justify-content: center;
-  line-height: 46px;
-}
-.a-btn-transparentWhite .a-btn-icon-symbol::before {
   align-self: center;
 }
-.a-btn-transparentWhite .a-btn-icon-symbol.a-button-icon-symbol--secondary {
-  background: rgba(255, 255, 255, 0);
-  border: 2px dotted #008fd6;
-}
 @media (min-width: 768px) {
-  .a-btn-transparentWhite .a-btn-icon-symbol {
-    width: 48px;
-    min-height: 48px;
-    line-height: 54px;
+  .a-iconText .a-iconText-icon {
+    margin-right: 12px;
   }
 }
-.a-btn-transparentWhite.a-active,
-.a-btn-transparentWhite:hover {
-  background: #ffffff;
+.a-iconText .a-iconText-icon .a-date {
+  margin: 0;
 }
-.a-btn-transparentWhite.a-active .a-btn-icon-symbol,
-.a-btn-transparentWhite.a-active .a-charIcon,
-.a-btn-transparentWhite:hover .a-btn-icon-symbol,
-.a-btn-transparentWhite:hover .a-charIcon {
-  color: #ffffff;
-  background: #008fd6;
-}
-.a-btn-transparentWhite .a-btn-icon-text {
-  padding-left: 6px;
-}
-
-.a-btn-shadow {
-  background: #e3f7ff;
-  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
+.a-iconText .a-iconText-icon:empty {
+  display: none;
 }
-.a-shadow .a-btn-shadow {
-  box-shadow: none;
+.a-iconText .a-iconText-icon.a-iconText-icon--start {
+  align-self: flex-start;
 }
-.a-btn-shadow:hover,
-.a-btn-shadow:focus {
-  color: #000000;
-  background: #caf0ff;
+.a-iconText.a-iconText--noMinHeight {
+  min-height: auto;
 }
-.a-btn-shadow.a-bgGreyLight:focus,
-.a-btn-shadow.a-bgGreyLight:hover {
-  background: #e2e2e2;
+.a-iconText .a-iconText-text {
+  flex: 1;
+  font-size: inherit;
 }
-.a-btn-shadow .a-dot::before {
-  margin-top: -7px;
+.a-iconText .a-iconText-text .a-iconText-text-small {
+  font-size: 14px;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
+  display: block;
+  margin-bottom: 0;
 }
-.a-btn-shadow.a-btn-shadow-large {
-  font-size: 16px;
-  font-size: 1rem;
+.a-iconText .a-iconText-text span.a-iconText-text-large,
+.a-iconText .a-iconText-text p.a-iconText-text-large {
+  font-size: 18px;
+  font-size: 1.125rem;
   line-height: 1.5;
   -webkit-font-smoothing: subpixel-antialiased;
-  padding-top: 19px;
-  padding-right: 12px;
-  padding-bottom: 17px;
-  padding-left: 12px;
+  margin-bottom: 0;
 }
-@media (min-width: 768px) {
-  .a-btn-shadow.a-btn-shadow-large {
-    padding-right: 24px;
-    padding-left: 24px;
+@media (min-width: 992px) {
+  .a-iconText .a-iconText-text span.a-iconText-text-large,
+  .a-iconText .a-iconText-text p.a-iconText-text-large {
+    font-size: 28px;
+    font-size: 1.75rem;
+    line-height: 1.4;
+    -webkit-font-smoothing: subpixel-antialiased;
   }
 }
-.a-btn-shadow.a-btn-shadow-large .a-dot {
-  position: absolute;
-  left: 60px;
+.a-iconText .a-iconText-text h1 {
+  margin-bottom: 0;
 }
-.a-btn-shadow.a-btn-shadow-large .a-btn-icon-text {
-  padding-left: 0;
+.a-iconText .a-iconText-text h1 + .a-byline {
+  margin-top: 0;
+  margin-bottom: 0;
 }
-.a-btn-shadow.a-btn-shadow-large .a-btn-icon-text-second {
+.a-iconText .a-iconText-text .a-iconText-text-small + .a-iconText-text-large {
   display: block;
 }
-.a-btn-shadow.a-btn-shadow-large i {
-  min-width: 36px;
-}
-.a-btn-shadow .a-label {
-  margin-top: -1px;
-  margin-left: 12px;
-}
-.a-btn-shadow.disabled {
-  color: #6a6a6a;
-  background: #e3f7ff;
+@media (min-width: 992px) {
+  .a-iconText .a-iconText-text .a-iconText-text-small + .a-iconText-text-large {
+    font-size: 20px;
+    font-size: 1.25rem;
+    line-height: 1.5;
+    -webkit-font-smoothing: subpixel-antialiased;
+  }
 }
-.a-btn-shadow.disabled:hover,
-.a-btn-shadow.disabled:focus {
-  color: #6a6a6a;
-  background: #e3f7ff;
+.a-iconText .a-iconText-text a,
+.a-iconText .a-iconText-text .a-btn-link {
+  font-size: 18px;
+  font-size: 1.125rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
+  font-weight: bold;
 }
-
-.a-offset-border-top {
-  position: relative;
+@media (min-width: 768px) {
+  .a-iconText .a-iconText-text a,
+  .a-iconText .a-iconText-text .a-btn-link {
+    font-size: 20px;
+    font-size: 1.25rem;
+    line-height: 1.5;
+    -webkit-font-smoothing: subpixel-antialiased;
+  }
 }
-.a-offset-border-top::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  content: ' ';
-  border-top: 1px solid #bcc7cc;
+.a-iconText .a-iconText-text .a-formCode {
+  font-size: 18px;
+  font-size: 1.125rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
 }
 @media (min-width: 768px) {
-  .a-offset-border-top::before {
-    right: 24px;
-    left: 24px;
+  .a-iconText .a-iconText-text .a-formCode {
+    font-size: 20px;
+    font-size: 1.25rem;
+    line-height: 1.5;
+    -webkit-font-smoothing: subpixel-antialiased;
   }
 }
-
-.a-btn-link {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  padding: 0;
-  text-align: left;
-  background: none;
-  border: none;
-  box-shadow: none;
+.a-iconText.a-iconText-shadow {
+  padding: 12px;
+  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
 }
-.a-btn-link:active,
-.a-btn-link:focus,
-.a-btn-link:hover {
-  border: none;
+.a-iconText.a-iconText-border {
+  padding: 10px;
+  border: 2px dotted #008fd6;
 }
-.a-btn-link:active span,
-.a-btn-link:focus span,
-.a-btn-link:hover span {
-  border-bottom: 2px solid #0062ba;
+.a-iconText.a-iconText-background {
+  padding: 12px;
+  color: #ffffff;
+  background: #022f51;
 }
-.a-btn-link:active.a-linkDanger,
-.a-btn-link:focus.a-linkDanger,
-.a-btn-link:hover.a-linkDanger {
-  border: none;
+.a-iconText.a-iconText-background .a-icon-circle {
+  color: #000000;
 }
-.a-btn-link:active.a-linkDanger span,
-.a-btn-link:focus.a-linkDanger span,
-.a-btn-link:hover.a-linkDanger span {
-  border-bottom: 2px solid #b61b31;
+.a-iconText.a-iconText-background.a-iconText-background--white {
+  color: #000000;
+  background: #ffffff;
 }
-.a-btn-link:active.a-nounderline,
-.a-btn-link:focus.a-nounderline,
-.a-btn-link:hover.a-nounderline {
-  color: #002c54;
-  border: none;
+.a-iconText.a-iconText-background.a-iconText-background--transparent {
+  color: #000000;
+  background: transparent;
 }
-.a-btn-link:active.a-nounderline span,
-.a-btn-link:focus.a-nounderline span,
-.a-btn-link:hover.a-nounderline span {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  border-bottom: none;
+.a-iconText.a-iconText-smallLink .a-iconText-text .a-iconText-text-large {
+  display: block;
 }
-.a-btn-link span {
-  padding-bottom: 2px;
-  border-bottom: 2px solid #008fd6;
+.a-iconText.a-iconText-p0 .a-iconText-text p {
+  margin-bottom: 0;
 }
-.a-btn-link span.a-btn-black-noUnderline {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  padding: 0;
-  border: none;
+
+.a-bgWhite .a-iconText.a-iconText-background.a-iconText-background--white {
+  color: #000000;
+  background: #efefef;
 }
-.a-btn-link.a-nounderline {
-  color: #0062ba;
-  border: none;
+
+@media (min-width: 992px) {
+  .a-iconText-large {
+    min-height: 96px;
+  }
+  .a-iconText-large .a-iconText-icon {
+    width: 72px;
+  }
+  .a-iconText-large .a-icon {
+    width: 72px;
+    min-width: 72px;
+    height: 72px;
+    font-size: 4em;
+  }
 }
-.a-btn-link.a-nounderline span {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  border-bottom: none;
+
+i.a-danger {
+  color: #e23b53;
+}
+i.a-danger:not(.a-noHover):hover {
+  color: #cc1e37;
 }
-.a-btn-link.a-linkDanger span {
-  border-bottom: 2px solid #e23b53;
+i.a-dimmed {
+  color: #6a6a6a;
 }
-.a-btn-link.a-accessability-button {
-  min-width: 48px !important;
-  min-height: 48px !important;
-  text-align: center;
-  vertical-align: middle;
+i.a-blue {
+  color: #008fd6;
 }
 
-.a-btn-action {
-  padding: 6px 24px 4px 12px;
-  color: #000000;
-  text-align: left;
-  vertical-align: middle;
-  background-color: transparent;
-  border: 2px dotted #008fd6;
-  align-items: center;
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl {
+  padding: 0;
 }
-.a-btn-action.a-iconRight {
-  padding: 6px 12px 4px 12px;
+
+.container {
+  padding: 0 12px;
 }
-.a-btn-action:hover,
-.a-btn-action:focus {
-  color: #000000;
-  background: #e3f7ff;
-  border: 2px dotted #008fd6;
+@media (min-width: 576px) {
+  .container {
+    padding: 0 24px;
+  }
 }
-.a-btn-action:not(.a-fullWidthBtn) span {
-  margin-left: 12px;
+@media (min-width: 1200px) {
+  .container {
+    padding: 0;
+  }
 }
-.a-btn-action:not(.a-fullWidthBtn) i + span {
-  margin-left: 0;
+
+.col-auto {
+  padding-right: 0;
+  padding-left: 0;
 }
 
-@media (max-width: 767px) {
-  .navbar-toggleable-sm li .ai-circle-exclamation {
-    float: right;
-    line-height: 1;
+@media (max-width: 767.98px) {
+  .a-container-fluid-small {
+    width: auto;
+    padding: 0;
   }
 }
-@media (min-width: 992px) {
-  .a-globalNav li .ai-circle-exclamation {
-    font-size: 1.13em !important;
-  }
+
+.a-noColPadding {
+  margin: 0;
 }
-.a-box-button {
-  position: relative;
-  width: 100%;
-  min-height: 190px;
-  padding: 15px 4px;
-  cursor: pointer;
-  background: #ffffff;
-  border: 1px solid #bcc7cc;
+.a-noColPadding .col-xs-1 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button[data-toggle='instant'] i,
-.a-box-button[data-toggle='instant'] .a-box-button-action {
-  color: #6a6a6a;
+.a-noColPadding .col-xs-2 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-childBoxButtonList .a-box-button {
-  background-color: #efefef;
+.a-noColPadding .col-xs-3 {
+  padding-right: 0;
+  padding-left: 0;
 }
-@media (min-width: 576px) {
-  .a-box-button .a-box-button-text {
-    height: 55px;
-    overflow: hidden;
-  }
+.a-noColPadding .col-xs-4 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button p {
-  margin-bottom: 0;
+.a-noColPadding .col-xs-5 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button .a-box-button-icon {
-  display: block;
-  width: auto;
-  line-height: 1;
-}
-.a-box-button .a-box-button-info {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  display: table;
-  width: auto;
-  padding: 8px 12px 4px 12px;
-  margin: 12px auto 12px auto;
-  clear: both;
-  font-style: normal;
-  color: #000000;
-  text-align: center;
-  background: #efefef;
-  border-radius: 50px;
+.a-noColPadding .col-xs-6 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button .a-box-button-action {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  display: inline-block;
+.a-noColPadding .col-xs-7 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button .a-box-button-secondaryAction {
-  display: none;
+.a-noColPadding .col-xs-8 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button.a-open .a-box-button-primaryAction {
-  display: none;
+.a-noColPadding .col-xs-9 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button.a-open .a-box-button-secondaryAction {
-  display: inline-block;
+.a-noColPadding .col-xs-10 {
+  padding-right: 0;
+  padding-left: 0;
 }
-@media (max-width: 767px) {
-  .a-box-button.ai-top {
-    float: right;
-    vertical-align: middle;
-  }
+.a-noColPadding .col-xs-11 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button:hover {
-  padding: 12px 0;
-  background: rgba(255, 255, 255, 0.5);
-  border: 4px solid #008fd6 !important;
+.a-noColPadding .col-xs-12 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button:hover .a-box-button-info {
-  background: #ffffff;
+.a-noColPadding .col-xs {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button:hover .a-meta-text {
-  padding-right: 1px;
-  padding-left: 1px;
+.a-noColPadding .col-sm-1 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button:hover .ai-circle-exclamation {
-  margin-right: 1px;
+.a-noColPadding .col-sm-2 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button .a-meta-text {
-  display: block;
-  min-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.a-noColPadding .col-sm-3 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button .a-box-button-name {
-  display: block;
-  height: 40px;
-  overflow-y: hidden;
-  text-transform: uppercase;
+.a-noColPadding .col-sm-4 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-box-button:focus {
-  background: #cff0ff;
+.a-noColPadding .col-sm-5 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-boxAddBtn {
-  width: 100%;
-  padding: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: none;
+.a-noColPadding .col-sm-6 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-boxAddBtn:focus .a-boxAddBtn-inner,
-.a-boxAddBtn:hover .a-boxAddBtn-inner {
-  background: rgba(255, 255, 255, 0.5);
+.a-noColPadding .col-sm-7 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-boxAddBtn .a-boxAddBtn-inner {
-  display: block;
-  min-height: 168px;
-  padding: 18px 12px 0 12px;
-  background-color: transparent;
-  border: 2px dotted #008fd6;
+.a-noColPadding .col-sm-8 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-boxAddBtn .a-boxAddBtn-inner .a-boxAddBtn-icon {
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: block;
-  padding: 24px;
+.a-noColPadding .col-sm-9 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-boxAddBtn .a-box-button-icon {
-  display: block;
-  width: auto;
-  line-height: 1;
+.a-noColPadding .col-sm-10 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-fullWidthBtn {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  width: 100%;
-  min-height: 48px;
+.a-noColPadding .col-sm-11 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-fullWidthBtn span {
-  display: inline-block;
-  width: 70%;
-  height: 100%;
-  margin-left: 12px;
-  vertical-align: middle;
+.a-noColPadding .col-sm-12 {
+  padding-right: 0;
+  padding-left: 0;
 }
-@media (min-width: 576px) {
-  .a-fullWidthBtn span {
-    margin-left: 24px;
-  }
+.a-noColPadding .col-sm {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-fullWidthBtn.a-btnBigger {
-  min-height: 77px;
-  padding: 12px;
+.a-noColPadding .col-md-1 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-fullWidthBtn.a-btnBigger i {
-  width: 45px;
-  height: 45px;
-  padding-top: 21px;
-  color: #ffffff;
-  background: #008fd6;
-  border-radius: 50px;
-  justify-content: center;
+.a-noColPadding .col-md-2 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-fullWidthBtn.a-btnBigger span {
-  width: 56%;
-  margin: 0;
+.a-noColPadding .col-md-3 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-bgGrey .a-fullWidthBtn .a-btnBigger:hover {
-  background: #ffffff;
+.a-noColPadding .col-md-4 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-btn-icon-inline {
-  display: inline !important;
-  width: 24px;
-  padding: 0;
+.a-noColPadding .col-md-5 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.switch-container {
-  width: 100%;
-  min-height: 36px;
-  border: 2px solid #1eaef7;
+.a-noColPadding .col-md-6 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio {
-  position: relative;
-  width: 50%;
-  height: 100%;
+.a-noColPadding .col-md-7 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio:first-of-type {
-  float: left;
+.a-noColPadding .col-md-8 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio:last-of-type {
-  float: right;
+.a-noColPadding .col-md-9 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio input[type='radio']:checked:focus + label,
-.switch-container .radio .a-form-group input[type='radio']:checked:focus + .a-form-label-inline,
-.a-form-group .switch-container .radio input[type='radio']:checked:focus + .a-form-label-inline,
-.switch-container .radio .form-group input[type='radio']:checked:focus + .a-form-label-inline,
-.form-group .switch-container .radio input[type='radio']:checked:focus + .a-form-label-inline {
-  background-color: #cff0ff;
+.a-noColPadding .col-md-10 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio input[type='radio']:checked + label,
-.switch-container .radio .a-form-group input[type='radio']:checked + .a-form-label-inline,
-.a-form-group .switch-container .radio input[type='radio']:checked + .a-form-label-inline,
-.switch-container .radio .form-group input[type='radio']:checked + .a-form-label-inline,
-.form-group .switch-container .radio input[type='radio']:checked + .a-form-label-inline {
-  background-color: #1eaef7;
+.a-noColPadding .col-md-11 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio input[type='radio']:not(:checked):focus + label,
-.switch-container .radio .a-form-group input[type='radio']:not(:checked):focus + .a-form-label-inline,
-.a-form-group .switch-container .radio input[type='radio']:not(:checked):focus + .a-form-label-inline,
-.switch-container .radio .form-group input[type='radio']:not(:checked):focus + .a-form-label-inline,
-.form-group .switch-container .radio input[type='radio']:not(:checked):focus + .a-form-label-inline {
-  background-color: #cff0ff;
+.a-noColPadding .col-md-12 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio input[type='radio']:not(:checked) + label:hover,
-.switch-container .radio .a-form-group input[type='radio']:not(:checked) + .a-form-label-inline:hover,
-.a-form-group .switch-container .radio input[type='radio']:not(:checked) + .a-form-label-inline:hover,
-.switch-container .radio .form-group input[type='radio']:not(:checked) + .a-form-label-inline:hover,
-.form-group .switch-container .radio input[type='radio']:not(:checked) + .a-form-label-inline:hover {
-  background-color: #cff0ff;
+.a-noColPadding .col-md {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio label,
-.switch-container .radio .a-form-group .a-form-label-inline,
-.a-form-group .switch-container .radio .a-form-label-inline,
-.switch-container .radio .form-group .a-form-label-inline,
-.form-group .switch-container .radio .a-form-label-inline {
-  display: block;
-  width: 100%;
-  height: 100%;
-  padding-top: 1px;
-  line-height: 32px;
-  text-align: center;
-  cursor: pointer;
-  background-color: transparent;
+.a-noColPadding .col-lg-1 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.switch-container .radio.disabled input,
-.switch-container .radio.disabled label,
-.switch-container .radio.disabled .a-form-group .a-form-label-inline,
-.a-form-group .switch-container .radio.disabled .a-form-label-inline,
-.switch-container .radio.disabled .form-group .a-form-label-inline,
-.form-group .switch-container .radio.disabled .a-form-label-inline {
-  cursor: wait;
+.a-noColPadding .col-lg-2 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-btn-group a,
-.a-btn-group button {
-  margin-right: 12px;
+.a-noColPadding .col-lg-3 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-btn-group a:last-child,
-.a-btn-group button:last-child {
-  margin-right: 0;
+.a-noColPadding .col-lg-4 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-btn-group a.a-btn-link,
-.a-btn-group button.a-btn-link {
-  display: inline-block;
-  padding-bottom: 0;
-  margin-bottom: 12px;
+.a-noColPadding .col-lg-5 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-btn-group a:not(.a-btn) {
-  display: inline;
-  padding-bottom: 2px;
+.a-noColPadding .col-lg-6 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-btn-group.a-btn-group-exLinks a,
-.a-btn-group.a-btn-group-exLinks button {
-  margin-right: 36px;
-  margin-bottom: 12px;
+.a-noColPadding .col-lg-7 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-btn-blue-noUnderline {
-  color: #0062ba;
+.a-noColPadding .col-lg-8 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-btn-blue-noUnderline:hover,
-.a-btn-blue-noUnderline:focus {
-  color: #002c54;
+.a-noColPadding .col-lg-9 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-btn-noStyle {
-  padding: 0;
-  margin: 0;
-  color: #ffffff;
-  background: none;
-  border: none;
+.a-noColPadding .col-lg-10 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-link-helpfunction {
-  display: flex;
-  justify-content: center;
+.a-noColPadding .col-lg-11 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-link-helpfunction div {
-  text-align: left;
+.a-noColPadding .col-lg-12 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-link-helpfunction div.a-link-helpfunction-text {
-  margin-left: 12px;
-}
-
-@media (max-width: 991.98px) {
-  .a-btn-md-block {
-    display: block;
-    margin-bottom: 24px;
-  }
-}
-
-@media (max-width: 1199.98px) {
-  .a-btn-lg-block {
-    display: block;
-    margin-bottom: 24px;
-  }
-}
-
-.a-btn-no-textwrap {
-  white-space: nowrap;
+.a-noColPadding .col-lg {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-button.a-btn-delete {
-  z-index: 1;
-  display: inline-block;
-  min-height: 0;
-  padding: 0;
-  margin: 0;
+.a-noColPadding .col-xl-1 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-@media (max-width: 991.98px) {
-  .a-search-filter-action-wrapper div {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 101;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-  }
-  .a-search-filter-action-wrapper div button {
-    width: 100%;
-    margin: 0;
-  }
+.a-noColPadding .col-xl-2 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-btn-black-text {
-  color: #000000 !important;
+.a-noColPadding .col-xl-3 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-accessability-size {
-  min-width: 48px !important;
-  min-height: 48px !important;
+.a-noColPadding .col-xl-4 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-.a-form-group-datepicker {
-  max-width: 200px;
+.a-noColPadding .col-xl-5 {
+  padding-right: 0;
+  padding-left: 0;
 }
-@media (min-width: 992px) {
-  .a-form-group-datepicker {
-    max-width: 427px;
-  }
+.a-noColPadding .col-xl-6 {
+  padding-right: 0;
+  padding-left: 0;
 }
-
-@media (max-width: 767.98px) {
-  .datepicker {
-    border-top: 1px solid #ffffff;
-  }
+.a-noColPadding .col-xl-7 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown {
-  padding: 0;
-  margin-top: 0;
-  border: none;
-  border-radius: 0;
+.a-noColPadding .col-xl-8 {
+  padding-right: 0;
+  padding-left: 0;
 }
-@media (max-width: 767.98px) {
-  .datepicker.datepicker-dropdown {
-    left: 0 !important;
-    width: 100%;
-  }
+.a-noColPadding .col-xl-9 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown::before,
-.datepicker.datepicker-dropdown::after {
-  display: none;
+.a-noColPadding .col-xl-10 {
+  padding-right: 0;
+  padding-left: 0;
 }
-@media (max-width: 767.98px) {
-  .datepicker.datepicker-dropdown table {
-    width: 100%;
-  }
+.a-noColPadding .col-xl-11 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table th,
-.datepicker.datepicker-dropdown table td {
+.a-noColPadding .col-xl-12 {
   padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table thead tr {
-  color: #ffffff;
-  background-color: #008fd6;
+.a-noColPadding .col-xl {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table thead tr:nth-of-type(3) {
-  display: none;
+.a-noColPadding .col-xxl-1 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tbody {
-  border-right: solid 1px #efefef;
-  border-bottom: solid 1px #efefef;
+.a-noColPadding .col-xxl-2 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr td,
-.datepicker.datepicker-dropdown table tr th {
-  width: 48px;
-  height: 48px;
-  border-radius: 0;
+.a-noColPadding .col-xxl-3 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr th {
-  border-right: solid 1px #008fd6;
-  border-left: solid 1px #008fd6;
+.a-noColPadding .col-xxl-4 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr th:hover:not(.dow),
-.datepicker.datepicker-dropdown table tr th:focus:not(.dow) {
-  background: #00a0f0;
+.a-noColPadding .col-xxl-5 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr td {
-  border-bottom: solid 1px #efefef;
-  border-left: solid 1px #efefef;
+.a-noColPadding .col-xxl-6 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr td:hover,
-.datepicker.datepicker-dropdown table tr td:focus,
-.datepicker.datepicker-dropdown table tr td:active {
-  color: #000000;
-  text-shadow: none;
-  background: #ffffff !important;
-  border-bottom: solid 1px #efefef;
-  border-left: solid 1px #efefef;
-  outline: 2px solid #008fd6;
-  outline-offset: -2px;
+.a-noColPadding .col-xxl-7 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr td.day {
-  padding-top: 4px;
+.a-noColPadding .col-xxl-8 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr td.day.today,
-.datepicker.datepicker-dropdown table tr td.day.active {
-  color: #000000;
-  text-shadow: none;
-  background: #cff0ff;
-  border-bottom: solid 1px #efefef;
-  border-left: solid 1px #efefef;
+.a-noColPadding .col-xxl-9 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr td.day.active {
-  background: #008fd6;
+.a-noColPadding .col-xxl-10 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown table tr td.day:hover,
-.datepicker.datepicker-dropdown table tr td.day:focus {
-  background: #cff0ff;
+.a-noColPadding .col-xxl-11 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown .old,
-.datepicker.datepicker-dropdown .new {
-  background: #f5f5f5;
+.a-noColPadding .col-xxl-12 {
+  padding-right: 0;
+  padding-left: 0;
 }
-.datepicker.datepicker-dropdown .datepicker-switch,
-.datepicker.datepicker-dropdown .datepicker-switch:hover,
-.datepicker.datepicker-dropdown .datepicker-switch:focus {
-  cursor: auto;
-  background: #008fd6 !important;
+.a-noColPadding .col-xxl {
+  padding-right: 0;
+  padding-left: 0;
 }
-.a-card {
-  width: 100%;
-  padding: 24px 18px;
-  margin-bottom: 24px;
-  background: #ffffff;
-  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
+
+.bigger-container {
+  margin-right: -108px;
+  margin-left: -48px;
 }
-@media (min-width: 576px) {
-  .a-card {
-    padding: 24px 24px;
+@media (max-width: 1199.98px) {
+  .bigger-container {
+    margin-right: -12px;
+    margin-left: -12px;
   }
 }
-@media (min-width: 768px) {
-  .a-card {
-    padding: 48px 48px;
-  }
+
+.a-rwd-break {
+  display: block;
 }
-@media (min-width: 992px) {
-  .a-card {
-    padding: 48px 89px;
+@media (min-width: 576px) {
+  .a-rwd-break {
+    display: none;
   }
 }
-.a-card .a-h3,
-.a-card .a-h3 a {
-  margin-bottom: 24px;
+
+.a-pl-5andhalf {
+  padding-left: 66px;
 }
-.a-card .a-h3 span {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
+
+.a-pl-4andhalf {
+  padding-left: 54px;
 }
-.a-card .a-collapseHeader.a-h3,
-.a-card .a-h3 a.a-collapseHeader {
-  padding-bottom: 0;
-  margin-bottom: 0;
+
+.a-p-x9-xl {
+  margin-bottom: 12px;
 }
-.a-card .a-collapseHeader.a-h3 a,
-.a-card .a-h3 a.a-collapseHeader a {
-  margin-bottom: 0;
+@media (min-width: 1200px) {
+  .a-p-x9-xl {
+    padding-right: 108px;
+    padding-left: 108px;
+  }
 }
-.a-card.a-card-filter {
-  padding: 18px 18px;
-  margin-bottom: 0;
+
+.a-py-minus-1 {
+  width: calc(100% + 36px);
+  margin-left: -18px;
 }
 @media (min-width: 576px) {
-  .a-card.a-card-filter {
-    padding: 24px 24px;
+  .a-py-minus-1 {
+    width: calc(100% + 24px);
+    margin-left: -12px;
   }
 }
 @media (min-width: 992px) {
-  .a-card.a-card-filter {
-    padding: 24px 89px;
+  .a-py-minus-1 {
+    width: auto;
+    margin-left: auto;
   }
 }
-.a-card.transparent {
-  background: transparent;
-  box-shadow: none;
+
+.a-py-minus-2 {
+  width: calc(100% + 48px);
+  margin-left: -24px;
 }
-.a-card.transparent p {
-  display: inline;
-}
-.a-card.transparent p::before,
-.a-card.transparent p::after {
-  display: block;
-  content: '\a\a';
-}
-.a-card.transparent p::after {
-  margin-bottom: 20px;
+@media (min-width: 576px) {
+  .a-py-minus-2 {
+    width: auto;
+    margin-left: auto;
+  }
 }
 
-.a-bgWhite .a-card:not(.transparent):not(.a-cardImage) {
-  background: #efefef;
-}
-.a-bgWhite .a-card:not(.transparent):not(.a-cardImage) hr.a-hrLight {
-  border-bottom: 1px solid #e0e0e0;
+.a-py-1 {
+  padding-right: 8.33333%;
+  padding-left: 8.33333%;
 }
 
-.a-cardImage {
-  display: flex;
-  padding: 0;
-  background: transparent;
-  box-shadow: none;
-  align-items: center;
-  flex-wrap: wrap;
+.a-pl-1 {
+  padding-left: 8.33333%;
 }
-@media (min-width: 768px) {
-  .a-cardImage {
-    flex-wrap: nowrap;
-  }
+
+.col-max-2 {
+  min-width: 50%;
 }
-.a-cardImage img {
-  flex-grow: 0;
-  width: 150px;
-  height: 150px;
-  margin-right: auto;
-  margin-left: auto;
-  border-radius: 50%;
-  -o-object-fit: cover;
-  object-fit: cover;
-  flex-shrink: 0;
+.col-max-2:nth-of-type(n + 3) {
+  max-width: 50%;
 }
-@media (min-width: 768px) {
-  .a-cardImage img {
-    width: 126px;
-    height: 126px;
-    margin-right: 36px;
-    margin-bottom: 0;
-  }
+
+.col-max-3 {
+  min-width: 33.33333%;
 }
-@media (min-width: 992px) {
-  .a-cardImage img {
-    width: 180px;
-    height: 180px;
-  }
+.col-max-3:nth-of-type(n + 4) {
+  max-width: 33.33333%;
 }
-.a-cardImage .a-cardImage-text {
-  margin-top: 24px;
+
+.col-max-4 {
+  min-width: 25%;
 }
-@media (min-width: 768px) {
-  .a-cardImage .a-cardImage-text {
-    margin-top: 0;
-  }
+.col-max-4:nth-of-type(n + 5) {
+  max-width: 25%;
 }
-.a-cardImage .a-cardImage-text .a-linkIcon:hover .a-linkIcon-text {
-  border-bottom: 1px solid #022f51;
+
+.col-max-5 {
+  min-width: 20%;
 }
-.a-cardImage .a-cardImage-text .a-linkIcon:last-child {
-  padding-right: 0;
+.col-max-5:nth-of-type(n + 6) {
+  max-width: 20%;
 }
-.a-cardImage .a-link-tel {
-  margin-left: -5px;
+
+.col-max-6 {
+  min-width: 16.6666666%;
 }
-.a-cardImage.a-cardImage-border {
-  padding: 24px 24px;
-  margin-top: -1px;
-  border: 1px solid #bcc7cc;
+.col-max-6:nth-of-type(n + 7) {
+  max-width: 16.6666666%;
 }
-@media (min-width: 768px) {
-  .a-cardImage.a-cardImage-largePadding {
-    padding: 24px 36px;
+
+@media (max-width: 767.98px) {
+  .a-w-3-sm-down {
+    width: 36px;
   }
 }
-@media (min-width: 992px) {
-  .a-cardImage.a-cardImage-largePadding {
-    padding: 24px 84px;
-  }
+
+.a-w-7 {
+  width: 84px;
 }
 
-.a-card-group .a-card {
-  padding: 36px 48px 12px 48px;
+.a-w-8 {
+  width: 96px;
 }
-.a-card-group .a-card h2 a {
-  padding-bottom: 1px;
+
+.a-lh-3 {
+  line-height: 36px;
 }
 
 @media (min-width: 992px) {
-  .a-mainCard {
-    padding-left: 8.33333%;
+  .a-offset-alignContent .a-iconText .a-iconText-icon {
+    margin-right: 6px;
   }
 }
-.a-mainCard .a-iconText {
-  margin-bottom: 24px;
-  margin-left: -12px;
-}
-@media (min-width: 992px) {
-  .a-mainCard .a-iconText {
-    width: calc(100% + 72px);
-    margin-left: -72px;
+@media (min-width: 1200px) {
+  .a-offset-alignContent .a-iconText .a-iconText-icon {
+    width: 64px;
+    margin-right: 12px;
   }
 }
-@media (max-width: 991.98px) {
-  .a-mainCard .a-iconText .a-iconText-icon {
-    margin-right: 0;
-  }
+
+.loader {
+  position: relative;
+  display: block;
+  margin: 0 auto;
+  text-indent: -9999em;
+  transform: translateZ(0);
 }
-@media (max-width: 767.98px) {
-  .a-mainCard .a-iconText .a-pageTitle {
-    font-size: 18px;
-    font-size: 1.125rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
+.loader.loader-ellipsis {
+  width: 0.625em;
+  height: 0.625em;
+  border-radius: 50%;
+  -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
+  animation: loader-ellipsis 1.8s infinite ease-in-out;
+  -webkit-animation-delay: -0.16s;
+  animation-delay: -0.16s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
 }
-@media (min-width: 992px) {
-  .a-mainCard .a-iconText a,
-  .a-mainCard .a-iconText .a-formCode {
-    font-size: 30px;
-    font-size: 1.875rem;
-    line-height: 1.3;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
+.loader.loader-ellipsis::after,
+.loader.loader-ellipsis::before {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  content: '';
+  border-radius: 50%;
+  -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
+  animation: loader-ellipsis 1.8s infinite ease-in-out;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
 }
-.a-mainCard .a-mainCard-content ul {
-  margin-left: 0;
+.loader.loader-ellipsis::before {
+  left: -0.875em;
+  -webkit-animation-delay: -0.32s;
+  animation-delay: -0.32s;
 }
-
-.card-block {
-  overflow-wrap: break-word;
+.loader.loader-ellipsis::after {
+  left: 0.875em;
 }
 
-.ai,
-.reg,
-.ai-stack,
-.reg-stack {
-  font-size: 2.25em;
-  -webkit-font-smoothing: subpixel-antialiased;
-  line-height: 0px;
-  width: 1em;
-  text-align: center;
-  vertical-align: middle;
-}
-.ai.ai-xs,
-.a-helpIconButton i.ai,
-.ai.reg-xs,
-.reg.ai-xs,
-.a-helpIconButton i.reg,
-.reg.reg-xs,
-.ai-stack.ai-xs,
-.a-helpIconButton .ai-stack,
-.ai-stack.reg-xs,
-.reg-stack.ai-xs,
-.a-helpIconButton i.reg-stack,
-.reg-stack.reg-xs {
-  font-size: 1.5em;
-}
-.ai.ai-sm,
-.ai.reg-sm,
-.reg.ai-sm,
-.reg.reg-sm,
-.ai-stack.ai-sm,
-.ai-stack.reg-sm,
-.reg-stack.ai-sm,
-.reg-stack.reg-sm {
-  font-size: 1.8em;
+.loader-container {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 3;
+  background-color: rgba(255, 255, 255, 0.9);
 }
-.ai.ai-lg,
-.ai.reg-lg,
-.reg.ai-lg,
-.reg.reg-lg,
-.ai-stack.ai-lg,
-.ai-stack.reg-lg,
-.reg-stack.ai-lg,
-.reg-stack.reg-lg {
-  font-size: 4em;
+.loader-container .loader {
+  top: 40%;
+  margin: auto;
 }
-.ai.ai-md,
-.ai.reg-md,
-.reg.ai-md,
-.reg.reg-md,
-.ai-stack.ai-md,
-.ai-stack.reg-md,
-.reg-stack.ai-md,
-.reg-stack.reg-md {
-  font-size: 3.2em;
+
+body > .loader-container {
+  position: fixed;
+  background-color: rgba(255, 255, 255, 0.5);
 }
-@media (min-width: 768px) {
-  .ai.ai-md-lg,
-  .ai.reg-md-lg,
-  .reg.ai-md-lg,
-  .reg.reg-md-lg,
-  .ai-stack.ai-md-lg,
-  .ai-stack.reg-md-lg,
-  .reg-stack.ai-md-lg,
-  .reg-stack.reg-md-lg {
-    font-size: 4em;
+
+@-webkit-keyframes loader-ellipsis {
+  0%,
+  100%,
+  80% {
+    box-shadow: 0 0.625em 0 -0.325em #008fd6;
+  }
+  40% {
+    box-shadow: 0 0.625em 0 0 #008fd6;
   }
 }
-@media (min-width: 768px) {
-  .ai.ai-md-md,
-  .ai.reg-md-md,
-  .reg.ai-md-md,
-  .reg.reg-md-md,
-  .ai-stack.ai-md-md,
-  .ai-stack.reg-md-md,
-  .reg-stack.ai-md-md,
-  .reg-stack.reg-md-md {
-    font-size: 2.25em;
-    -webkit-font-smoothing: subpixel-antialiased;
-    line-height: 0px;
+
+@keyframes loader-ellipsis {
+  0%,
+  100%,
+  80% {
+    box-shadow: 0 0.625em 0 -0.325em #008fd6;
+  }
+  40% {
+    box-shadow: 0 0.625em 0 0 #008fd6;
   }
 }
-.ai.ai-nw,
-.ai.reg-nw,
-.reg.ai-nw,
-.reg.reg-nw,
-.ai-stack.ai-nw,
-.ai-stack.reg-nw,
-.reg-stack.ai-nw,
-.reg-stack.reg-nw {
-  width: auto;
-}
-.ai.ai-nw-pr,
-.ai.reg-nw-pr,
-.reg.ai-nw-pr,
-.reg.reg-nw-pr,
-.ai-stack.ai-nw-pr,
-.ai-stack.reg-nw-pr,
-.reg-stack.ai-nw-pr,
-.reg-stack.reg-nw-pr {
-  padding-right: 6px;
-}
-.ai.ai-nw-pl,
-.ai.reg-nw-pl,
-.reg.ai-nw-pl,
-.reg.reg-nw-pl,
-.ai-stack.ai-nw-pl,
-.ai-stack.reg-nw-pl,
-.reg-stack.ai-nw-pl,
-.reg-stack.reg-nw-pl {
-  padding-left: 6px;
-}
-.ai.ai-left,
-.ai.reg-left,
-.reg.ai-left,
-.reg.reg-left,
-.ai-stack.ai-left,
-.ai-stack.reg-left,
-.reg-stack.ai-left,
-.reg-stack.reg-left {
-  text-align: left;
-}
-.ai.ai-right,
-.ai.reg-right,
-.reg.ai-right,
-.reg.reg-right,
-.ai-stack.ai-right,
-.ai-stack.reg-right,
-.reg-stack.ai-right,
-.reg-stack.reg-right {
-  text-align: right;
-}
-.ai.ai-top,
-.reg.ai-top,
-.ai-stack.ai-top,
-.reg-stack.ai-top {
-  vertical-align: top;
-}
-.ai.ai-float-right,
-.reg.ai-float-right,
-.ai-stack.ai-float-right,
-.reg-stack.ai-float-right {
-  float: right;
-}
-
-.ai-stack,
-.reg-stack {
-  font-size: 2.25em;
-  -webkit-font-smoothing: subpixel-antialiased;
-  line-height: 0px;
-  width: 1em;
-  height: 1em;
-}
-.ai-stack i,
-.reg-stack i {
-  font-size: inherit;
-}
-
-.form-group i {
-  margin-top: -2px;
-  font-size: 1.8em;
-}
-.form-group.a-form-group-large i {
-  font-size: 2.25em;
-  -webkit-font-smoothing: subpixel-antialiased;
-  line-height: 0px;
-}
-
-.a-switch i,
-.a-btn-action i {
-  margin-top: -3px;
-  font-size: 1.8em;
-}
-.a-switch.a-fullWidthBtn i,
-.a-btn-action.a-fullWidthBtn i {
-  font-size: 2.25em;
-  -webkit-font-smoothing: subpixel-antialiased;
-  line-height: 0px;
-}
-
-.a-list i {
-  margin-top: -4px;
-  font-size: 1.8em;
-}
-
-.a-icon {
-  display: inline-flex;
-  min-width: 60px;
-  min-height: 60px;
-  align-items: center;
-  justify-content: center;
-}
-
-.a-icon-circle {
-  background-color: #efefef;
-  border-radius: 50%;
-}
-.a-icon-circle.a-bgBlue {
-  color: #ffffff;
-}
-
-.a-iconText {
-  display: flex;
-  width: 100%;
-  min-height: 84px;
-  align-items: center;
-}
-.a-iconText .a-iconText-icon {
-  display: flex;
-  width: 60px;
-  min-width: 60px;
-  margin-right: 0;
-  justify-content: center;
-  align-self: center;
-}
-@media (min-width: 768px) {
-  .a-iconText .a-iconText-icon {
-    margin-right: 12px;
-  }
-}
-.a-iconText .a-iconText-icon .a-date {
-  margin: 0;
-}
-.a-iconText .a-iconText-icon:empty {
-  display: none;
-}
-.a-iconText .a-iconText-icon.a-iconText-icon--start {
-  align-self: flex-start;
-}
-.a-iconText.a-iconText--noMinHeight {
-  min-height: auto;
-}
-.a-iconText .a-iconText-text {
-  flex: 1;
-  font-size: inherit;
-}
-.a-iconText .a-iconText-text .a-iconText-text-small {
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: block;
-  margin-bottom: 0;
-}
-.a-iconText .a-iconText-text span.a-iconText-text-large,
-.a-iconText .a-iconText-text p.a-iconText-text-large {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  margin-bottom: 0;
-}
-@media (min-width: 992px) {
-  .a-iconText .a-iconText-text span.a-iconText-text-large,
-  .a-iconText .a-iconText-text p.a-iconText-text-large {
-    font-size: 28px;
-    font-size: 1.75rem;
-    line-height: 1.4;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-.a-iconText .a-iconText-text h1 {
-  margin-bottom: 0;
-}
-.a-iconText .a-iconText-text h1 + .a-byline {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.a-iconText .a-iconText-text .a-iconText-text-small + .a-iconText-text-large {
-  display: block;
-}
-@media (min-width: 992px) {
-  .a-iconText .a-iconText-text .a-iconText-text-small + .a-iconText-text-large {
-    font-size: 20px;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-.a-iconText .a-iconText-text a,
-.a-iconText .a-iconText-text .a-btn-link {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-}
-@media (min-width: 768px) {
-  .a-iconText .a-iconText-text a,
-  .a-iconText .a-iconText-text .a-btn-link {
-    font-size: 20px;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-.a-iconText .a-iconText-text .a-formCode {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-@media (min-width: 768px) {
-  .a-iconText .a-iconText-text .a-formCode {
-    font-size: 20px;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-.a-iconText.a-iconText-shadow {
-  padding: 12px;
-  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
-}
-.a-iconText.a-iconText-border {
-  padding: 10px;
-  border: 2px dotted #008fd6;
-}
-.a-iconText.a-iconText-background {
-  padding: 12px;
-  color: #ffffff;
-  background: #022f51;
-}
-.a-iconText.a-iconText-background .a-icon-circle {
-  color: #000000;
-}
-.a-iconText.a-iconText-background.a-iconText-background--white {
-  color: #000000;
-  background: #ffffff;
-}
-.a-iconText.a-iconText-background.a-iconText-background--transparent {
-  color: #000000;
-  background: transparent;
-}
-.a-iconText.a-iconText-smallLink .a-iconText-text .a-iconText-text-large {
-  display: block;
-}
-.a-iconText.a-iconText-smallLink .a-iconText-text a {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-}
-.a-iconText.a-iconText-p0 .a-iconText-text p {
-  margin-bottom: 0;
-}
-
-.a-bgWhite .a-iconText.a-iconText-background.a-iconText-background--white {
-  color: #000000;
-  background: #efefef;
-}
-
-@media (min-width: 992px) {
-  .a-iconText-large {
-    min-height: 96px;
-  }
-  .a-iconText-large .a-iconText-icon {
-    width: 72px;
-  }
-  .a-iconText-large .a-icon {
-    width: 72px;
-    min-width: 72px;
-    height: 72px;
-    font-size: 4em;
-  }
-}
-
-i.a-danger {
-  color: #e23b53;
-}
-i.a-danger:not(.a-noHover):hover {
-  color: #cc1e37;
-}
-i.a-dimmed {
-  color: #6a6a6a;
-}
-i.a-blue {
-  color: #008fd6;
-}
-
-.container-fluid,
-.container-sm,
-.container-md,
-.container-lg,
-.container-xl {
-  padding: 0;
-}
-
-.container {
-  padding: 0 12px;
-}
-@media (min-width: 576px) {
-  .container {
-    padding: 0 24px;
-  }
-}
-@media (min-width: 1200px) {
-  .container {
-    padding: 0;
-  }
-}
-
-.col-auto {
-  padding-right: 0;
-  padding-left: 0;
-}
-
-@media (max-width: 767.98px) {
-  .a-container-fluid-small {
-    width: auto;
-    padding: 0;
-  }
-}
-
-.a-noColPadding {
-  margin: 0;
-}
-.a-noColPadding .col-xs-1 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-2 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-3 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-4 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-5 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-6 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-7 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-8 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-9 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-10 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-11 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs-12 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xs {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-1 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-2 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-3 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-4 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-5 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-6 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-7 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-8 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-9 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-10 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-11 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm-12 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-sm {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-1 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-2 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-3 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-4 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-5 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-6 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-7 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-8 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-9 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-10 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-11 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md-12 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-md {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-1 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-2 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-3 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-4 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-5 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-6 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-7 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-8 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-9 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-10 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-11 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg-12 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-lg {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-1 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-2 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-3 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-4 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-5 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-6 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-7 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-8 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-9 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-10 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-11 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl-12 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xl {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-1 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-2 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-3 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-4 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-5 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-6 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-7 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-8 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-9 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-10 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-11 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl-12 {
-  padding-right: 0;
-  padding-left: 0;
-}
-.a-noColPadding .col-xxl {
-  padding-right: 0;
-  padding-left: 0;
-}
-
-.bigger-container {
-  margin-right: -108px;
-  margin-left: -48px;
-}
-@media (max-width: 1199.98px) {
-  .bigger-container {
-    margin-right: -12px;
-    margin-left: -12px;
-  }
-}
-
-.a-rwd-break {
-  display: block;
-}
-@media (min-width: 576px) {
-  .a-rwd-break {
-    display: none;
-  }
-}
-
-.a-pl-5andhalf {
-  padding-left: 66px;
-}
-
-.a-pl-4andhalf {
-  padding-left: 54px;
-}
-
-.a-p-x9-xl {
-  margin-bottom: 12px;
-}
-@media (min-width: 1200px) {
-  .a-p-x9-xl {
-    padding-right: 108px;
-    padding-left: 108px;
-  }
-}
-
-.a-py-minus-1 {
-  width: calc(100% + 36px);
-  margin-left: -18px;
-}
-@media (min-width: 576px) {
-  .a-py-minus-1 {
-    width: calc(100% + 24px);
-    margin-left: -12px;
-  }
-}
-@media (min-width: 992px) {
-  .a-py-minus-1 {
-    width: auto;
-    margin-left: auto;
-  }
-}
-
-.a-py-minus-2 {
-  width: calc(100% + 48px);
-  margin-left: -24px;
-}
-@media (min-width: 576px) {
-  .a-py-minus-2 {
-    width: auto;
-    margin-left: auto;
-  }
-}
-
-.a-py-1 {
-  padding-right: 8.33333%;
-  padding-left: 8.33333%;
-}
-
-.a-pl-1 {
-  padding-left: 8.33333%;
-}
-
-.col-max-2 {
-  min-width: 50%;
-}
-.col-max-2:nth-of-type(n + 3) {
-  max-width: 50%;
-}
-
-.col-max-3 {
-  min-width: 33.33333%;
-}
-.col-max-3:nth-of-type(n + 4) {
-  max-width: 33.33333%;
-}
-
-.col-max-4 {
-  min-width: 25%;
-}
-.col-max-4:nth-of-type(n + 5) {
-  max-width: 25%;
-}
-
-.col-max-5 {
-  min-width: 20%;
-}
-.col-max-5:nth-of-type(n + 6) {
-  max-width: 20%;
-}
-
-.col-max-6 {
-  min-width: 16.6666666%;
-}
-.col-max-6:nth-of-type(n + 7) {
-  max-width: 16.6666666%;
-}
-
-.a-thumbnail img {
-  margin-bottom: 12px;
-  border: 1px solid #efefef;
-}
-.a-thumbnail a {
-  display: block;
-  padding: 12px;
-  margin-bottom: 24px;
-  background: #ffffff;
-  border: 2px dotted #cff0ff;
-}
-.a-thumbnail a .a-thumbnail-title {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  font-size: 12px;
-  font-size: 0.75rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  margin: 0;
-  color: #000000;
-  text-transform: uppercase;
-}
-.a-thumbnail a:hover {
-  background: #cff0ff;
-  border: 2px dotted #cff0ff;
-}
-
-.a-pt-half {
-  padding-top: 6px !important;
-}
-
-.a-pb-half {
-  padding-bottom: 6px !important;
-}
-
-.a-py-half {
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-
-.a-pt-9 {
-  padding-top: 9px;
-}
-
-.a-pr-half {
-  padding-right: 6px;
-}
-
-.a-pl-half {
-  padding-left: 6px;
-}
-
-.a-ml-half {
-  margin-left: 6px;
-}
-
-@media (max-width: 767.98px) {
-  .a-w-3-sm-down {
-    width: 36px;
-  }
-}
-
-.a-w-7 {
-  width: 84px;
-}
-
-.a-w-8 {
-  width: 96px;
-}
-
-.a-mr-half {
-  margin-right: 6px;
-}
-
-.a-lh-3 {
-  line-height: 36px;
-}
-
-@media (min-width: 992px) {
-  .a-offset-alignContent .a-iconText .a-iconText-icon {
-    margin-right: 6px;
-  }
-}
-@media (min-width: 1200px) {
-  .a-offset-alignContent .a-iconText .a-iconText-icon {
-    width: 64px;
-    margin-right: 12px;
-  }
-}
-
-.loader {
-  position: relative;
-  display: block;
-  margin: 0 auto;
-  text-indent: -9999em;
-  transform: translateZ(0);
-}
-.loader.loader-ellipsis {
-  width: 0.625em;
-  height: 0.625em;
-  border-radius: 50%;
-  -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
-  animation: loader-ellipsis 1.8s infinite ease-in-out;
-  -webkit-animation-delay: -0.16s;
-  animation-delay: -0.16s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-.loader.loader-ellipsis::after,
-.loader.loader-ellipsis::before {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  content: '';
-  border-radius: 50%;
-  -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
-  animation: loader-ellipsis 1.8s infinite ease-in-out;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-.loader.loader-ellipsis::before {
-  left: -0.875em;
-  -webkit-animation-delay: -0.32s;
-  animation-delay: -0.32s;
-}
-.loader.loader-ellipsis::after {
-  left: 0.875em;
-}
-
-.loader-container {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 3;
-  background-color: rgba(255, 255, 255, 0.9);
-}
-.loader-container .loader {
-  top: 40%;
-  margin: auto;
-}
-
-body > .loader-container {
-  position: fixed;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-
-@-webkit-keyframes loader-ellipsis {
-  0%,
-  100%,
-  80% {
-    box-shadow: 0 0.625em 0 -0.325em #008fd6;
-  }
-  40% {
-    box-shadow: 0 0.625em 0 0 #008fd6;
-  }
-}
-
-@keyframes loader-ellipsis {
-  0%,
-  100%,
-  80% {
-    box-shadow: 0 0.625em 0 -0.325em #008fd6;
-  }
-  40% {
-    box-shadow: 0 0.625em 0 0 #008fd6;
-  }
-}
-.a-loader-loading::after,
-.a-loader-loading::before {
-  position: absolute;
-  top: 0;
-  width: 0.625em;
-  height: 0.625em;
-  content: '';
-  border-radius: 50%;
-  -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
-  animation: loader-ellipsis 1.8s infinite ease-in-out;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-
-.a-message {
-  position: relative;
-  display: inline-block;
-  min-width: 100px;
-  padding: 14px 24px 12px 24px;
-  margin-top: 12px;
-  clear: both;
-  background-color: #efefef;
-  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
-}
-.a-message::after {
-  position: absolute;
-  top: 1px;
-  bottom: 100%;
-  left: 24px;
-  box-sizing: border-box;
-  width: 0;
-  height: 0;
-  margin-left: 12px;
-  content: ' ';
-  border: 6px solid #000000;
-  border-color: transparent transparent #efefef #efefef;
-  border-width: 6px;
-  box-shadow: -2px 2px 2px -2px rgba(0, 0, 0, 0.1);
-  transform: rotate(135deg);
-  transform-origin: 0 0;
-}
-.a-message.a-message--arrow-off {
-  margin-top: 0;
-}
-.a-message.a-message--arrow-off::after {
-  content: none;
-}
-.a-message.a-message--fullwidth {
-  float: none;
-  width: 100%;
-}
-.a-message.a-message--extendLeft {
-  width: calc(100% + 24px);
-  padding-right: 12px;
-  padding-left: 12px;
-  margin-right: -12px;
-  margin-left: -12px;
-}
-@media (min-width: 768px) {
-  .a-message.a-message--extendLeft {
-    width: calc(100% + 60px);
-    padding-left: 60px;
-    margin-right: 0;
-    margin-left: -60px;
-  }
-}
-.a-message.a-message--extendX {
-  width: calc(100% + 24px);
-  padding-right: 12px;
-  padding-left: 12px;
-  margin-right: -12px;
-  margin-left: -12px;
-}
-@media (min-width: 768px) {
-  .a-message.a-message--extendX {
-    width: calc(100% + 120px);
-    padding-right: 60px;
-    padding-left: 60px;
-    margin-right: -60px;
-    margin-left: -60px;
-  }
-}
-.a-message.a-message--no-dropshadow {
-  box-shadow: none;
-}
-.a-message.a-py-minus-1 {
-  width: calc(100% + 36px);
-  margin-left: -18px;
-}
-@media (min-width: 576px) {
-  .a-message.a-py-minus-1 {
-    width: calc(100% + 24px);
-    margin-left: -12px;
-  }
-}
-@media (min-width: 992px) {
-  .a-message.a-py-minus-1 {
-    width: 100%;
-    margin-left: auto;
-  }
-}
-.a-message.a-message-error {
-  background-color: #f9cad3;
-}
-.a-message.a-message-error::after {
-  border-color: transparent transparent #f9cad3 #f9cad3;
-}
-.a-message.a-message-default {
-  background-color: #efefef;
-}
-.a-message.a-message-default::after {
-  border-color: transparent transparent #efefef #efefef;
-}
-.a-message.a-message-success {
-  background-color: #d4f9e4;
-}
-.a-message.a-message-success::after {
-  border-color: transparent transparent #d4f9e4 #d4f9e4;
-}
-.a-message.a-message-info {
-  background-color: #fbf6bd;
-}
-.a-message.a-message-info::after {
-  border-color: transparent transparent #fbf6bd #fbf6bd;
-}
-.a-message.a-message-edit {
-  background-color: #cff0ff;
-}
-.a-message p:last-child {
-  margin-bottom: 0;
-}
-
-.a-tabs {
-  display: block;
-  width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-@media (min-width: 576px) {
-  .a-tabs {
-    display: flex;
-    float: left;
-    justify-content: space-between;
-  }
-}
-.a-tabs.a-tabs-lg {
-  display: flex;
-  margin-bottom: -2px;
-}
-.a-tabs.a-tabs-lg .a-tab {
-  margin-bottom: 0;
-}
-.a-tabs .a-tab {
-  margin-right: 12px;
-  margin-bottom: 12px;
-}
-@media (min-width: 576px) {
-  .a-tabs .a-tab {
-    margin-right: 24px;
-    margin-bottom: 0;
-  }
-}
-@media (min-width: 768px) {
-  .a-tabs .a-tab {
-    margin-right: 36px;
-  }
-}
-.a-tabs .a-tab.disabled {
-  color: #6a6a6a;
-}
-.a-tabs .a-tab.disabled a {
-  cursor: not-allowed;
-  border: none;
-}
-.a-tabs .a-tab-btn {
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  position: relative;
-  display: inline-block;
-  padding: 6px 0;
-  color: #000000;
-  text-decoration: none;
-  cursor: pointer;
-  border-bottom: 2px solid transparent;
-  justify-content: center;
-}
-@media (min-width: 768px) {
-  .a-tabs .a-tab-btn {
-    font-size: 16px;
-    font-size: 1rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-@media (min-width: 576px) {
-  .a-tabs .a-tab-btn {
-    min-height: 45px;
-    padding: 6px 0 6px;
-  }
-}
-.a-tabs .a-tab-btn.active {
-  border-bottom-color: #008fd6;
-}
-.a-tabs .a-tab-btn .active,
-.a-tabs .a-tab-btn:focus,
-.a-tabs .a-tab-btn:hover,
-.a-tabs .a-tab-btn:active {
-  border-bottom-color: #008fd6;
-}
-
-.a-tabs-content {
-  clear: both;
-  background: #ffffff;
-}
-
-.popover {
-  margin-top: 12px;
-  background-color: #fbf6bd;
-  border: none;
-  border-radius: 0;
-  box-shadow: 0 1px 5px -2px #000000;
-}
-.popover .arrow {
-  box-sizing: border-box;
-}
-.popover .arrow::after {
-  border-color: transparent;
-}
-.popover .arrow::before {
-  position: absolute;
-  top: 7px;
-  bottom: 100%;
-  left: 50%;
-  box-sizing: border-box;
-  width: 0;
-  height: 0;
-  margin-left: 9px;
-  content: '';
-  border: 6px solid #000000;
-  border-color: #fbf6bd #fbf6bd #fbf6bd #fbf6bd;
-  box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.1);
-  transform: rotate(135deg);
-  transform-origin: 0 0;
-}
-.popover.bs-popover-top,
-.popover.bs-popover-auto[x-placement^='top'] {
-  margin-top: -6px;
-}
-.popover.bs-popover-top .arrow::before,
-.popover.bs-popover-auto[x-placement^='top'] .arrow::before {
-  top: -2px;
-  box-shadow: 3px -2px 3px 0 rgba(0, 0, 0, 0.1);
-}
-.popover.bs-popover-right,
-.popover.bs-popover-auto[x-placement^='right'] {
-  margin-left: 12px;
-}
-.popover.bs-popover-right .arrow::before,
-.popover.bs-popover-auto[x-placement^='right'] .arrow::before {
-  top: 4px;
-  left: 6px;
-  box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.1);
-}
-.popover.bs-popover-left,
-.popover.bs-popover-auto[x-placement^='left'] {
-  margin-right: 12px;
-}
-.popover.bs-popover-left .arrow::before,
-.popover.bs-popover-auto[x-placement^='left'] .arrow::before {
-  top: 4px;
-  left: -2px;
-  box-shadow: -2px -1px 3px 0 rgba(0, 0, 0, 0.1);
-}
-.popover .popover-body {
-  padding: 12px;
-}
-.popover.popover-valid {
-  background-color: #d4f9e4;
-}
-.popover.popover-valid .arrow::before {
-  border-color: #d4f9e4 #d4f9e4 #d4f9e4 #d4f9e4;
-}
-.popover.popover-valid .popover-title {
-  background-color: #d4f9e4;
-}
-.popover.popover-warning {
-  background-color: #f9cad3;
-}
-.popover.popover-warning .arrow::before {
-  border-color: #f9cad3 #f9cad3 #f9cad3 #f9cad3;
-}
-.popover.popover-warning .popover-title {
-  background-color: #f9cad3;
-}
-.popover.popover-gray {
-  background-color: #efefef;
-}
-.popover.popover-gray .arrow::before {
-  border-color: #efefef #efefef #efefef #efefef;
-}
-.popover.popover-gray .popover-title {
-  background-color: #efefef;
-}
-.popover.footnote {
-  background-color: #efefef;
-}
-.popover.footnote .arrow::before {
-  border-color: #efefef #efefef #efefef #efefef;
-}
-.popover.footnote .popover-title {
-  background-color: #efefef;
-}
-.popover.popover-big {
-  width: 100%;
-  max-width: 100%;
-  max-height: 60%;
-  padding: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
-  background-color: #fbf6bd;
-}
-.popover.popover-big h3.popover-body,
-.popover.popover-big div.popover-body {
-  padding: 0;
-}
-.popover.popover-big h3.popover-body .container,
-.popover.popover-big div.popover-body .container {
-  padding: 0;
-}
-@media (max-width: 575.98px) {
-  .popover.popover-big h3.popover-body .container .a-modal-body,
-  .popover.popover-big div.popover-body .container .a-modal-body {
-    padding-right: 24px;
-    padding-left: 24px;
-  }
-}
-@media (max-width: 767.98px) {
-  .popover.popover-big h3.popover-body,
-  .popover.popover-big div.popover-body {
-    width: auto;
-  }
-}
-.popover.popover-big::before {
-  display: none;
-}
-.popover.popover-big .popover-title {
-  background-color: #fbf6bd;
-}
-
-.a-pagination .page-item .page-link {
-  padding: 5px 14px 3px;
-  margin-right: 12px;
-  margin-bottom: 12px;
-  color: #000000;
-  background-color: transparent;
-  border: 1px solid #ffffff;
-  border-radius: 0;
-}
-.a-pagination .page-item .page-link:focus,
-.a-pagination .page-item .page-link:hover {
-  color: #ffffff;
-  text-decoration: none;
-  background-color: #008fd6;
-  border-color: #008fd6;
-}
-.a-pagination .page-item.active .page-link {
-  background-color: #ffffff;
-}
-.a-pagination .page-item.active .page-link:hover {
-  color: #000000;
-  background-color: #ffffff;
-  border: 1px solid #ffffff;
-}
-
-.a-bgGreyLight .page-item .page-link,
-.a-bgBlueLight .page-item .page-link {
-  background-color: #ffffff;
-}
-.a-bgGreyLight .page-item.active .page-link,
-.a-bgBlueLight .page-item.active .page-link {
-  border: 2px solid #ffffff;
-}
-.a-bgGreyLight .page-item.active .page-link:hover,
-.a-bgBlueLight .page-item.active .page-link:hover {
-  border: 2px solid #ffffff;
-}
-
-.a-list-header,
-.a-list {
-  position: relative;
-}
-.a-list-header .row,
-.a-list .row {
-  margin: 0;
-}
-.a-list-header div[class^='col'],
-.a-list-header span[class^='col'],
-.a-list div[class^='col'],
-.a-list span[class^='col'] {
-  padding: 0;
-  margin: 0;
-}
-.a-list-header li > div:not(.collapse) button,
-.a-list-header li > a > div:not(.collapse) button,
-.a-list li > div:not(.collapse) button,
-.a-list li > a > div:not(.collapse) button {
-  z-index: 1;
-  display: inline-block;
-  min-height: 0;
-  padding: 0;
-  margin: 0;
-}
-.a-list-header li.a-clickable.a-list-hasRowLink:hover,
-.a-list li.a-clickable.a-list-hasRowLink:hover {
-  background-color: rgba(207, 240, 255, 0.4);
-}
-
-.a-list-container .a-list-header {
-  min-height: 36px;
-  padding-right: 12px;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .a-list-container .a-list-header {
-    padding: 12px 6px;
-  }
-}
-.a-list-container .a-list-header .a-list-sortHeader {
-  font-size: 12px;
-  font-size: 0.75rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  margin-top: 4px;
-  margin-bottom: -6px;
-  cursor: pointer;
-}
-.a-list-container .a-list-header:not(.a-dotted) {
-  border-top: 1px solid #bcc7cc;
-  border-bottom: 1px solid #bcc7cc;
-}
-.a-list-container .a-list-header .a-clickable:hover:not(.a-expanded):not(.a-deleted):not(.a-completed) {
-  background-color: inherit;
-}
-.a-list-container .a-list-header .a-dropdownArrow {
-  margin: 0;
-  vertical-align: top;
-  border-left: 10px solid #000000;
-  transform: scale(0.5) rotate(90deg);
-}
-.a-list-container .a-list-header .a-js-reverse-sort .a-dropdownArrow {
-  transform: scale(0.5) rotate(-90deg);
-}
-.a-list-container .a-list-header .a-active .a-dropdownArrow {
-  border-left: 10px solid #008fd6;
-}
-
-.a-list {
-  margin: 0;
-  list-style: none;
-}
-.a-list.a-list-large li > .row,
-.a-list.a-list-large li .a-list-content {
-  padding-right: 12px;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .a-list.a-list-large li > .row,
-  .a-list.a-list-large li .a-list-content {
-    min-height: 48px;
-    padding: 12px 6px;
-  }
-}
-.a-list.a-list-large li .a-list-rowLink {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  min-height: 48px;
-  padding: 10px 6px 7px 6px;
-}
-.a-list.a-list-large li .a-list-rowLink.a-list-rowLink-large {
-  padding: 12px;
-}
-.a-list.a-list-large.a-list-borderTopFirst li:first-of-type {
-  border-top: 1px solid #bcc7cc;
-}
-@media (min-width: 768px) {
-  .a-list.a-list-large-forMD li > .row,
-  .a-list.a-list-large-forMD li .a-list-content {
-    min-height: 48px;
-    padding: 12px 6px;
-  }
-  .a-list.a-list-large-forMD li .a-list-rowLink {
-    font-size: 20px;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-    min-height: 48px;
-    padding: 10px 6px 7px 6px;
-  }
-}
-.a-list.a-list-borderTop li:first-child {
-  background-image: linear-gradient(to right, #008fd6 50%, transparent 0%),
-    linear-gradient(to right, #008fd6 50%, transparent 0%);
-  background-repeat: repeat-x;
-  background-position: 25px top, 25px bottom;
-  background-size: 4px 2px;
-}
-.a-list.a-list-borderTopSolid li:first-child {
-  border-top: 2px solid #008fd6;
-}
-.a-list.a-list-large-rows li > .row,
-.a-list.a-list-large-rows li .a-list-content {
-  padding: 12px 6px 12px 6px;
-}
-.a-list li > .row,
-.a-list li .a-list-content {
-  min-height: 36px;
-  padding: 6px 6px 4px 6px;
-}
-.a-list li:not(.a-dotted) {
-  border-top: 1px solid #bcc7cc;
-}
-.a-list li.a-selected .a-lineThrough-selected {
-  text-decoration: line-through;
-}
-.a-list li.card {
-  display: list-item;
-  margin-bottom: 0;
-  background-color: transparent;
-  border: none;
-  border-radius: 0;
-}
-.a-list li.card.a-expanded {
-  background-color: #ffffff;
-}
-.a-list li.card:not(.a-dotted) {
-  border-bottom: 1px solid #bcc7cc;
-}
-.a-list li.a-list-item-centered > div {
-  align-items: center;
-}
-.a-list li.a-list-item-centered > div > div[class^='col'] {
-  display: inline-block;
-  vertical-align: middle;
-}
-.a-list li.a-list-item-loadMore {
-  border-bottom: none;
-}
-.a-list li.a-list-item-loadMore .row {
-  min-height: 48px;
-  padding: 4px 6px;
-  align-items: center;
-}
-.a-list li.a-list-hasRowLink {
-  padding: 0;
-}
-.a-list li.a-offset-border-top {
-  border: none;
-}
-.a-list li .a-list-rowLink {
-  display: block;
-  padding: 7px 6px 5px 6px;
-  border: none;
-}
-.a-list li .a-delete-add-container {
-  padding: 12px 12px 24px 6px;
-  margin: 12px 0;
-  background-color: #cff0ff;
-}
-.a-list li .a-delete-add-container button {
-  z-index: 1;
-  display: inline-block;
-  min-height: 0;
-  padding: 0;
-  margin: 0;
-}
-.a-list li button.a-add-certificate {
-  z-index: 1;
-  display: inline-block;
-  min-height: 0;
-  padding: 0;
-  margin: 0;
-}
-.a-list li.a-no-border-bottom {
-  border-bottom: none;
-}
-@media (min-width: 768px) {
-  .a-list.a-list-2col {
-    -moz-column-count: 2;
-    column-count: 2;
-    -moz-column-gap: 48px;
-    column-gap: 48px;
-  }
-  .a-list.a-list-2col li {
-    -moz-column-break-inside: avoid;
-    break-inside: avoid;
-    page-break-inside: avoid;
-  }
-}
-@media (min-width: 768px) {
-  .a-list.a-list-1col {
-    width: calc(50% - 24px);
-  }
-}
-.a-list.a-list-noIcon li .a-list-rowLink {
-  padding-left: 0;
-}
-.a-list.a-list-noIcon .row {
-  padding-left: 0;
-}
-
-.a-bgWhite ul.connected-bullets li::after {
-  background: #ffffff;
-}
-
-.a-bgBlueLight ul.connected-bullets li::after {
-  background: #cff0ff;
-}
-
-.a-bgGreyLight ul.connected-bullets li::after,
-.a-bgGrey ul.connected-bullets li::after {
-  background: #efefef;
-}
-
-ul.no-decoration {
-  margin: 0;
-  list-style: none;
-}
-ul.a-bullet-list {
-  margin-top: 12px;
-  margin-left: 0;
-  color: #000000;
-  list-style: none;
-}
-ul.a-bullet-list li {
-  position: relative;
-  padding-left: 24px;
-  margin-bottom: 12px;
-}
-ul.a-bullet-list li::before {
-  font-size: 30px;
-  font-size: 1.875rem;
-  line-height: 1.3;
-  -webkit-font-smoothing: subpixel-antialiased;
-  position: absolute;
-  top: -5px;
-  left: -3px;
-  padding-right: 5px;
-  color: #008fd6;
-  content: '•';
-}
-ul.a-bullet-list.a-bulletList-light li {
-  font-family: 'Altinn-DIN';
-  font-weight: 'light';
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-ul.a-bullet-list.a-bulletList-light li::before {
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  top: -3px;
-  color: #bcc7cc;
-}
-ul.connected-bullets {
-  padding-left: 0;
-  margin-top: -1px;
-}
-ul.connected-bullets li {
-  position: relative;
-  padding-bottom: 24px;
-  padding-left: 36px;
-  margin-bottom: 0;
-  list-style: none;
-}
-@media (min-width: 768px) {
-  ul.connected-bullets li {
-    padding-left: 0;
-    margin-left: 36px;
-  }
-}
-ul.connected-bullets li::before {
-  position: absolute;
-  left: 12px;
-  width: 3px;
-  height: 100%;
-  /* lines */
-  content: '';
-  border-left: 3px solid #008fd6;
-}
-@media (min-width: 768px) {
-  ul.connected-bullets li::before {
-    left: -25px;
-  }
-}
-ul.connected-bullets li::after {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  position: absolute;
-  top: -1px;
-  left: 0;
-  width: 25px;
-  height: 25px;
-  font-size: 39px;
-  content: '';
-  background: #efefef;
-  border: 3px solid #008fd6;
-  border-radius: 50%;
-}
-@media (min-width: 768px) {
-  ul.connected-bullets li::after {
-    left: -36px;
-  }
-}
-@media (min-width: 768px) {
-  ul.connected-bullets li::after {
-    left: -36px;
-  }
-}
-ul.connected-bullets li:first-child::before {
-  top: 6px;
-}
-ul.connected-bullets li:last-child::before {
-  height: 6px;
-}
-ul.a-item-list-icon li {
-  padding: 2px 0;
-}
-ul.a-item-list-icon li div[class^='col'] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-ul.a-item-list-icon li i {
-  color: #008fd6;
-}
-ol {
-  padding-right: 0;
-  margin-left: 0;
-  list-style-type: none;
-  counter-reset: step;
-}
-ol.a-circle-list {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  margin-left: 42px;
-}
-ol.a-circle-list li {
-  margin-bottom: 18px;
-}
-ol.a-circle-list li::before {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  position: relative;
-  top: 0;
-  padding: 7px 9px 4px 9px;
-  margin-right: 15px;
-  margin-left: -46px;
-  content: counter(step);
-  counter-increment: step;
-  border: 2px solid #008fd6;
-  border-radius: 50%;
-}
-ol.a-circle-list-yellow li::before {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  padding: 6px 9px 4px 10px;
-  background-color: #ffda06;
-  border: none;
-}
-ol.a-number-list {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-ol.a-number-list li {
-  margin-bottom: 6px;
-}
-ol.a-number-list li::before {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  top: 0;
-  padding: 5px 9px 4px 9px;
-  margin-left: -10px;
-  content: counter(step) '.';
-  counter-increment: step;
-}
-ol.a-number-list.a-number-list--extra-air li {
-  margin-bottom: 18px;
-}
-
-.a-iconList {
-  list-style-type: none;
-}
-.a-iconList li {
-  margin-bottom: 18px;
-}
-.a-iconList a {
-  display: flex;
-  color: #000000;
-  border: none;
-}
-.a-iconList a i {
-  padding-right: 5px;
-  align-self: center;
-}
-.a-iconList a b {
-  padding-right: 5px;
-}
-.a-iconList a:hover b,
-.a-iconList a:hover i {
-  color: #0062ba;
-}
-
-.a-listWithSubLevels {
-  display: flex;
-  margin-bottom: 12px;
-  flex-wrap: wrap;
-}
-.a-listWithSubLevels .a-btn {
-  margin-bottom: 0;
-}
-.a-listWithSubLevels .a-list-heading {
-  width: 100%;
-}
-.a-listWithSubLevels .a-btn-shadow-expand {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: block;
-  width: 100%;
-  padding-left: 12px;
-  background: #e3f7ff;
-}
-@media (min-width: 768px) {
-  .a-listWithSubLevels .a-btn-shadow-expand {
-    padding-left: 24px;
-  }
-}
-.a-listWithSubLevels .a-btn-shadow-expand:hover,
-.a-listWithSubLevels .a-btn-shadow-expand:active,
-.a-listWithSubLevels .a-btn-shadow-expand:focus {
-  background: #caf0ff;
-}
-.a-listWithSubLevels .a-btn-shadow-expand .a-dropdownCircleArrow {
-  width: 24px;
-  min-width: 24px;
-  height: 24px;
-  margin-top: -2px;
-  margin-right: 12px;
-}
-@media (min-width: 768px) {
-  .a-listWithSubLevels .a-btn-shadow-expand .a-dropdownCircleArrow {
-    margin-right: 20px;
-  }
-}
-.a-listWithSubLevels .a-btn-shadow-expand .a-dropdownCircleArrow i {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  margin-top: 0;
-}
-.a-listWithSubLevels .a-collapseContent {
-  width: 100%;
-}
-.a-listWithSubLevels .a-list {
-  padding-bottom: 24px;
-}
-.a-listWithSubLevels .a-list li {
-  border: none;
-}
-.a-listWithSubLevels .a-list li .a-list-rowLink {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  padding-left: 48px;
-}
-@media (min-width: 768px) {
-  .a-listWithSubLevels .a-list li .a-list-rowLink {
-    padding-top: 12px;
-    padding-left: 68px;
-  }
-}
-.a-listWithSubLevels .a-list li.a-clickable.a-list-hasRowLink:hover {
-  background: #caf0ff;
-}
-
-.a-btn-group ol.show-numbers {
-  list-style-type: decimal;
-}
-
-.a-list-heading {
-  position: relative;
-}
-.a-list-heading .a-list-heading-action {
-  margin-right: 18px;
-}
-.a-list-heading .a-list-heading-action:hover {
-  cursor: pointer;
-}
-.a-list-heading .a-list-heading-action i {
-  vertical-align: middle;
-}
-
-.a-autocomplete-container {
-  position: absolute;
-  z-index: 10;
-  display: block;
-  width: 100%;
-  margin-top: -2px;
-  overflow: auto;
-  background-color: #ffffff;
-  border-color: #008fd6;
-  border-width: 2px;
-}
-@media (min-width: 768px) {
-  .a-autocomplete-container {
-    width: 200%;
-  }
-}
-.a-autocomplete-container .a-list {
-  max-height: 312px;
-  overflow-x: hidden;
-  border: 2px solid #008fd6;
-}
-.a-autocomplete-container .a-list li {
-  margin: 0 24px;
-}
-.a-autocomplete-container .a-list li:first-of-type {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-}
-.a-autocomplete-container .a-list li:last-of-type {
-  margin-bottom: 12px;
-}
-.a-autocomplete-container .a-list li.a-js-autocomplete-header {
-  padding: 5px 0;
-}
-.a-autocomplete-container .a-list li .ui-menu-item-wrapper {
-  padding: 5px 0;
-}
-.a-autocomplete-container .a-list li .ui-menu-item-wrapper.ui-state-active {
-  background: linear-gradient(to top, transparent 2px, #cff0ff 2px);
-  outline: none;
-}
-.a-autocomplete-container .ui-helper-hidden-accessible {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  border: none;
-}
-
-@media (max-width: 991.98px) {
-  .a-js-autocomplete-MaxWidth {
-    width: 100%;
-  }
-}
-
-.a-list-longtext {
-  float: left;
-}
-@media (min-width: 992px) {
-  .a-list-longtext {
-    display: inline-block;
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-@media (min-width: 350px) and (max-width: 450px) {
-  .a-p-icon {
-    padding-left: 60px;
-  }
-}
-@media (min-width: 451px) and (max-width: 550px) {
-  .a-p-icon {
-    padding-left: 36px;
-  }
-}
-@media (min-width: 551px) and (max-width: 767px) {
-  .a-p-icon {
-    padding-left: 60px;
-  }
-}
-
-@media (min-width: 350px) and (max-width: 450px) {
-  .a-w-icon {
-    width: 36px;
-    padding-right: 12px;
-  }
-  .a-w-icon.a-p-collapse-icon {
-    padding-left: 0;
-  }
-}
-@media (min-width: 451px) and (max-width: 550px) {
-  .a-w-icon {
-    width: 54px;
-  }
-  .a-w-icon.a-p-collapse-icon {
-    padding-left: 12px;
-  }
-}
-@media (min-width: 551px) and (max-width: 767px) {
-  .a-w-icon {
-    width: 72px;
-  }
-  .a-w-icon.a-p-collapse-iconn {
-    padding-left: 12px;
-  }
-}
-@media (min-width: 768px) {
-  .a-w-icon {
-    width: 84px;
-  }
-  .a-w-icon.a-p-collapse-icon {
-    padding-left: 12px;
-  }
-}
-
-/*------------------------------------*\
-    $MODAL
-\*------------------------------------*/
-body.a-modal-background-success,
-html.a-modal-background-success {
-  background: #d4f9e4;
-}
-body.a-modal-background,
-html.a-modal-background {
-  background: #1eaef7;
-}
-body.a-modal-background-error,
-html.a-modal-background-error {
-  background: #f9cad3;
-}
-
-.a-page .a-modal {
-  min-height: 100vh;
-}
-
-body.modal-open {
-  overflow-y: hidden;
-}
-
-.a-modal {
-  position: fixed;
-  padding-right: 0 !important;
-  padding-bottom: 60px;
-}
-.a-modal .a-iconText {
-  min-height: 72px;
-}
-@media (min-width: 768px) {
-  .a-modal .a-iconText {
-    height: auto;
-  }
-}
-.a-modal .a-iconText.a-iconText-background {
-  padding: 0 12px 0 6px;
-}
-@media (min-width: 768px) {
-  .a-modal .a-iconText.a-iconText-background {
-    padding: 12px;
-  }
-}
-.a-modal .a-iconText .a-iconText-text {
-  max-width: calc(100% - 100px);
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-@media (min-width: 768px) {
-  .a-modal .a-iconText .a-iconText-text {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-}
-.a-modal .a-iconText .a-iconText-text .a-iconText-text-small {
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.a-modal .a-modal-top-logo {
-  opacity: 0.7;
-}
-@media (max-width: 1199.98px) {
-  .a-modal .container {
-    padding: 0;
-  }
-}
-.a-modal .modal-lg {
-  width: auto;
-  max-width: none;
-  margin: 0 12px;
-}
-@media screen and (min-width: 920px) {
-  .a-modal .modal-lg {
-    margin: auto;
-  }
-}
-.a-modal .modal-content {
-  margin-bottom: 60px;
-  border: none;
-  border-radius: 0;
-  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
-}
-.a-modal .a-link-helpfunction {
-  color: #ffffff;
-  text-align: center;
-}
-.a-modal .a-link-helpfunction a,
-.a-modal .a-link-helpfunction .a-link-chat {
-  color: #ffffff;
-  border-color: #ffffff;
-}
-.a-modal .a-link-helpfunction i {
-  margin-top: -10px;
-}
-.a-modal .a-modal-contentFullWidth {
-  width: calc(100% + 47px);
-  margin-left: -24px;
-}
-@media (min-width: 768px) {
-  .a-modal .a-modal-contentFullWidth {
-    width: calc(100% + 168px);
-    margin-left: -84px;
-  }
-}
-@media (min-width: 992px) {
-  .a-modal .a-modal-contentFullWidth {
-    width: calc(100% + 191px);
-    margin-left: -95px;
-  }
-}
-.a-modal .a-modal-contentFullWidth .a-legend {
-  padding: 0 24px;
-}
-@media (min-width: 768px) {
-  .a-modal .a-modal-contentFullWidth .a-legend {
-    padding: 0 84px;
-  }
-}
-@media (min-width: 992px) {
-  .a-modal .a-modal-contentFullWidth .a-legend {
-    padding: 0 96px;
-  }
-}
-.a-modal .a-modal-contentFullWidth .custom-radio {
-  padding: 12px 12px 12px 60px;
-}
-@media (min-width: 768px) {
-  .a-modal .a-modal-contentFullWidth .custom-radio {
-    padding: 12px 120px;
-  }
-}
-@media (min-width: 992px) {
-  .a-modal .a-modal-contentFullWidth .custom-radio {
-    padding: 12px 132px;
-  }
-}
-.a-modal .a-modal-contentFullWidth .custom-control-indicator {
-  left: 24px;
-}
-@media (min-width: 768px) {
-  .a-modal .a-modal-contentFullWidth .custom-control-indicator {
-    left: 84px;
-  }
-}
-@media (min-width: 992px) {
-  .a-modal .a-modal-contentFullWidth .custom-control-indicator {
-    left: 96px;
-  }
-}
-.a-modal .a-personSwitcher-name {
-  display: inline-block;
-  max-width: 220px;
-  letter-spacing: 0.3px;
-}
-.a-modal .a-page {
-  position: absolute;
-  width: 100%;
-  pointer-events: none;
-  transition: transform 0.5s cubic-bezier(0.3, 1, 0.5, 1);
-}
-.a-modal .a-page.a-next-page {
-  transform: translate3d(180%, 0, 0);
-}
-.a-modal .a-page.a-current-page {
-  position: absolute;
-  top: 0;
-  pointer-events: inherit;
-  visibility: visible;
-  transform: translate3d(0, 0, 0);
-}
-.a-modal .a-page.a-previous-page {
-  transform: translate3d(-180%, 0, 0);
-}
-.a-modal.fade {
-  overflow-x: hidden;
-  overflow-y: scroll;
-  opacity: 1;
-  transition: none;
-}
-.a-modal.fade .modal-dialog {
-  transition: all 0.7s cubic-bezier(0.3, 1, 0.5, 1);
-  transform: translate3d(180%, 0, 0);
-}
-.a-modal.fade.show .modal-dialog {
-  transition: all 0.7s cubic-bezier(0.3, 1, 0.5, 1);
-  transform: translate3d(0, 0, 0);
-}
-.a-modal.fade.a-fade--appear .modal-dialog {
-  transition: all 0.7s;
-  transform: translate3d(0, 0, 0);
-}
-.a-modal.fade.a-fade--appear.show .modal-dialog {
-  transition: all 0.7s;
-  transform: translate3d(0, 0, 0);
-}
-
-.a-modal-content-target {
-  position: relative;
-}
-
-.a-modal-top {
-  min-height: 48px;
-  padding-top: 36px;
-}
-.a-modal-top .a-logo {
-  float: left;
-  max-width: 110px;
-  margin-right: 12px;
-}
-@media (min-width: 992px) {
-  .a-modal-top .a-logo {
-    max-width: 142px;
-  }
-}
-.a-modal-top .a-modal-top-user {
-  position: relative;
-  float: right;
-  margin-top: 1px;
-  margin-right: 3px;
-}
-.a-modal-top .a-modal-top-user .a-personSwitcher {
-  width: 280px;
-  padding: 0;
-  margin-top: -2px;
-  margin-right: -3px;
-  color: rgba(0, 0, 0, 0.7);
-  cursor: not-allowed;
-}
-.a-modal-top .a-modal-top-user .a-personSwitcher-icon {
-  color: rgba(0, 0, 0, 0.7);
-  letter-spacing: 0.3px;
-}
-
-.a-modal-navbar {
-  height: 48px;
-  margin-top: 36px;
-}
-
-.a-modal-header {
-  min-height: 60px;
-  padding: 0;
-  border: none;
-}
-@media (min-width: 768px) {
-  .a-modal-header {
-    min-height: 84px;
-  }
-}
-.a-modal-header h1 {
-  line-height: 1;
-}
-@media (min-width: 768px) {
-  .a-modal-header h1 {
-    line-height: 1.5;
-  }
-}
-
-.a-modal-title {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  position: relative;
-  display: table-cell;
-  width: 100%;
-  min-height: 96px;
-  margin: 0;
-  color: #ffffff;
-  vertical-align: middle;
-}
-@media (min-width: 768px) {
-  .a-modal-title {
-    font-size: 24px;
-    font-size: 1.5rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-modal-body {
-  padding: 24px 12px;
-  border-bottom: 1px solid #bcc7cc;
-}
-.a-modal-body:last-of-type {
-  border-bottom: none;
-}
-@media (min-width: 768px) {
-  .a-modal-body {
-    padding: 36px 84px;
-  }
-}
-@media (min-width: 992px) {
-  .a-modal-body {
-    padding: 36px 96px;
-  }
-}
-.a-modal-body .a-btn-group {
-  margin-top: 36px;
-}
-.a-modal-body .a-modal-receiptContent ul {
-  margin: 24px 0 24px 36px;
-}
-.a-modal-body .a-modal-receiptContent ul.a-modal-receiptContent-fullWidth {
-  margin: 0 0 24px 0;
-}
-
-.a-modal-close,
-.a-modal-back {
-  padding: 0;
-  margin-bottom: 12px;
-  pointer-events: auto;
-  cursor: pointer;
-  border: none;
-  border-radius: 50%;
-}
-.a-modal-close:hover,
-.a-modal-back:hover {
-  border: none;
-  opacity: 0.7;
-}
-
-.a-modal-close span.ai-stack i,
-.a-modal-close span.reg-stack i,
-.a-modal-back span.ai-stack i,
-.a-modal-back span.reg-stack i {
-  line-height: 1em;
-}
-.a-modal-close span.ai-stack i:first-of-type,
-.a-modal-close span.reg-stack i:first-of-type,
-.a-modal-back span.ai-stack i:first-of-type,
-.a-modal-back span.reg-stack i:first-of-type {
-  color: #ffffff;
-}
-
-.a-modal-close {
-  float: right;
-}
-
-a.a-modal-close {
-  padding-top: 6px;
-  text-align: center;
-}
-
-.a-modal-close-icon {
-  margin-top: -1px;
-  color: #e23b53;
-}
-
-.a-modal-footer {
-  padding: 0 96px 36px 96px;
-}
-
-/*------------------------------------*\
-    $MODAL PROCESS
-\*------------------------------------*/
-.a-modal-background-success .a-modal-navbar button,
-.a-modal-background-error .a-modal-navbar button {
-  display: none;
-}
-.a-modal-background-success.a-displayNav .a-modal-navbar button,
-.a-modal-background-error.a-displayNav .a-modal-navbar button {
-  display: inline-block;
-}
-.a-modal-background-success .a-iconText.a-iconText-background,
-.a-modal-background-error .a-iconText.a-iconText-background {
-  color: #000000;
-}
-
-.a-modal-background-success .modal-backdrop {
-  background: #d4f9e4;
-}
-.a-modal-background-success .a-modal-top .a-personSwitcher {
-  color: #000000;
-}
-.a-modal-background-success .a-iconText-background {
-  background: #17c96b;
-}
-.a-modal-background-success .a-iconText-background .a-iconText-text {
-  color: #000000;
-}
-.a-modal-background-success .a-link-helpfunction {
-  color: #000000;
-}
-.a-modal-background-success .a-link-helpfunction a {
-  color: #000000;
-  border-color: #000000;
-}
-
-.a-modal-background-error .modal-backdrop {
-  background: #f9cad3;
-}
-.a-modal-background-error .a-modal-top .a-personSwitcher {
-  color: #000000;
-}
-.a-modal-background-error .a-iconText-background {
-  background: #e23b53;
-}
-.a-modal-background-error .a-iconText-background .a-iconText-text {
-  color: #000000;
-}
-.a-modal-background-error .a-link-helpfunction {
-  color: #000000;
-}
-.a-modal-background-error .a-link-helpfunction a {
-  color: #000000;
-  border-color: #000000;
-}
-
-.a-accordion-card {
-  background-color: transparent;
-  border: none;
-}
-
-.a-collapsePanel {
-  margin-bottom: 12px;
-}
-.a-collapsePanel .a-collapsePanel-heading {
-  padding: 0;
-  color: #000000;
-  background: #ffffff;
-  border-bottom: none;
-  box-shadow: 0 1px 5px -2px #000000;
-}
-.a-collapsePanel .a-collapsePanel-heading a {
-  display: block;
-  padding-bottom: 0;
-  border: none;
-}
-.a-collapsePanel .a-collapsePanel-heading .a-collapseBtn {
-  position: relative;
-  background: #ffffff;
-}
-.a-collapsePanel .a-collapsePanel-heading.dim {
-  background-color: rgba(255, 255, 255, 0.5);
-}
-.a-collapsePanel .a-collapsePanel-heading.dim .a-icon-circle {
-  color: #000000;
-  background-color: #ffffff;
-}
-.a-collapsePanel .a-collapsePanel-heading:focus,
-.a-collapsePanel .a-collapsePanel-heading:hover {
-  background: rgba(255, 255, 255, 0.7);
-}
-.a-collapsePanel .a-collapsePanel-heading .a-iconText-text-large {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-}
-@media (min-width: 992px) {
-  .a-collapsePanel .a-collapsePanel-heading .a-iconText-text-large {
-    font-size: 28px;
-    font-size: 1.75rem;
-    line-height: 1.4;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-.a-collapsePanel .a-collapsePanel-heading.a-grey-panel {
-  background: #f5f5f5;
-}
-.a-collapsePanel .a-collapsePanel-body {
-  position: relative;
-  height: 0;
-  background: #ffffff;
-  border: none;
-  border-top: 1px solid #efefef;
-  box-shadow: 0 1px 5px -2px #000000 !important;
-}
-.a-collapsePanel .a-collapsePanel-body.a-collapsePanel-body--border {
-  border: 1px solid #bcc7cc;
-  border-top: 1px solid #efefef;
-}
-.a-collapsePanel .a-collapsePanel-body.no-background {
-  background-color: transparent;
-  box-shadow: none;
-}
-.a-collapsePanel .a-collapsePanel-body.collapse {
-  border-top: none;
-}
-.a-collapsePanel .a-collapsePanel-body.show {
-  height: auto;
-  border-top: 1px solid #efefef;
-}
-.a-collapsePanel .a-collapsePanel-body .a-collapsePanel-body-content {
-  position: relative;
-  padding: 24px 12px;
-  margin: 0;
-  border-bottom: 1px solid #bcc7cc;
-}
-@media (min-width: 576px) {
-  .a-collapsePanel .a-collapsePanel-body .a-collapsePanel-body-content {
-    padding: 24px 72px;
-  }
-}
-@media (min-width: 768px) {
-  .a-collapsePanel .a-collapsePanel-body .a-collapsePanel-body-content {
-    padding: 36px 84px 60px 84px;
-  }
-}
-@media (min-width: 992px) {
-  .a-collapsePanel .a-collapsePanel-body .a-collapsePanel-body-content {
-    padding: 36px 96px 60px 96px;
-  }
-}
-.a-collapsePanel .a-collapsePanel-body .a-collapsePanel-body-content:last-of-type {
-  border-bottom: none;
-}
-.a-collapsePanel .a-collapsePanel-body.a-msg-body .a-collapsePanel-body-content {
-  padding-right: 12px;
-  padding-left: 12px;
-}
-@media (min-width: 768px) {
-  .a-collapsePanel .a-collapsePanel-body.a-msg-body .a-collapsePanel-body-content {
-    padding-right: 48px;
-    padding-left: 96px;
-  }
-  .a-inboxCompact .a-collapsePanel .a-collapsePanel-body.a-msg-body .a-collapsePanel-body-content {
-    padding-left: 84px;
-  }
-}
-@media (min-width: 992px) {
-  .a-collapsePanel.a-collapsePanel--large .a-collapsePanel-body .a-collapsePanel-body-content {
-    padding: 36px 96px;
-  }
-}
-.a-collapsePanel.expanded {
-  padding-top: 12px;
-  padding-bottom: 12px;
-  margin-right: -6px;
-  margin-left: -6px;
-}
-@media (min-width: 768px) {
-  .a-collapsePanel.expanded {
-    margin-right: -24px;
-    margin-left: -24px;
-  }
-}
-@media (min-width: 1200px) {
-  .a-collapsePanel.expanded {
-    margin-right: -36px;
-    margin-left: -36px;
-  }
-}
-.a-collapsePanel.expanded .a-collapsePanel-heading {
-  background-color: #ffffff;
-}
-.a-collapsePanel.expanded .a-collapsePanel-heading.a-grey-panel {
-  background-color: #f5f5f5;
-}
-@media (min-width: 768px) {
-  .a-collapsePanel.expanded .a-collapsePanel-heading .a-collapseBtn {
-    border-radius: 2px 2px 0 0 !important;
-  }
-}
-.a-collapsePanel.expanded .a-collapsePanel-heading.no-background,
-.a-collapsePanel.expanded .a-collapsePanel-body.no-background {
-  padding: 0;
-}
-.a-collapsePanel:first-of-type {
-  padding-top: 0;
-}
-
-.a-collapsePanel,
-.a-collapsePanel-body,
-.a-collapsePanel-body-content,
-.a-collapsePanel-heading {
-  transition: height 0.35s ease, margin 0.35s ease, padding 0.35s ease, width 0.35s ease;
-}
-
-.panel-collapse-content-section {
-  background-color: #efefef;
-  border-top: 1px solid #bcc7cc;
-}
-.panel-collapse-content-section .a-first-action {
-  width: 100%;
-}
-@media (min-width: 992px) {
-  .panel-collapse-content-section .a-first-action {
-    width: 204px;
-  }
-}
-@media (min-width: 992px) {
-  .panel-collapse-content-section .a-first-action {
-    float: left;
-  }
-}
-.panel-collapse-content-section .a-second-action {
-  width: 100%;
-}
-@media (min-width: 992px) {
-  .panel-collapse-content-section .a-second-action {
-    width: 288px;
-  }
-}
-@media (min-width: 992px) {
-  .panel-collapse-content-section .a-second-action {
-    display: block;
-    margin: auto;
-  }
-}
-@media (min-width: 992px) {
-  .panel-collapse-content-section .a-third-action {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding-right: 60px;
-  }
-}
-.panel-collapse-content-section .a-third-action .a-third-action-spacer {
-  padding-top: 5px;
-}
-.panel-collapse-content-section .a-fourth-action button {
-  width: 100%;
-}
-
-@media (min-width: 768px) {
-  .addPersonOrBusiness {
-    padding-right: 12px;
-    padding-left: 12px;
-  }
-
-  .rightHolderList {
-    padding: inherit;
-  }
-}
-@media (max-width: 767px) {
-  .panelBox {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .addPersonOrBusiness {
-    order: 3;
-  }
-
-  .searchPersonOrBusiness {
-    order: 2;
-  }
-
-  .activeLog {
-    order: 1;
-  }
-}
-@media (max-width: 575px) {
-  .activeLog {
-    padding-top: 1em;
-  }
-}
-@media (min-width: 768px) and (max-width: 992px) {
-  .a-iconText-icon {
-    width: 73px;
-  }
-
-  .a-icon {
-    width: 72px;
-    min-width: 72px;
-    height: 72px;
-    font-size: 4em;
-  }
-
-  .a-iconText-text-large {
-    font-size: 1.75rem !important;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-
-  .searchPersonOrBusiness {
-    display: block;
-    width: 18em !important;
-    margin: auto;
-  }
-
-  .activeLog {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding-right: 60px;
-  }
-}
-.rightHolderList .a-list-container {
-  background: #ffffff;
-}
-
-@media (min-width: 1200px) {
-  .a-collapsePanel.expanded {
-    margin-right: -24px;
-    margin-left: -24px;
-  }
-}
-.a-panelAccordion .a-collapsePanel-heading .a-collapseBtn {
-  background: transparent;
-  box-shadow: none !important;
-}
-@media (min-width: 992px) {
-  .a-panelAccordion
-    .a-collapsePanel-heading
-    .a-collapsePanel--large
-    .a-collapsePanel-body
-    .a-collapsePanel-body-content {
-    padding: 40px 112px !important;
-  }
-}
-
-.a-collapsePanel-body-secondary {
-  margin: -1px 0;
-  background-color: #efefef;
-  border: 1px solid #bcc7cc;
-}
-@media (min-width: 576px) {
-  .a-collapsePanel-body-secondary {
-    padding: 12px 12px 12px 12px;
-  }
-}
-@media (min-width: 768px) {
-  .a-collapsePanel-body-secondary {
-    padding: 12px 12px 12px 96px;
-  }
-  .a-inboxCompact .a-collapsePanel-body-secondary {
-    padding-left: 84px;
-  }
-}
-@media (min-width: 992px) {
-  .a-collapsePanel-body-secondary {
-    padding: 12px 12px 12px 96px;
-  }
-  .a-inboxCompact .a-collapsePanel-body-secondary {
-    padding-left: 84px;
-  }
-}
-.a-collapsePanel-body-secondary.a-no-sideborder {
-  border-right: none;
-  border-left: none;
-}
-
-.a-collapseHeader {
-  display: inline-block;
-  width: 100%;
-  padding-bottom: 6px;
-  margin-bottom: 0;
-}
-.a-collapseHeader a {
-  border: none;
-}
-.a-collapseHeader .a-label {
-  margin-top: -2px;
-  margin-left: 3px;
-}
-
-.a-collapseContent .a-collapseContent-inside {
-  padding-right: 0;
-  padding-bottom: 36px;
-  padding-left: 48px;
-}
-@media (min-width: 768px) {
-  .a-collapseContent .a-collapseContent-inside {
-    padding-right: 48px;
-  }
-}
-.a-collapseContent .a-collapseContent-img {
-  margin-top: -36px;
-  opacity: 0;
-}
-.a-collapseContent .a-collapseContent-img img {
-  border-radius: 50%;
-}
-.a-collapseContent.collapse.show .a-collapseContent-img {
-  opacity: 1;
-}
-.a-collapseContent ul:not(.connected-bullets):not(.no-decoration) {
-  margin-left: 0;
-}
-
-.a-dropdownArrow {
-  display: inline-flex;
-  width: 0;
-  height: 0;
-  margin-top: 4px;
-  margin-right: 7px;
-  margin-bottom: 7px;
-  margin-left: 2px;
-  border-top: 6px solid transparent;
-  border-bottom: 6px solid transparent;
-  border-left: 10px solid #008fd6;
-  transition: transform 0.2s ease-out;
-  transform: rotate(90deg);
-  justify-content: center;
-  align-items: center;
-}
-
-.a-dropdownCircleArrow {
-  display: inline-flex;
-  width: 36px;
-  min-width: 36px;
-  height: 36px;
-  margin-top: -3px;
-  margin-right: 12px;
-  color: #ffffff;
-  background: #008fd6;
-  border: 3px solid #008fd6;
-  border-radius: 50%;
-  transition: transform 0.2s ease-out;
-  transform: rotate(90deg);
-  justify-content: center;
-  align-items: center;
-}
-.a-dropdownCircleArrow i {
-  padding-left: 3px;
-  line-height: inherit;
-}
-.a-dropdownCircleArrow.a-dropdownCircleArrow--small {
-  width: 24px;
-  min-width: 24px;
-  height: 24px;
-}
-.a-dropdownCircleArrow.a-dropdownCircleArrow--small i {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  margin-top: 0;
-}
-.a-dropdownCircleArrow.a-dropdownCircleArrow--darkblue {
-  background: #0062ba !important;
-  border: 3px solid #0062ba !important;
-}
-
-.collapsed .a-dropdownArrow,
-.collapsed .a-dropdownCircleArrow {
-  transform: rotate(0deg);
-}
-
-a.collapsed .a-dropdownArrow,
-a.collapsed .a-dropdownCircleArrow {
-  transform: rotate(0deg);
-}
-a.collapsed .hideText {
-  display: none;
-}
-a:not(.collapsed) .expandText {
-  display: none;
-}
-
-.a-list-parentRightHolder:not(.a-expanded) .hideText {
-  display: none;
-}
-.a-list-parentRightHolder .a-list-expandedLink-href:hover {
-  border-bottom: none !important;
-}
-.a-list-parentRightHolder .a-list-expandedLink-href:focus {
-  border-bottom: none !important;
-}
-
-@media (max-width: 768px) {
-  .a-list .row {
-    display: flex;
-  }
-}
-.a-expanded .a-dropdownCircleArrow {
-  transform: rotate(90deg);
-}
-
-.hideRightHolders.a-list-parentRightHolder,
-.hideRightHolders.childRightHolders {
-  display: none;
-}
-.hideRightHolders .a-list-parentRightHolder,
-.hideRightHolders .childRightHolders {
-  display: none;
-}
-
-.force-show {
-  display: block !important;
-}
-
-@media (max-width: 767px) {
-  .a-list-expandedLink-href {
-    display: flex;
-    width: 100%;
-    padding-top: 4px;
-    padding-right: 12px;
-    padding-left: 12px;
-    margin-left: 6px;
-    border-bottom: none;
-  }
-  .a-list-expandedLink-href div:nth-child(1) {
-    max-width: 5%;
-  }
-  .a-list-expandedLink-href div:nth-child(2) {
-    position: relative;
-    min-width: 90%;
-    padding-left: 1.5em !important;
-  }
-  .a-list-expandedLink-href div:nth-child(2) .count {
-    display: block;
-    max-width: 33%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .a-list-expandedLink-href .textStatus {
-    display: none;
-  }
-
-  .childRightHolders .a-modalLink-href {
-    display: flex;
-    width: 100%;
-    padding-top: 4px;
-    padding-right: 12px;
-    padding-left: 12px;
-    margin-left: 6px;
-    border-bottom: none;
-  }
-  .childRightHolders .a-modalLink-href div:nth-child(1) {
-    min-width: 5%;
-  }
-  .childRightHolders .a-modalLink-href div:nth-child(2) :first-child {
-    display: block;
-    max-width: 67%;
-    padding-right: 0;
-    padding-left: 1em !important;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-.a-btn-blue-noUnderline {
-  color: #0062ba;
-  text-align: end;
-}
-
-.a-list-expandedLink-href {
-  display: flex;
-  width: 100%;
-  padding: 1%;
-  border-bottom: none;
-  align-items: center;
-}
-.a-list-expandedLink-href .row {
-  display: contents;
-}
-.a-list-expandedLink-href div:nth-child(1) {
-  max-width: 3%;
-  margin-right: 0.5em;
-}
-.a-list-expandedLink-href div:nth-child(2) {
-  display: -webkit-box !important;
-}
-.a-list-expandedLink-href div:nth-child(2) :first-child {
-  padding-left: 0 !important;
-}
-@media (max-width: 992px) {
-  .a-list-expandedLink-href div .noneExpRole {
-    max-width: 17em !important;
-    margin-left: 0 !important;
-  }
-  .a-list-expandedLink-href div:nth-child(2) :first-child {
-    display: block;
-    max-width: 67%;
-    padding-right: 0;
-    padding-left: 0 !important;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .a-list-expandedLink-href div:nth-child(2):nth-child(2) {
-    padding-right: 0;
-  }
-}
-.a-list-expandedLink-href div:nth-child(3) {
-  text-align: left;
-}
-.a-list-expandedLink-href div:nth-child(3) :first-child {
-  display: block;
-  max-width: 32em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-@media (min-width: 768px) and (max-width: 992px) {
-  .a-list-expandedLink-href div:nth-child(3) :first-child {
-    max-width: 8em;
-    padding-right: 2em;
-    margin-left: 2em;
-  }
-}
-.a-list-expandedLink-href div:nth-child(4) {
-  min-width: 24%;
-  max-height: 2em;
-  margin-left: -2em;
-  text-align: end;
-  align-items: -webkit-baseline-middle;
-}
-.a-list-expandedLink-href div:nth-child(4) .textStatus {
-  vertical-align: sub;
-}
-
-.childRightHoldersList {
-  background: #efefef;
-  border-top: 1px solid #bcc7cc;
-}
-.childRightHoldersList .childRightHolders {
-  display: flex;
-}
-.childRightHoldersList .childRightHolders .a-modalLink-href {
-  display: flex;
-  width: 100%;
-  padding: 1%;
-  border-bottom: none;
-  align-items: center;
-}
-.childRightHoldersList .childRightHolders .a-modalLink-href .row {
-  display: contents;
-}
-.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(1) {
-  max-width: 3%;
-  margin-right: 0.5em;
-}
-.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2) {
-  display: -webkit-box !important;
-}
-@media (max-width: 992px) {
-  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2) :first-child {
-    display: block;
-    max-width: 300px;
-    padding-right: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2):nth-child(2) {
-    padding-right: 0;
-  }
-  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2):nth-child(3) {
-    padding-left: 2em;
-  }
-}
-.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(3) {
-  text-align: left;
-}
-.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(3) :first-child {
-  display: block;
-  max-width: 32em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-@media (min-width: 768px) and (max-width: 992px) {
-  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(3) :first-child {
-    max-width: 8em;
-    padding-right: 2em;
-    margin-left: 2em;
-  }
-}
-.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(4) {
-  min-width: 24%;
-  padding-right: 0 !important;
-  padding-left: 0 !important;
-  margin-left: -2em;
-  text-align: end;
-}
-
-.notificationIcon {
-  color: #e23b53;
-  vertical-align: -webkit-baseline-middle;
-}
-
-@media (max-width: 767px) {
-  .notificationIcon {
-    display: table-cell;
-  }
-}
-.a-collapseContent-delay {
-  opacity: 0;
-}
-
-.a-collapsePanel-body.collapse.show .a-collapseContent-delay,
-.a-collapsePanel-body .a-onboarding.show .a-collapseContent-delay {
-  opacity: 1;
-}
-
-.a-collapse-title {
-  display: flex;
-  padding-bottom: 3px;
-  margin-bottom: 0;
-  box-shadow: none !important;
-  align-items: center;
-}
-.a-collapse-title.a-collapse-title--flexstart {
-  align-items: flex-start;
-}
-.a-collapse-title.a-collapse-title--absolute {
-  display: block;
-  padding-left: 20px;
-}
-.a-collapse-title.a-collapse-title--absolute .a-dropdownArrow {
+.a-loader-loading::after,
+.a-loader-loading::before {
   position: absolute;
   top: 0;
-  left: 0;
-}
-@media (min-width: 768px) {
-  .a-collapse-title.a-collapse-title--absolute .a-dropdownArrow {
-    top: 3px;
-  }
-}
-.a-collapse-title a {
-  border: none;
-}
-.a-collapse-title::before {
-  margin-top: 3px;
-}
-.a-collapse-title.toggle-collapse-text .secondary-collapse-text {
-  display: block;
-}
-.a-collapse-title.toggle-collapse-text .primary-collapse-text {
-  display: none;
-}
-.a-collapse-title.toggle-collapse-text.collapsed .secondary-collapse-text {
-  display: none;
-}
-.a-collapse-title.toggle-collapse-text.collapsed .primary-collapse-text {
-  display: block;
-}
-
-.a-collapse-body {
-  padding-left: 18px;
-}
-
-.a-accordion-small .card {
-  margin-bottom: 0;
-  background: none;
-  border: none;
-}
-.a-accordion-small .card .a-collapse-title {
-  padding-top: 12px;
-  padding-bottom: 6px;
-}
-.a-accordion-small .card:first-child a {
-  padding-top: 0;
-}
-.a-accordion-small.a-accordion-largeText {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-.a-accordion-small.a-accordion-largeText .a-dropdownArrow {
-  margin-top: 6px;
-}
-.a-accordion-small .a-collapseContent {
-  padding-left: 23px;
-}
-.a-accordion-small .a-dropdownArrow {
-  margin-right: 10px;
-}
-
-.a-accordion-large {
-  border-bottom: 1px solid #a5bcc4;
-}
-.a-accordion-large .card {
-  margin-bottom: 0;
-  background: none;
-  border: none;
-}
-.a-accordion-large .a-collapse-title {
-  padding: 21px 0 18px 0;
-  border-top: 1px solid #a5bcc4;
-}
-@media (min-width: 992px) {
-  .a-accordion-large.a-accordion-large--offset .a-collapse-title {
-    padding-left: 30px;
-  }
-}
-@media (min-width: 1200px) {
-  .a-accordion-large.a-accordion-large--offset .a-collapse-title {
-    padding-left: 42px;
-  }
-}
-@media (min-width: 992px) {
-  .a-accordion-large.a-accordion-large--offset .a-collapseContent-inside {
-    padding-left: 80px;
-  }
-}
-@media (min-width: 1200px) {
-  .a-accordion-large.a-accordion-large--offset .a-collapseContent-inside {
-    padding-left: 92px;
-  }
+  width: 0.625em;
+  height: 0.625em;
+  content: '';
+  border-radius: 50%;
+  -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out;
+  animation: loader-ellipsis 1.8s infinite ease-in-out;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
 }
 
-.a-expandable-content {
+.a-message {
   position: relative;
-  max-height: 320px;
-  overflow: hidden;
-  border-bottom: 24px solid #ffffff;
+  display: inline-block;
+  min-width: 100px;
+  padding: 14px 24px 12px 24px;
+  margin-top: 12px;
+  clear: both;
+  background-color: #efefef;
+  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
 }
-.a-expandable-content::before {
+.a-message::after {
   position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 150px;
+  top: 1px;
+  bottom: 100%;
+  left: 24px;
+  box-sizing: border-box;
+  width: 0;
+  height: 0;
+  margin-left: 12px;
   content: ' ';
-  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
+  border: 6px solid #000000;
+  border-color: transparent transparent #efefef #efefef;
+  border-width: 6px;
+  box-shadow: -2px 2px 2px -2px rgba(0, 0, 0, 0.1);
+  transform: rotate(135deg);
+  transform-origin: 0 0;
 }
-.a-expandable-content.a-expanded {
-  max-height: none;
-  border-bottom: none;
+.a-message.a-message--arrow-off {
+  margin-top: 0;
 }
-.a-expandable-content.a-expanded::before {
+.a-message.a-message--arrow-off::after {
   content: none;
 }
-
-.a-rowDropdown .a-dropdownArrowDownAndUp {
-  transition: transform 0.2s ease-out;
-  transform: rotate(90deg);
-  justify-content: center;
-  align-items: center;
-}
-.a-rowDropdown.collapsed .a-dropdownArrowDownAndUp {
-  transform: rotate(0deg);
-}
-
-/*-- ALTINN SPECIFIC --*/
-.a-bgWhite {
-  background-color: #ffffff;
-}
-
-.a-bgGreyLight {
-  background-color: #efefef;
-}
-
-.a-bgBlue {
-  background-color: #008fd6;
-}
-
-.a-bgBlueLight {
-  background-color: #cff0ff;
-}
-
-.a-bgBlueLighter {
-  background-color: #e3f7ff;
-}
-
-.a-bgBlueDark {
-  background-color: #0062ba;
-}
-
-.a-bgBlueDarker {
-  background-color: #022f51;
-}
-
-.a-bgPurple {
-  background-color: #3f3161;
-}
-
-.a-bgPurpleLight {
-  background-color: #e0daf7;
-}
-
-.a-bgYellow {
-  background-color: #ffda06;
-}
-
-.a-bgYellowLight {
-  background-color: #fbf6bd;
-}
-
-.a-bgGreen {
-  background-color: #17c96b;
-}
-
-.a-bgGreenLight {
-  background-color: #d4f9e4;
+.a-message.a-message--fullwidth {
+  float: none;
+  width: 100%;
 }
-
-.a-bgGreenLighter {
-  background-color: #f5f5f5;
+.a-message.a-message--extendLeft {
+  width: calc(100% + 24px);
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-right: -12px;
+  margin-left: -12px;
 }
-
-.a-bgRed {
-  background-color: #e23b53;
+@media (min-width: 768px) {
+  .a-message.a-message--extendLeft {
+    width: calc(100% + 60px);
+    padding-left: 60px;
+    margin-right: 0;
+    margin-left: -60px;
+  }
 }
-
-.a-bgRedLight {
-  background-color: #f9cad3;
+.a-message.a-message--extendX {
+  width: calc(100% + 24px);
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-right: -12px;
+  margin-left: -12px;
 }
-
-.a-bg-blue-hover:hover {
-  background-color: #cff0ff;
+@media (min-width: 768px) {
+  .a-message.a-message--extendX {
+    width: calc(100% + 120px);
+    padding-right: 60px;
+    padding-left: 60px;
+    margin-right: -60px;
+    margin-left: -60px;
+  }
 }
-
-.a-bg-red-hover:hover {
-  background-color: #f9cad3;
+.a-message.a-message--no-dropshadow {
+  box-shadow: none;
 }
-
-.a-bgPurple,
-.a-bgBlueDark,
-.a-bgBlueDarker,
-.a-bgRed {
-  color: #ffffff;
+.a-message.a-py-minus-1 {
+  width: calc(100% + 36px);
+  margin-left: -18px;
 }
-
-.a-textGreen {
-  color: #17c96b;
+@media (min-width: 576px) {
+  .a-message.a-py-minus-1 {
+    width: calc(100% + 24px);
+    margin-left: -12px;
+  }
 }
-
-.a-textWhite {
-  color: #ffffff !important;
+@media (min-width: 992px) {
+  .a-message.a-py-minus-1 {
+    width: 100%;
+    margin-left: auto;
+  }
 }
-
-.a-textBlue {
-  color: #008fd6;
+.a-message.a-message-error {
+  background-color: #f9cad3;
 }
-.a-textBlue.a-textBlue-hover {
-  color: #008fd6;
+.a-message.a-message-error::after {
+  border-color: transparent transparent #f9cad3 #f9cad3;
 }
-
-.a-blueText {
-  color: #008fd6;
+.a-message.a-message-default {
+  background-color: #efefef;
 }
-
-.a-blueDarkText {
-  color: #0062ba;
+.a-message.a-message-default::after {
+  border-color: transparent transparent #efefef #efefef;
 }
-
-.a-blueDarkerText {
-  color: #022f51;
+.a-message.a-message-success {
+  background-color: #d4f9e4;
 }
-
-a[target='_blank']::after {
-  display: inline-block;
-  width: 1.3em;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cstyle%3E.st0%7Bfill:%23022f51%7D.st1%7Bfill:%23fff%7D.st2,.st3,.st4%7Bfill:none;stroke:%23fff;stroke-width:2.5;stroke-miterlimit:10%7D.st3,.st4%7Bstroke-width:2%7D.st4%7Bfill:%23fff%7D.st5%7Bfill:none%7D.st5,.st6,.st7,.st8%7Bstroke:%23022f51;stroke-miterlimit:10%7D.st6%7Bstroke-width:.9636;fill:none%7D.st7,.st8%7Bfill:%23fff%7D.st8%7Bfill:%23022f51%7D.st9%7Bopacity:.3%7D.st10%7Bfill:%23ff1d25%7D.st11%7Bfill:none;stroke:%23022f51;stroke-width:8;stroke-miterlimit:10%7D.st12%7Bopacity:.5;stroke:%23ffa683;stroke-width:2%7D.st12,.st13,.st14%7Bfill:none;stroke-miterlimit:10%7D.st13%7Bopacity:.5;stroke:%23ffa683;stroke-width:1.4142%7D.st14%7Bstroke:%23022f51;stroke-width:4%7D%3C/style%3E%3Cpath class='st0' d='M15 11v2h8.7L12.1 24.7l1.4 1.4L25 14.6V24h2V11z' id='Layer_1'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-size: 119% auto;
-  vertical-align: middle;
-  margin-top: -4px;
-  margin-left: -3px;
-  content: '(external link)';
-  white-space: nowrap;
-  overflow: hidden;
-  text-indent: 1.3em;
+.a-message.a-message-success::after {
+  border-color: transparent transparent #d4f9e4 #d4f9e4;
 }
-
-a[href$='.pdf']::after {
-  content: ' (PDF)' !important;
-  display: inline !important;
+.a-message.a-message-info {
+  background-color: #fbf6bd;
 }
-
-a[href$='.pdf'][data-size]:after {
-  content: ' (PDF, ' attr(data-size) ')' !important;
+.a-message.a-message-info::after {
+  border-color: transparent transparent #fbf6bd #fbf6bd;
 }
-
-a.a-linkFeatured[href^='http']:not([href*='altinn.no'])::after {
-  background-position: -6px -2px;
-  background-size: 142% auto;
+.a-message.a-message-edit {
+  background-color: #cff0ff;
 }
-
-.a-list li.a-list-hasRowLink a[href^='http']:not([href*='altinn.no'])::after {
-  top: 9px;
-  right: 6px;
-  position: absolute;
+.a-message p:last-child {
+  margin-bottom: 0;
 }
 
-.a-media {
+.a-tabs {
   display: block;
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
-@media (min-width: 768px) {
-  .a-media {
+@media (min-width: 576px) {
+  .a-tabs {
     display: flex;
+    float: left;
+    justify-content: space-between;
   }
 }
-.a-media img {
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: 36px;
+.a-tabs.a-tabs-lg {
+  display: flex;
+  margin-bottom: -2px;
 }
-@media (min-width: 768px) {
-  .a-media img {
-    max-width: 300px;
-    margin-bottom: 0;
-  }
+.a-tabs.a-tabs-lg .a-tab {
+  margin-bottom: 0;
 }
-@media (min-width: 992px) {
-  .a-media img {
-    max-width: 400px;
-  }
+.a-tabs .a-tab {
+  margin-right: 12px;
+  margin-bottom: 12px;
 }
-@media (min-width: 1200px) {
-  .a-media img {
-    max-width: 500px;
+@media (min-width: 576px) {
+  .a-tabs .a-tab {
+    margin-right: 24px;
+    margin-bottom: 0;
   }
 }
-
-.a-illustrationLink {
-  display: block;
-  padding: 24px 12px;
-  margin-bottom: 24px;
-  text-align: center;
-  border: none;
-}
-.a-illustrationLink h2 {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  display: inline;
-  padding-bottom: 2px;
-  border-bottom: 2px solid transparent;
+@media (min-width: 768px) {
+  .a-tabs .a-tab {
+    margin-right: 36px;
+  }
 }
-.a-illustrationLink p {
-  min-height: 48px;
-  margin-top: 6px;
-  text-align: center;
+.a-tabs .a-tab.disabled {
+  color: #6a6a6a;
 }
-.a-illustrationLink:hover,
-.a-illustrationLink:focus,
-.a-illustrationLink:active {
+.a-tabs .a-tab.disabled a {
+  cursor: not-allowed;
   border: none;
 }
-.a-illustrationLink:hover h2,
-.a-illustrationLink:focus h2,
-.a-illustrationLink:active h2 {
-  color: #022f51;
-  border-bottom: 2px solid #022f51;
-}
-.a-illustrationLink:hover .a-illustration-icon,
-.a-illustrationLink:focus .a-illustration-icon,
-.a-illustrationLink:active .a-illustration-icon {
-  position: relative;
-}
-.a-illustrationLink:hover .a-illustration-icon .a-illustration-overlay,
-.a-illustrationLink:focus .a-illustration-icon .a-illustration-overlay,
-.a-illustrationLink:active .a-illustration-icon .a-illustration-overlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: 50%;
-}
-
-.a-illustration-icon {
-  font-size: 30px;
-  font-size: 1.875rem;
-  line-height: 1.3;
+.a-tabs .a-tab-btn {
+  font-size: 14px;
+  font-size: 0.875rem;
+  line-height: 1.5;
   -webkit-font-smoothing: subpixel-antialiased;
-  display: flex;
-  width: 100px;
-  height: 100px;
-  margin: auto;
-  overflow: hidden;
-  color: #ffffff;
-  text-align: center;
-  background: #3f3161;
-  border-radius: 50%;
-  align-self: center;
+  position: relative;
+  display: inline-block;
+  padding: 6px 0;
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  justify-content: center;
 }
 @media (min-width: 768px) {
-  .a-illustration-icon {
-    font-size: 36px;
-    font-size: 2.25rem;
-    line-height: 1.2;
+  .a-tabs .a-tab-btn {
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.5;
     -webkit-font-smoothing: subpixel-antialiased;
-    width: 120px;
-    height: 120px;
   }
 }
-.a-illustration-icon img {
-  width: 100%;
+@media (min-width: 576px) {
+  .a-tabs .a-tab-btn {
+    min-height: 45px;
+    padding: 6px 0 6px;
+  }
 }
-.a-illustration-icon i {
-  width: 100%;
-  align-self: center;
+.a-tabs .a-tab-btn.active {
+  border-bottom-color: #008fd6;
+}
+.a-tabs .a-tab-btn .active,
+.a-tabs .a-tab-btn:focus,
+.a-tabs .a-tab-btn:hover,
+.a-tabs .a-tab-btn:active {
+  border-bottom-color: #008fd6;
 }
 
-.a-mediaBlock {
-  margin-bottom: 48px;
-  text-align: center;
+.a-tabs-content {
+  clear: both;
+  background: #ffffff;
 }
-.a-mediaBlock img {
-  width: 40%;
-  margin: 0 auto;
-  border-radius: 50%;
+
+.popover {
+  margin-top: 12px;
+  background-color: #fbf6bd;
+  border: none;
+  border-radius: 0;
+  box-shadow: 0 1px 5px -2px #000000;
 }
-@media (min-width: 576px) {
-  .a-mediaBlock img {
-    width: 60%;
-  }
+.popover .arrow {
+  box-sizing: border-box;
 }
-.a-mediaBlock.a-img-large img {
-  width: 60%;
+.popover .arrow::after {
+  border-color: transparent;
 }
-@media (min-width: 768px) {
-  .a-mediaBlock.a-img-large img {
-    width: 100%;
-    max-width: 320px;
-  }
+.popover .arrow::before {
+  position: absolute;
+  top: 7px;
+  bottom: 100%;
+  left: 50%;
+  box-sizing: border-box;
+  width: 0;
+  height: 0;
+  margin-left: 9px;
+  content: '';
+  border: 6px solid #000000;
+  border-color: #fbf6bd #fbf6bd #fbf6bd #fbf6bd;
+  box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, 0.1);
+  transform: rotate(135deg);
+  transform-origin: 0 0;
 }
-.a-mediaBlock .a-mediaBlock-caption {
-  padding-top: 24px;
-  text-align: center;
+.popover.bs-popover-top,
+.popover.bs-popover-auto[x-placement^='top'] {
+  margin-top: -6px;
 }
-
-.a-personRole {
-  display: flex;
-  float: left;
-  width: 100%;
-  min-height: 36px;
-  align-items: center;
+.popover.bs-popover-top .arrow::before,
+.popover.bs-popover-auto[x-placement^='top'] .arrow::before {
+  top: -2px;
+  box-shadow: 3px -2px 3px 0 rgba(0, 0, 0, 0.1);
 }
-.a-personRole .a-dot {
-  margin-top: -5px;
-  align-self: flex-start;
+.popover.bs-popover-right,
+.popover.bs-popover-auto[x-placement^='right'] {
+  margin-left: 12px;
 }
-.a-personRole .a-personRole-text {
-  float: left;
-  width: 80%;
+.popover.bs-popover-right .arrow::before,
+.popover.bs-popover-auto[x-placement^='right'] .arrow::before {
+  top: 4px;
+  left: 6px;
+  box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.1);
+}
+.popover.bs-popover-left,
+.popover.bs-popover-auto[x-placement^='left'] {
+  margin-right: 12px;
 }
-.a-personRole .a-personRole-text .a-personRole-role {
-  font-size: 12px;
-  font-size: 0.75rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  display: block;
-  padding-bottom: 3px;
-  text-transform: uppercase;
+.popover.bs-popover-left .arrow::before,
+.popover.bs-popover-auto[x-placement^='left'] .arrow::before {
+  top: 4px;
+  left: -2px;
+  box-shadow: -2px -1px 3px 0 rgba(0, 0, 0, 0.1);
 }
-.a-personRole .a-personRole-text .a-personRole-name {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  display: block;
+.popover .popover-body {
+  padding: 12px;
 }
-@media (min-width: 992px) {
-  .a-personRole .a-personRole-text .a-personRole-name {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: normal;
-    white-space: nowrap;
-  }
+.popover.popover-valid {
+  background-color: #d4f9e4;
 }
-.a-personRole .a-label {
-  margin-top: -2px;
+.popover.popover-valid .arrow::before {
+  border-color: #d4f9e4 #d4f9e4 #d4f9e4 #d4f9e4;
 }
-
-.a-filterGuide .a-btn:disabled {
-  display: none;
+.popover.popover-valid .popover-title {
+  background-color: #d4f9e4;
 }
-
-.a-linkArticle {
-  padding-bottom: 24px;
+.popover.popover-warning {
+  background-color: #f9cad3;
 }
-
-.a-articleList .a-linkArticle {
-  padding-bottom: 0;
+.popover.popover-warning .arrow::before {
+  border-color: #f9cad3 #f9cad3 #f9cad3 #f9cad3;
 }
-.card-block,
-.a-message {
-  overflow-wrap: break-word;
+.popover.popover-warning .popover-title {
+  background-color: #f9cad3;
 }
-
-.margin-right-minus-16 {
-  margin-right: -16px !important;
+.popover.popover-gray {
+  background-color: #efefef;
 }
-
-.margin-left-minus-6 {
-  margin-left: -6px !important;
+.popover.popover-gray .arrow::before {
+  border-color: #efefef #efefef #efefef #efefef;
 }
-
-.a-vertical-align {
-  position: absolute;
-  top: 50%;
-  display: flex;
-  margin: 0;
-  transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  align-items: center;
-  justify-content: center;
+.popover.popover-gray .popover-title {
+  background-color: #efefef;
 }
-
-.LBD_CaptchaImageDiv {
-  display: inline-block;
-  vertical-align: top;
+.popover.footnote {
+  background-color: #efefef;
 }
-
-.LBD_CaptchaIconsDiv {
-  display: inline-block;
+.popover.footnote .arrow::before {
+  border-color: #efefef #efefef #efefef #efefef;
 }
-
-.LBD_CaptchaIconsDiv a,
-.LBD_CaptchaDiv a {
-  border-bottom: none;
+.popover.footnote .popover-title {
+  background-color: #efefef;
 }
-
-.a-footer {
-  padding-bottom: 72px;
-  margin-top: 48px;
-  border-top: 1px solid #bcc7cc;
+.popover.popover-big {
+  width: 100%;
+  max-width: 100%;
+  max-height: 60%;
+  padding: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background-color: #fbf6bd;
 }
-@media (min-width: 768px) {
-  .a-footer {
-    padding-top: 48px;
-  }
+.popover.popover-big h3.popover-body,
+.popover.popover-big div.popover-body {
+  padding: 0;
 }
-.a-footer.a-footer--noLine {
-  margin-top: 0;
-  border-top: none;
+.popover.popover-big h3.popover-body .container,
+.popover.popover-big div.popover-body .container {
+  padding: 0;
 }
-
-@media (min-width: 992px) {
-  .a-containerColnav + .a-containerFooter .a-footer {
-    margin-top: 0;
-    border-top: none;
+@media (max-width: 575.98px) {
+  .popover.popover-big h3.popover-body .container .a-modal-body,
+  .popover.popover-big div.popover-body .container .a-modal-body {
+    padding-right: 24px;
+    padding-left: 24px;
   }
 }
-
-@media (min-width: 992px) {
-  .a-footer-firstRow {
-    padding-left: 60px;
+@media (max-width: 767.98px) {
+  .popover.popover-big h3.popover-body,
+  .popover.popover-big div.popover-body {
+    width: auto;
   }
 }
-@media (min-width: 1200px) {
-  .a-footer-firstRow {
-    padding-left: 92px;
-  }
+.popover.popover-big::before {
+  display: none;
 }
-
-.a-footerNav,
-.a-footerExtraNav {
-  padding-top: 4px;
-  text-align: center;
+.popover.popover-big .popover-title {
+  background-color: #fbf6bd;
 }
-@media (min-width: 992px) {
-  .a-footerNav,
-  .a-footerExtraNav {
-    text-align: left;
-  }
+
+.a-pagination .page-item .page-link {
+  padding: 5px 14px 3px;
+  margin-right: 12px;
+  margin-bottom: 12px;
+  color: #000000;
+  background-color: transparent;
+  border: 1px solid #ffffff;
+  border-radius: 0;
 }
-.a-footerNav ul li,
-.a-footerExtraNav ul li {
-  display: inline;
-  padding-bottom: 12px;
-  padding-left: 60px;
+.a-pagination .page-item .page-link:focus,
+.a-pagination .page-item .page-link:hover {
+  color: #ffffff;
+  text-decoration: none;
+  background-color: #008fd6;
+  border-color: #008fd6;
 }
-@media (min-width: 992px) {
-  .a-footerNav ul li,
-  .a-footerExtraNav ul li {
-    padding-left: 84px;
-  }
+.a-pagination .page-item.active .page-link {
+  background-color: #ffffff;
 }
-.a-footerNav ul li:last-child,
-.a-footerExtraNav ul li:last-child {
-  padding-bottom: 0;
+.a-pagination .page-item.active .page-link:hover {
+  color: #000000;
+  background-color: #ffffff;
+  border: 1px solid #ffffff;
 }
-.a-footerNav ul li:first-child,
-.a-footerExtraNav ul li:first-child {
-  padding-left: 48px;
+
+.a-bgGreyLight .page-item .page-link,
+.a-bgBlueLight .page-item .page-link {
+  background-color: #ffffff;
 }
-@media (min-width: 992px) {
-  .a-footerNav ul li:first-child,
-  .a-footerExtraNav ul li:first-child {
-    padding-left: 60px;
-  }
+.a-bgGreyLight .page-item.active .page-link,
+.a-bgBlueLight .page-item.active .page-link {
+  border: 2px solid #ffffff;
 }
-@media (min-width: 1200px) {
-  .a-footerNav ul li:first-child,
-  .a-footerExtraNav ul li:first-child {
-    padding-left: 84px;
-  }
+.a-bgGreyLight .page-item.active .page-link:hover,
+.a-bgBlueLight .page-item.active .page-link:hover {
+  border: 2px solid #ffffff;
 }
-.a-footerNav ul li a,
-.a-footerExtraNav ul li a {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
+
+.a-list-header,
+.a-list {
   position: relative;
-  color: #022f51;
-  border: none;
 }
-.a-footerNav ul li a:hover,
-.a-footerExtraNav ul li a:hover {
-  color: #0062ba;
-  border-color: #0062ba;
+.a-list-header .row,
+.a-list .row {
+  margin: 0;
 }
-.a-footerNav ul li a i,
-.a-footerExtraNav ul li a i {
-  position: absolute;
-  top: 10px;
-  left: -32px;
-  line-height: 0;
+.a-list-header div[class^='col'],
+.a-list-header span[class^='col'],
+.a-list div[class^='col'],
+.a-list span[class^='col'] {
+  padding: 0;
+  margin: 0;
+}
+.a-list-header li > div:not(.collapse) button,
+.a-list-header li > a > div:not(.collapse) button,
+.a-list li > div:not(.collapse) button,
+.a-list li > a > div:not(.collapse) button {
+  z-index: 1;
+  display: inline-block;
+  min-height: 0;
+  padding: 0;
+  margin: 0;
 }
-.a-footerNav ul li a i.ai-corp,
-.a-footerExtraNav ul li a i.ai-corp {
-  left: -38px;
+.a-list-header li.a-clickable.a-list-hasRowLink:hover,
+.a-list li.a-clickable.a-list-hasRowLink:hover {
+  background-color: rgba(207, 240, 255, 0.4);
 }
 
-.a-footerNav {
-  display: none;
+.a-list-container .a-list-header {
+  min-height: 36px;
+  padding-right: 12px;
+  padding-left: 12px;
 }
 @media (min-width: 768px) {
-  .a-footerNav {
-    display: block;
+  .a-list-container .a-list-header {
+    padding: 12px 6px;
   }
 }
-
-.a-footerExtraNav {
-  margin-top: 24px;
-  text-align: left;
+.a-list-container .a-list-header .a-list-sortHeader {
+  font-size: 12px;
+  font-size: 0.75rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
+  margin-top: 4px;
+  margin-bottom: -6px;
+  cursor: pointer;
 }
-@media (min-width: 768px) {
-  .a-footerExtraNav {
-    text-align: center;
-  }
+.a-list-container .a-list-header:not(.a-dotted) {
+  border-top: 1px solid #bcc7cc;
+  border-bottom: 1px solid #bcc7cc;
 }
-.a-footerExtraNav .a-footerExtraNav-name {
-  display: block;
+.a-list-container .a-list-header .a-clickable:hover:not(.a-expanded):not(.a-deleted):not(.a-completed) {
+  background-color: inherit;
 }
-@media (min-width: 768px) {
-  .a-footerExtraNav .a-footerExtraNav-name {
-    display: inline;
-  }
+.a-list-container .a-list-header .a-dropdownArrow {
+  margin: 0;
+  vertical-align: top;
+  border-left: 10px solid #000000;
+  transform: scale(0.5) rotate(90deg);
 }
-.a-footerExtraNav .a-footerExtraNav-toTop {
-  float: right;
-  margin-top: -38px;
+.a-list-container .a-list-header .a-js-reverse-sort .a-dropdownArrow {
+  transform: scale(0.5) rotate(-90deg);
+}
+.a-list-container .a-list-header .a-active .a-dropdownArrow {
+  border-left: 10px solid #008fd6;
+}
+
+.a-list {
+  margin: 0;
+  list-style: none;
 }
-.a-footerExtraNav ul {
-  padding-top: 12px;
-  padding-bottom: 24px;
+.a-list.a-list-large li > .row,
+.a-list.a-list-large li .a-list-content {
+  padding-right: 12px;
+  padding-left: 12px;
 }
 @media (min-width: 768px) {
-  .a-footerExtraNav ul {
-    display: inline;
-    padding-top: 0;
+  .a-list.a-list-large li > .row,
+  .a-list.a-list-large li .a-list-content {
+    min-height: 48px;
+    padding: 12px 6px;
   }
 }
-.a-footerExtraNav ul li {
-  display: block;
-  padding-left: 0;
+.a-list.a-list-large li .a-list-rowLink {
+  font-size: 20px;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
+  min-height: 48px;
+  padding: 10px 6px 7px 6px;
 }
-@media (min-width: 768px) {
-  .a-footerExtraNav ul li {
-    display: inline;
-    padding-left: 12px;
-  }
+.a-list.a-list-large li .a-list-rowLink.a-list-rowLink-large {
+  padding: 12px;
 }
-@media (min-width: 992px) {
-  .a-footerExtraNav ul li {
-    padding-left: 24px;
-  }
+.a-list.a-list-large.a-list-borderTopFirst li:first-of-type {
+  border-top: 1px solid #bcc7cc;
 }
 @media (min-width: 768px) {
-  .a-footerExtraNav ul li:first-child {
-    padding-left: 24px;
+  .a-list.a-list-large-forMD li > .row,
+  .a-list.a-list-large-forMD li .a-list-content {
+    min-height: 48px;
+    padding: 12px 6px;
+  }
+  .a-list.a-list-large-forMD li .a-list-rowLink {
+    font-size: 20px;
+    font-size: 1.25rem;
+    line-height: 1.5;
+    -webkit-font-smoothing: subpixel-antialiased;
+    min-height: 48px;
+    padding: 10px 6px 7px 6px;
   }
 }
-.a-footerExtraNav ul li a {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
-  position: relative;
-  color: #022f51;
-  border-bottom: 1px solid #022f51;
-}
-.a-footerExtraNav ul li a::before {
-  position: absolute;
-  top: -15px;
-  left: -12px;
-  z-index: -1;
-  width: calc(100% + 24px);
-  min-height: 44px;
-  cursor: pointer;
-  content: '';
+.a-list.a-list-borderTop li:first-child {
+  background-image: linear-gradient(to right, #008fd6 50%, transparent 0%),
+    linear-gradient(to right, #008fd6 50%, transparent 0%);
+  background-repeat: repeat-x;
+  background-position: 25px top, 25px bottom;
+  background-size: 4px 2px;
 }
-.a-footerExtraNav ul li a i {
-  margin-top: -3px;
-  vertical-align: middle;
+.a-list.a-list-borderTopSolid li:first-child {
+  border-top: 2px solid #008fd6;
 }
-
-.a-jumpnav {
-  background: #ffffff;
+.a-list.a-list-large-rows li > .row,
+.a-list.a-list-large-rows li .a-list-content {
+  padding: 12px 6px 12px 6px;
 }
-
-.a-header {
-  height: 96px;
-  padding-top: 24px;
-  margin-bottom: 12px;
+.a-list li > .row,
+.a-list li .a-list-content {
+  min-height: 36px;
+  padding: 6px 6px 4px 6px;
 }
-@media (min-width: 768px) {
-  .a-header {
-    height: 108px;
-    padding-top: 36px;
-  }
+.a-list li:not(.a-dotted) {
+  border-top: 1px solid #bcc7cc;
 }
-@media (min-width: 992px) {
-  .a-header {
-    margin-bottom: 36px;
-  }
+.a-list li.a-selected .a-lineThrough-selected {
+  text-decoration: line-through;
 }
-.a-header.a-compact {
-  height: 72px;
+.a-list li.card {
+  display: list-item;
+  margin-bottom: 0;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
 }
-@media (min-width: 768px) {
-  .a-header.a-compact {
-    height: 108px;
-  }
+.a-list li.card.a-expanded {
+  background-color: #ffffff;
 }
-@media (max-width: 991.98px) {
-  .a-header > .container {
-    padding: 0 12px;
-  }
+.a-list li.card:not(.a-dotted) {
+  border-bottom: 1px solid #bcc7cc;
 }
-.a-header .a-logo {
-  float: left;
-  max-width: 110px;
-  margin-top: -2px;
-  margin-right: 48px;
+.a-list li.a-list-item-centered > div {
+  align-items: center;
 }
-@media (min-width: 992px) {
-  .a-header .a-logo {
-    max-width: 142px;
-    margin-top: 0;
-  }
+.a-list li.a-list-item-centered > div > div[class^='col'] {
+  display: inline-block;
+  vertical-align: middle;
 }
-.a-header .a-dropdown-languages,
-.a-header .a-dropdown-personswitchList {
-  position: absolute;
-  top: 57px !important;
-  left: auto !important;
-  width: 320px;
+.a-list li.a-list-item-loadMore {
+  border-bottom: none;
 }
-@media (min-width: 576px) {
-  .a-header .a-dropdown-languages,
-  .a-header .a-dropdown-personswitchList {
-    width: 420px;
-  }
+.a-list li.a-list-item-loadMore .row {
+  min-height: 48px;
+  padding: 4px 6px;
+  align-items: center;
 }
-.a-header .a-dropdown-languages {
-  right: -90px;
+.a-list li.a-list-hasRowLink {
   padding: 0;
 }
-@media (min-width: 576px) {
-  .a-header .a-dropdown-languages {
-    top: 55px;
-    right: -38px;
-  }
-}
-@media (min-width: 768px) {
-  .a-header .a-dropdown-languages {
-    right: -20px;
-  }
-}
-@media (min-width: 992px) {
-  .a-header .a-dropdown-languages {
-    right: -24px;
-  }
-}
-@media (min-width: 1200px) {
-  .a-header .a-dropdown-languages {
-    right: -13px;
-  }
+.a-list li.a-offset-border-top {
+  border: none;
 }
-.a-header .a-dropdown-languages.a-dropdownTriangle::after {
-  right: 79px;
-  left: auto;
+.a-list li .a-list-rowLink {
+  display: block;
+  padding: 7px 6px 5px 6px;
+  border: none;
 }
-@media (min-width: 768px) {
-  .a-header .a-dropdown-languages.a-dropdownTriangle::after {
-    right: 8px;
-  }
+.a-list li .a-delete-add-container {
+  padding: 12px 12px 24px 6px;
+  margin: 12px 0;
+  background-color: #cff0ff;
 }
-@media (min-width: 992px) {
-  .a-header .a-dropdown-languages.a-dropdownTriangle::after {
-    right: 12px;
-  }
+.a-list li .a-delete-add-container button {
+  z-index: 1;
+  display: inline-block;
+  min-height: 0;
+  padding: 0;
+  margin: 0;
 }
-.a-header .a-dropdown-personswitchList {
-  right: 0 !important;
-  width: 100%;
+.a-list li button.a-add-certificate {
+  z-index: 1;
+  display: inline-block;
+  min-height: 0;
+  padding: 0;
+  margin: 0;
 }
-@media (min-width: 576px) {
-  .a-header .a-dropdown-personswitchList {
-    top: 55px;
-  }
+.a-list li.a-no-border-bottom {
+  border-bottom: none;
 }
 @media (min-width: 768px) {
-  .a-header .a-dropdown-personswitchList {
-    top: 55px !important;
-    right: -3px !important;
-    width: 420px;
+  .a-list.a-list-2col {
+    -moz-column-count: 2;
+    column-count: 2;
+    -moz-column-gap: 48px;
+    column-gap: 48px;
   }
-}
-.a-header .a-dropdown-personswitchList.a-dropdownTriangle::after {
-  right: 1px;
-  left: auto;
-}
-@media (min-width: 768px) {
-  .a-header .a-dropdown-personswitchList.a-dropdownTriangle::after {
-    right: 3px;
+  .a-list.a-list-2col li {
+    -moz-column-break-inside: avoid;
+    break-inside: avoid;
+    page-break-inside: avoid;
   }
 }
-
-.a-header-options {
-  float: right;
-  margin-top: -10px;
-}
 @media (min-width: 768px) {
-  .a-header-options {
-    left: auto;
-    margin-top: -7px;
+  .a-list.a-list-1col {
+    width: calc(50% - 24px);
   }
 }
-@media (min-width: 992px) {
-  .a-header-options {
-    margin-top: -6px;
-  }
+.a-list.a-list-noIcon li .a-list-rowLink {
+  padding-left: 0;
 }
-.a-header-options .nav-link {
-  padding: 12px 8px 10px 8px;
-  border-radius: 0;
+.a-list.a-list-noIcon .row {
+  padding-left: 0;
 }
-@media (min-width: 576px) {
-  .a-header-options .nav-link {
-    padding: 13px 8px 10px 8px;
-  }
+
+.a-bgWhite ul.connected-bullets li::after {
+  background: #ffffff;
 }
-@media (min-width: 768px) {
-  .a-header-options .nav-link {
-    padding: 10px 8px 10px 8px;
-  }
+
+.a-bgBlueLight ul.connected-bullets li::after {
+  background: #cff0ff;
 }
-@media (min-width: 992px) {
-  .a-header-options .nav-link {
-    padding: 10px;
-  }
+
+.a-bgGreyLight ul.connected-bullets li::after,
+.a-bgGrey ul.connected-bullets li::after {
+  background: #efefef;
 }
-.a-header-options .nav-link:focus,
-.a-header-options .nav-link:active {
-  color: #0062ba;
-  border-color: #0062ba;
+
+ul.a-item-list-icon li {
+  padding: 2px 0;
 }
-.a-header-options .a-languageSwitcher {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  position: absolute;
-  right: 18px;
-  color: #0062ba;
-  cursor: pointer;
-  background: transparent;
-  border: none;
+ul.a-item-list-icon li div[class^='col'] {
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-@media (min-width: 576px) {
-  .a-header-options .a-languageSwitcher {
-    position: relative;
-    right: 0;
-  }
+ul.a-item-list-icon li i {
+  color: #008fd6;
 }
-@media (min-width: 768px) {
-  .a-header-options .a-languageSwitcher {
-    padding-right: 0;
-    padding-bottom: 0;
-    padding-left: 0;
-    margin-top: 1px;
-    margin-right: 12px;
-    border-bottom: 1px solid #0062ba;
-  }
+ol {
+  padding-right: 0;
+  margin-left: 0;
+  list-style-type: none;
+  counter-reset: step;
 }
-@media (min-width: 1200px) {
-  .a-header-options .a-languageSwitcher {
-    margin-right: 24px;
-  }
+
+/*------------------------------------*\
+    $MODAL
+\*------------------------------------*/
+body.a-modal-background-success,
+html.a-modal-background-success {
+  background: #d4f9e4;
 }
-.a-header-options .a-languageSwitcher:focus::before {
-  position: absolute;
-  top: -7px;
-  left: -18px;
-  width: calc(100% + 36px);
-  height: calc(100% + 24px);
-  content: ' ';
-  background: rgba(0, 0, 0, 0.1);
-  border: none;
-  border-radius: 50px;
+body.a-modal-background,
+html.a-modal-background {
+  background: #1eaef7;
 }
-.a-header-options .a-languageSwitcher:hover,
-.a-header-options .a-languageSwitcher:focus,
-.a-header-options .a-languageSwitcher:active {
-  border-bottom: 1px solid #0062ba;
+body.a-modal-background-error,
+html.a-modal-background-error {
+  background: #f9cad3;
 }
-.a-header-options .a-languageSwitcher:focus,
-.a-header-options .a-languageSwitcher:active {
-  outline: none;
+
+.a-page .a-modal {
+  min-height: 100vh;
 }
-.a-header-options .a-languageSwitcher i {
-  font-size: 30px;
-  font-size: 1.875rem;
-  line-height: 1.3;
-  -webkit-font-smoothing: subpixel-antialiased;
-  vertical-align: middle;
+
+body.modal-open {
+  overflow-y: hidden;
 }
-.a-header-options .a-languageSwitcher::after {
-  display: none;
+
+.a-modal {
+  position: fixed;
+  padding-right: 0 !important;
+  padding-bottom: 60px;
+}
+.a-modal .a-iconText {
+  min-height: 72px;
 }
 @media (min-width: 768px) {
-  .a-header-options .a-languageSwitcher::after {
-    display: inline-block;
-    margin-left: 0;
-    vertical-align: 0.095em;
+  .a-modal .a-iconText {
+    height: auto;
   }
 }
-.a-header-options .a-personSwitcher {
-  padding-right: 12px;
+.a-modal .a-iconText.a-iconText-background {
+  padding: 0 12px 0 6px;
 }
-@media (min-width: 576px) {
-  .a-header-options .a-personSwitcher {
-    padding-right: 12px;
-    margin-right: -12px;
+@media (min-width: 768px) {
+  .a-modal .a-iconText.a-iconText-background {
+    padding: 12px;
   }
 }
+.a-modal .a-iconText .a-iconText-text {
+  max-width: calc(100% - 100px);
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
 @media (min-width: 768px) {
-  .a-header-options .a-personSwitcher {
-    padding-left: 12px;
+  .a-modal .a-iconText .a-iconText-text {
+    padding-top: 0;
+    padding-bottom: 0;
   }
 }
-@media (min-width: 992px) {
-  .a-header-options .a-personSwitcher {
-    padding-left: 24px;
-  }
+.a-modal .a-iconText .a-iconText-text .a-iconText-text-small {
+  overflow-x: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-
-.a-personSwitcher {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  position: absolute;
-  right: 0;
-  margin-top: -7px;
-  color: #0062ba;
-  text-align: right;
-  cursor: pointer;
-  background: transparent;
-  border: none;
+.a-modal .a-modal-top-logo {
+  opacity: 0.7;
 }
-@media (min-width: 576px) {
-  .a-personSwitcher {
-    position: relative;
-    right: 0;
+@media (max-width: 1199.98px) {
+  .a-modal .container {
+    padding: 0;
   }
 }
-.a-personSwitcher::after {
-  display: none;
-}
-.a-personSwitcher:focus {
-  background: rgba(0, 0, 0, 0.1);
-  border-color: #022f51;
-  border-radius: 50px;
+.a-modal .modal-lg {
+  width: auto;
+  max-width: none;
+  margin: 0 12px;
 }
-.a-personSwitcher:focus,
-.a-personSwitcher:active {
-  outline: none;
+@media screen and (min-width: 920px) {
+  .a-modal .modal-lg {
+    margin: auto;
+  }
 }
-.a-personSwitcher:hover,
-.a-personSwitcher:focus,
-.a-personSwitcher:active {
-  color: #0062ba;
+.a-modal .modal-content {
+  margin-bottom: 60px;
   border: none;
+  border-radius: 0;
+  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
 }
-.a-personSwitcher.search-header {
+.a-modal .a-link-helpfunction {
   color: #ffffff;
+  text-align: center;
 }
-.a-personSwitcher.search-header:hover,
-.a-personSwitcher.search-header:focus,
-.a-personSwitcher.search-header:active {
-  color: #ffffff !important;
-}
-.a-personSwitcher.search-header .a-personSwitcher-icon {
+.a-modal .a-link-helpfunction a,
+.a-modal .a-link-helpfunction .a-link-chat {
   color: #ffffff;
+  border-color: #ffffff;
 }
-.a-personSwitcher.subheader-dark {
-  color: #000000;
-}
-.a-personSwitcher.subheader-dark:hover,
-.a-personSwitcher.subheader-dark:focus,
-.a-personSwitcher.subheader-dark:active {
-  color: #000000 !important;
-}
-.a-personSwitcher.subheader-dark .a-personSwitcher-icon {
-  color: #000000;
+.a-modal .a-link-helpfunction i {
+  margin-top: -10px;
 }
-.a-personSwitcher .a-personSwitcher-name {
-  display: none;
-  max-width: 90px;
-  overflow: hidden !important;
-  text-align: right;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  vertical-align: middle;
+.a-modal .a-modal-contentFullWidth {
+  width: calc(100% + 47px);
+  margin-left: -24px;
 }
-@media (min-width: 576px) {
-  .a-personSwitcher .a-personSwitcher-name {
-    display: inline-block;
+@media (min-width: 768px) {
+  .a-modal .a-modal-contentFullWidth {
+    width: calc(100% + 168px);
+    margin-left: -84px;
   }
 }
 @media (min-width: 992px) {
-  .a-personSwitcher .a-personSwitcher-name {
-    max-width: 120px;
+  .a-modal .a-modal-contentFullWidth {
+    width: calc(100% + 191px);
+    margin-left: -95px;
   }
 }
-@media (min-width: 1200px) {
-  .a-personSwitcher .a-personSwitcher-name {
-    max-width: 220px;
+.a-modal .a-modal-contentFullWidth .a-legend {
+  padding: 0 24px;
+}
+@media (min-width: 768px) {
+  .a-modal .a-modal-contentFullWidth .a-legend {
+    padding: 0 84px;
   }
 }
-.a-personSwitcher .a-personSwitcher-name span {
-  overflow: hidden !important;
-  line-height: 1.6;
-  text-overflow: ellipsis;
+@media (min-width: 992px) {
+  .a-modal .a-modal-contentFullWidth .a-legend {
+    padding: 0 96px;
+  }
 }
-.a-personSwitcher .a-personSwitcher-icon {
-  display: inline-flex;
-  height: 36px;
-  margin-left: 3px;
-  line-height: 1;
-  color: #0062ba;
+.a-modal .a-modal-contentFullWidth .custom-radio {
+  padding: 12px 12px 12px 60px;
 }
 @media (min-width: 768px) {
-  .a-personSwitcher .a-personSwitcher-icon {
-    margin-top: 0;
+  .a-modal .a-modal-contentFullWidth .custom-radio {
+    padding: 12px 120px;
   }
 }
-.a-personSwitcher .a-personSwitcher-icon::before {
-  align-self: center;
+@media (min-width: 992px) {
+  .a-modal .a-modal-contentFullWidth .custom-radio {
+    padding: 12px 132px;
+  }
 }
-
-.a-dropdown-languages,
-.a-dropdown-personswitchList {
-  position: relative;
-  width: 320px;
-  padding: 0;
-  color: #000000;
-  border-radius: 0;
-  transform: none !important;
-  will-change: unset !important;
+.a-modal .a-modal-contentFullWidth .custom-control-indicator {
+  left: 24px;
 }
-@media (min-width: 576px) {
-  .a-dropdown-languages,
-  .a-dropdown-personswitchList {
-    width: 420px;
+@media (min-width: 768px) {
+  .a-modal .a-modal-contentFullWidth .custom-control-indicator {
+    left: 84px;
   }
 }
-.a-dropdown-languages .dropdown-item,
-.a-dropdown-personswitchList .dropdown-item {
-  display: flex;
-  padding: 18px 24px;
-  white-space: normal;
-  border-bottom: none;
-  align-items: flex-start;
-  -webkit-box-align: start;
-}
-.a-dropdown-languages .dropdown-item:hover,
-.a-dropdown-personswitchList .dropdown-item:hover {
-  color: #000000;
+@media (min-width: 992px) {
+  .a-modal .a-modal-contentFullWidth .custom-control-indicator {
+    left: 96px;
+  }
 }
-.a-dropdown-languages .dropdown-item .a-flag,
-.a-dropdown-personswitchList .dropdown-item .a-flag {
-  float: left;
-  max-width: 48px;
-  max-height: 29px;
-  margin-top: 5px;
-  margin-right: 12px;
+.a-modal .a-personSwitcher-name {
+  display: inline-block;
+  max-width: 220px;
+  letter-spacing: 0.3px;
 }
-.a-dropdown-languages .dropdown-item .a-flag.a-globe,
-.a-dropdown-personswitchList .dropdown-item .a-flag.a-globe {
-  margin-top: 2px;
+.a-modal .a-page {
+  position: absolute;
+  width: 100%;
+  pointer-events: none;
+  transition: transform 0.5s cubic-bezier(0.3, 1, 0.5, 1);
 }
-.a-dropdown-languages .dropdown-item p,
-.a-dropdown-personswitchList .dropdown-item p {
-  margin-bottom: 0;
-  word-wrap: break-word;
+.a-modal .a-page.a-next-page {
+  transform: translate3d(180%, 0, 0);
 }
-.a-dropdown-languages .a-link-logout,
-.a-dropdown-personswitchList .a-link-logout {
+.a-modal .a-page.a-current-page {
   position: absolute;
-  top: 24px;
-  right: 36px;
-  padding-bottom: 0;
-  line-height: 19px;
+  top: 0;
+  pointer-events: inherit;
+  visibility: visible;
+  transform: translate3d(0, 0, 0);
+}
+.a-modal .a-page.a-previous-page {
+  transform: translate3d(-180%, 0, 0);
+}
+.a-modal.fade {
+  overflow-x: hidden;
+  overflow-y: scroll;
+  opacity: 1;
+  transition: none;
 }
-
-.a-dropdown-fullWidth {
-  width: 100% !important;
-  margin-bottom: 60px;
-  transition: width 0.35s ease;
+.a-modal.fade .modal-dialog {
+  transition: all 0.7s cubic-bezier(0.3, 1, 0.5, 1);
+  transform: translate3d(180%, 0, 0);
 }
-.a-dropdown-fullWidth .a-btn-shadow {
-  min-height: 84px;
+.a-modal.fade.show .modal-dialog {
+  transition: all 0.7s cubic-bezier(0.3, 1, 0.5, 1);
+  transform: translate3d(0, 0, 0);
 }
-.a-dropdown-fullWidth .a-btn-shadow.a-btn-shadow-expand {
-  min-height: 60px;
+.a-modal.fade.a-fade--appear .modal-dialog {
+  transition: all 0.7s;
+  transform: translate3d(0, 0, 0);
 }
-.a-dropdown-fullWidth .a-btn-shadow.a-btn-shadow-large .a-btn-icon-text-second {
-  display: inline-block;
+.a-modal.fade.a-fade--appear.show .modal-dialog {
+  transition: all 0.7s;
+  transform: translate3d(0, 0, 0);
 }
 
-.a-dropdown-personswitchList .a-dropdown-footer {
-  display: none;
+.a-modal-content-target {
+  position: relative;
 }
-.a-dropdown-personswitchList.a-dropdown-fullWidth .a-dropdown-footer {
-  display: block;
+
+.a-modal-top {
+  min-height: 48px;
+  padding-top: 36px;
 }
-.a-dropdown-personswitchList .a-btn-action.a-fullWidthBtn span {
-  margin-left: 0;
+.a-modal-top .a-logo {
+  float: left;
+  max-width: 110px;
+  margin-right: 12px;
 }
-.a-dropdown-personswitchList .a-btn-action.a-fullWidthBtn i {
-  margin-left: 12px;
+@media (min-width: 992px) {
+  .a-modal-top .a-logo {
+    max-width: 142px;
+  }
 }
-.a-dropdown-personswitchList.a-dropdown-personswitchList-large.a-dropdownTriangle::after {
-  right: 15px;
-  left: auto;
+.a-modal-top .a-modal-top-user {
+  position: relative;
+  float: right;
+  margin-top: 1px;
+  margin-right: 3px;
 }
-
-.nav-pills .nav-item.show .nav-link.a-languageSwitcher,
-.nav-pills .nav-item.show .nav-link.a-personSwitcher {
-  color: #0062ba;
-  text-align: right;
-  background: transparent;
+.a-modal-top .a-modal-top-user .a-personSwitcher {
+  width: 280px;
+  padding: 0;
+  margin-top: -2px;
+  margin-right: -3px;
+  color: rgba(0, 0, 0, 0.7);
+  cursor: not-allowed;
 }
-
-.dropdown-menu {
-  display: block;
+.a-modal-top .a-modal-top-user .a-personSwitcher-icon {
+  color: rgba(0, 0, 0, 0.7);
+  letter-spacing: 0.3px;
 }
 
-.dropdown .dropdown-menu {
-  display: none;
+.a-modal-navbar {
+  height: 48px;
+  margin-top: 36px;
 }
 
-.show > .dropdown-menu {
-  display: block;
+.a-modal-header {
+  min-height: 60px;
+  padding: 0;
+  border: none;
 }
-
-.a-logo {
-  height: 24px;
-  margin-bottom: 0;
+@media (min-width: 768px) {
+  .a-modal-header {
+    min-height: 84px;
+  }
+}
+.a-modal-header h1 {
+  line-height: 1;
+}
+@media (min-width: 768px) {
+  .a-modal-header h1 {
+    line-height: 1.5;
+  }
 }
 
-.a-globalNav .a-globalNav-logo {
+.a-modal-title {
+  font-size: 18px;
+  font-size: 1.125rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
   position: relative;
-  z-index: 1;
-  display: block;
-  float: left;
-  border: none;
-}
-.a-globalNav .a-globalNav-logo:focus {
-  border: none;
-  box-shadow: none !important;
+  display: table-cell;
+  width: 100%;
+  min-height: 96px;
+  margin: 0;
+  color: #ffffff;
+  vertical-align: middle;
 }
-.a-globalNav .a-globalNav-logo::before {
-  position: absolute;
-  top: -10px;
-  left: -11%;
-  z-index: -1;
-  width: 124%;
-  height: 48px;
-  cursor: pointer;
-  content: '';
+@media (min-width: 768px) {
+  .a-modal-title {
+    font-size: 24px;
+    font-size: 1.5rem;
+    line-height: 1.5;
+    -webkit-font-smoothing: subpixel-antialiased;
+  }
 }
-.a-globalNav .navbar-toggler {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  position: absolute;
-  right: 60px;
-  float: right;
-  width: 60px;
-  padding: 3px 0;
-  margin-top: -5px;
-  color: #0062ba;
-  cursor: pointer;
-  border: 3px solid #0062ba;
+
+.a-modal-body {
+  padding: 24px 12px;
+  border-bottom: 1px solid #bcc7cc;
 }
-@media (min-width: 576px) {
-  .a-globalNav .navbar-toggler {
-    right: 160px;
-  }
+.a-modal-body:last-of-type {
+  border-bottom: none;
 }
-@media (max-width: 767px) {
-  .a-globalNav .navbar-toggler .ai-circle-exclamation {
-    float: right;
-    line-height: 1;
+@media (min-width: 768px) {
+  .a-modal-body {
+    padding: 36px 84px;
   }
 }
-@media (max-width: 767px) {
-  .a-globalNav .navbar-toggler {
-    width: 75px;
+@media (min-width: 992px) {
+  .a-modal-body {
+    padding: 36px 96px;
   }
 }
-.a-globalNav .navbar-toggler::after {
-  content: 'meny';
+.a-modal-body .a-btn-group {
+  margin-top: 36px;
 }
-.a-globalNav .navbar-toggler[data-jsexpanded='true'] {
-  color: #ffffff;
-  background: #0062ba;
+.a-modal-body .a-modal-receiptContent ul {
+  margin: 24px 0 24px 36px;
 }
-@media (max-width: 767px) {
-  .a-globalNav .navbar-toggler[data-jsexpanded='true'] .ai-circle-exclamation {
-    display: none;
-    line-height: 0;
-  }
+.a-modal-body .a-modal-receiptContent ul.a-modal-receiptContent-fullWidth {
+  margin: 0 0 24px 0;
 }
-.a-globalNav .navbar-toggler[data-jsexpanded='true']::after {
-  content: 'lukk';
+
+.a-modal-close,
+.a-modal-back {
+  padding: 0;
+  margin-bottom: 12px;
+  pointer-events: auto;
+  cursor: pointer;
+  border: none;
+  border-radius: 50%;
 }
-.a-globalNav .dropdown .dropdown-menu {
-  display: block;
+.a-modal-close:hover,
+.a-modal-back:hover {
+  border: none;
+  opacity: 0.7;
 }
-.a-globalNav .navbar-toggleable-sm {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  overflow: visible;
+
+.a-modal-close span.ai-stack i,
+.a-modal-close span.reg-stack i,
+.a-modal-back span.ai-stack i,
+.a-modal-back span.reg-stack i {
+  line-height: 1em;
 }
-@media (min-width: 768px) {
-  .a-globalNav .navbar-toggleable-sm {
-    position: relative;
-  }
+.a-modal-close span.ai-stack i:first-of-type,
+.a-modal-close span.reg-stack i:first-of-type,
+.a-modal-back span.ai-stack i:first-of-type,
+.a-modal-back span.reg-stack i:first-of-type {
+  color: #ffffff;
 }
 
-.a-globalNav-main {
-  position: absolute;
-  left: 0;
-  z-index: 1001;
-  min-height: 100%;
-  margin-top: 60px;
-  overflow: auto;
-  background: #ffffff;
+.a-modal-close {
+  float: right;
 }
-@media (min-width: 768px) {
-  .a-globalNav-main {
-    position: relative;
-    z-index: auto;
-    display: block !important;
-    min-height: auto;
-    margin-top: 2px;
-    overflow: visible;
-    background: transparent;
-    box-shadow: none;
-  }
+
+a.a-modal-close {
+  padding-top: 6px;
+  text-align: center;
 }
-@media (min-width: 992px) {
-  .a-globalNav-main {
-    margin-top: -2px;
-  }
+
+.a-modal-close-icon {
+  margin-top: -1px;
+  color: #e23b53;
 }
-.a-globalNav-main .a-dropdownTriangle {
-  box-shadow: none;
+
+.a-modal-footer {
+  padding: 0 96px 36px 96px;
 }
-.a-globalNav-main .a-dropdownTriangle::after {
+
+/*------------------------------------*\
+    $MODAL PROCESS
+\*------------------------------------*/
+.a-modal-background-success .a-modal-navbar button,
+.a-modal-background-error .a-modal-navbar button {
   display: none;
 }
-.a-globalNav-main .indicator {
-  font-size: 10px;
-  font-size: 0.625rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
+.a-modal-background-success.a-displayNav .a-modal-navbar button,
+.a-modal-background-error.a-displayNav .a-modal-navbar button {
   display: inline-block;
-  padding-top: 3px;
-  margin-left: 12px;
-  vertical-align: middle;
-  transition: all 0.25s ease-in-out;
 }
-.a-globalNav-main .indicator.flip {
-  vertical-align: middle;
-  transform: rotate(-180deg);
+.a-modal-background-success .a-iconText.a-iconText-background,
+.a-modal-background-error .a-iconText.a-iconText-background {
+  color: #000000;
+}
+
+.a-modal-background-success .modal-backdrop {
+  background: #d4f9e4;
+}
+.a-modal-background-success .a-modal-top .a-personSwitcher {
+  color: #000000;
+}
+.a-modal-background-success .a-iconText-background {
+  background: #17c96b;
+}
+.a-modal-background-success .a-iconText-background .a-iconText-text {
+  color: #000000;
+}
+.a-modal-background-success .a-link-helpfunction {
+  color: #000000;
+}
+.a-modal-background-success .a-link-helpfunction a {
+  color: #000000;
+  border-color: #000000;
+}
+
+.a-modal-background-error .modal-backdrop {
+  background: #f9cad3;
 }
-.a-globalNav-main ul {
-  float: left;
-  list-style: none;
+.a-modal-background-error .a-modal-top .a-personSwitcher {
+  color: #000000;
 }
-@media (min-width: 992px) {
-  .a-globalNav-main ul {
-    margin-top: -3px;
-  }
+.a-modal-background-error .a-iconText-background {
+  background: #e23b53;
 }
-.a-globalNav-main li {
-  float: left;
-  width: 100%;
-  padding: 0 24px;
+.a-modal-background-error .a-iconText-background .a-iconText-text {
+  color: #000000;
 }
-.a-globalNav-main li:last-child > a {
-  border-bottom: none;
+.a-modal-background-error .a-link-helpfunction {
+  color: #000000;
+}
+.a-modal-background-error .a-link-helpfunction a {
+  color: #000000;
+  border-color: #000000;
 }
+
 @media (min-width: 768px) {
-  .a-globalNav-main li {
-    width: auto;
-    padding: 0;
-    margin-left: 24px;
+  .addPersonOrBusiness {
+    padding-right: 12px;
+    padding-left: 12px;
   }
-  .a-globalNav-main li:first-child {
-    margin-left: 12px;
+
+  .rightHolderList {
+    padding: inherit;
   }
 }
-@media (min-width: 992px) {
-  .a-globalNav-main li {
-    margin-left: 36px;
+@media (max-width: 767px) {
+  .panelBox {
+    display: flex;
+    flex-direction: column;
   }
-  .a-globalNav-main li:first-child {
-    margin-left: 36px;
+
+  .addPersonOrBusiness {
+    order: 3;
   }
-}
-@media (min-width: 1200px) {
-  .a-globalNav-main li {
-    margin-left: 36px;
+
+  .searchPersonOrBusiness {
+    order: 2;
   }
-  .a-globalNav-main li:first-child {
-    margin-left: 48px;
+
+  .activeLog {
+    order: 1;
   }
 }
-.a-globalNav-main li a {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  display: block;
-  padding: 12px 12px;
-  color: #0062ba;
-  text-transform: lowercase;
-  border: none;
-  border-bottom: 1px solid #0062ba;
-}
-.a-globalNav-main li a:hover,
-.a-globalNav-main li a:focus,
-.a-globalNav-main li a:active {
-  color: #008fd6;
-}
-.a-globalNav-main li a.globalNav-active {
-  color: #000000;
-}
-.a-globalNav-main li a.globalNav-active::before {
-  position: absolute;
-  right: 50%;
-  bottom: 0;
-  left: 50%;
-  z-index: -1;
-  height: 3px;
-  content: '';
-  background: #0062ba;
+@media (max-width: 575px) {
+  .activeLog {
+    padding-top: 1em;
+  }
 }
-@media (min-width: 768px) {
-  .a-globalNav-main li a {
-    display: inline;
-    padding: 0;
-    padding-bottom: 3px;
-    border-bottom: none;
+@media (min-width: 768px) and (max-width: 992px) {
+  .a-iconText-icon {
+    width: 73px;
   }
-  .a-globalNav-main li a:hover,
-  .a-globalNav-main li a:active,
-  .a-globalNav-main li a:focus {
-    color: #0062ba;
+
+  .a-icon {
+    width: 72px;
+    min-width: 72px;
+    height: 72px;
+    font-size: 4em;
   }
-  .a-globalNav-main li a.globalNav-active span {
-    padding-bottom: 3px;
-    color: #0062ba;
-    border-bottom: 3px solid #0062ba;
+
+  .a-iconText-text-large {
+    font-size: 1.75rem !important;
+    -webkit-font-smoothing: subpixel-antialiased;
+  }
+
+  .searchPersonOrBusiness {
+    display: block;
+    width: 18em !important;
+    margin: auto;
+  }
+
+  .activeLog {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding-right: 60px;
   }
 }
-@media (min-width: 992px) {
-  .a-globalNav-main li a {
-    font-size: 24px;
-    font-size: 1.5rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-    padding-bottom: 3px;
+.rightHolderList .a-list-container {
+  background: #ffffff;
+}
+
+@media (min-width: 1200px) {
+  .a-collapsePanel.expanded {
+    margin-right: -24px;
+    margin-left: -24px;
   }
 }
-.a-globalNav-main li .a-link-tel {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  padding-top: 24px;
-  padding-bottom: 24px;
-  margin-left: -5px;
+.a-panelAccordion .a-collapsePanel-heading .a-collapseBtn {
+  background: transparent;
+  box-shadow: none !important;
 }
-.a-globalNav-main .dropdown-menu {
-  position: static;
-  box-sizing: content-box;
-  width: inherit;
-  margin: 0;
-  color: #000000;
-  border: none;
-  border-radius: 0;
+@media (min-width: 992px) {
+  .a-panelAccordion
+    .a-collapsePanel-heading
+    .a-collapsePanel--large
+    .a-collapsePanel-body
+    .a-collapsePanel-body-content {
+    padding: 40px 112px !important;
+  }
 }
-.a-globalNav-main .dropdown-menu.a-dropdown-languages {
-  display: none;
-  min-width: 0;
-  overflow: hidden;
-  transition: height 0.25s ease-in-out;
+
+.a-collapsePanel-body-secondary {
+  margin: -1px 0;
+  background-color: #efefef;
+  border: 1px solid #bcc7cc;
 }
-.a-globalNav-main .dropdown-menu.a-dropdown-languages.expand {
-  display: block;
-  width: inherit;
-  min-width: 160px;
-  border-bottom: 1px solid #0062ba;
+@media (min-width: 576px) {
+  .a-collapsePanel-body-secondary {
+    padding: 12px 12px 12px 12px;
+  }
 }
 @media (min-width: 768px) {
-  .a-globalNav-main .dropdown-menu.a-dropdown-languages {
-    display: none;
+  .a-collapsePanel-body-secondary {
+    padding: 12px 12px 12px 96px;
+  }
+  .a-inboxCompact .a-collapsePanel-body-secondary {
+    padding-left: 84px;
   }
 }
-.a-globalNav-main .dropdown-menu .dropdown-item {
-  display: inline-block;
-  border: none;
-}
-.a-globalNav-main .dropdown-menu .dropdown-item img {
-  margin: 0;
-  margin-right: 24px;
+@media (min-width: 992px) {
+  .a-collapsePanel-body-secondary {
+    padding: 12px 12px 12px 96px;
+  }
+  .a-inboxCompact .a-collapsePanel-body-secondary {
+    padding-left: 84px;
+  }
 }
-.a-globalNav-main .dropdown-menu .dropdown-item:last-of-type img {
-  margin-top: -6px;
-  margin-bottom: -6px;
+.a-collapsePanel-body-secondary.a-no-sideborder {
+  border-right: none;
+  border-left: none;
 }
-.a-globalNav-main .dropdown-menu .dropdown-item p {
-  line-height: 36px;
+
+.a-collapseHeader {
+  display: inline-block;
+  width: 100%;
+  padding-bottom: 6px;
+  margin-bottom: 0;
 }
-.a-globalNav-main .dropdown-menu .dropdown-item span:last-of-type,
-.a-globalNav-main .dropdown-menu .dropdown-item p > br {
-  display: none;
+.a-collapseHeader a {
+  border: none;
 }
-.a-globalNav-main .a-form-group {
-  margin-bottom: 36px;
+.a-collapseHeader .a-label {
+  margin-top: -2px;
+  margin-left: 3px;
 }
 
+.a-collapseContent .a-collapseContent-inside {
+  padding-right: 0;
+  padding-bottom: 36px;
+  padding-left: 48px;
+}
 @media (min-width: 768px) {
-  .a-darkBackground .a-globalNav-main li a {
-    color: #ffffff;
+  .a-collapseContent .a-collapseContent-inside {
+    padding-right: 48px;
   }
 }
-.a-darkBackground .a-header-options .a-languageSwitcher,
-.a-darkBackground .a-header-options .a-personSwitcher {
-  color: #ffffff;
-  border-color: #ffffff;
-}
-.a-darkBackground .a-header-options .a-languageSwitcher:focus::before {
-  background: rgba(255, 255, 255, 0.2);
+.a-collapseContent .a-collapseContent-img {
+  margin-top: -36px;
+  opacity: 0;
 }
-.a-darkBackground .a-header-options .a-personSwitcher:focus {
-  background: rgba(255, 255, 255, 0.2);
+.a-collapseContent .a-collapseContent-img img {
+  border-radius: 50%;
 }
-.a-darkBackground .navbar-toggler {
-  color: #ffffff;
-  border-color: #ffffff;
+.a-collapseContent.collapse.show .a-collapseContent-img {
+  opacity: 1;
 }
-.a-darkBackground .navbar-toggler[data-jsexpanded='true'] {
-  color: #0062ba;
-  background: #ffffff;
+.a-collapseContent ul:not(.connected-bullets):not(.no-decoration) {
+  margin-left: 0;
 }
-@media (min-width: 768px) {
-  .a-darkBackground .a-hvr-underline:hover {
-    border-color: #ffffff;
-  }
+
+.a-dropdownArrow {
+  display: inline-flex;
+  width: 0;
+  height: 0;
+  margin-top: 4px;
+  margin-right: 7px;
+  margin-bottom: 7px;
+  margin-left: 2px;
+  border-top: 6px solid transparent;
+  border-bottom: 6px solid transparent;
+  border-left: 10px solid #008fd6;
+  transition: transform 0.2s ease-out;
+  transform: rotate(90deg);
+  justify-content: center;
+  align-items: center;
 }
-.a-darkBackground .a-personSwitcher-icon {
+
+.a-dropdownCircleArrow {
+  display: inline-flex;
+  width: 36px;
+  min-width: 36px;
   height: 36px;
+  margin-top: -3px;
+  margin-right: 12px;
   color: #ffffff;
+  background: #008fd6;
+  border: 3px solid #008fd6;
+  border-radius: 50%;
+  transition: transform 0.2s ease-out;
+  transform: rotate(90deg);
+  justify-content: center;
+  align-items: center;
+}
+.a-dropdownCircleArrow i {
+  padding-left: 3px;
+  line-height: inherit;
 }
-.a-darkBackground .nav-pills .nav-item.show .nav-link.a-languageSwitcher,
-.a-darkBackground .nav-pills .nav-item.show .nav-link.a-personSwitcher {
-  color: #ffffff;
+.a-dropdownCircleArrow.a-dropdownCircleArrow--small {
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
 }
-
-.a-bgBlueLight .a-header .a-header-options .a-languageSwitcher:focus::before {
-  background: rgba(255, 255, 255, 0.3);
+.a-dropdownCircleArrow.a-dropdownCircleArrow--small i {
+  font-size: 20px;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
+  margin-top: 0;
 }
-.a-bgBlueLight .a-header .a-header-options .a-personSwitcher:focus {
-  background: rgba(255, 255, 255, 0.3);
+.a-dropdownCircleArrow.a-dropdownCircleArrow--darkblue {
+  background: #0062ba !important;
+  border: 3px solid #0062ba !important;
 }
 
-.a-login.a-hide-menu .a-globalNav-main,
-.a-login.a-hide-menu .a-languageSwitcher,
-.a-login.a-hide-menu .a-personSwitcher-name,
-.a-login.a-hide-menu .a-containerFooter,
-.a-login.a-hide-menu .navbar-toggler {
-  display: none;
-}
-.a-login .a-personSwitcher {
-  cursor: not-allowed;
+.collapsed .a-dropdownArrow,
+.collapsed .a-dropdownCircleArrow {
+  transform: rotate(0deg);
 }
-.a-login .a-login-container {
-  padding-top: 60px;
-  margin-top: -25px;
+
+a.collapsed .a-dropdownArrow,
+a.collapsed .a-dropdownCircleArrow {
+  transform: rotate(0deg);
 }
-@media (min-width: 992px) {
-  .a-login .a-login-container {
-    margin-top: -42px;
-  }
+a.collapsed .hideText {
+  display: none;
 }
-.a-login .a-login-container .a-triangleShadow {
-  position: relative;
+a:not(.collapsed) .expandText {
+  display: none;
 }
-.a-login .a-login-container .a-triangleShadow::after {
-  top: -60px;
-  right: 2px;
-  left: auto;
+
+.a-list-parentRightHolder:not(.a-expanded) .hideText {
+  display: none;
 }
-@media (min-width: 576px) {
-  .a-login .a-login-container .a-triangleShadow::after {
-    right: 1px;
-  }
+.a-list-parentRightHolder .a-list-expandedLink-href:hover {
+  border-bottom: none !important;
 }
-@media (min-width: 992px) {
-  .a-login .a-login-container .a-triangleShadow::after {
-    right: 13px;
-  }
+.a-list-parentRightHolder .a-list-expandedLink-href:focus {
+  border-bottom: none !important;
 }
-@media (min-width: 1200px) {
-  .a-login .a-login-container .a-triangleShadow::after {
-    right: -11px;
+
+@media (max-width: 768px) {
+  .a-list .row {
+    display: flex;
   }
 }
-.a-login h1 {
-  margin-bottom: 24px;
+.a-expanded .a-dropdownCircleArrow {
+  transform: rotate(90deg);
 }
-@media (min-width: 992px) {
-  .a-login h1 {
-    margin-bottom: 0;
-  }
+
+.hideRightHolders.a-list-parentRightHolder,
+.hideRightHolders.childRightHolders {
+  display: none;
 }
-.a-login h1 .a-helpIconButton {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  vertical-align: middle;
+.hideRightHolders .a-list-parentRightHolder,
+.hideRightHolders .childRightHolders {
+  display: none;
 }
-.a-login .a-link-logout {
-  position: absolute;
-  top: -36px;
-  right: 37px;
-  padding-bottom: 0;
-  line-height: 19px;
-  right: 12px;
+
+.force-show {
+  display: block !important;
 }
-@media (min-width: 576px) {
-  .a-login .a-link-logout {
-    right: 24px;
+
+@media (max-width: 767px) {
+  .a-list-expandedLink-href {
+    display: flex;
+    width: 100%;
+    padding-top: 4px;
+    padding-right: 12px;
+    padding-left: 12px;
+    margin-left: 6px;
+    border-bottom: none;
   }
-}
-@media (min-width: 992px) {
-  .a-login .a-link-logout {
-    top: 4px;
-    right: 48px;
+  .a-list-expandedLink-href div:nth-child(1) {
+    max-width: 5%;
   }
-}
-@media (min-width: 1200px) {
-  .a-login .a-link-logout {
-    top: 4px;
-    right: 36px;
+  .a-list-expandedLink-href div:nth-child(2) {
+    position: relative;
+    min-width: 90%;
+    padding-left: 1.5em !important;
   }
-}
-.a-login .a-btn-shadow {
-  height: auto !important;
-  height: 84px;
-  min-height: 84px;
-}
-.a-login .a-btn-shadow.a-btn-shadow-expand {
-  height: 60px;
-  min-height: 60px;
-}
-.a-login .a-btn-shadow.a-btn-shadow-large .a-btn-icon-text-second {
-  display: inline-block;
-}
-
-@media (min-width: 768px) {
-  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer {
+  .a-list-expandedLink-href div:nth-child(2) .count {
+    display: block;
+    max-width: 33%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-}
-@media (min-width: 768px) {
-  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer div,
-  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer h1,
-  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer h3 {
+  .a-list-expandedLink-href .textStatus {
+    display: none;
+  }
+
+  .childRightHolders .a-modalLink-href {
+    display: flex;
+    width: 100%;
+    padding-top: 4px;
+    padding-right: 12px;
+    padding-left: 12px;
+    margin-left: 6px;
+    border-bottom: none;
+  }
+  .childRightHolders .a-modalLink-href div:nth-child(1) {
+    min-width: 5%;
+  }
+  .childRightHolders .a-modalLink-href div:nth-child(2) :first-child {
+    display: block;
+    max-width: 67%;
+    padding-right: 0;
+    padding-left: 1em !important;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 }
-
-.a-inboxHeadingContent {
-  height: auto !important;
-  height: 84px;
-  min-height: 84px;
-  padding-right: 24px;
-  margin-right: 0;
-  margin-left: 0;
-  align-items: stretch;
+.a-btn-blue-noUnderline {
+  color: #0062ba;
+  text-align: end;
 }
-.a-inboxHeadingContent .a-msgIconWrapper {
+
+.a-list-expandedLink-href {
   display: flex;
-  width: 48px;
-  height: auto !important;
-  height: 84px;
-  min-height: 84px;
-  color: #6a6a6a;
-  justify-content: center;
+  width: 100%;
+  padding: 1%;
+  border-bottom: none;
   align-items: center;
 }
-.a-inboxHeadingContent .a-msgIconWrapper .a-msgIconSecondary {
-  display: none;
+.a-list-expandedLink-href .row {
+  display: contents;
 }
-@media (min-width: 768px) {
-  .a-inboxHeadingContent .a-msgIconWrapper {
-    width: 84px;
-  }
+.a-list-expandedLink-href div:nth-child(1) {
+  max-width: 3%;
+  margin-right: 0.5em;
 }
-.a-inboxHeadingContent .a-postHeaderIcon {
-  padding-left: 12px;
-  margin-top: 6px;
+.a-list-expandedLink-href div:nth-child(2) {
+  display: -webkit-box !important;
 }
-.a-inboxHeadingContent .a-msgDuedate {
-  margin-right: 24px;
-  align-self: center;
+.a-list-expandedLink-href div:nth-child(2) :first-child {
+  padding-left: 0 !important;
 }
-.a-inboxHeadingContent .a-msgState {
-  margin-right: 24px;
-  align-self: center;
+@media (max-width: 992px) {
+  .a-list-expandedLink-href div .noneExpRole {
+    max-width: 17em !important;
+    margin-left: 0 !important;
+  }
+  .a-list-expandedLink-href div:nth-child(2) :first-child {
+    display: block;
+    max-width: 67%;
+    padding-right: 0;
+    padding-left: 0 !important;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .a-list-expandedLink-href div:nth-child(2):nth-child(2) {
+    padding-right: 0;
+  }
 }
-.a-inboxHeadingContent .a-msgHeadingTextContainer {
-  display: flex;
-  padding: 12px 0 12px 12px;
-  align-self: center;
+.a-list-expandedLink-href div:nth-child(3) {
+  text-align: left;
 }
-@media (min-width: 768px) {
-  .a-inboxHeadingContent .a-msgHeadingTextContainer {
-    padding-right: 24px;
+.a-list-expandedLink-href div:nth-child(3) :first-child {
+  display: block;
+  max-width: 32em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+@media (min-width: 768px) and (max-width: 992px) {
+  .a-list-expandedLink-href div:nth-child(3) :first-child {
+    max-width: 8em;
+    padding-right: 2em;
+    margin-left: 2em;
   }
 }
-.a-inboxHeadingContent .a-msgHeadingTextContainer h1,
-.a-inboxHeadingContent .a-msgHeadingTextContainer h3 {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
+.a-list-expandedLink-href div:nth-child(4) {
+  min-width: 24%;
+  max-height: 2em;
+  margin-left: -2em;
+  text-align: end;
+  align-items: -webkit-baseline-middle;
 }
-.a-inboxHeadingContent .a-msgHeadingTextContainer .a-msgDuedate {
-  margin-right: 24px;
+.a-list-expandedLink-href div:nth-child(4) .textStatus {
+  vertical-align: sub;
 }
-.a-inboxHeadingContent .a-msgDuedateIcon {
-  margin-right: 12px;
-  color: #e23b53;
-  align-self: center;
+
+.childRightHoldersList {
+  background: #efefef;
+  border-top: 1px solid #bcc7cc;
 }
-.a-inboxHeadingContent .a-msgShortcutsContainer {
+.childRightHoldersList .childRightHolders {
   display: flex;
-  margin-right: 12px;
-  align-self: center;
-}
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon {
-  min-width: 36px;
-  min-height: 36px;
-  padding: 0;
-  margin-bottom: 0;
-  color: #6a6a6a;
-  justify-content: center;
 }
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon:hover,
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon:focus,
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon:active {
-  color: #008fd6;
-}
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon.a-inactive {
-  opacity: 0.5;
+.childRightHoldersList .childRightHolders .a-modalLink-href {
+  display: flex;
+  width: 100%;
+  padding: 1%;
+  border-bottom: none;
+  align-items: center;
 }
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon.a-inactive:hover,
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon.a-inactive:focus,
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon.a-inactive:active {
-  color: #6a6a6a;
-  cursor: not-allowed;
+.childRightHoldersList .childRightHolders .a-modalLink-href .row {
+  display: contents;
 }
-.a-inboxHeadingContent .a-msgShortcutsContainer .a-btn-icon i {
-  width: 100%;
-  margin-right: auto;
-  margin-left: auto;
+.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(1) {
+  max-width: 3%;
+  margin-right: 0.5em;
 }
-.a-inboxCompact .a-inboxHeadingContent {
-  height: auto !important;
-  height: 72px;
-  min-height: 72px;
-  padding-right: 12px;
+.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2) {
+  display: -webkit-box !important;
 }
-@media (min-width: 768px) {
-  .a-inboxCompact .a-inboxHeadingContent {
+@media (max-width: 992px) {
+  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2) :first-child {
+    display: block;
+    max-width: 300px;
     padding-right: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
-}
-.a-inboxCompact .a-inboxHeadingContent .a-msgIconWrapper {
-  width: 48px;
-  height: auto !important;
-  height: 72px;
-  min-height: 72px;
-}
-@media (min-width: 768px) {
-  .a-inboxCompact .a-inboxHeadingContent .a-msgIconWrapper {
-    width: 72px;
+  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2):nth-child(2) {
+    padding-right: 0;
   }
-}
-@media (min-width: 768px) {
-  .a-inboxCompact .expanded .a-inboxHeadingContent {
-    padding-right: 24px;
+  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(2):nth-child(3) {
+    padding-left: 2em;
   }
 }
-.expanded .a-inboxHeadingContent .a-msgShortcutsContainer {
-  display: none;
+.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(3) {
+  text-align: left;
 }
-.a-inboxHeadingContent.a-msgUnread .a-msgIconWrapper {
-  color: #ffffff;
-  background-color: #008fd6;
+.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(3) :first-child {
+  display: block;
+  max-width: 32em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.a-inboxHeadingContent.a-msgUnread .a-msgTitle {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
+@media (min-width: 768px) and (max-width: 992px) {
+  .childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(3) :first-child {
+    max-width: 8em;
+    padding-right: 2em;
+    margin-left: 2em;
+  }
 }
-.expanded .a-inboxHeadingContent.a-msgUnread .a-msgTitle {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
+.childRightHoldersList .childRightHolders .a-modalLink-href div:nth-child(4) {
+  min-width: 24%;
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+  margin-left: -2em;
+  text-align: end;
 }
-.expanded .a-inboxHeadingContent.a-msgUnread .a-msgIconWrapper {
-  color: #008fd6;
-  background-color: transparent;
+
+.notificationIcon {
+  color: #e23b53;
+  vertical-align: -webkit-baseline-middle;
 }
-.a-inboxHeadingContent.a-msgUrgent .a-msgIconWrapper {
-  color: #ffffff;
-  background-color: #e23b53;
+
+@media (max-width: 767px) {
+  .notificationIcon {
+    display: table-cell;
+  }
 }
-.a-inboxHeadingContent.a-msgUrgent .a-msgDuedate {
-  color: #bf0032;
+.a-collapseContent-delay {
+  opacity: 0;
 }
-.expanded .a-inboxHeadingContent.a-msgUrgent .a-msgIconWrapper {
-  color: #e23b53;
-  background-color: transparent;
+
+.a-collapsePanel-body.collapse.show .a-collapseContent-delay,
+.a-collapsePanel-body .a-onboarding.show .a-collapseContent-delay {
+  opacity: 1;
 }
-.a-inboxHeadingContent.a-msgWaiting {
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='6.986px' height='6.986px' viewBox='0 0 6.986 6.986' enable-background='new 0 0 6.986 6.986' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Cpolyline id='SVGID_1_' points='6.986,0 6.986,6.986 0,6.986 0,0 '/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='1.608' y='3.31' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='1.608,3.31 8.594,3.31 8.594,10.296 1.608,10.296 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,3.31 1.608,6.845 5.143,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='8.594,3.372 1.67,10.296 5.205,10.296 8.594,6.907 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='1.608' y='-3.676' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='1.608,-3.676 8.594,-3.676 8.594,3.31 1.608,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,-3.676 1.608,-0.141 5.143,-3.676 '/%3E%3Cpolygon fill='%23F0EFEF' points='8.594,-3.614 1.67,3.31 5.205,3.31 8.594,-0.079 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='-5.378' y='3.31' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='-5.378,3.31 1.608,3.31 1.608,10.296 -5.378,10.296 '/%3E%3Cpolygon fill='%23F0EFEF' points='-5.378,3.31 -5.378,6.845 -1.843,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,3.372 -5.316,10.296 -1.781,10.296 1.608,6.907 '/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Crect x='-5.378' y='-3.676' fill='none' width='6.986' height='6.986'/%3E%3Cg%3E%3Cpolygon fill='none' points='-5.378,-3.676 1.608,-3.676 1.608,3.31 -5.378,3.31 '/%3E%3Cpolygon fill='%23F0EFEF' points='-5.378,-3.676 -5.378,-0.141 -1.843,-3.676 '/%3E%3Cpolygon fill='%23F0EFEF' points='1.608,-3.614 -5.316,3.31 -1.781,3.31 1.608,-0.079 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-  background-repeat: repeat;
-  background-size: auto;
-  box-shadow: 0 0 0 1px #ffffff inset;
+
+.a-collapse-title {
+  display: flex;
+  padding-bottom: 3px;
+  margin-bottom: 0;
+  box-shadow: none !important;
+  align-items: center;
 }
-.a-inboxHeadingContent.a-msgForwarded .a-btn-icon:nth-child(1) {
-  margin-right: 6px;
-  background-color: #fbf6bd;
-  border-radius: 50%;
+.a-collapse-title.a-collapse-title--flexstart {
+  align-items: flex-start;
 }
-.a-inboxHeadingContent.a-msgForwarded .a-btn-icon:nth-child(1):hover {
-  color: #6a6a6a;
-  cursor: default;
+.a-collapse-title.a-collapse-title--absolute {
+  display: block;
+  padding-left: 20px;
 }
-
-.a-overlay-container {
-  position: fixed;
+.a-collapse-title.a-collapse-title--absolute .a-dropdownArrow {
+  position: absolute;
   top: 0;
-  right: 0;
-  bottom: 0;
   left: 0;
-  z-index: 100;
-  overflow-y: scroll;
-  background: #ffffff;
 }
-.a-overlay-container .filter-limit-hits-spacer {
-  height: 55px;
+@media (min-width: 768px) {
+  .a-collapse-title.a-collapse-title--absolute .a-dropdownArrow {
+    top: 3px;
+  }
 }
-.a-overlay-container .a-personSwitcher {
-  cursor: not-allowed;
+.a-collapse-title a {
+  border: none;
 }
-.a-overlay-container .a-btn.a-btn-icon {
-  min-height: 0;
+.a-collapse-title::before {
+  margin-top: 3px;
 }
-.a-overlay-container .a-btn.a-btn-icon:hover {
-  color: #000000;
+.a-collapse-title.toggle-collapse-text .secondary-collapse-text {
+  display: block;
 }
-.a-overlay-container .a-btn.a-btn-icon i {
-  color: #efefef;
-  background-color: #000000;
-  border-top: 7px solid #000000;
-  border-bottom: 7px solid #000000;
-  border-radius: 50%;
+.a-collapse-title.toggle-collapse-text .primary-collapse-text {
+  display: none;
 }
-.a-overlay-container .a-btn.a-btn-icon i::before {
-  margin-left: -2px;
+.a-collapse-title.toggle-collapse-text.collapsed .secondary-collapse-text {
+  display: none;
 }
-
-.modal-table-segment {
-  width: 100%;
-  height: 200px;
-  background-color: #d4f9e4;
+.a-collapse-title.toggle-collapse-text.collapsed .primary-collapse-text {
+  display: block;
 }
 
-.segment-fixed {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 100;
+.a-collapse-body {
+  padding-left: 18px;
 }
 
-.modal-table-segment-box {
-  height: 80px;
+.a-accordion-small .card {
+  margin-bottom: 0;
+  background: none;
+  border: none;
 }
-
-.segment-done {
-  display: none;
+.a-accordion-small .card .a-collapse-title {
+  padding-top: 12px;
+  padding-bottom: 6px;
 }
-
-.a-collapseContent .modal-table-segment,
-.a-list .modal-table-segment {
-  height: 84px;
+.a-accordion-small .card:first-child a {
+  padding-top: 0;
 }
-.a-collapseContent .modal-table-segment-box,
-.a-list .modal-table-segment-box {
-  display: none;
+.a-accordion-small.a-accordion-largeText {
+  font-size: 20px;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  -webkit-font-smoothing: subpixel-antialiased;
 }
-
-.a-js-clipboardMsg {
-  margin-left: 20px;
-  line-height: 60px;
-  color: rgba(255, 255, 255, 0.7);
-  vertical-align: bottom;
+.a-accordion-small.a-accordion-largeText .a-dropdownArrow {
+  margin-top: 6px;
+}
+.a-accordion-small .a-collapseContent {
+  padding-left: 23px;
+}
+.a-accordion-small .a-dropdownArrow {
+  margin-right: 10px;
 }
 
-@media (max-width: 991px) {
-  .leftColumn {
-    background-color: #ffffff;
+.a-accordion-large {
+  border-bottom: 1px solid #a5bcc4;
+}
+.a-accordion-large .card {
+  margin-bottom: 0;
+  background: none;
+  border: none;
+}
+.a-accordion-large .a-collapse-title {
+  padding: 21px 0 18px 0;
+  border-top: 1px solid #a5bcc4;
+}
+@media (min-width: 992px) {
+  .a-accordion-large.a-accordion-large--offset .a-collapse-title {
+    padding-left: 30px;
   }
 }
-.serviceListContainer {
-  position: relative;
-  height: 0;
-  overflow: auto;
+@media (min-width: 1200px) {
+  .a-accordion-large.a-accordion-large--offset .a-collapse-title {
+    padding-left: 42px;
+  }
 }
-
 @media (min-width: 992px) {
-  .serviceListContainer {
-    min-height: 45vh;
+  .a-accordion-large.a-accordion-large--offset .a-collapseContent-inside {
+    padding-left: 80px;
+  }
+}
+@media (min-width: 1200px) {
+  .a-accordion-large.a-accordion-large--offset .a-collapseContent-inside {
+    padding-left: 92px;
   }
 }
-.serviceList {
-  position: absolute;
-  width: 100%;
-  padding: 5px;
-}
 
-.a-text-overflow-ellipsis {
+.a-expandable-content {
+  position: relative;
+  max-height: 320px;
   overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.a-bgWhite .a-topTasks {
-  background-color: #e3f7ff;
+  border-bottom: 24px solid #ffffff;
 }
-.a-bgWhite .a-topTasks .a-btn {
-  border-bottom: 1px solid #cff0ff;
+.a-expandable-content::before {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 150px;
+  content: ' ';
+  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
 }
-.a-bgWhite .a-topTasks .a-btn:hover,
-.a-bgWhite .a-topTasks .a-btn:focus {
-  color: #000000;
-  background: #cff0ff;
-  border-bottom: 1px solid #cff0ff;
+.a-expandable-content.a-expanded {
+  max-height: none;
+  border-bottom: none;
 }
-.a-bgWhite .a-topTasks .a-btn.a-active {
-  background: #cff0ff;
+.a-expandable-content.a-expanded::before {
+  content: none;
 }
 
-.a-topTasks {
-  padding: 0;
-  margin: 0;
-}
-.a-topTasks div[class^='col'],
-.a-topTasks span[class^='col'] {
-  padding: 0;
-  margin: 0;
-}
-.a-topTasks .a-btn {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  min-height: 72px;
-  padding: 12px;
-  margin-bottom: 0;
-  text-align: center;
-  border: none;
-  border-bottom: 1px solid #efefef;
+.a-rowDropdown .a-dropdownArrowDownAndUp {
+  transition: transform 0.2s ease-out;
+  transform: rotate(90deg);
+  justify-content: center;
+  align-items: center;
 }
-.a-topTasks .a-btn:hover {
-  border-bottom: 1px solid #efefef;
+.a-rowDropdown.collapsed .a-dropdownArrowDownAndUp {
+  transform: rotate(0deg);
 }
-@media (max-width: 767.98px) {
-  .a-topTasks .a-btn {
-    display: block;
-    padding: 6px;
-  }
-  .a-topTasks .a-btn .a-btn-icon-symbol {
-    margin-bottom: 6px;
-  }
-  .a-topTasks .a-btn span {
-    padding: 0;
-  }
+
+/*-- ALTINN SPECIFIC --*/
+.a-bgWhite {
+  background-color: #ffffff;
 }
 
-.a-inline-page-link {
-  display: block;
+.a-bgGreyLight {
+  background-color: #efefef;
 }
-.a-inline-page-link .row {
-  margin: 0;
+
+.a-bgBlue {
+  background-color: #008fd6;
 }
-.a-inline-page-link div[class^='col-'] {
-  padding: 0;
+
+.a-bgBlueLight {
+  background-color: #cff0ff;
 }
-.a-inline-page-link .list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+
+.a-bgBlueLighter {
+  background-color: #e3f7ff;
 }
-.a-inline-page-link a {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  display: inline-block;
-  padding: 0;
-  color: #0062ba;
-  text-decoration: none;
-  border: none;
+
+.a-bgBlueDark {
+  background-color: #0062ba;
 }
-.a-inline-page-link a.disabled {
-  color: #6a6a6a;
+
+.a-bgBlueDarker {
+  background-color: #022f51;
 }
 
-.a-page-nav-dest {
-  padding-top: 12px;
-  padding-bottom: 6px;
+.a-bgPurple {
+  background-color: #3f3161;
 }
-.a-page-nav-dest a {
-  border: none;
+
+.a-bgPurpleLight {
+  background-color: #e0daf7;
 }
 
-.a-overflow-dropdown {
-  display: block;
-  padding: 12px;
-  border-bottom: 1px solid #efefef;
+.a-bgYellow {
+  background-color: #ffda06;
 }
-.a-overflow-dropdown .a-charIcon {
-  margin-top: -12px;
-  margin-bottom: -12px;
+
+.a-bgYellowLight {
+  background-color: #fbf6bd;
 }
-.a-overflow-dropdown .a-charIcon span {
-  font-family: 'Altinn-DIN';
-  font-weight: bold;
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-style: normal;
+
+.a-bgGreen {
+  background-color: #17c96b;
 }
 
-a.a-overflow-dropdown:active,
-a.a-overflow-dropdown:focus,
-a.a-overflow-dropdown:hover {
-  background: #efefef;
-  border-bottom: 1px solid #efefef;
+.a-bgGreenLight {
+  background-color: #d4f9e4;
 }
 
-.a-dropdown-overflow-menu {
-  right: 0;
-  left: auto;
-  width: 300px;
+.a-bgGreenLighter {
+  background-color: #f5f5f5;
 }
-@media (max-width: 575.98px) {
-  .a-dropdown-overflow-menu.a-dropdownTriangle::after {
-    left: 35%;
-  }
+
+.a-bgRed {
+  background-color: #e23b53;
 }
-@media (max-width: 575.98px) {
-  .a-dropdown-overflow-menu {
-    right: -53px;
-  }
+
+.a-bgRedLight {
+  background-color: #f9cad3;
 }
 
-.a-dropdown-overflow-menu-right {
-  right: 0;
-  left: auto;
-  width: 300px;
+.a-bg-blue-hover:hover {
+  background-color: #cff0ff;
 }
-@media (max-width: 575.98px) {
-  .a-dropdown-overflow-menu-right.a-dropdownTriangle::after {
-    left: -25%;
-  }
+
+.a-bg-red-hover:hover {
+  background-color: #f9cad3;
 }
-@media (min-width: 576px) and (max-width: 767.98px) {
-  .a-dropdown-overflow-menu-right.a-dropdownTriangle::after {
-    left: -28%;
-  }
+
+.a-bgPurple,
+.a-bgBlueDark,
+.a-bgBlueDarker,
+.a-bgRed {
+  color: #ffffff;
 }
-@media (min-width: 768px) and (max-width: 991.98px) {
-  .a-dropdown-overflow-menu-right.a-dropdownTriangle::after {
-    left: -28%;
-  }
+
+.a-textGreen {
+  color: #17c96b;
 }
-@media (max-width: 575.98px) {
-  .a-dropdown-overflow-menu-right {
-    right: -53px;
-  }
+
+.a-textWhite {
+  color: #ffffff !important;
 }
 
-.a-navTabsRadio {
-  flex-direction: column;
-  margin-top: 12px;
-  margin-bottom: 36px;
-  border: none;
+.a-textBlue {
+  color: #008fd6;
 }
-.a-navTabsRadio .nav-link {
-  padding: 0;
-  border: none;
+.a-textBlue.a-textBlue-hover {
+  color: #008fd6;
 }
-.a-navTabsRadio .nav-link .custom-control-indicator {
-  top: 6px;
+
+.a-blueText {
+  color: #008fd6;
 }
-.a-navTabsRadio .nav-link.active {
-  color: #000000;
+
+.a-blueDarkText {
+  color: #0062ba;
 }
-.a-navTabsRadio .nav-link.active .custom-control-label::after {
-  top: 1px;
-  left: -34px;
-  width: 1.25rem;
-  height: 1.25rem;
-  background-image: url('data:image/gif;base64,R0lGODlhAAIAAsYAAAQCBISChERCRMTCxCQiJKSipGRiZOTi5BQSFJSSlFRSVNTS1DQyNLSytHRydPTy9AwKDIyKjExKTMzKzCwqLKyqrGxqbOzq7BwaHJyanFxaXNza3Dw6PLy6vHx6fPz6/AQGBISGhERGRMTGxCQmJKSmpGRmZOTm5BQWFJSWlFRWVNTW1DQ2NLS2tHR2dPT29AwODIyOjExOTMzOzCwuLKyurGxubOzu7BweHJyenFxeXNze3Dw+PLy+vHx+fPz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEAALAAAAAAAAgACAAf+gECCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmhxc7Iz0FGT4uBjICPLMCFAQ4uLq5OLS0AgY6Bj4BORU9Mwcvp8zNzs/Q0dLT1JU/H9cvGx05AQYCBAgA4+Tl5ufo6ek4JMA+GS0rN9fX1fb3+Pn6+/yP9B8rGsRwoIIDBnUIEypciA4GDREmQtRY8YBev4sYM2rcyFHQvxMdYuhgAYGhyZMoGYKgocJHiRkPsGHrSLOmzZs4F137cGNCCgcCUKQcSrQoQhAkFPhoceLDzJxQo0qdymznixUZdFAAYbSr16/lkOpIMCLmU6po06pdW2jngxn+MVTgAEu3Ll0YHGyU2PDiLNu/gAPvy3ajRwgZ4uwqXvwVqYkSyvwKnky58qdrNwb4EACDsefPjWnYaHDA6Q/LqFOr1vnhxYESGuaCnk27KwgWHjrccLq6t2/B1x5MiMC5tvHjRlFogNz39O/n0G22vtDAAgmuyLNrTwlDRoIND144j06+/L3WBzIoSLy9vXuTIHiEmBB+vPn7+Ee1PlFh/fv/AKpEQwAz9PVBfggmeMl0DZhwUIAQRogQBDxkwNeBCmaoISI/vFCYAyRIKOKI6SCgQg0n9LXhigkGN4EPDGBH4ow0jkOABT3shiGLPP7W2g4pcCBjjUTSCAIDMaz+oGKPTFrG0wA2EFDklFSiYIBuvDWppVo/PHBCASJ0RuWYU4LAQQI7xLTlmlDxNIMPIZIp55g44Lgbm3hu1OEFNajA3pyATgmBAAWkaF+eiFbT5QYxxBjoo3LSgOaSiVb6TJdvSgnppnKSEAFFh1oqKig8LeCCppymSiYOHsC046iwasLTCBY8qOqtZGJgwwh3xuorJTz14CCuxM6JgA49qPnrsox8cEEPOvxZ7LRVmlDWq8xmCwRPDSggJrXg5mqDq9oy2+UA0Yar7pyswhRquYh2aaps69ZLJgUhKIktvGy+sEMCNNgr8JyS8sUvnh98ycOQAzc8JQuF7nvwhjz+taDCtw5nPCUMCuj27sT5dUmrUBqXPCYGLixQEcgKahNAnCbHTCUNKSjDMn7OlsCDzDyPCYIIDVwg8c2qnWuAtD0nTSMKFpT1MdGUaRMBzEpXTSQFaA4NNWA/8ClCSVaHTSQIMni8ddSm2ir22jQSEICSZ3N9QQUCMMz23SL+XIPQcav1Qtp4B14jyir3PVXXdNst+OIRslBCU4bndJUHJDNu+YgI2DDBMpHX9EALClwu+owclHDB053nk3ACVI/uOoQY+AB36he9MIEFGL+uO4Bkt6As7fh0XcPOuxcfIQlZA3/eBiGgavzz/8FgQFnKU/MAtGBDr/1/jvNdvTP+P3zJwvbkA4iCByto/f0nk1de/vvbgaDBAJyvP8r1CigO//7GlT6P/aDoWgk4wL8CtocAESgNADvxgQPEwHkGjKBxYGCDBdRvgQsylfskyEHagEAFA3gABi/xggGoQH8dTCFjeNAAEY5wEg+oQd1USMPa0KAAF3hhJG5QAAbU8Ie0wUECIKdDnZwgARAEohIVgwAfbEB9OvzABgKwwSVasS4QMIEFi3iID8zABtm7ohjrAgIDbI6LhLCdBlA4xjYWBYQX1GEJVeDGOtqlbHHE4As6IAM7+pEuIvCdDj8ngj8a8issqIELFxhDARzykV1hQAluwMgKjA+SmCQKBXL+QMn13SAHAcukKFOyyf8pj4cUGKUqUUKBFHgvdahcpSxNIsQToO5mPGzdLHe5jgS8Mm6x5KUwEVLLW/Irl8NMpjqKebZgKvOZ5hDiL0GGTGhasxzMZJkzr8nNbB7sASVIJTfHOQ5pQhFWMSQgOdeJgxR0slwxvOQ610kCTpbrBTVQ5zznWcps7ZF4+9wnBQrwzljtsZABTSgNKrDIUX1gAH1MqERZ0IA8IsqLOpCoRgHAgw409KIrsAEbN3pNEfTAolv6wQ48kDuS7lMGIzgniy4QgSq6dJ8qOCOebpACet1UozpIH5vAKc6fbhQEDtiBMRP0ggbI06gbhUEATqD+pYciFKouxYA7meRFDWDVqCRgKI9+cAAHjPSr82RBB1CanwvEAGlo3agIdJohcCYxriQ1wAaW+psX9ECfeP0pCHyQwwR5MXSBxSoGcvDR8qjUAmdNbEBpsNa2hgCuknWpBGYgU9Q8oAA+zSxUbXAA83ygBz4ULVphkIGC/uYHK/CqauNKgx50VjAX8EFkZytRDezgtn95QQlCy1uogiAGrk3NB0YA2OJ+lQAtYCtwdmAA5yZWAivgq1puEIGWWte4hFVNU+/6XahioAbSXYsXHVnexAqAs5a5gA3am1kHUDVqJbApfbGKggKkdypebO5+48qCCQD3JvIdsGgNcN/+4OZXwZmFQQoaS5UAQ1i0FIgpWy7gggur1gINRgs+1ebhwCIAvWn5wQLYW+LMimCvaLlBh1ss2uNS+CYfaACJaRxYEhhYKiqNKI9Fa4LCQuUBKQjjkBN74v9i5AMTCOWSRSuC3+YkwVNWLQgicGON4FO/WY6rjw9sD5VKIMy8LbJNHhCD3aL5p02myXKL+mbRCkCpHbmBBerMWxtz5LSY5TNeKSBUjVxAtoKebQi6jI8XtMC7ie7xAsjsjAsIOdKq9QCjq/GCCkAa03jFwQy0+4wDXBXUmd60NF6QAyWjWrI4+LE+yCrgV0vWAsmtBpLdbOufokDDwdtBans9Wxv+qLoZL8gAsYv7a0qH4gBPXbZodXBsU7ygALyW9k0RYFt7XACg2latBnLtjE67OtxM7vY0bnBqdE+72qHI8afdHVcEwDcaN7g0vUXrAieTqgfz3jdaCWDlZzygugLnbQL83QkVBzrhcWWAkZnxghBAvM81cLYlLjDsi4tWAuSOdwOy7XGSwgDYpngAHUs+WwvAGxMqBjPL0YqC7Frb4jOfbQQYfokLSDnnmaVAiEVOcqBvtAQ8p4TKjT5bHrx8Ej+YwcOZjlUIqBsULwgA1Vue9EhcQJdbD/XEGViBooddohnHur7PHlgNdL0RKg44242KAgUyMAZzV20ONJ6IB4D+O++BFcHbFfGDDcgd8DeFgc038YEUIF60C+fEA9r9eAIP/hCFP3zlSQqCe2PiA8revGQ9wPc0rl30X6VAyCNxgKmj3qUguHolPpCD19/68oN4AWJtH+qnH+IEruc9SXtAakN8oALCTyzpLfECRCcfrSzA/Qlk/nySQmAHs0d+9fG6d0q8wATbx6vbvU/n8EMVBb4HgorNbn5uEl8SoG9/XH1A5hdkVP5fZUH9d4x/2GMfEj8wAf2HVjlAah+AdwOIVSoAXB+wcglIdy93A9T3gAH1fnA3AhSIVT7AVx8QARkIVQLQWR9wZh/4UzDgbzcQfCVITjMAdz2wgkaVAcb+9AFaB4M3ZQIzyGI2uFH6xwgvoHk7aE0QsHqCsAJBeFMDoBPad4QbFQGo8wEewIQkpQJPeHpSuE4EoD4fQFxXOE9DVwgn0IUb1QCJ8AMdIIYa5QEf04FoKFEi8DE/cH9tuE8IsIY/N4frtAGI8ADsh4ej1AKIMAN+GFAJgHmhN4jrZAOh8gHzhYjrJAGh8gM66IjXRACLqIKUOEt5dAGZuE4rYAiC2InjRIaFsISiaE0xYAgIeIrWZAJt4QCseE08UAgNGIvWhAFt0XG2mEwN9QETuIuj1IKDcAPACE0VQAhGWIzKFAKE0ADKqEw2QAiO94zDpAOEMGPUyEsCQAj+DpiNs8QAhBBt3qhKBEAIvziOfwQChICOvDQInMiOszQIOwCP8ViE9ChLg/CC96hK+biP/CgIJeCPozQItSeQmTQICWCQBykIPqCQmDQIDemQjzQICCeRhjQIcmiRfjQIu6eRdjQIf+eRbQSSIrmRgsCFJWlFg0BeKalEg4CSLQlEKxmTI3mSNDlGM3mTVzQI5aeTP0SSPrlEgzCJQUlDQFmUPykIRImUHXSUTKlCQ/mUNeSUUslBUVmVKUSVWGlAV7mVEjQIlOeV+4ORYvmVggCLZcmVDJmWagkEBcmWYykIpgiX5dOPdAk/g5CMd1mXghCGe8mXgvCXgAkEmCj+mItDCCxpmKNDCCGpmK6DAIRghY55OeBIkZNZPApACBF5ma/jAISAc5zpOqk4CAUQmq9TA4QwAKbpOhNACH65mpdTUD9QmLDJMzDQFuJYm2xDA23hfLp5NzJgCDX4m3gTjaVInIETAYYggMh5N8dYCMTYnGzTmm3Bf9LZM1/4AY15nTKDAZFYkdyZNG9oCD/ggeGpNC7wLjVwnkpTAoHInknziYfAh/ApMyeICB8AdvU5MCwAh765nw2DgxySkACqMQnwNBhYoBmThH13bgoaLiCweh+Qmw8KLiSgPj+AlhVaL1RIeKW5ofUSALeklyAaLg1wSy9wjiX6KP+nCB/+IJkryik4cE4/MJwxSiwacE45dqPTkgJLdQB9yKMjAgIL4AgvoJ9CCigX6ggf8J9JGigG0Fk/QKBPuikF6AhRF6RV+h8goIePkJ9b+ig0wICNGKZzYgHA9QPOaKZzUgLFdwFAyKYBAgJf6IMwKqci0oORcIB4SiUOQGbr16dFUgPFJwgv0JOCKiEQMHaP8AJlmqgjwgPOpqaQOiMBoHEXQJuV6kGjVgkvcKebmh0MgHt8GqoQQn+WEKimyqUTUKiF8AB3uKraQQLpVwgvsJmyuh0uUHrqNwEOmquzAQIoZwkPUGvAOhsUUKuG8AKreKzGsauakHnOehwd4Kp7SIL+0zobBECEe/qW2foZNsCrhKBSKvqtRFGtnWB/5uoZOMCon7ee67oYJoB7iXABMBmvRAECDSCuy/qo+OoVNMCtwNIDWvqv4xAC/HoINxCrBssdi8c+NtqwQ6EC9LoIUBanEhsW+3o/oJqx6MAAArsgNVCw6xoDCasIF0ChHpsONXeyiZBsK2sS1GYKKpWYMTsOINACLqsILxCFN4sQEscMXqSp/xoDFRsJD5CRP1sONWets9cCvxqzM+sMN7CdMZuzO9sIH/ChS0sOHOCupnAAiBqzKZC1RgqaS0sDB+C0MLcA99qwRjsND7BnS0sCDwsNy1Wu2eoDR4sJevazODD+adWwXNb5rx4QsqXwAOC3sqLGtgw0Am/7rZqWDw/gsxLbuPkQdZHrrJOrD5UrsSTQqbM2A0g6rXHLDw+AtuvKAnY3GAswtscKAUiHEamLrzIAtsGzArArqyigsxrBZuuKa3qyAQwrqwQwrBiRbCTLo4vWEQ0UlqbKAnfrZS2gt2EKAhnQt81wAxoqqxKwttIxA8WbqHF2E7smqyaAuPvQQNi6qTQgazjhaNZ7oyAwYVLBvaGqAuAbFVA2vmGKA5U1FeebqAGgvhkRZInKA9MbFU1VuEmKABWgvfiAv3hqA7jbJiOgi1X6vmarazmAsQVav8q6ESdAt1uqvx1sD1D+ZqwrSgABHBjCNb/nCQIhYMBXho08qgIwRhkqBr0VSgKyNxlNtbnwCQExMMI4cQMBsLym6VuOexOF15EVWlspnLwdULrsyVpIHBU3kAAg/Js2UKeooVJKu58CAL++8VAazJ44gGLR8QA5QLShScM2HBgHIFL7qQM7TB6HVZ88QD/4sUdrjJwE4Mb4AccODJswgFwKcgEhELWmiVT7iyCFt7jNqQCCmyG20766yQEntSJ7pLKXSQKKxCOdhsWGiQOtxSQ8lch/CQMRIMYacgIh8MVbCQIu0Lo9olJmFZoGUGhVtQLgqZgyQFdbYjvdKJgiAMh5UkKcfJc8IEiJ4lf+PiyWFLXFh9wALLyVYVXHGxJPdFlP2JwgNxBObNlO3swjN5ABNhuUKDBE2dLFRByTCBACsiwq4ZMA81yS9TzJ5uJW+6yR9Yxn8OIs+syUA/3EWhI+b1WUEOAD/swvZBUAckyPEOACewwyZOUDMsyOFw3MNzPRFe2NH63QiaJSVJSSJW044RMBAe2NTVRwhrM6L/2MCU07+VzTwHjTwNM1MaDTscjTytM1B+2PKBACEQ08zpIDqFyMOBADtoRBPOS/xUgCrjRIlsSOJIBDXPQ5SwmMLFAB6dw3D9AB1XyKPFDKaGSoJvSMgSTBW/MCI6ADTLyCMhBCa218C2ADtnz+hGVkzHk9CB+wAwHgymgIAy4A0oE9rkfU1FeIAwlUxcBUAqLchRSQAVG92IvwOc+MhhxQA2MtR3MNyTZINsmi2ZAgRT5g2B8IAw6wRagNgBeQAVT9gQQA1ZLtSS3QsQmY1qYU25PwAjOAOzsIAjrAzMA9ewfAOjCIQDsA14v9AzfAR3V9diAgAS3w28mNCX9DOQ+IArID3ckdPgM0gDxQAdO03ZvwACNgAn19dplTIOotCg2UArVdeSyQA0Q036JwPRpA2nknPdTD36Uw2DHg2GGHNbpM4KPQJR2gAgDOdB+UIybN4I16ACkwyGEH2TJt4VXB3jbQ0e4GAxqQLLn+7eH4yR8Lc3YcoN8njuI8O0VATWw4EN4wrsKFAeE5R+IUfuP4UN/3LW0Qs98+fg9dMgEmIOJ1VuOzU+TrSx0SUN0exuO/4+T88AInkAOVjWlDLt5W7gmLcuDLhgNv4+VfHkDC4QBKrmA44ALucuY1ESwXE2kosCtVDudyxicz9GZ1zisvjueh4Bq0HWbHYuKAThVXEQIIbl2F3iuHXmGJvuiq1R3Z/eePLrSRrmCU7uiXzhatsQEREOR4xTENwOmdDhg/kgEsIOXXhAEWMAA3YOanzg/7UQJ7Lln4Ig8VPutxXhgWMOPXBAKEYii8/hwf8AAbECSsLkrHohuyXuz+NdEhvs7a1lTjMPHs0I4TP6LsAXUbNUMp2R4yPNEBSU5OVlLqWRLuGnLs/7Lqz9Qdj3Pn6k4xL1DWUcJLFPId4D7vTdIaNzACLrAVorQSBFIf/J4oTvHvMLLs2kMANgDr6X7wltIatrPwboQCOlDq4iHx5tIacEESSrQSDtACF7DvHN/xfxMBIjDSjykDKaAvln7y+EEYLeADPBDhriPyJN8cMt832XACNeAA7v483fHyBtLzQ/0jFWABNMDw4YIXLlDpEY/039MaUpQDBoADTs8pK2EAKVAWPE/1XJQNB9ACIaABTd8zGKAAAUDyrVEPYo/aP7ATPZECNsAB7z2ZJzDAAy5QAc8997se99+zEwBRAy6gAMA+IjggAhYQAxNhGjEv+Dg99xcwARUQATagAgzA8seBAhygAxFQA65iEZIP7fQg3TPQAAngAirAAmtuFDhAAwKgASYQAAXAK3Mf+aXP4A+gCj3QAjmQAyHgAw6gAzowCzSAAzsGATjQ/M7//CTAAzIwDCGQAy0wADsQ2ru//dxvCoEAADs=');
+
+.a-blueDarkerText {
+  color: #022f51;
 }
 
-@media (max-width: 991.98px) {
-  .navbar-toggleable-sm .dropdown-backdrop {
-    display: none;
-  }
+a[target='_blank']::after {
+  display: inline-block;
+  width: 1.3em;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cstyle%3E.st0%7Bfill:%23022f51%7D.st1%7Bfill:%23fff%7D.st2,.st3,.st4%7Bfill:none;stroke:%23fff;stroke-width:2.5;stroke-miterlimit:10%7D.st3,.st4%7Bstroke-width:2%7D.st4%7Bfill:%23fff%7D.st5%7Bfill:none%7D.st5,.st6,.st7,.st8%7Bstroke:%23022f51;stroke-miterlimit:10%7D.st6%7Bstroke-width:.9636;fill:none%7D.st7,.st8%7Bfill:%23fff%7D.st8%7Bfill:%23022f51%7D.st9%7Bopacity:.3%7D.st10%7Bfill:%23ff1d25%7D.st11%7Bfill:none;stroke:%23022f51;stroke-width:8;stroke-miterlimit:10%7D.st12%7Bopacity:.5;stroke:%23ffa683;stroke-width:2%7D.st12,.st13,.st14%7Bfill:none;stroke-miterlimit:10%7D.st13%7Bopacity:.5;stroke:%23ffa683;stroke-width:1.4142%7D.st14%7Bstroke:%23022f51;stroke-width:4%7D%3C/style%3E%3Cpath class='st0' d='M15 11v2h8.7L12.1 24.7l1.4 1.4L25 14.6V24h2V11z' id='Layer_1'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-size: 119% auto;
+  vertical-align: middle;
+  margin-top: -4px;
+  margin-left: -3px;
+  content: '(external link)';
+  white-space: nowrap;
+  overflow: hidden;
+  text-indent: 1.3em;
 }
 
-@media print {
-  .a-dontPrint,
-  .a-globalNav,
-  .a-breadcrumb,
-  .a-footer,
-  .nav,
-  .form-group,
-  button,
-  .a-linkFeatured,
-  .a-btn,
-  .a-jumbotron-btn-textright,
-  .a-question-wrapper,
-  .switch-container,
-  .a-illustration-icon {
-    display: none !important;
-  }
+a[href$='.pdf']::after {
+  content: ' (PDF)' !important;
+  display: inline !important;
+}
 
-  .a-collapseContent {
-    display: block !important;
-  }
+a[href$='.pdf'][data-size]:after {
+  content: ' (PDF, ' attr(data-size) ')' !important;
+}
 
-  .a-expandable-content {
-    display: block !important;
-  }
+a.a-linkFeatured[href^='http']:not([href*='altinn.no'])::after {
+  background-position: -6px -2px;
+  background-size: 142% auto;
+}
 
-  .card {
-    display: block !important;
-  }
-  .card .a-msg-body .row {
-    display: block !important;
-  }
+.a-list li.a-list-hasRowLink a[href^='http']:not([href*='altinn.no'])::after {
+  top: 9px;
+  right: 6px;
+  position: absolute;
+}
 
-  .p0-print {
-    padding: 0 !important;
-  }
+.a-filterGuide .a-btn:disabled {
+  display: none;
+}
 
-  .a-jumbotron {
-    height: auto;
-    min-height: auto;
-    max-height: auto;
-    padding: 0;
-    margin: 0;
-    color: #000000;
-  }
+.a-linkArticle {
+  padding-bottom: 24px;
+}
 
-  .a-jumbotron-dark {
-    color: #000000;
-  }
-  .a-jumbotron-dark p,
-  .a-jumbotron-dark a,
-  .a-jumbotron-dark .a-jumbotron-ingress {
-    color: #000000;
-  }
+.a-articleList .a-linkArticle {
+  padding-bottom: 0;
+}
+.card-block,
+.a-message {
+  overflow-wrap: break-word;
+}
 
-  .a-mediaBlock,
-  .a-cardImage {
-    margin-bottom: 0;
-  }
-  .a-mediaBlock img,
-  .a-cardImage img {
-    display: none;
-  }
+.margin-right-minus-16 {
+  margin-right: -16px !important;
+}
 
-  .a-blockquote {
-    border: none;
-  }
+.margin-left-minus-6 {
+  margin-left: -6px !important;
+}
 
-  .a-js-alternativeResults,
-  .a-js-result {
-    display: block !important;
-  }
+.a-vertical-align {
+  position: absolute;
+  top: 50%;
+  display: flex;
+  margin: 0;
+  transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  align-items: center;
+  justify-content: center;
+}
 
-  .a-modal {
-    position: absolute !important;
-    top: 0 !important;
-    left: 0 !important;
-    padding: 0 !important;
-    margin: 0 !important;
-    overflow: visible !important;
-  }
-  .a-modal .modal-body,
-  .a-modal .modal-header,
-  .a-modal .a-iconText,
-  .a-modal .a-collapseContent {
-    padding: 0 !important;
-    background: #ffffff !important;
-  }
-  .a-modal .a-iconText-text {
-    color: #000000 !important;
-  }
-  .a-modal .form-group {
-    display: block !important;
-  }
-  .a-modal .modal-navbar,
-  .a-modal .a-dropdownArrow,
-  .a-modal .a-iconText-icon,
-  .a-modal i {
-    display: none !important;
-  }
-  .a-modal a {
-    text-decoration: none !important;
-  }
+.LBD_CaptchaImageDiv {
+  display: inline-block;
+  vertical-align: top;
+}
 
-  .modal-backdrop {
-    background: #ffffff !important;
+.LBD_CaptchaIconsDiv {
+  display: inline-block;
+}
+
+.LBD_CaptchaIconsDiv a,
+.LBD_CaptchaDiv a {
+  border-bottom: none;
+}
+
+.a-personSwitcher {
+  position: absolute;
+  right: 0;
+  margin-top: -7px;
+  color: #0062ba;
+  text-align: right;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+}
+@media (min-width: 576px) {
+  .a-personSwitcher {
+    position: relative;
+    right: 0;
   }
 }
-.a-searchResults .a-searchResults-lastArticle {
+.a-personSwitcher::after {
+  display: none;
+}
+.a-personSwitcher:focus {
+  background: rgba(0, 0, 0, 0.1);
+  border-color: #022f51;
+  border-radius: 50px;
+}
+.a-personSwitcher:focus,
+.a-personSwitcher:active {
+  outline: none;
+}
+.a-personSwitcher:hover,
+.a-personSwitcher:focus,
+.a-personSwitcher:active {
+  color: #0062ba;
   border: none;
 }
-.a-searchResults .a-searchResults-lastForm {
-  padding-bottom: 24px !important;
+.a-personSwitcher.search-header {
+  color: #ffffff;
+}
+.a-personSwitcher.search-header:hover,
+.a-personSwitcher.search-header:focus,
+.a-personSwitcher.search-header:active {
+  color: #ffffff !important;
 }
-.a-searchResults .a-searchResults-counter {
-  font-family: 'Altinn-DIN';
-  font-weight: 'normal';
+.a-personSwitcher.search-header .a-personSwitcher-icon {
+  color: #ffffff;
 }
-@media (min-width: 768px) {
-  .a-searchResults .a-searchResults-counter {
-    display: inline;
-  }
+.a-personSwitcher.subheader-dark {
+  color: #000000;
 }
-.a-searchResults .a-searchResults-filter {
-  padding-top: 6px;
-  padding-right: 12px;
-  padding-bottom: 6px;
-  padding-left: 12px;
-  margin-top: 12px;
-  margin-bottom: 36px;
-  border-top: 1px solid #efefef;
-  border-bottom: 1px solid #efefef;
+.a-personSwitcher.subheader-dark:hover,
+.a-personSwitcher.subheader-dark:focus,
+.a-personSwitcher.subheader-dark:active {
+  color: #000000 !important;
+}
+.a-personSwitcher.subheader-dark .a-personSwitcher-icon {
+  color: #000000;
+}
+.a-personSwitcher .a-personSwitcher-name {
+  display: none;
+  max-width: 90px;
+  overflow: hidden !important;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
 }
 @media (min-width: 576px) {
-  .a-searchResults .a-searchResults-filter {
-    padding-right: 0;
-    padding-left: 0;
+  .a-personSwitcher .a-personSwitcher-name {
+    display: inline-block;
   }
 }
 @media (min-width: 992px) {
-  .a-searchResults .a-searchResults-filter {
-    padding-right: 8.33333%;
-    padding-left: 8.33333%;
+  .a-personSwitcher .a-personSwitcher-name {
+    max-width: 120px;
   }
 }
-.a-searchResults .a-searchResults-filter .a-searchResults-filter-options {
-  padding-left: 120px;
+@media (min-width: 1200px) {
+  .a-personSwitcher .a-personSwitcher-name {
+    max-width: 220px;
+  }
 }
-.a-searchResults .a-searchResults-filter .a-legend {
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  position: absolute;
-  top: 27px;
-  width: auto;
-  padding-right: 0;
-  margin-bottom: 0;
-  align-self: center;
+.a-personSwitcher .a-personSwitcher-name span {
+  overflow: hidden !important;
+  line-height: 1.6;
+  text-overflow: ellipsis;
+}
+.a-personSwitcher .a-personSwitcher-icon {
+  display: inline-flex;
+  height: 36px;
+  margin-left: 3px;
+  line-height: 1;
+  color: #0062ba;
 }
 @media (min-width: 768px) {
-  .a-searchResults .a-searchResults-filter .a-legend {
-    position: absolute;
-    top: 27px;
-    max-width: none;
+  .a-personSwitcher .a-personSwitcher-icon {
+    margin-top: 0;
   }
 }
-.a-searchResults .a-searchResults-filter .a-switch {
-  margin-top: 4px;
-  margin-bottom: 4px;
-}
-.a-searchResults .a-searchResults-breadcrumb {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  margin: -6px 0 8px 0;
+.a-personSwitcher .a-personSwitcher-icon::before {
+  align-self: center;
 }
-.a-searchResults .a-btn-action {
-  padding-left: 18px;
+
+.a-dropdown-languages,
+.a-dropdown-personswitchList {
+  position: relative;
+  width: 320px;
+  padding: 0;
+  color: #000000;
+  border-radius: 0;
+  transform: none !important;
+  will-change: unset !important;
 }
-@media (min-width: 992px) and (max-width: 1199.98px) {
-  .a-searchResults .a-cardImage-border img {
-    width: 140px;
-    height: 140px;
+@media (min-width: 576px) {
+  .a-dropdown-languages,
+  .a-dropdown-personswitchList {
+    width: 420px;
   }
 }
-.a-searchResults .a-iconText-text .a-label {
-  margin-top: -6px;
+.a-dropdown-languages .dropdown-item,
+.a-dropdown-personswitchList .dropdown-item {
+  display: flex;
+  padding: 18px 24px;
+  white-space: normal;
+  border-bottom: none;
+  align-items: flex-start;
+  -webkit-box-align: start;
 }
-.a-searchResults .a-iconText.a-iconText-background--white {
-  margin-top: -1px;
+.a-dropdown-languages .dropdown-item:hover,
+.a-dropdown-personswitchList .dropdown-item:hover {
+  color: #000000;
 }
-
-.a-stickyHelp-body {
-  position: fixed;
-  width: 100%;
-  overflow: hidden;
+.a-dropdown-languages .dropdown-item .a-flag,
+.a-dropdown-personswitchList .dropdown-item .a-flag {
+  float: left;
+  max-width: 48px;
+  max-height: 29px;
+  margin-top: 5px;
+  margin-right: 12px;
 }
-
-.a-stickyHelp-open {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  position: fixed;
-  right: 24px;
-  bottom: 24px;
-  z-index: 1051;
-  padding: 14px 24px 9px 24px;
+.a-dropdown-languages .dropdown-item .a-flag.a-globe,
+.a-dropdown-personswitchList .dropdown-item .a-flag.a-globe {
+  margin-top: 2px;
+}
+.a-dropdown-languages .dropdown-item p,
+.a-dropdown-personswitchList .dropdown-item p {
   margin-bottom: 0;
-  color: #ffffff;
-  background: #3f3161;
-  border-radius: 50px;
+  word-wrap: break-word;
 }
-.a-stickyHelp-open:hover,
-.a-stickyHelp-open:active,
-.a-stickyHelp-open:focus {
-  color: #ffffff;
-  background: #4a3a72;
-}
-.a-stickyHelp-open.a-stickyHelp-animationHint {
-  -webkit-animation: hintTextSlideIn 400ms;
-  animation: hintTextSlideIn 400ms;
-  -webkit-animation-timing-function: linear;
-  animation-timing-function: linear;
-  -webkit-animation-delay: 2s;
-  animation-delay: 2s;
-  -webkit-animation-iteration-count: 1;
-  animation-iteration-count: 1;
-  -webkit-animation-fill-mode: forwards;
-  animation-fill-mode: forwards;
-}
-.a-stickyHelp-open.a-stickyHelp-animationHint .a-stickyHelp-openText {
+.a-dropdown-languages .a-link-logout,
+.a-dropdown-personswitchList .a-link-logout {
   position: absolute;
-  left: 0;
-  display: block;
-  float: left;
-  width: 100%;
-  height: auto;
-  padding-top: 5px;
-  padding-right: 18px;
-  clip: auto;
-  opacity: 0;
-  -webkit-animation: hintTextAppear 300ms;
-  animation: hintTextAppear 300ms;
-  -webkit-animation-timing-function: linear;
-  animation-timing-function: linear;
-  -webkit-animation-delay: 2.7s;
-  animation-delay: 2.7s;
-  -webkit-animation-iteration-count: 1;
-  animation-iteration-count: 1;
-  -webkit-animation-fill-mode: forwards;
-  animation-fill-mode: forwards;
-}
-.a-stickyHelp-open[aria-expanded='true'].a-stickyHelp-animationHint {
-  -webkit-animation: none;
-  animation: none;
-}
-.a-stickyHelp-open[aria-expanded='true'].a-stickyHelp-animationHint .a-stickyHelp-openText {
-  -webkit-animation: none;
-  animation: none;
-}
-.a-stickyHelp-open i {
-  font-size: 30px;
-  font-size: 1.875rem;
-  line-height: 1.3;
-  -webkit-font-smoothing: subpixel-antialiased;
-  font-style: normal;
-}
-
-@-webkit-keyframes hintTextSlideIn {
-  0% {
-    padding-left: 24px;
-  }
-  100% {
-    padding-left: 180px;
-  }
+  top: 24px;
+  right: 36px;
+  padding-bottom: 0;
+  line-height: 19px;
 }
 
-@keyframes hintTextSlideIn {
-  0% {
-    padding-left: 24px;
-  }
-  100% {
-    padding-left: 180px;
-  }
+.a-dropdown-fullWidth {
+  width: 100% !important;
+  margin-bottom: 60px;
+  transition: width 0.35s ease;
 }
-@-webkit-keyframes hintTextAppear {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.a-dropdown-fullWidth .a-btn-shadow {
+  min-height: 84px;
 }
-@keyframes hintTextAppear {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.a-dropdown-fullWidth .a-btn-shadow.a-btn-shadow-expand {
+  min-height: 60px;
 }
-.a-iframeToggle {
-  position: fixed;
-  bottom: 12px;
-  left: 12px;
-  z-index: 1052;
-  width: calc(100% - 24px) !important;
-  max-width: 100% !important;
-  background: transparent;
-  transition: all 400ms;
-  transform: translate(0, 0);
+.a-dropdown-fullWidth .a-btn-shadow.a-btn-shadow-large .a-btn-icon-text-second {
+  display: inline-block;
 }
-@media (min-width: 576px) {
-  .a-iframeToggle {
-    right: 12px;
-    left: auto;
-    width: 356px !important;
-    max-width: 356px !important;
-  }
+
+.a-dropdown-personswitchList .a-dropdown-footer {
+  display: none;
 }
-.a-iframeToggle::before {
-  position: absolute;
-  top: 100%;
-  right: 5%;
-  bottom: 30px;
-  width: 1px;
-  height: 1px;
-  content: '';
-  background: transparent;
-  border-radius: 90%;
-  transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
+.a-dropdown-personswitchList.a-dropdown-fullWidth .a-dropdown-footer {
+  display: block;
 }
-.a-iframeToggle.collapsing {
-  margin-right: 24px;
-  margin-bottom: 24px;
+.a-dropdown-personswitchList .a-btn-action.a-fullWidthBtn span {
+  margin-left: 0;
 }
-.a-iframeToggle.collapsing::before {
-  background: #3f3161;
+.a-dropdown-personswitchList .a-btn-action.a-fullWidthBtn i {
+  margin-left: 12px;
 }
-.a-iframeToggle.collapsing .a-stickyHelp-close {
-  opacity: 0;
+.a-dropdown-personswitchList.a-dropdown-personswitchList-large.a-dropdownTriangle::after {
+  right: 15px;
+  left: auto;
 }
-.a-iframeToggle iframe {
-  width: 100% !important;
-  max-width: 100% !important;
-  height: 414px !important;
-  max-height: calc(100vh - 24px);
-  opacity: 0;
+
+.nav-pills .nav-item.show .nav-link.a-languageSwitcher,
+.nav-pills .nav-item.show .nav-link.a-personSwitcher {
+  color: #0062ba;
+  text-align: right;
+  background: transparent;
 }
-@media (min-width: 576px) {
-  .a-iframeToggle iframe {
-    width: 356px !important;
-    max-width: 356px !important;
-  }
+
+.dropdown-menu {
+  display: block;
 }
-.a-iframeToggle .a-stickyHelp-close {
-  opacity: 0;
+
+.dropdown .dropdown-menu {
+  display: none;
 }
-.a-iframeToggle.show {
-  right: 12px;
-  bottom: 6px;
+
+.show > .dropdown-menu {
   display: block;
-  visibility: visible;
-  transition: all 400ms;
-  transform: translate(0, 0) !important;
 }
-.a-iframeToggle.show::before {
-  top: auto;
-  right: 0%;
-  bottom: 8px;
-  display: block;
-  width: 100% !important;
-  max-width: 100% !important;
-  height: 414px !important;
-  margin-top: -261px;
-  margin-left: -178px;
-  border-radius: 0;
-  transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
+
+.a-logo {
+  height: 24px;
+  margin-bottom: 0;
 }
-@media (min-width: 576px) {
-  .a-iframeToggle.show::before {
-    width: 356px !important;
-    max-width: 356px !important;
-    height: 414px !important;
-    background: #ffffff;
+
+@media (min-width: 768px) {
+  .a-darkBackground .a-globalNav-main li a {
+    color: #ffffff;
   }
 }
-.a-iframeToggle.show iframe {
-  position: relative;
-  overflow: hidden;
-  background: #ffffff;
-  border: none;
-  box-shadow: 1px 1px 4px 0 rgba(137, 137, 137, 0.5);
-  opacity: 1;
-  transition: all 200ms ease 400ms;
+.a-darkBackground .a-header-options .a-languageSwitcher,
+.a-darkBackground .a-header-options .a-personSwitcher {
+  color: #ffffff;
+  border-color: #ffffff;
 }
-.a-iframeToggle.show .a-stickyHelp-close {
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  z-index: 9999;
-  width: 30px;
-  height: 30px;
-  padding: 3px 0 6px 0;
-  margin-bottom: 0;
-  pointer-events: auto;
-  cursor: pointer;
-  background: #ffffff;
-  border: none;
-  border-radius: 50%;
-  opacity: 0;
-  -webkit-animation: showCloseButtonAfterLoad 100ms;
-  animation: showCloseButtonAfterLoad 100ms;
-  -webkit-animation-timing-function: linear;
-  animation-timing-function: linear;
-  -webkit-animation-delay: 600ms;
-  animation-delay: 600ms;
-  -webkit-animation-iteration-count: 1;
-  animation-iteration-count: 1;
-  -webkit-animation-fill-mode: forwards;
-  animation-fill-mode: forwards;
-}
-@-webkit-keyframes showCloseButtonAfterLoad {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.a-darkBackground .a-header-options .a-languageSwitcher:focus::before {
+  background: rgba(255, 255, 255, 0.2);
 }
-@keyframes showCloseButtonAfterLoad {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.a-darkBackground .a-header-options .a-personSwitcher:focus {
+  background: rgba(255, 255, 255, 0.2);
 }
-.a-iframeToggle.show .a-stickyHelp-close:hover {
-  border: none;
-  opacity: 0.7;
+.a-darkBackground .navbar-toggler {
+  color: #ffffff;
+  border-color: #ffffff;
 }
-.a-iframeToggle.show .a-stickyHelp-close:focus {
-  background: #cff0ff;
-  border: none;
+.a-darkBackground .navbar-toggler[data-jsexpanded='true'] {
+  color: #0062ba;
+  background: #ffffff;
 }
-.a-iframeToggle.show .a-stickyHelp-close::before {
-  position: absolute;
-  top: -15px;
-  left: -16px;
-  z-index: 1;
-  width: calc(100% + 30px);
-  min-height: 60px;
-  cursor: pointer;
-  content: '';
+@media (min-width: 768px) {
+  .a-darkBackground .a-hvr-underline:hover {
+    border-color: #ffffff;
+  }
 }
-
-.a-stickyHelp .a-stickyHelp-header {
-  position: relative;
-  min-height: 54px;
-  padding: 12px;
+.a-darkBackground .a-personSwitcher-icon {
+  height: 36px;
   color: #ffffff;
-  background: #3f3161;
 }
-.a-stickyHelp .a-stickyHelp-header h1 {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  text-align: center;
-  align-self: center;
+.a-darkBackground .nav-pills .nav-item.show .nav-link.a-languageSwitcher,
+.a-darkBackground .nav-pills .nav-item.show .nav-link.a-personSwitcher {
+  color: #ffffff;
 }
-.a-stickyHelp .a-stickyHelp-header h1 i {
-  margin-top: -4px;
+
+.a-bgBlueLight .a-header .a-header-options .a-languageSwitcher:focus::before {
+  background: rgba(255, 255, 255, 0.3);
 }
-.a-stickyHelp .a-stickyHelp-header .a-stickyHelp-back {
-  position: absolute;
-  top: 12px;
-  left: 12px;
-  width: 30px;
-  height: 30px;
-  padding: 3px 0 6px 0;
-  margin-bottom: 0;
-  cursor: pointer;
-  background: #ffffff;
-  border: none;
-  border-radius: 50%;
+.a-bgBlueLight .a-header .a-header-options .a-personSwitcher:focus {
+  background: rgba(255, 255, 255, 0.3);
 }
-.a-stickyHelp .a-stickyHelp-header .a-stickyHelp-back:hover {
-  border: none;
-  opacity: 0.7;
+
+.a-login.a-hide-menu .a-globalNav-main,
+.a-login.a-hide-menu .a-languageSwitcher,
+.a-login.a-hide-menu .a-personSwitcher-name,
+.a-login.a-hide-menu .a-containerFooter,
+.a-login.a-hide-menu .navbar-toggler {
+  display: none;
 }
-.a-stickyHelp .a-stickyHelp-header .a-stickyHelp-back:focus {
-  background: #cff0ff;
-  border: none;
+.a-login .a-personSwitcher {
+  cursor: not-allowed;
 }
-.a-stickyHelp .a-stickyHelp-header .a-stickyHelp-back i {
-  line-height: 0 !important;
+.a-login .a-login-container {
+  padding-top: 60px;
+  margin-top: -25px;
 }
-.a-stickyHelp .a-stickyHelp-search {
-  padding: 12px 12px 0 12px;
+@media (min-width: 992px) {
+  .a-login .a-login-container {
+    margin-top: -42px;
+  }
 }
-.a-stickyHelp .a-page {
-  height: 300px;
-  overflow-x: hidden;
-  overflow-y: scroll;
-  transition: transform 0.5s cubic-bezier(0.3, 1, 0.5, 1);
+.a-login .a-login-container .a-triangleShadow {
+  position: relative;
 }
-.a-stickyHelp .a-page.a-next-page {
-  transform: translate3d(100%, 0, 0);
+.a-login .a-login-container .a-triangleShadow::after {
+  top: -60px;
+  right: 2px;
+  left: auto;
 }
-.a-stickyHelp .a-page.a-current-page {
-  visibility: visible;
-  transform: translate3d(0, 0, 0);
+@media (min-width: 576px) {
+  .a-login .a-login-container .a-triangleShadow::after {
+    right: 1px;
+  }
 }
-.a-stickyHelp .a-page.a-previous-page {
-  transform: translate3d(-100%, 0, 0);
+@media (min-width: 992px) {
+  .a-login .a-login-container .a-triangleShadow::after {
+    right: 13px;
+  }
 }
-.a-stickyHelp .a-page + .a-page {
-  margin-top: -300px;
+@media (min-width: 1200px) {
+  .a-login .a-login-container .a-triangleShadow::after {
+    right: -11px;
+  }
 }
-.a-stickyHelp .a-page .a-stickyHelp-articleIntro {
-  padding: 10px 12px 8px 12px;
-  padding-left: 52px;
+.a-login h1 {
+  margin-bottom: 24px;
 }
-.a-stickyHelp .a-page .a-stickyHelp-articleIntro h1 {
-  font-size: 20px;
-  font-size: 1.25rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  padding-top: 0;
-  margin-top: 0;
+@media (min-width: 992px) {
+  .a-login h1 {
+    margin-bottom: 0;
+  }
 }
-.a-stickyHelp .a-page .a-stickyHelp-articleIntro p,
-.a-stickyHelp .a-page .a-stickyHelp-articleIntro .a-leadText {
+.a-login h1 .a-helpIconButton {
   font-size: 16px;
   font-size: 1rem;
   line-height: 1.5;
   -webkit-font-smoothing: subpixel-antialiased;
+  vertical-align: middle;
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg {
-  padding: 10px 12px 8px 12px;
-  padding-left: 52px;
-}
-.a-stickyHelp .a-page .a-text.epi-wysiwyg.pt-2 {
-  padding-top: 0 !important;
+.a-login .a-link-logout {
+  position: absolute;
+  top: -36px;
+  right: 37px;
+  padding-bottom: 0;
+  line-height: 19px;
+  right: 12px;
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg.pt-lg-3 {
-  padding-top: 0 !important;
+@media (min-width: 576px) {
+  .a-login .a-link-logout {
+    right: 24px;
+  }
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg h2 {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  padding-top: 0;
-  padding-left: 0;
-  margin-top: 0;
+@media (min-width: 992px) {
+  .a-login .a-link-logout {
+    top: 4px;
+    right: 48px;
+  }
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg .a-circle-list {
-  width: calc(100% + 26px);
-  margin-left: -52px;
+@media (min-width: 1200px) {
+  .a-login .a-link-logout {
+    top: 4px;
+    right: 36px;
+  }
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg .a-circle-list li {
-  width: calc(100% + 40px);
-  padding: 12px 12px 12px 52px;
-  margin-bottom: 12px;
-  margin-left: 0;
-  border-bottom: 1px solid #efefef;
+.a-login .a-btn-shadow {
+  height: auto !important;
+  height: 84px;
+  min-height: 84px;
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg .a-circle-list li::before {
-  padding: 7px 9px 4px;
-  margin-right: 10px;
-  margin-left: -41px;
+.a-login .a-btn-shadow.a-btn-shadow-expand {
+  height: 60px;
+  min-height: 60px;
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg .a-circle-list li:first-child {
-  border-top: 1px solid #efefef;
+.a-login .a-btn-shadow.a-btn-shadow-large .a-btn-icon-text-second {
+  display: inline-block;
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg .a-circle-list li:last-child {
-  margin-bottom: 0;
-  border-bottom: none;
+
+@media (min-width: 768px) {
+  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
-.a-stickyHelp .a-page .a-text.epi-wysiwyg .a-stickyHelp-footer {
-  width: calc(100% + 64px);
-  margin-left: -52px;
+@media (min-width: 768px) {
+  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer div,
+  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer h1,
+  a[aria-expanded='false'] .a-inboxHeadingContent .a-msgHeadingTextContainer h3 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }
-.a-stickyHelp .a-page .a-text .a-stickyHelp-footer {
-  width: calc(100% + 24px);
-  margin-left: -12px;
+
+.modal-table-segment {
+  width: 100%;
+  height: 200px;
+  background-color: #d4f9e4;
 }
-.a-stickyHelp .a-page-hasArticleInside {
-  overflow: hidden;
+
+.segment-fixed {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
 }
 
-.a-stickyHelp-content-target {
-  overflow: hidden;
-  background: #ffffff;
+.modal-table-segment-box {
+  height: 80px;
 }
-.a-stickyHelp-content-target h2 {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-  padding: 10px 12px 8px 12px;
-  padding-left: 52px;
-  margin-bottom: 0;
+
+.segment-done {
+  display: none;
 }
-.a-stickyHelp-content-target .a-stickyHelp-questionList li {
-  border-bottom: 1px solid #efefef;
+
+.a-collapseContent .modal-table-segment,
+.a-list .modal-table-segment {
+  height: 84px;
 }
-.a-stickyHelp-content-target .a-stickyHelp-questionList li a {
-  display: block;
-  padding: 10px 12px 8px 12px;
-  padding-left: 52px;
-  border: none;
+.a-collapseContent .modal-table-segment-box,
+.a-list .modal-table-segment-box {
+  display: none;
 }
-.a-stickyHelp-content-target .a-stickyHelp-questionList li a:hover,
-.a-stickyHelp-content-target .a-stickyHelp-questionList li a:focus,
-.a-stickyHelp-content-target .a-stickyHelp-questionList li a:active {
-  background: #f5f5f5;
+
+.a-js-clipboardMsg {
+  margin-left: 20px;
+  line-height: 60px;
+  color: rgba(255, 255, 255, 0.7);
+  vertical-align: bottom;
 }
-.a-stickyHelp-content-target .a-stickyHelp-questionList li a.a-stickyHelp-iconLeft {
-  padding-left: 23px;
+
+@media (max-width: 991px) {
+  .leftColumn {
+    background-color: #ffffff;
+  }
 }
-.a-stickyHelp-content-target .a-stickyHelp-questionList li a i {
-  margin-top: -3px;
+.serviceListContainer {
+  position: relative;
+  height: 0;
+  overflow: auto;
 }
-.a-stickyHelp-content-target .a-stickyHelp-questionList li:first-child {
-  border-top: 1px solid #efefef;
+
+@media (min-width: 992px) {
+  .serviceListContainer {
+    min-height: 45vh;
+  }
 }
-.a-stickyHelp-content-target .a-stickyHelp-footer {
+.serviceList {
+  position: absolute;
   width: 100%;
-  color: #000000;
+  padding: 5px;
 }
-.a-stickyHelp-content-target .a-stickyHelp-footer a {
-  font-family: 'Altinn-DIN';
-  font-weight: 'medium';
-  display: block;
-  padding: 10px 12px 8px 12px;
-  padding-left: 52px;
-  border-bottom: 1px solid #efefef;
+
+.a-text-overflow-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.a-stickyHelp-content-target .a-stickyHelp-footer a:hover,
-.a-stickyHelp-content-target .a-stickyHelp-footer a:focus,
-.a-stickyHelp-content-target .a-stickyHelp-footer a:active {
-  background: #f5f5f5;
+
+.a-bgWhite .a-topTasks {
+  background-color: #e3f7ff;
 }
-.a-stickyHelp-content-target .a-stickyHelp-footer a:first-child {
-  border-top: 1px solid #efefef;
+.a-bgWhite .a-topTasks .a-btn {
+  border-bottom: 1px solid #cff0ff;
 }
-.a-stickyHelp-content-target .a-stickyHelp-footer a.a-stickyHelp-iconLeft {
-  padding-left: 25px;
+.a-bgWhite .a-topTasks .a-btn:hover,
+.a-bgWhite .a-topTasks .a-btn:focus {
+  color: #000000;
+  background: #cff0ff;
+  border-bottom: 1px solid #cff0ff;
 }
-.a-stickyHelp-content-target .a-stickyHelp-footer a i {
-  margin-top: -3px;
+.a-bgWhite .a-topTasks .a-btn.a-active {
+  background: #cff0ff;
 }
-.a-stickyHelp-content-target .a-stickyHelp-questionList + .a-stickyHelp-footer a:first-child {
-  border-top: none !important;
+
+@media print {
+  .a-dontPrint,
+  .a-globalNav,
+  .a-breadcrumb,
+  .a-footer,
+  .nav,
+  .form-group,
+  button,
+  .a-linkFeatured,
+  .a-btn,
+  .a-jumbotron-btn-textright,
+  .a-question-wrapper,
+  .switch-container,
+  .a-illustration-icon {
+    display: none !important;
+  }
+
+  .a-collapseContent {
+    display: block !important;
+  }
+
+  .a-expandable-content {
+    display: block !important;
+  }
+
+  .card {
+    display: block !important;
+  }
+  .card .a-msg-body .row {
+    display: block !important;
+  }
+
+  .p0-print {
+    padding: 0 !important;
+  }
+
+  .a-jumbotron {
+    height: auto;
+    min-height: auto;
+    max-height: auto;
+    padding: 0;
+    margin: 0;
+    color: #000000;
+  }
+
+  .a-jumbotron-dark {
+    color: #000000;
+  }
+  .a-jumbotron-dark p,
+  .a-jumbotron-dark a,
+  .a-jumbotron-dark .a-jumbotron-ingress {
+    color: #000000;
+  }
+
+  .a-mediaBlock,
+  .a-cardImage {
+    margin-bottom: 0;
+  }
+  .a-mediaBlock img,
+  .a-cardImage img {
+    display: none;
+  }
+
+  .a-blockquote {
+    border: none;
+  }
+
+  .a-js-alternativeResults,
+  .a-js-result {
+    display: block !important;
+  }
+
+  .a-modal {
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+  }
+  .a-modal .modal-body,
+  .a-modal .modal-header,
+  .a-modal .a-iconText,
+  .a-modal .a-collapseContent {
+    padding: 0 !important;
+    background: #ffffff !important;
+  }
+  .a-modal .a-iconText-text {
+    color: #000000 !important;
+  }
+  .a-modal .form-group {
+    display: block !important;
+  }
+  .a-modal .modal-navbar,
+  .a-modal .a-dropdownArrow,
+  .a-modal .a-iconText-icon,
+  .a-modal i {
+    display: none !important;
+  }
+  .a-modal a {
+    text-decoration: none !important;
+  }
+
+  .modal-backdrop {
+    background: #ffffff !important;
+  }
 }
 
 /*# sourceMappingURL=style.dist.tjenester3.css.map */
diff --git a/src/theme/altinnAppTheme.tsx b/src/theme/altinnAppTheme.tsx
index a4a1e2b6f9..41d231c6b8 100644
--- a/src/theme/altinnAppTheme.tsx
+++ b/src/theme/altinnAppTheme.tsx
@@ -48,19 +48,7 @@ export const AltinnAppTheme = {
   },
   typography: {
     htmlFontSize: 16,
-    // TODO: Change order when switching to 'Inter', that should be first
-    fontFamily: [
-      '-apple-system',
-      'BlinkMacSystemFont',
-      'Altinn-DIN',
-      '"Segoe UI"',
-      '"Helvetica Neue"',
-      'Arial',
-      'sans-serif',
-      '"Apple Color Emoji"',
-      '"Segoe UI Emoji"',
-      '"Segoe UI Symbol"',
-    ].join(','),
+    fontFamily: 'inherit',
     h1: {
       fontSize: 36,
     },

From 28f59a8a11945182e64827b8fe34c8f4d24968c9 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Fri, 19 May 2023 09:12:56 +0200
Subject: [PATCH 03/15] var font in pdf

---
 src/index.css | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/index.css b/src/index.css
index dcff893eb0..293d79b661 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,7 +2,6 @@
 @import 'src/styles/font-faces.css';
 
 /* Font */
-
 * {
   font-family: 'Inter', sans-serif;
   --font_family-default: 'Inter', sans-serif;
@@ -16,16 +15,14 @@
   text-align: left;
 }
 @supports (font-variation-settings: normal) {
-  @media only screen {
-    * {
-      font-family: 'Inter var', sans-serif;
-      --font_family-default: 'Inter var', sans-serif;
-      --font_family-heading: 'Inter var', sans-serif;
-      --font_family-ingress: 'Inter var', sans-serif;
-      --font_family-body: 'Inter var', sans-serif;
-      --font_family-label: 'Inter var', sans-serif;
-      font-feature-settings: 'cv05';
-    }
+  * {
+    font-family: 'Inter var', sans-serif;
+    --font_family-default: 'Inter var', sans-serif;
+    --font_family-heading: 'Inter var', sans-serif;
+    --font_family-ingress: 'Inter var', sans-serif;
+    --font_family-body: 'Inter var', sans-serif;
+    --font_family-label: 'Inter var', sans-serif;
+    font-feature-settings: 'cv05';
   }
 }
 

From a2eeefe51854f5274a0e0a85fb105d784115e6da Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Fri, 19 May 2023 10:01:38 +0200
Subject: [PATCH 04/15] remove global classes from header

---
 src/components/presentation/Header.module.css | 18 +++++
 src/components/presentation/Header.tsx        | 70 ++++++++-----------
 2 files changed, 49 insertions(+), 39 deletions(-)
 create mode 100644 src/components/presentation/Header.module.css

diff --git a/src/components/presentation/Header.module.css b/src/components/presentation/Header.module.css
new file mode 100644
index 0000000000..39f06c002e
--- /dev/null
+++ b/src/components/presentation/Header.module.css
@@ -0,0 +1,18 @@
+.headerText {
+  font-size: 1.125rem;
+  font-weight: 500;
+  margin-bottom: 0;
+}
+@media only screen and (min-width: 768px) {
+  .headerText {
+    font-size: 1.75rem;
+  }
+}
+
+.wrapper {
+  width: 100%;
+  min-height: 84px;
+  padding: 12px;
+  padding-left: var(--modal-padding-x);
+  border-bottom: 1px solid #eee;
+}
diff --git a/src/components/presentation/Header.tsx b/src/components/presentation/Header.tsx
index ee00a56a6e..c1d08d7326 100644
--- a/src/components/presentation/Header.tsx
+++ b/src/components/presentation/Header.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 
 import { Grid } from '@material-ui/core';
-import classNames from 'classnames';
 
+import classes from 'src/components/presentation/Header.module.css';
 import { Progress } from 'src/components/presentation/Progress';
 import { useAppSelector } from 'src/hooks/useAppSelector';
 import { ProcessTaskType } from 'src/types';
@@ -27,48 +27,40 @@ export const Header = ({ type, header, appOwner }: IHeaderProps) => {
   }
 
   return (
-    <header
-      className={classNames('modal-header', 'a-modal-header', {
-        'a-modal-background-success': type === ProcessTaskType.Archived,
-      })}
-    >
-      <div className='a-iconText a-iconText-background a-iconText-large'>
-        <Grid
-          container
-          direction='row'
-          justifyContent='space-between'
-          wrap='nowrap'
-          spacing={2}
-        >
+    <header className={classes.wrapper}>
+      <Grid
+        container
+        direction='row'
+        justifyContent='space-between'
+        wrap='nowrap'
+        spacing={2}
+      >
+        <Grid item>
           <Grid item>
-            <Grid item>
-              <span>{appOwner}</span>
-            </Grid>
-            <Grid item>
-              <h1 className='a-iconText-text mb-0'>
-                <span
-                  className='a-iconText-text-large'
-                  data-testid='presentation-heading'
-                >
-                  {type === ProcessTaskType.Archived ? (
-                    <span>{getTextFromAppOrDefault('receipt.receipt', textResources, language)}</span>
-                  ) : (
-                    header
-                  )}
-                </span>
-              </h1>
-            </Grid>
+            <span>{appOwner}</span>
           </Grid>
-          {showProgress && (
-            <Grid
-              item
-              aria-live='polite'
+          <Grid item>
+            <h1
+              className={classes.headerText}
+              data-testid='presentation-heading'
             >
-              <Progress />
-            </Grid>
-          )}
+              {type === ProcessTaskType.Archived ? (
+                <span>{getTextFromAppOrDefault('receipt.receipt', textResources, language)}</span>
+              ) : (
+                header
+              )}
+            </h1>
+          </Grid>
         </Grid>
-      </div>
+        {showProgress && (
+          <Grid
+            item
+            aria-live='polite'
+          >
+            <Progress />
+          </Grid>
+        )}
+      </Grid>
     </header>
   );
 };

From cb44f922d2bf1ec1f0c54c455d1296c9ae826e97 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Fri, 19 May 2023 10:30:24 +0200
Subject: [PATCH 05/15] fix font override

---
 src/index.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/index.css b/src/index.css
index 293d79b661..6ce6261c2c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,27 +2,33 @@
 @import 'src/styles/font-faces.css';
 
 /* Font */
-* {
+:root {
   font-family: 'Inter', sans-serif;
+  font-size: 1rem;
+  font-weight: normal;
+  line-height: 1.5;
+  text-align: left;
+}
+/* Override design system default font */
+* {
   --font_family-default: 'Inter', sans-serif;
   --font_family-heading: 'Inter', sans-serif;
   --font_family-ingress: 'Inter', sans-serif;
   --font_family-body: 'Inter', sans-serif;
   --font_family-label: 'Inter', sans-serif;
-  font-size: 1rem;
-  font-weight: normal;
-  line-height: 1.5;
-  text-align: left;
 }
 @supports (font-variation-settings: normal) {
-  * {
+  :root {
     font-family: 'Inter var', sans-serif;
+  }
+  /* Override design system default font */
+  * {
+    font-feature-settings: 'cv05';
     --font_family-default: 'Inter var', sans-serif;
     --font_family-heading: 'Inter var', sans-serif;
     --font_family-ingress: 'Inter var', sans-serif;
     --font_family-body: 'Inter var', sans-serif;
     --font_family-label: 'Inter var', sans-serif;
-    font-feature-settings: 'cv05';
   }
 }
 

From 07931def02b2f551cf496f77ca85de05547f01ac Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Fri, 19 May 2023 10:43:11 +0200
Subject: [PATCH 06/15] override panel font size

---
 src/index.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/index.css b/src/index.css
index 6ce6261c2c..bff16db9eb 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,6 +16,11 @@
   --font_family-ingress: 'Inter', sans-serif;
   --font_family-body: 'Inter', sans-serif;
   --font_family-label: 'Inter', sans-serif;
+
+  --component-panel-font_size-header-breakpoint_sm: 1.25rem;
+  --component-panel-font_size-header-breakpoint_md: 1.5rem;
+  --component-panel-font_size-header-breakpoint_lg: 1.75rem;
+  --component-panel-font_size-body-breakpoint_md: 1rem;
 }
 @supports (font-variation-settings: normal) {
   :root {

From 47108df3a523e872e24a7f0cebb407fc012f086a Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Mon, 3 Jul 2023 11:18:23 +0200
Subject: [PATCH 07/15] use fonts from cdn

---
 src/index.css             |   2 +-
 src/styles/font-faces.css | 157 --------------------------------------
 2 files changed, 1 insertion(+), 158 deletions(-)
 delete mode 100644 src/styles/font-faces.css

diff --git a/src/index.css b/src/index.css
index 8641812e63..bbfe73e1e4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,5 @@
 @import 'src/styles/tjenester3.css';
-@import 'src/styles/font-faces.css';
+@import url('https://altinncdn.no/fonts/inter/inter.css');
 
 /* Font */
 :root {
diff --git a/src/styles/font-faces.css b/src/styles/font-faces.css
deleted file mode 100644
index 1c0badb5be..0000000000
--- a/src/styles/font-faces.css
+++ /dev/null
@@ -1,157 +0,0 @@
-/* TODO: Upload font files to CDN */
-
-/* ------------------------- static ------------------------- */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 100;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-Thin.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 100;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-ThinItalic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 200;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-ExtraLight.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 200;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-ExtraLightItalic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-Light.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 300;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-LightItalic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-Regular.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-Italic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-Medium.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 500;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-MediumItalic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-SemiBold.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 600;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-SemiBoldItalic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-Bold.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 700;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-BoldItalic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 800;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-ExtraBold.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 800;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-ExtraBoldItalic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-Black.woff2') format('woff2');
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 900;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-BlackItalic.woff2') format('woff2');
-}
-
-/* ----------------------- variable ----------------------- */
-
-@font-face {
-  font-family: 'Inter var';
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-roman.var.woff2') format('woff2');
-  font-named-instance: 'Regular';
-}
-
-@font-face {
-  font-family: 'Inter var';
-  font-style: italic;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('https://rsms.me/inter/font-files/Inter-italic.var.woff2') format('woff2');
-  font-named-instance: 'Italic';
-}

From 4a5ae12b8702b4a32a16c255e74dbb0241fb5635 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Mon, 3 Jul 2023 14:21:28 +0200
Subject: [PATCH 08/15] fix some headers

---
 src/components/presentation/Header.module.css |  11 -
 src/components/presentation/Header.tsx        |   8 +-
 src/index.css                                 |  11 -
 src/language/sharedLanguage.ts                |  53 ++-
 .../Group/DisplayGroupContainer.module.css    |   6 -
 src/layout/Group/DisplayGroupContainer.tsx    |  40 +-
 src/layout/Header/HeaderComponent.tsx         |  69 +--
 src/layout/Paragraph/ParagraphComponent.tsx   |  40 +-
 src/styles/tjenester3.css                     | 435 ------------------
 src/theme/altinnAppTheme.tsx                  |  21 +-
 10 files changed, 104 insertions(+), 590 deletions(-)

diff --git a/src/components/presentation/Header.module.css b/src/components/presentation/Header.module.css
index 39f06c002e..3a34fc8a16 100644
--- a/src/components/presentation/Header.module.css
+++ b/src/components/presentation/Header.module.css
@@ -1,14 +1,3 @@
-.headerText {
-  font-size: 1.125rem;
-  font-weight: 500;
-  margin-bottom: 0;
-}
-@media only screen and (min-width: 768px) {
-  .headerText {
-    font-size: 1.75rem;
-  }
-}
-
 .wrapper {
   width: 100%;
   min-height: 84px;
diff --git a/src/components/presentation/Header.tsx b/src/components/presentation/Header.tsx
index 638dd6945d..a6c5387edb 100644
--- a/src/components/presentation/Header.tsx
+++ b/src/components/presentation/Header.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { Heading } from '@digdir/design-system-react';
 import { Grid } from '@material-ui/core';
 
 import classes from 'src/components/presentation/Header.module.css';
@@ -34,12 +35,13 @@ export const Header = ({ type, header, appOwner }: IHeaderProps) => {
             <span>{appOwner}</span>
           </Grid>
           <Grid item>
-            <h1
-              className={classes.headerText}
+            <Heading
+              level={1}
+              size='medium'
               data-testid='presentation-heading'
             >
               {type === ProcessTaskType.Archived ? <span>{lang('receipt.receipt')}</span> : header}
-            </h1>
+            </Heading>
           </Grid>
         </Grid>
         {showProgress && (
diff --git a/src/index.css b/src/index.css
index bbfe73e1e4..3da1f4cd52 100644
--- a/src/index.css
+++ b/src/index.css
@@ -120,17 +120,6 @@ input:focus + .slider {
   box-shadow: 0 0 1px #1eaef7;
 }
 
-h2 {
-  font-size: 22px;
-  font-weight: normal;
-}
-
-@media only screen and (min-width: 576px) {
-  h2 {
-    font-size: 28px;
-  }
-}
-
 option {
   overflow: 'hidden';
   text-overflow: 'ellipsis';
diff --git a/src/language/sharedLanguage.ts b/src/language/sharedLanguage.ts
index ba0c950d17..bd21dc536b 100644
--- a/src/language/sharedLanguage.ts
+++ b/src/language/sharedLanguage.ts
@@ -1,8 +1,11 @@
+import React from 'react';
+
+import { Heading } from '@digdir/design-system-react';
 import DOMPurify from 'dompurify';
-import parseHtmlToReact from 'html-react-parser';
+import parseHtmlToReact, { domToReact } from 'html-react-parser';
 import { marked } from 'marked';
 import { mangle } from 'marked-mangle';
-import type { HTMLReactParserOptions } from 'html-react-parser';
+import type { DOMNode, Element, HTMLReactParserOptions } from 'html-react-parser';
 
 import type { IUseLanguage } from 'src/hooks/useLanguage';
 import type { IAltinnOrgs, IApplication, IDataSources, ITextResource } from 'src/types/shared';
@@ -51,17 +54,47 @@ export const getParsedLanguageFromText = (
   }
 
   const clean = DOMPurify.sanitize(dirty, actualOptions);
-  return parseHtmlToReact(clean.toString().trim(), inline ? parseOptions : undefined);
+  return parseHtmlToReact(clean.toString().trim(), getParseOptions(inline));
 };
 
-export const parseOptions: HTMLReactParserOptions = {
-  replace: (domNode) => {
-    replaceRootTag(domNode);
-  },
-};
+function getParseOptions(inline = true): HTMLReactParserOptions {
+  return {
+    replace: (domNode) => {
+      if (inline) {
+        replaceRootTag(domNode);
+      }
+      return replaceElements(domNode, getParseOptions(inline));
+    },
+  };
+}
+
+function isElement(node: DOMNode): node is Element {
+  return node.type === 'tag';
+}
+
+function replaceElements(domNode: DOMNode, parserOptions: HTMLReactParserOptions) {
+  if (isElement(domNode) && domNode.name === 'h1') {
+    return React.createElement(Heading, { level: 1, size: 'large' }, domToReact(domNode.children, parserOptions));
+  }
+  if (isElement(domNode) && domNode.name === 'h2') {
+    return React.createElement(Heading, { level: 2, size: 'medium' }, domToReact(domNode.children, parserOptions));
+  }
+  if (isElement(domNode) && domNode.name === 'h3') {
+    return React.createElement(Heading, { level: 3, size: 'small' }, domToReact(domNode.children, parserOptions));
+  }
+  if (isElement(domNode) && domNode.name === 'h4') {
+    return React.createElement(Heading, { level: 4, size: 'xsmall' }, domToReact(domNode.children, parserOptions));
+  }
+  if (isElement(domNode) && domNode.name === 'h5') {
+    return React.createElement(Heading, { level: 5, size: 'xsmall' }, domToReact(domNode.children, parserOptions));
+  }
+  if (isElement(domNode) && domNode.name === 'h6') {
+    return React.createElement(Heading, { level: 6, size: 'xsmall' }, domToReact(domNode.children, parserOptions));
+  }
+}
 
-const replaceRootTag = (domNode: any) => {
-  if (!domNode.parent && domNode.type === 'tag' && domNode.name === 'p') {
+const replaceRootTag = (domNode: DOMNode) => {
+  if (isElement(domNode) && !domNode.parent && domNode.name === 'p') {
     // The root element from the `marked.parse` will in many cases result in a `p` tag, which is not what we want,
     // since the text might already be used in f.ex `p`, `button`, `label` tags etc.
     // Span is a better solution, although not perfect, as block level elements are not valid children (f.ex h1), but this should be less frequent.
diff --git a/src/layout/Group/DisplayGroupContainer.module.css b/src/layout/Group/DisplayGroupContainer.module.css
index b341e1b24b..d4f96e796a 100644
--- a/src/layout/Group/DisplayGroupContainer.module.css
+++ b/src/layout/Group/DisplayGroupContainer.module.css
@@ -1,9 +1,3 @@
-.groupTitle {
-  font-weight: 500;
-  font-size: 1.25rem;
-  margin-bottom: 0;
-}
-
 .groupBody {
   margin-top: 12px;
   margin-bottom: 0;
diff --git a/src/layout/Group/DisplayGroupContainer.tsx b/src/layout/Group/DisplayGroupContainer.tsx
index a4c9ba8749..e77379441d 100644
--- a/src/layout/Group/DisplayGroupContainer.tsx
+++ b/src/layout/Group/DisplayGroupContainer.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { Heading } from '@digdir/design-system-react';
 import { Grid } from '@material-ui/core';
 import cn from 'classnames';
 
@@ -10,26 +11,6 @@ import { pageBreakStyles } from 'src/utils/formComponentUtils';
 import { LayoutNode } from 'src/utils/layout/LayoutNode';
 import type { HGroups } from 'src/layout/Group/types';
 
-const H = ({ level, children, ...props }) => {
-  switch (level) {
-    case 1:
-      return <h1 {...props}>{children}</h1>;
-    case 2:
-      return <h2 {...props}>{children}</h2>;
-    case 3:
-      return <h3 {...props}>{children}</h3>;
-    case 4:
-      return <h4 {...props}>{children}</h4>;
-    case 5:
-      return <h5 {...props}>{children}</h5>;
-    case 6:
-      return <h6 {...props}>{children}</h6>;
-    default:
-      console.warn(`Heading level ${level} is not supported`);
-      return <h2 {...props}>{children}</h2>;
-  }
-};
-
 export interface IDisplayGroupContainer {
   groupNode: LayoutNode<HGroups, 'Group'>;
   id?: string;
@@ -37,6 +18,16 @@ export interface IDisplayGroupContainer {
   renderLayoutNode: (node: LayoutNode) => JSX.Element | null;
 }
 
+type HeadingLevel = 2 | 3 | 4 | 5 | 6;
+
+const headingSizes: { [k in HeadingLevel]: Parameters<typeof Heading>[0]['size'] } = {
+  [2]: 'medium',
+  [3]: 'small',
+  [4]: 'xsmall',
+  [5]: 'xsmall',
+  [6]: 'xsmall',
+};
+
 export function DisplayGroupContainer({ groupNode, id, onlyRowIndex, renderLayoutNode }: IDisplayGroupContainer) {
   const { lang, langAsString } = useLanguage();
   const container = groupNode.item;
@@ -48,7 +39,8 @@ export function DisplayGroupContainer({ groupNode, id, onlyRowIndex, renderLayou
   }
 
   const isNested = groupNode.parent instanceof LayoutNode;
-  const headingLevel = Math.min(Math.max(groupNode.parents().length + 1, 2), 6);
+  const headingLevel = Math.min(Math.max(groupNode.parents().length + 1, 2), 6) as HeadingLevel;
+  const headingSize = headingSizes[headingLevel];
 
   return (
     <Grid
@@ -70,12 +62,12 @@ export function DisplayGroupContainer({ groupNode, id, onlyRowIndex, renderLayou
           xs={12}
         >
           {title && (
-            <H
+            <Heading
               level={headingLevel}
-              className={classes.groupTitle}
+              size={headingSize}
             >
               {title}
-            </H>
+            </Heading>
           )}
           {body && <p className={classes.groupBody}>{body}</p>}
         </Grid>
diff --git a/src/layout/Header/HeaderComponent.tsx b/src/layout/Header/HeaderComponent.tsx
index 45900459e4..d9aaa7afb4 100644
--- a/src/layout/Header/HeaderComponent.tsx
+++ b/src/layout/Header/HeaderComponent.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { Heading } from '@digdir/design-system-react';
 import { Grid } from '@material-ui/core';
 
 import { HelpTextContainer } from 'src/components/form/HelpTextContainer';
@@ -9,57 +10,37 @@ import type { PropsFromGenericComponent } from 'src/layout';
 
 export type IHeaderProps = PropsFromGenericComponent<'Header'>;
 
-const marginStyling = {
-  marginTop: '0',
-  marginBottom: '0',
+type HeadingProps = {
+  level: Parameters<typeof Heading>[0]['level'];
+  size: Parameters<typeof Heading>[0]['size'];
 };
 
-interface IHeaderSizeProps {
-  id: string;
-  text: React.ReactNode;
-  size?: string;
-}
-
-export const HeaderSize = ({ id, size, text }: IHeaderSizeProps) => {
+function getHeaderProps(size?: string): HeadingProps {
   switch (size) {
     case 'L':
     case 'h2': {
-      return (
-        <h2
-          id={id}
-          style={marginStyling}
-        >
-          {text}
-        </h2>
-      );
+      return {
+        level: 2,
+        size: 'medium',
+      };
     }
-
     case 'M':
     case 'h3': {
-      return (
-        <h3
-          id={id}
-          style={marginStyling}
-        >
-          {text}
-        </h3>
-      );
+      return {
+        level: 3,
+        size: 'small',
+      };
     }
-
     case 'S':
     case 'h4':
     default: {
-      return (
-        <h4
-          id={id}
-          style={marginStyling}
-        >
-          {text}
-        </h4>
-      );
+      return {
+        level: 4,
+        size: 'xsmall',
+      };
     }
   }
-};
+}
 
 export const HeaderComponent = ({ node }: IHeaderProps) => {
   const { id, size, textResourceBindings } = node.item;
@@ -71,17 +52,15 @@ export const HeaderComponent = ({ node }: IHeaderProps) => {
       alignItems='center'
     >
       <Grid item={true}>
-        <HeaderSize
+        <Heading
           id={id}
-          size={size}
-          text={lang(textResourceBindings?.title)}
-        />
+          {...getHeaderProps(size)}
+        >
+          {lang(textResourceBindings?.title)}
+        </Heading>
       </Grid>
       {textResourceBindings?.help && (
-        <Grid
-          item={true}
-          style={marginStyling}
-        >
+        <Grid item={true}>
           <HelpTextContainer
             helpText={lang(textResourceBindings.help)}
             title={getPlainTextFromNode(lang(textResourceBindings?.title))}
diff --git a/src/layout/Paragraph/ParagraphComponent.tsx b/src/layout/Paragraph/ParagraphComponent.tsx
index 7df4c530d9..ee0d8f3273 100644
--- a/src/layout/Paragraph/ParagraphComponent.tsx
+++ b/src/layout/Paragraph/ParagraphComponent.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Grid, makeStyles, Typography } from '@material-ui/core';
+import { Grid, Typography } from '@material-ui/core';
 
 import { HelpTextContainer } from 'src/components/form/HelpTextContainer';
 import { useLanguage } from 'src/hooks/useLanguage';
@@ -9,40 +9,8 @@ import type { PropsFromGenericComponent } from 'src/layout';
 
 export type IParagraphProps = PropsFromGenericComponent<'Paragraph'>;
 
-const useStyles = makeStyles({
-  spacing: {
-    '@media only screen': {
-      letterSpacing: '0.3px',
-      maxWidth: '684px',
-      marginTop: '-12px',
-    },
-  },
-  // Class to override default stylings for headers created by markdown parsing. Done to align help text icon.
-  typography: {
-    '& h1': {
-      margin: 0,
-    },
-    '& h2': {
-      margin: 0,
-    },
-    '& h3': {
-      margin: 0,
-    },
-    '& h4': {
-      margin: 0,
-    },
-    '& h5': {
-      margin: 0,
-    },
-    '& h6': {
-      margin: 0,
-    },
-  },
-});
-
 export function ParagraphComponent({ node }: IParagraphProps) {
   const { id, textResourceBindings } = node.item;
-  const classes = useStyles();
   const { lang } = useLanguage();
   const text = lang(textResourceBindings?.title);
 
@@ -57,16 +25,12 @@ export function ParagraphComponent({ node }: IParagraphProps) {
           component={'div'}
           id={id}
           data-testid={`paragraph-component-${id}`}
-          className={`${classes.spacing} ${classes.typography}`}
         >
           {text}
         </Typography>
       </Grid>
       {textResourceBindings?.help && (
-        <Grid
-          item={true}
-          className={classes.spacing}
-        >
+        <Grid item={true}>
           <HelpTextContainer
             helpText={lang(textResourceBindings.help)}
             title={getPlainTextFromNode(text)}
diff --git a/src/styles/tjenester3.css b/src/styles/tjenester3.css
index 472d848141..8b7f016b97 100644
--- a/src/styles/tjenester3.css
+++ b/src/styles/tjenester3.css
@@ -36,21 +36,6 @@ hr {
   overflow: visible;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 0;
-  margin-bottom: 6px;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 0.625rem;
-}
-
 abbr[title],
 abbr[data-original-title] {
   text-decoration: underline;
@@ -213,82 +198,6 @@ template {
   display: none !important;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
-  margin-bottom: 6px;
-  font-weight: 500;
-  line-height: 1.2;
-}
-
-h1,
-.h1 {
-  font-size: 2.5rem;
-}
-
-h2,
-.h2 {
-  font-size: 2rem;
-}
-
-h3,
-.h3 {
-  font-size: 1.75rem;
-}
-
-h4,
-.h4 {
-  font-size: 1.5rem;
-}
-
-h5,
-.h5 {
-  font-size: 1.25rem;
-}
-
-h6,
-.h6 {
-  font-size: 1rem;
-}
-
-.lead {
-  font-size: 1.25rem;
-  font-weight: 300;
-}
-
-.display-1 {
-  font-size: 3.75rem;
-  font-weight: 300;
-  line-height: 1.2;
-}
-
-.display-2 {
-  font-size: 3.4375rem;
-  font-weight: 300;
-  line-height: 1.2;
-}
-
-.display-3 {
-  font-size: 2.8125rem;
-  font-weight: 300;
-  line-height: 1.2;
-}
-
-.display-4 {
-  font-size: 2.1875rem;
-  font-weight: 300;
-  line-height: 1.2;
-}
-
 hr {
   margin-top: 12px;
   margin-bottom: 12px;
@@ -12856,37 +12765,6 @@ fieldset[disabled] .datepicker table tr td span.active:hover:hover {
   box-sizing: border-box;
 }
 
-html,
-body,
-div,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-ol,
-ul,
-li,
-form,
-legend,
-label,
-.a-form-group .a-form-label-inline,
-.form-group .a-form-label-inline,
-table,
-header,
-footer,
-nav,
-section,
-figure {
-  padding: 0;
-  margin: 0;
-}
-
 header,
 footer,
 nav,
@@ -13076,286 +12954,6 @@ figure {
   animation-name: fadeInLeft;
 }
 
-.a-fontSizeXXL,
-.a-iconText.a-iconText-smallLink .a-iconText-text .a-iconText-text-large,
-.a-btn.a-btn-border,
-h1,
-.a-h1 {
-  font-size: 24px;
-  font-size: 1.5rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-@media (min-width: 768px) {
-  .a-fontSizeXXL,
-  .a-iconText.a-iconText-smallLink .a-iconText-text .a-iconText-text-large,
-  .a-btn.a-btn-border,
-  h1,
-  .a-h1 {
-    font-size: 28px;
-    font-size: 1.75rem;
-    line-height: 1.4;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-@media (min-width: 992px) {
-  .a-fontSizeXXL,
-  .a-iconText.a-iconText-smallLink .a-iconText-text .a-iconText-text-large,
-  .a-btn.a-btn-border,
-  h1,
-  .a-h1 {
-    font-size: 36px;
-    font-size: 2.25rem;
-    line-height: 1.2;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-fontSizeXL,
-.a-tabs.a-tabs-lg .a-tab-btn,
-h2,
-.a-h2 {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-@media (min-width: 768px) {
-  .a-fontSizeXL,
-  .a-tabs.a-tabs-lg .a-tab-btn,
-  h2,
-  .a-h2 {
-    font-size: 22px;
-    font-size: 1.375rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-@media (min-width: 992px) {
-  .a-fontSizeXL,
-  .a-tabs.a-tabs-lg .a-tab-btn,
-  h2,
-  .a-h2 {
-    font-size: 24px;
-    font-size: 1.5rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-@media (min-width: 1200px) {
-  .a-fontSizeXL,
-  .a-tabs.a-tabs-lg .a-tab-btn,
-  h2,
-  .a-h2 {
-    font-size: 28px;
-    font-size: 1.75rem;
-    line-height: 1.4;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-fontSizeL,
-.a-cardImage.a-cardImage-border .a-cardImage-text p {
-  font-size: 18px;
-  font-size: 1.125rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-@media (min-width: 768px) {
-  .a-fontSizeL,
-  .a-cardImage.a-cardImage-border .a-cardImage-text p {
-    font-size: 20px;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-@media (min-width: 992px) {
-  .a-fontSizeL,
-  .a-cardImage.a-cardImage-border .a-cardImage-text p {
-    font-size: 24px;
-    font-size: 1.5rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-fontSizeM,
-.a-inboxHeadingContent .a-msgHeadingTextContainer h1,
-.a-inboxHeadingContent .a-msgHeadingTextContainer h3,
-.a-footerNav ul li a,
-.a-footerExtraNav ul li a,
-.a-articleList .a-linkArticle a,
-.a-mainCard .a-mainCard-content,
-.a-login-container .a-btn-shadow.a-btn-shadow-large,
-p.a-paragraphLarge,
-h3,
-.a-h3,
-.a-card .a-h3 a,
-.a-linkFeatured,
-a.a-link-large,
-.a-btn-link.a-link-large {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-@media (min-width: 768px) {
-  .a-fontSizeM,
-  .a-inboxHeadingContent .a-msgHeadingTextContainer h1,
-  .a-inboxHeadingContent .a-msgHeadingTextContainer h3,
-  .a-footerNav ul li a,
-  .a-footerExtraNav ul li a,
-  .a-articleList .a-linkArticle a,
-  .a-mainCard .a-mainCard-content,
-  .a-login-container .a-btn-shadow.a-btn-shadow-large,
-  p.a-paragraphLarge,
-  h3,
-  .a-h3,
-  .a-card .a-h3 a,
-  .a-linkFeatured,
-  a.a-link-large,
-  .a-btn-link.a-link-large {
-    font-size: 18px;
-    font-size: 1.125rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-@media (min-width: 992px) {
-  .a-fontSizeM,
-  .a-inboxHeadingContent .a-msgHeadingTextContainer h1,
-  .a-inboxHeadingContent .a-msgHeadingTextContainer h3,
-  .a-footerNav ul li a,
-  .a-footerExtraNav ul li a,
-  .a-articleList .a-linkArticle a,
-  .a-mainCard .a-mainCard-content,
-  .a-login-container .a-btn-shadow.a-btn-shadow-large,
-  p.a-paragraphLarge,
-  h3,
-  .a-h3,
-  .a-card .a-h3 a,
-  .a-linkFeatured,
-  a.a-link-large,
-  .a-btn-link.a-link-large {
-    font-size: 20px;
-    font-size: 1.25rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-fontSizeS,
-.a-inboxCompact .a-inboxHeadingContent h3,
-ul.a-item-list-icon li span,
-ul.a-bullet-list li,
-.a-btn,
-h4,
-.a-h4,
-.a-custom-radio .a-radioButtons-title {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-@media (min-width: 768px) {
-  .a-fontSizeS,
-  .a-inboxCompact .a-inboxHeadingContent h3,
-  ul.a-item-list-icon li span,
-  ul.a-bullet-list li,
-  .a-btn,
-  h4,
-  .a-h4,
-  .a-custom-radio .a-radioButtons-title {
-    font-size: 18px;
-    font-size: 1.125rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-fontSizeXS,
-.a-inline-page-link a,
-.a-list.a-list-large li .a-inline-page-link a.a-list-rowLink,
-.a-inline-page-link .a-list.a-list-large li a.a-list-rowLink,
-.a-globalNav .navbar-toggler,
-.a-list.a-list-large li .a-globalNav .a-list-rowLink.navbar-toggler,
-.a-globalNav .a-list.a-list-large li .a-list-rowLink.navbar-toggler,
-.a-list.a-list-large li .a-list-rowLink.a-fontSizeXS,
-.a-list.a-list-large li .a-form-group .a-list-rowLink.a-form-label,
-.a-form-group .a-list.a-list-large li .a-list-rowLink.a-form-label,
-.a-list.a-list-large li .form-group .a-list-rowLink.a-form-label,
-.form-group .a-list.a-list-large li .a-list-rowLink.a-form-label,
-.a-list.a-list-large li .a-switch .a-list-rowLink.a-switch-label,
-.a-switch .a-list.a-list-large li .a-list-rowLink.a-switch-label,
-.a-list.a-list-large li p.a-list-rowLink,
-.a-list.a-list-large li .a-list-rowLink.a-meta-text,
-.a-list.a-list-large li .a-list-rowLink.a-titleExtra,
-.a-list.a-list-large li .a-list-rowLink.a-btn-link,
-.a-list.a-list-large li .a-box-button .a-list-rowLink.a-box-button-action-arrow,
-.a-box-button .a-list.a-list-large li .a-list-rowLink.a-box-button-action-arrow,
-.a-list.a-list-large li .a-list-rowLink.popover,
-.popover,
-.a-box-button .a-box-button-action-arrow,
-.a-btn-link,
-.a-titleExtra,
-.a-meta-text,
-p,
-.a-switch .a-switch-label,
-.a-form-group .a-form-label,
-.form-group .a-form-label {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
-@media (min-width: 768px) {
-  .a-md-fontSizeXS {
-    font-size: 16px;
-    font-size: 1rem;
-    line-height: 1.5;
-    -webkit-font-smoothing: subpixel-antialiased;
-  }
-}
-
-.a-fontSizeXXS,
-.a-searchResults .a-searchResults-breadcrumb,
-.a-inboxHeadingContent .a-msgState,
-.a-inboxHeadingContent .a-msgDuedate,
-.a-dropdown-languages .dropdown-item p,
-.a-dropdown-personswitchList .dropdown-item p,
-.a-personSwitcher,
-.a-header-options .a-languageSwitcher,
-.a-footerExtraNav ul li a,
-.a-footerExtraNav,
-.a-autocomplete-container .a-list li,
-.a-iconText.a-iconText-smallLink .a-iconText-text a,
-.a-box-button .a-box-button-name,
-.a-box-button .a-box-button-action,
-.a-label,
-.a-validatorInfo {
-  font-size: 14px;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
-.a-fontSizeXXXS {
-  font-size: 12px;
-  font-size: 0.75rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
-.a-fontSizeXXXXS,
-.a-box-button .a-meta-text {
-  font-size: 10px;
-  font-size: 0.625rem;
-  line-height: 1.5;
-  -webkit-font-smoothing: subpixel-antialiased;
-}
-
 input[type='text'],
 input[type='email'],
 input[type='password'] {
@@ -15003,39 +14601,6 @@ h1 + .a-helpIconButton {
   border-bottom: 2px solid #0062ba;
 }
 
-h1,
-.a-h1 {
-  margin-bottom: 12px;
-}
-
-h2,
-.a-h2 {
-  margin-bottom: 12px;
-}
-
-h3,
-.a-h3,
-.a-card .a-h3 a {
-  font-weight: bold;
-  margin-bottom: 6px;
-}
-
-h4,
-.a-h4 {
-  font-weight: bold;
-  margin-bottom: 6px;
-}
-
-.a-fontBold,
-b,
-strong {
-  font-weight: bold;
-}
-
-p {
-  margin-bottom: 18px;
-}
-
 mark,
 .a-mark {
   padding: 0;
diff --git a/src/theme/altinnAppTheme.tsx b/src/theme/altinnAppTheme.tsx
index 41d231c6b8..ac75907adb 100644
--- a/src/theme/altinnAppTheme.tsx
+++ b/src/theme/altinnAppTheme.tsx
@@ -50,25 +50,32 @@ export const AltinnAppTheme = {
     htmlFontSize: 16,
     fontFamily: 'inherit',
     h1: {
-      fontSize: 36,
+      fontSize: '2rem',
+      fontWeight: 500,
     },
     h2: {
-      fontSize: 28,
+      fontSize: '1.75rem',
+      fontWeight: 500,
     },
     h3: {
-      fontSize: 20,
+      fontSize: '1.5rem',
+      fontWeight: 500,
+    },
+    h4: {
+      fontSize: '1.25rem',
+      fontWeight: 500,
     },
     body1: {
-      fontSize: 16,
+      fontSize: '1rem',
     },
     body2: {
-      fontSize: 14,
+      fontSize: '0.875rem',
     },
     caption: {
-      fontSize: 14,
+      fontSize: '0.875rem',
     },
     subtitle1: {
-      fontSize: 14,
+      fontSize: '0.875rem',
     },
   },
 };

From f80f3db3c9a345db11f99ade49f24991366d2cc4 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Mon, 3 Jul 2023 15:08:39 +0200
Subject: [PATCH 09/15] fix other texts

---
 src/components/form/Description.module.css               | 7 +++++++
 src/components/form/Description.tsx                      | 3 ++-
 src/components/form/Label.module.css                     | 5 +++++
 src/components/form/Label.tsx                            | 3 ++-
 src/components/organisms/AltinnAppHeader.module.css      | 2 +-
 src/components/organisms/AltinnReceipt.tsx               | 1 -
 src/index.css                                            | 1 +
 .../FileUpload/shared/DropzoneComponent.module.css       | 4 ++--
 .../FileUploadWithTag/EditWindowComponent.module.css     | 2 +-
 src/styles/tjenester3.css                                | 7 -------
 src/utils/render.tsx                                     | 9 +++++++--
 11 files changed, 28 insertions(+), 16 deletions(-)
 create mode 100644 src/components/form/Description.module.css
 create mode 100644 src/components/form/Label.module.css

diff --git a/src/components/form/Description.module.css b/src/components/form/Description.module.css
new file mode 100644
index 0000000000..39de1801d5
--- /dev/null
+++ b/src/components/form/Description.module.css
@@ -0,0 +1,7 @@
+.description {
+  margin-bottom: 0.75rem;
+  word-break: break-word;
+  line-height: 1.5rem;
+  color: var(--semantic-text-neutral-subtle);
+  display: inline-block;
+}
diff --git a/src/components/form/Description.tsx b/src/components/form/Description.tsx
index 8f5eb6814a..1b9e1559c5 100644
--- a/src/components/form/Description.tsx
+++ b/src/components/form/Description.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import classes from 'src/components/form/Description.module.css';
 export interface IDescriptionProps {
   description: React.ReactNode;
   id: string;
@@ -11,7 +12,7 @@ export function Description(props: IDescriptionProps) {
   }
   return (
     <span
-      className='a-form-label description-label'
+      className={classes.description}
       id={`description-${props.id}`}
       data-testid={`description-${props.id}`}
     >
diff --git a/src/components/form/Label.module.css b/src/components/form/Label.module.css
new file mode 100644
index 0000000000..590cf5f1ca
--- /dev/null
+++ b/src/components/form/Label.module.css
@@ -0,0 +1,5 @@
+.label {
+  font-weight: 500;
+  margin-bottom: 0.75rem;
+  display: inline-block;
+}
diff --git a/src/components/form/Label.tsx b/src/components/form/Label.tsx
index 5f765d7e27..752ecfd903 100644
--- a/src/components/form/Label.tsx
+++ b/src/components/form/Label.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import { Grid } from '@material-ui/core';
 
 import { HelpTextContainer } from 'src/components/form/HelpTextContainer';
+import classes from 'src/components/form/Label.module.css';
 import { OptionalIndicator } from 'src/components/form/OptionalIndicator';
 import { RequiredIndicator } from 'src/components/form/RequiredIndicator';
 import { getPlainTextFromNode } from 'src/utils/stringHelper';
@@ -30,7 +31,7 @@ export function Label(props: IFormLabelProps) {
     >
       <Grid item={true}>
         <label
-          className='a-form-label title-label'
+          className={classes.label}
           htmlFor={props.id}
           data-testid={`label-${props.id}`}
           id={`label-${props.id}`}
diff --git a/src/components/organisms/AltinnAppHeader.module.css b/src/components/organisms/AltinnAppHeader.module.css
index 7773819616..c178eb9b52 100644
--- a/src/components/organisms/AltinnAppHeader.module.css
+++ b/src/components/organisms/AltinnAppHeader.module.css
@@ -4,7 +4,7 @@
 
 .appBarText {
   font-size: 0.875rem;
-  font-weight: 700;
+  font-weight: 500;
 }
 
 .container {
diff --git a/src/components/organisms/AltinnReceipt.tsx b/src/components/organisms/AltinnReceipt.tsx
index 63e7c8daf0..32b689096a 100644
--- a/src/components/organisms/AltinnReceipt.tsx
+++ b/src/components/organisms/AltinnReceipt.tsx
@@ -156,7 +156,6 @@ export function ReceiptComponent({
               style={{
                 paddingTop: '2.562rem',
                 paddingBottom: '0.3125rem',
-                fontWeight: 600,
               }}
             >
               {titleSubmitted}
diff --git a/src/index.css b/src/index.css
index 3da1f4cd52..1bf4dad75f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -8,6 +8,7 @@
   font-weight: normal;
   line-height: 1.5;
   text-align: left;
+  color: var(--semantic-text-neutral-default);
 }
 /* Override design system default font */
 * {
diff --git a/src/layout/FileUpload/shared/DropzoneComponent.module.css b/src/layout/FileUpload/shared/DropzoneComponent.module.css
index e1f0643c42..158c58ef42 100644
--- a/src/layout/FileUpload/shared/DropzoneComponent.module.css
+++ b/src/layout/FileUpload/shared/DropzoneComponent.module.css
@@ -10,7 +10,7 @@
 }
 
 .fileUploadTextBold {
-  font-weight: bold;
+  font-weight: 500;
   font-size: 1rem;
   margin-bottom: 0.375rem;
 }
@@ -19,7 +19,7 @@
 }
 
 .fileUploadTextBoldSmall {
-  font-weight: bold;
+  font-weight: 500;
   font-size: 0.75rem;
   margin-bottom: 0;
 }
diff --git a/src/layout/FileUploadWithTag/EditWindowComponent.module.css b/src/layout/FileUploadWithTag/EditWindowComponent.module.css
index f760e4eaaa..90720a97d2 100644
--- a/src/layout/FileUploadWithTag/EditWindowComponent.module.css
+++ b/src/layout/FileUploadWithTag/EditWindowComponent.module.css
@@ -9,7 +9,7 @@
 }
 
 .label {
-  font-weight: bold;
+  font-weight: 500;
   font-size: 1rem;
 }
 
diff --git a/src/styles/tjenester3.css b/src/styles/tjenester3.css
index 8b7f016b97..2798aec21a 100644
--- a/src/styles/tjenester3.css
+++ b/src/styles/tjenester3.css
@@ -134,13 +134,6 @@ svg {
   vertical-align: middle;
 }
 
-label,
-.a-form-group .a-form-label-inline,
-.form-group .a-form-label-inline {
-  display: inline-block;
-  margin-bottom: 0.3125rem;
-}
-
 input[type='radio'],
 input[type='checkbox'] {
   box-sizing: border-box;
diff --git a/src/utils/render.tsx b/src/utils/render.tsx
index a69df30dc5..0100775348 100644
--- a/src/utils/render.tsx
+++ b/src/utils/render.tsx
@@ -44,7 +44,12 @@ export function renderValidationMessages(
         variant={variant}
         key={id}
       >
-        <ol id={id}>{messages.map(validationMessagesToList)}</ol>
+        <ol
+          style={{ paddingLeft: 0 }}
+          id={id}
+        >
+          {messages.map(validationMessagesToList)}
+        </ol>
       </SoftValidations>
     );
   }
@@ -58,7 +63,7 @@ export function renderValidationMessages(
         size='small'
         id={id}
       >
-        <ol>{messages.map(validationMessagesToList)}</ol>
+        <ol style={{ paddingLeft: 0 }}>{messages.map(validationMessagesToList)}</ol>
       </ErrorMessage>
     </div>
   );

From ecf9fe56bbdaac453f1f4b7b06022e9f7afdc1f8 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Mon, 3 Jul 2023 15:12:04 +0200
Subject: [PATCH 10/15] override font family

---
 src/index.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/index.css b/src/index.css
index 1bf4dad75f..2f853ff2bf 100644
--- a/src/index.css
+++ b/src/index.css
@@ -17,6 +17,7 @@
   --font_family-ingress: 'Inter', sans-serif;
   --font_family-body: 'Inter', sans-serif;
   --font_family-label: 'Inter', sans-serif;
+  --typography-default-font-family: 'Inter', sans-serif;
 
   --component-panel-font_size-header-breakpoint_sm: 1.25rem;
   --component-panel-font_size-header-breakpoint_md: 1.5rem;
@@ -35,6 +36,7 @@
     --font_family-ingress: 'Inter var', sans-serif;
     --font_family-body: 'Inter var', sans-serif;
     --font_family-label: 'Inter var', sans-serif;
+    --typography-default-font-family: 'Inter var', sans-serif;
   }
 }
 

From b974f82a7c5d6ddb8ba1f87e52ce9c95d9461dda Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Tue, 4 Jul 2023 09:17:03 +0200
Subject: [PATCH 11/15] nice

---
 src/index.css             | 30 +++++++++---------------------
 src/styles/tjenester3.css | 38 --------------------------------------
 2 files changed, 9 insertions(+), 59 deletions(-)

diff --git a/src/index.css b/src/index.css
index 2f853ff2bf..a3aa142804 100644
--- a/src/index.css
+++ b/src/index.css
@@ -10,36 +10,24 @@
   text-align: left;
   color: var(--semantic-text-neutral-default);
 }
-/* Override design system default font */
-* {
-  --font_family-default: 'Inter', sans-serif;
-  --font_family-heading: 'Inter', sans-serif;
-  --font_family-ingress: 'Inter', sans-serif;
-  --font_family-body: 'Inter', sans-serif;
-  --font_family-label: 'Inter', sans-serif;
-  --typography-default-font-family: 'Inter', sans-serif;
-
-  --component-panel-font_size-header-breakpoint_sm: 1.25rem;
-  --component-panel-font_size-header-breakpoint_md: 1.5rem;
-  --component-panel-font_size-header-breakpoint_lg: 1.75rem;
-  --component-panel-font_size-body-breakpoint_md: 1rem;
-}
 @supports (font-variation-settings: normal) {
   :root {
     font-family: 'Inter var', sans-serif;
   }
-  /* Override design system default font */
   * {
     font-feature-settings: 'cv05';
-    --font_family-default: 'Inter var', sans-serif;
-    --font_family-heading: 'Inter var', sans-serif;
-    --font_family-ingress: 'Inter var', sans-serif;
-    --font_family-body: 'Inter var', sans-serif;
-    --font_family-label: 'Inter var', sans-serif;
-    --typography-default-font-family: 'Inter var', sans-serif;
   }
 }
 
+/* Override design system variables */
+* {
+  --component-panel-font_size-header-breakpoint_sm: 1.4rem;
+  --component-panel-font_size-header-breakpoint_md: 1.6rem;
+  --component-panel-font_size-header-breakpoint_lg: 1.75rem;
+  --component-panel-font_size-body-breakpoint_md: 1rem;
+  --component-panel-font_weight-heading: 500;
+}
+
 /* Global variables */
 :root {
   --table-input-margin: 15px; /* From design-system, move to figma-tokens? */
diff --git a/src/styles/tjenester3.css b/src/styles/tjenester3.css
index 2798aec21a..d4baa165de 100644
--- a/src/styles/tjenester3.css
+++ b/src/styles/tjenester3.css
@@ -67,44 +67,6 @@ ul ol {
   margin-bottom: 0;
 }
 
-dt {
-  font-weight: bold;
-}
-
-dd {
-  margin-bottom: 0.3125rem;
-  margin-left: 0;
-}
-
-blockquote {
-  margin: 0 0 0.625rem;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
 a {
   color: #008fd6;
   text-decoration: none;

From d8267e8256c32d1090542f21410f92296fb226ea Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Tue, 4 Jul 2023 10:01:23 +0200
Subject: [PATCH 12/15] fix pdf title

---
 src/features/pdf/PDFView.module.css | 11 +----------
 src/features/pdf/PDFView.tsx        | 18 ++++++++----------
 2 files changed, 9 insertions(+), 20 deletions(-)

diff --git a/src/features/pdf/PDFView.module.css b/src/features/pdf/PDFView.module.css
index cd847db024..1c6b15d83c 100644
--- a/src/features/pdf/PDFView.module.css
+++ b/src/features/pdf/PDFView.module.css
@@ -1,14 +1,5 @@
 .pdf-wrapper h1 {
-  font-size: xx-large;
-  margin-bottom: 0;
-}
-
-.title-margin {
-  margin-bottom: 1.25rem !important;
-}
-
-.pdf-wrapper p[role='doc-subtitle'] {
-  font-size: x-large;
+  margin-top: 0;
 }
 
 .component-container {
diff --git a/src/features/pdf/PDFView.tsx b/src/features/pdf/PDFView.tsx
index 29b75c621c..0eaf9532d3 100644
--- a/src/features/pdf/PDFView.tsx
+++ b/src/features/pdf/PDFView.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import cn from 'classnames';
+import { Heading } from '@digdir/design-system-react';
 
 import { ReadyForPrint } from 'src/components/ReadyForPrint';
 import { PDF_LAYOUT_NAME } from 'src/features/pdf/data/pdfSlice';
@@ -73,15 +73,13 @@ export const PDFView = ({ appName, appOwner }: PDFViewProps) => {
       id='pdfView'
       className={classes['pdf-wrapper']}
     >
-      <h1 className={cn({ [classes['title-margin']]: !appOwner })}>{appName}</h1>
-      {appOwner && (
-        <p
-          role='doc-subtitle'
-          className={classes['title-margin']}
-        >
-          {appOwner}
-        </p>
-      )}
+      {appOwner && <span role='doc-subtitle'>{appOwner}</span>}
+      <Heading
+        level={1}
+        size='large'
+      >
+        {appName}
+      </Heading>
       {pdfPage.children().map((node) => (
         <div
           key={node.item.id}

From c660c40a84b3824bc64bc8677f6663c0837c58e2 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Tue, 4 Jul 2023 10:12:01 +0200
Subject: [PATCH 13/15] fix unit tests

---
 src/components/presentation/Header.test.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/presentation/Header.test.tsx b/src/components/presentation/Header.test.tsx
index 6abb7af15e..a8b80bfbb1 100644
--- a/src/components/presentation/Header.test.tsx
+++ b/src/components/presentation/Header.test.tsx
@@ -22,12 +22,12 @@ describe('Header', () => {
     expect(screen.getByRole('banner')).toHaveTextContent('Test Header');
   });
 
-  it('should render with success modal and custom text when process is archived', () => {
+  it('should render with custom text when process is archived', () => {
     renderWithProviders(<Header type={ProcessTaskType.Archived} />, {
       preloadedState: getInitialStateMock(),
     });
     const header = screen.getByRole('banner');
-    expect(header).toHaveClass('a-modal-background-success');
+    expect(header).toHaveTextContent('Kvittering');
   });
 
   it('should not render progress', () => {

From 2559c1f330cabbca110891a0351f00041ff18105 Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Tue, 4 Jul 2023 10:17:26 +0200
Subject: [PATCH 14/15] fix cypress tests

---
 test/e2e/pageobjects/app-frontend.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/e2e/pageobjects/app-frontend.ts b/test/e2e/pageobjects/app-frontend.ts
index 079bd104c2..fbff4f7dc0 100644
--- a/test/e2e/pageobjects/app-frontend.ts
+++ b/test/e2e/pageobjects/app-frontend.ts
@@ -21,7 +21,7 @@ export class AppFrontend {
 
   //Common
   public loadingAnimation = 'rect[role="presentation"]';
-  public header = '.a-modal-header';
+  public header = '#main-content > header';
   public closeButton = '[data-testid="form-close-button"]';
   public backButton = '[data-testid="form-back-button"]';
   public attachmentIcon = '.reg-attachment';

From 5531a9b938125c6a595788185173b1b660b8668f Mon Sep 17 00:00:00 2001
From: = <bjosttveit@gmail.com>
Date: Tue, 4 Jul 2023 12:51:39 +0200
Subject: [PATCH 15/15] minor tweaks

---
 src/components/message/ErrorReport.module.css       | 3 ++-
 src/layout/Image/ImageComponent.tsx                 | 1 +
 src/layout/NavigationBar/NavigationBarComponent.tsx | 2 +-
 src/layout/Paragraph/ParagraphComponent.tsx         | 1 +
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/message/ErrorReport.module.css b/src/components/message/ErrorReport.module.css
index c520303023..45d2272b17 100644
--- a/src/components/message/ErrorReport.module.css
+++ b/src/components/message/ErrorReport.module.css
@@ -1,6 +1,7 @@
 .errorList {
   list-style-position: outside;
-  margin-left: 24px;
+  margin: 0 0 0 24px;
+  padding: 0;
 }
 
 .errorList li {
diff --git a/src/layout/Image/ImageComponent.tsx b/src/layout/Image/ImageComponent.tsx
index eccc439900..a02df3c3fe 100644
--- a/src/layout/Image/ImageComponent.tsx
+++ b/src/layout/Image/ImageComponent.tsx
@@ -37,6 +37,7 @@ export function ImageComponent({ node }: IImageProps) {
       container
       direction='row'
       justifyContent={align}
+      spacing={1}
     >
       <Grid item={true}>
         {renderSvg ? (
diff --git a/src/layout/NavigationBar/NavigationBarComponent.tsx b/src/layout/NavigationBar/NavigationBarComponent.tsx
index 39c2fe04ea..c46f80fa2d 100644
--- a/src/layout/NavigationBar/NavigationBarComponent.tsx
+++ b/src/layout/NavigationBar/NavigationBarComponent.tsx
@@ -45,7 +45,7 @@ const useStyles = makeStyles((theme) => ({
     height: '100%',
     display: 'block',
     textAlign: 'left',
-    padding: '6px 12px',
+    padding: '8px 14px',
     borderRadius: '40px',
     fontSize: '1rem',
 
diff --git a/src/layout/Paragraph/ParagraphComponent.tsx b/src/layout/Paragraph/ParagraphComponent.tsx
index ee0d8f3273..807c21c771 100644
--- a/src/layout/Paragraph/ParagraphComponent.tsx
+++ b/src/layout/Paragraph/ParagraphComponent.tsx
@@ -19,6 +19,7 @@ export function ParagraphComponent({ node }: IParagraphProps) {
       container={true}
       direction='row'
       alignItems='center'
+      spacing={1}
     >
       <Grid item={true}>
         <Typography