altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
8,193 lines • 311 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-sider-portal-profil-roller-rettigheter" class="sg-pattern-category">
<h2 class="sg-pattern-category-title"><a href="../../patterns/04-sider-portal-60-profil-roller-rettigheter\index.html" class="patternLink" data-patternpartial="viewall-sider-portal-profil-roller-rettigheter">profil-roller-rettigheter</a></h2>
<div class="sg-pattern-category-body">
</div><!--end sg-pattern-category-body-->
</div><!--end sg-pattern-category-->
<div id="sider-portal-profil-roller-rettigheter" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<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="patternLink" data-patternpartial="sider-portal-profil-roller-rettigheter" title="Link to Pattern">
Profil Roller Rettigheter
<span class="sg-pattern-state indesignreview">indesignreview</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-profil-roller-rettigheter" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-profil-roller-rettigheter" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-profil-roller-rettigheter">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter -->
<!-- START: 03-maler-portal-60-profil-roller-rettigheter-50-profil-roller-rettigheter JS doc: cardsToggle.js, truncateLines.js, toggleInstant.js -->
<div class="a-page">
<!-- 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>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exclamation ai-xs a-danger a-noHover ai-top " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</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=" " 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="globalNav-active " 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>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exclamation ai-xs a-danger a-noHover ai-top " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</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 ">
<span
class="a-personSwitcher-name">
<span class="d-block">JAN PETTERSEN</span>
<span class="d-block"></span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private-circle-big 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=" ">
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 ">
<div class="a-list-borderTop a-list-noIcon">
<div class="row">
</div>
</div>
<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">
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 ">
<div class="a-list-borderTop a-list-noIcon">
<div class="row">
</div>
</div>
<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">
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">
<!-- 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">
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">
<!-- 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';">
<!-- 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">
<!-- 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>
<!-- 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 ">
<div class="a-list-large">
<div class="row">
</div>
</div>
<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">
<!-- 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">
<!-- 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">
<!-- 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';">
<!-- 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">
<!-- 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">
<!-- 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';">
<!-- 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">
<!-- 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';">
<!-- 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">
<!-- 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="container">
<div class="row">
<div class="col-12">
<h1 class="mb-3 mt-0 a-fontSizeL">
Profil for
<span class="a-fontBold">
KARI NORDMANNS FORETAK
</span> org. nr 999 999 999
</h1>
<div id="accordion" class="a-panelAccordion" role="tablist">
<!-- START: 02-organismer-50-ekspanderbart-panel-_10-din-kontaktinformasjon 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="myContactInfoHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#myContactInfo" aria-expanded="false" aria-controls="myContactInfo">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-private a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Din kontaktinformasjon </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="myContactInfo" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="myContactInfoHeader">
<div class="a-collapsePanel-body-content">
<div class="row">
<div class="col mb-2">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="alert-no-arrow" class="a-message a-message-info a-message--arrow-off a-message--fullwidth ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Du er reservert mot kommunikasjon på nett fra det offentlige. For å endre dette, eller din kontaktinformasjon, gjør dette i <a href='https://brukerprofil-ver2.difi.no/minprofil/?locale=nb' target='_blank'>Kontakt- og reservasjonsregisteret</a>
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="a-fontBold a-fontSizeM">
Din kontaktinformasjon:
</h3>
</div>
<div class="col-12 col-md-4">
<!-- 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-1337">SMS:</label>
<div class="a-form-group-items input-group disabled ">
<span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-phone " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="tel" value="12312123" name="input-field" data-val="true" id="text-input-1337" disabled>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-8">
<!-- 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-20">Epost:</label>
<div class="a-form-group-items input-group disabled ">
<span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-closedmessage " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="email" value="test@testesen.no" name="input-field" data-val="true" id="text-input-20" disabled>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 mb-1">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-default mt-0">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<b>Obs!</b> Hvis denne kontaktinformasjonen er feil kan du endren den i
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="http://www.skatteetaten.no/" class=" ">
Kontakt- og reservasjonsregisteret
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
">
<input type="checkbox" id="check1b" class="custom-control-input">
<label class="custom-control-label " for="check1b">Jeg ønsker kvittering på e-post for innsendte skjema</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="row">
<div class="col-12 mt-1">
<!-- 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-201">Adresse:</label>
<div class="a-form-group-items input-group disabled ">
<span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="text" value="Grev Wedels Plass 9" name="input-field" data-val="true" id="text-input-201" disabled>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 mb-1">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div class="a-message a-message-default mt-0">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<b>Obs!</b> Hvis adressen er feil kan du endre den i
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="http://www.skatteetaten.no/" class=" ">
Folkeregisteret
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row mt-1">
<div class="col">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-1 ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_10-din-kontaktinformasjon -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_20-din-kontaktinformasjon-for-virksomheten 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="yourContactInfoUnitHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#yourContactInfoUnit" aria-expanded="false" aria-controls="yourContactInfoUnit">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-private a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Din kontaktinformasjon for virksomheten </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="yourContactInfoUnit" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="yourContactInfoUnitHeader">
<div class="a-collapsePanel-body-content">
<div id="myContactFor">
<div class="row">
<div class="col-12">
<h3 class="a-fontBold a-fontSizeM">
Din kontaktinformasjon:
</h3>
</div>
<div class="col-12 col-md-4 mb-1 mb-lg-0">
<!-- 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-10">SMS:</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-phone " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="tel" placeholder="97999999" value="97999999" name="input-field" data-val="true" id="text-input-10" required data-val-regex="Telefonnummer må bestå av 8 siffer" data-val-regex-pattern=""[0-9]{8}"">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="sms-success" class="a-message a-message-success mt-0">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Vi har sendt deg en SMS.
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
<div class="col-12 col-md-8">
<!-- 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-prof-roller-rett">Epost:</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-closedmessage " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="email" placeholder="f.eks post@karinordmann.no" value="test@tester.no" name="input-field" data-val="true" id="text-input-prof-roller-rett" required data-val-regex="Feil epost verdier" data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="mail-success" class="a-message a-message-success mt-0">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Vi har sendt deg en epost.
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row">
<div class="col mt-2">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="javascript:$('#myContactFor').hide(); $('#myAlertSettings').show();" class=" ">
Varslingsinnstillinger
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
<div id="myAlertSettings" style="display: none">
<div class="row">
<div class="col-12">
<h3 class="a-fontBold a-fontSizeM">
Varslingsinnstillinger:
</h3>
</div>
</div>
<div class="row">
<div class="col-12">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">SMS om nye meldinger i Altinn</label>
</div>
<div class="custom-control
false
custom-checkbox a-custom-checkbox
">
<input type="checkbox" id="" class="custom-control-input">
<label class="custom-control-label " for="">E-post om nye meldinger i Altinn</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="row">
<div class="col mt-2">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="javascript:$('#myAlertSettings').hide(); $('#alertsIndividualServices').show();" class=" ">
Varsling kun for enkelttjenester
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-1 ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- 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=" ">
Avbryt
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
</div>
<div id="alertsIndividualServices" style="display: none">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-20-varsling-enkelttjenester -->
<div class="row">
<div class="col">
<h3 class="a-fontBold a-fontSizeM">
Varsling om aktivitet for enkelttjeneste:
</h3>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 mb-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 ">
<label class="a-form-label sr-only " for="serviceListIdInput">Finn skjema eller tjeneste</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-document " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-js-autocomplete-varsel a-hasIcon
a-hasButton " type="search" placeholder="Finn skjema eller tjeneste" name="input-field" data-val="true" id="serviceListIdInput" data-search-algorithm="show-and-highlight" data-search-target="serviceListId">
<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 class="a-autocomplete-container d-none d-block ">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="a-fontBold a-fontSizeM">
Du får varsel for disse enkelttjenestene:
</h3>
</div>
</div>
<div class="row">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-borderTop ">
<li class="a-dotted a-success a-danger a-selected a-selectable a-hiddenRow" id="hiddenMalRow" tabindex="0">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
RF-0009 Kompensasjon av merverdiavgift for kommuner og fylkeskommuner mv..
<span class="sr-only">
Trykk for å slette varsel
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-success a-danger a-selected a-selectable" id="firstRow" tabindex="0">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
RF-0009 Kompensasjon av merverdiavgift for kommuner og fylkeskommuner mv..
<span class="sr-only">
Trykk for å slette varsel
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-selectable a-selected a-danger" id="secondRow" tabindex="0">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue a-lineThrough-selected">
Arbeidsgivers oppfølgingsplan for sykmeldte - fra sluttbrukersystem
</span>
<span class="sr-only">
Trykk for å angre sletting
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-block a-visibleWhenSelected a-hiddenWhenDeleted">
Angre
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected a-hiddenWhenDeleted "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-success a-danger a-selected a-selectable" id="thirdRow" tabindex="0">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
SLV-2001 Application for Variation to a Marketing Authorisation
<span class="sr-only">
Trykk for å slette varsel
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-success a-danger a-selected a-selectable" id="fourthRow" tabindex="0">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Statens Pensjonskasses arbeidsgiverportal (Skriv-Rapporter lønnsdata, Signer-Send.
<span class="sr-only">
Trykk for å slette varsel
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
<div class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-1 ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="javascript:$('#alertsIndividualServices').hide(); $('#myContactFor').show();" class=" ">
Avbryt
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-20-varsling-enkelttjenester -->
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_20-din-kontaktinformasjon-for-virksomheten -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_00-innloggingsinformasjon 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="loginInfoPanelHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#loginInfoPanel" aria-expanded="false" aria-controls="loginInfoPanel">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-lock a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Innloggingsinformasjon </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="loginInfoPanel" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="loginInfoPanelHeader">
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->
<div class="row">
<div class="col-12 col-md-5">
<!-- 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-login-username">Brukernavn</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="Brukernavn" name="input-validation" data-val="true" id="text-input-login-username" required>
</div>
<div class="a-message a-message-error" data-valmsg-for="input-validation" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5 pt-md-3 pt-sm-0 mb-1 a-js-password-link">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="$(this).closest('.a-js-password-link').hide().next().show().find('input').first().focus();" class="a-btn-link ">
<span>
Endre passord
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-12 col-md-5" style="display: 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 " for="text-input-pw">Passord</label>
<div class="a-form-group-items input-group ">
<input class="form-control form-control-noAddon
a-hasButton " type="password" placeholder="Passord" name="input-field" data-val="true" id="text-input-pw" required onkeyup="setVisibility(this, 'btn-text-input-pw')" autocomplete="off" data-val-regex="Passordet er ikke gyldig. Må bestå av minst 7 tegn og inneholde både bokstaver og tall. Bare bokstavene A-Z er tillatt."
data-val-regex-pattern="(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{7,50})$">
<div class="input-group-append">
<button class="btn btn-secondary d-none" type="button" id="btn-text-input-pw" onclick="showPassword(this, 'text-input-pw')">
<span class="show-password-text">
Vis <span class="sr-only">passord</span>
</span>
<span class="hide-password-text" style="display: none">
Skjul <span class="sr-only">passord</span>
</span>
</button>
</div>
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5">
<!-- 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-login-email">Epost: </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-closedmessage " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="email" placeholder="f.eks post@karinordmann.no" name="email-field" data-val="true" id="text-input-login-email" required data-val-regex="Feil epost verdier" data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))">
</div>
<div class="a-message a-message-error" data-valmsg-for="email-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col mt-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button class="a-btn a-btn-success ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_00-innloggingsinformasjon -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_00-innloggingsinformasjon 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="loginInfoEnterprisePanelHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#loginInfoEnterprisePanel" aria-expanded="false" aria-controls="loginInfoEnterprisePanel">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-lock a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Innloggingsinformasjon - Virksomhetsbruker </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="loginInfoEnterprisePanel" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="loginInfoEnterprisePanelHeader">
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->
<div class="row">
<div class="col-12 col-md-5">
<!-- 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-login-username-enterprise">Brukernavn</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="Brukernavn" name="input-validation" data-val="true" id="text-input-login-username-enterprise" required>
</div>
<div class="a-message a-message-error" data-valmsg-for="input-validation" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5 pt-md-3 pt-sm-0 mb-1 a-js-password-link">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="$(this).closest('.a-js-password-link').hide().next().show().find('input').first().focus();" class="a-btn-link ">
<span>
Endre passord
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-12 col-md-5" style="display: 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 " for="text-input-pw-enterprise">Passord</label>
<div class="a-form-group-items input-group ">
<input class="form-control form-control-noAddon
a-hasButton " type="password" placeholder="Passord" name="input-field" data-val="true" id="text-input-pw-enterprise" required onkeyup="setVisibility(this, 'btn-text-input-pw-enterprise')" autocomplete="off" data-val-regex="Passordet er ikke gyldig. Må bestå av minst 7 tegn og inneholde både bokstaver og tall. Bare bokstavene A-Z er tillatt."
data-val-regex-pattern="(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{7,50})$">
<div class="input-group-append">
<button class="btn btn-secondary d-none" type="button" id="btn-text-input-pw-enterprise" onclick="showPassword(this, 'text-input-pw-enterprise')">
<span class="show-password-text">
Vis <span class="sr-only">passord</span>
</span>
<span class="hide-password-text" style="display: none">
Skjul <span class="sr-only">passord</span>
</span>
</button>
</div>
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5">
<!-- 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-login-email-enterprise">Epost: </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-closedmessage " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="email" placeholder="f.eks post@karinordmann.no" name="email-field" data-val="true" id="text-input-login-email-enterprise" required data-val-regex="Feil epost verdier" data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))">
</div>
<div class="a-message a-message-error" data-valmsg-for="email-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col mt-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button class="a-btn a-btn-success ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->
</div>
<div class="a-collapsePanel-body-content d-none a-js-certificateUpload">
<div class="row">
<div class="col-12">
<!-- START: 00-atomer-01-forms-70-upload -->
<div class="a-h3">Nytt virksomhetssertifikat</div>
<label class="a-btn a-btn-action a-iconRight a-custom-certupload mb-1 mt-1">
<input class="a-js-certificateContainer sr-only" type="file" id="newCertificateInput">
Last opp sertifikat
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-upload " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</label>
<!-- END: 00-atomer-01-forms-70-upload -->
<!-- START: 00-atomer-03-knapper-15-♺-knapp-link -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link d-block mt-1 " id="cancel-upload">
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- END: 00-atomer-03-knapper-15-♺-knapp-link -->
</div>
</div>
</div>
<div class="a-collapsePanel-body-content a-js-certificateList">
<div class="row">
<div class="col-12">
<h3>Virksomhetssertifikat</h3>
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="alert" class="a-message a-message-edit a-message--arrow-off a-message--fullwidth a-message--no-dropshadow ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<div class="row a-delete-add-container">
<div class="col pb-1 a-fontBold">
Portal/webservice-sertifikat
</div>
<div class="col-md-auto col-sm-12 pb-sm-1">
<button type='button' class='a-btn a-btn-icon a-btn-delete'><i class='ai ai-sm ai-circle-exit a-danger ai-left' aria-hidden='true'></i><span class='a-btn-icon-text'>Slett sertifikat</span></button>
</div>
</div>
Dette sertifikatet kan brukes sammen med virksomhetsbruker mot webservices eller til innlogging på altinn.no. Det kan ikke brukes til filoverføring med SFTP.
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon pl-0 a-js-addcertificate " aria-label="knapp med popover">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Legg til
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_00-innloggingsinformasjon -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_71-panel-felles-varslingsadresse JS doc: notificationaddress.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed " id="sharedContactInfoHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#felleskontaktinfo" aria-expanded="false" aria-controls="felleskontaktinfo">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-other a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Felles varslingsadresser for virksomheten </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="felleskontaktinfo" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="sharedContactInfoHeader">
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_51-varslingsadresse-innhold-10-felles-varslingsadresse -->
<div class="row">
<div class="col-12 pb-2">
<!-- START: 00-atomer-07-tekst-02-intro-tekst -->
<p class="a-leadText d-inline" id="leadText">Denne adressen er ikke personlig. Den brukes til å varsle om <b>alle</b> nye meldinger til foretaket.</p>
<!-- END: 00-atomer-07-tekst-02-intro-tekst -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon JS doc: popover.js -->
<a href="javascript:void(0)" tabindex="0" class="a-linkArea a-helpIconButton a-helpIconButton--blue a-js-togglePopoverIcons" role="button" data-toggle="popover" data-animation="false" data-target="#myPopup" data-placement="bottom" data-trigger="click"
data-popover-class="popover-gray" data-popover-content="popoverWithIconToggle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-js-popoverIconInitial "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-js-popoverIconExpanded "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Vis mer info</span>
</a>
<div id="popoverWithIconToggle" style="display: none">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
For å sikre at alle meldinger som kommer til foretaket blir mottatt må det oppgis minst en varslingsaddresse. Hvis dere har et postmottak el.er det naturlig å legge inn dette her
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="http://www.altinn.no" class=" ">
Les mer
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
</div>
</div>
<div class="row">
<div class="col-12 pr-md-0">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link d-none mr-1" id="link-email">
<span>
Legge til epost-varsling
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="row">
<div id="emailTitle" class="col-12 pr-md-0">
<label class="a-form-label a-fontBold">Epost</label>
</div>
</div>
<div class="row a-email" id="emailInput-1">
<div class="col-10 col-md-7 pr-md-0">
<!-- 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-notification-epost">Epost</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="email" placeholder="f.eks. post@firma.no" value="trine@tester.no" name="input-field" data-val="true" id="text-input-notification-epost">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-2 col-md-5 pr-md-0 a-delete-email ">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" id="emailDelete-1" class="a-btn a-btn-icon-transparent a-delete px-0 " aria-label="fjern">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-delete " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row a-email" id="emailInput-2">
<div class="col-10 col-md-7 pr-md-0">
<!-- 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-notification-epost-1">Epost</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="email" placeholder="f.eks. post@firma.no" value="thord@tester.no" name="input-field" data-val="true" id="text-input-notification-epost-1">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-2 col-md-5 pr-md-0 a-delete-email ">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" id="emailDelete-2" class="a-btn a-btn-icon-transparent a-delete px-0 " aria-label="fjern">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-delete " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row a-email" id="emailInput-3">
<div class="col-10 col-md-7 pr-md-0">
<!-- 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-notification-epost-3">Epost</label>
<div class="a-form-group-items input-group disabled ">
<input class="form-control
" type="email" placeholder="f.eks. post@firma.no" value="timmy@tester.no" name="input-field" data-val="true" id="text-input-notification-epost-3" disabled>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-2 col-md-5 pr-md-0 a-delete-email ">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" id="emailDelete-3" class="a-btn a-btn-icon-transparent a-delete px-0 " aria-label="fjern">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-delete " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row a-email" id="emailInput-4">
<div class="col-10 col-md-7 pr-md-0">
<!-- 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-notification-epost-4">Epost</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="email" placeholder="f.eks. post@firma.no" value="timmy(at)tester.no" name="input-field" data-val="true" id="text-input-notification-epost-4" data-val-regex="Feil epost verdier" data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-2 col-md-5 pr-md-0 a-delete-email ">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" id="emailDelete-4" class="a-btn a-btn-icon-transparent a-delete px-0 " aria-label="fjern">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-delete " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row" id="">
<div class="col-12 mt-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link mr-1" id="link-addmore-email">
<span>
Legge til flere e-post addresser
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link d-none " id="link-sms">
<span>
Legge til sms-varsling
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div id="phoneTitle" class="row mt-2 ">
<div class="col-12 pr-md-0">
<label class="a-form-label a-fontBold">SMS</label>
</div>
</div>
<div class="row a-sms " id="smsInput-1">
<div class="col-10 col-md-4 pr-md-0">
<!-- 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="">Label:</label>
<div class="a-form-group-items input-group ">
<input class="form-control a-input-countryCode a-js-countryCode" required value="+47" type="tel" data-val-length-max="6" maxlength="6" data-val-length-min="2" />
<input class="form-control a-input-phonenumber
" type="tel" value="97837462" name="input-field" data-val="true" required data-val-regex="Telefonnummer må bestå av 8 siffer" data-val-regex-pattern=""[0-9]{8}"">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-2 col-md-8 pr-md-0 a-delete-sms">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" id="smsDelete-1" class="a-btn a-btn-icon-transparent a-delete px-0 " aria-label="fjern">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-delete " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="row " id="addmore-sms">
<div class="col-12 col-md-7 pr-md-0 mt-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link " id="link-sms-addmore">
<span>
Legge til flere mobilnummer
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="row">
<div class="col-12 mt-2">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-2" disabled>
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link " id="btn-askmelater">
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_51-varslingsadresse-innhold-10-felles-varslingsadresse -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_71-panel-felles-varslingsadresse -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_55-dine-rettigheter 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="yourRights" role="tab">
<a href="#" data-toggle="collapse" data-target="#dineRettigheter" aria-expanded="false" aria-controls="dineRettigheter">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-document a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Skjema og tjenester du har rettighet til </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="dineRettigheter" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="yourRights">
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<div>
<div class="row">
<div class="col-12 col-md-6 col-lg-7">
<!-- START: 01-molekyler-00-tekst-03-person-rolle -->
<div class="a-personRole ">
<div class="d-none d-md-block">
<!-- 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>
<div class="a-personRole-text" title="Kari Nordmann">
<span class="a-personRole-role">Styremedlem</span>
<span class="a-personRole-name">Kari Nordmann</span>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-03-person-rolle -->
</div>
<div class="col-12 col-md pt-1">
<!-- START: 00-atomer-03-knapper-16-♺-knapp-link-fare -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-fjerne/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-fjerne.html'" class="a-btn-link a-linkDanger float-left float-md-right ">
<span>
Fjern en eller flere rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- END: 00-atomer-03-knapper-16-♺-knapp-link-fare -->
</div>
</div>
<div class="row">
<div class="col-12">
<div class="mt-1 mb-2">
<!-- START: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->
<div class="a-list-heading">
<!-- START: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel JS doc: toggleFilter.js -->
<div class="a-collapse">
<div class="a-dotted mt-3">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-1" aria-expanded="true" aria-controls="exp-list-1" class="a-collapse-title a-collapse-title--absolute no-decoration ">
<span class="a-dropdownArrow"></span> <span>Har disse <span class='badge badge-primary a-label badge-pill'>2</span> rollene:</span> <span class="a-js-none"></span>
</a>
</h2>
</div>
</div>
</div>
</div>
<!-- END: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel -->
<!-- END: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->
</div>
<div id="exp-list-1" class="a-collapseContent collapse show" aria-expanded="true" role="tabpanel">
<!-- 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-disabled">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Basisrolle
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon JS doc: popover.js -->
<a href="javascript:void(0)" tabindex="0" class="a-linkArea a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons" role="button" data-toggle="popover" data-animation="false" data-target="#myPopup" data-placement="bottom" data-trigger="click"
data-popover-class="popover-big" data-popover-content="popoverSampleContentSigneringsrett1">
<span class="sr-only">
Klikk for å se hva rollen gir tilgang til
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class=" a-js-popoverIconInitial">
<i class="ai ai-help-popicon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class=" a-js-popoverIconExpanded">
<i class="ai ai-circle-exit " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Vis mer info</span>
</a>
<div id="popoverSampleContentSigneringsrett1" style="display: none">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<div class="a-modal-body">
<!-- START: 01-molekyler-00-tekst-_45-liste-med-beskrivelse -->
<h3 class="mb-2">Hva inneholder rollen?</h3>
<span>Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.</span>
<!-- START: 01-molekyler-05-lister-_30-liste-unummerert-uten-popover JS doc: listRowToggle.js hvis data-list-selectable="true", addListExpandHandler.js hvis data-toggle="collapse", clickableRow.js hvis klasser .a-clickable .a-selectable -->
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div class="col-12">
<span class="a-fontBold">
Lønn og personalmedarbeider
</span>
<span class="float-right a-fontSizeXXXS">
Gir rettighet til 59 tjenester
</span>
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— AFP arbeidsgiverskjema
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— AFP-avgjørelse
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Arbeidsgivers oppfølgingsplan for sykmeldte
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
</ul>
<!-- END: 01-molekyler-05-lister-_30-liste-unummerert-uten-popover -->
<!-- END: 01-molekyler-00-tekst-_45-liste-med-beskrivelse -->
</div>
</div>
</div>
</div>
</div>
<div id="popoverSampleContentSigneringsrett1" style="display: none">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Dette er en tekst
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="http://www.altinn.no" class=" " aria-expanded="true">
med en lenke som står i løpende tekst
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
og man kan ha mer tekst etter.
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-inactive">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Begrenset signeringsrettighet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon JS doc: popover.js -->
<a href="javascript:void(0)" tabindex="0" class="a-linkArea a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons" role="button" data-toggle="popover" data-animation="false" data-target="#myPopup" data-placement="bottom" data-trigger="click"
data-popover-class="popover-big" data-popover-content="popoverSampleContentSigneringsrett23">
<span class="sr-only">
Klikk for å se hva rollen gir tilgang til
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class=" a-js-popoverIconInitial">
<i class="ai ai-help-popicon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class=" a-js-popoverIconExpanded">
<i class="ai ai-circle-exit " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Vis mer info</span>
</a>
<div id="popoverSampleContentSigneringsrett23" style="display: none">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<div class="a-modal-body">
<!-- START: 01-molekyler-00-tekst-_45-liste-med-beskrivelse -->
<h3 class="mb-2">Hva inneholder rollen?</h3>
<span>Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.</span>
<!-- START: 01-molekyler-05-lister-_30-liste-unummerert-uten-popover JS doc: listRowToggle.js hvis data-list-selectable="true", addListExpandHandler.js hvis data-toggle="collapse", clickableRow.js hvis klasser .a-clickable .a-selectable -->
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div class="col-12">
<span class="a-fontBold">
Lønn og personalmedarbeider
</span>
<span class="float-right a-fontSizeXXXS">
Gir rettighet til 59 tjenester
</span>
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— AFP arbeidsgiverskjema
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— AFP-avgjørelse
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Arbeidsgivers oppfølgingsplan for sykmeldte
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
</ul>
<!-- END: 01-molekyler-05-lister-_30-liste-unummerert-uten-popover -->
<!-- END: 01-molekyler-00-tekst-_45-liste-med-beskrivelse -->
</div>
</div>
</div>
</div>
</div>
<div id="popoverSampleContentSigneringsrett23" style="display: none">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Dette er en tekst
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="http://www.altinn.no" class=" " aria-expanded="true">
med en lenke som står i løpende tekst
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
og man kan ha mer tekst etter.
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="row">
<div class="col-12 mt-2">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene.html" class=" " aria-expanded="true">
Disse rollene gir tilgang til disse tjenestene
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="mt-1 mb-2">
<!-- START: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->
<div class="a-list-heading">
<!-- START: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel JS doc: toggleFilter.js -->
<div class="a-collapse">
<div class="a-dotted mt-2">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-2" aria-expanded="true" aria-controls="exp-list-2" class="a-collapse-title a-collapse-title--absolute no-decoration ">
<span class="a-dropdownArrow"></span> <span>Har også tilgang til disse <span class='badge badge-primary a-label badge-pill'>1</span> enkelttjenestene</span> <span class="a-js-none"></span>
</a>
</h2>
</div>
</div>
</div>
</div>
<!-- END: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel -->
<!-- END: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->
</div>
<div id="exp-list-2" class="a-collapseContent collapse show" aria-expanded="true" role="tabpanel">
<!-- 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-inactive" id="firstRow">
<div class="row ">
<div class="col-12 col-md">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Arbeidsgivers oppfølgingsplan for sykmeldte - uten sluttbrukersystem
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-sm a-dimmed " title="Les"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write ai-sm a-dimmed " title="Skriv"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm a-dimmed " title="Signer"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
<!-- END: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="mt-1 mb-2">
<!-- START: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->
<div class="a-list-heading">
<!-- START: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel JS doc: toggleFilter.js -->
<div class="a-collapse">
<div class="a-dotted mt-2">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-3" aria-expanded="true" aria-controls="exp-list-3" class="a-collapse-title a-collapse-title--absolute no-decoration ">
<span class="a-dropdownArrow"></span> <span>Har også tilgang til disse <span class='badge badge-primary a-label badge-pill'>2</span> skjemaene</span> <span class="a-js-none"></span>
</a>
</h2>
</div>
</div>
</div>
</div>
<!-- END: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel -->
<!-- END: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->
</div>
<div id="exp-list-3" class="a-collapseContent collapse show" aria-expanded="true" role="tabpanel">
<!-- 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-inactive" id="firstRow">
<div class="row ">
<div class="col-12 col-md">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Til utfylling: RF-1117 Klage på likninga, HALL RANDI
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-sm a-dimmed " title="Les"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write ai-sm a-dimmed " title="Skriv"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm a-dimmed " title="Signer"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-disabled" id="secondRow">
<div class="row ">
<div class="col-12 col-md">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
RF-1117 Klage på likninga
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
<!-- END: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_55-dine-rettigheter -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_60-andre-med-rettigheter JS doc: cardsToggle.js, truncateLines.js, togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed " id="othersWithRightsHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#andremedrettigheter" aria-expanded="false" aria-controls="andremedrettigheter" data-parent="#accordion">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Andre med rettigheter </span>
</h2>
<div class="a-iconText-icon">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exclamation ai-sm a-danger a-noHover "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="andremedrettigheter" class="a-collapsePanel-body no-background collapse " role="tabpanel" aria-labelledby="othersWithRightsHeader">
<div class="pr-4 pl-2 py-1 text-sm-right a-collapsePanel-body-secondary">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg.html" class=" ">
Aktivitetslogg
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
<!-- START: 01-molekyler-04-grupper-01-grupperte-fremhevede-knapper JS doc: cardsToggle.js, truncateLines.js -->
<div class="a-noColPadding clearfix" role="list">
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel.html';">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exclamation ai-sm a-danger a-noHover ai-top ai-float-right " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-text">
<span class="a-meta-text">
</span>
<span class="a-box-button-name">
<span class="sr-only">
PERNILLE HALL
</span>
<span class="a-js-inner-text" aria-hidden="true" >
PERNILLE HALL
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Behandle forespørsel
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar.html';">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exclamation ai-sm a-danger a-noHover ai-top ai-float-right " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-text">
<span class="a-meta-text">
</span>
<span class="a-box-button-name">
<span class="sr-only">
TUVA LANDRO
</span>
<span class="a-js-inner-text" aria-hidden="true" >
TUVA LANDRO
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Behandle forespørsel
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
REGNSKAPSFØRER
</span>
<span class="a-box-button-name">
<span class="sr-only">
PERNILLE HALL
</span>
<span class="a-js-inner-text" aria-hidden="true" >
PERNILLE HALL
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
STYRE LEDER
</span>
<span class="a-box-button-name">
<span class="sr-only">
TUVA LANDRO
</span>
<span class="a-js-inner-text" aria-hidden="true" >
TUVA LANDRO
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
DAGLIG LEDER
</span>
<span class="a-box-button-name">
<span class="sr-only">
INGRID AGA
</span>
<span class="a-js-inner-text" aria-hidden="true" >
INGRID AGA
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
REGNSKAPSFØRER
</span>
<span class="a-box-button-name">
<span class="sr-only">
Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
</span>
<span class="a-js-inner-text" aria-hidden="true" title="Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov" >
Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" aria-expanded="false" aria-owns="firstChildContainer" data-toggle="instant" data-target="#firstChildContainer">
<span class="a-box-button-text">
<span class="a-meta-text">
REVISOR
</span>
<span class="a-box-button-name">
<span class="sr-only">
FJELLSTRAND REGNSKAP
</span>
<span class="a-js-inner-text" aria-hidden="true" >
FJELLSTRAND REGNSKAP
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-lg a-box-button-icon " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Se alle med rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div role="list" class="a-childBoxButtonList" id="firstChildContainer" style="display: none">
<div role="listitem" class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
REVISOR
</span>
<span class="a-box-button-name">
<span class="sr-only">
FJELLSTRAND REGNSKAP
</span>
<span class="a-js-inner-text" aria-hidden="true" >
FJELLSTRAND REGNSKAP
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div role="listitem" class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
REVISOR
</span>
<span class="a-box-button-name">
<span class="sr-only">
KENNETH HOGNESTAD
</span>
<span class="a-js-inner-text" aria-hidden="true" >
KENNETH HOGNESTAD
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div role="listitem" class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
REVISOR
</span>
<span class="a-box-button-name">
<span class="sr-only">
LISE GAUSDAL
</span>
<span class="a-js-inner-text" aria-hidden="true" >
LISE GAUSDAL
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne rettigheter
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
Skjul alle med rettigheter
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
</div>
<div role="listitem" class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2">
<!-- START: 00-atomer-04-handlingsknapper-21-handlingsknapp-stor -->
<button type="button" class="a-boxAddBtn" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til.html';">
<span class="a-boxAddBtn-inner">
Legg til person
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
eller virksomhet
</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-21-handlingsknapp-stor -->
</div>
</div>
<!-- END: 01-molekyler-04-grupper-01-grupperte-fremhevede-knapper -->
<!-- case when there are no cards with rights -->
<div class="d-none">
<div class="clearfix">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="alert-no-arrow" class="a-message a-message-info a-message--arrow-off a-message--fullwidth ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Dette er en driftsmelding eller endringsinformasjon
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
<div class="mt-1 mx-1">
<!-- START: 00-atomer-04-handlingsknapper-19-♺-handlingsknapp-full-bredde -->
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn py-1">
<!-- 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>Legg til ny person eller virksomhet</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<!-- END: 00-atomer-04-handlingsknapper-19-♺-handlingsknapp-full-bredde -->
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_60-andre-med-rettigheter -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_65-samtykke JS doc: cardsToggle.js, truncateLines.js, togglePanel.js -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_60-andre-med-rettigheter JS doc: cardsToggle.js, truncateLines.js, togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed " id="consentHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#samtykke" aria-expanded="false" aria-controls="samtykke" data-parent="#accordion">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-read a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-iconText-text">
<span class="a-iconText-text-large">Samtykke </span>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="samtykke" class="a-collapsePanel-body no-background collapse " role="tabpanel" aria-labelledby="consentHeader">
<div class="pr-4 pl-2 py-1 text-sm-right a-collapsePanel-body-secondary">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg.html" class=" ">
Samtykkelogg
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
<!-- START: 01-molekyler-04-grupper-01-grupperte-fremhevede-knapper JS doc: cardsToggle.js, truncateLines.js -->
<div class="a-noColPadding clearfix" role="list">
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-10-modaler-60-se-og-fjern-samtykke/04-sider-portal-10-modaler-60-se-og-fjern-samtykke.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
MIDLERTIDIG INNSYN
</span>
<span class="a-box-button-name">
<span class="sr-only">
ALTINN1 ANS
</span>
<span class="a-js-inner-text" aria-hidden="true" >
ALTINN1 ANS
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne samtykke
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-10-modaler-60-se-og-fjern-samtykke/04-sider-portal-10-modaler-60-se-og-fjern-samtykke.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
MIDLERTIDIG INNSYN
</span>
<span class="a-box-button-name">
<span class="sr-only">
TUVA LANDRO
</span>
<span class="a-js-inner-text" aria-hidden="true" >
TUVA LANDRO
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne samtykke
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-10-modaler-60-se-og-fjern-samtykke/04-sider-portal-10-modaler-60-se-og-fjern-samtykke.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
MIDLERTIDIG INNSYN
</span>
<span class="a-box-button-name">
<span class="sr-only">
INGRID AGA
</span>
<span class="a-js-inner-text" aria-hidden="true" >
INGRID AGA
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne samtykke
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
<div class="d-flex float-left col-6 col-md-4 col-lg-3 col-xl-2" role="listitem">
<!-- START: 00-atomer-03-knapper-31-knapp-fremhevet-stor JS doc: cardsToggle.js, truncateLines.js -->
<button type="button" class="a-box-button" onclick="location.href='/patterns/04-sider-portal-10-modaler-60-se-og-fjern-samtykke/04-sider-portal-10-modaler-60-se-og-fjern-samtykke.html';">
<span class="a-box-button-text">
<span class="a-meta-text">
MIDLERTIDIG INNSYN
</span>
<span class="a-box-button-name">
<span class="sr-only">
Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
</span>
<span class="a-js-inner-text" aria-hidden="true" >
Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
</span>
</span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-lg a-box-button-icon a-blueDarkText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-box-button-action a-blueDarkText a-box-button-primaryAction">
Gi og fjerne samtykke
</span>
<span class="a-box-button-action a-blueDarkText a-box-button-secondaryAction">
</span>
</button>
<!-- END: 00-atomer-03-knapper-31-knapp-fremhevet-stor -->
</div>
</div>
<!-- END: 01-molekyler-04-grupper-01-grupperte-fremhevede-knapper -->
<!-- case when there are no cards with rights -->
<div class="d-none">
<div class="clearfix">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="alert-no-arrow" class="a-message a-message-info a-message--arrow-off a-message--fullwidth ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Dette er en driftsmelding eller endringsinformasjon
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
<div class="mt-1 mx-1">
<!-- START: 00-atomer-04-handlingsknapper-19-♺-handlingsknapp-full-bredde -->
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn py-1">
<!-- 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>Legg til ny person eller virksomhet</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<!-- END: 00-atomer-04-handlingsknapper-19-♺-handlingsknapp-full-bredde -->
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_60-andre-med-rettigheter -->
<!-- END: 02-organismer-50-ekspanderbart-panel-_65-samtykke -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_75-borolle-delegering JS doc: cardsToggle.js, truncateLines.js, togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
<div class="card-header a-js-index-heading a-collapsePanel-heading collapsed " id="borolleDelegeringHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#borolleDelegering" aria-expanded="false" aria-controls="borolleDelegering">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-client a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-iconText-text">
<span class="a-iconText-text-large">Borolledelegering </span>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="borolleDelegering" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="borolleDelegeringHeader">
<div class="a-collapsePanel-body-content">
<p class="a-fontSizeM mb-1">Du kan velge om du vil gi rettigheter til en og en eller samlet via fil</p>
<h3 class="">Borolledelegering enkeltvis</h3>
<p class="a-fontSizeXS mb-1">Hvis du skal gi rettigheter til èn eller få personer, kan du bruke borolledelegering enkeltvis. Du kan velge å gi eller slette rettigheter for en og en person.</p>
<!-- 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-btn ">
Deleger enkeltvis
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<h3 class="mt-3">Borolledelegering samlet</h3>
<p class="a-fontSizeXS mb-1">Hvis du skal gi mange rettigheter samtidig, kan du gjøre dette gjennom borolledelegering på fil. Du vil kunne laste ned en excel-fil som du kan redigere og laste opp igjen når du er ferdig med å gjøre endringer.</p>
<!-- 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-btn ">
Deleger samlet
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_75-borolle-delegering -->
<!-- START: 02-organismer-50-ekspanderbart-panel-_50-klientdelegering 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="clientDelegationHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#accordionItemKlientdelegering" aria-expanded="false" aria-controls="accordionItemKlientdelegering" data-parent="#accordion">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-client a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Klientdelegering </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="accordionItemKlientdelegering" class="a-collapsePanel-body a-collapsePanel-body--border no-background collapse " role="tabpanel" aria-labelledby="clientDelegationHeader">
<div class="panel-collapse-content-section px-1 px-sm-2 pb-1 pb-sm-2">
<div class="a-first-action pt-2 pt-sm-3">
<!-- START: 00-atomer-04-handlingsknapper-23-knapp-veksle JS doc: toggleSwitch.js -->
<fieldset class="switch-container">
<legend class="sr-only">Velg visning</legend>
<div class="radio">
<input class="sr-only" type="radio" id="switch-cb1" name="organisme-switch-cb" data-switch-target="["firstTable", "searchForPerson", "searchHiddenForClient"]" checked>
<label for=switch-cb1>Ansatte</label>
</div>
<div class="radio">
<input class="sr-only" type="radio" id="switch-cb2" name="organisme-switch-cb" data-switch-target="["secondTable", "searchForClient"]">
<label for=switch-cb2>Klienter</label>
</div>
</fieldset>
<!-- END: 00-atomer-04-handlingsknapper-23-knapp-veksle -->
</div>
<div class="a-second-action pt-2 pt-sm-3" id="searchForClient" style="display: 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="randomIdOne">Finn skjema eller tjeneste</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-client " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="search" placeholder="Hvilken klient ser du etter?" name="input-field" data-val="true" id="randomIdOne" data-search-algorithm="show-and-highlight" data-search-target="clientTableId">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="a-second-action pt-2 pt-sm-3" id="searchForPerson">
<!-- 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="randomIdTwo">Finn skjema eller tjeneste</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-private " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="search" placeholder="Hvem leter du etter?" name="input-field" data-val="true" id="randomIdTwo" data-search-algorithm="show-and-highlight" data-search-target="employeeTableId">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="a-third-action d-none d-lg-block pt-3">
<div class="a-third-action-spacer">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="location.href='/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-pa-fil/04-sider-portal-91-klientdelegering-00-klientdelegering-pa-fil.html';" class="a-btn-link ">
<span>
Klientdelegering på fil
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-fourth-action mt-2 mt-sm-3" id="searchHiddenForClient">
<!-- START: 00-atomer-04-handlingsknapper-19-♺-handlingsknapp-full-bredde -->
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button onclick="location.href='/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-legg-til-ansatt/04-sider-portal-91-klientdelegering-00-klientdelegering-legg-til-ansatt.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>Legg til ny ansatt</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<!-- END: 00-atomer-04-handlingsknapper-19-♺-handlingsknapp-full-bredde -->
</div>
</div>
<div id="firstTable">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-large a-bgWhite " id="employeeTableId">
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Andre Geitan
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Doris Kahn
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Kalle Moe
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Andreas Amundsen
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Finn Skapen
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Phil Dunderson
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Fillip Schau
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 2
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 3
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 4
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 5
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 6
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 7
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 8
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 9
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 10
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 11
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 12
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-6 col-lg-8" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Jan Johansen 13
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-klienter.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable a-fontSizeM a-fontBold a-list-item-loadMore a-bgGreyLight" tabindex="0" role="button">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus d-md-none "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Last flere
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-js-ignoreDuringSearch">
<div class="row ">
<div class="a-w-7 d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-noSearchResults">
Ingen treff på søkeresultatet <em class="a-js-noSearchResults-phrase">{0}</em>, prøv et nytt søkeord
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
<div id="secondTable" style="display: none;">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-large a-bgWhite " id="clientTableId">
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Creative Banking ANS
</span> (ny!)
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
999 157 033
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Advokat Renningsen ANS
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
979 465 483
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Kajakk og Ski AS
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Pedro Lasten ENK
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Kabelkonsulentene AS
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Adrian Frutiger ENK
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Ferskfisk & Saltkjøtt AS
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Technopolis Securities AS
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Paller+Pins ANS
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
Quantimetaphysics AS
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 d-none d-md-block" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='d-none d-sm-block'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable">
<div class="row ">
<div class="a-w-7 text-center hidden-sm-down">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-client "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-sm-7 col-md-4 col-lg-6" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-js-sortValue">
KJØBMAND JOHAN JENSEN OG HUSTRU JOAKIME FØDT PAULSENS LEGAT FOR VÆRDIGE TRENGENDE AV BORGER- OG EMBEDSKLASSEN
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-3 hidden-sm-down" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
963 179 715
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="a-hiddenWhenSelected">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte/04-sider-portal-91-klientdelegering-00-klientdelegering-gi-rettigheter-til-ansatte.html" class="a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed pr-1 pr-md-5 ">
<span class='hidden-xs-down'>Gi og fjerne rettigheter</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-clickable a-fontSizeM a-fontBold a-list-item-loadMore a-bgGreyLight" tabindex="0" role="button">
<div class="row ">
<div class="a-w-7 text-center d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus d-md-none "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Last flere
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-js-ignoreDuringSearch">
<div class="row ">
<div class="a-w-7 d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-noSearchResults">
Ingen treff på søkeresultatet <em class="a-js-noSearchResults-phrase">{0}</em>, prøv et nytt søkeord
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
<div class="a-third-action-mobile d-lg-none">
<div class="a-third-action-spacer">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="location.href='/patterns/04-sider-portal-91-klientdelegering-00-klientdelegering-pa-fil/04-sider-portal-91-klientdelegering-00-klientdelegering-pa-fil.html';" class="a-btn-link ">
<span>
Klientdelegering på fil
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-_50-klientdelegering -->
<!-- START: 02-organismer-50-ekspanderbart-panel-05-avanserte-innstillinger 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="advancedSettingsPanelHeader" role="tab">
<a href="#" data-toggle="collapse" data-target="#advancedSettingsPanel" aria-expanded="false" aria-controls="advancedSettingsPanel">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-settings a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h2 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Avanserte innstillinger </span>
</h2>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</a>
</div>
<div id="advancedSettingsPanel" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="advancedSettingsPanelHeader">
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-30-kvittering-pa-epost -->
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->
<div class="row">
<div class="col-12">
<h3 class="a-fontBold a-fontSizeM">
Kvittering på e-post (for innsendinger du gjør for andre)
</h3>
</div>
<div class="col-12 col-md-5">
<!-- 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-3">E-postadresse</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-closedmessage " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="email" placeholder="E-postadresse" name="email-field" data-val="true" id="text-input-3" required>
</div>
<div class="a-message a-message-error" data-valmsg-for="email-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
">
<input type="checkbox" id="check1c" class="custom-control-input">
<label class="custom-control-label " for="check1c">Jeg ønsker kvittering på e-post for innsendte skjema</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="row">
<div class="col mt-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button class="a-btn a-btn-success ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-30-kvittering-pa-epost -->
</div>
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-40-overfor-SI-bruker -->
<div class="row">
<div class="col">
<h3>
Overfør bruker
</h3>
<p class="a-fontSizeXS mb-1">
Start overføring av arkiverte data til Altinn-bruker med fødselsnummer/D-nummer. Du kan overføre alle dine arkiverte data fra denne brukeren til en Altinn-bruker som er registrert med fødselsnummer/D-nummer. Dermed for du tilgang til mer funksjonalitet
i Altinn.
</p>
<p class="a-fontSizeXS mb-1">
Først, fyll ut feltene og start overføring nedenfor. Deretter, logg inn med din nye bruker, gå til Min profil og bekreft overføring.
</p>
</div>
</div>
<div class="row">
<div class="col-12 col-md-5">
<!-- 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-fnr">Fødselsnummer:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-input-fnr">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5">
<!-- 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-lastname">Etternavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-input-lastname">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mt-2">
Start overføring
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-40-overfor-SI-bruker -->
</div>
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-40-overfor-SI-bruker -->
<div class="row">
<div class="col">
<h3>
Overfør bruker
</h3>
<p class="a-fontSizeXS mb-1">
Overføring av arkiverte data til Altinn bruker med fødselsnummer/D-nummer. Du har startet overføring av adata fra denne brukeren til en ny Altinn-bruker som er registrert med fødselsnummer/D-nummer. Bare arkiverte dokumenter overføres, ikke
skjema/meldinger som ligger til behandling. Fortsett ved å logge inn med di nye bruker, gå til Min profil og bekrefte overføring.
</p>
<p class="a-fontSizeXS mb-1">
Alternativt kan du stoppe overføringen ved å velge "Avbryt" nedenfor.
</p>
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mt-2">
Avbryt overføring
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-40-overfor-SI-bruker -->
</div>
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-40-overfor-SI-bruker -->
<div class="row">
<div class="col">
<h3>
Overfør bruker
</h3>
<p class="a-fontSizeXS mb-1">
Bekreft overføring av arkiverte data fra annen Altinn bruker. Det er startet overføring av data til denne Altinn-brukeren. Velg "Bekreft overføring" for å ta i mot data. Bare arkiverte dokumenter overføres, ikke skjema/meldinger som ligger
til behandling. Brukeren det overføres fra, vil bli slettet.
</p>
<p class="a-fontSizeXS mb-1">
Velg "Avvis overføring" hvis du ikke ønsker å bytte ut brukeren nedenfor med den du er logget inn som nå.
</p>
</div>
</div>
<div class="row mt-1">
<div class="col-12 mb-1 align-self-center col-md-auto a-fontBold">
siusername
</div>
<div class="col-12 col-md-auto">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-1">
Bekreft overføring
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger ">
Avvis overføring
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-40-overfor-SI-bruker -->
</div>
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-50-datasystemer -->
<div class="row">
<div class="col mb-2">
<h3>
Datasystemer
</h3>
<div class="my-2">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="alert" class="a-message a-message-edit a-message--arrow-off a-message--fullwidth ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Endre registrert datasystem
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
<p class="a-fontSizeXS mb-1">
Legg inn et passord her, og bruk det sammen med id-en du får oppgitt i ditt system for å sende inn til Altinn.
</p>
</div>
</div>
<div class="row">
<div class="col-12 col-md-5">
<!-- 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-computersystem-name">Navn på datasystem </label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="Hva vil du kalle systemet?" name="input-field" data-val="true" id="text-input-computersystem-name">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5">
<div id="dropdown-description" class="a-fontMedium a-pb-half">Hvilket system bruker du?</div>
<!-- START: 00-atomer-01-forms-50-flervalg-stilisert -->
<div class="form-group input-group transparent a-js-forceFlexColumn a-form-group" aria-describedby="dropdown-description">
<div data-toggle="altinn-dropdown" class="dropdown a-transparent a-fullWidthXs">
<input type="hidden" class="a-js-altinnDropdown-value" />
<button class="btn dropdown-toggle a-dropdown-toggle form-control-alt a-js-dropdownToValidate" type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Datasystemer
</span>
</button>
<div class="dropdown-menu a-dropdown-menu" aria-labelledby="dropdownMenu">
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Agro Økonimi
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Aksjeservice
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Akvadok
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
AR6 Økonomi
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
ASPECT4 HRM
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Aureus AltUt
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Autodata
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Avendo Skatt
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
BAS
</span>
</a>
<a class="dropdown-item a-dropdown-item" href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-lg-inline "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-form-text pl-1 pl-lg-0">
Bluegarden Paga
</span>
</a>
</div>
</div>
<div class="a-message a-message-error a-js-adjustedError" data-valmsg-for="input-field" data-valmsg-replace="false">
<span class="has-error"></span>
</div>
</div>
<!-- END: 00-atomer-01-forms-50-flervalg-stilisert -->
</div>
<div class="col-12 col-md-9 mb-2">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="alert-systemname" class="a-message a-message-info a-message--fullwidth mt-0">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
<b>Obs!</b> Gi systemet et navn slik at du kjenner det igjen. Du kan kalle det hva du vil, men husk at alle som har tilgang til denne profilen kan se det.
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-5">
<!-- 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-computersystem-password">Passord</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="password" placeholder="Lag et passord" name="input-field" data-val="true" id="text-input-computersystem-password">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5">
<!-- 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-computersystem-rep-password">Bekreft passord</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="password" placeholder="Bekreft passord" name="input-field" data-val="true" id="text-input-computersystem-rep-password">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col mt-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success ">
Legg til
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="row">
<div clasS="col mt-2">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<div class="a-list-borderTop a-list-noIcon">
<div class="row">
</div>
</div>
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-dotted" id="computersystem-firstRow">
<div class="row ">
<div class="col-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
ID
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Beskrivelse
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Handlinger
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted" id="computersystem-secondRow">
<div class="row ">
<div class="col-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
1581
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
DatasystemEn
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="#" class="a-linkIcon a-btn-blue-noUnderline pr-0 ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-edit "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="d-none d-lg-inline a-fontSizeXS">
Rediger
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="#" class="a-linkIcon pr-0 ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit ai-nw ai-sm ml-0 mr-0 a-danger "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">
Slett
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted" id="computersystem-ThirdRow">
<div class="row ">
<div class="col-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
3756
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
DatasystemTo
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="#" class="a-linkIcon a-btn-blue-noUnderline pr-0 ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-edit "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="d-none d-lg-inline a-fontSizeXS">
Rediger
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="#" class="a-linkIcon pr-0 ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit ai-nw ai-sm ml-0 mr-0 a-danger "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">
Slett
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-9">
<!-- START: 00-atomer-07-tekst-00-varsel -->
<div id="alert-systemnumber" class="a-message a-message-info a-message--fullwidth ">
<!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
Legg til ID nummeret i systemet ditt
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-50-datasystemer -->
</div>
<div class="a-collapsePanel-body-content a-js-certificateUpload">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-60-virksomhetssertifikat -->
<div class="row a-js-certificates">
<div class="col-12 mb-2">
<h3>Registrer ny bruker med virksomhetssertifikat</h3>
</div>
<div class="col-12 mb-4">
<!-- START: 00-atomer-01-forms-70-upload -->
<div class="a-form-label a-fontBold">Virksomhetssertifikat</div>
<label class="a-btn a-btn-action a-iconRight a-custom-fileupload mb-0 mt-1">
<input class="a-js-certificateContainer sr-only" type="file" id="newCertificateInput">
Last opp sertifikat
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-upload " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</label>
<!-- END: 00-atomer-01-forms-70-upload -->
</div>
<div class="col-12 ">
<h3>Registrerte brukere</h3>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-borderTop " id="regUser">
<li class="a-dotted a-selectable">
<div class="row ">
<div class="col-auto pr-2 pb-1 pb-md-0">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
ReceiverUser2
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 d-md-none pb-1">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-linkIcon a-btn-blue-noUnderline collapsed a-hiddenWhenExpanded " data-toggle="collapse" data-target="#collapseIdSampleSertificate1" aria-controls="collapseIdSampleSertificate1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-edit a-hiddenWhenExpanded ai-left "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Rediger</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-visibleWhenExpanded " data-toggle="collapse" data-target="#collapseIdSampleSertificate1" aria-controls="collapseIdSampleSertificate1">
<span>Avbryt</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-auto a-visibleWhenExpanded pr-2 pb-1 pb-md-0">
<!-- 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 " aria-label="knapp med popover">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-blueText ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett bruker
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-auto a-visibleWhenExpanded pb-1 pb-md-0">
<!-- 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-js-certificateEdit " aria-label="knapp med popover">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-edit a-blueText ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Endre
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col a-visibleWhenExpanded">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col text-right d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-linkIcon a-btn-blue-noUnderline collapsed a-hiddenWhenExpanded pr-0 " data-toggle="collapse" data-target="#collapseIdSampleSertificate1" aria-controls="collapseIdSampleSertificate1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-edit a-hiddenWhenExpanded "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Rediger</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-fullWidthLink a-fullWidthLink--underline a-visibleWhenExpanded a-pr-half " data-toggle="collapse" data-target="#collapseIdSampleSertificate1" aria-controls="collapseIdSampleSertificate1">
<span>Avbryt</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
<div class="col-12 collapse" id="collapseIdSampleSertificate1" data-parent="#regUser" aria-expanded="false" role="tabpanel">
<!-- START: 01-molekyler-05-lister-_00-liste-ekspanderbart-innhold -->
<!-- START: 01-molekyler-00-tekst-80-info-delete-add -->
<div class="a-delete-add-container row">
<div class="col pb-1 a-fontBold">SFTP-sertifikat</div>
<div class="col-md-auto col-sm-12 pb-sm-1">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon " aria-label="knapp med popover" title="SFTP-sertifikat">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett sertifikat
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<div class="col-12">Dette sertifikatet kan brukes til filoverføring med SFTP. Det kan ikke brukes mot webservices eller til innlogging på altinn.no.</div>
</div>
<div class="row pb-1">
<div class="col">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-add-certificate " aria-label="knapp med popover">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Legg til
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-80-info-delete-add -->
<!-- END: 01-molekyler-05-lister-_00-liste-ekspanderbart-innhold -->
</div>
</li>
<li class="a-dotted a-selectable">
<div class="row ">
<div class="col-auto pr-2 pb-1 pb-md-0">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
AnotherUser1
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 d-md-none pb-1">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-linkIcon a-btn-blue-noUnderline collapsed a-hiddenWhenExpanded " data-toggle="collapse" data-target="#collapseIdSampleSertificate2" aria-controls="collapseIdSampleSertificate2">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-edit a-hiddenWhenExpanded ai-left "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Rediger</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-visibleWhenExpanded " data-toggle="collapse" data-target="#collapseIdSampleSertificate2" aria-controls="collapseIdSampleSertificate2">
<span>Avbryt</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-auto a-visibleWhenExpanded pr-2 pb-1 pb-md-0">
<!-- 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 " aria-label="knapp med popover">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-blueText ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett bruker
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-auto a-visibleWhenExpanded pb-1 pb-md-0">
<!-- 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-js-certificateEdit " aria-label="knapp med popover">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-edit a-blueText ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Endre
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col a-visibleWhenExpanded">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col text-right d-none d-md-block">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-linkIcon a-btn-blue-noUnderline collapsed a-hiddenWhenExpanded pr-0 " data-toggle="collapse" data-target="#collapseIdSampleSertificate2" aria-controls="collapseIdSampleSertificate2">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-edit a-hiddenWhenExpanded "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Rediger</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class="a-fullWidthLink a-fullWidthLink--underline a-visibleWhenExpanded a-pr-half " data-toggle="collapse" data-target="#collapseIdSampleSertificate2" aria-controls="collapseIdSampleSertificate2">
<span>Avbryt</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
<div class="col-12 collapse" id="collapseIdSampleSertificate2" data-parent="#regUser" aria-expanded="false" role="tabpanel">
<!-- START: 01-molekyler-05-lister-_00-liste-ekspanderbart-innhold -->
<!-- START: 01-molekyler-00-tekst-80-info-delete-add -->
<div class="a-delete-add-container row">
<div class="col pb-1 a-fontBold">SFTP Sertifikat</div>
<div class="col-md-auto col-sm-12 pb-sm-1">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon " aria-label="knapp med popover" title="SFTP Sertifikat">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett sertifikat
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<div class="col-12">Dette sertifikatet kan brukes til filoverføring med SFTP. Det kan ikke brukes mot webservices eller til innlogging på altinn.no</div>
</div>
<div class="a-delete-add-container row">
<div class="col pb-1 a-fontBold">Et annet Sertifikat</div>
<div class="col-md-auto col-sm-12 pb-sm-1">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon " aria-label="knapp med popover" title="Et annet Sertifikat">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text ">
Slett sertifikat
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<div class="col-12">Dette sertifikatet kan ikke brukes til filoverføring med SFTP. Det kan kun brukes mot webservices eller til innlogging på altinn.no</div>
</div>
<!-- END: 01-molekyler-00-tekst-80-info-delete-add -->
<!-- END: 01-molekyler-05-lister-_00-liste-ekspanderbart-innhold -->
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
<div class="row d-none a-js-edit-userpass">
<div class="col-12 ">
<div>Du redigerer brukernavn og passord for:</div>
<h3>ReceiverUser3</h3>
</div>
<div class="col-12 col-md-5">
<!-- 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-name-cert">Brukernavn</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="ReceiverUser2" name="input-field" data-val="true" id="text-input-name-cert">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5">
<!-- 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-pw-update">Passord</label>
<div class="a-form-group-items input-group ">
<input class="form-control form-control-noAddon
a-hasButton " type="password" placeholder="Passord" name="input-field" data-val="true" id="text-input-pw-update" required onkeyup="setVisibility(this, 'btn-text-input-pw-update')" autocomplete="off" data-val-regex="Passordet er ikke gyldig. Må bestå av minst 7 tegn og inneholde både bokstaver og tall. Bare bokstavene A-Z er tillatt."
data-val-regex-pattern="(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{7,50})$">
<div class="input-group-append">
<button class="btn btn-secondary d-none" type="button" id="btn-text-input-pw-update" onclick="showPassword(this, 'text-input-pw-update')">
<span class="show-password-text">
Vis <span class="sr-only">passord</span>
</span>
<span class="hide-password-text" style="display: none">
Skjul <span class="sr-only">passord</span>
</span>
</button>
</div>
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 mt-2">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-1 a-js-certificateSave ">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class=" ">
Avbryt
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-60-virksomhetssertifikat -->
</div>
<div class="a-collapsePanel-body-content a-js-certificateEdit d-none">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-61-virksomhetssertifikat-rediger -->
<div class="row a-js-certificateContainer1 d-none">
<div class="col-12 mb-2">
<h3>
Registrer ny bruker med virksomhetssertifikat
</h3>
</div>
<div class="col-12">
<p class="a-fontBold mb-0">
Du registrerer virksomhetssertifikatet
</p>
</div>
<div class="col-12 mb-3">
<p class="mb-0 a-fontBold a-fontSizeM">
sedquiaconsequunturmagni.cer
</p>
</div>
</div>
<div class="row a-js-certificateContainer1 d-none">
<div class="col">
<p class="a-fontSizeXS mb-1">
<span class="a-fontBold">Trinn 1 av 2:</span> Dette sertifikatet kan brukes med webservices eller til innlogging på altinn.no. Det kan ikke brukes til filoverføring med SFTP.
</p>
</div>
</div>
<div class="row a-js-certificateContainer1 d-none">
<div class="col mt-2">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-1 a-js-certificateStep1 ">
Neste
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class=" ">
Avbryt
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<div class="row a-js-certificateContainer2 d-none">
<div class="col-12 mb-2">
<h3>
Registrer ny bruker med virksomhetssertifikat
</h3>
</div>
<div class="col-12">
<p class="a-fontBold mb-0">
Du registrerer virksomhetssertifikatet:
</p>
</div>
<div class="col-12 mb-3">
<p class="mb-0 a-fontBold a-fontSizeM">
sedquiaconsequunturmagni.cer
</p>
</div>
</div>
<div class="row a-js-certificateContainer2 d-none">
<div class="col">
<p class="a-fontSizeXS mb-1">
<span class="a-fontBold">Trinn 2 av 2:</span> Du må opprette en virksomhetsbruker for sertifikatet. Brukernavn og passord skal senere brukes sammen med sertifikatet ved autentisering.
</p>
</div>
</div>
<div class="row a-js-certificateContainer2 d-none">
<div class="col-12 col-md-5">
<!-- 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-name">Brukernavn</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-input-name">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-12 col-md-5">
<!-- 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-pw-sert">Passord</label>
<div class="a-form-group-items input-group ">
<input class="form-control form-control-noAddon
a-hasButton " type="password" placeholder="Passord" name="input-field" data-val="true" id="text-input-pw-sert" required onkeyup="setVisibility(this, 'btn-text-input-pw-sert')" autocomplete="off" data-val-regex="Passordet er ikke gyldig. Må bestå av minst 7 tegn og inneholde både bokstaver og tall. Bare bokstavene A-Z er tillatt."
data-val-regex-pattern="(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{7,50})$">
<div class="input-group-append">
<button class="btn btn-secondary d-none" type="button" id="btn-text-input-pw-sert" onclick="showPassword(this, 'text-input-pw-sert')">
<span class="show-password-text">
Vis <span class="sr-only">passord</span>
</span>
<span class="hide-password-text" style="display: none">
Skjul <span class="sr-only">passord</span>
</span>
</button>
</div>
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row a-js-certificateContainer2 d-none">
<div class="col mt-2">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mr-1 a-js-certificateStep2 ">
Neste
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="#" class=" ">
Avbryt
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-61-virksomhetssertifikat-rediger -->
</div>
<div class="a-collapsePanel-body-content">
<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-62-forhandsvalgt-aktor -->
<div class="row mb-1">
<div class="col">
<h3>
Forhåndsvalgt aktør
</h3>
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
">
<input type="checkbox" id="check-a-1" class="custom-control-input">
<label class="custom-control-label " for="check-a-1">Forhåndsvalgt aktør (Åpner innboks automatisk på denne aktøren når jeg logger inn)</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
">
<input type="checkbox" id="check-a-2" class="custom-control-input">
<label class="custom-control-label " for="check-a-2">Jeg ønsker ikke å bli spurt om aktør hver gang jeg starter utfylling av et nytt skjema</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control
false
custom-checkbox a-custom-checkbox
">
<input type="checkbox" id="check-a-3" class="custom-control-input">
<label class="custom-control-label " for="check-a-3">Jeg ønsker å se klienter med tilhørende data (gjelder regnskapsførere og revisorer)</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
</div>
<div class="row">
<div class="col">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success mt-2">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-62-forhandsvalgt-aktor -->
</div>
</div>
</div>
<!-- END: 02-organismer-50-ekspanderbart-panel-05-avanserte-innstillinger -->
</div>
</div>
</div>
</div>
</div>
<!-- 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-60-profil-roller-rettigheter-50-profil-roller-rettigheter -->
<!-- END: 04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-profil-roller-rettigheter" 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-sider-portal-profil-roller-rettigheter"}
</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>