/* Stiler som bare gjelder søkeresultatsiden (sokeresultater.aspx).
 * Flyttet hit fra fire inline <style>-blokker i sokeresultater.aspx, i samme rekkefølge.
 *
 * Siden lenker til sok.min.css, ikke denne fila. Rediger her, og lag min-fila på nytt:
 *   node verktoy/minify-css.mjs Kredittsjekk_Ny/css/sok.css
 */

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

    .sidebar-wrapper {
        display: none;
    }
}

      .firmanavnlist-item {
          overflow: unset;
      }

      .disabled {
          color: gray !important;
          cursor: default;
          pointer-events: none;
          cursor: not-allowed;
      }

      .header-box:has(.disabled),
      .header-box:has([disabled]) {
          pointer-events: none;
      }


      .section.padding-top-40px {
          padding-bottom: 50px;
      }

      .company-name, .web-link, .paid-links a {
          color: #026565 !important;
      }


      .om-oss {
          margin-bottom: 15px;
          padding-left: 222px;
          justify-content: flex-start;
      }

      .treff-i-firma-container {
          margin-right: 15px;
          border-right: 2px solid #ccc;
          padding-right: 15px;
          display: flex;
          height: 100%;
          align-items: center;
      }

      a, .paid-links a, .box-info-text-white, .p_utext {
          color: black;
      }

      .container.layout_sidebar {
          max-width: 1730px;
          gap: 20px;
          justify-content: space-between;
      }

      .content-wrapper {
          max-width: 1090px;
      }

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

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

      .sidebar-wrapper {
          margin-top: 301px;
          margin-top: 37px;
          display: block;
          width: 300px;
          /*background:#8d8b8b;*/
      }

      .white-box.margin-bottom-20px.min-height-200px {
          width: 1090px;
          /*width:auto;*/
      }

      #Body_Main_resHeader {
          width: auto;
      }

      .white-box {
          padding: 25px;
      }

      .box-info-sub {
          background: none;
          color: black;
      }

      .paid-links {
          padding: 5px 0px;
          font-weight: normal;
          row-gap: 13px;
          margin-bottom: 0px;
      }


      .box-info-sub {
          gap: 10px;
          margin-top: 10px;
      }

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

          .off-color a {
              color: #026565 !important;
          }


      .box-info-item {
          background: #007272;
          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;
          }

      .header-box {
          /*box-shadow:-1px 2px 7px 0px #9d9d9d14;*/
          border: none;
          color: #026565;
          padding: 0px 0px;
          font-size: 16px;
          border-radius: 3px;
          margin-right: 0px;
          /*min-width: 115px;*/
      }

      .section.padding-top-40px {
          padding-top: 0px;
      }

      .left-res-header {
          display: flex;
          gap: 4px;
          gap: 20px;
          padding-right: 5px;
          padding-left: 5px;
          /*margin-right: 15px;*/
          border-right: 1px solid #ccc
      }

      .right-res-header {
          display: flex;
      }

      .resHeader {
          /*background: #e7e7e7;*/
          padding-top: 18px;
          margin-bottom: 0px;
          display: flex;
          flex-direction: row;
          font-size: 18px;
          justify-content: space-between;
          align-items: flex-end;
          position: sticky;
          top: 70px;
          z-index: 1000;
          padding-bottom: 17px;
      }

      .sidebar_sticky-wrapper {
          top: 88px;
          margin-top: 298px;
      }

      .res-header-container {
          margin-left: 0px;
          display: flex;
          justify-content: space-between;
          width: 100%;
      }
      /*** CONTAINERS ***/
      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;
      }

          /*  .white-box {
          box-shadow: 0px 2px 10px #80808045;
      }*/

          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;
      }
      /*** RESPONSIVENESS ***/
      @media all and (max-width: 767px) {
          #Body_Main_CompanyGridView tbody tr:last-child td .white-box.margin-bottom-20px.min-height-200px {
              padding-bottom: 15px;
              margin-bottom: 12px;
              margin-bottom: 0px;
          }

          .om-oss {
              margin-bottom: 15px;
              /* padding-left: 215px; */
              justify-content: flex-start;
              padding-left: 0px;
          }

          .box-info-sub {
              padding: 1px 0px;
              margin-top: 15px;
          }

          .box-info-item {
              border: none;
              /*border-right: solid 1px #b7b7b7;*/
              /*        height:22px;*/
          }

          .company-name {
              line-height: 1.3;
          }

          #Body_Main_adTop {
              display: none !important;
          }

          .FirmanavnList-right {
              width: auto;
              text-align: left;
              /*             background: white;
              padding: 5px 8px !important;
              flex: 1;
              flex-basis: auto;
              line-height: 1.69;
              border-radius: 5px;
              box-shadow: 0px 2px 10px #80808045;*/
          }

          .treff-i-firma-container {
              padding-right: 0px;
              margin: 0px;
              border: none;
              display: flex;
              height: 100%;
              align-items: center;
              width: auto;
              border-radius: 5px;
              margin-left: 0px;
          }

          .padding-sokeresultat-20::after {
              content: "";
              display: table;
              clear: both;
          }


          .header-box {
              background: white;
              padding: 5px 8px !important;
              flex: 1;
              flex-basis: auto;
              border-radius: 5px;
              box-shadow: 0px 2px 10px #80808045;
          }

          table {
              overflow: hidden;
              vertical-align: top;
          }

          .header-box a {
              width: 100%;
              text-align: left;
          }

          .clear-button {
              top: 55%;
          }

          .white-box {
              padding: 20px;
              padding-bottom: 25px;
          }

          .search-icon {
              top: 58%;
              right: 372px;
          }

          .right-res-header {
              display: none;
          }

          .table {
              position: relative;
          }

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

          .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 {
          }

      th:first-child {
          border: none;
          display: none;
      }
      /*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;
          border-radius: 0px !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;
      }

      /*** 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 {
          border: none;
          /*  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;
      }

select > .placeholder {
    display: none;
}

.sidebar {
    padding-top: 140px;
}

.select {
    margin-right: 0px;
    margin-left: auto;
}

    .select:small {
        margin-left: 0px;
    }

    .select:medium {
        margin-left: 20px;
    }

.button.dropdown {
    padding-right: 16px;
    padding-left: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: #1a0dab;
    background-color: transparent;
    transition-property: opacity;
    transition-duration: 400ms;
    transition-timing-function: ease;
    color: #0a0909;
    font-weight: 500;
    cursor: pointer;
}

    .button.dropdown:hover {
        opacity: 0.6;
    }

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

@media only screen and (max-width: 991px) {
    .result-header {
        margin-bottom: 10px !important;
    }
}


.pagination {
    display: inline-block;
}

    .pagination a {
        color: #d5d5d5;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        margin: 0 4px;
    }

    .pagination span {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        margin: 0 4px;
    }

    .pagination a:hover:not(.active) {
        background-color: #ddd;
    }

    .pagination .disabled {
        color: #bbb;
        pointer-events: none;
        cursor: not-allowed;
    }

@media only screen and (max-width: 767px) {
    .left-res-header {
        gap: 5px;
        flex-grow: 1;
        border: none;
        width: 100%;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

    #Body_Main_TreffiFirmanavnListMobile {
        flex-direction: column;
    }

    .res-header-container {
        background: #e7e7e7;
    }

    .resHeader {
        padding: 10px 0px 15px 0px !important;
        margin-top: 5px;
    }
}

.FirmanavnList-right {
    padding-right: 0px;
    padding-left: 0px;
    font-weight: 600;
    margin-bottom: 5px;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 6px 25px 6px 12px;
    font-size: 14px;
    font-family: inherit;
    color: #333;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23666' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 16px;
    transition: border-color 0.2s ease-in-out;
}

    select:focus {
        border-color: #026565;
        outline: none;
        box-shadow: 0 0 0 2px rgba(0, 114, 114, 0.2);
    }

    select:disabled {
        background-color: #f5f5f5;
        cursor: not-allowed;
        color: #999;
    }

select {
    position: relative;
    z-index: 1;
}

.testboxcont {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: 16px;
    margin-bottom: 15px;
}

.testBoxRes {
    padding: 8px;
    font-size: 16px;
    background: white;
    border-radius: 5px;
    box-shadow: 0px 2px 10px #80808045;
}

.activeRes {
    color: #026565;
    font-weight: 600;
}

/* Tidligere style-attributter i sokeresultater.aspx og sokeresultater.aspx.cs.
 * Selektorene er avgrenset med sidens ID-er slik at de slår de generelle klasse-reglene
 * i kredittsjekk-no.css/-mob.css, slik inline-stilene gjorde. !important står bare der
 * inline-stilen også hadde det.
 */
#Body_Main_result_div .sok-annonse-banner {
    height: 253px;
}

#Body_Main_result_div .sok-annonse-banner-mob {
    height: 100%;
    width: 100%;
}

#Body_Main_result_div .sok-lokasjon-header {
    margin-bottom: 15px;
}

#Body_Main_result_div .sok-lokasjon-rad {
    display: flex;
    align-items: center;
}

#Body_Main_result_div .sok-antall-treff-firmanavn {
    margin: 0;
    display: none !important;
    font-size: 16px;
    font-weight: normal;
    color: black;
}

#Body_Main_result_div .sok-omrade-velger {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Klassen på denne byttes ut fra code-behind, derfor ID-selektor. */
#Body_Main_result_div #Body_Main_bedrift_antall_container_mobile {
    padding-left: 0px;
}

#Body_Main_result_div .sok-direkte-treff-mob {
    margin-bottom: 10px;
    border: none;
}

#Body_Main_result_div .sok-firmanavnliste-mob {
    flex-direction: column;
}

#Body_Main_result_div .sok-res-header {
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display: none !important;
}

#Body_Main_result_div .sok-res-header-rad {
    display: flex;
    align-items: center;
    gap: 25px;
}

#Body_Main_result_div .sok-sokeverdi {
    margin-left: 15px;
}

#Body_Main_result_div .sok-firmatreff-tekst {
    margin-left: 26px;
    margin-right: 15px;
}

#Body_Main_result_div .sok-tilbake-lenke {
    font-size: 15px;
}

/* CompanyGridView har CellSpacing="-1", så ASP.NET skriver ikke lenger ut
 * cellspacing="0" og style="border-collapse:collapse;" på tabellen. */
#Body_Main_result_div #Body_Main_CompanyGridView {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Aktiv side i pagineringen (var lnk.Font.Bold = true i code-behind) */
#Body_Main_result_div .paginator-a.active-page {
    font-weight: bold;
}

/* Resultatboksene i CompanyGridView (klassene legges på i CompanyGridView_RowDataBound) */
#Body_Main_result_div .sok-boks-om-oss {
    padding-top: 0px;
}

#Body_Main_result_div .sok-boks-kunde {
    background: white;
}

#Body_Main_result_div .sok-boks-ekstra-punkter {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#Body_Main_result_div .sok-mobil-logo-om-oss {
    top: 60px;
}

#Body_Main_result_div .sok-juridisk-navn {
    margin-top: 10px;
}

#Body_Main_result_div .sok-adresse-linje {
    padding-bottom: 0px;
    margin-top: 15px;
}

#Body_Main_result_div .sok-kort-beskrivelse {
    margin: 0;
    padding: 0;
    text-indent: 0;
    display: inline-table;
}

#Body_Main_result_div .sok-ikon {
    height: 15px;
}

#Body_Main_result_div .sok-skjult {
    display: none;
}

/* Ingen treff */
#Body_Main_result_div .sok-ingen-treff {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 35px 20px;
}

#Body_Main_result_div .sok-ingen-treff-bilde {
    height: 230px;
    margin-left: 40px;
}

#Body_Main_result_div .sok-ingen-treff-header {
    font-weight: bold;
    font-size: 20px;
}

#Body_Main_result_div .sok-ingen-treff-liste {
    padding-left: 3px;
    line-height: 2;
}

#Body_Main_errorDivContainer .sok-feilmelding {
    margin-top: 2rem;
}