﻿body {
}

.mobile-s {
    display: none;
}

#Body_Main_noResult {
    min-height: calc(600px - 80px);
}
.tabs_navigation {
    display: flex;
    align-items: center;
    position: sticky;
    width: 100%;
    background: white;
    top: 70px;
    z-index: 1000000;
    z-index: 800;
    /*border-bottom: solid 2px lightgray;*/
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.percent-sticky > .hide {
    display: flex !important;
    align-items: center;
    /* justify-content: space-between; */
    gap: 5px;
}


.hierarchy-controls {
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
}

.btn-tree {
    background: #fff;
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85rem;
    color: #444;
    transition: all 0.2s;
}

    .btn-tree:hover {
        background: #f0f0f0;
        border-color: #bbb;
    }

.org-row {
    transition: all 0.2s ease;
    border-left: 2px solid transparent;
 
}


.org-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    
}

.org-main {
    display: flex;
    align-items: center;
}

.org-name {
    font-weight: 600;
    font-size:15px;

}

.row-root .org-name {
    font-weight: 700;
    font-size: 1.1rem;
    color: #000;
}

.toggle-icon {
    width: 20px;
    color: #999;
    font-size: 0.8rem;
    cursor: pointer;
}

.detail-badge {
    font-size: 14px;
    /* padding: 2px 8px; */
    /* border-radius: 12px; */
    margin-left: 0px;
    margin-right: 11px;
}

.ownership {
    /* background: #818181; */
    color: #2d2d2d;
    font-weight: normal;
    width: 43px;
    text-align: right;
}

.org-nr {
    background: #eee;
    color: #666;
}

.hierarchy-container {
    --step: 40px;
    --line-color: #ccc;
    background: white;
}

.org-row {
    position: relative;
    min-height: 44px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.row-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(var(--indent) - 21px);
    width: 2px;
    height: 100%;
    background: #ccc;
    z-index: 1;
}

.is-last-child::before {
    height: 22px; /* Cuts the current row's line at the elbow */
}

.row-child::after {
    content: "";
    position: absolute;
    top: 22px;
    left: calc(var(--indent) - 21px);
    width: 15px;
    height: 2px;
    background: #ccc;
    z-index: 1;
}

.org-content {
    background: white; /* Blocks the pass-through lines from showing behind text */
    position: relative;
    z-index: 2;
    padding: 4px 8px;
}


.row-root::before, .row-root::after {
    display: none;
}


.tree-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: 24px;
    padding-top: 7px;
}

#Body_Main_eierskapTre ul:first-child {
    padding-left:0px;
}
/* Create the vertical line using li:before */
.tree-container li {
    margin: 0;
    padding: 8px 0 8px 25px;
    position: relative;
}

    /* The Vertical Line */
    .tree-container li::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-left: 1px solid #ccc;
        transition: top 0.3s ease, height 0.3s ease;
    }

    /* The Horizontal Branch */
    .tree-container li::after {
        content: "";
        position: absolute;
        top: 20px; /* Halfway down the item */
        left: 0;
        width: 33px;
        border-top: 1px solid #ccc;
    }

    /* CRITICAL FIX: The last child's vertical line stops at the branch */
    .tree-container li:last-child::before {
        height: 20px; /* Matches the 'top' of the branch */
        bottom: auto;
    }

/* Remove lines for the Top Mother Node (lvl 1) */
.tree-container > ul > li::before,
.tree-container > ul > li::after {
    display: none;
}

.tree-container > ul > li {
    padding-left: 0;
}

.node {
    display: flex;
    font-size: 16px;
    flex-direction: column;
}

.tree-container.is-expanded li::before {
    top: -30px;
}

.tree-container.is-expanded li:last-child::before {
    height: 50px;
    bottom: auto;
}

.node-company {
    display: flex;
    gap: 16px;
    align-items: center;
 
}

.node-additional {
    display:none;
}
    .node-additional.show {
        display: flex;
        gap: 35px;
        align-items: center;
        margin-left:60px;
        font-size:14px;
        margin-top:10px;
    }
    .node-additional.show > div {
        display:flex;
        flex-direction:column;
        gap:5px;
    }

        .tree-percent {
            width: 44px;
            text-align: right;
            color: #5d5d5d;
            font-size: 14px;
            min-width:44px;
        }

        .tree-a {
            font-weight: bold;
            font-size: 16px;
        }
.node-right {
    text-align:right;
}

.node-active-company {
    background: #595959;
    color: white;
    max-width: fit-content;
    padding: 2px 11px;
    border-radius: 3px;
    margin-bottom: 15px;
}
.tree-button {
    /* Layout & Spacing */
    display: inline-block;
    padding: 5px 24px;
    background-color: #5b5b5b;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    font-size: 13px;
    width: auto;
    transition: background-color 0.2s ease;
    transition: all 0.2s ease-in-out;
    margin-top: 0px;
    margin-bottom: 25px;
}

    /* Hover State: Slightly darker and lifts up */
    .tree-button:hover {
     opacity:0.8;
      

    }

    /* Active State: "Pressed" look */
   

    /* Focus State: Accessibility ring */
    .tree-button:focus {
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.4);
    }
.node-active-company > .tree-percent {
    color: white;
    width: auto;
}
    .node-active-company > a {
        color:white;
    }
.node-label {
    font-weight: 600;
    color: #515151;
    font-size: 12px;
}

        #Body_Main_eierskapTre ul:first-child > li > div > div > .tree-a {
            font-size: 16px;
        }

#Body_Main_eierskapTre ul:first-child > li > .node {
   padding:0px !important;
}



        @media screen and (max-width:767px) {
            .header-box a {
                text-align: left;
                display: flex;
                flex-direction: column;
                align-items: center;
                width: auto;
                font-size:16px;
            }
            #Body_Main_noResult {
                min-height: none;
                flex-direction: column;
            }
                #Body_Main_noResult > div > ul {
                    padding-left:30px !important; 
                }
                .mob-padding-img {
                    padding: 5px !important;
                }
            .kredittsjekk-reklame-img {
                margin-top: 15px;
                margin-bottom: 15px;
            }
            .kredittsjekk-reklame-pris {
                font-size: 16px;
                font-weight:bold !important;
                color:black;
            }
            .kredittsjekk-reklame-button {
                margin-top:15px;
            }
            .kredittsjekk-reklame-desc {
                text-align: left;
                min-height: unset;
                margin-bottom: 15px;
            }
            .mva-tekst-reklame {
                font-size:12px;
            }
            .header-box-mobile {
                background: white;
                padding: 0px 0px !important;
                flex-grow: 1;
                /*box-shadow: 0px 2px 10px #80808045;*/
            }
            #Body_Main_lokasjonHeader {
                display:none !important;
            }
            .mob-a {
                /*  display: flex;
                flex-direction: column;
                align-items: center;
                font-size: 16px;
                border: none;
                background: white;
                padding: 0px 10px;
                border-right: solid 1px #e1e1e1;
                height: 48px;
                justify-content: space-between;
                width: 100%;
                color: black;
                margin-top: 5px;
                margin-bottom: 5px;*/
                display: flex;
                flex-direction: row;
                align-items: center;
                font-size: 16px;
                border: none;
                background: white;
                padding: 0px 10px;
                /* border-right: solid 1px #e1e1e1; */
                height: 33px;
                justify-content: center;
                width: 100%;
                color: black;
                margin-top: 5px;
                margin-bottom: 5px;
                gap: 10px;
            }


            #lokasjonHeaderMobile > .header-box-mobile:last-child > .mob-a {
                border: none;
            }

            .active-header {
                font-weight: 600;
            }

            #lokasjonHeaderMobile {
                margin-top: 45px;
                height: 100%;
                flex-direction: row;
                flex-wrap: wrap;
                box-shadow: none;
                background: #f0f0f0;
                row-gap: 5px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px !important;
                justify-content: space-between;
                padding-left: 20px;
                background: white;
                padding-right: 20px;
            }
            #lokasjonHeaderMobile {
                display: flex;
                gap: 0px;
                margin-bottom: 10px;
                width: 100%;
            }
            .tree-container ul {
                padding-left: 8px;
            }
            .lvl-2-wrapper {
                margin-left:0px !important;
            }
            .tree-container li::after {
                width: 12px;
                top: 18px;
            }
            .konsern-text-mob {
                margin-top:25px;
            }

            #Body_Main_eierskapTre ul:first-child > li > div > div > .tree-a {
                font-size: 18px;
            }
            .tree-container li:last-child::before {
                height:18px;
            }
            .tree-container.is-expanded li:last-child::before {
                height:72px;
            }
            .tree-container.is-expanded li::before {
                top: -53px;
            }
             
                .tree-container li {
                    padding: 8px 0 8px 12px;
                }

                .tree-button {
                    font-size: 14px;
                    padding: 4px 11px;
                }

                .node-additional.show {
                    margin-left: 53px;
                }

                .lvl-2-wrapper li {
                    padding: 8px 0 8px 18px;
                }

                .node {
                    padding-left: 0px !important;
                }

                .node-company {
                    align-items: flex-start;
                    gap: 8px;
                }

                .tree-a {
                    font-size: 14px;
                }

                .tabs_navigation {
                    display: flex;
                    align-items: center;
                    position: sticky;
                    width: 100%;
                    background: white;
                    top: 132px;
                    z-index: 1000000;
                    z-index: 800;
                    border-bottom: solid 2px lightgray;
                    border-radius:0px !important;
                }

                #Body_Main_firmaInfo_gratis {
                    margin-top: 50px !important;
                    margin-top: 9px !important;
                }

                .f-reg-16 {
                    font-size: 16px;
                }

                .f-reg-15 {
                    font-size: 16px;
                }

                .kunng-200w {
                    font-size: 14px;
                }

                .FirmanavnList .firmanavnlist-item a {
                    font-size: 15px;
                }
            .FirmanavnList {
                gap:7px;
            }
            .margin-top-20px {
                /*margin-top:0px;*/
            }

                .no-padding-top {
                    font-size: 16px !important;
                }

                .mobile-header {
                    font-size: 18px;
                    font-weight: 600;
                    margin-top: 0px;
                    margin-bottom: 25px;
                    color: black;
                }

                .f-reg-19 {
                    font-size: 19px;
                }

                .white-txt {
                    font-size: 18px !important;
                }

                .f-reg-17 {
                    font-size: 17px !important;
                }

                .table-data {
                    font-size: 14px !important;
                }

                #Body_Main_nav_roller {
                    min-width: 124px !important;
                }

                .mobile-s {
                    display: flex;
                    /*padding-left: 2px;*/
                }

                #Body_Main_EierskapDivMobile > .result_wrapper:last-child > .result_info-details-eiere {
                    border: none;
                    margin-bottom: 0px !important;
                    padding-bottom: 0px !important;
                }

                .is-sticky {
                    height: 55px !important;
                    margin-bottom: 0px !important;
                }

                .inline-rolle-mobile:last-child {
                    border-bottom: none;
                }

                .white-box-10-left {
                    padding-left: 10px;
                    padding-right: 10px;
                }

                .h3-kredittsjekk {
                    font-size: 17px;
                    font-weight: 600
                }

                .delphi-score-cont {
                    display: flex;
                    width: 100%;
                    justify-content: space-between;
                    padding: 1px;
                    align-items: center;
                    flex-direction: column;
                }

                .delphi-score {
                    font-size: 15px;
                }

                .font-size-15-mob {
                    font-size: 16px;
                }

                .first-c {
                    min-width: 170px;
                    padding-left: 4px;
                    padding-right: 0px;
                }

                .mob-box {
                    font-size: 21px;
                }

                .w-230-mob {
                    width: 230px;
                }

                .no-top-space {
                    margin-top: 0px !important;
                    border-top-left-radius: 0px !important;
                    border-top-right-radius: 0px !important;
                }

                .omOssLine {
                    padding: 2px 0px;
                    background: white;
                    background: #e7e7e7;
                }

                .overvak-a {
                    font-size: 16px !important;
                }

                .tab-border-ov-headers {
                    font-size: 16px !important;
                }

                .apiImg {
                    width: 195px;
                    margin-top: 15px;
                    margin-bottom: 15px;
                }

                .lines-menu {
                    width: 24px;
                }

                .tablet_nav_menu {
                    gap: 3px;
                }

                .nav_link {
                    height: 30px !important;
                }
            }
@media (max-width: 365px) {
    .mob-a {
        font-size:15px;
    }
} 
@media (min-width: 365px) and (max-width: 767px) {
    body {
        font-size: 17px;
    }

    .lines-menu {
        width: 25px;
    }

    .mobile-img-pd {
        padding-bottom: 25px;
    }

    .apiImg {
        width: 240px;
    }

    .mark-row-large {
        height: 39px !important;
    }

    .tab-border-ov-headers {
        height: 39px !important;
    }

    .extension {
        margin-top: -6px;
    }

    .overvak-a {
        font-size: 18px !important;
    }

    .w-230-mob {
        width: 280px;
    }

    .aut_text {
        font-size: 15px;
    }

    .om-oss {
        font-size: 15px !important;
    }

    .profil-pris {
        font-size: 18px;
    }

    .credit {
        height: 25px !important;
    }

    .mva-tekst {
        font-size: 14px;
    }

    .profile-btn {
        font-size: 18px;
    }

    .mob-box {
        font-size: 21px;
    }

    .f-reg-15 {
        font-size: 17px;
    }

    .h3-kredittsjekk {
        font-size: 19px;
        font-weight: 600;
    }

    .font-size-15-mob {
        font-size: 18px;
    }

    .header-box {
        font-size: 17px !important;
    }

    .credit-mob {
        font-size: 17px;
        color: white;
        border-radius: 5px !important;
        margin-bottom: 0px;
    }

    .f-reg-19 {
        font-size: 21px;
    }

    .kunng-200w {
        font-size: 16px;
    }

    .info-text-grayer {
        width: 185px !important;
    }

    input[type="date"] {
        font-size: 17px !important;
    }

    .select-button {
        font-size: 17px !important;
    }

    .goToLinkNyKonk {
        font-size: 15px
    }

    .antallEnheter {
        font-size: 18px !important;
    }

    .result-konk-orgnr-mob {
        font-size: 18px;
    }

    .result_fylke, .result_dato {
        font-size: 17px;
    }

    .mobile-flex, #Body_Main_antall_roller_mob, #Body_Main_antall_eiere_mob {
        font-size: 16px;
    }

    .result-header-a {
        font-size: 20px !important;
    }

    .result_info-details-eiere {
        font-size: 16px !important;
    }

    .tallITusen {
        font-size: 14px !important;
    }

    .paidHeaderList {
        font-size: 17px;
    }

    #Body_Main_paidOrgNr {
        font-size: 17px !important;
    }

    .info-text {
        font-size: 16px;
    }

    .table-data {
        font-size: 16px !important;
        font-size: 15px !important;
    }

    .column-sticky {
        font-size: 16px !important;
        font-size: 15px !important;
    }

    .divider-info-mob {
        font-size: 19px;
    }

    .white-txt {
        font-size: 20px !important;
    }

    .f-reg-17 {
        font-size: 17px !important;
    }

    .h2-pages {
        font-size: 26px !important;
    }

    .footer_grid-item {
        gap: 6px;
    }

    .h3-pages {
        font-size: 18px !important;
    }

    .divider-txt {
        font-size: 17px;
    }

    .divider-header-text {
        font-size: 18px;
    }

    .delphi-score {
        font-size: 17px;
    }

    .no-padding-top {
        font-size: 18px !important;
    }

    .f-reg-16 {
        font-size: 18px !important;
    }

    .sokText {
        font-size: 18px;
    }

    .tab-border-ov-headers {
        font-size: 18px !important;
    }

    .footer_contact_h2 {
        font-size: 21px;
    }

    .font-16 {
        font-size: 18px !important;
    }

    .mobile-nav-header {
        font-size: 22px;
    }

    .nav_link {
        font-size: 18px;
    }

    .contact-footer-input {
        font-size: 18px;
    }

    .footer-disclaim {
        font-size: 15px;
    }

    .font-size-20px {
        font-size: 22px;
    }

    .font-size-20 {
        font-size: 18px;
    }

    .footer_text {
        font-size: 20px !important;
        font-size: 1.1rem !important;
    }

    .nav_link {
        font-size: 20px !important;
    }

    .tablet_nav_menu {
        gap: 6px;
    }

    .box-header-1 {
        font-size: 18px !important;
    }

    .box-content {
        font-size: 15px !important;
    }

    .mobile-inline {
        font-size: 17px !important;
    }

    .bedr-header {
        font-size: 22px;
    }

    .checkout-header {
        font-size: 19px;
    }

    .privacy-policy h2 {
        font-size: 20px !important;
    }

    .privacy-policy p {
        font-size: 17px !important;
    }

    .privacy-policy h3 {
        font-size: 20px !important;
    }

    .result-header-a {
        font-size: 20px;
    }

    .maps-link {
        font-size: 17px;
    }

    .white-box.margin-bottom-20px.min-height-200px {
        font-size: 16px;
        padding: 25px 20px 15px 20px;
    }

    .search_input.search_input-other {
        font-size: 18px;
    /*    display: none !important;*/
    }

    .header-r {
        font-size: 18px !important;
    }

    .sokeresultat-div {
        font-size: 16px;
    }

    .profilert-bdr {
        font-size: 14px;
    }

    .firmanavnlist-item {
        font-size: 17px;
    }

    .search-words {
        font-size: 15px;
    }

    .tab_sticky {
        font-size: 18px;
        font-size: 17px;
    }

    .info-text.color-gray {
        font-size: 17px !important;
    }

    .checkout-item-contact {
        font-size: 18px;
        width: 157px;
    }
  

    .info-text.color-gray {
        width: 110px !important;
        width: 100% !important;
    }

    .checkout-btn {
        font-size: 18px;
        height: 34px;
    }

    .input-reg {
        font-size: 18px;
        height: 36px;
    }

    .mobile-logo-btns {
        width: 180px;
    }

    .nav_botton-contact-responsive {
        width: 165px;
    }

    .tab_sticky {
        min-width: 85px !important;
    }

    .m158px {
        min-width: 175px !important;
    }

    .nav_menu-button {
        width: 265px !important;
    }

    .logg-inn-m {
        font-size: 15px !important;
        padding: 1px 7px !important;
    }

    .color-gray {
        font-size: 16px;
    }

    .text-gray {
        font-size: 17px;
    }

    .bransje-header {
        font-size: 16px;
    }

    .title {
        font-size: 19px;
        font-size: 18px !important;
        margin-top:10px;
    }

    .font-size-15 {
        font-size: 17px !important;
    }

    .resultTable td, .resultTable th {
        font-size: 17px !important;
    }

    .kunng-table th, .kunng-table td {
        font-size: 17px !important;
    }

    #Body_Main_nav_roller {
        min-width: 134px !important;
        min-width: unset !important;
    }

    .forbindelse-name {
        font-size: 18px;
    }

    .login-btn-mobile {
        font-size: 15px;
    }

    .nav_menu-button {
        /*        display: flex;
        gap: 15px;
        align-items: center;*/
        display: flex;
        gap: 15px;
        align-items: center;
        margin-top: -1px;
        /*width:300px !important;*/
    }

    .nav_botton-contact-responsive {
        width: 170px !important;
    }

    .logo {
        width: 200px !important;
        width: 280px !important;
        width: 250px !important;
    }

    .search_input.search_input-front-page {
        font-size: 18px !important;
        height: 60px !important;
        height: 50px !important;
    }

    #Body_Main_deletedContainer {
        margin-top:40px;
    }

}
