/* Stiler for kjoeretoeydata.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. Klassene har prefikset kd-.
 * Klasser som er like på flere salgssider, ligger i felles.css (prefiks salg-). */

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

@media only screen and (max-width: 1180px) {
    .content-wrapper {
        width: 100%;
    }

    .sidebar-wrapper {
        display: none;
    }
}

 .section.section_footer {
     margin-top:0px;
 }
 .container-datavask {
     position: relative;
     width: 550px;
     height: 135px;
     margin: 0 auto;
     background-image: url('/images/databaser-ny-2.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     color: white;
 }

 .left-column-datavask, .right-column-datavask {
     position: absolute;
     font-size: 14px;
     line-height: 1.8;
     margin-top: -30px;
 }

 .left-column-datavask {
     left: 135px;
     text-align: right;
 }

 .right-column-datavask {
     right: 125px;
 }
 /* Curved text styling for left column */
 .left-column-datavask div {
     transform-origin: right;
     transform: translateX(0px);
 }

     .left-column-datavask div:nth-child(1) {
         transform: translateX(0x);
     }
     /* Closer */
     .left-column-datavask div:nth-child(2) {
         transform: translateX(-20px);
     }
     /* Further */
     .left-column-datavask div:nth-child(3) {
         transform: translateX(-30px);
     }
     /* Even further */
     .left-column-datavask div:nth-child(4) {
         transform: translateX(-35px);
     }
     /* Most away */
     .left-column-datavask div:nth-child(5) {
         transform: translateX(-30px);
     }
     /* Same as 3rd */
     .left-column-datavask div:nth-child(6) {
         transform: translateX(-20px);
     }
     /* Same as 2nd */
     .left-column-datavask div:nth-child(7) {
         transform: translateX(-9px);
     }
 /* Same as 2nd */

 /* Curved text styling for right column */
 .right-column-datavask div {
     transform-origin: left;
     transform: translateX(20px);
 }

     .right-column-datavask div:nth-child(1) {
         transform: translateX(0px);
     }
     /* Closer */
     .right-column-datavask div:nth-child(2) {
         transform: translateX(20px);
     }
     /* Further */
     .right-column-datavask div:nth-child(3) {
         transform: translateX(30px);
     }
     /* Even further */
     .right-column-datavask div:nth-child(4) {
         transform: translateX(35px);
     }
     /* Most away */
     .right-column-datavask div:nth-child(5) {
         transform: translateX(30px);
     }
     /* Same as 3rd */
     .right-column-datavask div:nth-child(6) {
         transform: translateX(20px);
     }
     /* Same as 2nd */
     .right-column-datavask div:nth-child(7) {
         transform: translateX(0px);
     }
 /* Same as 2nd */

 .heading-datavask {
     font-weight: 600;
     font-size: 14px;
     margin-bottom: 10px;
 }

 .h2-pages {
     padding-top: 17px;
 }

 .white-txt-mobile {
     padding-top: 20px;
 }

 .banner-sites-mobile {
     margin-top: 0px !important;
 }
 /*** CONTAINERS ***/
 body {
     background: white;
 }

 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;
 }

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

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

 .table-wrapper {
     display: grid;
     padding-right: 15px !important;
     padding-bottom: 15px;
     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;
 }


 .nav {
     /*box-shadow: unset;*/
     /*background-color: #000000;*/
 }



 .color-white-desk {
     color: white;
     text-align: center;
 }


/* .banner-black {
     background: linear-gradient(124deg, #2d2d2d 0%, #858585 100%) !important;
 }*/

 .markeds, .white-txt-extra {
     color: white;
 }

 .gratis-btn {
     color: white;
     border-color: white;
 }

 /*** RESPONSIVENESS ***/
 @media all and (max-width: 767px) {
     .table {
         position: relative;
     }

     .nav {
         /*background-color: #1c1c1c;*/
     }

     .table-container {
         border-radius: 0px;
     }

     .padding-top-10px {
         padding-top: 0px !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;
     }
 }
 /*** TABLE STYLES ***/
 tr {
     z-index: 2;
     color: #797979;
 }

 td {
     width: 100%;
     white-space: nowrap;
     position: relative;
 }

     td:nth-child(even) {
         background: #F7F8FF;
     }

     td:last-child {
         border-radius: 0px 10px 10px 0px;
         background: linear-gradient(90deg, rgba(247, 248, 255, 1) 60%, rgba(255, 255, 255, 1) 80%);
     }

     td:nth-child(even)::after {
         content: "";
         border-bottom: 1px solid rgb(224, 229, 255);
         width: 100%;
         display: block;
         margin-top: auto;
         bottom: 0px;
         margin-left: 0px;
         margin-right: 0px;
         position: absolute;
     }

     td:nth-child(odd)::after {
         content: "";
         border-bottom: 1px solid rgb(224, 229, 255);
         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;
     }

 .kredittsjekk-table tr:hover > td > .column-sticky {
     background: #e8ebfd;
     z-index: 99 !important;
 }

 .kredittsjekk-table tr:hover > td:nth-child(even) {
     background: #e8ebfd;
 }
 /*** TABLE HEADER ***/
 tr:first-child {
     height: auto;
     color: #0a0a09;
     pointer-events: none;
     border-radius: 0px !important;
 }

     tr:first-child > td:first-child {
         background-color: #e8ebfd !important;
         border-radius: 0px !important;
         font-weight: 700;
     }

         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;
         margin-left: -15px;
         padding-bottom: 15px;
         width: auto;
         padding-left: 25px !important;
         border-radius: 0px !important;
     }

         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;
             background: #e8ebfd !important;
             margin-bottom: 15px !important;
             padding-left: 20px !important;
             z-index: -1 !important;
         }

     tr:first-child > td:nth-child(even) {
         background-color: transparent;
     }

     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;
 }

     .row-section .table-data {
         font-size: 16px !important;
         font-family: 'Nb international pro', sans-serif !important;
     }

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

 .row-section .column-sticky {
     font-weight: 700;
     overflow: visible;
 }

 tr:hover {
     background: #e8ebfd;
     color: #0A0909;
 }
 /*** TABLE DATA ***/
 .table-data {
     font-size: 14px !important;
     font-family: Nbinternationalpro mono, monospace;
     min-width: 10vw;
     padding: 8px 18px 8px 18px !important;
     display: flex !important;
     min-height: 25px;
     justify-content: flex-end;
     align-items: center;
     z-index: 9;
     width: auto;
 }

 .kredittsjekk-table td:hover > .table-data {
     background: black;
     border-radius: 8px !important;
     z-index: 9;
 }
 /*** FIRST COLOMN ***/
 td:first-child {
     position: sticky;
     left: 0;
     z-index: 9 !important;
     background: white !important;
     padding-right: 15px !important;
 }

     td:first-child::after {
         position: absolute;
         left: 0;
         z-index: 9 !important;
         background: white !important;
         padding-right: 0px !important;
         border-bottom: 2px solid white !important;
     }

 .column-sticky {
     color: #0A0909;
     top: 0;
     left: 15px !important;
     right: 0;
     position: relative;
     background: white;
     border-radius: 10px 0px 0px 10px;
     height: 100%;
     /*width: 150px;*/
     padding: 8px 5vw 8px 12px !important;
     display: flex !important;
     min-height: 24px;
     justify-content: flex-start;
     align-items: center;
     z-index: 99 !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;
 }

        html {
            --color-white: white;
            --color-black: black;
            --color-red: #BD342B;
            --color-orange: #DE983C;
            --color-yellow: #EACC43;
            --color-light-green: #B7D59A;
            --color-green: #83B651;
            --color-dark-green: #6B9741;
            --color-darker-green: #697B3D;
            --color-darkest-green: #465429;
            --color-light-blue: #EBF1FA;
            --color-blue: #556AE2;
            --color-dark-grey: #8A8A8A;
            --color-darker-grey: #545454;
            --color-background: #F7F9FD;
            --color-border: #DCDCDC;
            --color-menu-selector: #8193FC;
            --color-bell: #ED2B3A;
            --color-warning-red: #E25555;
            --color-credit0: var(--color-red);
            --color-credit1: var(--color-orange);
            --color-credit2: var(--color-yellow);
            --color-credit3: var(--color-light-green);
            --color-credit4: var(--color-green);
            --color-credit5: var(--color-dark-green);
            --color-credit6: var(--color-darker-green);
            --color-credit7: var(--color-darkest-green);
        }

        .container {
            display: flex;
            justify-content: space-between;
        }

        .box {
            width: calc(24% - 10px);
            height: 100px;
            background-color: #ffffff;
            margin: 8px;
            box-sizing: border-box;
            box-shadow: 0px 2px 10px #999696;
            padding: 15px;
            border-radius: 5px;
        }

        .box-header-1 {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .box-content {
            font-size: 13px;
            color: gray;
        }

        .meter {
            width: 100%;
            height: 10px;
            display: flex;
            position: relative;
            padding-bottom: 10px;
            padding: 8px;
        }

            .meter .credit {
                width: 1px;
                flex-grow: 1;
                width: 1px;
                flex-grow: 1;
                height: 17px;
            }

            .meter .credit-0 {
                background: var(--color-credit0);
                color: var(--color-white)
            }

            .meter .credit-1 {
                background: var(--color-credit1)
            }

            .meter .credit-2 {
                background: var(--color-credit2)
            }

            .meter .credit-3 {
                background: var(--color-credit3)
            }

            .meter .credit-4 {
                background: var(--color-credit4)
            }

            .meter .credit-5 {
                background: var(--color-credit5)
            }

            .meter .credit-6 {
                background: var(--color-credit6);
                color: var(--color-white)
            }

            .meter .credit-7 {
                background: var(--color-credit7);
                color: var(--color-white)
            }

        .kredittText {
            font-size: 14px;
            text-align: center;
            margin-top: 5px;
        }

        .delphi-score {
            text-align: center;
            font-size: 18px;
        }

        .black-btn {
            background: #3b3b3b;
            color: white;
            width: 50%;
            padding: 10px;
            border-radius: 5px;
        }

        .child-1 {
            width: 50%;
        }

        .white-txt-extra {
            max-width: 940px;
            font-size: 20px !important;
            margin-top: 10px;
        }

        .width-max {
            width: 1090px;
        }

        .extra-space {
            margin-top: 30px;
        }

        .text-for {
            color: white;
            font-size: 13px;
        }

        .header-img {
            font-size: 13px;
            padding-bottom: 5px;
            border-bottom: solid 1px white;
            margin-bottom: 15px;
            font-weight: bold;
        }
        .markeds, .white-txt-extra, .white-txt {
    color:black;
}
.gratis-btn {
    color:black;
    border-color:black;
    background:unset !important;
}
strong {
    font-weight:600;
}
h1 {
    line-height:150%;
}

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

/* Høyere spesifisitet: .width-max > div > div:first-child i kredittsjekk-no.css slo ellers max-width */
.width-max > div > div.kd-maxw-100pst {
    max-width: 100%;
}

.kd-float-right-mt-134-mr-70 {
    float: right;
    margin-top: 134px;
    margin-right: 70px;
}

.kd-w-310-h-auto {
    width: 310px;
    height: auto;
}

.kd-ingress-mt-26 {
    font-size: 20px !important;
    margin-top: 26px;
    max-width: 670px;
}

.kd-seksjonstittel {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 30px;
}

.kd-ingress-mt-6 {
    font-size: 20px !important;
    margin-top: 6px;
}

.kd-inline-mt-4 {
    display: inline;
    margin-top: 4px;
}

.kd-illustrasjon-mob {
    width: 160px;
    float: right;
    margin-top: -22px;
    margin-left: -3px;
}

.kd-flex-kolonne-w-100pst {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.kd-kontakt-rad-mt-35 {
    margin-top: 35px;
    display: flex;
    flex-direction: row;
}