altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
11,979 lines • 460 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-andre-med-rettigheter" class="sg-pattern-category">
<h2 class="sg-pattern-category-title"><a href="../../patterns/04-sider-portal-92-andre-med-rettigheter\index.html" class="patternLink" data-patternpartial="viewall-sider-portal-andre-med-rettigheter">andre-med-rettigheter</a></h2>
<div class="sg-pattern-category-body">
</div><!--end sg-pattern-category-body-->
</div><!--end sg-pattern-category-->
<div id="sider-portal-andre-med-rettigheter" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter" title="Link to Pattern">
Andre Med Rettigheter
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" aria-label="Tilbake" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<div>
</div>
<div role="popover" id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" aria-label="Lukk" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<div>
</div>
<div role="popover" id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-aktivitetslogg" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<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="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-aktivitetslogg" title="Link to Pattern">
Andre Med Rettigheter Aktivitetslogg
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-aktivitetslogg" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-aktivitetslogg" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-aktivitetslogg">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_91-delegering-aktivitetslogg -->
<div class="modal-body a-modal-body">
<hr class="a-hrSolidLight" />
<!-- 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">
<div class="row ">
<div class="col-12 col-md-2">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
20.01.2017
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Samtykke gitt
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-7">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-blueText a-fontBold text-uppercase">
Altinn1 ANS
</span> fikk samtykke fra
<span class="a-blueText a-fontBold text-uppercase">
David Hansen
</span> (Opphører 01.01.2018 23:59:59)
<!-- 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="popoverSamtykke1">
<span class="sr-only">
Klikk for å se mer informasjon
</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="popoverSamtykke1" 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-46-tekstinnhold-beskrivelse -->
<h2 class="a-h3 mb-1">Samtykke til midlertidig innsyn er git til Altinn1 ANS</h2>
<span>Velkommen til samtykkeløsningen</span>
<div class="mt-2">
<h3 class="a-fontReg mb-1">Følgende informasjon er omfattet av samtykket: </h3>
<span class="a-fontBold">Summert skattegrunnlag fra Skattetaten</span>
<p> Innsyn i ditt skattegrunnlag.</p>
</div>
<!-- END: 01-molekyler-00-tekst-46-tekstinnhold-beskrivelse -->
</div>
</div>
</div>
</div>
</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">
<div class="row ">
<div class="col-12 col-md-2">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
13.01.2017
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rolle tildelt
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-7">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-blueText a-fontBold text-uppercase">
Anastasia Erstad
</span> fikk rollen
<span class="a-fontBold">
Lønn og personalmedarbeider
</span> . Det var
<span class="a-blueText a-fontBold text-uppercase">
Vilde Osman
</span> som tildelte rollen.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted">
<div class="row ">
<div class="col-12 col-md-2">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
04.01.2017
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rolle slettet
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-7">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-blueText a-fontBold text-uppercase">
Anastasia Erstad
</span> mistet rollene
<span class="a-fontBold">
Begrenset signeringsrettighet, Klientadministrator, Primærnæring og næringsmiddel
</span> . Det var
<span class="a-blueText a-fontBold text-uppercase">
Vilde Osman
</span> som slettet rollene.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted">
<div class="row ">
<div class="col-12 col-md-2">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
22.12.2016
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rolle tildelt
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-7">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-blueText a-fontBold text-uppercase">
Anastasia Erstad
</span> fikk rollene
<span class="a-fontBold">
Samferdsel, Signerer av Samordnet registermelding
</span> . Det var
<span class="a-blueText a-fontBold text-uppercase">
Vilde Osman
</span> som tildelte rollen.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted">
<div class="row ">
<div class="col-12 col-md-2">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
22.12.2016
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rolle tildelt
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-7">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-blueText a-fontBold text-uppercase">
Hans Skjønberg
</span> fikk rollen
<span class="a-fontBold">
Samferdsel
</span> . Det var
<span class="a-blueText a-fontBold text-uppercase">
Vilde Osman
</span> som tildelte rollen.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted">
<div class="row ">
<div class="col-12 col-md-2">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
14.12.2016
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-3">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rolle slettet
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-12 col-md-7">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-blueText a-fontBold text-uppercase">
Lise Gausdal
</span> mistet rollen
<span class="a-fontBold">
Begrenset signeringsrettighet
</span> . Det var
<span class="a-blueText a-fontBold text-uppercase">
David Karlsson
</span> som slettet rollen.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
<!-- END: 02-organismer-70-Modal-innhold-_91-delegering-aktivitetslogg -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-aktivitetslogg -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-aktivitetslogg" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-delegering-feil" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-feil\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-feil.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-delegering-feil" title="Link to Pattern">
Andre Med Rettigheter Delegering Feil
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-delegering-feil" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-delegering-feil" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-delegering-feil">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-feil -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show a-modal-background-error" tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-03-modal-kvittering -->
<div class="modal-body a-modal-body">
<h2 class="mb-3">Du har ikke de nødvendige rettigheten til å utføre denne operasjonen</h2>
<div class="a-modal-receiptContent mb-3">
<p>
Siden du ikke har rettighet til <b>RF-1030 Selvangivelse for lønnstakere og pensjonister mv. 2015</b>, kan du ikke gi rettigheter videre.
</p>
</div>
<!-- START: 00-atomer-02-lenker-00-link -->
<a 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" class="a-btn a-btn-success mr-1">
Ok
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a 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" class=" mr-1">
Tilbake
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
<!-- END: 02-organismer-_71-modal-gruppering-03-modal-kvittering -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-feil -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-delegering-feil" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-delegering-ok" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-delegering-ok" title="Link to Pattern">
Andre Med Rettigheter Delegering Ok
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-delegering-ok" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-delegering-ok" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-delegering-ok">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show a-modal-background-success" tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-03-modal-kvittering -->
<div class="modal-body a-modal-body">
<h2 class="mb-3">Nye roller er gitt</h2>
<div class="a-modal-receiptContent mb-3">
<p>
<b>JULIUS ANDREAS GIMLI ARN MACGYVER CHEWBACKA HIGHLANDER ELESSAR-JANKOV</b> er tildelt rollene
</p>
<ul>
<li>Primærnæring og næringsmiddel</li>
<li>Næringsmiddel og primærnæring</li>
</ul>
<p>
for <b>VILDE OSMAN</b>, og varsles om tildelingen på e-post eller mobil i løpet av kort tid.
</p>
</div>
<!-- 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="a-btn a-btn-success mr-1">
Ferdig
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a 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" class="a-btn mr-1">
Tildel flere rettigheter
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
<!-- END: 02-organismer-_71-modal-gruppering-03-modal-kvittering -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-delegering-ok" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-egendefinert-rolle" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-egendefinert-rolle" title="Link to Pattern">
Andre Med Rettigheter Egendefinert Rolle
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-egendefinert-rolle" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-egendefinert-rolle" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-egendefinert-rolle">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->
<div class="modal-body a-modal-body">
<div class="row">
<div class="col-8">
<h2 class="a-fontBold a-fontSizeM">
Opprett rolle
</h2>
</div>
<div class="col-12 col-md-6">
<!-- 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-1">Rollenavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-input-1" data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<!-- 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-find-13">Legg til rettigheter:</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-multiplecolumns a-hasIcon
a-hasButton " type="search" placeholder="Finn skjema eller tjeneste" name="input-field" data-val="true" id="text-input-find-13" data-search-algorithm="show-and-highlight" data-search-target="employee-table">
<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>
<h3 class="a-fontBold a-fontSizeM mt-3">
</h3>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-defaultCursor a-dotted" id="titleRow" tabindex="0">
<div class="row a-flex-container-align-items-center a-accessability-size">
<div class="col-12 col-sm">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rollen gir følgende rettigheter
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left mr-1">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rediger tilganger
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto a-flex-container-align-items-center justify-content-center a-accessability-size">
<!-- 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" title="Ikon forklaring:" data-popover-content="ikonForklaringContent">
<span class="sr-only">
Klikk for å se ikon forklaring.
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack a-js-popoverIconInitial ai-sm">
<i class="ai ai-stack-1x ai-help-popicon"></i>
<i class="ai-stack-1x 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="ai-stack a-js-popoverIconExpanded ai-sm">
<i class="ai ai-stack-1x ai-circle-exit"></i>
<i class="ai-stack-1x ai ai-circle-exit a-accessability-button " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Vis mer info</span>
</a>
<div id="ikonForklaringContent" style="display: none">
<span>Ikon forklaring:</span>
<div class="mt-1">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-sm ai-nw "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="pl-1">
<b>Les</b>
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write ai-sm ai-nw "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="pl-1">
<b>Skriv</b>
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm ai-nw "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="pl-1">
<b>Signer</b>
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm ai-nw a-iconStrikeThrough a-disabledIcon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Deaktivert</b>
Blir ikke delegert
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm ai-nw a-iconStrikeThrough a-disabledIcon a-redIcon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Kan ikke delegeres</b>
</span>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
</div>
<div id="ikonForklaringContent" 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=" ">
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-selectable a-selected a-success a-defaultCursor a-hiddenRow" id="hiddenMalRow" tabindex="0">
<div class="row a-flex-container-align-items-center">
<div class="col-12 col-sm" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Erklæring om ansvarsrett.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Les">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Skriv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Signer">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign a-clickable a-iconStrikeThrough a-disabledIcon " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<span class="a-danger a-visibleWhenDisabled a-displayInlineBlock">
Mangler tilgang
</span>
<span class="a-visibleWhenDeleted a-displayInlineBlock">
Angre sletting
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock " aria-label="Slett rolle" title="Slett rolle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock "></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-defaultCursor" id="emptyRow" tabindex="0">
<div class="row a-flex-container-align-items-center a-accessability-size">
<div class="col-12 col-sm text-center" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Rollen har ingen rettigheter. Benytt søket for å legge til tjenesterettigheter.
<!-- 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 mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn a-btn-success mr-2 mr-2">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn-link ">
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-egendefinert-rolle" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat" title="Link to Pattern">
Andre Med Rettigheter Egendefinert Rolle Med Søkeresultat
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->
<div class="modal-body a-modal-body">
<div class="row">
<div class="col-8">
<h2 class="a-fontBold a-fontSizeM">
Opprett rolle
</h2>
</div>
<div class="col-12 col-md-4 mb-1 mb-md-0">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle.html'" class="a-btn-link a-linkDanger float-left float-md-right ">
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-12 col-md-6">
<!-- 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-opprett-rolle-1">Rollenavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-input-opprett-rolle-1" data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<!-- 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-find-13">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 a-hasIcon
a-hasButton " type="search" placeholder="Finn skjema eller tjeneste" name="input-field" data-val="true" id="text-input-find-13" data-search-algorithm="show-and-highlight" data-search-target="employee-table">
<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-fontReg a-fontSizeL mt-2">
Treff på «RF-1030». Velg skjema eller tjeneste:
</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 ">
<div class="a-list-header a-dotted d-none d-md-block">
<div class="row">
<div class="col-8 a-list-sortHeader a-clickable" tabindex="0" role="button">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-dropdownArrow">
</span>
<span class="sr-only">
sorter fra
</span> A - Å
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-4 a-list-sortHeader a-clickable" tabindex="0" role="button">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-dropdownArrow">
</span>
<span class="sr-only">
sorter listen på
</span> Etat
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</div>
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-dotted a-clickable" tabindex="0">
<div class="row ">
<div class="col-12 col-md-8">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
RF-1030 Selvangivelse for privatpersoner
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="d-none d-md-block col-4">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="sr-only">
Etat:
</span>
<span class="a-js-sortValue">
Skatteetaten
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-clickable" tabindex="0">
<div class="row ">
<div class="col-12 col-md-8">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
RF-1030 Selvangivelse for privatpersoner
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="d-none d-md-block col-4">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="sr-only">
Etat:
</span>
<span class="a-js-sortValue">
Skatteetaten
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-clickable" tabindex="0">
<div class="row ">
<div class="col-12 col-md-8">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
RF-1030 Selvangivelse for privatpersoner
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="d-none d-md-block col-4">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="sr-only">
Etat:
</span>
<span class="a-js-sortValue">
Skatteetaten
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-clickable" tabindex="0">
<div class="row ">
<div class="col-12 col-md-8">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue">
RF-1030 Selvangivelse for privatpersoner
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="d-none d-md-block col-4">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="sr-only">
Etat:
</span>
<span class="a-js-sortValue">
Skatteetaten
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-egendefinert-rolle-med-søkeresultat" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger" title="Link to Pattern">
Andre Med Rettigheter Egendefinert Rolle Rediger
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->
<div class="modal-body a-modal-body">
<div class="row">
<div class="col-8">
<h2 class="a-fontBold a-fontSizeM">
Rediger rolle
</h2>
</div>
<div class="col-12 col-md-4 mb-1 mb-md-0">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn-link a-linkDanger float-left float-md-right ">
<span>
Slett rolle
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-12 col-md-6">
<!-- 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-1">Rollenavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-input-1" data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<!-- 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-find-13">Legg til rettigheter:</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-multiplecolumns a-hasIcon
a-hasButton " type="search" placeholder="Finn skjema eller tjeneste" name="input-field" data-val="true" id="text-input-find-13" data-search-algorithm="show-and-highlight" data-search-target="employee-table">
<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>
<h3 class="a-fontBold a-fontSizeM mt-3">
</h3>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-defaultCursor a-dotted" id="titleRow" tabindex="0">
<div class="row a-flex-container-align-items-center a-accessability-size">
<div class="col-12 col-sm margin-left-minus-6">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rollen gir følgende rettigheter
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left mr-1">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
Rediger tilganger
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto a-flex-container-align-items-center justify-content-center a-accessability-size margin-right-minus-16">
<!-- 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" title="Ikon forklaring:" data-popover-content="ikonForklaringContent">
<span class="sr-only">
Klikk for å se ikon forklaring.
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack a-js-popoverIconInitial ai-sm">
<i class="ai ai-stack-1x ai-help-popicon"></i>
<i class="ai-stack-1x 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="ai-stack a-js-popoverIconExpanded ai-sm">
<i class="ai ai-stack-1x ai-circle-exit"></i>
<i class="ai-stack-1x ai ai-circle-exit a-accessability-button " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Vis mer info</span>
</a>
<div id="ikonForklaringContent" style="display: none">
<span>Ikon forklaring:</span>
<div class="mt-1">
<!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
<ul class="no-decoration a-iconList">
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read ai-sm ai-nw "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="pl-1">
<b>Les</b>
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write ai-sm ai-nw "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="pl-1">
<b>Skriv</b>
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm ai-nw "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="pl-1">
<b>Signer</b>
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm ai-nw a-iconStrikeThrough a-disabledIcon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Deaktivert</b>
Blir ikke delegert
</span>
</li>
<li>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign ai-sm ai-nw a-iconStrikeThrough a-disabledIcon a-redIcon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="">
<b>Kan ikke delegeres</b>
</span>
</li>
</ul>
<!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
</div>
</div>
<div id="ikonForklaringContent" 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=" ">
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-selectable a-selected a-success a-defaultCursor a-hiddenRow" id="hiddenMalRow" tabindex="0">
<div class="row a-flex-container-align-items-center">
<div class="col-12 col-sm" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Erklæring om ansvarsrett.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Les">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Skriv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Signer">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign a-clickable a-iconStrikeThrough a-disabledIcon " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<span class="a-danger a-visibleWhenDisabled a-displayInlineBlock">
Mangler tilgang
</span>
<span class="a-visibleWhenDeleted a-displayInlineBlock">
Angre sletting
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto margin-right-minus-16">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock " aria-label="Slett rolle" title="Slett rolle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock "></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-success a-defaultCursor" id="firstRow" tabindex="0">
<div class="row a-flex-container-align-items-center">
<div class="col-12 col-sm" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Erklæring om ansvarsrett.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Les">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Skriv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Signer">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign a-clickable a-iconStrikeThrough a-disabledIcon " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<span class="a-danger a-visibleWhenDisabled a-displayInlineBlock">
Mangler tilgang
</span>
<span class="a-visibleWhenDeleted a-displayInlineBlock">
Angre sletting
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto margin-right-minus-16">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock " aria-label="Slett rolle" title="Slett rolle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock "></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-success a-defaultCursor" id="secondRow" tabindex="0">
<div class="row a-flex-container-align-items-center">
<div class="col-12 col-sm" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Ferdigattest.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Les">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Skriv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-iconStrikeThrough a-redIcon " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Signer">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign a-clickable a-iconStrikeThrough a-redIcon " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<span class="a-danger a-visibleWhenDisabled a-displayInlineBlock">
Mangler tilgang
</span>
<span class="a-visibleWhenDeleted a-displayInlineBlock">
Angre sletting
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto margin-right-minus-16">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock " aria-label="Slett rolle" title="Slett rolle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock "></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-success a-defaultCursor" id="thirdRow" tabindex="0">
<div class="row a-flex-container-align-items-center">
<div class="col-12 col-sm" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Gjennomføringsplan.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Les">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-accessability-size a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Skriv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-accessability-size a-hiddenWhenDeleted a-hiddenWhenDisabled a-clickable a-js-toggleRights "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-danger a-visibleWhenDisabled a-displayInlineBlock">
Mangler tilgang
</span>
<span class="a-visibleWhenDeleted a-displayInlineBlock">
Angre sletting
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto margin-right-minus-16">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock " aria-label="Slett rolle" title="Slett rolle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock "></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-disabled a-danger" id="fourthRow" tabindex="0">
<div class="row a-flex-container-align-items-center">
<div class="col-12 col-sm" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Distribusjonstjeneste for erklæring av ansvarsrett.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left a-accessability-height">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Les" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Skriv" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Signer" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<span class="a-danger a-visibleWhenDisabled a-displayInlineBlock">
Mangler tilgang
</span>
<span class="a-visibleWhenDeleted a-displayInlineBlock">
Angre sletting
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock a-accessability-height "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto margin-right-minus-16">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock " aria-label="Slett rolle" title="Slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock "></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-defaultCursor" id="fifthRow" tabindex="0">
<div class="row a-flex-container-align-items-center">
<div class="col-12 col-sm" data-searchable="true">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Melding fra Fellestjenester Bygg.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-left">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Les">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Skriv">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled " aria-label="knapp med popover" title="Signer">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign a-clickable " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<span class="a-danger a-visibleWhenDisabled a-displayInlineBlock">
Mangler tilgang
</span>
<span class="a-visibleWhenDeleted a-displayInlineBlock">
Angre sletting
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto margin-right-minus-16">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock " aria-label="Slett rolle" title="Slett rolle">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-fw a-visibleWhenDisabled a-displayInlineBlock "></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 class="row">
<div class="col mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn a-btn-success mr-2 mr-2">
Lagre
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn-link ">
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-epost" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-epost\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-epost.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-epost" title="Link to Pattern">
Andre Med Rettigheter Epost
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-epost" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-epost" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-epost">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-epost -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller.html'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_95-delegering-epost -->
<div class="modal-body a-modal-body">
<div class="row">
<div class="col-12">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText--noMinHeight">
<div class="a-iconText-icon "></div>
<div class="a-iconText-text">
<span class="a-iconText-text-small">Du deler rettigheter til Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov for:</span>
<span class="a-iconText-text-large">A-melding (RF0123) </span>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-full-width">
<hr class="mb-2 mt-3">
</div>
</div>
<div class="col-12 mb-2 a-fontBold">
Vent litt... Vi mangler e-postadresse til den du gir rettighet til.<br />For å gjennomføre må du fylle inn e-post under.
</div>
</div>
<div class="row">
<div class="col-12 col-md-8 col-xl-6">
<!-- 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-email-role-delegation">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-required" data-val="true" id="text-input-email-role-delegation" 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-required" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-xl-12 mt-2">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok.html';" class="a-btn a-btn-success mb-0">
Fullfør
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_95-delegering-epost -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-epost -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-epost" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-legg-til" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a 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" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-legg-til" title="Link to Pattern">
Andre Med Rettigheter Legg Til
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-legg-til" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-legg-til" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-legg-til">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Legge til ny person eller virksomhet </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_92-delegering-legg-til JS doc: formatter.js for org nr, requires a-js-orgNr class -->
<div class="modal-body a-modal-body">
<div class="pb-2">
<h2 class="a-h4">Hva vil du legge til?</h2>
<div class="pb-2 clearfix">
<!-- START: 01-molekyler-02-navigasjon-10-faner -->
<ul class="nav a-tabs " role="tablist">
<li class="nav-item a-tab">
<a class="a-tab-btn active" data-toggle="tab" href="#home" role="tab">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-others d-none d-sm-inline-block"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Person
</a>
</li>
<li class="nav-item a-tab">
<a class="a-tab-btn " data-toggle="tab" href="#enterprise" role="tab">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp d-none d-sm-inline-block"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Ekstern virksomhet
</a>
</li>
<li class="nav-item a-tab">
<a class="a-tab-btn " data-toggle="tab" href="#enterpriseuser" role="tab">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-server d-none d-sm-inline-block"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Bruker med virksomhetssertifikat
</a>
</li>
</ul>
<!-- END: 01-molekyler-02-navigasjon-10-faner -->
</div>
<div class="tab-content a-tabs-content">
<div class="tab-pane active" id="home" role="tabpanel">
<form data-toggle="validator" data-disable="true">
<div class="row">
<div class="col-12 col-lg-7">
<h3 class="a-h4">Hvem vil du legge til?</h3>
<!-- 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-fnr-brukernavn">Fødselsnr/brukernavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="11 siffer" name="input-field" data-val="true" id="text-fnr-brukernavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table" data-val-regex="Du har tastet et ugyldig fødsensnummer eller brukernavn. Fødselsnummer må bestå av 11 tegn."
data-val-regex-pattern=""^([0-9]{11})\s*$|(.*\D+.*)"">
</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">
<div class="col-12 col-lg-7">
<div class="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-etternavn">Etternavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-etternavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</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>
<div class="row">
<div class="col-md-12">
<div class="mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" 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'; return false;" class="a-btn a-btn-success mb-0">
Neste
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</form>
</div>
<div class="tab-pane " id="enterprise" role="tabpanel">
<form data-toggle="validator" data-disable="true">
<div class="row">
<div class="col-12 col-lg-7">
<h3 class="a-h4">Hvem vil du legge til?</h3>
<!-- 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-orgno">Org.nr.:</label>
<div class="a-form-group-items input-group ">
<input class="form-control a-js-orgNr
" type="text" name="input-field" data-val="true" id="text-orgno" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</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">
<div class="col-12 col-lg-7">
<div class="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-bedriftnavn">Navn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="Min. 4 første tegn" name="input-field" data-val="true" id="text-bedriftnavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</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>
<div class="row">
<div class="col-md-12">
<div class="mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" 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'; return false;" class="a-btn a-btn-success mb-0">
Neste
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</form>
</div>
<div class="tab-pane " id="enterpriseuser" role="tabpanel">
<form data-toggle="validator" data-disable="true">
<div class="row">
<div class="col-12 col-lg-7">
<h3 class="a-h4">Hvem vil du legge til?</h3>
<!-- 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-enterprise-brukernavn">Brukernavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-enterprise-brukernavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</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">
<div class="col-12 col-lg-7">
<div class="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-enterpriseuser-orgno">Org.nr.:</label>
<div class="a-form-group-items input-group ">
<input class="form-control a-js-orgNr
" type="text" name="input-field" data-val="true" id="text-enterpriseuser-orgno" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</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>
<div class="row">
<div class="col-md-12">
<div class="mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" 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'; return false;" class="a-btn a-btn-success mb-0">
Neste
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_92-delegering-legg-til -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-legg-til -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-legg-til" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-roller-fjerne" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a 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="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-roller-fjerne" title="Link to Pattern">
Andre Med Rettigheter Roller Fjerne
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-roller-fjerne" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-roller-fjerne" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-roller-fjerne">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-fjerne -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<div class="modal-body a-modal-body">
<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="Jan Derek Sørensen">
<span class="a-personRole-role">Styremedlem</span>
<span class="a-personRole-name">Jan Derek Sørensen</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 type="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'" class="a-btn-link a-linkDanger float-left float-md-right ">
<span>
Avbryt
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3 a-collapseHeader-with-actions">
<a data-toggle="collapse" href="#" data-target="#exp-list-fjern-1" aria-expanded="false" aria-controls="exp-list-fjern-1" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 class="col-auto">
<label class="a-list-heading-action a-selectable">
<span class=" d-none d-md-inline a-hiddenWhenSelected ">
Fjern alle
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="d-none d-md-block a-visibleWhenSelected">
Angre alle
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<input type="checkbox" class="sr-only a-js-selectable-checkbox"/>
</label>
</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-fjern-1" class="a-collapseContent collapse " aria-expanded="false" role="list">
<!-- 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" id="basisrolle">
<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>
</li>
<li class="a-dotted a-danger a-selectable" id="signering">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue a-lineThrough-selected" >
Begrenset signeringsrettighet
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-inline a-hiddenWhenSelected a-hiddenWhenDeleted" >
Fjern
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected a-hiddenWhenDeleted " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="d-none d-md-inline 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 -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-selectable a-danger">
<label class="row">
> <span class="col" data-searchable="true" >
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue a-lineThrough-selected" >
Patent, varemerke og design
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-inline a-hiddenWhenSelected a-hiddenWhenDeleted" >
Fjern
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected a-hiddenWhenDeleted " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<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 -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-selectable a-danger">
<label class="row">
> <span class="col" data-searchable="true" >
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue a-lineThrough-selected" >
Privatperson begrensede rettigheter
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-inline a-hiddenWhenSelected a-hiddenWhenDeleted" >
Fjern
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected a-hiddenWhenDeleted " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<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 -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3 a-collapseHeader-with-actions">
<a data-toggle="collapse" href="#" data-target="#exp-list-fjern-2" aria-expanded="false" aria-controls="exp-list-fjern-2" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 class="col-auto">
<label class="a-list-heading-action a-selectable">
<span class=" d-none d-md-inline a-hiddenWhenSelected ">
Fjern alle
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="d-none d-md-block a-visibleWhenSelected">
Angre alle
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<input type="checkbox" class="sr-only a-js-selectable-checkbox"/>
</label>
</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-fjern-2" class="a-collapseContent collapse " aria-expanded="false" role="list">
<!-- 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-danger a-selectable" id="firstRow">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue a-lineThrough-selected" >
Arbeidsgivers oppfølgingsplan for sykmeldte - uten sluttbrukersystem
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-inline a-hiddenWhenSelected a-hiddenWhenDeleted" >
Fjern
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected a-hiddenWhenDeleted " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<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 -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3 a-collapseHeader-with-actions">
<a data-toggle="collapse" href="#" data-target="#exp-list-fjern-3" aria-expanded="false" aria-controls="exp-list-fjern-3" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 class="col-auto">
<label class="a-list-heading-action a-selectable">
<span class=" d-none d-md-inline a-hiddenWhenSelected ">
Fjern alle
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="d-none d-md-block a-visibleWhenSelected">
Angre alle
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<input type="checkbox" class="sr-only a-js-selectable-checkbox"/>
</label>
</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-fjern-3" class="a-collapseContent collapse " aria-expanded="false" role="list">
<!-- 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-danger a-selectable" id="firstRow">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-js-sortValue a-lineThrough-selected" >
Til utfylling: RF-1117 Klage på likninga, HALL RANDI
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-inline a-hiddenWhenSelected a-hiddenWhenDeleted" >
Fjern
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit a-danger a-hiddenWhenSelected a-hiddenWhenDeleted " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<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 -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-disabled" id="secondRow">
<div class="row ">
<div class="col">
<!-- 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 class="row a-js-standard-role-container">
<div class="col mt-1">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok.html" class="a-btn a-btn-success ">
Ferdig
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-fjerne -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-roller-fjerne" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-roller-gi" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-roller-gi" title="Link to Pattern">
Andre Med Rettigheter Roller Gi
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-roller-gi" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-roller-gi" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-roller-gi">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<div class="modal-body a-modal-body">
<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="Jan Derek Sørensen">
<span class="a-personRole-role">Styremedlem</span>
<span class="a-personRole-name">Jan Derek Sørensen</span>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-03-person-rolle -->
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-1" aria-expanded="false" aria-controls="exp-list-1" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 " aria-expanded="false" role="list">
<!-- 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" id="basisrolle">
<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="popoverSampleContent">
<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="popoverSampleContent" 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>
<!-- 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-selectable a-success" id="signering">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Begrenset signeringsrettighet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-block a-visibleWhenSelected" >
Angre
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- 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-hiddenWhenSelected 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="popoverSampleContentSigneringsrett">
<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="popoverSampleContentSigneringsrett" 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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-selectable a-success">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Lønn og personalmedarbeider
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-block a-visibleWhenSelected" >
Angre
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- 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-hiddenWhenSelected 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="popoverSampleContent2">
<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="popoverSampleContent2" 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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-selectable a-success a-js-critical-role-selector" id="hovedadmin">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Hovedadministrator
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-block a-visibleWhenSelected" >
Angre
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- 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-hiddenWhenSelected 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="popoverSampleContentHovedadmin">
<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="popoverSampleContentHovedadmin" 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 tilgangsstyring og klientadministrering samt delegering av roller for tjenester med personsensitivt innhold.</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">
Hovedadministrator
</span>
<span class="float-right a-fontSizeXXXS">
Gir rettighet til 0 tjenester
</span>
</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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-selectable a-success a-js-critical-role-selector" id="sensitivTjeneste">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Sykmeldinger og andre sensitive tjenester
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-block a-visibleWhenSelected" >
Angre
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- 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-hiddenWhenSelected 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="popoverSampleContentSensitiv1">
<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="popoverSampleContentSensitiv1" 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 tilgang til tjenester med personsensitivt innhold.</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">
Sykmeldinger og andre sensistive tjenester
</span>
<span class="float-right a-fontSizeXXXS">
Gir rettighet til 2 tjenester
</span>
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" >
<div class="row">
<div >
— Sykmelding
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" >
<div class="row">
<div >
— Innsynstjeneste for kjernejournal
</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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-selectable a-success">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Lokal rolle nr. 1
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-block a-visibleWhenSelected" >
Angre
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger.html" class="a-linkIcon a-btn-blue-noUnderline pr-0 a-hiddenWhenSelected "
>
<!-- 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 pr-1">
Rediger
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
<!-- 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-hiddenWhenSelected 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 a-hiddenWhenSelected"
data-popover-content="popoverSampleContent3">
<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="popoverSampleContent3" 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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li class="a-dotted a-selectable a-success">
<label class="row">
> <span class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-blueText a-hiddenWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Lokal rolle nr. 2
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
> <span class="col-auto text-right align-items-center d-flex">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="d-none d-md-block a-visibleWhenSelected" >
Angre
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo a-danger a-visibleWhenSelected " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-02-lenker-36-link-ikon -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger.html" class="a-linkIcon a-btn-blue-noUnderline pr-0 a-hiddenWhenSelected "
>
<!-- 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 pr-1">
Rediger
</span>
</a>
<!-- END: 00-atomer-02-lenker-36-link-ikon -->
<!-- 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-hiddenWhenSelected 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="popoverSampleContent11">
<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="popoverSampleContent11" 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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</span>
<input type="checkbox" name="deleteme" class="sr-only a-js-selectable-checkbox" />
</label>
</li>
<li onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle.html'" class="a-dotted a-clickable" id="leggtil"
tabindex="0">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
+ Legg til egendefinert rolle
</span>
<!-- 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 a-js-standard-role-container">
<div class="col mt-1">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok.html" class="a-btn a-btn-success mr-2 ">
Ferdig
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a 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" class="a-btn-link a-link ">
Avbryt
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<div class="row a-js-critical-role-container a-hiddenRow">
<div class="col mt-1">
<div class="a-message a-message--fullwidth a-message--arrow-off a-message--no-dropshadow a-message-error">
<div class="mb-2 a-js-critical-role-msg a-js-critical-role-msg-hovedadmin a-hiddenRow">
<strong>Hovedadministrator</strong>
<br>Denne rollen gir mottaker mulighet for å gi seg selv alle roller og rettigheter du selv har inkludert tilgangsstyring og klientadministrator.
<!-- 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-hiddenWhenSelected 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="popoverSampleContentHovedadmin">
<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="popoverSampleContentHovedadmin" 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 tilgangsstyring og klientadministrering samt delegering av roller for tjenester med personsensitivt innhold.</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">
Hovedadministrator
</span>
<span class="float-right a-fontSizeXXXS">
Gir rettighet til 0 tjenester
</span>
</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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
</div>
<div class="mb-2 a-js-critical-role-msg a-js-critical-role-msg-sensitivTjeneste a-hiddenRow">
<strong>Sykmeldinger og andre sensitive tjenester</strong>
<br>Denne rollen gir mottaker innsyn i personsensitivt innhold som sykmeldinger og lignende.
<!-- 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-hiddenWhenSelected 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="popoverSampleContentSensitiv1">
<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="popoverSampleContentSensitiv1" 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 tilgang til tjenester med personsensitivt innhold.</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">
Sykmeldinger og andre sensistive tjenester
</span>
<span class="float-right a-fontSizeXXXS">
Gir rettighet til 2 tjenester
</span>
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Sykmelding
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row">
<div>
— Innsynstjeneste for kjernejournal
</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>
<!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->
</div>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok.html" class="a-btn a-btn-danger mr-2 ">
Jeg forstår. Fullfør delegering
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a 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" class="a-btn-link a-link ">
Avbryt
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-roller-gi" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<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="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene" title="Link to Pattern">
Andre Med Rettigheter Roller Gir Tilgang Til Disse Tjenestene
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" 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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Rollene gir tilgang til disse tjenestene </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_92-roller-tjenesteoversikt -->
<div class="modal-body a-modal-body">
<!-- START: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel JS doc: toggleFilter.js -->
<div class="a-collapse">
<div class="">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#departement-filter" aria-expanded="" aria-controls="departement-filter" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<span class="a-dropdownArrow"></span> <span>Filter på etat</span> <span class="a-js-none"></span>
</a>
</h2>
</div>
</div>
</div>
</div>
<!-- END: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel -->
<div id="departement-filter" class="a-collapseContent collapse " aria-expanded="false">
<div class="text-sm-center">
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch ">
<input id="filterID01" class="sr-only" type="checkbox" name="filterID01" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID01" class="a-switch-label ">
Skattedirektoratet
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID02" class="sr-only" type="checkbox" name="filterID02" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID02" class="a-switch-label ">
Statistisk sentralbyrå
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID03" class="sr-only" type="checkbox" name="filterID03" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID03" class="a-switch-label ">
Statens lånekasse for utdanning
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID04" class="sr-only" type="checkbox" name="filterID04" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID04" class="a-switch-label ">
Kredittilsynet
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID05" class="sr-only" type="checkbox" name="filterID05" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID05" class="a-switch-label ">
Husbanken
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID06" class="sr-only" type="checkbox" name="filterID06" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID06" class="a-switch-label ">
Drammen kommune
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID07" class="sr-only" type="checkbox" name="filterID07" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID07" class="a-switch-label ">
Direktoratet for byggkvalitet
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID08" class="sr-only" type="checkbox" name="filterID08" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID08" class="a-switch-label ">
Norsk pasientskaderstatning
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID09" class="sr-only" type="checkbox" name="filterID09" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID09" class="a-switch-label ">
Lotteri- og stiftelsestilsynet
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="filterID10" class="sr-only" type="checkbox" name="filterID10" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="filterID10" class="a-switch-label ">
Nasjonal kommunikasjonsmyndighet
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1" data-target="departement-filter">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1" data-target="departement-filter">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
</div>
</div>
<hr class="a-hrSolidThick" />
<!-- START: 01-molekyler-02-navigasjon-20-hurtignavigasjon -->
<!-- START: 00-atomer-02-lenker-80-hurtignavigasjon-navbar -->
<nav class="a-inline-page-link">
<div class="row">
<div class="col-sm-12 col-md-6 list">
<a href="#A" class="nav-link " alt="Hopp til A">A</a>
<a href="#B" class="nav-link " alt="Hopp til B">B</a>
<a href="#C" class="nav-link " alt="Hopp til C">C</a>
<a href="#D" class="nav-link " alt="Hopp til D">D</a>
<a href="#E" class="nav-link " alt="Hopp til E">E</a>
<a href="#F" class="nav-link disabled " alt="Hopp til F">F</a>
<a href="#G" class="nav-link disabled " alt="Hopp til G">G</a>
<a href="#H" class="nav-link disabled " alt="Hopp til H">H</a>
<a href="#I" class="nav-link disabled " alt="Hopp til I">I</a>
<a href="#J" class="nav-link disabled " alt="Hopp til J">J</a>
<a href="#K" class="nav-link disabled " alt="Hopp til K">K</a>
<a href="#L" class="nav-link disabled " alt="Hopp til L">L</a>
<a href="#M" class="nav-link disabled " alt="Hopp til M">M</a>
<a href="#N" class="nav-link disabled " alt="Hopp til N">N</a>
<span class="d-none d-md-block"></span>
</div>
<div class="col-sm-12 col-md-6 list">
<a href="#O" class="nav-link disabled " alt="Hopp til O">O</a>
<a href="#P" class="nav-link disabled " alt="Hopp til P">P</a>
<a href="#Q" class="nav-link disabled " alt="Hopp til Q">Q</a>
<a href="#R" class="nav-link disabled " alt="Hopp til R">R</a>
<a href="#S" class="nav-link disabled " alt="Hopp til S">S</a>
<a href="#T" class="nav-link disabled " alt="Hopp til T">T</a>
<a href="#U" class="nav-link disabled " alt="Hopp til U">U</a>
<a href="#V" class="nav-link disabled " alt="Hopp til V">V</a>
<a href="#W" class="nav-link disabled " alt="Hopp til W">W</a>
<a href="#X" class="nav-link disabled " alt="Hopp til X">X</a>
<a href="#Y" class="nav-link disabled " alt="Hopp til Y">Y</a>
<a href="#Z" class="nav-link disabled " alt="Hopp til Z">Z</a>
<a href="#Æ" class="nav-link disabled " alt="Hopp til Æ">Æ</a>
<a href="#Ø" class="nav-link disabled " alt="Hopp til Ø">Ø</a>
<a href="#Å" class="nav-link disabled " alt="Hopp til Å">Å</a>
</div>
</div>
</nav>
<!-- END: 00-atomer-02-lenker-80-hurtignavigasjon-navbar -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="A">A</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
A01 140818 inntekt hint
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
A01- a melding to test CH 17906
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
A01 a-melding 131125
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
A01 a-melding 131126
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
A01- a melding to test CH 17907
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
A01- a melding to test CH 17912
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="B">B</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Behandling av klientmidler med revisors uttalelse (KRT-1010)
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Betalingsformidling - SSB (RA-0629)
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="C">C</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Comparetest
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Comparetest Ikke arkivert
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="D">D</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Damdatabasen SIV
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Dataoverføring av lønnsstatistikk (RA-0724)
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="E">E</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Egenmelding om nettselskapets nøytralitet og informasjonsplikt
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Egenmeldt sykefravær - SSB (RA-0182)
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-02-navigasjon-20-hurtignavigasjon -->
</div>
<!-- END: 02-organismer-70-Modal-innhold-_92-roller-tjenesteoversikt -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-roller-oversikt" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a 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" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-roller-oversikt" title="Link to Pattern">
Andre Med Rettigheter Roller Oversikt
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-roller-oversikt" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-roller-oversikt" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-roller-oversikt">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<div class="modal-body a-modal-body">
<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="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<span class="a-personRole-role">Styremedlem</span>
<span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</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 type="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 col-lg-6 mt-4">
<div class="a-textSizeS a-fontBold">
Gi nye rettigheter
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6 mb-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 ">
<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 a-hasIcon
a-hasButton " type="search" placeholder="Finn skjema eller tjeneste" name="input-field" data-val="true" id="text-input-find-13" data-search-algorithm="show-and-highlight" data-search-target="employee-table">
<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 a-js-autocomplete-MaxWidth">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-1" aria-expanded="false" aria-controls="exp-list-1" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 " aria-expanded="false" role="list">
<!-- 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" id="basisrolle">
<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 d-flex align-items-center">
<!-- 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" id="basisrolle">
<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" id="basisrolle">
<div class="row">
<div>
— AFP arbeidsgiverskjema
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— AFP-avgjørelse
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Arbeidsgivers oppfølgingsplan for sykmeldte
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<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=" ">
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" id="signering">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Begrenset signeringsrettighet for brukere som trenger en ekstra lang tittel her for å se hvordan det ser ut når det går over to linjer.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-right d-flex align-items-center">
<!-- 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" id="signering">
<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" id="signering">
<div class="row">
<div>
— AFP arbeidsgiverskjema
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— AFP-avgjørelse
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Arbeidsgivers oppfølgingsplan for sykmeldte
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<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=" ">
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 onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-dotted a-clickable" id="leggtil" tabindex="0">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold">
+ Legg til rolle
</span>
<!-- 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=" ">
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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-2" aria-expanded="false" aria-controls="exp-list-2" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 " aria-expanded="false" role="list">
<!-- 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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-3" aria-expanded="false" aria-controls="exp-list-3" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 " aria-expanded="false" role="list">
<!-- 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 -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-oversikt -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-roller-oversikt" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-tildel-enkeltrettigheter" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-enkeltrettigheter\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-enkeltrettigheter.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-tildel-enkeltrettigheter" title="Link to Pattern">
Andre Med Rettigheter Tildel Enkeltrettigheter
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-tildel-enkeltrettigheter" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-tildel-enkeltrettigheter" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-tildel-enkeltrettigheter">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-enkeltrettigheter -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller.html'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_94-delegering-tildel -->
<div class="modal-body a-modal-body">
<div class="row">
<div class="col-12">
<div class="a-fontSizeS">
Du deler rettigheter til Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov for:
</div>
<span class="a-fontSizeL">
A-melding (RF0123)
</span>
<div class="a-full-width">
<hr class="mb-2 mt-3">
</div>
</div>
</div>
<div class="row">
<div class="col-12 mb-1">
<h2 class="mb-0 a-fontBold a-fontSizeM">
Alternativ tildeling: Gi tilgang kun til dette skjemaet
</h2>
<span>
Anbefales kun hvis utfyller ikke har en fast tilknytning til virksomheten
</span>
</div>
<div class="col-12 mb-1">
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch ">
<input id="checkbutton-toggle" class="sr-only" type="checkbox" name="checkbutton-toggle" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="checkbutton-toggle" class="a-switch-label ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Kun lese
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="checkbutton-edit" class="sr-only" type="checkbox" name="checkbutton-edit" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="checkbutton-edit" class="a-switch-label ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Fylle ut
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="checkbutton-sign" class="sr-only" type="checkbox" name="checkbutton-sign" value="checkbutton-read" class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="checkbutton-sign" class="a-switch-label ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Signere
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
</div>
<div class="col-xl-12 mt-2">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-delegering-ok.html';" class="a-btn a-btn-success mb-0">
Fullfør
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_94-delegering-tildel -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-enkeltrettigheter -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-tildel-enkeltrettigheter" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-tildel-roller" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a href="../../patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller\04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller.html" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-tildel-roller" title="Link to Pattern">
Andre Med Rettigheter Tildel Roller
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-tildel-roller" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-tildel-roller" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-tildel-roller">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" 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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Gi og fjerne rettigheter </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_94-delegering-tildel -->
<div class="modal-body a-modal-body">
<div class="row">
<div class="col-12">
<div class="a-fontSizeS">
Du deler rettigheter til Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov for:
</div>
<span class="a-fontSizeL">
A-melding (RF0123)
</span>
</div>
</div>
<div class="row">
<div class="col-12 mb-1">
<h2 class="mb-0 a-fontBold a-fontSizeM">
Tildel rollene som kreves for å fylle ut skjemaet
</h2>
</div>
<div class="col-12 mb-1">
<span class="pr-1">
Har disse rollene
</span>
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch ">
<input id="checkbutton-deactivated-roles-1" class="sr-only" type="checkbox" name="checkbutton-deactivated-roles-1" value="checkbutton-read" disabled class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="checkbutton-deactivated-roles-1" class="a-switch-label disabled">
Begrenset signeringsrett
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<div class="a-switch ">
<input id="checkbutton-deactivated-roles-2" class="sr-only" type="checkbox" name="checkbutton-deactivated-roles-2" value="checkbutton-read" disabled class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverWithIconToggle">
<label for="checkbutton-deactivated-roles-2" class="a-switch-label disabled">
Klientadministrator
</label>
<div id="popoverWithIconToggle" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
</div>
<div class="col-12 mb-1">
<span class="pr-1">
Mangler denne rollen:
</span>
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch a-switch-limitedWidth ">
<input id="checkbutton-example-roles-1" class="sr-only" type="checkbox" name="checkbutton-example-roles-1" value="checkbutton-read" checked class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverSampleContent">
<label for="checkbutton-example-roles-1" class="a-switch-label a-toggle-icon">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-check " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Lønn og personalmedarbeider
</label>
<div id="popoverSampleContent" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
<!-- 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 a-mr-half" 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="popoverSampleContent">
<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="popoverSampleContent" 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 a-list-borderTop a-list-noIcon ">
<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="popoverSampleContent" 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=" ">
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 -->
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch ">
<input id="checkbutton-example-roles-2" class="sr-only" type="checkbox" name="checkbutton-example-roles-2" value="checkbutton-read" disabled class="sr-only" data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="popoverSampleContent">
<label for="checkbutton-example-roles-2" class="a-switch-label disabled">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Privatperson
</label>
<div id="popoverSampleContent" class="d-none">
<div class="pb-1">Dette er en popover tekst</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger mr-1">
knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-linkDanger mr-1">
<span>
link
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
</div>
<div class="col-xl-12 mt-2">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-epost/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-epost.html';" class="a-btn a-btn-success mb-0">
Fullfør
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<div class="col-xl-12 mt-2">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-enkeltrettigheter/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-enkeltrettigheter.html" class=" ">
<span class="a-fontBold">Alternativ tildeling:</span> Gi tilgang kun til dette skjemaet
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_94-delegering-tildel -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tildel-roller -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-tildel-roller" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-tilgangsforesporsel" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a 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" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-tilgangsforesporsel" title="Link to Pattern">
Andre Med Rettigheter Tilgangsforesporsel
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-tilgangsforesporsel" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-tilgangsforesporsel" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-tilgangsforesporsel">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Rettighetsforespørsel </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<div class="modal-body a-modal-body">
<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="Pernille Hall">
<span class="a-personRole-name">Pernille Hall</span>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-03-person-rolle -->
</div>
</div>
<div class="row">
<div class="col-12">
<div class="mt-1 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 -->
<div class="row col">
<div class="a-fontSizeXXXS">
forespørsel sendt mandag 13. februar 2019
</div>
</div>
<div class="row col mt-1 mb-1">
Pernille Hall har spurt om tilgang til <b>A01 A-melding</b>. Forespørselen omfatter rett til:
</div>
<div class="row col mt-1 mb-1">
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch a-noPointer ">
<input id="checkbutton-lese" class="sr-only" type="checkbox" name="checkbutton-lese" value="checkbutton-read" checked disabled>
<label for="checkbutton-lese" class="a-switch-label disabled">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Kun lese
</label>
</div>
<div class="a-switch a-noPointer ">
<input id="checkbutton-utfylling" class="sr-only" type="checkbox" name="checkbutton-utfylling" value="checkbutton-read" checked disabled>
<label for="checkbutton-utfylling" class="a-switch-label disabled">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Fylle ut
</label>
</div>
<div class="a-switch a-noPointer ">
<input id="checkbutton-sign" class="sr-only" type="checkbox" name="checkbutton-sign" value="checkbutton-read" checked disabled>
<label for="checkbutton-sign" class="a-switch-label disabled">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Signere
</label>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
</div>
<div class="row col mt-1 mb-1">
<!-- START: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-btn a-btn-success mr-1 " onclick="location.href='/patterns/04-sider-portal-10-modaler-70-tilgangsforesporsel-gitt-tilgang-kvittering/04-sider-portal-10-modaler-70-tilgangsforesporsel-gitt-tilgang-kvittering.html'">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="false false " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Godta forespørsel
</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- END: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-btn-link a-linkDanger a-js-popover-forceFocus " data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="sampleIdPopoverButtoinLink" data-popover-class="popover-warning">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="false false " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Avslå forespørsel
</span>
</button>
<div>
</div>
<div role="popover" id="sampleIdPopoverButtoinLink" class="d-none">
<div class="pb-1">Rettighetsforespørselen blir slettet</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="location.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="a-btn a-btn-danger mr-1">
<span>
Ok
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="$('button[aria-describedby=' + $(this).parent().parent().attr('id') + ']').click();" class="a-btn-link a-linkDanger mr-1">
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- END: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
</div>
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-1" aria-expanded="false" aria-controls="exp-list-1" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 " aria-expanded="false" role="list">
<!-- 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" id="basisrolle">
<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 d-flex align-items-center">
<!-- 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" id="basisrolle">
<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" id="basisrolle">
<div class="row">
<div>
— AFP arbeidsgiverskjema
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— AFP-avgjørelse
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Arbeidsgivers oppfølgingsplan for sykmeldte
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="basisrolle">
<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=" ">
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" id="signering">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Begrenset signeringsrettighet for brukere som trenger en ekstra lang tittel her for å se hvordan det ser ut når det går over to linjer.
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-auto text-right d-flex align-items-center">
<!-- 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" id="signering">
<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" id="signering">
<div class="row">
<div>
— AFP arbeidsgiverskjema
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— AFP-avgjørelse
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Arbeidsgivers oppfølgingsplan for sykmeldte
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<div class="row">
<div>
— Eksempel
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon" id="signering">
<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=" ">
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=" ">
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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-2" aria-expanded="false" aria-controls="exp-list-2" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 " aria-expanded="false" role="list">
<!-- 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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-3" aria-expanded="false" aria-controls="exp-list-3" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<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 " aria-expanded="false" role="list">
<!-- 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 -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-tilgangsforesporsel" class="sg-pattern-data">
</script>
</div><!--end .sg-pattern-->
<div id="sider-portal-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar" class="sg-pattern">
<div class="sg-pattern-head">
<h3 class="sg-pattern-title">
<a 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" class="patternLink" data-patternpartial="sider-portal-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar" title="Link to Pattern">
Andre Med Rettigheter Tilgangsforesporsel Ikke Gjennomforbar
<span class="sg-pattern-state indesignreview altinn altinnett">indesignreview altinn altinnett</span>
</a>
</h3>
<div class="sg-pattern-breadcrumb"></div>
<a href="#" data-patternpartial="sider-portal-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar" title="View Pattern Info" id="sg-pattern-extra-toggle-sider-portal-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar" class="sg-pattern-extra-toggle"><span>▼</span></a>
</div>
<div class="sg-pattern-extra" id="sg-pattern-extra-sider-portal-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar">
</div>
<div class="sg-pattern-example">
<!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<div class="a-modal-top-user">
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<div class="a-personSwitcher " 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 "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.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'"
aria-label="Tilbake">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.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'"
aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<div class="a-page a-current-page">
<div class="modalPage">
<div class="modal-content">
<!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
<div class="modal-header a-modal-header">
<!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
<div class="a-iconText a-iconText-background a-iconText-large ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-forward a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<h1 class="a-iconText-text mb-0">
<span class="a-iconText-text-large">Rettighetsforespørsel </span>
</h1>
</div>
<!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->
</div>
<!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->
<!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
<!-- START: 02-organismer-70-Modal-innhold-_93-delegering-roller -->
<div class="modal-body a-modal-body">
<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="Tuva Landro">
<span class="a-personRole-name">Tuva Landro</span>
</div>
</div>
<!-- END: 01-molekyler-00-tekst-03-person-rolle -->
</div>
</div>
<div class="row">
<div class="col-12">
<div class="mt-1 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 -->
<div class="row col">
<div class="a-fontSizeXXXS">
forespørsel sendt mandag 13. februar 2019
</div>
</div>
<div class="row col mt-1 mb-1">
Tuva Landro har spurt om tilgang til <b>B01 B-melding</b>. Forespørselen omfatter rett til:
</div>
<div class="row col mt-1 mb-1">
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch a-noPointer ">
<input id="checkbutton-lese" class="sr-only" type="checkbox" name="checkbutton-lese" value="checkbutton-read" checked disabled>
<label for="checkbutton-lese" class="a-switch-label disabled">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Kun lese
</label>
</div>
<div class="a-switch a-noPointer ">
<input id="checkbutton-utfylling" class="sr-only" type="checkbox" name="checkbutton-utfylling" value="checkbutton-read" checked disabled>
<label for="checkbutton-utfylling" class="a-switch-label disabled">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Fylle ut
</label>
</div>
<div class="a-switch a-noPointer ">
<input id="checkbutton-sign" class="sr-only" type="checkbox" name="checkbutton-sign" value="checkbutton-read" checked disabled>
<label for="checkbutton-sign" class="a-switch-label disabled">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Signere
</label>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
</div>
<div class="row col mt-1 mb-1">
<!-- START: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-btn a-btn-success mr-1 " onclick="location.href='/patterns/04-sider-portal-10-modaler-70-tilgangsforesporsel-gi-tilgang-mangler-rettigheter/04-sider-portal-10-modaler-70-tilgangsforesporsel-gi-tilgang-mangler-rettigheter.html'">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="false false " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Godta forespørsel
</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- END: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
<!-- START: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-btn-link a-linkDanger a-js-popover-forceFocus " data-toggle="popover" data-placement="bottom" data-animation="false" data-popover-content="sampleIdPopoverButtoinLink" data-popover-class="popover-warning">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="false false " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>
Avslå forespørsel
</span>
</button>
<div>
</div>
<div role="popover" id="sampleIdPopoverButtoinLink" class="d-none">
<div class="pb-1">Rettighetsforespørselen blir slettet</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="location.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="a-btn a-btn-danger mr-1">
<span>
Ok
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="$('button[aria-describedby=' + $(this).parent().parent().attr('id') + ']').click();" class="a-btn-link a-linkDanger mr-1">
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<!-- END: 00-atomer-05-Ekspansjonsknapper-35-knapp-med-popover -->
</div>
<!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->
</div>
<!-- END: 00-atomer-07-tekst-00-varsel -->
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-1" aria-expanded="false" aria-controls="exp-list-1" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<span class="a-dropdownArrow"></span> <span>Har disse <span class='badge badge-primary a-label badge-pill'>0</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 " aria-expanded="false" role="list">
<!-- 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 ">
</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=" ">
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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-2" aria-expanded="false" aria-controls="exp-list-2" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<span class="a-dropdownArrow"></span> <span>Har også tilgang til disse <span class='badge badge-primary a-label badge-pill'>0</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 " aria-expanded="false" role="list">
<!-- 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 ">
</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">
<div class="row">
<div class="col">
<h2 class="a-collapseHeader a-h3">
<a data-toggle="collapse" href="#" data-target="#exp-list-3" aria-expanded="false" aria-controls="exp-list-3" class="a-collapse-title a-collapse-title--absolute no-decoration collapsed ">
<span class="a-dropdownArrow"></span> <span>Har også tilgang til disse <span class='badge badge-primary a-label badge-pill'>0</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 " aria-expanded="false" role="list">
<!-- 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 ">
</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 -->
<!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->
<!-- 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-91-modal-01-modal -->
<!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar -->
</div>
<script type="text/json" id="sg-pattern-data-sider-portal-andre-med-rettigheter-tilgangsforesporsel-ikke-gjennomforbar" 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-andre-med-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>