altinn-designsystem/dist/patterns/03-maler-portal-50-innboks-00-innboks/03-maler-portal-50-innboks-00-innboks.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 03-maler-portal-50-innboks-00-innboks -->
<!-- START: 02-organismer-01-globale-00-header -->
<!-- Skip to main content -->
<nav class="a-jumpnav">
  <ul class="no-decoration d-flex">
    <li><a class="sr-only sr-only-focusable" href="#content">Hopp til hovedinnholdet</a></li>
    <li><a class="sr-only sr-only-focusable" href="#primary-nav">Hopp til hovedmeny</a></li>
    <li><a class="sr-only sr-only-focusable" href="#search">Hopp til søk</a></li>
  </ul>
</nav>

<!-- Begin .header -->
<header class="a-header   a-js-hideElement ">
  <!-- Begin .container -->
  <div class="container">
    <div class="row">
      <div class="col-12">

        <!-- Begin .a-globalNav -->
        <nav id="primary-nav" class="a-globalNav">
          <a href="&#x2F;patterns&#x2F;04-sider-infoportal-01-forside-02-forside-innlogget\04-sider-infoportal-01-forside-02-forside-innlogget.html" class="a-globalNav-logo">
            <!-- START: 00-atomer-09-bilder-og-media-01-logo -->

            <img src="..&#x2F;..&#x2F;images&#x2F;a-logo-blue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">

            <!-- END: 00-atomer-09-bilder-og-media-01-logo -->
            <span class="sr-only">Til forsiden</span>
          </a>

          <button class="navbar-toggler d-md-none" type="button">
              <span class="sr-only">Vis/skjul meny</span>
    			  </button>
          <div class="collapse navbar-toggleable-sm a-globalNav-main" id="exCollapsingNavbar2">
            <ul class="" id="exCollapsingNavbar">
              <li class="d-md-none">
                <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

                <div class="form-group a-form-group   ">

                  <label class="a-form-label  sr-only  " for="dropdown-input-search">Søk etter innhold</label>

                  <div class="a-form-group-items input-group   ">


                    <input class="form-control  
         a-hasButton  " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="dropdown-input-search">

                    <div class="input-group-append">
                      <button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

              <span class="sr-only">Søk</span>
          </button>
                    </div>



                  </div>


                </div>

                <!-- END: 00-atomer-01-forms-10-tekst-input -->

              </li>
              <li class="d-md-none dropdown">
                <a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    language
                  </a>
                <!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
                <!-- Begin #a-dropdown-languages - -->
                <div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
                  <a class="dropdown-item" href="#">
      <img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
      <p>
        <span  class="a-h3">Bokmål</span><br>
        <span >Alt innhold er tilgjengelig på bokmål.</span>
      </p>
    </a>
                  <a class="dropdown-item" href="#">
      <img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
      <p>
        <span lang="en" class="a-h3">English</span><br>
        <span lang="en">All content is available in english.</span>
      </p>
    </a>
                  <a class="dropdown-item" href="#">
      <img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
      <p>
        <span  class="a-h3">Nynorsk</span><br>
        <span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
      </p>
    </a>
                  <a class="dropdown-item" href="#">
      <img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
      <p>
        <span lang="en" class="a-h3">Other languages</span><br>
        <span lang="en">Information about other languages.</span>
      </p>
    </a>
                </div>

                <!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->

              </li>
              <li><a class="a-hvr-underline globalNav-active " href="&#x2F;patterns&#x2F;04-sider-portal-50-innboks-00-innboks\04-sider-portal-50-innboks-00-innboks.html">innboks</a></li>
              <li><a class="a-hvr-underline " href="&#x2F;patterns&#x2F;04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt\04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html">alle skjema</a></li>
              <li><a class="a-hvr-underline  " href="&#x2F;patterns&#x2F;04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter\04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html"><span class="a-js-onboardingTarget-2 ">profil</span></a></li>
              <li class="d-md-none"><a class="a-nav-link a-hvr-underline" href="&#x2F;patterns&#x2F;04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive\04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">starte og drive bedrift</a></li>
              <li class="d-md-none"><a class="a-hvr-underline" href="&#x2F;patterns&#x2F;04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2\04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2.html">om altinn</a></li>
              <li class="d-md-none">
                <a class="a-hvr-underline" href="&#x2F;patterns&#x2F;04-sider-infoportal-20-navigasjonssider-70-hjelpesenter\04-sider-infoportal-20-navigasjonssider-70-hjelpesenter.html">
                  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                  <i class="ai ai-nw ai-nw-pr ai-phone   "></i>


                  <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

                  hjelp og kontakt
                </a>
              </li>
            </ul>
          </div>
        </nav>
        <!-- End .a-globalNav -->

        <!-- Begin .a-globalNav-options -->
        <ul id="secondary-nav" class="nav nav-pills a-header-options">

          <li class="nav-item dropdown d-none d-md-block">
            <!-- Dropdown toggle -->
            <a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Language
            </a>

            <!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
            <!-- Begin #a-dropdown-languages - -->
            <div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
              <a class="dropdown-item" href="#">
      <img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
      <p>
        <span  class="a-h3">Bokmål</span><br>
        <span >Alt innhold er tilgjengelig på bokmål.</span>
      </p>
    </a>
              <a class="dropdown-item" href="#">
      <img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
      <p>
        <span lang="en" class="a-h3">English</span><br>
        <span lang="en">All content is available in english.</span>
      </p>
    </a>
              <a class="dropdown-item" href="#">
      <img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
      <p>
        <span  class="a-h3">Nynorsk</span><br>
        <span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
      </p>
    </a>
              <a class="dropdown-item" href="#">
      <img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
      <p>
        <span lang="en" class="a-h3">Other languages</span><br>
        <span lang="en">Information about other languages.</span>
      </p>
    </a>
            </div>

            <!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->

          </li>

          <li class="nav-item">
            <!-- Dropdown toggle -->
            <!-- START: 00-atomer-07-tekst-40-innlogget -->
            <button class="nav-link dropdown-toggle a-personSwitcher logged-in  " type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="JAN PETTERSEN for Pettersen Foto">
  <span
    class="a-personSwitcher-name">
    <span class="d-block">JAN PETTERSEN</span>
    <span class="d-block">for Pettersen Foto</span>
  </span>
    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp  a-personSwitcher-icon a-js-onboardingTarget-1 "    ></i>
  <span class="sr-only">Min profil</span>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->


  </button>

            <!-- END: 00-atomer-07-tekst-40-innlogget -->

            <!-- START: 02-organismer-30-seksjoner-30-meny-personbytte -->
            <!-- Begin #a-dropdown-personswitchList - -->
            <div class="dropdown-menu a-dropdown-personswitchList a-dropdownTriangle">

              <div class="pt-5 pl-3 pr-3">

                <!-- START: 00-atomer-02-lenker-00-link -->
                <a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-link-logout ">
  Logg ut
  
</a>
                <!-- END: 00-atomer-02-lenker-00-link -->


                <div class="row">
                  <div class="col-sm-12 mb-2">
                    <!-- START: 01-molekyler-00-tekst-01-person-privat -->
                    <div class="a-personRole">
                      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                      <i class="ai ai-private ai-lg   "></i>


                      <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

                      <div class="a-personRole-text " title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
                        <span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</span>
                        <span class="a-personRole-role"></span>
                        <!-- START: 00-atomer-02-lenker-00-link -->
                        <a href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html" class=" " data-parent="#accordion">
  Innstillinger
  
</a>
                        <!-- END: 00-atomer-02-lenker-00-link -->

                      </div>
                    </div>

                    <!-- END: 01-molekyler-00-tekst-01-person-privat -->

                  </div>
                </div>

                <p class="a-h2">
                  Alle dine profiler:
                </p>

                <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

                <div class="form-group a-form-group   ">

                  <label class="a-form-label  sr-only  " for="person-switch-input-field">Søk etter aktør</label>

                  <div class="a-form-group-items input-group   ">
                    <span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-others   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>


                    <input class="form-control   a-hasIcon 
         " type="search" placeholder="Søk etter aktør" name="input-field" data-val="true" id="person-switch-input-field">




                  </div>


                </div>

                <!-- END: 00-atomer-01-forms-10-tekst-input -->

                <p class="a-fontBold a-fontSizeXS">
                  Ingen treff, prøv et annet søkeord.
                  <p>


              </div>

              <!-- START: 02-organismer-30-seksjoner-31-personbytte -->
              <div class="px-2 pt-3 ">
                <!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
                <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox   a-form-checkboxes--discret ">
                  <input type="checkbox" id="check21" class="custom-control-input">
                  <label class="custom-control-label " for="check21">Se alle underenheter</label>
                </div>
                <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox   a-form-checkboxes--discret ">
                  <input type="checkbox" id="check22" class="custom-control-input">
                  <label class="custom-control-label " for="check22">Se slettede enheter</label>
                </div>

                <!-- END: 00-atomer-01-forms-00-avkrysningsboks -->

              </div>

              <div class="pt-1 px-1">
                <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                <div class="a-listWithSubLevels a-shadow">
                  <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                  <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen foto
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                  <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                </div>

                <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                <div class="a-listWithSubLevels a-shadow">
                  <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                  <button type="button" class="a-btn disabled a-btn-shadow-large a-btn-shadow a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" disabled title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen Regnskap
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                  <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->


                  <div class="a-list-heading">
                    <!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
                    <button class="a-btn  a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed  " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2">
    <span class="a-dropdownCircleArrow">
      <i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
    </span>
    6 underenheter
</button>

                    <!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->

                  </div>

                  <div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse ">
                    <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
                    <div class="a-list-container ">
                      <ul class="a-list   a-list-large ">
                        <li class="a-clickable a-list-hasRowLink">
                          <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
                            <div class="row ">
                              <div class="col">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                <b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519







                                <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                              </div>
                            </div>
                          </a>
                        </li>
                        <li class="a-clickable a-offset-border-top a-list-hasRowLink">
                          <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
                            <div class="row ">
                              <div class="col">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                <b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519







                                <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                              </div>
                            </div>
                          </a>
                        </li>
                        <li class="a-clickable a-offset-border-top a-list-hasRowLink">
                          <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
                            <div class="row ">
                              <div class="col">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                <b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519







                                <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                              </div>
                            </div>
                          </a>
                        </li>
                      </ul>
                    </div>

                    <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->

                  </div>


                </div>

                <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                <div class="a-listWithSubLevels a-shadow">
                  <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                  <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Anne Pettersen
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12345</span>
    </span>


</button>


                  <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                </div>

                <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                <div class="a-listWithSubLevels a-shadow">
                  <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                  <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold a-btn-icon-text-ellipsis">
      Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12344</span>
    </span>


</button>


                  <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                </div>

                <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                <div class="a-listWithSubLevels a-shadow">
                  <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                  <button type="button" class=" a-btn-shadow-large a-btn a-btn-shadow a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen Tallknuser (slettet)
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                  <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                </div>

                <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                <div class="a-listWithSubLevels a-shadow">
                  <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                  <button type="button" class="a-btn a-btn-shadow a-btn-shadow-large a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen Bygg
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                  <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                </div>

                <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->


                <!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
                <button onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" type="button" class="a-btn a-btn-action a-fullWidthBtn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

    <span>Vis alle aktører</span>

</button>

                <!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->

              </div>

              <!-- END: 02-organismer-30-seksjoner-31-personbytte -->



            </div>

            <!-- END: 02-organismer-30-seksjoner-30-meny-personbytte -->

          </li>
        </ul>
        <!-- End .a-globalNav-options -->

      </div>
      <!-- End .col -->

    </div>
    <!-- End .row -->

  </div>
  <!-- End .container -->
</header>
<!-- End .header -->

<!-- END: 02-organismer-01-globale-00-header -->

<div class="a-overlay-container d-none" tabindex="-1">
  <!-- START: 02-organismer-90-filter-01-filter -->
  <div class="container">
    <div class="row">
      <div class="col-12">
        <!-- START: 02-organismer-01-globale-10-subheader -->
        <header class="a-header ">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <nav id="primary-nav" class="a-globalNav float-left">
                  <a href="&#x2F;patterns&#x2F;04-sider-infoportal-01-forside-02-forside-innlogget\04-sider-infoportal-01-forside-02-forside-innlogget.html" class="a-globalNav-logo">
                    <!-- START: 00-atomer-09-bilder-og-media-01-logo -->

                    <img src="..&#x2F;..&#x2F;images&#x2F;a-logo-blue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">

                    <!-- END: 00-atomer-09-bilder-og-media-01-logo -->
                    <span class="sr-only">Til forsiden</span></a>
                </nav>
                <ul id="secondary-nav" class="nav nav-pills a-header-options">
                  <li class="nav-item">
                    <!-- START: 00-atomer-07-tekst-40-innlogget -->
                    <div class="a-personSwitcher " title="JAN PETTERSEN for Pettersen Foto">
                      <span class="a-personSwitcher-name">
    <span class="d-block">JAN PETTERSEN</span>
                      <span class="d-block">for Pettersen Foto</span>
                      </span>
                      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                      <i class="ai ai-corp  a-personSwitcher-icon a-js-onboardingTarget-1 "></i>
                      <span class="sr-only">Min profil</span>


                      <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->


                    </div>

                    <!-- END: 00-atomer-07-tekst-40-innlogget -->

                    <!-- START: 02-organismer-30-seksjoner-30-meny-personbytte -->
                    <!-- Begin #a-dropdown-personswitchList - -->
                    <div class="dropdown-menu a-dropdown-personswitchList a-dropdownTriangle">

                      <div class="pt-5 pl-3 pr-3">

                        <!-- START: 00-atomer-02-lenker-00-link -->
                        <a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-link-logout ">
  Logg ut
  
</a>
                        <!-- END: 00-atomer-02-lenker-00-link -->


                        <div class="row">
                          <div class="col-sm-12 mb-2">
                            <!-- START: 01-molekyler-00-tekst-01-person-privat -->
                            <div class="a-personRole">
                              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                              <i class="ai ai-private ai-lg   "></i>


                              <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

                              <div class="a-personRole-text " title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
                                <span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</span>
                                <span class="a-personRole-role"></span>
                                <!-- START: 00-atomer-02-lenker-00-link -->
                                <a href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html" class=" " data-parent="#accordion">
  Innstillinger
  
</a>
                                <!-- END: 00-atomer-02-lenker-00-link -->

                              </div>
                            </div>

                            <!-- END: 01-molekyler-00-tekst-01-person-privat -->

                          </div>
                        </div>

                        <p class="a-h2">
                          Alle dine profiler:
                        </p>

                        <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

                        <div class="form-group a-form-group   ">

                          <label class="a-form-label  sr-only  " for="person-switch-input-field">Søk etter aktør</label>

                          <div class="a-form-group-items input-group   ">
                            <span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-others   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>


                            <input class="form-control   a-hasIcon 
         " type="search" placeholder="Søk etter aktør" name="input-field" data-val="true" id="person-switch-input-field">




                          </div>


                        </div>

                        <!-- END: 00-atomer-01-forms-10-tekst-input -->

                        <p class="a-fontBold a-fontSizeXS">
                          Ingen treff, prøv et annet søkeord.
                          <p>


                      </div>

                      <!-- START: 02-organismer-30-seksjoner-31-personbytte -->
                      <div class="px-2 pt-3 ">
                        <!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
                        <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox   a-form-checkboxes--discret ">
                          <input type="checkbox" id="check21" class="custom-control-input">
                          <label class="custom-control-label " for="check21">Se alle underenheter</label>
                        </div>
                        <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox   a-form-checkboxes--discret ">
                          <input type="checkbox" id="check22" class="custom-control-input">
                          <label class="custom-control-label " for="check22">Se slettede enheter</label>
                        </div>

                        <!-- END: 00-atomer-01-forms-00-avkrysningsboks -->

                      </div>

                      <div class="pt-1 px-1">
                        <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                        <div class="a-listWithSubLevels a-shadow">
                          <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                          <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen foto
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                          <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                        </div>

                        <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                        <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                        <div class="a-listWithSubLevels a-shadow">
                          <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                          <button type="button" class="a-btn disabled a-btn-shadow-large a-btn-shadow a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" disabled title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen Regnskap
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                          <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->


                          <div class="a-list-heading">
                            <!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
                            <button class="a-btn  a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed  " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2">
    <span class="a-dropdownCircleArrow">
      <i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
    </span>
    6 underenheter
</button>

                            <!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->

                          </div>

                          <div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse ">
                            <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
                            <div class="a-list-container ">
                              <ul class="a-list   a-list-large ">
                                <li class="a-clickable a-list-hasRowLink">
                                  <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
                                    <div class="row ">
                                      <div class="col">
                                        <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                        <b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519







                                        <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                                      </div>
                                    </div>
                                  </a>
                                </li>
                                <li class="a-clickable a-offset-border-top a-list-hasRowLink">
                                  <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
                                    <div class="row ">
                                      <div class="col">
                                        <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                        <b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519







                                        <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                                      </div>
                                    </div>
                                  </a>
                                </li>
                                <li class="a-clickable a-offset-border-top a-list-hasRowLink">
                                  <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
                                    <div class="row ">
                                      <div class="col">
                                        <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                        <b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519







                                        <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                                      </div>
                                    </div>
                                  </a>
                                </li>
                              </ul>
                            </div>

                            <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->

                          </div>


                        </div>

                        <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                        <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                        <div class="a-listWithSubLevels a-shadow">
                          <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                          <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Anne Pettersen
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12345</span>
    </span>


</button>


                          <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                        </div>

                        <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                        <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                        <div class="a-listWithSubLevels a-shadow">
                          <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                          <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold a-btn-icon-text-ellipsis">
      Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12344</span>
    </span>


</button>


                          <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                        </div>

                        <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                        <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                        <div class="a-listWithSubLevels a-shadow">
                          <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                          <button type="button" class=" a-btn-shadow-large a-btn a-btn-shadow a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen Tallknuser (slettet)
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                          <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                        </div>

                        <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->

                        <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
                        <div class="a-listWithSubLevels a-shadow">
                          <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                          <button type="button" class="a-btn a-btn-shadow a-btn-shadow-large a-btn-icon  " aria-label="Tilbake" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Pettersen Bygg
        <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
    </span>


</button>


                          <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                        </div>

                        <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->


                        <!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
                        <button onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" type="button" class="a-btn a-btn-action a-fullWidthBtn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

    <span>Vis alle aktører</span>

</button>

                        <!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->

                      </div>

                      <!-- END: 02-organismer-30-seksjoner-31-personbytte -->



                    </div>

                    <!-- END: 02-organismer-30-seksjoner-30-meny-personbytte -->

                  </li>
                </ul>
              </div>
            </div>
          </div>
        </header>
        <!-- END: 02-organismer-01-globale-10-subheader -->

      </div>
    </div>
    <div class="row">
      <div class="col-sm-8 offset-sm-2 col-lg-6 offset-lg-3">
        <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

        <div class="form-group a-form-group  a-form-group-large   ">

          <label class="a-form-label  sr-only  " for="inbox_search_filter">Søk etter innhold</label>

          <div class="a-form-group-items input-group   ">


            <input class="form-control  
         a-hasButton  a-hasButton  " type="search" placeholder="Søk på tittel" name="input-field" data-val="true" id="inbox_search_filter">

            <div class="input-group-append a-noBorder-right">
              <button class="btn btn-secondary a-btn-black-text a-js-searchFilterToggle d-none d-md-block" type="button">
              <span class="a-js-filterFocus">avansert</span>
              <span class="a-dropdownArrow a-expanded"></span>
          </button>
            </div>
            <div class="input-group-append">
              <button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

              <span class="sr-only">Søk</span>
          </button>
            </div>



          </div>


        </div>

        <!-- END: 00-atomer-01-forms-10-tekst-input -->

      </div>
    </div>
    <div class="row ml-0 mb-1 a-mt-filter">
      <div class="col-auto">
        <p class="d-inline a-fontSizeM">Begrens treffene: </p>
      </div>
      <div class="col pr-0">
        <span class="d-sm-none">
            <!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="4">4</span>

        <!-- END: 00-atomer-07-tekst-04-merkelapp -->

        </span>
        <span class="d-none d-sm-inline">
            <!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="2014">2014</span>

        <!-- END: 00-atomer-07-tekst-04-merkelapp -->

        </span>
        <span class="d-none d-sm-inline">
            <!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="ulest">Ulest</span>

        <!-- END: 00-atomer-07-tekst-04-merkelapp -->

        </span>
        <span class="d-none d-sm-inline">
            <!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-primary a-bgBlueLighter a-label badge-pill" id="haster">Haster</span>

        <!-- END: 00-atomer-07-tekst-04-merkelapp -->

        </span>
      </div>
      <div class="col-auto">
        <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
        <button type="button" class="d-inline a-btn a-btn-icon text-right mb-0 py-0 a-js-searchFilterToggle  " aria-label="Tilbake" title="Altinn">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="reg reg-circle-exit  ai-nw a-blue "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->



    <span class="a-btn-icon-text a-fontBold">
      Lukk
    </span>


</button>


        <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->

      </div>
    </div>
    <div class="row px-1">
      <div class="col a-borderTopDark pt-2 pb-1 px-0">
        <p class="d-inline mr-1 a-fontBold a-fontSizeM">Søker i: </p>
        <!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
        <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox  ">
          <input type="checkbox" id="check-i-1" class="custom-control-input" checked="checked">
          <label class="custom-control-label a-fontBold" for="check-i-1">Innboks</label>
        </div>
        <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox  ">
          <input type="checkbox" id="check-i-2" class="custom-control-input" checked="checked">
          <label class="custom-control-label a-fontBold" for="check-i-2">Arkiv</label>
        </div>
        <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox  ">
          <input type="checkbox" id="check-i-3" class="custom-control-input">
          <label class="custom-control-label a-fontBold" for="check-i-3">Slettet</label>
        </div>

        <!-- END: 00-atomer-01-forms-00-avkrysningsboks -->

      </div>
    </div>
    <div class="row">
      <div class="col">
        <!-- START: 01-molekyler-02-navigasjon-01-trekkspill-overskrifter -->
        <div class="a-accordion-large " id="accordionFilter" role="tablist" aria-multiselectable="true">

          <div class="card">

            <!-- TITLE -->
            <div>
              <!-- START: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift JS doc: toggleFilter.js -->
              <a data-toggle="collapse" data-parent="#accordionFilter" href="#accordionHeaderItem3" role="tab" aria-expanded="false" class="a-collapse-title no-decoration collapsed a-h3 false">
    <span class="a-dropdownCircleArrow a-dropdownCircleArrow--small">
      <i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
    </span>
    Status
</a>

              <!-- END: 00-atomer-05-Ekspansjonsknapper-10-ekspanderbar-overskrift -->

            </div>

            <!-- CONTENT -->
            <div id="accordionHeaderItem3" class="a-collapseContent collapse" data-parent="#accordionFilter" role="tabpanel">
              <div class="a-collapseContent-inside pl-0">


                <!-- START: 01-molekyler-05-forms-03-valgknapper-og-tekstfelt -->
                <div class="row mb-1">
                  <div class="col-12">
                    <!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->

                    <fieldset>
                      <legend class="sr-only">Velg et alternativ</legend>


                      <div class="a-switch a-switch--small ">

                        <input id="Alle-statuser-checkbutton-1" class="sr-only" type="radio" name="Status" value="radiobutton-read" checked />

                        <label for="Alle-statuser-checkbutton-1" class="a-switch-label d-block mb-2">
	        Alle statuser
	      </label>

                      </div>


                    </fieldset>


                    <!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->

                    <!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->

                    <fieldset>
                      <legend class="sr-only">Velg et alternativ</legend>


                      <div class="a-switch a-switch--small ">

                        <input id="checkbutton-1" class="sr-only" type="radio" name="Status" value="radiobutton-read" />

                        <label for="checkbutton-1" class="a-switch-label ">
	        Ulset melding
	      </label>

                      </div>


                      <div class="a-switch a-switch--small ">

                        <input id="checkbutton-2" class="sr-only" type="radio" name="Status" value="radiobutton-read" />

                        <label for="checkbutton-2" class="a-switch-label ">
	        Skjema Utfylling
	      </label>

                      </div>


                      <div class="a-switch a-switch--small ">

                        <input id="checkbutton-3" class="sr-only" type="radio" name="Status" value="radiobutton-read" />

                        <label for="checkbutton-3" class="a-switch-label ">
	        Skjema til signering
	      </label>

                      </div>


                      <div class="a-switch a-switch--small ">

                        <input id="checkbutton-4" class="sr-only" type="radio" name="Status" value="radiobutton-read" />

                        <label for="checkbutton-4" class="a-switch-label ">
	        Skjema venter på andre
	      </label>

                      </div>


                      <div class="a-switch a-switch--small ">

                        <input id="checkbutton-5" class="sr-only" type="radio" name="Status" value="radiobutton-read" />

                        <label for="checkbutton-5" class="a-switch-label ">
	        Innsendt skjema
	      </label>

                      </div>


                    </fieldset>


                    <!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->

                  </div>
                </div>
                <div class="row">
                  <div class="col-12 col-md-auto">
                  </div>
                  <div class="col-12 col-md-auto">
                  </div>
                  <div class="col-12 col-md-auto">
                  </div>
                </div>

                <!-- END: 01-molekyler-05-forms-03-valgknapper-og-tekstfelt -->





              </div>
            </div>
          </div>
          <div class="card">

            <!-- TI