altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
5,563 lines • 210 kB
HTML
<!DOCTYPE html>
<html lang="no" class="">
<head>
<title>DESIGNSYSTEM PROTOTYPE - Altinn</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name = "format-detection" content = "telephone=no">
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="../../images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../../images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../../images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../../images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../../images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../../images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../../images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../../images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="../../images/favicons/manifest.json">
<link rel="mask-icon" href="../../images/favicons/safari-pinned-tab.svg">
<meta name="apple-mobile-web-app-title" content="Altinn">
<meta name="application-name" content="Altinn">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- FortAwesome icons-->
<script src="https://use.fortawesome.com/ed31cded.js"></script>
<script src="https://use.fortawesome.com/df832575.js"></script>
<!-- Theme stylesheet -->
<link rel="stylesheet" href="../../css/style.prototype.altinn.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../css/style.dist.brreg.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../css/style.dist.altinnett.css" type="text/css" media="screen">
<script type="text/javascript">
if (self === top) {
var elm = document.getElementsByTagName("html")[0];
elm.style.display = "none";
}
</script>
<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
<!-- never cache patterns -->
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="stylesheet" href="../../styleguide/css/styleguide.min.css?1572447551749" media="all">
<link rel="stylesheet" href="../../styleguide/css/prism-typeahead.min.css?1572447551749" media="all" />
<!-- End Pattern Lab -->
</head>
<body class="" id="top">
<div class="a-sg-content-preloader"><div class="a-sg-content-preloader-status"> </div></div>
<div class="sg-top">
<div class="container welcome-panel-altinn">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8">
<h1><span class="a-h4">PATTERN LAB</span><br>Levende designsystem og prototypeverktøy for Altinns webløsninger </h1>
<p class="a-leadText">Designsystemet er laget med Pattern Lab, basert på atomisk designmetodikk. Vi bruker dette systemet til å opprettholde frontend-kode og visuell konsistens på tvers av løsningene. Målet er å skape et felles sted for UI-mønstre og stilsett, som etterhvert skal benyttes av alle løsningene til Altinn.</p>
<div class="a-btn-group a-btn-group-exLinks">
<a href="https://altinn.github.io/designsystem-styleguide/" target="_blank">Les mer om designsystemet </a>
<a href="http://altinn.github.io/DesignSystem/public/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html?1498551267012" target="_blank">
Åpne prototype
</a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">
<span class="sg-atom d-none d-lg-block"></span>
</div>
</div>
</div>
<div class="container welcome-panel-brsys" style="display:none;">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8">
<h1><span class="a-h4">PATTERN LAB</span><br>Levende designsystem og prototypeverktøy for Brønnøysundregistrene webløsninger </h1>
<p class="a-leadText">Designsystemet er laget med Pattern Lab, basert på atomisk designmetodikk. Vi bruker dette systemet til å opprettholde frontend-kode og visuell konsistens på tvers av løsningene. Målet er å skape et felles sted for UI-mønstre og stilsett, som etterhvert kan benyttes av alle løsningene til Brønnøysundregistrene.</p>
<div class="a-btn-group a-btn-group-exLinks">
<a href="https://altinn.github.io/designsystem-styleguide/" target="_blank">Les mer om designsystemet </a>
<a href="https://confluence.brreg.no/display/BK/BRsys+%3A+Brukskvalitet" target="_blank">
Les mer om brukskvalitet i BRsys
</a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">
<div class="sg-atom-brsys d-none d-lg-block">
<span class="sg-orbit-brsys">
<span class="sg-core-brsys"></span>
<span class="sg-electron-brsys"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="sg-statesExplanation">
<div class="container">
<div class="sg-pattern-state specification">
<span class="sg-pattern-state-specification">UNDER SPESIFISERING (specification)</span> - komponenten er under spesifisering. <br />
</div>
<div class="sg-pattern-state inprogress">
<span class="sg-pattern-state-inprogress">ARBEID PÅGÅR (inprogress)</span> - komponenten er under utvikling, og blir jobbet på for øyeblikket. <br />
</div>
<div class="sg-pattern-state indesignreview">
<span class="sg-pattern-state-indesignreview">TIL DESIGN REVIEW (indesignreview)</span> - komponenten er klar for design gjennomgang/diskusjon, og venter på godkjenning. <br />
</div>
<div class="sg-pattern-state complete">
<span class="sg-pattern-state-complete">FERDIG (complete)</span> - komponenten anses som ferdig og klar for bruk.<br />
</div>
<div class="sg-pattern-state needsrevalidation">
<span class="sg-pattern-state-needsrevalidation">MÅ REVALIDERES (needsrevalidation)</span> - det er gjort endringer i rammeverk / platform som gjør at denne komponenten må revalideres. <br />
</div>
<div class="sg-pattern-state archived">
<span class="sg-pattern-state-archived">ARKIVERT</span> - komponenten er arkivert og blir ikke vedlikeholdt for øyeblikket.
<div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox ml-1">
<input type="checkbox" class="custom-control-input a-sg-js-toggleArchived" id="check-archived">
<label class="custom-control-label" for="check-archived">Vis arkiverte komponenter</label>
</div>
</div>
<br />
<span class="sg-pattern-variations">
<span class="sg-pattern-state-variations">♺</span> VARIASJONER - En variasjon av en annen komponent
<a href="javascript:;" aria-label="info" tabindex="0" class="a-helpIconButton" role="button" data-toggle="popover" data-template='<div class="popover " role="tooltip"><div class="popover-arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' data-target="#myPopup3" data-placement="bottom" data-trigger="focus" title="Variasjoner" data-content="Variasjonskomponentene har samme HTML-struktur som sin hovedkomponent, men viser ulike variasjoner av stilsetting man kan oppnå ved å benytte ulike CSS-klasser etc.">
<i class="ai ai-info-circle"></i><span class="sr-only">Vis mer info om variasjonskomponentene</span>
</a>
</span>
</div>
</div>
<div class="container clearfix">
<!-- View All Patterns in a Pattern Sub-Type -->
<div class="sg-main" role="main">
<!-- Patterns -->
<div id="sg-patterns" class="clearfix">
<div id="viewall-maler-portal-innboks" class="sg-pattern-category">
<h2 class="sg-pattern-category-title"><a href="../../patterns/03-maler-portal-50-innboks\index.html" class="patternLink" data-patternpartial="viewall-maler-portal-innboks">innboks</a></h2>
<div class="sg-pattern-category-body">
</div><!--end sg-pattern-category-body-->
</div><!--end sg-pattern-category-->
<div id="maler-portal-innboks" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/03-maler-portal-50-innboks-00-innboks\03-maler-portal-50-innboks-00-innboks.html" class="patternLink" data-patternpartial="maler-portal-innboks" title="Link to Pattern">
Innboks
<span class="sg-pattern-state inprogress">inprogress</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="maler-portal-innboks" title="View Pattern Info" id="sg-pattern-extra-toggle-maler-portal-innboks" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-maler-portal-innboks">
</div>
<div class="sg-pattern-example">
<!-- START: 03-maler-portal-50-innboks-00-innboks -->
<!-- START: 02-organismer-01-globale-00-header -->
<!-- Skip to main content -->
<nav class="a-jumpnav">
<ul class="no-decoration d-flex">
<li><a class="sr-only sr-only-focusable" href="#content">Hopp til hovedinnholdet</a></li>
<li><a class="sr-only sr-only-focusable" href="#primary-nav">Hopp til hovedmeny</a></li>
<li><a class="sr-only sr-only-focusable" href="#search">Hopp til søk</a></li>
</ul>
</nav>
<!-- Begin .header -->
<header class="a-header a-js-hideElement ">
<!-- Begin .container -->
<div class="container">
<div class="row">
<div class="col-12">
<!-- Begin .a-globalNav -->
<nav id="primary-nav" class="a-globalNav">
<a href="/patterns/04-sider-infoportal-01-forside-02-forside-innlogget\04-sider-infoportal-01-forside-02-forside-innlogget.html" class="a-globalNav-logo">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-blue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<span class="sr-only">Til forsiden</span>
</a>
<button class="navbar-toggler d-md-none" type="button">
<span class="sr-only">Vis/skjul meny</span>
</button>
<div class="collapse navbar-toggleable-sm a-globalNav-main" id="exCollapsingNavbar2">
<ul class="" id="exCollapsingNavbar">
<li class="d-md-none">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="dropdown-input-search">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="dropdown-input-search">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</li>
<li class="d-md-none dropdown">
<a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
language
</a>
<!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
<!-- Begin #a-dropdown-languages - -->
<div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Bokmål</span><br>
<span >Alt innhold er tilgjengelig på bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span lang="en" class="a-h3">English</span><br>
<span lang="en">All content is available in english.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Nynorsk</span><br>
<span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
<p>
<span lang="en" class="a-h3">Other languages</span><br>
<span lang="en">Information about other languages.</span>
</p>
</a>
</div>
<!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
</li>
<li><a class="globalNav-active " href="/patterns/04-sider-portal-50-innboks-00-innboks\04-sider-portal-50-innboks-00-innboks.html">
<span class="a-hvr-underline a-js-onboardingTarget-2 ">innboks</span></a></li>
<li><a class="" href="/patterns/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt\04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html">
<span class="a-hvr-underline a-js-onboardingTarget-2 ">alle skjema</span></a></li>
<li>
<a class=" " href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter\04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html">
<span class="a-hvr-underline a-js-onboardingTarget-2 ">profil</span>
</a>
</li>
<li class="d-md-none"><a class="a-nav-link a-hvr-underline" href="/patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive\04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">starte og drive bedrift</a></li>
<li class="d-md-none"><a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2\04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2.html">om altinn</a></li>
<li class="d-md-none">
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-70-hjelpesenter\04-sider-infoportal-20-navigasjonssider-70-hjelpesenter.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-nw-pr ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
hjelp og kontakt
</a>
</li>
</ul>
</div>
</nav>
<!-- End .a-globalNav -->
<!-- Begin .a-globalNav-options -->
<ul id="secondary-nav" class="nav nav-pills a-header-options">
<li class="nav-item dropdown d-none d-md-block">
<!-- Dropdown toggle -->
<a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Language
</a>
<!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
<!-- Begin #a-dropdown-languages - -->
<div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Bokmål</span><br>
<span >Alt innhold er tilgjengelig på bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span lang="en" class="a-h3">English</span><br>
<span lang="en">All content is available in english.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Nynorsk</span><br>
<span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
<p>
<span lang="en" class="a-h3">Other languages</span><br>
<span lang="en">Information about other languages.</span>
</p>
</a>
</div>
<!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
</li>
<li class="nav-item">
<!-- Dropdown toggle -->
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<button class="nav-link dropdown-toggle a-personSwitcher logged-in " type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="JAN PETTERSEN for Pettersen Foto">
<span
class="a-personSwitcher-name">
<span class="d-block">JAN PETTERSEN</span>
<span class="d-block">for Pettersen Foto</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-personSwitcher-icon a-js-onboardingTarget-1 " ></i>
<span class="sr-only">Min profil</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
<!-- START: 02-organismer-30-seksjoner-30-meny-personbytte -->
<!-- Begin #a-dropdown-personswitchList - -->
<div class="dropdown-menu a-dropdown-personswitchList a-dropdownTriangle">
<div class="pt-5 pl-3 pr-3">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-link-logout ">
Logg ut
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<div class="row">
<div class="col-sm-12 px-0 mb-2">
<!-- START: 01-molekyler-00-tekst-01-person-privat -->
<div class="a-personRole">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<div class="a-personRole-text " title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</span>
<span class="a-personRole-role"></span>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html" class=" " data-parent="#accordion">
Innstillinger
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-01-person-privat -->
</div>
</div>
<p class="a-h2">
Alle dine profiler:
</p>
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="person-switch-input-field">Søk etter aktør</label>
<div class="a-form-group-items input-group ">
<span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-others " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="search" placeholder="Søk etter aktør" name="input-field" data-val="true" id="person-switch-input-field">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
<p class="a-fontBold a-fontSizeXS">
Ingen treff, prøv et annet søkeord.
<p>
<div class="row mt-1 px-md-2 px-sm-1">
<div class="col-md col-12 mb-md-4 mb-1">
<!-- START: 02-organismer-30-seksjoner-32-favoritter -->
<div class="a-favourites">
<h2 class="a-h4">Favoritter:</h2>
<!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-list-rowLink a-list-rowLink-inactive">
<div class="row ">
<div class="col-12 text-center">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontSizeXXS" title="Altinn">
Din favorittliste er tom. Klikk på stjernesymbolet for å legge til en aktør i listen.
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<br class="a-list-rowLink a-list-rowLink-inactive">
<!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="#" class="a-list-rowLink">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-break-name-orgnr col-11" title="Altinn">
Anne Pettersen
</span>
<span class="a-fontSizeXXS">fødselsnr. 123456 *****</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="#" class="a-list-rowLink">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-break-name-orgnr col-11" title="Altinn">
Pettersen Regnskap - Stavanger AS
</span>
<span class="a-fontSizeXXS">org.nr. 908 987 519</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
</div>
<!-- END: 02-organismer-30-seksjoner-32-favoritter -->
</div>
</div>
</div>
<!-- START: 02-organismer-30-seksjoner-31-personbytte -->
<div class="pt-1 px-1">
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen foto
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-shadow-large a-btn-shadow a-btn-icon disabled " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" disabled title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Regnskap
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-list-heading">
<!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
<button class="a-btn a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2">
<span class="a-dropdownCircleArrow">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
3 underenheter
</button>
<!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
</div>
<div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse ">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-large ">
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Anne Pettersen
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">fødselsnr. 123456 *****</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold a-btn-icon-text-ellipsis pr-2">
Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Fødselsnr. 123456 *****</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class=" a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Tallknuser (slettet)
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-shadow a-btn-shadow-large a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Bygg
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" type="button" class="a-btn a-btn-action a-fullWidthBtn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Vis alle aktører</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
<!-- END: 02-organismer-30-seksjoner-31-personbytte -->
</div>
<!-- END: 02-organismer-30-seksjoner-30-meny-personbytte -->
</li>
</ul>
<!-- End .a-globalNav-options -->
</div>
<!-- End .col -->
</div>
<!-- End .row -->
</div>
<!-- End .container -->
</header>
<!-- End .header -->
<!-- END: 02-organismer-01-globale-00-header -->
<div class="a-overlay-container d-none" tabindex="-1">
<!-- START: 02-organismer-90-filter-01-filter -->
<div class="container">
<div class="row">
<div class="col-12">
<!-- START: 02-organismer-01-globale-10-subheader -->
<header class="a-header ">
<div class="container">
<div class="row">
<div class="col-12">
<nav id="primary-nav" class="a-globalNav float-left">
<a href="/patterns/04-sider-infoportal-01-forside-02-forside-innlogget\04-sider-infoportal-01-forside-02-forside-innlogget.html" class="a-globalNav-logo">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-blue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<span class="sr-only">Til forsiden</span></a>
</nav>
<ul id="secondary-nav" class="nav nav-pills a-header-options">
<li class="nav-item">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " title="JAN PETTERSEN for Pettersen Foto">
<span class="a-personSwitcher-name">
<span class="d-block">JAN PETTERSEN</span>
<span class="d-block">for Pettersen Foto</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-personSwitcher-icon a-js-onboardingTarget-1 "></i>
<span class="sr-only">Min profil</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
<!-- START: 02-organismer-30-seksjoner-30-meny-personbytte -->
<!-- Begin #a-dropdown-personswitchList - -->
<div class="dropdown-menu a-dropdown-personswitchList a-dropdownTriangle">
<div class="pt-5 pl-3 pr-3">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-link-logout ">
Logg ut
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<div class="row">
<div class="col-sm-12 px-0 mb-2">
<!-- START: 01-molekyler-00-tekst-01-person-privat -->
<div class="a-personRole">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<div class="a-personRole-text " title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</span>
<span class="a-personRole-role"></span>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html" class=" " data-parent="#accordion">
Innstillinger
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-01-person-privat -->
</div>
</div>
<p class="a-h2">
Alle dine profiler:
</p>
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="person-switch-input-field">Søk etter aktør</label>
<div class="a-form-group-items input-group ">
<span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-others " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="search" placeholder="Søk etter aktør" name="input-field" data-val="true" id="person-switch-input-field">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
<p class="a-fontBold a-fontSizeXS">
Ingen treff, prøv et annet søkeord.
<p>
<div class="row mt-1 px-md-2 px-sm-1">
<div class="col-md col-12 mb-md-4 mb-1">
<!-- START: 02-organismer-30-seksjoner-32-favoritter -->
<div class="a-favourites">
<h2 class="a-h4">Favoritter:</h2>
<!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-list-rowLink a-list-rowLink-inactive">
<div class="row ">
<div class="col-12 text-center">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontSizeXXS" title="Altinn">
Din favorittliste er tom. Klikk på stjernesymbolet for å legge til en aktør i listen.
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<br class="a-list-rowLink a-list-rowLink-inactive">
<!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="#" class="a-list-rowLink">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-break-name-orgnr col-11" title="Altinn">
Anne Pettersen
</span>
<span class="a-fontSizeXXS">fødselsnr. 123456 *****</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="#" class="a-list-rowLink">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-break-name-orgnr col-11" title="Altinn">
Pettersen Regnskap - Stavanger AS
</span>
<span class="a-fontSizeXXS">org.nr. 908 987 519</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
</div>
<!-- END: 02-organismer-30-seksjoner-32-favoritter -->
</div>
</div>
</div>
<!-- START: 02-organismer-30-seksjoner-31-personbytte -->
<div class="pt-1 px-1">
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen foto
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-shadow-large a-btn-shadow a-btn-icon disabled " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" disabled title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Regnskap
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-list-heading">
<!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
<button class="a-btn a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2">
<span class="a-dropdownCircleArrow">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
3 underenheter
</button>
<!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
</div>
<div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse ">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-large ">
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Anne Pettersen
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">fødselsnr. 123456 *****</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold a-btn-icon-text-ellipsis pr-2">
Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Fødselsnr. 123456 *****</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class=" a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Tallknuser (slettet)
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-shadow a-btn-shadow-large a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Bygg
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" type="button" class="a-btn a-btn-action a-fullWidthBtn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Vis alle aktører</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
<!-- END: 02-organismer-30-seksjoner-31-personbytte -->
</div>
<!-- END: 02-organismer-30-seksjoner-30-meny-personbytte -->
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- END: 02-organismer-01-globale-10-subheader -->
</div>
</div>
<div class="row">
<div class="col-sm-8 offset-sm-2 col-lg-6 offset-lg-3">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group a-form-group-large ">
<label class="a-form-label sr-only " for="inbox_search_filter">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton a-hasButton " type="search" placeholder="Søk på tittel" name="input-field" data-val="true" id="inbox_search_filter">
<div class="input-group-append a-noBorder-right">
<button class="btn btn-secondary a-btn-black-text a-js-searchFilterToggle d-none d-md-block" type="button">
<span class="a-js-filterFocus">avansert</span>
<span class="a-dropdownArrow a-expanded"></span>
</button>
</div>
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row ml-0 mb-1 a-mt-filter">
<div class="col-auto">
<p class="d-inline a-fontSizeM">Begrens treffene: </p>
</div>
<div class="col pr-0">
<span class="d-sm-none">
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="4">4</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</span>
<span class="d-none d-sm-inline">
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="2014">2014</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</span>
<span class="d-none d-sm-inline">
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="ulest">Ulest</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</span>
<span class="d-none d-sm-inline">
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="haster">Haster</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</span>
</div>
<div class="col-auto">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="d-inline a-btn a-btn-icon text-right mb-0 py-0 a-js-searchFilterToggle " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-circle-exit ai-nw a-blue " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-fontBold">
Lukk
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row px-1">
<div class="col a-borderTopDark pt-2 pb-1 px-0">
<p class="d-inline mr-1 a-fontBold a-fontSizeM">Søker i: </p>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="check-i-1" class="custom-control-input" checked="checked">
<label class="custom-control-label a-fontBold" for="check-i-1">Innboks</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="check-i-2" class="custom-control-input" checked="checked">
<label class="custom-control-label a-fontBold" for="check-i-2">Arkiv</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="check-i-3" class="custom-control-input">
<label class="custom-control-label a-fontBold" for="check-i-3">Slettet</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 01-molekyler-02-navigasjon-01-trekkspill-overskrifter -->
<div class="a-accordion-large " id="accordionFilter" role="tablist" aria-multiselectable="true">
<div class="card">
<!-- TITLE -->
<div>
<!-- START: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionFilter" href="#accordionHeaderItem3" role="tab" aria-expanded="false" class="a-collapse-title no-decoration collapsed a-h3 false">
<span class="a-dropdownCircleArrow a-dropdownCircleArrow--small">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
Status
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift -->
</div>
<!-- CONTENT -->
<div id="accordionHeaderItem3" class="a-collapseContent collapse" data-parent="#accordionFilter" role="tabpanel">
<div class="a-collapseContent-inside pl-0">
<!-- START: 01-molekyler-05-forms-03-valgknapper-og-tekstfelt -->
<div class="row mb-1">
<div class="col-12">
<!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<fieldset>
<legend class="sr-only">Velg et alternativ</legend>
<div class="a-switch a-switch--small ">
<input id="Alle-statuser-checkbutton-1" class="sr-only" type="radio" name="Status" value="radiobutton-read" checked />
<label for="Alle-statuser-checkbutton-1" class="a-switch-label d-block mb-2">
Alle statuser
</label>
</div>
</fieldset>
<!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<fieldset>
<legend class="sr-only">Velg et alternativ</legend>
<div class="a-switch a-switch--small ">
<input id="checkbutton-1" class="sr-only" type="radio" name="Status" value="radiobutton-read" />
<label for="checkbutton-1" class="a-switch-label ">
Ulest melding
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-2" class="sr-only" type="radio" name="Status" value="radiobutton-read" />
<label for="checkbutton-2" class="a-switch-label ">
Skjema Utfylling
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-3" class="sr-only" type="radio" name="Status" value="radiobutton-read" />
<label for="checkbutton-3" class="a-switch-label ">
Skjema til signering
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-4" class="sr-only" type="radio" name="Status" value="radiobutton-read" />
<label for="checkbutton-4" class="a-switch-label ">
Skjema venter på andre
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-5" class="sr-only" type="radio" name="Status" value="radiobutton-read" />
<label for="checkbutton-5" class="a-switch-label ">
Innsendt skjema
</label>
</div>
</fieldset>
<!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-auto">
</div>
<div class="col-12 col-md-auto">
</div>
<div class="col-12 col-md-auto">
</div>
</div>
<!-- END: 01-molekyler-05-forms-03-valgknapper-og-tekstfelt -->
</div>
</div>
</div>
<div class="card">
<!-- TITLE -->
<div>
<!-- START: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionFilter" href="#accordionHeaderItem1" role="tab" aria-expanded="false" class="a-collapse-title no-decoration collapsed a-h3 false">
<span class="a-dropdownCircleArrow a-dropdownCircleArrow--small">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
Periode
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift -->
</div>
<!-- CONTENT -->
<div id="accordionHeaderItem1" class="a-collapseContent collapse" data-parent="#accordionFilter" role="tabpanel">
<div class="a-collapseContent-inside pl-0">
<!-- START: 01-molekyler-05-forms-03-valgknapper-og-tekstfelt -->
<div class="row mb-1">
<div class="col-12">
<!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<fieldset>
<legend class="sr-only">Velg et alternativ</legend>
<div class="a-switch a-switch--small ">
<input id="All-tid-checkbutton-1" class="sr-only" type="radio" name="period" value="radiobutton-read" checked />
<label for="All-tid-checkbutton-1" class="a-switch-label d-block mb-2">
All tid
</label>
</div>
</fieldset>
<!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<fieldset>
<legend class="sr-only">Velg et alternativ</legend>
<div class="a-switch a-switch--small ">
<input id="checkbutton-11" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-11" class="a-switch-label ">
Siste måned
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-12" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-12" class="a-switch-label ">
Siste 6 måneder
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-13" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-13" class="a-switch-label ">
Siste 12 måneder
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-14" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-14" class="a-switch-label ">
2017
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-15" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-15" class="a-switch-label ">
2016
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-16" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-16" class="a-switch-label ">
2015
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-17" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-17" class="a-switch-label ">
2014
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-18" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-18" class="a-switch-label ">
2013
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-19" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-19" class="a-switch-label ">
2012
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-20" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-20" class="a-switch-label ">
2011
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-21" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-21" class="a-switch-label ">
2010
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-22" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-22" class="a-switch-label ">
2009
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-23" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-23" class="a-switch-label ">
2008
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="checkbutton-24" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-24" class="a-switch-label ">
2007
</label>
</div>
</fieldset>
<!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-auto">
<!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<fieldset>
<legend class="sr-only">Velg et alternativ</legend>
<div class="a-switch a-switch--small a-lh-3 ">
<input id="checkbutton-25" class="sr-only" type="radio" name="period" value="radiobutton-read" />
<label for="checkbutton-25" class="a-switch-label ">
Velg periode
</label>
</div>
</fieldset>
<!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
</div>
<div class="col-12 col-md-auto">
<!-- START: 00-atomer-01-forms-60-datovelger JS doc: initializeDatepicker.js. Requires class .form-control.date -->
<label class="d-inline-block a-w-3-sm-down mr-0 mr-md-1 " for="dateField1">
<span class="a-input-labelText control-label">
Fra:
</span>
</label>
<div class="d-inline-block form-group a-form-group a-form-group-datepicker">
<div class="input-group">
<input type="text" id="dateField1" class="form-control a-hasButton a-hasButton date" />
<div class="input-group-prepend a-icon-right">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-date "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-60-datovelger -->
</div>
<div class="col-12 col-md-auto">
<!-- START: 00-atomer-01-forms-60-datovelger JS doc: initializeDatepicker.js. Requires class .form-control.date -->
<label class="d-inline-block a-w-3-sm-down mr-0 mr-md-1 " for="dateField2">
<span class="a-input-labelText control-label">
Til:
</span>
</label>
<div class="d-inline-block form-group a-form-group a-form-group-datepicker">
<div class="input-group">
<input type="text" id="dateField2" class="form-control a-hasButton a-hasButton date" />
<div class="input-group-prepend a-icon-right">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-date "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-60-datovelger -->
</div>
</div>
<!-- END: 01-molekyler-05-forms-03-valgknapper-og-tekstfelt -->
</div>
</div>
</div>
<div class="card">
<!-- TITLE -->
<div>
<!-- START: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionFilter" href="#accordionHeaderItem2" role="tab" aria-expanded="false" class="a-collapse-title no-decoration collapsed a-h3 false">
<span class="a-dropdownCircleArrow a-dropdownCircleArrow--small">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
Kategori
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift -->
</div>
<!-- CONTENT -->
<div id="accordionHeaderItem2" class="a-collapseContent collapse" data-parent="#accordionFilter" role="tabpanel">
<div class="a-collapseContent-inside pl-0">
<!-- START: 01-molekyler-05-forms-01-nestede-avkrysningsbokser -->
<div class="row">
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input" data-toggle="nestedCheckbox" data-target="#firstNestedLevel">
<label class="custom-control-label " for="">Bransjespesifikt</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="row a-pl-half" id="firstNestedLevel">
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Servering og overnatting</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Telekommunikasjon</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Legemiddel</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Godstransport</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Eksport og import</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Forskning</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Media</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Landbruk</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="col-12 col-md-3">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Sjøfart</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
</div>
</div>
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Arbeid og lønn</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Miljø</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Endring og opphør av foretak</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Regnskap</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Starte bedrift</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">Privat</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="col-12">
<hr class="m-0 mb-1 a-hrLight">
</div>
</div>
<!-- END: 01-molekyler-05-forms-01-nestede-avkrysningsbokser -->
</div>
</div>
</div>
<div class="card">
<!-- TITLE -->
<div>
<!-- START: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionFilter" href="#accordionHeaderItem4" role="tab" aria-expanded="false" class="a-collapse-title no-decoration collapsed a-h3 false">
<span class="a-dropdownCircleArrow a-dropdownCircleArrow--small">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
Etat/Avsender
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift -->
</div>
<!-- CONTENT -->
<div id="accordionHeaderItem4" class="a-collapseContent collapse" data-parent="#accordionFilter" role="tabpanel">
<div class="a-collapseContent-inside pl-0 pr-0">
<!-- START: 01-molekyler-05-forms-04-avkrysningsbokser-og-sok -->
<div class="row">
<div>
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="d-flex flex-wrap ml-1">
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check1" class="custom-control-input">
<label class="custom-control-label " for="check1">Skattedirektoratet</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check2" class="custom-control-input">
<label class="custom-control-label " for="check2">Kredittilsynet</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check3" class="custom-control-input">
<label class="custom-control-label " for="check3">Norsk pasientskadeerstatning</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check4" class="custom-control-input">
<label class="custom-control-label " for="check4">Statistisk sentralbyrå</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check5" class="custom-control-input">
<label class="custom-control-label " for="check5">Husbanken</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check6" class="custom-control-input">
<label class="custom-control-label " for="check6">Lotteri- og stifelsestilsynet</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check7" class="custom-control-input">
<label class="custom-control-label " for="check7">Statens lånekasse for utdanning</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check8" class="custom-control-input">
<label class="custom-control-label " for="check8">Direktoratet for byggkvalitet</label>
</div>
<div class="custom-control
false
custom-control-inline
custom-checkbox a-custom-checkbox
a-form-checkboxes--discret
col-sm-12 col-md-6 col-lg-4 pr-0 mr-0
">
<input type="checkbox" id="check9" class="custom-control-input">
<label class="custom-control-label " for="check9">Nasjonal kommunikasjonsmyndighet</label>
</div>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="col-lg-4 col-md-6 col-sm-9">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label " for="text-input-generic">Annen avsender: </label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="Søk i avsenderfeltet" name="input-field" data-val="true" id="text-input-generic">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<!-- END: 01-molekyler-05-forms-04-avkrysningsbokser-og-sok -->
</div>
</div>
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-01-trekkspill-overskrifter -->
</div>
</div>
</div>
<div class="row mt-5 a-search-filter-action-wrapper">
<div class="col text-center">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn py-1 px-3 " data-parent="#accordion">
Vis filtrert resultat
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-90-filter-01-filter -->
</div>
<div class="container a-js-hideElement">
<div class="row mt-3 mb-3">
<div class="col-sm-8 offset-sm-2 col-lg-6 offset-lg-3">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group a-form-group-large ">
<label class="a-form-label sr-only " for="inbox_search">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton a-hasButton " type="search" placeholder="Søk på tittel" name="input-field" data-val="true" id="inbox_search">
<div class="input-group-append a-noBorder-right">
<button class="btn btn-secondary a-btn-black-text a-js-searchFilterToggle d-none d-md-block" type="button">
<span>avansert</span>
<span class="a-dropdownArrow"></span>
</button>
</div>
<div class="input-group-append">
<button class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row ">
<div class="col" id="accordion">
<div class="row ">
<div class="col-sm-12 col-lg-12 mt-3 ">
<!-- START: 00-atomer-07-tekst-10-seksjonstittel -->
<h2 class=" a-fontSizeM ">I dag
</h2>
<!-- END: 00-atomer-07-tekst-10-seksjonstittel -->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-12">
<div class="a-panelAccordion" role="tablist">
<!-- START: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel JS doc: togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed" id="accordionItem11-header" role="tab">
<a href="#" data-toggle="collapse" data-target="#accordionItem11" aria-expanded="false" aria-controls="accordionItem11">
<!-- START: 01-molekyler-00-tekst-60-innboks-header-innhold JS doc: setupTruncateLines.js, togglePanel.js -->
<div class="row a-inboxHeadingContent a-msgUrgent">
<div class="col-auto a-msgIconWrapper">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-openmessage ai-md-lg ai-nw " aria-hidden="true"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col a-msgHeadingTextContainer">
<div class="d-inline-block">
<div class="col-auto d-md-none a-msgDuedate">
<span class="a-fontBold">frist: </span> 24.01.2017
</div>
<h3 class="mb-0 a-js-truncate-2-sm-down" title="Melding: Stor tekst første melding">
Melding:
<span class="a-msgTitle">Stor tekst første melding</span>
</h3>
<div class="a-fontSizeXXS">Liten tekst første melding</div>
</div>
</div>
<div class="col-auto d-none d-md-flex a-msgDuedateIcon">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exclamation ai-sm ai-nw "></i>
<span class="sr-only">Frist utløpt</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col-auto d-none d-md-flex a-msgDuedate">
<span class="a-fontBold">frist: </span> 24.01.2017
</div>
<div class="col-auto d-none d-md-flex a-msgShortcutsContainer">
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Arkiv" title="Arkiv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Slett" title="Slett">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-60-innboks-header-innhold -->
</a>
</div>
<div class="a-collapsePanel-body collapse a-msg-body" data-parent="#accordion" role="tabpanel" aria-labelledby="accordionItem11-header" id="accordionItem11">
<div class="card-block a-text a-collapsePanel-body-content a-collapseContent-delay">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
<div class="row">
<div class="col"></div>
<div class="col-12 col-md-auto mb-1 mb-md-0 text-left text-md-right">
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html" class="a-linkIcon a-fontReg a-fontSizeXS pr-0">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg ai-nw ai-nw-pr reg-log "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Aktivitetslogg
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
</div>
<div class="col-12 col-md-auto text-left text-md-right">
<span class="a-fontSizeXS a-fontBold">mottatt: </span><span class="a-fontSizeXS ">05.03.2016</span>
</div>
</div>
<div class="row mt-3">
<div class="col">
<p class="my-0 d-inline">Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg.</p>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-ods ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Forretningsplan.ods</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Oppdragsavtale.doc</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-pdf ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Driftsbudsjett.pdf</b>
(last ned)
</span>
</a>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
<div class="col-12">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-download " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Last ned alle
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2 ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<div class="">
<span class='a-fontBold'>fra:</span> Avsender
</div>
Dette er en beskjed uten pil og med full bredde
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold JS doc: expandContent.js -->
<div class="row">
<div class="col-12" id="expandableExample">
<p>
Til daglig leder:
<p>
<h2>
Nå kommer sykmeldinger i Altinn
</h2>
<p>
Fra 29. september vil u finne sykmeldinger fra noen av dine ansatte her i meldingsboksen hos Altinn. Dette er sykmeldinger fra de ansatte som velger å prøve en ny tjeneste fra NAV.
</p>
<p>
Tjenesten gjør det mulig å sende sykmeldingen digitalt. I samme øyeblikk kan du melde tilbake til NAV hvem som følger opp den sykmeldte, altså nærmeste leder med personalansvar.
</p>
<h2>
Hva skal du gjøre?
</h2>
<p>
For å kunne se sykmeldingene i Altinn må det gis tilgang. Det er bare den som er registrert i Brønnøysundregisteret som daglig leder som kan tildele tilganger til andre personer i virksomheten.
</p>
<p>
Lorem ipsum dolor sit amet, at ius dicit dissentias disputando, cum movet delenit facilisis et, ea tritani nonumes accumsan vel. Duo et salutatus torquatos. Eos at alterum senserit, ius in ipsum dicat. At minim definitionem quo, in reque alienum fierent
sit, sint iusto impedit ei usu. Eam et tale dicit clita, est probo sadipscing definitionem ne, ut qui causae evertitur voluptaria.
</p>
<p>
Dicunt periculis aliquando eum an, adhuc iusto menandri cu nec. Latine periculis eum eu, mel sonet semper convenire eu. In duo consul necessitatibus, purto nominati mel in. Ut illud soluta quo, at sit sumo utinam postea. No aliquam fabellas deseruisse
duo, ea vel quod case.
</p>
</div>
<div class="col-12">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn" data-toggle="altinn-expand" data-target="#expandableExample" aria-hidden="true" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " aria-hidden="true" ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Les hele</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
</div>
<!-- END: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn mb-0 a-btn-no-textwrap" data-parent="#accordion">
Ok
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-lg-auto col-12 mt-3">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-help ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Hjelp
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Arkiver
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Videresend
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel -->
<!-- START: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel JS doc: togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed" id="accordionItem12-header" role="tab">
<a href="#" data-toggle="collapse" data-target="#accordionItem12" aria-expanded="false" aria-controls="accordionItem12">
<!-- START: 01-molekyler-00-tekst-60-innboks-header-innhold JS doc: setupTruncateLines.js, togglePanel.js -->
<div class="row a-inboxHeadingContent a-msgUrgent a-unread">
<div class="col-auto a-msgIconWrapper">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-closedmessage ai-md-lg ai-nw " aria-hidden="true"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col a-msgHeadingTextContainer">
<div class="d-inline-block">
<div class="col-auto d-md-none a-msgDuedate">
<span class="a-fontBold">frist: </span> 24.01.2017
</div>
<h3 class="mb-0 a-js-truncate-2-sm-down" title="Melding: Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.">
Melding:
<span class="a-msgTitle">Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.</span>
</h3>
<div class="a-fontSizeXXS">Liten tekst</div>
</div>
</div>
<div class="col-auto d-none d-md-flex a-msgDuedate">
<span class="a-fontBold">frist: </span> 24.01.2017
</div>
<div class="col-auto d-none d-md-flex a-msgShortcutsContainer">
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Arkiv" title="Arkiv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Slett" title="Slett">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-60-innboks-header-innhold -->
</a>
</div>
<div class="a-collapsePanel-body collapse a-msg-body" data-parent="#accordion" role="tabpanel" aria-labelledby="accordionItem12-header" id="accordionItem12">
<div class="card-block a-text a-collapsePanel-body-content a-collapseContent-delay">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
<div class="row">
<div class="col"></div>
<div class="col-12 col-md-auto mb-1 mb-md-0 text-left text-md-right">
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html" class="a-linkIcon a-fontReg a-fontSizeXS pr-0">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg ai-nw ai-nw-pr reg-log "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Aktivitetslogg
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
</div>
<div class="col-12 col-md-auto text-left text-md-right">
<span class="a-fontSizeXS a-fontBold">mottatt: </span><span class="a-fontSizeXS ">05.03.2016</span>
</div>
</div>
<div class="row mt-3">
<div class="col">
<p class="my-0 d-inline">Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg.</p>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-ods ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Forretningsplan.ods</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Oppdragsavtale.doc</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-pdf ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Driftsbudsjett.pdf</b>
(last ned)
</span>
</a>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
<div class="col-12">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-download " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Last ned alle
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2 ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<div class="">
<span class='a-fontBold'>fra:</span> Avsender
</div>
Dette er en beskjed uten pil og med full bredde
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold JS doc: expandContent.js -->
<div class="row">
<div class="col-12" id="expandableExample">
<p>
Til daglig leder:
<p>
<h2>
Nå kommer sykmeldinger i Altinn
</h2>
<p>
Fra 29. september vil u finne sykmeldinger fra noen av dine ansatte her i meldingsboksen hos Altinn. Dette er sykmeldinger fra de ansatte som velger å prøve en ny tjeneste fra NAV.
</p>
<p>
Tjenesten gjør det mulig å sende sykmeldingen digitalt. I samme øyeblikk kan du melde tilbake til NAV hvem som følger opp den sykmeldte, altså nærmeste leder med personalansvar.
</p>
<h2>
Hva skal du gjøre?
</h2>
<p>
For å kunne se sykmeldingene i Altinn må det gis tilgang. Det er bare den som er registrert i Brønnøysundregisteret som daglig leder som kan tildele tilganger til andre personer i virksomheten.
</p>
<p>
Lorem ipsum dolor sit amet, at ius dicit dissentias disputando, cum movet delenit facilisis et, ea tritani nonumes accumsan vel. Duo et salutatus torquatos. Eos at alterum senserit, ius in ipsum dicat. At minim definitionem quo, in reque alienum fierent
sit, sint iusto impedit ei usu. Eam et tale dicit clita, est probo sadipscing definitionem ne, ut qui causae evertitur voluptaria.
</p>
<p>
Dicunt periculis aliquando eum an, adhuc iusto menandri cu nec. Latine periculis eum eu, mel sonet semper convenire eu. In duo consul necessitatibus, purto nominati mel in. Ut illud soluta quo, at sit sumo utinam postea. No aliquam fabellas deseruisse
duo, ea vel quod case.
</p>
</div>
<div class="col-12">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn" data-toggle="altinn-expand" data-target="#expandableExample" aria-hidden="true" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " aria-hidden="true" ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Les hele</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
</div>
<!-- END: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn mb-0 a-btn-no-textwrap" data-parent="#accordion">
Ok
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-lg-auto col-12 mt-3">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-help ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Hjelp
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Arkiver
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Videresend
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel -->
<!-- START: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel JS doc: togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed" id="accordionItem13-header" role="tab">
<a href="#" data-toggle="collapse" data-target="#accordionItem13" aria-expanded="false" aria-controls="accordionItem13">
<!-- START: 01-molekyler-00-tekst-60-innboks-header-innhold JS doc: setupTruncateLines.js, togglePanel.js -->
<div class="row a-inboxHeadingContent a-msgUnread">
<div class="col-auto a-msgIconWrapper">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-closedmessage ai-md-lg ai-nw " aria-hidden="true"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col a-msgHeadingTextContainer">
<div class="d-inline-block">
<h3 class="mb-0 a-js-truncate-2-sm-down" title="Melding: Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.">
Melding:
<span class="a-msgTitle">Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.</span>
</h3>
<div class="a-fontSizeXXS">Liten tekst</div>
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-60-innboks-header-innhold -->
</a>
</div>
<div class="a-collapsePanel-body collapse a-msg-body" data-parent="#accordion" role="tabpanel" aria-labelledby="accordionItem13-header" id="accordionItem13">
<div class="card-block a-text a-collapsePanel-body-content a-collapseContent-delay">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
<div class="row">
<div class="col"></div>
<div class="col-12 col-md-auto mb-1 mb-md-0 text-left text-md-right">
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html" class="a-linkIcon a-fontReg a-fontSizeXS pr-0">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg ai-nw ai-nw-pr reg-log "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Aktivitetslogg
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
</div>
<div class="col-12 col-md-auto text-left text-md-right">
<span class="a-fontSizeXS a-fontBold">mottatt: </span><span class="a-fontSizeXS ">05.03.2016</span>
</div>
</div>
<div class="row mt-3">
<div class="col">
<p class="my-0 d-inline">Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg.</p>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-ods ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Forretningsplan.ods</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Oppdragsavtale.doc</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-pdf ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Driftsbudsjett.pdf</b>
(last ned)
</span>
</a>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
<div class="col-12">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-download " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Last ned alle
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2 ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<div class="">
<span class='a-fontBold'>fra:</span> Avsender
</div>
Dette er en beskjed uten pil og med full bredde
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold JS doc: expandContent.js -->
<div class="row">
<div class="col-12" id="expandableExample">
<p>
Til daglig leder:
<p>
<h2>
Nå kommer sykmeldinger i Altinn
</h2>
<p>
Fra 29. september vil u finne sykmeldinger fra noen av dine ansatte her i meldingsboksen hos Altinn. Dette er sykmeldinger fra de ansatte som velger å prøve en ny tjeneste fra NAV.
</p>
<p>
Tjenesten gjør det mulig å sende sykmeldingen digitalt. I samme øyeblikk kan du melde tilbake til NAV hvem som følger opp den sykmeldte, altså nærmeste leder med personalansvar.
</p>
<h2>
Hva skal du gjøre?
</h2>
<p>
For å kunne se sykmeldingene i Altinn må det gis tilgang. Det er bare den som er registrert i Brønnøysundregisteret som daglig leder som kan tildele tilganger til andre personer i virksomheten.
</p>
<p>
Lorem ipsum dolor sit amet, at ius dicit dissentias disputando, cum movet delenit facilisis et, ea tritani nonumes accumsan vel. Duo et salutatus torquatos. Eos at alterum senserit, ius in ipsum dicat. At minim definitionem quo, in reque alienum fierent
sit, sint iusto impedit ei usu. Eam et tale dicit clita, est probo sadipscing definitionem ne, ut qui causae evertitur voluptaria.
</p>
<p>
Dicunt periculis aliquando eum an, adhuc iusto menandri cu nec. Latine periculis eum eu, mel sonet semper convenire eu. In duo consul necessitatibus, purto nominati mel in. Ut illud soluta quo, at sit sumo utinam postea. No aliquam fabellas deseruisse
duo, ea vel quod case.
</p>
</div>
<div class="col-12">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn" data-toggle="altinn-expand" data-target="#expandableExample" aria-hidden="true" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " aria-hidden="true" ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Les hele</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
</div>
<!-- END: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn mb-0 a-btn-no-textwrap" data-parent="#accordion">
Ok
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-lg-auto col-12 mt-3">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-help ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Hjelp
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Arkiver
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Videresend
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel -->
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-12 col-lg-12 mt-3 ">
<!-- START: 00-atomer-07-tekst-10-seksjonstittel -->
<h2 class=" a-fontSizeM ">Tidligere i 2017
</h2>
<!-- END: 00-atomer-07-tekst-10-seksjonstittel -->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-12">
<div class="a-panelAccordion" role="tablist">
<!-- START: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel JS doc: togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed" id="accordionItem21-header" role="tab">
<a href="#" data-toggle="collapse" data-target="#accordionItem21" aria-expanded="false" aria-controls="accordionItem21">
<!-- START: 01-molekyler-00-tekst-60-innboks-header-innhold JS doc: setupTruncateLines.js, togglePanel.js -->
<div class="row a-inboxHeadingContent a-msgWaiting">
<div class="col-auto a-msgIconWrapper">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-openmessage ai-md-lg ai-nw " aria-hidden="true"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col a-msgHeadingTextContainer">
<div class="d-inline-block">
<h3 class="mb-0 a-js-truncate-2-sm-down" title="Melding: Stor tekst første melding">
Melding:
<span class="a-msgTitle">Stor tekst første melding</span>
</h3>
<div class="a-fontSizeXXS">Liten tekst første melding</div>
</div>
</div>
<div class="col-auto d-none d-md-flex a-msgShortcutsContainer">
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Arkiv" title="Arkiv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Slett" title="Slett">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-60-innboks-header-innhold -->
</a>
</div>
<div class="a-collapsePanel-body collapse a-msg-body" data-parent="#accordion" role="tabpanel" aria-labelledby="accordionItem21-header" id="accordionItem21">
<div class="card-block a-text a-collapsePanel-body-content a-collapseContent-delay">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
<div class="row">
<div class="col"></div>
<div class="col-12 col-md-auto mb-1 mb-md-0 text-left text-md-right">
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html" class="a-linkIcon a-fontReg a-fontSizeXS pr-0">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg ai-nw ai-nw-pr reg-log "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Aktivitetslogg
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
</div>
<div class="col-12 col-md-auto text-left text-md-right">
<span class="a-fontSizeXS a-fontBold">mottatt: </span><span class="a-fontSizeXS ">05.03.2016</span>
</div>
</div>
<div class="row mt-3">
<div class="col">
<p class="my-0 d-inline">Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg.</p>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-ods ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Forretningsplan.ods</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Oppdragsavtale.doc</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-pdf ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Driftsbudsjett.pdf</b>
(last ned)
</span>
</a>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
<div class="col-12">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-download " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Last ned alle
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2 ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<div class="">
<span class='a-fontBold'>fra:</span> Avsender
</div>
Dette er en beskjed uten pil og med full bredde
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold JS doc: expandContent.js -->
<div class="row">
<div class="col-12" id="expandableExample">
<p>
Til daglig leder:
<p>
<h2>
Nå kommer sykmeldinger i Altinn
</h2>
<p>
Fra 29. september vil u finne sykmeldinger fra noen av dine ansatte her i meldingsboksen hos Altinn. Dette er sykmeldinger fra de ansatte som velger å prøve en ny tjeneste fra NAV.
</p>
<p>
Tjenesten gjør det mulig å sende sykmeldingen digitalt. I samme øyeblikk kan du melde tilbake til NAV hvem som følger opp den sykmeldte, altså nærmeste leder med personalansvar.
</p>
<h2>
Hva skal du gjøre?
</h2>
<p>
For å kunne se sykmeldingene i Altinn må det gis tilgang. Det er bare den som er registrert i Brønnøysundregisteret som daglig leder som kan tildele tilganger til andre personer i virksomheten.
</p>
<p>
Lorem ipsum dolor sit amet, at ius dicit dissentias disputando, cum movet delenit facilisis et, ea tritani nonumes accumsan vel. Duo et salutatus torquatos. Eos at alterum senserit, ius in ipsum dicat. At minim definitionem quo, in reque alienum fierent
sit, sint iusto impedit ei usu. Eam et tale dicit clita, est probo sadipscing definitionem ne, ut qui causae evertitur voluptaria.
</p>
<p>
Dicunt periculis aliquando eum an, adhuc iusto menandri cu nec. Latine periculis eum eu, mel sonet semper convenire eu. In duo consul necessitatibus, purto nominati mel in. Ut illud soluta quo, at sit sumo utinam postea. No aliquam fabellas deseruisse
duo, ea vel quod case.
</p>
</div>
<div class="col-12">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn" data-toggle="altinn-expand" data-target="#expandableExample" aria-hidden="true" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " aria-hidden="true" ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Les hele</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
</div>
<!-- END: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn mb-0 a-btn-no-textwrap" data-parent="#accordion">
Ok
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-lg-auto col-12 mt-3">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-help ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Hjelp
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Arkiver
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Videresend
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel -->
<!-- START: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel JS doc: togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed" id="accordionItem22-header" role="tab">
<a href="#" data-toggle="collapse" data-target="#accordionItem22" aria-expanded="false" aria-controls="accordionItem22">
<!-- START: 01-molekyler-00-tekst-60-innboks-header-innhold JS doc: setupTruncateLines.js, togglePanel.js -->
<div class="row a-inboxHeadingContent a-msgForwarded">
<div class="col-auto a-msgIconWrapper">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-closedmessage ai-md-lg ai-nw " aria-hidden="true"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col a-msgHeadingTextContainer">
<div class="d-inline-block">
<h3 class="mb-0 a-js-truncate-2-sm-down" title="Melding: Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.">
Melding:
<span class="a-msgTitle">Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.</span>
</h3>
<div class="a-fontSizeXXS">Liten tekst</div>
</div>
</div>
<div class="col-auto d-none d-md-flex a-msgShortcutsContainer">
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Arkiv" title="Arkiv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-btn a-btn-icon" role="button" tabindex="0" aria-label="Slett" title="Slett">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash reg-sm "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-60-innboks-header-innhold -->
</a>
</div>
<div class="a-collapsePanel-body collapse a-msg-body" data-parent="#accordion" role="tabpanel" aria-labelledby="accordionItem22-header" id="accordionItem22">
<div class="card-block a-text a-collapsePanel-body-content a-collapseContent-delay">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
<div class="row">
<div class="col"></div>
<div class="col-12 col-md-auto mb-1 mb-md-0 text-left text-md-right">
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html" class="a-linkIcon a-fontReg a-fontSizeXS pr-0">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg ai-nw ai-nw-pr reg-log "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Aktivitetslogg
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
</div>
<div class="col-12 col-md-auto text-left text-md-right">
<span class="a-fontSizeXS a-fontBold">mottatt: </span><span class="a-fontSizeXS ">05.03.2016</span>
</div>
</div>
<div class="row mt-3">
<div class="col">
<p class="my-0 d-inline">Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg.</p>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-ods ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Forretningsplan.ods</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Oppdragsavtale.doc</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-pdf ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Driftsbudsjett.pdf</b>
(last ned)
</span>
</a>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
<div class="col-12">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-download " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Last ned alle
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2 ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<div class="">
<span class='a-fontBold'>fra:</span> Avsender
</div>
Dette er en beskjed uten pil og med full bredde
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold JS doc: expandContent.js -->
<div class="row">
<div class="col-12" id="expandableExample">
<p>
Til daglig leder:
<p>
<h2>
Nå kommer sykmeldinger i Altinn
</h2>
<p>
Fra 29. september vil u finne sykmeldinger fra noen av dine ansatte her i meldingsboksen hos Altinn. Dette er sykmeldinger fra de ansatte som velger å prøve en ny tjeneste fra NAV.
</p>
<p>
Tjenesten gjør det mulig å sende sykmeldingen digitalt. I samme øyeblikk kan du melde tilbake til NAV hvem som følger opp den sykmeldte, altså nærmeste leder med personalansvar.
</p>
<h2>
Hva skal du gjøre?
</h2>
<p>
For å kunne se sykmeldingene i Altinn må det gis tilgang. Det er bare den som er registrert i Brønnøysundregisteret som daglig leder som kan tildele tilganger til andre personer i virksomheten.
</p>
<p>
Lorem ipsum dolor sit amet, at ius dicit dissentias disputando, cum movet delenit facilisis et, ea tritani nonumes accumsan vel. Duo et salutatus torquatos. Eos at alterum senserit, ius in ipsum dicat. At minim definitionem quo, in reque alienum fierent
sit, sint iusto impedit ei usu. Eam et tale dicit clita, est probo sadipscing definitionem ne, ut qui causae evertitur voluptaria.
</p>
<p>
Dicunt periculis aliquando eum an, adhuc iusto menandri cu nec. Latine periculis eum eu, mel sonet semper convenire eu. In duo consul necessitatibus, purto nominati mel in. Ut illud soluta quo, at sit sumo utinam postea. No aliquam fabellas deseruisse
duo, ea vel quod case.
</p>
</div>
<div class="col-12">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn" data-toggle="altinn-expand" data-target="#expandableExample" aria-hidden="true" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " aria-hidden="true" ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Les hele</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
</div>
<!-- END: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn mb-0 a-btn-no-textwrap" data-parent="#accordion">
Ok
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-lg-auto col-12 mt-3">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-help ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Hjelp
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Arkiver
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Videresend
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel -->
<!-- START: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel JS doc: togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed" id="accordionItem23-header" role="tab">
<a href="#" data-toggle="collapse" data-target="#accordionItem23" aria-expanded="false" aria-controls="accordionItem23">
<!-- START: 01-molekyler-00-tekst-60-innboks-header-innhold JS doc: setupTruncateLines.js, togglePanel.js -->
<div class="row a-inboxHeadingContent">
<div class="col-auto a-msgIconWrapper">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-closedmessage ai-md-lg ai-nw " aria-hidden="true"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="col a-msgHeadingTextContainer">
<div class="d-inline-block">
<h3 class="mb-0 a-js-truncate-2-sm-down" title="Melding: Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.">
Melding:
<span class="a-msgTitle">Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.</span>
</h3>
<div class="a-fontSizeXXS">Liten tekst</div>
</div>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-60-innboks-header-innhold -->
</a>
</div>
<div class="a-collapsePanel-body collapse a-msg-body" data-parent="#accordion" role="tabpanel" aria-labelledby="accordionItem23-header" id="accordionItem23">
<div class="card-block a-text a-collapsePanel-body-content a-collapseContent-delay">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
<div class="row">
<div class="col"></div>
<div class="col-12 col-md-auto mb-1 mb-md-0 text-left text-md-right">
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html" class="a-linkIcon a-fontReg a-fontSizeXS pr-0">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg ai-nw ai-nw-pr reg-log "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Aktivitetslogg
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
</div>
<div class="col-12 col-md-auto text-left text-md-right">
<span class="a-fontSizeXS a-fontBold">mottatt: </span><span class="a-fontSizeXS ">05.03.2016</span>
</div>
</div>
<div class="row mt-3">
<div class="col">
<p class="my-0 d-inline">Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg.</p>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-ods ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Forretningsplan.ods</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Oppdragsavtale.doc</b>
(last ned)
</span>
</a>
</li>
<li>
<a href="#" class="">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-attachment-pdf ai-md ai-nw pr-1 ai-fontSizeS"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Driftsbudsjett.pdf</b>
(last ned)
</span>
</a>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
<div class="col-12">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-download " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Last ned alle
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2 ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<div class="">
<span class='a-fontBold'>fra:</span> Avsender
</div>
Dette er en beskjed uten pil og med full bredde
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row mt-3">
<div class="col">
<!-- START: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold JS doc: expandContent.js -->
<div class="row">
<div class="col-12" id="expandableExample">
<p>
Til daglig leder:
<p>
<h2>
Nå kommer sykmeldinger i Altinn
</h2>
<p>
Fra 29. september vil u finne sykmeldinger fra noen av dine ansatte her i meldingsboksen hos Altinn. Dette er sykmeldinger fra de ansatte som velger å prøve en ny tjeneste fra NAV.
</p>
<p>
Tjenesten gjør det mulig å sende sykmeldingen digitalt. I samme øyeblikk kan du melde tilbake til NAV hvem som følger opp den sykmeldte, altså nærmeste leder med personalansvar.
</p>
<h2>
Hva skal du gjøre?
</h2>
<p>
For å kunne se sykmeldingene i Altinn må det gis tilgang. Det er bare den som er registrert i Brønnøysundregisteret som daglig leder som kan tildele tilganger til andre personer i virksomheten.
</p>
<p>
Lorem ipsum dolor sit amet, at ius dicit dissentias disputando, cum movet delenit facilisis et, ea tritani nonumes accumsan vel. Duo et salutatus torquatos. Eos at alterum senserit, ius in ipsum dicat. At minim definitionem quo, in reque alienum fierent
sit, sint iusto impedit ei usu. Eam et tale dicit clita, est probo sadipscing definitionem ne, ut qui causae evertitur voluptaria.
</p>
<p>
Dicunt periculis aliquando eum an, adhuc iusto menandri cu nec. Latine periculis eum eu, mel sonet semper convenire eu. In duo consul necessitatibus, purto nominati mel in. Ut illud soluta quo, at sit sumo utinam postea. No aliquam fabellas deseruisse
duo, ea vel quod case.
</p>
</div>
<div class="col-12">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn" data-toggle="altinn-expand" data-target="#expandableExample" aria-hidden="true" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " aria-hidden="true" ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Les hele</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
</div>
<!-- END: 00-atomer-04-handlingsknapper-20-♺-handlingsknapp-ekspanderbart-innhold -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn mb-0 a-btn-no-textwrap" data-parent="#accordion">
Ok
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-lg-auto col-12 mt-3">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-help ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Hjelp
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-archive ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Arkiver
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block mr-2 " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-trash ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-btn-md-block " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Videresend
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-70-innboks-panel-innhold -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-30-ekspanderbart-panel -->
</div>
</div>
</div>
</div>
</div>
<h2 class="a-fontSizeM a-fontBold mt-3 mb-0">Her er det tomt!</h2>
<p class="a-fontSizeM">Hvis det er resultat av en ryddesjau, gratulerer!</p>
<h3 class="mb-1 mt-3 a-fontSizeXS a-fontReg">Hvis det er noe du savner bør du: </h3>
<!-- START: 00-atomer-08-lister-05-liste-nummerert -->
<ol class="a-number-list ">
<li>
Forsikre deg om at du har
<!-- START: 00-atomer-02-lenker-00-link -->
<a class=" " data-parent="#accordion">
valgt riktig aktør
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</li>
<li>
Se etter meldingen på
<!-- START: 00-atomer-02-lenker-00-link -->
<a class=" " data-parent="#accordion">
arkiverte
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</li>
<li>
Se etter meldingen på
<!-- START: 00-atomer-02-lenker-00-link -->
<a class=" " data-parent="#accordion">
slettet
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</li>
</ol>
<!-- END: 00-atomer-08-lister-05-liste-nummerert -->
<p class="mt-2">Hvis du fortsatt ikke finner det du ser etter kan du kontakte
<!-- START: 00-atomer-02-lenker-00-link -->
<a class=" " data-parent="#accordion">
brukerservice
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</p>
</div>
<!-- START: 02-organismer-01-globale-01-footer -->
<div class="container a-containerFooter">
<!-- Begin Footer -->
<footer class="a-footer ">
<div class="row a-footer-firstRow">
<div class="col-md-4 d-none d-md-block">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="text-input-search-11">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-11">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-md-8">
<nav class="a-footerNav">
<ul>
<li>
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive\04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-corp "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
starte og drive bedrift
</a>
</li>
<li>
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-70-hjelpesenter\04-sider-infoportal-20-navigasjonssider-70-hjelpesenter.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
hjelp og kontakt
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<nav class="a-footerExtraNav">
Brønnøysundregistrene,
<span class="a-footerExtraNav-name">8910 Brønnøysund</span>
<div class="a-footerExtraNav-toTop d-md-none">
<a href="#top" class="a-linkArea a-btn ">
Til toppen
</a>
</div>
<ul>
<li><a class="d-none d-md-inline" href="/patterns/04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2\04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2.html">Om Altinn</a></li>
<li><a class="" href="/patterns/04-sider-infoportal-20-navigasjonssider-61-arkiv-v-driftsarkiv\04-sider-infoportal-20-navigasjonssider-61-arkiv-v-driftsarkiv.html">Driftsmeldinger</a></li>
<li><a class="" href="/patterns/04-sider-infoportal-30-artikkel-10-artikkel\04-sider-infoportal-30-artikkel-10-artikkel.html">Personvern og cookies</a></li>
</ul>
</nav>
</div>
</div>
</footer>
<!-- End Footer -->
</div>
<!-- END Container -->
<!-- END: 02-organismer-01-globale-01-footer -->
<!-- START: 01-molekyler-06-hjelp-00-hjelp-container -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- Should be included for pages that has quickhelp -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
<div class="a-stickyHelp-container">
<!-- Open-button for .a-iframeToggle -->
<!-- HELP ANIMATION:
On pages that have help in context (step for step guide), add class "a-stickyHelp-animationHint" when users has not been active for 10 seconds -->
<button type="button" class="a-btn a-stickyHelp-open collapsed" data-toggle="collapse" data-target="#a-iframeToggle" aria-expanded="false" aria-controls="a-iframeToggle">
<span class="sr-only a-stickyHelp-openText">Trenger du hjelp</span>
<i>?</i>
</button>
<div id="a-iframeToggle" class="a-iframeToggle collapse">
<!-- Close-button for .a-iframeToggle -->
<button type="button" class="a-stickyHelp-close" data-toggle="collapse" data-target="#a-iframeToggle" data-action="close" aria-expanded="true" aria-controls="a-iframeToggle"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-exit ai-sm " id="close-stickyHelp" ></i>
<span class="sr-only">Minimer hjelpevinduet</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<iframe class="a-js-stickyHelpFrame" data-src="../..//patterns/04-sider-infoportal-70-hurtighjelp-60-hurtighjelp\04-sider-infoportal-70-hurtighjelp-60-hurtighjelp.html"></iframe>
</div>
</div>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- End quickhelp -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- END: 01-molekyler-06-hjelp-00-hjelp-container -->
<!-- END: 03-maler-portal-50-innboks-00-innboks -->
</div>
<script type="text/json" id="sg-pattern-data-maler-portal-innboks" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
</div> <!--end #sg-patterns-->
</div> <!--end .sg-main-->
</div> <!--end .container-->
<!-- DO NOT REMOVE -->
<script type="text/json" id="sg-pattern-data-footer" class="sg-pattern-data">
{"patternPartial":"viewall-maler-portal-innboks"}
</script>
<script>
/*!
* scriptLoader - v0.1
*
* Copyright (c) 2014 Dave Olsen, http://dmolsen.com
* Licensed under the MIT license
*
*/
var scriptLoader = {
run: function(js,cb,target) {
var s = document.getElementById(target+'-'+cb);
for (var i = 0; i < js.length; i++) {
var src = (typeof js[i] != 'string') ? js[i].src : js[i];
var c = document.createElement('script');
c.src = '../../'+src+'?'+cb;
if (typeof js[i] != 'string') {
if (js[i].dep !== undefined) {
c.onload = function(dep,cb,target) {
return function() {
scriptLoader.run(dep,cb,target);
}
}(js[i].dep,cb,target);
}
}
s.parentNode.insertBefore(c,s);
}
}
}
</script>
<script id="pl-js-polyfill-insert-1572447551749">
(function() {
if (self != top) {
var cb = '1572447551749';
var js = [];
if (typeof document !== 'undefined' && !('classList' in document.documentElement)) {
js.push('styleguide/bower_components/classList.min.js');
}
scriptLoader.run(js,cb,'pl-js-polyfill-insert');
}
})();
</script>
<script id="pl-js-insert-1572447551749">
(function() {
if (self != top) {
var cb = '1572447551749';
var js = [ { 'src': 'styleguide/bower_components/jwerty.min.js', 'dep': [ 'styleguide/js/patternlab-pattern.min.js' ] } ];
scriptLoader.run(js,cb,'pl-js-insert');
}
})();
</script>
<!-- JQUERY -->
<script src="../../js/jquery.min.js"></script>
<!-- CODE PRETTIFY: Prettify code snippets in HTML -->
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst"></script>
<!-- Bundled assets -->
<script src="../../js/altinnPrototyping.vendor.js"></script>
<!-- ALTINN DEV custom JavaScript -->
<script src="./../../js/altinnPrototyping.js"></script>
<!-- CSS uploader inline javascript -->
<script type="text/javascript">
<!-- Check if current Window is in iFrame -->
$(document).ready(function () {
if (self === top) {
var $body = 'body';
if ($('.sg-top').length){
var $panelBrsys = '.welcome-panel-brsys';
var $panelaltinn = '.welcome-panel-altinn';
switch (window.localStorage.getItem('selected_project')) {
case 'altinn':
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').remove();
$($panelBrsys).hide();
$($panelaltinn).show();
break;
case 'altinnett':
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.brreg.css"]').remove();
$($panelBrsys).hide();
$($panelaltinn).show();
break;
case 'brsys':
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$($panelaltinn).hide();
$($panelBrsys).show();
break;
default:
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').attr({href: '../../css/style.prototype.altinn.css?1572447551749', media: 'all'});
break;
}
} else {
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').attr({href: '../../css/style.prototype.altinn.css?1572447551749', media: 'all'});
}
}
});
$(window).on('load', function () {
if (self === top) {
var elm = document.getElementsByTagName("html")[0];
elm.style.display = "block";
}
});
</script>
</body>
</html>