/* Stiler for bedriftsprofilen (Utforsker.aspx), flyttet ut av markupen.
 * Del 1 er de tidligere <style>-blokkene i samme rekkefølge som på siden.
 * Del 2 er de tidligere style="..."-attributtene. Elementer med unik id treffes på id-en,
 * resten har fått en ut-klasse. */

/* ==========================================================================
   Del 1: tidligere <style>-blokker
   ========================================================================== */

/* Fra css/Overvak.css, som ikke lastes her lenger. Det var den eneste regelen derfra som traff noe på siden
   (popupene bedriftscore-popup og bransje-popup), og den overstyrer bransje.css. */
.modal-windownew {
    background: #fff;
    padding: var(--size-regular);
    border-radius: var(--border-radius-large);
    width: 100vh;
}

@media (max-width: 767px) {
    .modal-windownew {
        width: 100%;
        height: 100%;
        border-radius: 0;
        margin-top: 268px;
        overflow: auto;
        padding-top: 0px !important;
    }

    #Body_Main_Div28 {
        margin-bottom:25px;
    }
    #Body_Main_EierskapDivMobile > .result_wrapper {
        border-bottom: solid 1px lightgray;
    }
    #Body_Main_EierskapDivMobile > .result_wrapper:last-child {
        border:none;
    }
    .result_wrapper:nth-child(odd) {
        background-color: white !important;
    }
    .result_main_eiere {
        padding-left:0px !important;
        padding-right:0px !important;
    }
}

#Body_Main_sokeordDiv .bransje-link{
    color: #026565 !important;
    font-weight:normal !important;
}
.maps-link {
    font-weight:600;
}
.bransje-link {
    font-weight:normal !important
}
/* Lenken til bedriftslisten for bransjen i kommunen (/bransjer/{bransje}/{kommune}) */
.bransje-listelenke {
    color: #026565 !important;
}

.belop-span {
    font-size: 12px;
    font-weight: normal;
    padding: 4px 8px;
    background: #d2f0e9;
    border-radius: 30px;
}
#table-item-Belop-i-1000:first-child td .column-sticky{
    padding-left:0px !important;
}
.row-sec-front {
    padding-top:0px !important;
}

.tree-container li::after {
    width:20px;
}
.result_wrapper.filters2 {
    border-bottom: solid 1px lightgray;
}
.result_wrapper:nth-child(even), .result_wrapper.filters2 {
    background-color: transparent !important;

}

#endring-Belop-i-hele-1000 > div {
    display:none !important;
}

.aksjonaerer-roller {
    margin-left:10px;
}
.kilder-aksjonaerer {
    margin-left:10px;
}
.signatur-padding {
    padding-left:50px;
}

.button.filter {
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0px;
}
.result_wrapper:nth-child(odd) {
    background-color: #f2f2f2;
}
.result_wrapper {
    height: 38px;
}
.result_main_eiere > div > a {
    font-weight:600;
}

.result_main_eiere, .result-filtre {
    padding-left: 10px;
    align-items: center;
}
.result_main_eiere, .result_info, .result_info-wrapper {
    align-items: center;
    flex-direction: row;
}
.result_main_eiere {
    width: 340px;
}

.result_company-name, .result_info-details-eiere, .header-roles {
    margin-bottom: 0px;
}

.result-header-a-eier {
    font-size: 14px !important;
    font-weight: normal;
}

.box-info-item {
    background:#007272;
    color:white !important;
    padding:8px 14px;
    border-radius:55px !important;
    /*   border-right: solid 1px #eaeaea;
       padding: 0px 15px;*/
}
.box-info-item a {
    color: white;
}
.box-info-sub{
    gap:10px;
    background:none;
}
.white-box {
    padding:20px 40px 50px;
}

.off-color {
    background:#d2f0e9 !important;
}

.off-color  a{
    color:#026565 !important;
}
.box-info-item {
    background:#007272;
    color:white !important;
    padding:8px 14px;
    border-radius:55px !important;
    border:none !important;
    /*   border-right: solid 1px #eaeaea;
       padding: 0px 15px;*/
}
.box-info-item a {
    color: white;
    font-size:15px;
}

#Navigation_search {
    font-weight:600;
}
#Body_Main_firmaInfo_gratis {
    border-bottom: solid 1px #ececec;
}
#table-item-Belop-i-hele-1000 > .row-section > .column-sticky {
    font-weight:600 !important;
    font-size:12px;
}

#table-item-Belop-i-hele-1000 > .row-section  {
    padding-top:10px !important;
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
}
/*.res-shrinked {
    max-width:100%;
}*/
.res-shrinked {
    max-width: 455px;
}
.table-item-Oppsumering td {
    border-top:solid 1px #ededed !important;
}

tr:first-child td {
    border-top:none !important;
}

.copy-btn {
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px;
    opacity: 0.6;
    transition: opacity 0.2s;
    display: flex;
}
p {
    color:black;
}
.copy-btn:hover { opacity: 1; }

.tooltip-text {
    visibility: hidden;
    width: 60px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 15%;
    left: 79%;

    margin-left: -30px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 11px;
}

/* The class we toggle with JS */
.tooltip-text.show {
    visibility: visible;
    opacity: 1;
}

.om-oss {
    border-radius:0px;
}
a {
    color:black;
    color:#026565;
}

.active-bg:hover {
    background:#d5d5d5;
}
@media only screen and (max-width: 1180px) {
    .content-wrapper {
        width: 100%;
    }

    .sidebar-wrapper {
        display: none;
    }
}
@media screen and (max-width: 479px) {
    .info-text.color-gray {
        width: 130px;
        width: 145px;
        width: 100%;
        font-weight: normal;
        font-size: 15px;
        color:black;
        /* color: white; */
    }

    .grid-2-column {
        margin-bottom:10px;
    }

    .info-text {
        margin-bottom: 0px;
        color:black;
        font-weight:600;
        /* color: white; */
    }
}

.endring-prs {
    font-weight:600;
}
.endring-prs-mob {
    font-weight:600;
    display:none;
}

@media screen and (max-width:767px) {
    .info-text-grayer {
        width: 145px;
    }
    .endring-prs-mob {
        font-weight: 600;
        display: block;
        width: 60px;
        margin-left: 17px;
        font-size: 13px;
        margin-top: 1px;
    }
    .prs-mob-front {
        margin-left:5px;
    }
    .endring-prs {
        display:none;
    }

    .hidden-navigation {
        height:56px;
        background:white;
        margin-top: -60px;
    }

    .result_wrapper {
        height: unset;
        padding-bottom: 15px;
        height: unset;
        padding-top: 15px;
    }

    .inline-mobile {
        display: flex;
        gap: 5px;
        flex-direction: column;
    }
    .result-header-a-eier {
        font-size:18px !important;
    }
    .aksjonaerer-roller {
        margin-left:0px;
    }
    .kilder-aksjonaerer {
        margin-left:0px;
    }
    .signatur-padding {
        padding-left:20px;
    }
    .omOssLine {
        display:none;
    }
    .white-box {
        padding: 15px 20px;
    }
    .om-oss {
        padding-top:15px !important;
    }
    .content-wrapper {
        margin-top:30px;
    }
    .header-image {
        padding-left:20px;
        background:white;
        padding-right:20px;
        padding-top:20px;
    }
    #Body_Main_newFirmaInfo {
        box-shadow:none;
        margin-top:0px;
    }
    .image {
        border-bottom:solid 1px #ececec;
    }
    .om-oss {
        margin-bottom: 15px;
        /* padding-left: 215px; */
        justify-content: flex-start;
        padding-left: 0px;
        padding-top:25px;
    }
    .header-info-logo {
        margin-top:20px;
        margin-bottom:20px;
    }
    .search-icon {
        top: 58%;
        right: 372px;
    }

    .splits-ny {
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        min-width: 400px;
        width: 100%;
        margin-top: 45px;
        gap: 19px;
    }
}

/* Hver av de to reklameboksene (kredittsjekk / kredittrapport) i regnskap-reklame-container */
.regnskap-reklame-boks {
    display: flex;
    width: 50%;
    align-items: center;
    gap: 25px;
    border: solid 1px lightgray;
    border-radius: 5px;
    padding: 30px;
    background: #007272;
    color: white;
    justify-content: space-between;
    padding-right:59px;

}

/* Reklameboksene (regnskap-reklame-container) har grønn bakgrunn: all tekst hvit, "ekskl. mva." lys grå */
.regnskap-reklame-container .kredittsjekk-reklame-desc,
.regnskap-reklame-container .kredittsjekk-reklame-pris {
    color: white !important;
}
.regnskap-reklame-container {
    display:flex;
}
.regnskap-reklame-container .mva-tekst-reklame {
    color: #d9d9d9 !important;
}

/* Mobilreklamen (kredittsjekk_reklame_mobile): hele boksen grønn uten kant, samme fargeskjema som regnskap-reklame-boks */
.kredittsjekk-reklame-mobil {
    background: #007272 !important;
    border: none !important;
    color: white;
}

.kredittsjekk-reklame-mobil .kredittsjekk-reklame-card {
    background: transparent !important;
    border: none !important;
}

.kredittsjekk-reklame-mobil .kredittsjekk-reklame-title,
.kredittsjekk-reklame-mobil .kredittsjekk-reklame-desc,
.kredittsjekk-reklame-mobil .kredittsjekk-reklame-pris {
    color: white !important;
}

.kredittsjekk-reklame-mobil .mva-tekst-reklame {
    color: #d9d9d9 !important;
}

/* Alle "Kjøp nå"-knapper */
.kredittsjekk-reklame-button {
    background-color: #279d9d;
}

#Body_Main_RegnskapShortMobile tr {
    scroll-behavior:revert;
}
#Body_Main_rollerOgEieretab {

}
.aksjonaerer > div:last-child > .white-box {
    padding-bottom:75px !important;
}
.container-height {
    height:340px;
    padding:25px 15px;
    max-width:973px;
}
.padding-top-30px {
    padding-top:30px;
    padding-top:15px;
    padding-top:35px;
}
.header-image {
    max-height: 286px;
    min-height: 286px;
    margin-bottom:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
#Body_Main_newFirmaInfo {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-radius:5px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    padding-bottom:10px;
    padding-bottom:30px;
    border-bottom:solid 1px #ececec;
}
.sidebar-wrapper {
    /*margin-top:301px;*/
    display:block;
    width:300px;
    /*background:red;*/
}

.container.layout_sidebar {
    display: grid;
    gap: 20px;
    max-width: 1730px;
    grid-template-columns:
    minmax(0, 300px)
    minmax(600px, 1fr)
    minmax(0, 300px);
}

@media (max-width: 1555px) {
    .container.layout_sidebar {
        grid-template-columns: 1fr;
    }

    .sidebar-left,
    .sidebar-right {
        display: none;
    }
}

.content-wrapper {
    max-width:1090px;
}
.business-img {
    width: 44px; /* Initial size */
    transition: width 0.2s; /* Smooth transition */
}

.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
    padding-top:12px;
}

/* Hide the images by default */
.mySlides {
    display: none;
    width:235px;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.link-to-regnskap {
    font-size: 15px;
    width: 100%;
    flex-direction: row-reverse;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
    from { opacity: .1}
    to {opacity: 1}
}
/*** CONTAINERS ***/
#gauge {
    width: 100%;
    height: 100%;
    margin-top: 40px;
    max-width:175px;
}

#gauge2 {
    width: 100%;
    height: 100%;
    margin-top:30px;
}

.inactive {
    color: #b1b0b0 !important;
    cursor: default;
    opacity: 1 !important;
    text-decoration: none !important;
    pointer-events:none;
}

.inactive > a:hover {
    opacity: 1;
    text-decoration: none;
}

.height-200 {
    height: 200px;
}

table {
    display: inline-block;
    position: relative !important;
    width: 100%;
    height: 100%;
    color: #0A0909;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative !important;
    overflow: auto;
    border: 0px solid;
    /*border-collapse: collapse !important;*/
    border-collapse: separate !important;
    border-spacing: 0;
}

table::-webkit-scrollbar {
    display: none;
}

.table-container {
    line-height: 1em;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.table-wrapper {
    display: grid;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-bottom: 75px;
    height: 100%;
    width: auto;
    position: relative !important;
    min-width: 1px;
    min-height: 1px;
    max-width: 100%;
    overflow: hidden;
}

.table-background {
    overflow: hidden;
    position: absolute;
    height: auto;
    width: auto;
    background: rgb(255, 255, 255);
    left: 0;
    right: 0;
    top: 40px;
    bottom: 0px;
    z-index: -1;
    border-radius: 15px;
}

.top-left-corner,
.top-left-corner-bg {
    /*z-index: 99 !important;*/
}

.mobile-roller {
    display:none;
}
.kunng-h2 {
    margin-left:18px;
    font-weight:bold;
}

.divider-icon{
    width:18px;
    height:18px;
}
.overvak-width-desktop {
    display:flex; gap:15px;
    display: flex;
    gap: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.mark-row-large {
    background:none;
    color:black !important;
    height:auto;
}

.grid-3-item:hover {
    font-weight:normal !important;
}

.grid-3-item:hover > div > h3 {
    font-weight:normal !important;
}
.color-gray {
    font-weight:normal !important;
    /*   font-weight:600 !important;*/
}

.grid_shareholders > div {
    padding:6px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*padding-left:0px;*/
}
.grid_shareholders {
    padding:0px;
}

.shareholders_share, .responsive-left, .responsive-hide {
    text-align:right;
}
.tab_sticky {
    min-width:unset;
    padding: 4px 27px;
    padding: 2px 15px;
    color:black;
    color:#026565;
    height:auto;
    line-height: 1.69;
    font-weight:600;
}

.grid-2-column > div >  a, .info-text a, .list-bransjef a, .roles_data {
    font-weight:600 !important;
}
#Body_Main_konsernStrukturOversiktTekst a, a.info-text {
    font-weight:600;
}
.tab_sticky:hover {
    border: none;
    font-weight: 600;
    color:#026565;
    background: #d2f0e9 ;
}
.w-tab-link.w--current {
    font-weight:600;
}

/*** RESPONSIVENESS ***/
@media all and (max-width: 767px) {
    .kunng-h2 {
        margin-left:0px;
        font-weight:bold;
    }

    .kredittsjekk-reklame-card {
        padding:0px;
    }
    .table-wrapper {
        padding-right:10px !important;
        padding-left:10px !important;
    }
    .grid_shareholders > div {
        /*max-width:125px;*/
        padding:6px 0px;
    }

    .mark-row-large-mobile {
        display:flex;
    }
    .overvak-width-mobile {
        display:flex;
        gap:19px;
        align-items:center;
        font-size:15px;
    }

    .mark-windownew-large-2 {
        display: flex;
        flex-direction: column;
        gap: 13px;
        overflow: auto;
        flex-wrap: nowrap;
    }
    #overvak-height,#Body_Main_kunngjøringer_list {
        padding-bottom:50px;
    }
    .ovheaders {
        margin-bottom:24px;
    }
    .divider-icon {
        width:16px;
        height:16px;
    }

    .hidden-div-active {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        justify-content: space-between;
        flex-direction: column;
    }

    .tab_sticky {
        padding:0px 4px;
        padding:0px 12px;
        height: 25px;
        border-width: 2px;
        min-width: unset !important;

        /*border: none !important;*/
        display: flex;
        /*padding-bottom:35px;*/
        align-items: center;
    }

    .mob-wid {
        min-width:180px !important;
    }

    .kunng-table th, .kunng-table td:first-child {
        padding-left:0px !important;
    }
    .tab_sticky.w--current {
        /*       text-decoration: underline;
           text-decoration-thickness: 3px;
           text-underline-offset: 5px;*/
        /*border-bottom: solid 3px red;*/
    }
    .tab_sticky:hover {/*
    text-decoration:unset !important; */
    }
    .tabs_wrapper {
        height:45px;
        height:55px;
        height:auto;
    }

    .mobile-roller {
        display:unset;
    }
    .grid-3-item:hover {
        background:white !important;
        font-weight:normal !important;

    }

    .grid-3-item:hover > div > h3 {
        font-weight:normal;
    }
    .grid-3-item:hover > div > a {
        font-weight: normal;
    }
    .table {
        position: relative;
    }
    .big-header-column-sticky {
        font-size:16px !important;
        font-weight:600 !important;
    }
    .row-section-header .column-sticky {
        width:170px;
    }
    .grid-3-column {
        display:flex;
        flex-direction:column;
        padding-left:0px;
        gap:5px;
    }
    .row-section-header .column-sticky {
        width: 200px !important;
        padding-top: 5px !important;
        gap: 5px;
        padding-bottom: 3px !important;
        width: 350px !important;
    }
    .row-section, td:last-child.row-section {
        padding-top:10px !important;
        padding-bottom:10px !important;
    }

    .sidebar_ad {
        border-radius:0px;
    }
    .table-container {
        border-radius: 0px;
    }
    .contact_input input[type="text"], .contact_input input[type="tel"] {
        width:100%;
        border:solid 1px lightgray;
    }
    .contact_input {
        height:100%;
        max-height:unset;
        background:#f4f4f4;
        border-radius:0px;
        margin-top:0px !important;
    }

    .footer-contact-label {
        color:black
    }

    #details_adr_parent_short2 {
        margin-top:0px;
    }
    .result-header-a {
        font-size:24px !important;
    }

    .table-background {
        border-radius: 0px !important;
    }

    .table-button,
    .top-left-corner,
    .top-left-corner-bg {
        /*display: none;*/
    }

    .progress-bar {
        border-radius: 0px;
    }

    .progress-indicator {
        border-radius: 0px;
    }

    .table-button-wrapper {
        display: none;
    }

    .column-sticky {
        left: 0px !important;
        font-size: 14px;
        padding:8px 0vw 8px 8px !important;

        max-width: 154px;
        height: 100% !important;
        word-break: break-word;
    }
}
/*** TABLE STYLES ***/
tr {
    z-index: 2;
    color: #797979;
}

td {
    width: 100%;
    /*white-space: nowrap;*/
    position: relative;
    /* border: solid 1px #e7e7e7; */
    color: black;
    padding: 4px 0px;
    line-height:1.3;
}

tr:nth-child(even) {

}

td:nth-child(even)::after {
    content: "";
    width: 100%;
    display: block;
    margin-top: auto;
    bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
}

td:nth-child(odd)::after {
    content: "";
    width: 100%;
    display: block;
    margin-top: auto;
    bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
}

td:last-child::after {
    content: "";
    width: calc(100% - 10px);
    display: block;
    margin-top: auto;
    bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .kredittsjekk-table tr:hover > td > .column-sticky {
        /*   background:#e1dada !important;
           z-index: 99 !important;*/
        background: #f7f7f7;
        z-index: 99 !important;
        color: black;
    }
}

.kredittsjekk-table tr:hover > td:nth-child(even) {
    background:#f7f7f7;
    color:black;
    /*background:#e1dada;*/
}
tr:nth-child(even) td:first-child .column-sticky{
    /*background:#f7f7f7;*/
}

/*** TABLE HEADER ***/
tr:first-child {
    height: auto;
    color: #0a0a09;
    pointer-events: none;
    border-radius: 0px !important;
    font-weight: bold;

}

tr:first-child > td:first-child {
    border-radius: 0px !important;
    font-weight: normal;
    padding-left:0px;
    padding-right:75px;
}

tr:first-child > td:first-child::after {
    border-bottom: none !important;
}

tr:first-child .table-header {
    padding-bottom: 17px !important;
    background-color: #e8ebfd;
    border-radius: 0px !important;
    margin-top: -1px;
    height: calc(auto + 1px);
}

tr:first-child > td::after {
    display: none;
}

tr:first-child > td:first-child > .column-sticky {
    background-color: transparent !important;

    padding-bottom: 15px;
    width: 202px;
    width: 200px;
    /*font-weight:600 !important;*/
    border-radius: 0px !important;
    /*font-size:12px;*/
    flex-wrap:wrap;
}

tr:first-child > td:first-child > .column-sticky::before {
    position: absolute;
    content: "";
    height: 50px !important;
    width: calc(100% + 40px) !important;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 20px;
    margin-bottom: 15px !important;
    padding-left: 125px !important;
    z-index: -1 !important;
}

tr:first-child > td:nth-child(even) {
    background:#f3f3f3;
}

tr:first-child td:last-child {
    background: transparent !important;
}

.table-data .table-header {
    pointer-events: none;
    position: relative;
    margin-top: -1px !important;
}

.table-data.table-header {
    margin-top: -1px !important;
}

/*** TABLE ROWS AND SECTIONS ***/
.row-section, td:last-child.row-section {
    padding-top: 30px;
    padding-bottom: 10px;
    user-select: none;
    pointer-events: none;
    font-weight: 400;
    background-color: #fff !important;
    background: #fff !important;
    color: #0A0909;
    border:none;
    border-top:solid 1px #ededed;
}

.row-section .table-data {
    font-size: 14px !important;

    padding-bottom: 20px;
    font-weight: 600;
}

td.row-section::after {
    display: none !important;
}

.row-section .column-sticky {
    font-weight: 600;
    overflow: visible;
    font-size: 16px;
    background: white !important;
    padding-bottom: 16px !important;
    width: 200px !important;
    align-items: flex-end;
}
.result-header-a {
    font-size:30px;
    height:auto;
    line-height:normal;
    color:black;
    text-decoration:none;
    margin-bottom:0px;

}
#Body_Main_paidCompanyName {
    min-width:455px;
}
td, th {
    /*border:solid 1px #ededed;*/
    /*border:none;*/
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;

}
td:has(> .column-sticky), td:has(> .sticky-td) {
    padding: 0 !important;   /* Removes the gap between div and border */
    height: 1px;             /* The "stretch" hack: forces cell to recognize height */
}
tr td:last-child,
tr th:last-child {
    /*    border-right: 1px solid #ededed;*/
}

/* 3. Add a bottom border ONLY to the very last row */
tr:last-child td,
tr:last-child th {
    border-bottom: 1px solid #ededed;
}
.mobile-table-short {
    display:none !important;
}
@media screen and (max-width: 768px) {
    #Body_Main_paidCompanyName {
        min-width:100%;
    }

    .short-table-data {
        min-width:150px !important;
        font-size:14px !important;
    }
    .short-left {
        font-size:14px !important;
    }
    .mobile-table-short {
        display:flex !important;
        border-right:none !important;
    }
    td {
        border-width: 1px !important;
        transform: scale(1.0001);
    }
    table {
        zoom: 1;
        border-spacing:0;
        border-collapse:collapse;
        overflow:hidden !important;
    }
    .splitbox {
        display:block;
    }

}

.result-header-a:hover {
    text-decoration:none;
    cursor:default;

}
@media screen and (min-width: 768px) {
    tr:hover {
        /*   background: #e1dada;
           color: #0A0909;*/
        background: #f7f7f7;
        color: black;
    }
}

#Body_Main_tableHeader tr:hover {
    background:transparent !important;
}

.header-stick {
    background:white !important;
}
tr:hover td {
    color:black;
}
.table-front-right tr:hover > td > .column-sticky{
    background:#f7f7f7;
    color:black;
}

.table-front-right .tr-gray > td > .column-sticky{
    background:#f9f9f9;

}

/*** TABLE DATA ***/
.table-data {
    font-size: 14px;
    min-width: 137px;
    min-width: 172px;
    min-width: 141px;
    min-width: 158px;
    min-width: 150px;
    min-width: 196px;
    min-width: 140px;
    /*min-width: 152px;*/
    /* padding: 5px 10px 5px 10px !important; */
    padding: 5px 54px 5px 10px !important;
    display: flex !important;
    min-height: 25px;
    justify-content: space-between;
    align-items: center;
    z-index: 9;
    width: auto;
    flex-direction: row-reverse;
    /*color: black;*/
}

.short-table-data {
    font-size: 13px !important;
    min-width: 137px;
    min-width: 177px;
    /* padding: 5px 10px 5px 10px !important; */
    padding: 2px 10px 2px 10px !important;
    display: flex;
    min-height: 25px;
    justify-content: flex-end;
    align-items: center;
    z-index: 9;
    width: auto;
    /*color: black;*/
}

.table-data {
    padding: 5px 20px 5px 10px !important;
}
.header-data {
    padding: 5px 16px 5px 10px !important;
}

.kredittsjekk-table td:hover > .table-data {

    color:black;
    z-index: 9;
}

/* Verdicellene i regnskapstabellene er <td class="table-data"> uten div inni.
   .table-data er flex (row-reverse, space-between), som høyrestiller verdien. En td må være table-cell. */
td.table-data {
    display: table-cell !important;
    text-align: right;
    vertical-align: middle;
    /* z-index: 9 fra .table-data virket ikke på div-en (static), men gjør det på td-en (position: relative).
       Da legger verdiene seg over de faste kolonnene (også z-index 9) når man blar. */
    z-index: auto;
}
.kredittsjekk-table td.table-data:hover {
    color: black;
}
/* Satt av openHiddenChart i stedet for open-table-14-bold, slik at skriftstørrelsen fra .table-data beholdes */
.open-table-bold {
    color: black;
    font-weight: 600;
}
@media (min-width: 769px) {
    /* Td-ens egne 4px + 5px fra .table-data. Under 769px har td-en 0 i padding. */
    td.table-data {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
}
/*** FIRST COLOMN ***/
td:first-child {
    position: sticky;
    left: 0;
    z-index: 9 !important;
    font-size:15px;
    border-left:0px;
}

.sticky-td {
    position: sticky;
    left: 200px;
    z-index: 9 !important;
    font-size:15px;
    padding:0px;
    height: 1px;
}

.tr-gray > .sticky-td {
    background:#f9f9f9;
}
.tr-white > .sticky-td {
    background:white;
}

td:first-child::after {
    position: absolute;
    left: 0;
    z-index: 9 !important;
    padding-right: 0px !important;
}

.column-sticky {
    color: #0A0909;
    top: 0;
    right: 0;
    position: relative;
    height: 100%;
    /* width: 150px; */
    padding: 4px 0vw 4px 8px !important;
    display: flex !important;
    min-height: 24px;
    justify-content: flex-start;
    align-items: center;
    z-index: 99 !important;
    background: white;/*
    font-weight:bold;*/
    font-size:14px;
}
.percent-sticky {
    max-width: 80px;
    /* height: 36px; */
    width: 80px;
    padding-right: 10px !important;
    cursor:pointer;
}
.percent-nm {
    width: 50px;
    text-align: right;
}
.percent-html {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    position: relative; /* Essential so the bubble aligns to this div */
    cursor: pointer;
}

.percent-bubble {
    display: none; /* Hide it */
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    color: black;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: normal;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* 2. Show the bubble when hovering over the parent div */
.percentHtml:hover .percent-bubble {
    display: block;
}

/* 3. Optional: Add a small triangle arrow at the bottom */
.percent-bubble::after {
    content: "";
    position: absolute;
    background: #ffffff;
    width: 10px;
    height: 10px;

    /* Position at bottom center */
    bottom: -6px;
    left: 50%;
    margin-left: -5px;

    /* Rotate to make it look like a triangle */
    transform: rotate(45deg);

    /* Shadow and Border to match the bubble */
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

tr:nth-child(-n+3) .percent-bubble::after {
    display: none !important;
}

/* 3. Ensure the bubble still flips for the first 3 rows */
tr:nth-child(-n+3) .percent-bubble {
    bottom: auto;
    top: 110%; /* Adjusted slightly closer since there is no arrow */
    transform: translateX(-50%) translateY(-10px);
}

tr:nth-child(-n+3) .percentHtml:hover .percent-bubble {
    transform: translateX(-50%) translateY(0);
}

/* 1. Target the first 3 rows and flip the bubble position */

/* 2. Adjust the animation for the flip on hover */

/* 3. Flip the triangle arrow to point UP */

/* 4. Critical: Ensure the row being hovered sits ABOVE the rows below it */
tr:nth-child(-n+3):hover {
    position: relative;
    z-index: 50;
}

.tab_sticky:hover {
    text-decoration:none !important;
    /*color:#023636;*/
}

.short-left{
    /*padding-left:30px !important;*/
    font-size:13px !important;
}
/*** GLOBAL ***/
::selection {
    background: #EBF8FF;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #EBF8FF;
    /* Gecko Browsers */
}

::selection {
    color: black;
    background: rgba(94, 114, 228, 1);
    border-radius: 4px;
}

select:active, select:focus, :focus {
    outline: 0 !important;
    -moz-outline-style: none !important;
    box-shadow: none !important;
}

.time-openings {
    font-family: Nbinternationalpro mono, monospace !important;
}
/* GENERAL STYLE */
.chart-container-aksjonaerer {
    display: flex;
    align-items: center;
    justify-items: center;
    position: relative;
    height: auto;
    width: 100%;
    max-width: 120px;
    margin: auto;
}

@media only screen and (max-width: 768px) {
    .percent-nm {
        display:none;
    }

    .link-to-regnskap {

        display: flex;
    }
    .row-section .column-sticky {
        width:175px !important;
        padding-top:0px !important;
        padding-bottom:0px !important;
        align-items:center;
    }
    .chart-container-aksjonaerer {
        position: relative;
    }
    /* Tomme fyllceller i regnskapstabellen (under 5 år) vises bare på desktop */
    .tom-celle {
        display:none !important;
    }
    .swiper-container-contact {
        width: calc(100% + 50px);
    }

    .swiper-button-next-contact, .swiper-button-prev-contact {
        display: none;
    }
    td {
        padding:0px;
        outline-width:0px !important;
        outline:0 !important;

    }
    .column-sticky {
        left: 0px !important;
        font-size: 14px;
        padding:8px 0vw 8px 8px !important;
    }
}

.swiper-slide-images {
    width: 100%;
}

.hide {
    display: none !important;
}

.fsdd {
    pointer-events: none;
}

#scr-el {
    overflow-x: scroll;
}

a.read-more {
    white-space: nowrap;
}

.show-read-more .more-text {
    display: none;
}

table::-webkit-scrollbar, div::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

table::scrollbar, div::scrollbar {
    width: 0px;
    background: transparent;
}

.tabs_wrapper {
    -webkit-overflow-scrolling: touch;
    position: sticky;
}

.tabs_wrapper {
    /*padding-top:26px;*/
    padding-bottom:0px;
    gap:15px;
    gap:5px;
    padding-top:5px;
    padding-top:8px;
    padding-top:5px;
    padding-bottom:5px;
    margin-left:0px;
    padding:9px 39px;

    justify-content: space-between;
    /*box-shadow: -1px 6px 8px #80808045;*/
    /*box-shadow: 0px 2px 10px #80808045;*/

}
.white-box .sticky {
    height: calc(100% - 40px) !important;
}

.unselectable {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.swiper-container-contact {
    width: calc(100% + 25px);
}

.kontaktinfo_slide {
    width: 400px !important;
}

.swiper-button-next-contact.swiper-button-disabled, .swiper-button-prev-contact.swiper-button-disabled {
    display: none;
}

.swiper-button-next-contact, .swiper-button-prev-contact {
    bottom: 0px;
    top: auto;
    background: transparent;
    color: #000;
}

.swiper-scrollbar {
    color: red;
}

.swiper-pagination {
    z-index: 15 !important;
}

.swiper-slider-images {
    width: 100%;
}

.swiper-wrapper.swiper-wrapper-contact:first-child {
    margin-left: 25px !important;
}

.swiper-wrapper.swiper-wrapper-contact:last-child {
    /*padding-right: 25px !important;*/
}
/*bullet size*/
.swiper-pagination-bullet {
    width: 4px !important;
    height: 4px !important;
}

.swiper-pagination.swiper-pagination-bullets {
    display: none !important;
}
/*change bullet color*/
span.swiper-pagination-bullet {
    background: #fff;
    opacity: 0.12;
}
/*change active bullet color*/
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

.swiper-wrapper .w-dyn-items {
    z-index: 2 !important;
}

.swiper-wrapper .w-dyn-items {
    z-index: 2 !important;
}

.swiper-wrapper {
    z-index: 2 !important;
}
/*change color*/
.swiper-button-prev, .swiper-button-next {
    width: 32px !important;
    height: 32px !important;
    color: black !important;
    background: #E8EBFD !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.swiper-button-prev {
    top: 52% !important;
    left: 3px !important;
    right: auto !important;
    bottom: 0px !important;
}

.swiper-button-next {
    top: 52% !important;
    left: auto !important;
    right: 3px !important;
    bottom: 0px !important;
}

.swiper-container-contact .swiper-button-next {
    top: -30px !important;
    bottom: auto !important;
    right: 25px !important;
}

.swiper-container-contact .swiper-button-prev {
    top: -30px !important;
    bottom: auto !important;
    right: 75px !important;
    left: auto !important;
}

.swiper-button-next:after {
    font-size: 16px !important;
    content: url(https://uploads-ssl.webflow.com/61d80803b93e725ea5f468ba/624ae67bbe5d5391d5905dc1_icon-arrow-next.svg) !important;
    max-width: none !important;
    max-height: none !important;
    margin-left: 2px !important;
    margin-bottom: 2px !important;
}

.swiper-button-prev:after {
    font-size: 16px !important;
    content: url(https://uploads-ssl.webflow.com/61d80803b93e725ea5f468ba/624ae67c0181b3bd12855ea7_icon-arrow-prev.svg) !important;
    max-width: none !important;
    max-height: none !important;
    margin-right: 2px !important;
    margin-bottom: 2px !important;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    opacity: 0.72 !important;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    display: none !important;
}

@media only screen and (max-width: 1180px) {
    .sidebar-wrapper {
        display: none !important;
    }

    .layout_sidebar {
        display: flex !important;
    }

    .content-wrapper {
        width: 100%;
        max-width: none !important;
    }
}

.ad_horizontal-large {
    height:286px;
}

tr:last-child td, tr:last-child .row-section-header {
    border:none;
}

@media only screen and (max-width: 767px) {
    /* På mobil står årstallene i den faste overskriften, ikke i seksjonsradene */
    #Body_Main_tableEl .year-text > span {
        display: none;
    }
    .row-section-header .table-data {
        padding-top: 15px !important;
    }
    tr:first-child > td:first-child > .column-sticky {
        width: 200px !important;
        padding-top: 0px !important;
        gap: 5px;
        padding-bottom: 19px !important;
    }

    .column-sticky.header-stick.percent-sticky{
        left: -46px ! IMPORTANT;
    }
    .header-data {
        padding-right:34px !important;
    }
    .percent-sticky {
        width: 28px;
        max-width: 30px;
        width: 40px;
        max-width: 40px;
        flex-direction: column;
        align-items: center;
        padding-left: 0px !important;
        justify-content: space-evenly;
    }
    .icon-regnskap {
        width:16px;
    }
    .percent-td {
        max-width: 41px;
        left: 154px;
    }

    .kontaktinfo_slide {
        width: auto !important;
    }

    .no-border-top {
        border-top:none;
    }
    .kunng-table th {
        font-weight:600 !important;
    }
    .kunng-table th, .kunng-table td {
        padding: 10px 4px !important;
    }

    .tabs_wrapper {
        margin-left:0px;
        padding-bottom:20px;
        padding-bottom:0px;
        box-shadow:none;
        padding-top:11px !important;
        padding-bottom:11px !important;
        border:none;
        padding-left:0px;
        padding-right:0px;
        /*border-bottom:solid 1px lightgray;*/
    }
    .sticky-regnskap {
        border-left:none;
        border-right:none;
    }
    .table-contained.width-100.responsive {
        border-left:none;
        border-right:none;
    }
    .tab_sticky:hover {
        background:white;
    }
    .kunng-table th {
        padding-left:0px !important;
    }
    .container-height {
        padding:20px 0px;
    }
    .table-data {
        min-width:146px !important;
        min-width:170px !important;
        min-width:170px !important;
        min-width:90px !important;
        min-width:138px !important;
        min-width: calc(100vw - 267px) !important;
        padding: 12px 25px 12px 5px !important;
    }
    #overvak-height {
        height:auto !important;
    }
    .sticky-td {
        /*right:-5px;*/
    }

    .year-text {
        padding-bottom: 0px !important;

    }

    .header-data {
        padding-right:15px !important;
        padding-right:23px !important;
    }
}

@media only screen and (max-width: 360px) {
    .td-last-container {
        width: 20px;
        width: 26px;
        height: 14px;
        height: 34px;
        padding: 10px 2px;
    }
    .column-sticky.header-stick.percent-sticky {
        left:-5px !important;
    }
    .row-section-header.sticky-td {
        left:0px !important;
    }
    .row-section.sticky-td {
        left:0px !important;
    }
    .percent-sticky {
        width: 20px;
        max-width: 20px;
    }
    .table-data {
        min-width: calc(100vw - 221px) !important;
        padding: 12px 10px 12px 10px !important;
    }
    .percent-nm {
        display:none;
    }
    .short-table-data {
        min-width:123px !important;
    }
    .table-data {
        /*      min-width:116px !important;*/
    }
    .table-button.left-button {
        right:100px;
        right:86px;
    }

    .table-button.right-button {
        right:5px !important;
        width:40px;
    }
}

.mobile-table-short {
    display:none;
}

@media screen and (max-width: 768px) {
    .short-table-data {
        font-size: 14px !important;
    }

    .short-left {
        font-size: 14px !important;
    }

    .kredittsjekk-table {
        overflow:hidden;
    }
    .table-front-right mobile {
        overflow:hidden;
    }
    /*.kredittsjekk-table tr:hover > td > .column-sticky {*/
    /*   background:#e1dada !important;
       z-index: 99 !important;*/
    /*background: white !important;

       }*/
    .kredittsjekk-table .tr-white:hover > td:nth-child(even) {
        background:white !important;

        /*background:#e1dada;*/
    }
}

.small-text-short-left {
    font-size:12px !important;
    font-weight:normal !important;
}

/* Reglene fra swiper-bundle.min.css (unpkg) som traff noe her: autorisasjonsraden (#aut_html) og .swiper-wrapper-god.
   Swiper-JS-en er fjernet, så resten av fila var død. */
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
    transform: translateZ(0);
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}

#tabs-list2::-webkit-scrollbar { display: none; }

/* <style>-taggen over lå som første barn i #tabs-list2, så «.tabs_wrapper .tab_sticky:first-child»
   i kredittsjekk-no.css har aldri truffet første fane. Dette holder fanen der den har stått. */
@media screen and (max-width: 767px) {
    #tabs-list2 > .tab_sticky:first-child {
        margin-left: 0 !important;
    }
}

/* Denne blokken lå inne i regnskap_tab og ble bare rendret på regnskapsfanen. :where() holder reglene
   til den fanen uten å endre spesifisiteten; ellers ville de også truffet tabellene på oversikten. */
:where(body:has(#Body_Main_regnskap_tab)) .highcharts-figure,
:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table table {
    min-width: 360px;
    max-width: 800px;
    margin: 1em auto;
}

:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table td,
:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table th,
:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table caption {
    padding: 0.5em;
}

:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table thead tr,
:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

:where(body:has(#Body_Main_regnskap_tab)) .highcharts-data-table tr:hover {
    background: #f1f7ff;
}

:where(body:has(#Body_Main_regnskap_tab)) .tr-gray > td > .column-sticky {
    background: #f9f9f9;
}

:where(body:has(#Body_Main_regnskap_tab)) .highlight {
    font-weight: 600;
}

:where(body:has(#Body_Main_regnskap_tab)) .kredittsjekk-table tr:hover > td > .big-header-column-sticky {
    background: white !important;
}

:where(body:has(#Body_Main_regnskap_tab)) .kredittsjekk-table tr:hover > td > .sticky-td {
    background: white !important;
}

:where(body:has(#Body_Main_regnskap_tab)) .row-section-header .column-sticky {
    background: white !important;
}

:where(body:has(#Body_Main_regnskap_tab)) .row-section-header .sticky-td {
    background: white !important;
}

summary {
    padding: 20px 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
}
details {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    margin-bottom: -1px;
}

.arrow-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}
#Body_Main_faqHeader {
    margin-bottom:30px;
}

.divider-longer {
    padding: 0 0 15px 0;
    color: #444;
    display: flex;
    gap: 10px;
    flex-direction: column;
    line-height: 1.6;
}

details[open] .arrow-icon {
    transform: rotate(180deg);
}

#Body_Main_oversiktRegnskap .table-data {
    min-width:162px;
}
#Body_Main_oversiktRegnskap tr:last-child td,  #Body_Main_oversiktRegnskap  tr:last-child .row-section-header {
    border-top: 1px solid #ededed;
    border-bottom:1px solid #ededed;
    border-left:1px solid #ededed;
}

#Body_Main_oversiktRegnskap tr:last-child td:first-child {
    border-left:none;
}
#Body_Main_oversiktRegnskap .row-section .column-sticky {
    font-size:18px;
    font-weight:bold;
    width: 220px !important;
}

#Body_Main_oversiktRegnskap .tr-gray > td > .column-sticky {
    background: #f9f9f9;
}
@media screen and (max-width:767px) {
    #Body_Main_oversiktRegnskap tr:first-child > td:first-child > .column-sticky {
        padding-bottom:0px !important;
    }
    #Body_Main_oversiktRegnskap .row-section .table-data {
        padding-top:2px !important;
    }
}

.linkbtn {
    background:none;
    padding:0;
    color:#026565;
}

.linkbtn:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* ==========================================================================
   Del 2: tidligere style-attributter
   ========================================================================== */

/* ---- Topp: bedriftsinfo (betalt og gratis) ---- */

.ut-display-none {
    display: none;
}

#Body_Main_chart_short {
    height: 208px;
    width: 250px;
    overflow: hidden;
    margin-top: 23px;
}

#Body_Main_free_ad_div {
    height: 286px;
    background: #b8b8b8;
    border-radius: 5px;
    margin-bottom: 15px;
}

#Body_Main_ad_banner_mob {
    height: 100%;
    width: 100%;
}

#Body_Main_nologotext {
    font-weight: bold;
    font-size: 20px;
}

#Body_Main_div_banner {
    max-width: 1440px;
}

#Body_Main_paid_banner {
    position: inherit !important;
    max-width: 1090px;
    margin-right: auto;
    margin-left: auto;
}

#Body_Main_newFirmaInfo {
    background: white;
}

.ut-orgnr-linje {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #757575;
}

#Body_Main_paidOrgNr {
    font-size: 14px;
}

.ut-kopier-knapp {
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px;
    display: flex;
    align-items: center;
    opacity: 0.6;
    transition: opacity 0.2s;
}

#copy-tooltipPaid {
    position: unset;
    margin-left: 5px;
}

.ut-height-15px {
    height: 15px;
}

.ut-height-11px {
    height: 11px;
}

#details_adr_parent_short2 {
    padding-bottom: 0px;
}

/* Toppen av kundeprofilen på desktop. Markupen har to rader (navn + logo, og
   liste + beskrivelse), men de legges her i to kolonner: da begynner
   beskrivelsen like langt under logoen uansett hvor mange linjer navnet går
   over. 70px er logoraden (41px) pluss margen høyrekolonnen hadde (29px). */
@media (min-width: 768px) {
    .ut-paid-topp {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 52%;
        grid-template-rows: auto 1fr;
        column-gap: 30px;
        padding-top: 15px;
    }

    .ut-paid-topp > .paid-flex-container-top,
    .ut-paid-topp > .header-info {
        display: contents;
    }

    .ut-paid-navn {
        grid-area: 1 / 1;
    }

    .ut-paid-topp .logo-container {
        grid-area: 1 / 2;
    }

    .ut-paid-topp .paidHeaderList {
        grid-area: 2 / 1;
        width: auto;
    }

    .ut-paid-topp .header-info-logo-div {
        grid-area: 1 / 2 / 3 / 3;
        max-width: none;
        margin-top: 70px;
    }
}

/* Kolonnen er smalere enn navnets faste 455px i vinduer opp til 1180px */
@media (min-width: 768px) and (max-width: 1180px) {
    .ut-paid-navn #Body_Main_paidCompanyName {
        min-width: 0;
    }
}

/* Beskrivelsen på kundeprofilen. Serveren regner ut hvor mange linjer det er
   plass til ved siden av .paidHeaderList og setter --ut-desc-linjer
   (AppCode/PaidBeskrivelse.cs). «Vis mer» slår kuttet av (.ut-desc-apen), og
   da gjelder ingen av reglene under: lenken står vanlig sist i teksten. */
.ut-desc-kuttet:not(.ut-desc-apen) {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--ut-desc-linjer);
    max-height: calc(var(--ut-desc-linjer) * 1.5em);
    overflow: hidden;
}

/* Usynlig float som bare nederste linje brytes rundt, så «…» stopper foran
   lenken. 4em er bredden av «Vis mer» pluss litt luft. */
.ut-desc-kuttet:not(.ut-desc-apen) .ut-desc-tekst::before {
    content: "";
    float: right;
    width: 4em;
    height: calc(var(--ut-desc-linjer) * 1.5em);
    shape-outside: inset(calc(100% - 1.5em) 0 0 0);
}

.ut-desc-kuttet:not(.ut-desc-apen) .ut-desc-vis-mer {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Tekstkolonnen er bredere over 1180px. .ut-desc-kun-smal er tekster som får
   plass der, men ikke i den smale: da er det ingenting å kutte eller vise mer av. */
@media (min-width: 1181px) {
    .ut-desc-kun-smal:not(.ut-desc-apen) {
        display: block;
        -webkit-line-clamp: none;
        max-height: none;
        overflow: visible;
    }

    .ut-desc-kun-smal:not(.ut-desc-apen) .ut-desc-tekst::before {
        content: none;
    }

    .ut-desc-kun-smal .ut-desc-vis-mer {
        display: none;
    }
}

.ut-display-flex {
    display: flex;
}

.ut-adresse-ikon {
    margin-top: 2px;
    height: 21px;
}

.ut-max-width-unset {
    max-width: unset;
}

#Body_Main_firmaInfo_gratis {
    margin-bottom: 0px;
}

#Body_Main_free_company_name {
    padding-top: 15px;
}

.ut-orgnr-linje-gratis {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
    color: #757575;
}

#Body_Main_freeOrgNr {
    font-size: 14px;
}

#copy-tooltipFree {
    position: unset;
    margin-left: 5px;
}

.ut-margin-top-25px {
    margin-top: 25px;
}

.ut-height-19px {
    height: 19px;
}

#details_adr_parent_short3 {
    padding-bottom: 0px;
    margin-bottom: 15px;
}

.ut-margin-top-2px {
    margin-top: 2px;
}

.ut-margin-top-neg2px {
    margin-top: -2px;
}

.ut-bli-synlig-plakat {
    position: relative;
    margin-top: -25px;
    margin-left: 50px;
}

.ut-bli-synlig-overskrift {
    position: absolute;
    top: 29px;
    margin-left: 139px;
    color: #000000;
    font-size: 11px;
    font-weight: 600;
}

.ut-bli-synlig-tekst {
    position: absolute;
    top: 89px;
    margin-left: 144px;
    display: flex;
    flex-direction: column;
    width: 218px;
    font-size: 14px;
}

#Body_Main_ikkeKundeTekst {
    font-size: 13px;
}

#header_andrebransjer {
    text-align: center;
    font-size: 19px;
    margin-top: 15px;
}

#Body_Main_free_ad_1_alt {
    margin-bottom: 30px;
    display: none !important;
}

/* ---- Fanemeny ---- */

/* Sensor for når fanemenyen blir sticky (se NavSearchSmall.master) */
#tabsNavigationHidden {
    visibility: hidden;
    height: 1px;
    margin-bottom: -1px;
}

#scroll-prev {
    padding: 0 16px;
    cursor: pointer;
    z-index: 10;
}

#tabs-list2 {
    display: flex;
    margin-bottom: 0px;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    flex-grow: 1;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#Body_Main_nav_roller {
    min-width: 131px;
}

#Body_Main_nav_kredittsjekk {
    color: red;
}

#scroll-next {
    padding: 0 16px;
    cursor: pointer;
    z-index: 10;
}

/* ---- Oversikt ---- */

.ut-z-index-5 {
    z-index: 5;
}

#Body_Main_profitabilityNumber {
    display: none;
}

.ut-chart-container {
    position: relative;
    height: 100%;
    width: 100%;
}

#Body_Main_solidityNumber {
    display: none;
}

#Body_Main_liquidityNumber {
    display: none;
}

.ut-knapp-nokkeltall {
    margin-bottom: 20px;
    display: none;
}

#Body_Main_oversikt_chart_div {
    display: none;
}

.ut-chart-container-95 {
    position: relative;
    height: 100%;
    width: 95%;
}

.ut-margin-left-0px {
    margin-left: 0px;
}

#Body_Main_besøksAdresse_Maps {
    color: black;
}

#Body_Main_telefon_Maps {
    color: black;
}

.ut-background-white {
    background: white;
}

.ut-godkjenning-topp {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.ut-height-60px {
    height: 60px;
}

.ut-godkjenning-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ut-sentral-dato {
    display: flex;
    gap: 4px;
}

.ut-godkjenning-bunn {
    display: flex;
    justify-content: space-between;
}

/* Må slå «.margin-top-20px h2» og «.title.aksjonaerer» i kredittsjekk-no.css. */
h2.title.ut-margin-bottom-10px {
    margin-bottom: 10px;
}

#Body_Main_gjelderOversiktRegn {
    margin-left: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 15px;
}

#Body_Main_whiteBoxFirmaInfo {
    background: white;
}

#Body_Main_noRegnskapHeader {
    gap: 20px;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-radius: 5px;
}

.ut-split-object-bred {
    padding-left: 20px;
    width: 300px;
}

.ut-split-object-luft {
    gap: 30px;
    padding-left: 35px;
}

.ut-split-rad {
    display: flex;
    gap: 10px;
}

.ut-display-none-important {
    display: none !important;
}

.ut-firmainfo-header {
    display: none;
    align-items: baseline;
    gap: 10px;
}

#Body_Main_goToFirmaopplysninger {
    font-size: 12px;
}

.ut-margin-top-15px {
    margin-top: 15px;
}

.ut-orgnr-rad {
    display: flex;
    align-items: center;
    gap: 10px;
}

#Body_Main_orgNumber {
    margin: 0;
}

#Body_Main_hovedenhet_txt {
    color: black;
}

#Body_Main_industry1 {
    color: black;
}

#Body_Main_industry2 {
    color: black;
}

#Body_Main_industry3 {
    color: black;
}

#Body_Main_formalText {
    color: black;
}

.ut-margin-bottom-15px {
    margin-bottom: 15px;
}

.ut-margin-top-10px {
    margin-top: 10px;
}

#Body_Main_googleMapsLoc {
    border: 0;
}

#Body_Main_paid_kontaktperson_slide {
    justify-content: space-between;
}

#Body_Main_paid_kontaktperson_mobile {
    justify-content: space-between;
}

#Body_Main_kredittsjekk_reklame_mobile {
    padding-bottom: 20px;
    padding-top: 25px;
}

.ut-margin-right-13px {
    margin-right: 13px;
}

.ut-kredittsjekk-reklame-title {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 24px;
}

.ut-reklame-bilder {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 15px;
}

.ut-height-168px {
    height: 168px;
}

.ut-reklame-pris-luft {
    font-weight: 600;
    margin-top: 25px;
    font-size: 22px;
}

.ut-margin-left-9px {
    margin-left: 9px;
}

.ut-line-height-1-9 {
    line-height: 1.9;
}

.ut-reklame-pris {
    font-weight: 600;
    font-size: 22px;
}

.ut-right-kredittsjekk-reklame {
    margin-left: 13px;
    display: none;
}

.ut-kredittsjekk-reklame-title-liten {
    margin-top: 0px;
    margin-bottom: 20px;
}

.ut-font-weight-600 {
    font-weight: 600;
}

.ut-regnskap-reklame-container {
    justify-content: space-between;
    gap: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ut-reklame-desc-bred {
    line-height: 1.9;
    min-height: 80px;
    min-width: 313px;
}

.ut-reklame-kjop {
    display: flex;
    align-items: center;
    gap: 15px;
}

#Body_Main_kjopKredittsjekkLink {
    display: inline-block;
    text-align: center;
    margin-top: 0px;
    padding: 3px 24px;
    background: #279d9d;
    width: 150px;
}

.ut-reklame-kjop-pris {
    font-size: 16px;
    font-weight: 600;
}

.ut-height-125px {
    height: 125px;
}

.ut-reklame-desc {
    line-height: 1.9;
    min-height: 80px;
}

#Body_Main_kjopKredittrapportLink {
    display: inline-block;
    text-align: center;
    margin-top: 0px;
    padding: 3px 24px;
    background: #279d9d;
    width: 150px;
}

.ut-column-gap-20px {
    column-gap: 20px;
}

#Body_Main_fdatoLedelseStyreleder {
    color: black;
    margin-left: 6px;
}

.ut-width-117px {
    width: 117px;
}

#Body_Main_sokeordDiv {
    margin-top: 15px;
}

.ut-margin-top-30px {
    margin-top: 30px;
}

#Body_Main_adInlineFree {
    margin-top: 15px;
    border-radius: 5px;
}

.ut-border-radius-5px {
    border-radius: 5px;
}

/* ---- Regnskap ---- */

.ut-chart-container-maks200 {
    position: relative;
    max-height: 200px;
    width: 95%;
}

.ut-table-wrapper {
    padding-bottom: 8px;
    padding-top: 10px;
}

#left-button {
    position: absolute;
    z-index: 1000000000;
}

#right-button {
    position: absolute;
    z-index: 1000000000;
}

.ut-top-left-corner {
    margin-top: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 15px 0px 0px 0px;
}

#Body_Main_seKonsernRegnskapContainer {
    margin-top: 40px;
    margin-left: 5px;
    display: flex;
}

#Body_Main_seAarsRegnskapContainer {
    margin-top: 40px;
    margin-left: 5px;
    display: flex;
}

.ut-margin-top-28px {
    margin-top: 28px;
}

#Body_Main_Div28 {
    padding-bottom: 20px;
    padding-top: 25px;
}

.ut-regnskap-reklame-container-luft {
    justify-content: space-between;
    gap: 25px;
    margin-top: 15px;
    margin-bottom: 60px;
}

#Body_Main_kjopKredittsjekkLinkRegnskap {
    display: inline-block;
    text-align: center;
    margin-top: 0px;
    padding: 3px 24px;
    background: #279d9d;
    width: 150px;
}

#Body_Main_kjopKredittrapportRegnskap {
    display: inline-block;
    text-align: center;
    margin-top: 0px;
    padding: 3px 24px;
    background: #279d9d;
    width: 150px;
}

/* ---- Roller og eiere ---- */

.ut-roller-kolonne {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ut-roller-rammer {
    border: solid 1px #e7e7e7;
    border-left: none;
    border-right: none;
}

.ut-roller-seksjon {
    border-top: solid 1px #e7e7e7;
    margin-top: 15px;
    padding-top: 10px;
}

.ut-height-100 {
    height: 100%;
}

.ut-aksjonaerer-tabell {
    border: solid 1px #e7e7e7;
    border-top: 0px;
    border-left: none;
    border-right: none;
}

.ut-border-bottom-solid-1px-e7e7e7 {
    border-bottom: solid 1px #e7e7e7;
}

#Body_Main_tab_roller_signTekst {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ---- Kunngjøringer ---- */

#Body_Main_kunngjøringer_list {
    padding: 20px 17px 75px;
}

/* ---- Eierskap (selskapsstruktur) ---- */

.ut-padding-bottom-75px {
    padding-bottom: 75px;
}

.ut-margin-bottom-25px {
    margin-bottom: 25px;
}

#Body_Main_konsertStrukturEierskapMobil {
    line-height: 1.6;
}

#Body_Main_KonsernstrukturTitle {
    margin-bottom: 25px;
    margin-top: 25px;
}

#Body_Main_konsern_div {
    margin-top: 35px;
}

.ut-margin-bottom-0px {
    margin-bottom: 0px;
}

/* ---- Eiere ---- */

.ut-width-340px {
    width: 340px;
}

.ut-filter-hoyre {
    width: 100%;
    text-align: right;
}

.ut-filter-tekst {
    width: 100%;
    margin-right: 0px;
}

/* ---- Bunn: annonser og bransjepopup ---- */

#bottom_kreditt_ad {
    background: #fffffff7;
    width: 100%;
    display: none;
}

.ut-font-size-14px {
    font-size: 14px;
}

.ut-kreditt-ad-logo {
    display: flex;
    flex-direction: column;
}

.ut-height-35px {
    height: 35px;
}

.ut-kreditt-ad-innhold {
    padding: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.ut-kreditt-ad-tekst {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 23px;
}

.ut-kreditt-ad-les-mer {
    width: 100%;
    text-align: center;
    margin-top: 14px;
}

.ut-kreditt-ad-les-mer-lenke {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: bold;
}

.ut-padding-bottom-0-5rem {
    padding-bottom: 0.5rem;
}

.ut-h3-bransje {
    text-align: center;
    flex-grow: 1;
    margin: 0;
}

.ut-buttons-new {
    text-align: right;
    float: right;
    display: unset;
}

.ut-close-x {
    font-size: 18px;
    text-align: right;
    cursor: pointer;
    display: unset;
}

.ut-utregning-innhold {
    height: unset;
    margin-top: 2rem;
}

.ut-utregning-container {
    display: flex;
    gap: 0.5rem;
    flex-direction: row;
}

.ut-utregning-kolonne {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}

.ut-utregning-bunn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ut-margin-top-2rem {
    margin-top: 2rem;
}

.ut-reklame-bunn-tittel {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

.ut-reklame-bunn-tekst {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
}

.ut-reklame-bunn-avsnitt {
    font-size: 14px;
    max-width: 542px;
    text-align: center;
}

.ut-reklame-bunn-bokser {
    padding: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.356rem;
}

.ut-width-160px {
    width: 160px;
}

.ut-delphi-tekst {
    margin-top: 0.356rem;
    text-align: center;
    font-size: 14px;
}


/* Mobil: skjul navigasjonen når man scroller nedover. Flyttet fra NavSearchSmall.master;
   JS-en ligger i js/regnskap-scroll.js.

   Gjelder KUN regnskapsfanen. Alt er scopet under
   body.regnskap-scroll, som JS bare setter på /regnskap.
   Uten den klassen er reglene helt inaktive - viktig fordi
   `transform` på .nav lager en containing block og ville
   påvirket fixed-posisjonerte elementer i menyen på alle
   andre sider.

   UTLØSER: .sticky-regnskap sin opprinnelige plass i flyten.
   Navet skjules når regnskapsraden er festet og man scroller
   nedover. På vei opp kommer det fram igjen FØR raden
   løsner - se REVEAL_LEAD i JS. Det er poenget: er
   transformen fortsatt i gang når raden løsner fra sticky
   og faller tilbake i flyten, blir raden tegnet opptil 132px
   over sin egen plass og glir etterpå ned i posisjon. Det er
   hoppet man ser. Starter vi visningen i god tid før, er
   transformen tilbake på 0 når raden løsner, og overgangen
   til flyt blir helt vanlig sticky-oppførsel.

   Visningen går raskere enn skjulingen (--nav-anim-in mot
   --nav-anim-out). Transitionen som gjelder er den på
   regelen for TILSTANDEN MAN GÅR TIL, så basisregelen styrer
   visning og .nav-scrolled-regelen styrer skjuling.

   Alt som beveger seg gjør det med `transform`, slik at nav,
   tabs og regnskapsraden går i lås på compositoren. En
   tidligere versjon animerte `top` på tabs mens navet brukte
   `transform`: `top` er layout (hovedtråden) og `transform`
   er compositor (GPU), så tabs hang etter mens man scrollet.

   Innholdet i flyten - #kredittsjekkTable, footeren og alt
   annet - røres ikke. Bare navet og de to sticky radene
   flyttes.

   --nav-visible-h er navens faktiske synlige høyde
   (kredittsjekk-no.css klipper `.nav`-boksen til 60px på
   mobil, mens søkeraden tegnes under den til ca. 132px).
   Måles i JS ved last og resize.
   --nav-offset: 0 = synlig, -nav-visible-h = skjult. */
@media screen and (max-width: 767px) {
    :root {
        --nav-visible-h: 132px;
        --nav-offset: 0px;
        --nav-anim-out: 0.55s ease-in-out;
        --nav-anim-in: 0.3s ease-out;
    }

    body.regnskap-scroll .nav {
        top: 0;
        transform: translateY(var(--nav-offset));
        transition: transform var(--nav-anim-in);
        will-change: transform;
    }

    /* Sticky-radene beholder sine faste festepunkter (`top`) og
       flyttes visuelt med samme transform som navet. `transform`
       på et sticky element flytter det VISUELT uten å røre
       plassen det tar i flyten, så tabellen under står stille. */
    body.regnskap-scroll .tabs_navigation {
        top: var(--nav-visible-h);
        transition: transform var(--nav-anim-in);
        will-change: transform;
    }

    body.regnskap-scroll .sticky-regnskap {
        top: calc(var(--nav-visible-h) + 50px);
        transition: transform var(--nav-anim-in);
        will-change: transform;
    }

    /* Hver rad har sin EGEN sperre i tillegg til nav-scrolled,
       så den slipper transformen i det den selv løsner - ikke
       når den andre gjør det. Det er derfor ingen av dem blir
       liggende og henge over sin egen plass i flyten mens den
       andre fortsatt er festet.

       Transitionen som gjelder er den på regelen for tilstanden
       man går TIL. Mister raden sin pinned-klasse, treffer bare
       basisregelen - altså --nav-anim-in, den raske. */
    body.regnskap-scroll.nav-scrolled.tabs-pinned .tabs_navigation,
    body.regnskap-scroll.nav-scrolled.regnskap-pinned .sticky-regnskap {
        transform: translateY(var(--nav-offset));
        transition: transform var(--nav-anim-out);
    }

    body.regnskap-scroll.nav-scrolled .nav {
        transition: transform var(--nav-anim-out);
    }

    body.regnskap-scroll.nav-scrolled {
        --nav-offset: calc(-1 * var(--nav-visible-h));
    }
}