body {
    font-family: Lato;
    font-size: 1.125rem;
    color: rgba(0, 0, 0, .9)
}

a {
    color: inherit
}

    a:hover {
        cursor: pointer;
        color: #d10074
    }

.top-bar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: -1.75rem;
    position: absolute;
    right: 1rem
}

footer {
    min-height: 15rem;
    background-color: #031e2f;
    color: #fff;
    font-size: 1rem
}

    footer a {
        color: #fff
    }

        footer a:hover {
            color: #f5f5f5
        }

    footer ul {
        list-style: none;
        padding-left: 0
    }

    footer .logo-img {
        text-align: center
    }

        footer .logo-img img {
            max-width: 5rem;
            -webkit-filter: brightness(.5) contrast(2) grayscale(1) invert(1);
            filter: brightness(.5) contrast(2) grayscale(1) invert(1);
            max-height: 3rem
        }

            footer .logo-img img:hover {
                -webkit-filter: none;
                filter: none
            }

        footer .logo-img.invert img {
            -webkit-filter: invert(.5);
            filter: invert(.5)
        }

            footer .logo-img.invert img:hover {
                -webkit-filter: invert(0);
                filter: invert(0)
            }

    footer .some svg {
        background-color: #fff;
        border-radius: 50%;
        min-height: 20px;
        margin-right: 1rem;
        min-width: 35px;
        min-height: 35px;
        padding: .5rem;
        color: #000
    }

    footer .some a:hover svg {
        background-color: #d10074;
        color: #fff
    }

    footer .some a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 2;
        width: 33%
    }

    footer .adress ul li {
        margin-bottom: .2rem
    }

        footer .adress ul li:last-child {
            margin-top: 1.5rem
        }

@media (max-width:575px) {
    footer .adress ul,
    footer .some ul {
        margin-bottom: 2rem
    }
}

footer .rapporter ul li,
footer .some ul li {
    margin-bottom: 1rem
}

footer .rapporter a {
    border: 1px solid #fff;
    padding: .5rem 1rem;
    display: block;
    text-align: center;
    -webkit-transition: .15s;
    transition: .15s;
    font-size: .85em
}

    footer .rapporter a:hover {
        background: #fff;
        color: #000
    }

footer .footerinfo {
    font-size: .75em;
    text-align: center
}

    footer .footerinfo a {
        text-decoration: underline
    }

.navbar {
    margin: 2rem 1rem
}

@media (max-width:992px) {
    .navbar {
        margin: 0
    }
}

.navbar-toggler {
    border: 0
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-brand {
    max-width: 8rem;
    left: 50%;
    position: absolute;
    margin-left: -2rem;
    top: -6px
}

@media (max-width:992px) {
    .navbar-brand {
        max-width: 8rem;
        position: relative;
        left: auto;
        top: 0;
        margin-left: 0
    }
}

.navbar-nav {
    margin-top: 2rem
}

@media (max-width:768px) {
    .dropdown-menu.show {
        display: block !important;
        position: relative;
        top: 0;
    }
}

@media (max-width:768px) {
    .navbar-nav {
        margin-top: .5rem
    }
}

.navbar .nav-item {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    margin: .5rem;
    min-height: 38px;
    position: relative;
}

@media (max-width:768px) {
    .navbar .nav-item {
        margin: .25rem 0;
    }
}

@media (min-width:1200px) {
    .navbar .nav-item {
        margin: 0 1rem
    }
}

.navbar .nav-item .dropdown-menu {
    border: 0
}

.nav-justified .nav-item {
    text-align: left
}

.nav-item-header,
.ng-menu .nav-item .nav-link {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.05em;
    color: #414042
}

.nav-item-header {
    width: 100%;
    display: inline-block;
    border-bottom: 2px solid #00cdff;
    padding: .25rem 0;
    margin: 0
}

    .nav-item-header:hover {
        border-color: #000
    }

a.nav-item-header:hover {
    color: #414042;
    text-decoration: none
}

@media (max-width:768px) {
    .nav-item-header {
        width: 85%
    }
}

@media (max-width:768px) {
    .ng-menu .nav-item .nav-link {
        padding: 0
    }
}

.ng-menu .nav-item .dropdown-item {
    font-size: 1em;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(0, 205, 255, .25);
}

@media (max-width:768px) {
    .ng-menu .nav-item .dropdown-item {
        padding-left: 1rem;
    }
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: rgba(0, 123, 255, .05)
}

.ng-menu .nav-item .dropdown-item:hover {
    color: #000;
    border-color: #000
}

.ng-menu .nav-item .dropdown-item.active {
    background-color: #e9faff;
    font-weight: 600;
    color: #414042
}

.ng-menu .nav-item .menu-header {
    border-bottom: 2px solid #00cdff;
    padding: 1rem 0;
    margin: 0
}

@media (min-width:1200px) {
    .ng-menu .nav-item .menu-header {
        padding: 0
    }
}

.ng-menu .nav-item .menu-header:hover {
    border-color: #000
}

.displayBlock {
    display: block !important
}

.displayBlock-results {
    display: block !important
}

@media (max-width:768px) {
    .dropdown-menu-1,
    .dropdown-menu-2,
    .dropdown-menu-3,
    .dropdown-menu-4,
    .dropdown-menu-5,
    .dropdown-menu-6 {
        display: none;
        padding: 1rem 0 .5rem 1rem
    }

    #dropdown-menu-1,
    #dropdown-menu-2,
    #dropdown-menu-3,
    #dropdown-menu-4,
    #dropdown-menu-5,
    #dropdown-menu-6 {
        display: none
    }
}

.dropdown-toggle .fa-w-16 {
    color: #d10074;
    margin-right: .25rem;
    -webkit-transition: .15s;
    transition: .15s
}

.dropdown-toggle::after {
    display: none
}

.dropdown.show .dropdown-toggle .fa-w-16 {
    -webkit-transition: .15s;
    transition: .15s;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.breadcrumb {
    padding-top: 0;
    color: #000;
    margin: 0 0 auto 1.75rem;
    position: relative;
    top: -1rem;
    font-size: 1rem;
}

@media (max-width:992px) {
    .breadcrumb {
        margin-left: 0;
        font-size: .8em;
        top: 0
    }
}

.breadcrumb-item.active {
    color: #171717;
    /* font-size:1rem */
}

.btn {
    border-radius: 0;
    font-weight: 600;
    letter-spacing: .02rem;
    text-decoration: none !important
}

.btn-full {
    background: #d10074;
    border-color: #d10074;
}

    .btn-full:hover {
        background: #5a0334;
        border-color: #5a0334
    }

.btn-out {
    border-color: #d10074;
    color: #d10074
}

    .btn-out:hover {
        color: #fff;
        background-color: #5a0334;
        border-color: #5a0334
    }

.btn-full,
.btn-out {
    font-size: 1rem;
    width: 15rem;
    white-space: normal;
}

.btn-out-src {
    color: #d10074;
    border-color: #d10074;
    background-color: #fff
}

    .btn-out-src:hover {
        color: #fff;
        background-color: #5a0334;
        border-color: #5a0334
    }

.text-white .btn.btn-outline-primary.btn-out {
    border-color: #fff;
    color: #fff;
}

    .text-white .btn.btn-outline-primary.btn-out:hover {
        background: #5a0334;
        border-color: #5a0334;
        color: #fff;
    }

.btn-primary:not([disabled]):not(.disabled).active:focus,
.btn-primary:not([disabled]):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(209, 0, 116, .5);
    box-shadow: 0 0 0 .2rem rgba(209, 0, 116, .5)
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #d10074;
    border-color: #d10074
}

    .btn-primary:not([disabled]):not(.disabled).active:focus,
    .btn-primary:not([disabled]):not(.disabled):active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(209, 0, 116, .5);
        box-shadow: 0 0 0 .2rem rgba(209, 0, 116, .5)
    }

.form-control {
    border-radius: 0
}

.leftnav a {
    color: rgba(0, 0, 0, .9)
}

.leftnav .nav-item .nav-link:hover {
    text-decoration: underline
}

.leftnav .nav-item.active .nav-link {
    text-decoration: underline
}

.leftnav .nav-item {
    font-weight: 600
}

.leftnav .sub-link {
    list-style: none;
    padding-left: 1rem
}

    .leftnav .sub-link .sub-link-item {
        font-weight: 400
    }

.leftnav .nav-item.active .sub-link {
    display: block;
    text-decoration: none
}

.leftnav .nav-item .sub-link-item {
    text-decoration: none
}

.welcome-banner {
    padding: 8rem 0
}

@media (max-width:992px) {
    .welcome-banner {
        padding: 4rem 0
    }
}

.card {
    border: 0;
    margin-bottom: 2rem
}

    .card a {
        text-decoration: underline;
        color: rgba(0, 0, 0, .9)
    }

        .card a:hover {
            color: #d10074
        }

    .card .card-img-top {
        border-radius: 0
    }

.card-body {
    min-height: 17rem
}

.card-text {
    margin-bottom: .5rem
}

.card-title {
    line-height: 1.25
}

.card-text.trunc {
    max-height: 8rem
}

.card-title.trunc {
    max-height: 5rem
}

.tema .card-img-top {
    /* height: 20rem; */
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:992px) {
    .tema .card-img-top {
        height: auto;
        max-height: 200px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width:768px) {
    .tema .card-img-top {
        height: auto;
        max-height: 20rem;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    /* margin-bottom: 1rem; */
}

h1 {
    font-size: 2.75rem;
}

@media (max-width:768px) {
    h1 {
        font-size: 2rem
    }
}

.artikkel-innhold {
    padding-bottom: 2rem
}

    .artikkel-innhold h1,
    .artikkel-innhold h2,
    .artikkel-innhold h3,
    .artikkel-innhold h4 {
        margin-top: 2rem
    }

.display-3,
.display-4 {
    font-weight: 600;
    margin-top: 0
}

@media (max-width:992px) {
    .display-3 {
        font-size: 3.5rem
    }

    .display-4 {
        font-size: 2.5rem
    }
}

@media (max-width:768px) {
    .display-3 {
        font-size: 2.333rem
    }

    .display-4 {
        font-size: 2rem
    }
}

.lead {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.share-icons img {
    height: 2rem;
    margin-right: .5rem;
    cursor: pointer
}

@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(1px, 1px) rotate(0)
    }

    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-1px, 0) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(0, 1px) rotate(0)
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-1px, 1px) rotate(0)
    }

    70% {
        -webkit-transform: translate(1px, 1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(1px, 1px) rotate(0)
    }

    100% {
        -webkit-transform: translate(1px, -1px) rotate(-1deg)
    }
}

@keyframes spaceboots {
    0% {
        -webkit-transform: translate(1px, 1px) rotate(0)
    }

    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-1px, 0) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(0, 1px) rotate(0)
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-1px, 1px) rotate(0)
    }

    70% {
        -webkit-transform: translate(1px, 1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(1px, 1px) rotate(0)
    }

    100% {
        -webkit-transform: translate(1px, -1px) rotate(-1deg)
    }
}

.share-icons img:focus,
.share-icons img:hover {
    animation-name: spaceboots;
    animation-duration: .1s;
    transform-origin: 50% 50%;
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: .1s;
    -webkit-transform-origin: 50% 50%
}

.nav-link {
    padding: .25rem 0
}

    .nav-link.active,
    .sub-link-item .active {
        text-decoration: underline
    }

.bg-light-blue {
    background-color: #d0f5ff
}

.arkiv .arkiv-tab {
    text-decoration: underline;
    text-align: center;
    padding: 1rem 0
}

    .arkiv .arkiv-tab:hover {
        cursor: pointer
    }

.arkiv .arkiv-content {
    padding: 1rem 2rem 1rem 2rem;
    list-style: none
}

    .arkiv .arkiv-content ul {
        list-style: none
    }

    .arkiv .arkiv-content a {
        text-decoration: underline
    }

        .arkiv .arkiv-content a:hover {
            color: #d10074
        }

.arkiv ul li {
    margin-bottom: .25rem
}

.arkiv h2,
.innsats h3 {
    border-bottom: 4px solid #00cdff;
    padding-bottom: 1rem;
    display: inline-block
}

.gridtab-resultater > dt.is-active {
    background: inherit !important
}

.gridtab--1 > dt {
    padding: 1rem !important
}

dl {
    margin: 0
}

.resultater-tab {
    border-bottom: 4px solid #fff !important
}

.gridtab .resultater-content {
    padding: 1rem;
}

.toggle-all {
    background: #d10074;
    border-color: #d10074;
    color: #fff !important;
}

.resultater-tab .open-close {
    background-color: #fff;
    border-radius: 50%;
    color: #d10074;
    padding: 0 .62rem;
    line-height: 2;
    -webkit-transition: .15s;
    transition: .15s
}

.resultater-tab.greycross .open-close {
    background-color: #fff;
    color: #a9a3a6;
}

.resultater-tab.is-active .open-close {
    -webkit-transition: .15s;
    transition: .15s;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.resultater-tab .open-close svg {
    margin: 0
}

.resultater-tab svg {
    margin-right: 1rem
}

    .resultater-tab svg:hover {
        cursor: pointer
    }

.resultater-tab.greycross svg:hover {
    cursor: default;
}

.resultater-tab .col {
    line-height: 2
}

.resultater-undertittel {
    font-size: 1.15em;
    font-weight: 600;
    color: #00cdff;
    border-bottom: 2px solid #00cdff;
    padding-bottom: .5rem
}

.prosenttall {
    font-size: 1.5em;
    margin: 1rem 0;
    font-weight: 600
}

.resultat-face .svg-inline--fa {
    font-size: 2em
}

.resultat-face .fa-frown {
    background: url('/Images/icons/sad.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 3rem;
    min-width: 3rem;
}

.resultat-face .fa-smile {
    background: url('/Images/icons/happy.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 3rem;
    min-width: 3rem;
}

.resultat-face .fa-meh {
    background: url('/Images/icons/meh.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 3rem;
    min-width: 3rem;
}

.artikkel-banner .img-fluid {
    margin-top: .9rem
}

.artikkel-bakgrunn {
    text-decoration: none
}

.lesMer {
    margin-bottom: 2rem;
}

    .lesMer a {
        text-decoration: underline
    }

        .lesMer a:hover {
            color: #d10074
        }

.caser h1,
.latest-news h1,
.related-articles h1,
.siste-nytt h1 {
    border-bottom: 4px solid #00cdff;
    padding-bottom: 1rem;
    display: inline-block
}

.caser h1 {
    margin-top: 0
}

.caser .card-img-top {
    max-height: 153px;
}

@media (max-width:768px) {
    .caser .card-img-top {
        max-height: 20rem;
    }
}

.caser .card-body {
    padding: 1rem 0;
}

.siste-nytt .card-img-top,
.related-articles .card-img-top {
    max-height: 15rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:992px) {
    .siste-nytt .card-img-top,
    .related-articles .card-img-top {
        height: auto;
        max-height: 240px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (max-width:768px) {
    .siste-nytt .card-img-top,
    .related-articles .card-img-top {
        height: auto;
        max-height: 15rem;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.artikkelinnhold a {
    text-decoration: underline
}

.artikkelinnhold h3 {
    margin-top: 3rem;
    margin-bottom: 1rem
}

.artikkelinnhold img {
    max-width: 100%;
    height: auto
}

.jumbotron {
    margin: 0;
    min-height: 30rem;
    background-color: #fff;
}

.noPadding {
    padding: 0
}

.language-choice {
    margin-right: 2rem;
    letter-spacing: 2px;
    font-size: 1.15em;
    font-weight: 400
}

    .language-choice a:hover {
        color: #d10074;
        font-weight: 600;
        text-decoration: none
    }

    .language-choice .selected {
        color: #d10074;
        font-weight: 600
    }

.mt-2rem {
    margin-top: 2rem
}

.img-grid .innsats-box {
    padding: 0;
    text-align: center
}

.innsats-box img {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s
}

.innsats-box a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:768px) {
    .img-grid .innsats-box {
        margin-bottom: 2rem
    }
}

.innsatslink {
    font-size: .85em;
    padding: .5rem .5rem
}

@media (max-width:768px) {
    .innsatslink {
        font-size: 1em
    }
}

@media (max-width:768px) {
    .om-oss {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.bg-lighter-grey {
    background-color: #e9ecef
}

.bg-lighter-blue {
    background-color: #e9faff
}

.gridtab {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .gridtab * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .gridtab > dd {
        z-index: 1;
        display: none;
        min-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

        .gridtab > dd > .gridtab__controls {
            position: absolute;
            right: 5px;
            top: 5px;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex
        }

            .gridtab > dd > .gridtab__controls > .gridtab__close {
                -ms-flex-order: 1;
                -webkit-box-ordinal-group: 2;
                order: 1;
                margin-left: 1px
            }

                .gridtab > dd > .gridtab__controls > .gridtab__close:after,
                .gridtab > dd > .gridtab__controls > .gridtab__close:before {
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%) rotate(45deg);
                    transform: translate(-50%, -50%) rotate(45deg)
                }

                .gridtab > dd > .gridtab__controls > .gridtab__close:after {
                    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                    transform: translate(-50%, -50%) rotate(-45deg)
                }

            .gridtab > dd > .gridtab__controls > .gridtab__arrow,
            .gridtab > dd > .gridtab__controls > .gridtab__close {
                display: block;
                width: 25px;
                height: 25px;
                overflow: hidden;
                background: #666;
                text-indent: -999px;
                position: relative
            }

                .gridtab > dd > .gridtab__controls > .gridtab__arrow:after,
                .gridtab > dd > .gridtab__controls > .gridtab__arrow:before,
                .gridtab > dd > .gridtab__controls > .gridtab__close:after,
                .gridtab > dd > .gridtab__controls > .gridtab__close:before {
                    position: absolute;
                    width: 3px;
                    height: 13px;
                    content: '';
                    display: block;
                    background: #fff
                }

                .gridtab > dd > .gridtab__controls > .gridtab__arrow:after,
                .gridtab > dd > .gridtab__controls > .gridtab__arrow:before {
                    top: 50%;
                    left: 50%;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transform-origin: right;
                    transform-origin: right;
                    margin: -7px 0 0 -3px;
                    height: 10px
                }

                .gridtab > dd > .gridtab__controls > .gridtab__arrow:after {
                    margin-top: -4px;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

                .gridtab > dd > .gridtab__controls > .gridtab__arrow.is-disabled {
                    opacity: .25
                }

            .gridtab > dd > .gridtab__controls > .gridtab__next {
                -webkit-transform: scale(-1);
                transform: scale(-1);
                -webkit-transform-origin: center;
                transform-origin: center
            }

    .gridtab > dt {
        -webkit-transition: background .15s;
        transition: background .15s
    }

        .gridtab > dt:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0
        }

        .gridtab > dt.is-disabled {
            pointer-events: none
        }

        .gridtab > dt.is-active {
            z-index: 2
        }

        .gridtab > dt > img {
            max-width: 100%;
            float: left;
            height: auto
        }

    .gridtab[dir=rtl] > dd > .gridtab__controls {
        right: auto;
        left: 5px
    }

        .gridtab[dir=rtl] > dd > .gridtab__controls > .gridtab__next {
            -webkit-transform: none;
            transform: none
        }

        .gridtab[dir=rtl] > dd > .gridtab__controls > .gridtab__prev {
            -webkit-transform: scale(-1);
            transform: scale(-1)
        }

        .gridtab[dir=rtl] > dd > .gridtab__controls > .gridtab__close {
            margin-right: 1px;
            margin-left: 0
        }

/*IE11 meny fix*/

@media (min-width: 962px) and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    .navbar-toggler {
        position: absolute;
        top: 0;
        left: 0;
    }

    *::-ms-backdrop,
    .ng-menu .nav-item .dropdown-item {
        white-space: normal;
    }
}

/*TEMP FIX FOR OLD WEB*/

.mainLeft ul {
    list-style: none;
    padding-left: 0;
}

    .mainLeft ul li {
        padding: .2rem 0;
    }

.mainLeft .firstLevelExpanded {
    font-weight: 100;
}

.mainLeft .currentLeftMenuItem ul li a {
    font-weight: normal;
}

.mainLeft .firstLevelExpanded a {
    text-decoration: underline;
}

.mainLeft .firstLevelExpanded ul {
    margin-left: 1rem;
    list-style: square;
}

    .mainLeft .firstLevelExpanded ul li a {
        text-decoration: none;
        font-size: .85em;
        font-weight: normal;
    }

.mainLeft .firstLevelExpanded .currentLeftMenuItem.firstLevelExpanded a {
    font-weight: 600;
}

.mainLeft a {
    font-weight: 600;
}

.reports-rightmenu ul {
    list-style: none;
    padding-left: 0;
}

    .reports-rightmenu ul li {
        margin-bottom: 1rem;
        font-size: 1rem;
    }

        .reports-rightmenu ul li a {
            max-width: 200px;
            display: block;
            text-align: center;
            color: #fff;
            background-color: #031e2f;
            padding: .5rem 1rem;
        }

.articleMainBody .mainIntro {
    font-weight: bold;
    margin-bottom: 1.5rem;
}

div.articleListImageItem {
    min-height: 145px;
    overflow: hidden;
}

ul.articleList {
    margin: 7px 0 0;
    padding: 0;
    list-style: none;
}

    ul.articleList p {
        margin-bottom: 3px;
    }

    ul.articleList li {
        padding: 1rem 0;
    }

.articleMainBody ul.articleList li {
    border-top: 1px solid #bcc3c6;
    padding-top: 10px !important;
}

ul.articleList li.articleListFirstItem {
    border-top: none;
}

ul.articleList li strong {
    color: #031E2F;
    font-weight: bold;
}

ul.articleList h4 a {
    color: #031E2F;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
}

    ul.articleList h4 a:hover,
    .articleListReadMore a:hover {
        text-decoration: none;
    }

ul.articleList div.articleListImage {
    float: left;
    margin-right: 10px;
    width: 233px;
}

.articleListImage img {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.vacancyMainBody #vacancy-send-application-iframe {
    width: 100%;
    height: 3500px;
}

.vacancyMainBody #vacancy-main-image {
    width: 100%;
    max-width: 690px;
    margin-bottom: 30px;
}

.vacancyMainBody .textblock {
    margin-top: -7px;
    width: 460px;
}

.vacancyMainBody .vacancy-related h3 {
    font-family: "ff-clan-web-1", sans-serif;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 2px;
    text-transform: uppercase;
}

.vacancyMainBody .vacancy-related ul.vacancyInfo {
    margin: 0 0 45px;
    padding: 0;
    text-align: left;
    width: 100%;
    list-style: none;
}

    .vacancyMainBody .vacancy-related ul.vacancyInfo li {
        border-top: 1px dashed #BCC3C6;
        padding: 5px 0;
        width: 100%;
    }

        .vacancyMainBody .vacancy-related ul.vacancyInfo li strong {
            font-weight: bold;
        }

.vacancyMainBody .vacancy-related .bannerImage {
    clear: both;
}

.vacancyMainBody .textblock h2 {
    color: #031E2F;
    font-size: 38px;
    line-height: 48px;
    margin: 0 0 20px;
}

.vacancyMainBody .textblock h3 {
    color: #031E2F;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 3px;
}

.vacancyMainBody .textblock .vacancyDescription {
    margin-bottom: 15px;
}

    .vacancyMainBody .textblock .vacancyDescription ul {
        color: #031E2F;
        margin-bottom: 20px;
    }

.vacancySendApplication a {
    background: none repeat scroll 0 0 #009FDA;
    border-radius: 6px 6px 6px 6px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: "ff-clan-web-1", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 20px;
    margin-bottom: 30px;
    padding: 8px 25px 7px;
    text-decoration: none;
    text-transform: uppercase;
}

    .vacancySendApplication a:hover {
        background: none repeat scroll 0 0 #031E2F;
        color: white !important;
        text-shadow: -1px -1px 0 black;
    }

    .vacancySendApplication a span {
        background: url("/Images/icon-goto-white.png") no-repeat scroll 0 3px transparent;
        color: white;
        display: inline-block;
        padding: 2px 0 3px 22px;
    }

.vacancyMainBody .textblock .vacancyAbout {
    color: #616F78;
    font-style: italic;
    margin: 5px 0 15px;
}

.vacancyMainBody table td.selskap img {
    background-position: center;
    max-width: 100%;
}

ul.tabs,
ul.facetList {
    border-bottom: 1px solid #031E2F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}

    ul.tabs li,
    ul.facetList li {
        display: block;
        margin-bottom: 0;
    }

        ul.tabs li a,
        ul.facetList li a {
            color: white;
            cursor: pointer;
            display: block;
            font-family: "ff-clan-web-1", sans-serif;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0.5px;
            margin: 0 1px 0 0;
            text-decoration: none;
            text-shadow: -1px -1px 0 #616F78;
            text-transform: uppercase;
            width: auto;
        }

div.filter {
    margin: 0 0 25px;
    position: relative;
}

table.career {
    margin: 0 0 20px;
}

    table.career th.headerSortDown h5 a {
        background: url("/Images/icon-down.png") no-repeat scroll right center transparent;
        color: #031E2F;
        padding-right: 20px;
    }

    table.career th {
        background: url("/Images/border-top.png") repeat-x scroll left top transparent;
        border-top: medium none;
        color: #031E2F;
    }

        table.career th a:hover {
            text-decoration: none;
        }

        table.career th h5 a {
            color: #031E2F;
            font-size: 15px;
            line-height: 22px;
            margin-bottom: 3px;
            text-transform: none;
        }

    table.career tr td {
        border-top: medium none;
        font-size: 14px;
        padding: .5rem;
    }

    table.career .stilling a {
        text-decoration: underline;
    }

    table.career tr:nth-child(odd) {
        background-color: #fff;
    }

    table.career tr:nth-child(even) {
        background-color: #F0F4F7;
    }

    table.career tr td.selskap img {
        max-height: 20px;
    }

.filter select {
    color: #031E2F;
    display: inline-block;
    font-size: 1rem;
    margin: 0 0 10px;
    outline: medium none;
    padding: 3px 2px;
    width: 220px;
}

/* vacancy end */

.personInfo {
    margin-bottom: 2rem;
}

    .personInfo h4 {
        margin: .25rem 0;
    }

    .personInfo div {
        font-size: 1rem;
    }

.personViewName {
    font-weight: bold;
}

.user .personViewContactContainer .personViewPosition {
    color: #616F78;
    font-style: italic;
    margin-bottom: 14px;
}

.user .personViewContactContainer .personViewPhone,
.user .personViewContactContainer .personViewCellular,
.user .personViewContactContainer .personViewEmail {
    border-top: 1px dashed #BFCED4;
    padding-bottom: 5px;
    padding-top: 4px;
}

.bannerImage {
    display: none;
}

.user .personViewContactContainer .personViewWebsite .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -15px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

.user .personViewContactContainer .personViewCellular .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -86px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

.user .personViewContactContainer .personViewPhone .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -44px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

.user .personViewContactContainer .personViewEmail .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -123px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

/* contactView start */

.user {
    float: left;
    margin: 0 10px 15px 0;
    width: 45%;
    height: 450px;
    padding: 15px 0 0 0;
}

.articleRelated .user {
    float: none;
    height: auto;
    width: auto;
}

.articleRelated h3 {
    margin: 1rem 0;
}

.user .personViewImage {
    margin: 0 0 15px;
    padding: 0;
}

    .user .personViewImage img {
        display: block;
    }

.user .personViewContactContainer .personViewName {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
}

.user .personViewContactContainer .personViewCompany {
    color: #031E2F;
    font-weight: bold;
}

.user .personViewContactContainer .personViewPosition {
    color: #616F78;
    font-style: italic;
    margin-bottom: 14px;
    min-height: 54px;
}

.user .personViewContactContainer .personViewPhone,
.user .personViewContactContainer .personViewCellular,
.user .personViewContactContainer .personViewEmail {
    border-top: 1px dashed #BFCED4;
    padding-bottom: 5px;
    padding-top: 4px;
}

.user .personViewContactContainer .personViewWebsite .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -15px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

.user .personViewContactContainer .personViewCellular .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -86px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

.user .personViewContactContainer .personViewPhone .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -44px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

.user .personViewContactContainer .personViewEmail .sprite {
    background: url("../images/icon.png") no-repeat scroll 0 -123px transparent;
    width: 20px;
    height: 20px;
    float: left;
}

/* contactView end */

.social-share {
    float: right;
}

    .social-share img {
        width: 35px;
        height: 35px;
    }

    .social-share a {
        text-decoration: none;
    }

.img-responsive {
    max-width: 100%;
    height: auto;
}

h3.v2 {
    color: #031E27;
    text-transform: uppercase;
    padding-bottom: 30px;
    background: url(/images/new/design-element_FAKTA.png) no-repeat 0 34px;
}

li.related {
    background: url('/images/new/pil-oransje.png') no-repeat 0 0;
    list-style-type: none;
    padding-left: 35px;
    padding-top: 13px;
    background-position: 0 20px;
    background-size: 20px 15px;
}

.articlePageHead {
    display: none;
}

.tabellmal tr {
    background-color: White;
}

    .tabellmal tr:first-child {
        background-color: transparent;
    }

    .tabellmal tr th {
        color: #031E2F;
        padding: 6px 5px 7px 10px;
        background: url("../images/border-top.png") repeat-x scroll left top transparent;
        border-left: none;
        font-weight: bold;
        text-align: left;
    }

    .tabellmal tr td {
        background-color: #E2E9EE;
        border-color: #F0F4F7;
        font-size: 14px;
        padding: 6px 5px 6px 10px;
        border-left: 1px solid white;
        border-bottom: 1px solid #F0F4F7;
    }

    .tabellmal tr:nth-of-type(even) td {
        background-color: #ffffff;
    }

    .tabellmal tr td:first-child {
        border-left: none;
    }

.whiteFrame {
    border: 7px solid white;
}

.imageWrapper.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 25px;
}

/* Financial Reports */

.financialtable {
    font-size: 12px;
}

    .financialtable .sum td {
        font-weight: bold;
        border-bottom: 2px solid black;
    }

    .financialtable tr td:not(:first-child) {
        text-align: right;
        white-space: nowrap;
    }

    .financialtable tr td:nth-last-child(3) {
        background-color: #e9f0f4;
    }

    .financialtable thead tr th {
        font-weight: bold;
        text-align: center;
    }

    .financialtable .headers td:not(:first-child) {
        font-weight: bold;
    }

    .financialtable .headers td:first-child {
        font-size: 10px;
    }

.excel,
.indesign {
    font-size: 13px;
}

    .excel table tr td:not(:first-child) {
        text-align: right;
        white-space: nowrap;
    }

.excel-highlightedcolumn table tr td:nth-last-child(3) {
    background-color: #e9f0f4;
}

.excel-bigtable {
    font-size: 11px;
}

    .excel-bigtable table tr td {
        padding: 4px;
    }

.table-responsive {
    display: table;
}

    .table-responsive a {
        text-decoration: underline;
    }

.articleMainBody h1,
.articleMainBody h2,
.articleMainBody h3 {
    margin: 1rem 0;
}

/* =documentlist start */

.documentListWebpartZone {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.documentListWebpartZone {
    list-style-type: none;
    margin-left: 0;
    margin-top: 8px;
}

    ul.documentListWebpartZone li {
        background: none;
        padding: 0;
        width: 100%;
    }

.articleListItem {
    padding-top: 10px;
    float: left;
}

h4.listHeading {
    font-size: 18px;
    line-height: 26px;
    margin: 0 1px 0 0;
    cursor: pointer;
    color: White;
    height: 35px;
}

.documentsList ul {
    list-style-type: square;
    /* position: absolute; */
    border-top: 1px solid;
    /* width: 100%; */
    padding-top: 10px;
    /* margin-bottom: 2rem; */
}

.documentListWebpartZone table .documentsList ul {
    display: none;
}

.documentsList ul li {
    margin: 0 0 0 15px;
}

    .documentsList ul li span.arrow {
        display: none;
    }

.documentListWebpartZone ul.linkList {
    margin-left: 0;
}

.tabMiddleBackground {
    background: url("../Images/tabs-bg.png") repeat-x scroll left top transparent;
    padding: 8px 10px 7px;
}

li.articleListItem .tabMiddleBackground {
    padding: 5px 30px 0;
}

h4.show .tabLeftBackground,
.ActiveAktiv .tabLeftBackground,
.tabs li.selected .tabLeftBackground {
    background-position: 0 0;
}

h4.show .tabRightBackground,
.ActiveAktiv .tabRightBackground,
.tabs li.selected .tabRightBackground {
    background-position: -145px 0;
}

h4.show .tabMiddleBackground,
.ActiveAktiv .tabMiddleBackground,
.tabs li.selected .tabMiddleBackground {
    background: #031E2F;
}

h4.listHeading:hover .tabLeftBackground,
ul.facetList li a:hover .tabLeftBackground,
.tabs li a:hover .tabLeftBackground {
    background-position: -171px 0;
}

h4.listHeading:hover .tabRightBackground,
ul.facetList li a:hover .tabRightBackground,
.tabs li a:hover .tabRightBackground {
    background-position: -359px 0;
}

h4.listHeading:hover .tabMiddleBackground,
ul.facetList li a:hover .tabMiddleBackground,
.tabs li a:hover .tabMiddleBackground {
    background: #009fda;
}

/* common tabs end */

/* Navigation element */

.c_navigationelement {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0;
    height: 200px;
}

    .c_navigationelement div {
        color: #000;
        text-align: center;
        padding: 0 80px;
        margin-top: 20px;
    }

        .c_navigationelement div.text-bottom {
            margin-top: auto;
        }

        .c_navigationelement div h3 {
            color: #000;
            font-weight: bold;
            font-size: 22px;
        }

    .c_navigationelement p {
        font-size: 13px;
    }

/* Significant Values Block */

.sv_container .sv_background {
    margin: 10px 0;
    padding: 20px;
    height: 200px;
}

@media (max-width: 768px) {
    .sv_container .sv_background {
        height: auto;
    }
}

.sv_container .notVisibleMobile div {
    float: left;
    text-align: center;
    padding-top: 35px;
}

.sv_container .notVisibleMobile h3 {
    color: #000;
    font-weight: bold;
    font-size: 2em;
    margin: 0;
}

.sv_container .notVisibleMobile h4 {
    color: #000;
    font-weight: bold;
    font-size: 0.75em;
}

.sv_container .notVisibleMobile p {
    font-size: 0.75em;
}

.sv_container .visibleMobile h3 {
    margin: 0;
    font-size: 1.2em;
}

.visibleMobile {
    display: block;
}

.notVisibleMobile {
    display: none;
}

@media (min-width: 768px) {
    .notVisibleMobile {
        display: block;
    }

    .visibleMobile {
        display: none;
    }
}

.navigation_white * {
    color: white !important;
}

a.nounderline {
    text-decoration: none;
}

.searchfield {
    background: url("/Images/border-top.png") repeat-x scroll left top transparent;
    padding-bottom: 20px;
    padding-top: 15px;
}

.searchRelated h3 {
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

ul#SearchResultList li a {
    color: #031E2F;
}

ul#SearchResultList li {
    background: url("../images/border-top.png") repeat-x scroll left top transparent;
    list-style-type: none;
    padding-top: 10px;
}

ul#SearchResultList h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
}

p.searchResultShortText {
    color: #031E2F;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 0;
}

ol.search {
    list-style-type: none;
}

    ol.search li {
        background: url("/Images/border-top.png") repeat-x scroll left top transparent;
        margin: 0 0 20px;
        padding-top: 10px;
    }

        ol.search li h3 a {
            color: #031E2F;
            font-family: "ff-clan-web-1", sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 26px;
            margin-bottom: 5px;
        }

            ol.search li h3 a:hover {
                text-decoration: none;
            }

span.searchTextHighlight {
    color: #D10074;
    font-weight: bold;
}

.imageHighLighter {
    color: #D10074;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 0 0 10px;
}

.mainBody a {
    text-decoration: underline;
}

.mainBody img {
    max-width: 100%;
    height: auto;
}

.documentListWebpartZone > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.parentHeading {
    display: none;
}

#MainContainer_uxArchiveSearchPanel {
    margin-bottom: 2rem;
}

.searchblock .searchText,
.searchfield .searchText {
    background: url("/Images/icon-inline-search.png") no-repeat scroll 7px 7px white !important;
    border: 1px solid #ced4da;
    font-size: 1rem;
    padding: .25rem 2rem;
}

ul.archive {
    padding: 0;
}

    ul.archive div.item {
        border-top: 1px solid #ced4da;
        margin: 0 0 20px;
        padding-top: 10px;
    }

    ul.archive div.archiveDate {
        color: #031E2F;
        font-weight: bold;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 3px;
    }

    ul.archive h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 26px;
        margin-bottom: 5px;
    }

ol.pages {
    border-top: 1px solid #ced4da;
    list-style-type: none;
    margin-top: 30px;
    padding-top: 10px;
}

    ol.pages li {
        float: left;
        margin-right: 10px;
    }

        ol.pages li a,
        ol.pages li span {
            color: #031E2F;
            display: inline-block;
            height: 24px;
            margin: 0 1px 0 0;
            text-align: center;
            text-decoration: none;
            width: 24px;
        }

            ol.pages li a:hover {
                background-color: #d10074;
                color: white;
            }

        ol.pages li span {
            background-color: #031E2F;
            color: white;
        }

        ol.pages li.PrevItem a,
        ol.pages li.PrevItem a:hover {
            width: 60px;
        }

        ol.pages li.NextItem a,
        ol.pages li.NextItem a:hover {
            width: 50px;
        }

.mainRight {
    margin-bottom: 4rem;
}

.mainArticleTitle {
    margin: 1rem 0;
}