.sector_content.wizzard {
  margin-top: 25px;
}

.sector_content {
  padding: 70px 0 100px 0; /*   Reduce space between sector_content and trustpilot footer */
  position: relative;
  background: #fff;
}
.sector_content div.container div.row div.banner-container-column {
  position: relative;
}
.sector_content div.container div.mobile_toc_column {
  background-color: #EDEEF2;
  padding-bottom: 20px;
}
.sector_content .link-block {
  margin-bottom: 25px;
}
.sector_content .link-block a {
  font-size: 12px;
}
.sector_content .link-block img {
  margin-right: 10px;
}
.sector_content .breadcrumbs {
  margin-bottom: 40px;
  line-height: 0.5;
}
.sector_content .breadcrumbs:hover {
  cursor: default;
}
@media screen and (max-width: 860px) {
  .sector_content .breadcrumbs {
    margin-bottom: 20px;
  }
}
.sector_content .breadcrumbs a {
  color: #6a6a6a;
  font-size: 12px;
}
.sector_content .breadcrumbs a:hover {
  color: #f65734;
}
.sector_content .breadcrumbs img {
  margin: 0 10px;
}
.sector_content .breadcrumbs span.last-breadcrumb-element {
  color: #6a6a6a;
  font-size: 12px;
}
.sector_content ol li p {
  margin: 0 !important;
}
.sector_content h1 {
  color: black !important;
  letter-spacing: -0.5px;
}
.sector_content h2 {
  color: black;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 600px) {
  .sector_content h2:not(.draft-question) {
    line-height: 33px;
    font-size: 23px !important;
  }
}
.sector_content h3 {
  color: #000000 !important;
  font-size: 17px;
  line-height: 23px;
}
.sector_content .qbutton {
  text-align: center;
  margin: 0 auto;
  font-weight: 400;
  display: inline-block;
  min-height: 42px;
}
@media screen and (max-width: 600px) {
  .sector_content .qbutton {
    margin-top: 35px;
  }
}
.sector_content .sidebar_left {
  font-family: Inter, sans-serif;
  margin-top: 12px;
  margin-right: 38px;
  width: 300px;
}
.sector_content .sidebar_left div.table-of-contents.toc-mobile-all {
  display: none;
}
.sector_content .sidebar_left div.table-of-contents_box h4 {
  color: #F65734;
  padding-top: 10px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif !important;
  font-size: 16px;
}
.sector_content .sidebar_left div.table-of-contents_box h4.alternate_toc_header {
  font-size: 20px;
}
.sector_content .sidebar_left div.table-of-contents_box_item {
  margin-bottom: 10px;
}
.sector_content .sidebar_left div.table-of-contents_box_item button {
  font-family: Inter, sans-serif;
  font-size: 14px;
  color: #3D3D52;
  background: transparent;
  border: none;
  text-align: left;
}
.sector_content .sidebar_left div.table-of-contents_box_item button.alternate_toc_item {
  font-size: 16px;
}
.sector_content .sidebar_left div.table-of-contents_box_item button.activeTOCItem {
  font-weight: 500;
}
.sector_content .sidebar_left div.table-of-contents_box_item button:hover, .sector_content .sidebar_left div.table-of-contents_box_item button:active, .sector_content .sidebar_left div.table-of-contents_box_item button:link, .sector_content .sidebar_left div.table-of-contents_box_item button:visited {
  color: #F65734 !important;
  cursor: pointer !important;
}
.sector_content .sidebar_left div.toc-show-more-show-less-btn span {
  position: relative;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.sector_content .sidebar_left div.toc-show-more-show-less-btn span.toc_show_less {
  display: none;
}
.sector_content .sidebar_left div.toc-show-more-show-less-btn span.toc_show_less:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 10px;
  background: url(../../css/img_new/Chevron_blue.svg) no-repeat center center;
  top: 50%;
  margin-left: 6px;
  margin-top: -3.1px;
  transform: rotate(-180deg);
}
.sector_content .sidebar_left div.toc-show-more-show-less-btn span.toc_show_more:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 10px;
  background: url(../../css/img_new/Chevron_blue.svg) no-repeat center center;
  top: 50%;
  margin-left: 6px;
  margin-top: -4.5px;
}
.sector_content .sidebar_right {
  padding: 0 20px;
}
@media screen and (max-width: 860px) {
  .sector_content .sidebar_right {
    display: none;
  }
}
.sector_content .sidebar_right .block {
  margin-bottom: 30px; /*   reduce marginbottom for sidebar right */
  text-align: center;
}
.sector_content .sidebar_right .block img {
  margin-bottom: 10px;
}
.sector_content .sidebar_right .sidebar_right_title {
  text-align: center;
  margin-bottom: 30px;
}
.sector_content .sidebar_right .qbutton {
  padding: 9px 10px;
}
.sector_content .buttonContainer {
  margin-top: 25px;
  text-align: center;
}
.sector_content #docs-container ul li h5 {
  font-family: "Inter", sans-serif !important;
  color: #000000;
}
.sector_content .panel h3 {
  color: black !important;
  max-width: 700px;
}
.sector_content .panel p {
  max-width: 700px;
  font-family: "Inter", sans-serif !important;
}
.sector_content .panel .qbutton {
  margin: 0 20px;
  transition: all 0s;
}
.sector_content .panel .qbutton:hover {
  color: white !important;
  background-color: #C74A28 !important;
}
.sector_content .panel input[type=text], .sector_content .panel input[type=email] {
  width: 100%;
  height: 40px;
  background-color: #f7f7f7;
  border: none;
  color: black;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding-left: 10px;
  border-radius: 6px;
}
.sector_content .panel label.field_title {
  line-height: 23px;
}
.sector_content .panel select {
  margin-top: 8px;
  width: 200px;
  height: 35px;
  border: none;
  color: black;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img_new/select-arrow.png") 96%/4% no-repeat #eee;
  border-radius: 6px;
}
.sector_content .panel select:focus {
  border: 1px solid #2F3551;
}
.sector_content .panel input[type=text].hasDatepicker {
  /* Style for "Rectangle" */
  width: 277px;
}
@media screen and (max-width: 320px) {
  .sector_content .panel input[type=text].hasDatepicker {
    width: 230px;
  }
}
.sector_content .panel .buttons {
  text-align: center;
}
.sector_content .panel .buttons input.qbutton {
  padding: 8px 60px;
  background: url("../img_new/videre-arrow.png") no-repeat 82% 50% #f65734;
  border: 1px solid;
}
.sector_content .panel .buttons input.qbutton.lastBtnContinue, .sector_content .panel .buttons input.qbutton.lastBtnBack {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (max-width: 600px) {
  .sector_content .panel .buttons input.qbutton.lastBtnContinue, .sector_content .panel .buttons input.qbutton.lastBtnBack {
    max-width: unset;
    margin: unset !important;
    width: 90% !important;
    padding: unset !important;
  }
}
.sector_content .panel .buttons input.qbutton.lastBtnContinue {
  background: #f65734;
  margin-bottom: 15px;
}
@media screen and (min-width: 662px) and (max-width: 1000px) {
  .sector_content .panel .buttons input.qbutton.lastBtnContinue {
    margin-bottom: 10px;
    margin-top: 70px !important;
    width: 100%;
  }
}
@media sceen and (max-width: 600px) {
  .sector_content .panel .buttons input.qbutton.lastBtnContinue .qbutton.right {
    margin-left: unset;
    padding: unset !important;
  }
}
.sector_content .panel .buttons input.qbutton.lastBtnBack {
  border: unset !important;
  background: unset !important;
  color: grey !important;
  width: 100% !important;
}
.sector_content .panel .buttons input.qbutton.lastBtnBack.border_button:hover {
  background: #f3f4f6 !important;
  color: #6B7280 !important;
}
@media screen and (max-width: 600px) {
  .sector_content .panel .buttons input.qbutton.lastBtnBack {
    margin-top: 10px !important;
  }
}
.sector_content .panel .buttons input.qbutton.border_button {
  position: relative;
  background: url("../img_new/tilbage-arrow.png") no-repeat 18% 50%;
  transition: all 0s;
}
.sector_content .panel .buttons input.qbutton.border_button:hover {
  background: url(../img_new/tilbage-arrow.png) no-repeat 18% 50% !important;
  color: #f65734 !important;
}
.sector_content .panel .buttons input.qbutton.right {
  height: 44px;
}
@media screen and (max-width: 600px) {
  .sector_content .panel .buttons input.qbutton.right {
    margin-left: 10px !important;
  }
  .sector_content .panel .buttons input.qbutton.right:not(.lastBtnContinue) {
    padding: 6px 40px 6px 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .sector_content .panel .buttons input.qbutton {
    display: inline-block !important;
    max-width: 200px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }
  .sector_content .panel .buttons input.qbutton.left:not(.lastBtnBack) {
    padding: 6px 20px 6px 40px !important;
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 423px) {
  .sector_content .panel .buttons input.qbutton.next-module-btn.right {
    width: 40%;
  }
  .sector_content .panel .buttons input.qbutton.left {
    width: 30%;
  }
  .sector_content .panel .buttons input.qbutton.last-module-btn.left {
    width: auto;
  }
}
@media screen and (max-width: 380px) {
  .sector_content .panel .buttons input.qbutton.next-module-btn.right {
    width: 45%;
  }
  .sector_content .panel .buttons input.qbutton.left {
    width: 35%;
  }
  .sector_content .panel .buttons input.qbutton.last-module-btn.left {
    width: auto;
  }
}
@media screen and (max-width: 371px) {
  .sector_content .panel .buttons input.qbutton.right {
    padding: 6px 20px !important;
    margin-left: 0 !important;
    background: #f65734 !important;
  }
  .sector_content .panel .buttons input.qbutton.left {
    padding: 6px 20px !important;
    margin-right: 0 !important;
    background: #ffffff !important;
  }
}
@media screen and (max-width: 662px) {
  .sector_content .panel a.qbutton {
    display: block !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
  }
}
.sector_content.gray {
  background: #f8f8f8;
  padding-top: 30px;
}
.sector_content.gray.partners_service {
  padding: 30px 0 100px 0; /* increase margin bottom of partner page */
}
.sector_content.gray .videoContainer {
  text-align: center;
}
.sector_content.gray #articlePageBody img {
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 860px) {
  .sector_content.gray #articlePageBody iframe[title="YouTube video player"] {
    height: auto !important;
    aspect-ratio: 16/9;
  }
}
.sector_content.gray #articlePageBody.productPage img {
  height: auto;
  display: block;
  margin: 0 auto;
}
.sector_content.white {
  background: #fff;
}
@media screen and (min-width: 1216px) {
  .sector_content {
    margin-top: 3px;
    padding-top: 45px;
  }
}
.sector_content .accordion {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}
.sector_content.wizzard, .sector_content.general-text, .sector_content.steps {
  background: #f8f8f8;
}
.sector_content.wizzard .buttons.lastModuleButtons p {
  font-family: "Inter", sans-serif !important;
}
@media screen and (min-width: 1000px) {
  .sector_content.wizzard .buttons.lastModuleButtons {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1000px) {
  .sector_content.wizzard .buttons.lastModuleButtons input.lastBtnBack {
    height: 44px;
    border-radius: 10px;
  }
}
.sector_content.wizzard .buttons {
  margin-top: 50px;
}
@media screen and (max-width: 600px) {
  .sector_content.wizzard .buttons {
    margin-top: 40px !important;
    margin: 0 -20px;
  }
  .sector_content.wizzard .buttons.lastModuleButtons {
    margin-top: 60px !important;
  }
  .sector_content.wizzard .buttons input.qbutton {
    margin-bottom: 20px !important;
  }
}
.sector_content.wizzard .accordion {
  margin-bottom: 10px;
  border-bottom: none;
  border-radius: 2px;
}
.sector_content.wizzard .panel {
  margin-top: -50px; /*   Reduce space between header and body content*/
  margin-bottom: 20px;
  padding-bottom: 30px; /*   Reduce space between body and next module*/
}
@media screen and (max-width: 600px) {
  .sector_content.wizzard .panel {
    padding: 50px 20px !important; /* Changed   add padding top for mobile for wizzard panel */
  }
}
@media screen and (max-width: 600px) {
  .sector_content.wizzard h2 {
    font-size: 24px !important;
    line-height: 34px !important;
  }
}
.sector_content.general-text h3 {
  margin-top: 35px;
}
.sector_content.top {
  padding-top: 100px !important;
}
@media screen and (max-width: 600px) {
  .sector_content.top {
    padding-top: 60px !important;
    margin: 0 !important;
  }
}
.sector_content ul li {
  list-style-type: none;
  position: relative;
  font-family: "Inter", sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  color: black;
}
@media screen and (max-width: 600px) {
  .sector_content ul li {
    font-size: 14px !important;
  }
}
.sector_content .elementGroupHeader ul li {
  list-style-type: disc;
  margin-left: 15px;
}
.sector_content .elementGroupHeader span {
  font-weight: inherit !important;
}
.sector_content .elementGroupHeader h1 span, .sector_content h2 span, .sector_content h3 span, .sector_content h4 span, .sector_content h5 span, .sector_content h6 span {
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
}
.sector_content .product-info-right ul li {
  display: flex;
}
.sector_content .product-info-right ul li.draft-expiration-item {
  padding-top: 13px;
}
.sector_content .product-info-right ul li.draft-expiration-item p.expiration-badge {
  max-width: max-content;
  padding: 5px 7px;
  margin-top: 0;
  border-radius: 5px;
  color: var(--gray-800, #1F2A37);
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
}
.sector_content .product-info-right ul li.draft-expiration-item p.expiration-badge.grey {
  background: var(--gray-100, #F3F4F6);
}
.sector_content .product-info-right ul li.draft-expiration-item p.expiration-badge.yellow {
  background: var(--yellow-100, #FEF9C3);
  color: var(--yellow-800, #854D0E);
}
.sector_content .product-info-right ul li.draft-expiration-item p.expiration-badge.red {
  background: var(--red-100, #FDE8E8);
  color: var(--red-800, #9B1C1C);
}
.sector_content .product-info-right ul li.draft-expiration-item div.postpone-btn-container {
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
}
.sector_content .product-info-right ul li.draft-expiration-item div.postpone-btn-container button.postpone-btn {
    color: var(--gray-600, #4B5563);
    border: none;
    background-color: unset;
    font-weight: 500;
    line-height: 125%;
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-color: currentcolor;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 150ms ease, text-decoration-color 150ms ease;
  }
  .sector_content .product-info-right ul li.draft-expiration-item div.postpone-btn-container button.postpone-btn:hover,
  .sector_content .product-info-right ul li.draft-expiration-item div.postpone-btn-container button.postpone-btn:focus-visible {
    color: var(--gray-800, #1F2A37);
  }
.sector_content #articlePageBody ul {
  padding-left: 22px;
}
.sector_content ul li > p:not(:first-child), .sector_content ul li > span {
  color: var(--gray-500, #6B7280);
  margin: 0;
}
.sector_content ul li > p:not(:first-child) {
  flex: 2;
}
.sector_content ul li > p.product-status {
  font-weight: 500;
}
.sector_content ol li {
  font-family: "Inter", sans-serif !important;
}
.sector_content.cart-sector {
  padding: 70px 0;
}
.sector_content.cart-sector .process img {
  width: 100%;
}
.sector_content.cart-sector .cart-no-doc {
  content: url(../img_new/shoppingcart-no-doc.svg);
}
.sector_content.cart-sector .cart-login {
  content: url(../img_new/shoppingcart-login.png);
}
.sector_content.cart-sector .cart-payment {
  content: url(../img_new/shoppingcart-no-doc.svg);
}
.sector_content.cart-sector .cart-complete {
  content: url(../img_new/shoppingcart-complete.png);
}
@media screen and (max-width: 1199px) {
  .sector_content.cart-sector .col-12 {
    max-width: 800px !important;
    margin: 0 auto;
  }
}
.sector_content.cart-0 a.qbutton {
  margin: 0 !important;
  margin-top: 40px !important;
}
.sector_content.cart-1 a.qbutton {
  margin: 0 !important;
  margin-left: auto !important;
  margin-top: 20px !important;
}
.sector_content .process {
  margin-top: 60px;
  margin-bottom: 40px;
}
.sector_content a.cart-button {
  border: 1px solid #f65734;
  padding: 2px 10px;
  border-radius: 6px;
  margin: 3px 0;
  line-height: 2;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #f65734 !important; /*   Add link color */
}
.sector_content a.cart-button:hover {
  text-decoration: none;
}
.sector_content a.cart-button img {
  margin-top: -4px;
  margin-left: 5px;
  float: none;
}
.sector_content table.cart-table {
  margin-top: 20px;
  max-width: 860px;
}
@media screen and (max-width: 860px) {
  .sector_content table.cart-table {
    max-width: 100% !important;
    width: 100% !important;
  }
}
.sector_content table.cart-table span.amount {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #6a6a6a;
}
.sector_content table.cart-table td {
  font-family: "Inter", sans-serif !important;
}
.sector_content table.cart-table td:nth-child(1) {
  width: 52%;
}
@media screen and (max-width: 600px) {
  .sector_content table.cart-table td:nth-child(1) {
    width: 110px !important;
  }
}
.sector_content table.cart-table td:nth-child(2) {
  text-align: right;
  width: 34%;
  padding-right: 20px;
}
.sector_content table.cart-table td:nth-child(3) {
  text-align: center;
  width: 15%;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
.sector_content table.cart-table th {
  padding: 5px 0;
  font-family: "Inter", sans-serif !important;
  color: #3d3d52;
  font-weight: 600 !important;
}
.sector_content table.cart-table th:nth-child(3) {
  text-align: center;
}
.sector_content table.cart-table .documents_block {
  border: none;
  padding: 25px 0;
  width: 565px !important;
}
@media screen and (max-width: 860px) {
  .sector_content table.cart-table .documents_block {
    width: 465px !important;
  }
}
@media screen and (max-width: 768px) {
  .sector_content table.cart-table .documents_block {
    width: 380px !important; /*   Increase shopping cart cell size for mobile */
  }
}
@media screen and (max-width: 600px) {
  .sector_content table.cart-table .documents_block {
    width: 100% !important;
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 430px) {
  .sector_content table.cart-table .documents_block {
    width: 100% !important;
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 371px) {
  .sector_content table.cart-table .documents_block {
    width: 100% !important;
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 320px) {
  .sector_content table.cart-table .documents_block {
    width: 191px !important;
  }
}
.sector_content table.cart-table .documents_block p.icon_title {
  font-size: 17px !important;
  font-weight: 500;
}
.sector_content table.cart-table .documents_block.no-product-lines {
  padding: 10px 0px;
}
.sector_content table.cart-table tr {
  border-bottom: 1px solid #d8d8d8;
}
.sector_content #products_articles .new-pagination-container {
  display: flex;
  justify-content: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-top: 50px;
  padding-left: 22px;
  margin-bottom: 16px;
}
.sector_content #products_articles .new-pagination-container .link-wrapper {
  padding-right: 5px;
  border-right: 1px solid #ACACAC;
  margin-right: 5px;
}
.sector_content #products_articles .new-pagination-container .link-wrapper a.pagination-seo-link {
  color: black;
}
.sector_content #products_articles .new-pagination-container .link-wrapper a.pagination-seo-link:hover {
  color: #f65734;
  cursor: pointer;
  text-decoration: none;
}
.sector_content #products_articles .new-pagination-container .link-wrapper.active a.pagination-seo-link {
  color: #f65734;
  font-weight: 500;
}
.sector_content #products_articles .new-pagination-container .link-wrapper.last {
  border-right: unset;
}
.sector_content #products_articles .new-pagination-container span.ellipsis {
  border-right: 1px solid #ACACAC;
  font-size: 15px;
  margin: 0 3px;
  padding-right: 5px;
}
.sector_content #products_articles .pagination {
  display: flex;
  justify-content: center;
}
.sector_content #products_articles .pagination li {
  padding: 0 5px;
}
.sector_content #products_articles .pagination li:not(.last) {
  border-right: 1px solid #ACACAC;
}
.sector_content #products_articles .pagination li.active {
  color: #f65734;
  font-weight: 500;
}
.sector_content #products_articles .pagination a {
  cursor: pointer;
  font-size: 16px;
}
.sector_content .my_dokumenter .pagination-container {
  text-align: center;
  margin-top: 50px;
}
/* Pagination, per Figma 4266:19778 — the v2 `Pagination` component
   (Type=Numbers, Position=First, Breakpoint=Desktop), replacing the legacy 4166:17473
   segmented control. Separate 40x40 cells on a 4px gap, each with its own 4px radius and
   1px gray/300 outline on white; the current page is orange/50 filled with an orange/500
   outline and gray/800 text; the ellipsis carries no chrome at all; the arrows are 44x40
   with a 16px chevron.
   This also replaced the v1 treatment that was here: #848484 !important text, an #f65734
   circle for the active page, an orange hover, and `display: inherit !important` on the
   list.
   NOTE — url() below must be ROOT-relative. Smidge serves this file bundled from
   /sb/my-docs-page-css.css..., so a `../img_new/...` path resolves against /sb/ and 404s.
   The pre-existing `url("../img_new/videre-arrow.png")` further up this file has that bug
   and is silently broken today. */
.sector_content .my_dokumenter .pagination-container ul {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sector_content .my_dokumenter .pagination-container ul li {
  display: flex;
  margin: 0;
  text-align: center;
  text-decoration: none;
}
/* the cell itself is the link/span, so each one carries its own outline and radius */
.sector_content .my_dokumenter .pagination-container ul li a,
.sector_content .my_dokumenter .pagination-container ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 40px;
  height: 40px;
  margin: 0;
  padding: 0 8px;
  background: var(--white, #FCFEFE);
  border: 1px solid var(--gray-300, #D1D5DB);
  border-radius: 5px;
  color: var(--gray-600, #4B5563);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
/* one step up in shade on hover. background-COLOR, not the shorthand, or it wipes the
   chevron background-image on the arrow cells. !important only to answer the global
   `a:hover { color: #f65734 !important }` in main_new.css, which otherwise turns every
   pager cell orange on hover. */
.sector_content .my_dokumenter .pagination-container ul li a:hover,
.sector_content .my_dokumenter .pagination-container ul li a:focus-visible {
  background-color: var(--gray-50, #F9FAFB);
  color: var(--gray-900, #111928) !important;
}
/* Focus is a ring, not a fill (DS: Pagination item, State=Focus — 2px blue/600). Drawn as
   border-colour plus a 1px inset shadow so it reads 2px without changing the box and
   shifting every cell after it. */
.sector_content .my_dokumenter .pagination-container ul li a:focus-visible {
  border-color: var(--blue-600, #1C64F2);
  box-shadow: inset 0 0 0 1px var(--blue-600, #1C64F2);
  outline: none;
}
/* the current page — X.PagedList marks it `.active`; older markup used `.current` */
.sector_content .my_dokumenter .pagination-container ul li.active a,
.sector_content .my_dokumenter .pagination-container ul li.active span,
.sector_content .my_dokumenter .pagination-container ul li.current a,
.sector_content .my_dokumenter .pagination-container ul li.current span {
  background: var(--secondary-50, #FFF2ED);
  border-color: var(--secondary-500, #F4391B);
  color: var(--gray-800, #1F2A37);
}
/* the arrows: 44 wide with a 16px chevron in place of the library's text glyph.
   font-size: 0 hides the glyph without removing it from the accessibility tree — it was
   never a meaningful label either way; giving these links a real aria-label is a Razor
   change worth making separately. */
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToPrevious a,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToPrevious span,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToNext a,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToNext span {
  width: 44px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToPrevious a,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToPrevious span {
  background-image: url("/css/img_new/chevron-left.svg");
}
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToNext a,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToNext span {
  background-image: url("/css/img_new/chevron-right.svg");
}
/* Disabled arrow (frame: Type=Previous, State=Disabled) — gray/50 fill, gray/200 outline
   and a gray/400 chevron. X.PagedList marks it `.disabled`; on the first page it usually
   omits the link entirely, so this only applies where it does render one.
   background-COLOR, not the shorthand — the same trap the hover rule warns about. This block
   follows the two chevron rules at equal specificity, so a `background` shorthand here reset
   background-image to none and the arrow rendered as an EMPTY cell: a blank box opening the
   row on page 1, closing it on the last. The chevron is a background image with a baked-in
   gray/600 fill, so `color` cannot reach it — which is what the old opacity: .55 was
   compensating for, except it faded a chevron the shorthand had already removed while also
   pushing the fill and border below their tokens. A gray/400 variant of each asset carries
   the state exactly, matching how Chevron_blue / Chevron_white are already handled here. */
.sector_content .my_dokumenter .pagination-container ul li.disabled a,
.sector_content .my_dokumenter .pagination-container ul li.disabled span {
  background-color: var(--gray-50, #F9FAFB);
  border-color: var(--gray-200, #E5E7EB);
  color: var(--gray-400, #9CA3AF);
  pointer-events: none;
  cursor: default;
}
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToPrevious.disabled a,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToPrevious.disabled span {
  background-image: url("/css/img_new/chevron-left-disabled.svg");
}
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToNext.disabled a,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-skipToNext.disabled span {
  background-image: url("/css/img_new/chevron-right-disabled.svg");
}
/* An ellipsis marked for one breakpoint only. Desktop and mobile hide a different set of
   pages, so they need the gap marked in different places: inheriting one set's positions is
   what let mobile drop pages silently (four pages rendered `1 4`). */
.sector_content .my_dokumenter .pagination-container ul li.pager-ellipsis-mobile {
  display: none;
}
/* the ellipsis has no fill and no outline in the frame, and is not interactive.
   (this page's JS also hides .PagedList-ellipses outright) */
.sector_content .my_dokumenter .pagination-container ul li.PagedList-ellipses a,
.sector_content .my_dokumenter .pagination-container ul li.PagedList-ellipses span,
.sector_content .my_dokumenter .pagination-container a.points {
  background: transparent;
  border-color: transparent;
  color: var(--gray-400, #9CA3AF);
  pointer-events: none;
  cursor: default;
}
/* Mobile (DS: Pagination, Breakpoint=Mobile). Cells grow to 44 for touch, and the
   neighbours around the current page fold away so the row still fits 358 on one line.
   What survives is first, current and last plus the ellipses — so the last page number is
   present at both breakpoints, which is what lets the system ship no jump-to-end arrow. */
@media (max-width: 570px) {
  /* The row can still exceed the column it sits in: this page's Bootstrap grid leaves 246 at
     a 320 viewport and 316 at 390, against the 332 the mobile row needs. Scroll it inside the
     pager rather than let it widen the document.
     Safe centring: text-align: left here was unconditional, so the row sat off-centre in
     every case that fits — and once the neighbours fold away below, what is left is ‹ 1 … 6 ›,
     a handful of cells that fit the available width comfortably. Fitting is the common case;
     overflowing is the edge one, and the old rule optimised for the edge. A block-level
     fit-content box with auto inline margins centres while it fits and collapses those margins
     to 0 once it overflows, so the first page stays reachable instead of being clipped at both
     ends the way text-align: center would clip it. */
  .sector_content .my_dokumenter .pagination-container {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    text-align: center;
  }
  .sector_content .my_dokumenter .pagination-container ul {
    display: flex;
    width: fit-content;
    margin-inline: auto;
  }
  .sector_content .my_dokumenter .pagination-container ul li a,
  .sector_content .my_dokumenter .pagination-container ul li span {
    min-width: 44px;
    height: 44px;
  }
  /* The ellipsis is not a tap target — decorative and aria-hidden — so it keeps the DS mobile
     width of 24 (Spacing/24px) rather than the 44 touch size. padding: 0 as well: the inherited
     0 8px would push the glyph back out past 24. This is what brings the widest mobile row to
     292 against the 316 this page's column actually gives at 390. */
  .sector_content .my_dokumenter .pagination-container ul li.PagedList-ellipses a,
  .sector_content .my_dokumenter .pagination-container ul li.PagedList-ellipses span {
    min-width: 24px;
    padding: 0;
  }
  .sector_content .my_dokumenter .pagination-container ul li.pager-neighbour {
    display: none;
  }
  /* swap which ellipses are live, so the folded row still shows where pages were dropped */
  .sector_content .my_dokumenter .pagination-container ul li.pager-ellipsis-desktop {
    display: none;
  }
  .sector_content .my_dokumenter .pagination-container ul li.pager-ellipsis-mobile {
    display: flex;
  }
}
.sector_content .my_dokumenter table td a.dokumenter-button {
  display: inline-block;
  width: 138px;
  height: 35px;
  border-radius: 5px;
  background-color: #f65734;
  color: #fff !important;
  text-align: center;
  font-family: Inter, sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 33px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-bottom: 7px;
  text-decoration: none;
  border: 1px solid #f65734;
  transition: all 0.2s;
}
@media screen and (max-width: 600px) {
  .sector_content .my_dokumenter table td a.dokumenter-button {
    display: inline-block;
    height: 31px;
    border-radius: 5px;
    background-color: #f65734;
    color: #fff !important;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    margin-left: 5px;
    margin-bottom: 7px;
    text-decoration: none;
    border: 1px solid #f65734;
    transition: all 0.2s;
  }
}
.sector_content .my_dokumenter table td p {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 600px) {
  .sector_content.mine_dokumenter {
    padding: 20px 0 20px 0;
  }
}
.sector_content .sector_info.mobile h3.sidebar_right_title {
  font-size: 21px;
}

.product-sidebar {
  position: relative;
  min-width: 332px;
  max-width: 370px;
  flex-grow: 1;
  border-radius: 20px;
  box-shadow: 0 2px 23px 8px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  display: flex;
}
.product-sidebar .product_sidebar_trustpilot {
  box-sizing: content-box;
  position: absolute;
  bottom: -174px;
  width: 250px;
  padding-left: 55px;
}
.product-sidebar div.viabill-pricetag {
  max-height: 25px !important;
  margin-bottom: 7px;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 570px) and (max-width: 800px) {
  .product-sidebar {
    display: none;
  }
}
@media screen and (max-width: 770px) {
  .product-sidebar {
    min-width: unset;
    max-width: 332px;
  }
}
@media screen and (min-width: 771px) {
  .product-sidebar:nth-child(2) {
    margin-top: -100px;
    margin-bottom: 100px;
    box-shadow: 15px 40px 23px 8px rgba(0, 0, 0, 0.1);
  }
  .product-sidebar:last-child {
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 23px 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 570px) {
  .product-sidebar {
    box-shadow: none;
    border: 2px solid white;
  }
}
.product-sidebar h1, .product-sidebar h2, .product-sidebar h6, .product-sidebar p, .product-sidebar span, .product-sidebar a.product-sidebar_CTA {
  font-family: "Inter", sans-serif !important;
}
.product-sidebar_head {
  padding: 30px 20px 20px;
  position: relative;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.product-sidebar_head > div {
  position: relative;
}
.product-sidebar_head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(6, 26, 58, 0.75);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media screen and (max-width: 570px) {
  .product-sidebar_head:before {
    background-color: rgba(3, 20, 50, 0.8);
  }
}
.product-sidebar_head * {
  color: white !important;
  text-align: left;
}
.product-sidebar_head h2, .product-sidebar_head p {
  margin-bottom: 1rem !important;
}
.product-sidebar_head h2 {
  margin-left: 0 !important;
  margin-bottom: 0.5rem !important;
}
.product-sidebar_head h2:first-child {
  font-size: 25px !important;
  line-height: 30px !important;
}
.product-sidebar_head h2:nth-child(2) {
  font-size: 1.3rem;
  font-weight: 400;
}
.product-sidebar_list p {
  display: flex;
  align-items: center;
  margin-bottom: 8px !important;
}
.product-sidebar_list p span {
  flex: 9;
  font-weight: 500;
}
.product-sidebar_list p:before {
  content: "";
  flex: 1;
  height: 25px;
  margin-right: 7px;
  background-image: url("../img_new/check-icon.svg");
  background-repeat: no-repeat;
}
.product-sidebar_body {
  padding: 10px 10px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  background-color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.product-sidebar_body p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.product-sidebar_body p:last-child {
  font-size: 12px;
}
.product-sidebar_CTA {
  text-align: center;
  font-size: 18px;
  border-radius: 20px;
  width: 90%;
}
.product-sidebar_CTA.qbutton {
  padding: 11px 10px;
  font-weight: 600;
  margin: 10px auto !important;
}
@media screen and (max-width: 1480px) {
  .product-sidebar_CTA {
    font-size: 18px;
  }
}
.product-sidebar_price {
  font-size: 35px;
  letter-spacing: -0.5px;
  color: black !important;
  margin-bottom: 0;
}
.product-sidebar_tax {
  padding-bottom: 0.5rem;
}

/*# sourceMappingURL=sector_content.css.map */