/*sector_partners*/

.partners {
  width: 20%;
}

.partners img {
  width: 100%;
  max-width: 256px;
}

/* (product) carousel in front page */

.carousel-container {
  max-width: fit-content !important;
  overflow-x: scroll !important;
  -ms-overflow-style: none !important;  /* Internet Explorer 10+ */
  scrollbar-width: none !important;  /* Firefox */
}

.carousel-container::-webkit-scrollbar {
  display: none !important;  /* Safari and Chrome */
}

.carousel-wrapper {
  gap: 10px;
}

.carousel-wrapper div.product-details {
  position: absolute;
  bottom: 7px;
  padding: 8px 4px 4px 4px;
}

.carousel-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  background: linear-gradient(207deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.20) 100%);
}


.carousel-item {
  position: relative;
  width: 280px !important;
  height: 390px !important;
  align-items: flex-start;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  padding: 12px;
}

.carousel-wrapper .carousel-item div.right-text {
  position: relative;
  float: right;
  clear: right;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  font-style: normal;
}

.carousel-wrapper .carousel-item div.right-text.highlighted {
  color: var(--yellow-200, #FEF08A);
}

div.right-text:nth-of-type(3) {
  margin-top: 4px !important;
  margin-left: 3px !important;
}

.carousel-item:first-child {
  margin-left: 0 !important;
}

div.carousel-item div.product-details div.category {
  color: var(--yellow-200, #FEF08A);
  text-overflow: ellipsis;
}

div.carousel-item div.product-details div.product-name {
  max-width: 240px;
  text-overflow: ellipsis;
  font-size: 24px;
  line-height: 125%;
  margin-top: 6px;
  margin-bottom: 6px;
}

div.carousel-item div.product-details div.description {
  height: 72px;
  max-height: 72px;
  color: var(--gray-100, #F3F4F6);
  text-overflow: ellipsis;
}

div.carousel-item div.product-details div.read-more {
  margin-top: 12px;
}

div.carousel-item div.product-details div.read-more div.duration {
  color: var(--yellow-200, #FEF08A);
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

div.carousel-item div.product-details div.read-more div.duration,
div.carousel-item div.product-details div.read-more div.duration + a /* a is the read more section */ {
  gap: 4px;
}

div.carousel-item div.product-details div.read-more div.duration + a:hover {
  color: #fff !important;
  text-decoration: none;
}

div.carousel-item div.product-details div.read-more div.duration span.duration-icon {
  width: 20px;
  height: 20px;
}

div.carousel-item div.product-details div.read-more span.read-more-icon {
  width: 16px;
  height: 16px;
}

/*mega_menu*/
.dropbtn {
  color: #f5f5f5 !important;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover {
}

.dropdown {
  position: relative;
  display: block;
  margin-bottom: 15px;
}

.hamburger {
  display: none;
}

.cart {
  display: none;
}

.header_main {
  padding: 0px 8px !important;
}

/*PRODUKT SIDE*/

ol {
  counter-reset: item;
  margin: 20px 0 30px 0 !important;
  padding-left: 10px; /*   remove important to add more left padding in articles page*/
}

ol ol {
  margin: 20px 0 !important;
  padding-left: 70px !important;
}

ol li {
  margin-bottom: 20px;
}

ul {
  margin: 20px 0 30px 0; /* DevCss Remove !important to specify margin individual area */
  padding: 0px; /*DevCss Remove !important */
}

ul ul {
  margin: 20px 0 !important;
  padding-left: 70px !important;
}

ul li {
  margin-bottom: 20px;
}

.zoom-icon {
  position: relative;
  margin-top: 30px;
}

.zoom-icon input {
  margin: 0 !important;
}

.zoom-icon:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 20px;
  opacity: 0.1;
  background: url("img_new/new-zoom.png") no-repeat center center;
}

.input-group {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.input-group input {
  position: relative;
  height: 45px;
  border-radius: 30px;
  min-width: 500px;
  box-shadow: none;
  border: 1px solid #eaeaea;
  padding-left: 160px;
}

.input-group label {
  position: absolute;
  left: 0;
  height: 48px;
  background: #55ccf2;
  padding: 0px 25px;
  border-radius: 30px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  top: 0;
  width: 100px;
  font-weight: 100;
}

.sector_advantage .advantages {
  background: #fff;
  padding: 30px 0 30px 30px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
  text-align: left !important;
  margin-right: -15px;
}

.sector_advantage div.advantages.product_advantages {
  display: flex;
  justify-content: center;
  padding: 16px;
  margin-right: unset;
  flex-direction: row;
  gap: 16px;
  background: var(--white, #fcfefe);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}

@media screen and (min-width: 662px) and (max-width: 1030px) {
  section.sector_content.gray.mobile_sector_content {
    padding-top: 0;
  }
  div.mobile_toc_column {
    margin-top: -4px;
  }
  div.advantages.product_advantages {
    justify-content: space-evenly !important;
  }
  div.first_mobile_block {
    max-width: 400px !important;
  }
}

.sector_advantage div.advantages.product_advantages.mobile {
  flex-direction: row;
}

@media screen and (max-width: 568px) {
  .sector_advantage div.advantages.product_advantages.mobile {
    flex-direction: column;
  }
}

.sector_advantage .advantages p {
  text-align: left !important;
  margin: 0;
  line-height: 1.1;
}

.product_container {
  max-width: unset !important;
  padding-right: unset !important;
  padding-left: unset !important;
}

.myRow {
  margin-left: unset !important;
  margin-right: unset !important;
}

div.myCol {
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
  flex: 0 0 100% !important;
}

.dk_container {
  display: flex;
  margin-bottom: -4px;
}

p.icon_title.advantages_title {
  margin-bottom: 2px !important;
  color: var(--primary-900, #3d3d52);
  font-family: Inter, sans-serif;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 125%;
}

p.icon_title.product_price {
  display: inline;
}

@media screen and (min-width: 662px) and (max-width: 1030px) {
  p.icon_title.advantages_title.mobile_advantages_title {
    font-size: 20px !important;
  }
  p.icon_title.advantages_title.product_price {
    margin-top: 25px !important;
    line-height: 125% !important;
    font-family: Inter, sans-serif;
    font-size: 20px !important;
  }
  div.advantages_text.mobile_advantages_text:not(.isJurio) {
    margin-top: -17px !important;
  }
}

@media screen and (max-width: 568px) {
  section.mobile-main {
    margin-left: unset !important;
  }
  div.sidebar_left,
  div.mobile_toc_column {
    display: none;
  }
  div.dk_container {
    margin-top: -4px;
  }
  p.icon_title.advantages_title.product_price,
  p.icon_title.advantages_title.mobile_advantages_title {
    font-family: Inter, sans-serif;
    font-size: 18px !important;
    line-height: 125% !important;
  }
  p.icon_title.advantages_title.product_price {
    margin-top: 11px !important;
  }
  p.VAT_info.inline_text.mobile_VAT {
    font-family: Barlow, sans-serif;
    font-size: 11px !important;
    margin-top: 17px !important;
    line-height: 125% !important;
  }
}

p.VAT_info {
  margin-bottom: 4px !important;
}

p.VAT_info.inline_text {
  display: inline;
  margin-top: 15px !important;
  margin-left: 5px !important;
  color: var(--gray-500, #6b7280);
  font-family: Barlow, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 125%;
}

@media screen and (min-width: 662px) and (max-width: 1030px) {
  p.VAT_info.inline_text.mobile_VAT {
    font-size: 12px !important;
    margin-top: 30px !important;
    padding-top: 1px !important;
  }
}

p.advantages_extra {
  color: var(--gray-500, #6b7280) !important;
  font-family: Barlow, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 125% !important;
}

div.block.jurio_first_block {
  max-width: 210px !important;
}

div.small_block_one {
  max-width: 210px !important;
}

div.small_block_two {
  max-width: 250px !important;
}

div.small_block_two.jurio_block_se {
  max-width: 290px !important;
}

div.small_block_two.jurio_block_no {
  max-width: 330px !important;
}

.sector_advantage .advantages img {
  float: left;
  margin-right: 20px;
  margin-top: 3px;
}

.sector_advantage .advantages .block {
  width: calc(100% / 3);
  display: inline-block;
  max-width: 340px;
}

.sector_advantage .advantages .block p {
  margin: 0;
}

.sector_advantage .advantages .block p.icon_title {
  margin-bottom: 5px;
  font-weight: 600;
  margin-top: 9px;
}

/*=== Developer Wizzard Css ===*/
.timeline-module span {
  color: #6a6a6a;
  font-size: 15px;
  font-weight: 400;
}

div.timeline-module_outer-container label.wizzard-subHeader span {
  font-weight: inherit;
}

.validationMessage {
  color: #f6603e !important;
  font-family: "Barlow", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  width: 340px;
}

.timeline-module .validationMessage span {
  color: #f6603e !important;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.successMessage {
  color: limegreen !important;
}

.suggestion-container {
  border: 1px #dddddd solid;
  border-radius: 6px;
  padding: 0;
}

.suggestion-container ul {
  padding-left: 0;
  margin-bottom: 0;
}

.suggestion-container ul.countries_list.suggestedAddresses {
  max-height: 240px;
  overflow: auto;
}

.suggestion-container a {
  color: #45494e !important;
}

.suggestion-container a:hover {
  text-decoration: none !important;
}

ul li.suggestion-item {
  border-bottom: 1px #dddddd solid;
  font-size: 14px;
  padding: 3px 20px 3px 10px;
  margin-bottom: 0;
  border-radius: 2px;
  min-height: 48px;
  flex-direction: column;
  cursor: pointer;
}

.suggestion-item strong {
  font-weight: 500;
}

.suggestion-item.small {
  min-height: 40px;
  display: flex;
  justify-content: center;
}

.suggestion-container li.selected {
  background-color: cornsilk;
  border-left: 4px #f65734 solid !important;
  /*border-bottom: 1px #f65734 solid;*/
  padding-left: 6px;
  padding-top: 3px;
}

.suggestion-container li.selected:after {
  content: ">";
  color: #f65734;
  font-weight: bold;
  top: 7px;
  right: 10px;
  position: absolute;
  font-size: 20px;
}

.suggestion-container li.selected.small:after {
  top: 2px;
}
li.suggestion-item div.suggestion-details span {
  font-size: 14px;
  font-weight: 400;
}
.suggestion-item:last-child {
  border-bottom: 0;
}

.timeline-module .documentelement label.wizzard-subHeader {
  font-size: 15px;
  font-weight: 500;
  font-family: "Barlow", sans-serif !important;
}

.timeline-module .input-container {
  position: relative;
  font-size: 100% !important;
  line-height: 1.5 !important;
}

.timeline-module .input-container.large {
  width: 540px !important;
}

.timeline-module .input-container.medium {
  width: 350px !important;
}

.timeline-module .input-container.small {
  width: 180px !important;
}

.timeline-module .input-container i {
  position: absolute;
}

.timeline-module .textelement i.validated-input-icon {
  top: 8px;
  right: -23px;
  font-size: 1em;
  line-height: 0.6 !important;
  transition: all 0.2s;
  font-family: FontAwesome, sans-serif;
}

.timeline-module .textelement i.validated-input-icon:not(.fa-refresh) {
  color: #96db4b !important;
}

.timeline-module .extensions {
  position: absolute;
  right: 30px;
  top: 8px;
}

/* Home Trustpilot */
.home_trustpilot {
  position: absolute;
  bottom: 4px;
  width: 190px;
}

.homevideo {
  position: relative;
  display: inline-block;
}

.homevideo .video-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

.homevideo:hover .video-hover {
  display: inline;
  opacity: 0.9;
}

.home-icon {
  width: 80px;
  height: auto;
}

.home-mid-icon {
  width: 60px;
  height: 60px;
  margin-right: 5px !important;
}

a.edit-link {
  cursor: pointer;
  color: #f65734 !important;
}

/*New CSS*/

a,
button,
input,
textarea {
  outline: none;
}

a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none;
}

header {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.inner-box {
  max-width: 800px;
  margin: auto;
}
.product-container {
  border-bottom: 1px solid #ddd;
  padding-bottom: 45px;
}

.product-container:first-of-type {
  border-top: 1px solid #ddd;
}

.product-info {
  display: flex;
}

.product-info-right {
  display: block;
  width: 100%;
  /*padding-left: 60px;*/
  position: relative;
}

.product-info .product-icon,
.product-info .product-icon-complete {
  margin-right: 10px;
  width: 38px;
  height: 46px;
}

.product-info .product-title-icon {
  /*display: flex;*/
}

.product-info .product-title-icon .product-icon {
  display: none;
}
.product-info .product-title-icon .product-icon.draft,
.product-info .product-icon-complete.draft {
  opacity: 0.2;
}

.product-info-right li p:first-child {
  margin: 0;
  width: 100px;
  /*color: #000000;*/
  /*font-weight: 500;*/
  color: var(--gray-500, #6b7280);
  font-family: Barlow, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.product-info-right li p.product-created-date.date {
  margin-top: -2px;
  color: var(--gray-500, #6b7280);
}

.product-info-right li p.draft-expiration-item-title {
  width: 150px;
}

.product-info-right li {
  list-style: none;
  margin: 0;
  font-size: 13px;
}

.product-info-right li .product-status-complete::after {
  content: url("img_new/status-completed.jpg");
  padding-left: 4px;
  position: absolute;
}
.product-info-right .product-title-icon span {
  color: #eb552c !important;
}

.product-info-right .product-title-icon span {
  padding-left: 5px;
}

.product-info-right li p.product-modified-date-mobile,
.product-info-right li p.product-created-date-mobile {
  display: none;
  color: var(--gray-500, #6b7280);
}

.product-info-right li a.edit-document {
  position: absolute;
  right: 5px;
  color: #2f3651;
  font-weight: 500;
  display: none;
}

.product-info-right li a.edit-document .fa {
  padding-right: 5px;
}

.showhide-sectionbox {
  padding-left: 100px;
}

.document-in {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 40px;
  display: none;
}

.document-in ul {
  margin-bottom: 30px;
}

.document-in li {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.document-in ul:last-child {
  margin-bottom: 0;
}

.document-in li:last-child {
  margin-bottom: 0;
}

.document-in li .doc-list-img {
  min-width: 30px;
}

.doc-item-logo {
  width: 30px;
  position: relative;
}

.doc-item-logo .doc-item-logo {
  width: 100%;
}

.doc-list-img {
  position: relative;
}

.doc-list-img:after {
  background-size: cover;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -8px;
  bottom: -8px;
}

.doc-list-img.awaiting:after {
    content: '';
    background-image: url("img_new/Awating_signatures.svg");
    background-color: white;
}

.doc-list-img.processing:after {
    content: '';
    background-image: url("img_new/Loader_spinning.gif");
}

.doc-list-img.signed:after {
    content: '';
    background-image: url("img_new/check-icon.svg");
}

.doc-list-img.uploaded:after {
  content: "";
  background-image: url("img_new/Document_uploaded.svg");
}

.doc-content {
  margin-left: 20px;
}

.doc-content h5 {
  font-size: 15px;
  margin: 0;
  font-weight: 400;
}

.doc-content p {
  font-size: 13px;
  margin: 0;
}

.show-doc {
  margin-left: auto;
}

.show-doc button {
  color: #2f3650;
  font-size: 13px;
  background: transparent;
  border: 1px solid #2f3650;
  padding: 7px 16px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.show-doc button svg {
  width: 16px;
  height: 16px;
}

.show-doc button:disabled {
  opacity: 0.3;
}

.document-failed-container {
  display: none;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.38rem;
  padding: 1rem;
  color: var(--yellow-700, #A16207);
  background-color: var(--yellow-100, #FEF9C3);
  font-family: Barlow, sans-serif;
  border-radius: 0.375rem;
}

.document-failed-container__exclamation-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.document-failed-container__title-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.document-failed-container__title {
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.5rem */
}

.document-failed-container__description-container {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 150%;
}

.document-failed-container__description-container b {
  font-weight: 700;
}

.document-failed-container.failed {
  display: flex !important;
}

.headline-section h2 {
  font-size: 36px;
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
  margin-top: 5rem;
}

.headline-section p {
  font-family: "Barlow", sans-serif;
  font-size: 17px;
  margin-bottom: 3rem;
}

div.product-info-right p.product-description {
  color: var(--gray-500, #6b7280);
  margin-bottom: 0.5rem;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.product-info-right h3 {
  font-family: Inter, sans-serif;
  color: var(--primary-900, #3d3d52) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.product-info-right div.draft-badge {
  max-width: fit-content;
  padding: 5px 7px;
  border-radius: 5px;
  background: var(--secondary-100, #fee2d6);
  margin-bottom: 0.5rem;
}

.product-info-right div.draft-badge h3.product-draft-label {
  color: var(--secondary-800, #971517) !important;
  font-family: Barlow, sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 0;
}

.product-info-right h3.product-title-name {
  color: var(--primary-900, #3d3d52) !important;
  margin-bottom: 0;
}

.product-info-right p {
  font-size: 14px;
  font-family: "Barlow", sans-serif;
}

.sign-up-in {
  background: #fafafa;
  padding: 40px;
  display: none;
}

.email-sec {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: "Barlow", sans-serif;
  padding: 5px 0px 20px;
}

.em-sec {
  display: flex;
  width: 60%;
}

.email-sec input {
  background: #00000008;
  margin-right: 20px;
  padding: 8px 15px 8px 33px;
  border: none;
  width: 100%;
  box-shadow: 0 0 7px rgb(0 0 0 / 12%);
}

.email-sec input[type="checkbox"] {
  padding: 0;
  border: none;
  margin: 0 20px;
  -webkit-appearance: none;
  background: #fff;
  width: 35px;
  height: 35px;
}

.show-sign-btn {
  position: absolute;
  width: 100%;
  top: -15px;
  right: 39px;
  z-index: 0;
}

.show-sign-btn.not_draft_buttons {
  width: unset;
  top: -22px;
}

/*tablet*/
@media screen and (min-width: 662px) and (max-width: 1030px) {
  .show-sign-btn:not(.not_draft_buttons) {
    right: unset;
  }
  .sector_content
    .product-info-right
    ul
    li.draft-expiration-item
    div.postpone-btn-container {
    margin-left: 15px;
  }
}

/*mobile*/
@media screen and (max-width: 568px) {
  div.product-info-right div.product-title-icon img.product-icon.draft {
    display: none;
  }
  div.product-info-right div.product-title-icon h3 {
    margin: unset;
    font-size: 20px;
    line-height: 150%;
  }
  div.product-info-right p.product-description {
    font-size: 12px;
  }
  div.product-info-right ul li p {
    flex: unset !important;
    font-size: 11px !important;
  }
  div.product-info-right ul li p:first-child {
    width: 145px;
  }
  div.product-info-right
    ul
    li.draft-expiration-item
    p.expiration-badge.product-created-date {
    display: block;
    width: 164px;
    color: var(--gray-500, #6b7280);
  }
  div.product-info-right
    ul
    li.draft-expiration-item
    div.postpone-btn-container {
    margin-left: 2px !important;
    margin-top: -4px !important;
    width: 125px;
  }
  div.product-info-right
    ul
    li.draft-expiration-item
    div.postpone-btn-container
    button.postpone-btn {
    font-size: 12px;
  }
  div.show-sign-btn {
    position: unset;
  }
  div.show-sign-btn ul li {
    flex-direction: column-reverse;
  }
  div.show-sign-btn ul li div#my-dropup {
    height: 48px;
    margin-top: 12px;
  }
  div.show-sign-btn ul li div#my-dropup button#dropup_btn {
    height: 48px;
  }
  div.show-sign-btn ul li div#my-dropup,
  div.show-sign-btn ul li button.sign-btn {
    width: 100%;
    height: 48px;
    margin-left: unset;
  }
  div.show-sign-btn ul li button.sign-btn {
    padding: 12px 20px;
  }
  div.show-sign-btn ul li button.sign-btn.notDraftBtn {
    margin-bottom: 12px;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
  }
}

/* Custom timeline dropup start */
#my-dropup {
  width: 50%;
  height: 48px;
  background-color: white !important;
}

#my-dropup #dropup_btn {
  width: 100%;
  height: 100%;
  background: var(--gray-100, #f3f4f6);
  border-radius: 5px;
  border: 1px solid var(--gray-200, #e5e7eb);
  color: var(--gray-500, #6b7280);
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

#my-dropup #dropup_btn:hover {
  background: var(--gray-200, #e5e7eb);
}

#my-dropup #dropup_btn span {
  margin-left: 10px;
}

#my-dropup #dropup_btn span img.arrow-down {
  width: 22px;
  height: 22px;
}

#my-dropup #dropup_btn:focus {
  box-shadow: none;
  border-radius: none;
}

#my-dropup #dropup_btn::after {
  display: none;
}

#my-dropup div.dropdown-menu {
  top: -6px !important;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 8px;
  border: 1px solid var(--gray-200, #e5e7eb);
  background: var(--gray-50, #f9fafb);
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.05),
    0px 10px 15px -3px rgba(0, 0, 0, 0.05);
}

#my-dropup div.dropdown-menu div.dropdown-divider {
  border: 1px solid var(--gray-200, #e5e7eb);
  margin-top: 0;
  margin-bottom: 0;
}

#my-dropup div.dropdown-menu button.dropup-option {
  display: flex;
  padding: 14px 12px;
  gap: 12px;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  color: var(--primary-900, #3d3d52);
  align-items: center;
  width: 100%;
  background: unset;
  border: unset;
}

#my-dropup div.dropdown-menu button.dropup-option:hover {
  background: var(--gray-100, #f3f4f6);
}

/* Custom timeline dropup end */

button.show-btn.notDraftBtn,
button.sign-btn.notDraftBtn {
  width: unset;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
}

button.show-btn.notDraftBtn {
  color: var(--gray-500, #6b7280);
}

@media screen and (max-width: 568px) {
  button.show-btn.notDraftBtn {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
  }
}

button.show-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  color: var(--gray-500, #6b7280);
  font-size: 14px;
  background: var(--gray-100, #f3f4f6);
  height: 41px;
  padding: 10px 20px 10px 19px !important;
  gap: 8px;
  border-radius: 5px;
  border: 1px solid var(--gray-200, #e5e7eb) !important;
  font-family: "Barlow", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

button.notDraftBtn img.timeline-new-icon {
  width: 20px;
  height: 20px;
}

button.notDraftBtn img.timeline-new-icon.edit-icon {
  margin-top: 5px;
}

button.show-btn:hover {
  background: var(--gray-200, #e5e7eb);
}

button.sign-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  background: var(--primary-900, #3d3d52);
  border: none;
  color: var(--white, #fcfefe);
  font-size: 14px;
  padding: 10px 20px !important;
  border-radius: 5px;
  margin-left: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  font-family: "Barlow", sans-serif;
}

button.sign-btn {
  color: var(--white, #fcfefe);
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 12px 24px;
}

button.sign-btn:hover {
  background: var(--primary-700, #5d5c73);
}

.show-sign-btn li {
  list-style: none;
  display: flex;
}

button.show-btn.timeline-process {
  margin-right: 10px;
}

button.show-btn.edit {
  margin-left: 10px;
}

button.show-btn i {
  margin-right: 6px;
}

.document-in.open-doc {
  display: block;
}

.sign-up-in.open-sign {
  display: block;
}

.show-cls {
  display: none;
}

.sign-cls {
  display: none;
}

.sign-btn-open span.sign-cls {
  display: block;
}

.sign-btn-open span.sign-opn {
  display: none;
}

.shw-btn-open span.show-opn {
  display: none;
}

.shw-btn-open span.show-cls {
  display: block;
}

img.local-icon {
  width: 1em;
  position: relative;
  bottom: 0.125em;
  margin-right: 6px;
}

.sign-up-in h3 {
  font-size: 17px;
}

.sign-up-in p {
  font-size: 14px;
  margin: 10px 0 20px;
  font-family: "Barlow", sans-serif;
}

.em-sec span i {
  font-size: 18px;
  opacity: 0.65;
  color: #00000057;
}

.em-sec span {
  position: absolute;
  color: #dedede;
  left: 10px;
  top: 9px;
}

.em-sec {
  width: 60%;
  position: relative;
}

.show-hide-sec .showhide-sectionbox {
  padding-left: 48px;
}

.show-doc a {
  display: none;
}

.product-timeline.py-5 {
  padding-bottom: 1.5rem !important;
}

.product-timeline_mark {
  display: flex;
  flex-direction: column;
}

.product-timeline .book-mark {
  align-self: flex-end;
  background: #2f3651;
  color: white;
  margin: -10px 77px 10px;
  padding: 5px 35px 5px 45px;
  border-radius: 20px 0 0 20px;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  position: relative;
}

.product-related-to-cvr {
  margin-right: 77px;
  float: right;
}

@media screen and (max-width: 768px) {
  .product-timeline .book-mark {
    margin-right: 0;
  }
  .product-related-to-cvr {
    margin-right: 0;
  }
}

.product-timeline .book-mark:before {
  content: "";
  background: #2f3651;
  right: calc(-100% - 25px);
  width: 10px;
  height: 10px;
  display: block;
  margin-top: -15px;
  margin-bottom: 5px;
  clip-path: polygon(0% 25%, 100% 100%, 100% 100%, 0% 100%);
  position: relative;
}

.product-timeline .book-mark:after {
  content: "\f058";
  font-family: FontAwesome, sans-serif;
  font-size: 30px;
  color: white;
  left: 4px;
  top: -5px;
  position: absolute;
}

.comp-buttons {
  display: inline-flex;
}

.admin-area {
  text-align: right;
}

.admin-area a {
  padding-right: 10px;
}

/* Admin area select */
/* class applies to select element itself, not a wrapper element */
select.admin-area {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.4em 1.4em 0.3em 0.6em;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.4em;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
  background-image: url("img_new/cog-solid.svg")
    /*, linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%)*/;
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0.7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: 0.65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
select.admin-area::-ms-expand {
  display: none;
}
/* Hover style */
select.admin-area:hover {
  border-color: #888;
}
/* Focus style */
/*select.admin-area:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
    }*/

/* Set options to normal weight */
select.admin-area option {
  font-weight: normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
:root:lang(ar) select.admin-area,
:root:lang(iw) select.admin-area {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

/* Disabled styles */
select.admin-area:disabled {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

select.admin-area:disabled:hover {
  border-color: #aaa;
}
/*Admin area select -- End*/

@media screen and (max-width: 600px) {
  .sector_advantage .advantages .block {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .sidebar_right {
    display: none;
  }
}
/*MINE DOKUMENTER*/
.documents_block {
  position: relative;
  padding: 50px 0;
  border-bottom: 1px solid #d8d8d8;
}

.documents_block img {
  float: left;
  margin-right: 20px;
  margin-top: 5px;
}

.documents_block img.basket-image {
  width: 57px;
  height: auto;
}

.documents_block p {
  margin-bottom: 5px;
}

.documents_block p.icon_title {
  margin: 0;
  text-align: left;
}

.documents_block p.date {
  color: #a0a0a0;
}

/*INDKOBSKURV*/

.sidebar_left ul li {
  list-style-type: none;
}

.sidebar_left ul li a {
  opacity: 0.25;
  color: #3d3d52 !important;
  font-family: "Barlow", sans-serif;
  font-size: 20px;
}

.sidebar_left ul li a:hover {
  text-decoration: none;
  opacity: 0.5;
}

.sidebar_left ul li a.current {
  color: #3d3d52;
  font-family: "Barlow", sans-serif;
  font-size: 20px;
  opacity: 1;
}
/*BRUGEROPLYSNINGER*/

h1.content_title {
  max-width: 600px;
}
/*CONDITIONAL1*/

.radiostyle {
  margin-bottom: 20px;
  color: #3d3d52;
  font-family: "Barlow", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.44px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 40px;
  padding-right: 50px;
  cursor: pointer;
  display: block;
  color: #666;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  border: 1px solid #2f3650;
  border-radius: 100%;
  background-color: #fff;
  background-color: var(--gray-50, #f9fafb);
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 6px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  background-color: #38bf26;
}

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type="submit"] {
  border: none;
  cursor: pointer;
}

fieldset {
  width: 100% !important;
}

input[type="submit"] {
  border: none;
  cursor: pointer;
}

.form_button {
  text-align: left;
}

.form_button .qbutton {
  display: inline-block;
  margin: 0 !important;
  max-width: 500px;
}
/*CUSTOM CHECKBOX*/
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #2f3650;
  background: #fff;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "\f00c";
  position: absolute;
  top: 0.2em; /* */
  left: 0; /* */
  font-size: 1.3em;
  line-height: 0.8;
  color: #38bf26;
  transition: all 0.2s;
  font-family: FontAwesome, sans-serif;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
}
/*ARTIKEL*/
input[type="search"]:not(.flow_modal-input-field):not(
    .flow_modal_new-input-field
  ) {
  width: 100%;
  height: 53px;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: none;
  color: #4a4a4a !important;
  font-family: "Inter", serif;
  font-size: 18px;
  font-weight: 700;
  padding-left: 20px;
  margin-top: 30px;
}

::-webkit-input-placeholder {
  color: #d2d2d2;
}

::-moz-placeholder {
  color: #d2d2d2;
}

.separator {
  width: 100%;
  height: 0;
  border: 1px solid #d9d9d9;
  margin: 25px 0;
  opacity: 0.7;
}

.artikel_block {
  margin: 60px 0;
}

.artikel_block a {
  text-decoration: none !important;
}

.artikel_block h4 {
  color: #3d3d52;
  font-family: "Inter", serif;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 26px !important;
  /* Text style for "Hvorfor sk" */
  letter-spacing: -0.37px;
  margin-bottom: 0 !important;
}

.artikel_block p {
  color: #848484;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
}

.artikel_block .info {
  margin-bottom: 10px;
  color: #6c6c6c;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
}

.artikel_block .info span.dot {
  margin: 0 10px;
}

.artikel_block .info img {
  margin-right: 15px;
  width: 25px;
}
/* [Added]  : Reduce margin space for first article result item*/
.artikel_block.firstArticle {
  margin: 36px 0;
}

/*ARTIKLE_STEP*/
.tags {
  margin: 30px auto;
  text-align: center;
}

.tag {
  border-radius: 6px;
  border: 1px solid #aebac6;
  color: #929eab !important;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
  padding: 5px 10px !important;
  line-height: 40px;
  text-decoration: none;
  transition: all 0.4s;
  margin: 5px !important;
}

.tag:hover {
  background: #f65734 !important;
  color: #fff !important;
  border: 1px solid #f65734;
  text-decoration: none;
}

html,
body {
  height: 100%;
  width: 100%;
}

.mobileBanner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 5px;
}

.mobileBanner div {
  width: 20em;
}

.mobileBanner div > img {
  width: 100%;
}

.sidebar_right .customerBusinessCommon {
  width: 16em;
}

.sidebar_right .customerBusinessCommon img {
  width: 100%;
}

.sidebar_right .tags a {
  padding: 5px;
  border-radius: 6px;
}

.sidebar_right .tags {
  margin: 0;
  margin-bottom: 50px;
}

.sidebar_right .plashka {
  background: #fff;
  padding: 30px;
  -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.27);
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.27);
  border-radius: 6px;
}

.sidebar_right .plashka .qbutton {
  margin-top: 30px !important;
  display: block;
}

.split-A + .site-body .sidebar_right .plashka {
  display: none;
}

.sidebar_right p {
  margin-bottom: 0;
}

p {
  line-height: 1.5;
}
/*LOG IND*/

/*Artikel video*/
.casework_modal .modal-body {
  padding: 0 !important;
}

.casework_modal .modal-dialog {
  max-width: 60% !important;
  margin-top: 100px !important;
}

.close {
  display: none !important;
}

.casework_modal .modal-content {
  background: transparent !important;
  border: none !important;
}

.adminBtnDisabled {
  border: 1px solid #999999 !important;
  background-color: #cccccc !important;
  color: #666666 !important;
  pointer-events: none;
}

.adminBtnDisabled:hover {
  cursor: not-allowed !important;
}

#adminUploadDocModal .modal-content {
  padding: 10px 10px !important;
  background: whitesmoke !important;
}

#adminUploadDocModal .modal-dialog {
  min-width: 40% !important;
  max-width: 50% !important;
  margin: auto;
}

#adminUploadDocModal {
  background: rgba(0, 0, 0, 0.3);
}
#adminUploadDocModal.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  z-index: 1000000 !important;
}

@media (max-width: 768px) {
  #adminUploadDocModal .modal-dialog {
    min-width: 300px !important;
    margin: auto;
  }
}

/*WIZZARD*/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #edeef2;
  color: #444;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  position: relative;
  color: #3d3d52;
  font-family: "Inter", sans-serif;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 70px 50px 70px 50px;
  background-color: white;
  display: none;
  overflow: hidden;
}

input,
button,
select {
  outline: none !important;
}

input:disabled {
  opacity: 0.4 !important;
  cursor: default;
}

input:disabled:hover {
}

.panel h3 {
  color: #3d3d52 !important;
  font-size: 18px !important;
  /* Text style for "Hvilken or" */
  letter-spacing: -0.56px !important;
  font-weight: 400 !important;
}
.documents_block.acco {
  padding: 0 !important;
  border: none !important;
}

.acco12 {
  position: absolute;
  right: 70px;
  bottom: 45px; /*   Changed from 70 to 45 */
  width: 163px;
}

@media screen and (max-width: 662px) {
  .panel .panel {
    padding: 20px 0 !important;
  }

  .acco12 {
    position: static;
    max-width: 163px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 662px) {
  .acco12 {
    margin-top: 28px;
  }
}

@media screen and (min-width: 662px) and (max-width: 1000px) {
  .acco12 {
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}

/*MEGA MENU*/
.header_megamenu {
  max-width: 60%;
  display: flex;
  justify-content: flex-end;
}
/* Reset */
.nav,
.nav a,
.nav ul,
.nav li {
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  outline: none;
}

.nav a {
  text-decoration: none;
}

.nav li {
  list-style: none;
}
/* Menu Container */
.nav {
  cursor: default;
  z-index: 500;
}

/* Menu List */
.nav > li {
  display: block;
  float: left;
}
/* Menu Links */
.nav > li > a {
  position: relative;
  z-index: 510;
}

.nav > li:hover > a {
}

.nav > li:first-child > a {
}
/* Menu Dropdown */
.nav > li > div.megamenu {
  border-radius: 0 0 15px 15px;
  position: absolute;
  z-index: 99999;
  opacity: 0;
  left: calc(100% - 42vw);
  width: 1105px;
  visibility: hidden;
  background: #ffffff;
  -webkit-transition: all 0.3s ease 0.15s;
  -moz-transition: all 0.3s ease 0.15s;
  -o-transition: all 0.3s ease 0.15s;
  -ms-transition: all 0.3s ease 0.15s;
  transition: all 0.3s ease 0.15s;
  /* this is so that the megamenu does not "scale" its width */
  transition: width 0s;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 1800px) {
  .nav > li > div.megamenu {
    left: calc(100% - 25vw);
  }
}

@media screen and (min-width: 2300px) {
  .nav > li > div.megamenu {
    left: calc(100% - 20vw);
  }
}

.nav > li > div.megamenu.se {
  width: 500px;
  left: -50%;
}

.megamenu_inner {
  display: flex;
  cursor: default;
}

.menu-items {
  display: flex;
  flex-flow: column wrap;
  max-height: 600px;
}

.nav > li > div.megamenu .menu-items .level-one ul {
  background: white;
  width: 250px;
  overflow: auto;
  padding-top: 25px !important;
}

.nav > li > div.megamenu .menu-items ul.new_menu_products span.nav_title {
  padding-left: 15px;
  padding-bottom: 20px;
  font-weight: 500;
}

.nav > li > div.megamenu .menu-items .level-one.subcategory-item {
  padding-right: 10px !important;
  position: relative;
}
.nav > li > div.megamenu .menu-items .level-one.subcategory-item .arrow-right {
  align-self: center;
}
.nav > li > div.megamenu .menu-items .level-one.subcategory-item > a {
  display: flex;
  justify-content: space-between;
}

.megamenu * {
  text-align: left;
}

.header_megamenu ul.nav li.main_menu_link.arrow img {
  margin-left: 10px;
  margin-top: -2px;
}

.header_megamenu ul.nav li.main_menu_link {
  border-bottom: 3px solid transparent;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) {
  .header_megamenu ul.nav li.main_menu_link:last-of-type {
    margin-right: 0px !important;
  }
}

.header_megamenu ul li.main_menu_link {
  height: 72px;
  padding: 0 16px !important; /*  : Reduce from 20 px to 16 px for main menu*/
  line-height: 72px;
}

@media screen and (max-width: 840px) {
  .header_megamenu ul li.main_menu_link {
    height: 72px;
    padding: 0 8px !important; /*  : Reduce from 20 px to 16 px for main menu*/
    line-height: 72px;
  }
}

.header_megamenu ul.nav li.main_menu_link > a {
  padding: 21px 0 !important;
  color: black !important;
  font-family: "Barlow", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.header_megamenu ul.nav li.main_menu_link > a > img {
  width: 30px;
}

.header_megamenu ul.nav li.main_menu_link:hover,
.header_megamenu ul.nav li.main_menu_link.selected {
  border-color: #f65734;
  cursor: pointer; /*   Add cursor pointer for Document main menu */
}

.menu-icon-img {
  width: 26px;
  margin-right: 5px;
}

.main_menu_link.dokumenter a span {
  /*background: #f65734;*/
  color: #fff;
  padding: 4px 9px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
}

.header_megamenu ul li:hover {
  border-color: #f65734;
}

header {
  padding: 0 15px 0 35px !important;
}

.nav > li > div.megamenu:hover + header {
  background: #000 !important;
}

/*  for mega menu*/
.nav > li:active > div {
  opacity: 1;
  visibility: visible; /*This one??*/
  overflow: visible;
}

.nav > li > div.megamenu .container {
  max-width: 1440px !important;
  margin: 0 auto !important;
}

.nav > li > div.megamenu ul li a {
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 300;
}

span.open-slide {
  float: right;
}

/*sector_artikler*/
.sector_artikler {
  padding: 0px 20px 70px 20px;
  background: #fff;
}

.sector_artikler .artikler-meta {
  border-bottom: 1px solid #ccc;
  height: 28px;
  margin-bottom: 20px;
}

.sector_artikler h3 {
  font-size: 25px !important;
  color: #3d3d52 !important;
}

.sector_artikler p {
  font-size: 13px !important;
  color: #6a6a6a !important;
  line-height: 1.5;
}

.sector_artikler .artikler-meta .side-left {
  text-align: left;
  width: 50%;
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #f65734;
  padding-left: 20px;
}

.sector_artikler .artikler-meta .side-right {
  text-align: right;
  width: 50%;
  float: right;
  font-size: 12px;
  font-weight: 600;
  color: #f65734;
  padding-right: 20px;
}

.sector_artikler .slick-slide {
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.sector_artikler .slick-slide img {
  width: 100%;
}

.sector_artikler .content-artikler {
  padding: 0 20px;
}

.sector_artikler .slick-dots {
  max-width: 200px !important;
}

.sector_artikler .slick-initialized .slick-slide {
  padding-bottom: 20px !important;
}

.sector_artikler .slick-dots {
  bottom: -13px !important;
}

.sector_artikler .buttons {
  text-align: right;
  margin-top: 30px;
  position: relative;
  z-index: 99999;
}

.sector_artikler .buttons a.qbutton {
  padding: 3px 15px !important;
  white-space: nowrap;
}

.sector_artikler .buttons a.qbutton img {
  margin-top: 5px;
  margin-left: 5px;
}

.sector_artikler .slick-track {
  padding: 0;
}

.sector_artikler .list-artikler ul {
  margin-top: 63px !important;
}

.sector_artikler .list-artikler ul li {
  list-style-type: none;
  clear: both;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  height: 88px;
  margin: 0;
  position: relative;
}

.sector_artikler .list-artikler ul li:after {
  content: "";
  width: 8px;
  height: 17px;
  background: url("img_new/artikler-arrow.png") no-repeat center center;
  position: absolute;
  top: 50%;
  margin-top: -8.5px;
  right: 0;
}

.sector_artikler .list-artikler ul li:nth-child(1) {
  border-top: 1px solid #ccc;
}

.sector_artikler .list-artikler ul li .date {
  width: 7%;
  float: left;
  font-size: 26px;
  color: #f65734;
  line-height: 0.9;
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  margin-top: 4px;
}

.sector_artikler .list-artikler ul li .date span {
  font-size: 26px;
}

.sector_artikler .list-artikler ul li .date span.month {
  font-size: 18px;
}

.sector_artikler .list-artikler ul li .artikler-title {
  width: 93%;
  float: right;
  color: #3d3d52;
  font-size: 19px;
  font-weight: 500;
  margin-top: 13px;
  font-family: "Barlow", sans-serif !important;
}
/*sector_info*/
.sector_info {
  text-align: center;
  padding: 70px 20px;
  background: #fff; /*   change background to white for all sector-info*/
}

.sector_info.home {
  background: #f7f7f7;
}

.sector_info .section_excerpt {
  margin-bottom: 50px;
}

.sector_info .box p {
  max-width: 250px;
  margin: 0 auto;
}

.sector_info .box img {
  margin-bottom: 10px;
}

.sector_info p.icon_title {
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 19px !important; /* */
  font-family: "Barlow", sans-serif !important; /* */
}

p.icon_title {
  margin-bottom: 0px;
}

.sector_info .buttons {
  text-align: center;
  width: 100%;
  margin-top: 80px;
}

.buttons a {
  margin: 10px;
}

.info {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 0px;
}

.info img {
  position: relative;
  top: -8px;
}

.info .date {
  float: right;
  position: relative;
  top: 2px;
}

.artikel_block .artikel-button {
  text-align: right;
}

.artikel_block .artikel-button .qbutton {
  display: inline-flex;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 4px;
  margin-top: 0 !important;
  white-space: nowrap !important;
  align-items: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .artikel_block .artikel-button .qbutton {
    padding-top: 8px;
  }
}

.main_info {
  text-align: center !important;
}

.plashka.start a.qbutton {
  margin-top: 10px !important;
  cursor: pointer;
}

.artikel-button {
  margin-top: 15px;
}

.btn a {
  margin: 0 20px;
}

.sector_info.white {
  background: #fff;
}

.sidebar_right .tags {
  text-align: left;
}

.sidebar_right .tag {
  border-radius: 6px;
  border: 1px solid #aebac6;
  color: #929eab !important;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
  padding: 5px 5px !important;
  line-height: 35px;
  text-decoration: none;
  transition: all 0.4s;
  margin: 0px !important;
}

.sidebar_right .tag:hover {
  color: #fff !important;
}

.header_main {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff !important;
  z-index: 30;
  min-height: 53px;
}

.stick-to-top {
  position: fixed;
  top: 0;
  background-color: #1c7430;
}

.header_main.not-sticky {
  position: relative;
  margin-bottom: -65px;
}

.header_main .container {
  max-width: 1280px !important;
  margin: 0 auto;
  height: 100%;
}

.header_main .container .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  min-height: 53px;
}

@media screen and (max-width: 700px) {
  .header_main .container .info-ribbon .row {
    justify-content: flex-start;
  }
}

.header_main .container .row .new-logo {
  flex-basis: 0;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .header_main .container .row {
    display: flex;
    justify-content: space-between;
  }

  .header_main .container .row .new-logo {
    flex-grow: 0;
  }
}

ul.main_mobile_menu {
  margin: 0 !important;
}

.sector_info .icon_title {
  font-size: 19px; /*   Remove !important */
  font-weight: 700; /*   Remove !important */
}

header .container {
  max-width: 1440px !important;
}

.sidebar_right h3 {
  font-size: 21px !important;
}

.sidebar_right p.icon_title {
  font-size: 15px !important;
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
  margin-bottom: 5px;
}

.sidebar_right p {
  line-height: 1.4;
}

.list-artikler .artikler-title a {
  color: #3d3d52 !important;
}

.main_info .qbutton {
  border: 1px solid;
  border-color: #f65734 !important;
  margin-right: 10px; /*   add right margin to make space between buttons */
  cursor: pointer;
  display: block;
  min-width: 140px !important;
  min-height: 42px !important;
}

.main_info .qbutton:not(:first-child):hover {
  border-color: #fff !important;
}

a {
}

ul li.third-li a {
  font-size: 12px;
}

/* The container */
.filter .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.filter .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.filter label {
  font-size: 14px !important;
  max-width: 150px !important;
  display: inline !important;
}

.filter {
  text-align: left;
}

.filter form {
  margin-top: 15px;
  margin-left: 0px;
}

.filter [type="radio"]:checked + label:before,
.filter [type="radio"]:not(:checked) + label:before {
  background: #f65734;
  width: 14px;
  height: 14px;
  top: 2px;
  left: 0px;
  border: 0px;
}

.filter [type="radio"]:checked + label:after,
.filter [type="radio"]:not(:checked) + label:after {
  background: #fff;
  width: 6px;
  height: 6px;
  top: 6px;
  left: 4px;
}

.filter [type="radio"] + label {
  padding-left: 20px !important;
}

.filter [type="radio"]:checked + label,
.filter [type="radio"]:not(:checked) + label {
  padding-right: 30px;
}

.sector_advantage.mobile {
  display: none;
  padding: 0;
  margin: 0;
}

.sector_advantage.mobile p {
  color: #3d3d52;
  font-size: 14px !important;
}

.sector_advantage.mobile p.icon_title {
  font-weight: 600 !important;
}

.sector_advantage.mobile img {
  max-width: 35px;
}

.sector_advantage.mobile .advantages {
  max-width: 220px;
  float: right;
  min-width: auto;
}

.sector_info.mobile {
  display: none;
}

.mobile-contacts {
  text-align: center;
  font-size: 20px;
}

.mobile-contacts p {
  font-size: 20px;
}

a:not(.ui-state-default) {
  color: #f65734;
  text-decoration: none;
}

a:hover {
  color: #f65734 !important;
}

.header_megamenu ul.nav li.main_menu_link ul li a {
  color: black !important;
}

.header_megamenu ul.nav li.main_menu_link ul li a:hover {
  color: #f65734 !important;
}

.header_megamenu ul.nav li.main_menu_link .create-account {
  background: #f65734;
  color: #fff;
  padding: 4px 9px 5px 9px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
}

.header_megamenu ul.nav li.main_menu_link a.btn--login-status span {
  margin-right: 15px;
}
.header_megamenu ul.nav li.main_menu_link a.btn--login-status span:last-child {
  margin-right: 0;
}

.mobile-main {
  margin-top: -150px;
  display: none;
}

.mobile-main.partner-page {
  text-align: center;
}

.mobile-main .advantages {
  margin-bottom: 5px !important;
  margin-right: -10px;
}

.mobile-buttons a.qbutton.white {
  color: #f65734 !important;
  border-color: #f65734 !important;
}

.mobile-buttons a.qbutton {
  margin-right: 10px; /*   add right margin to make space between buttons */
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  min-width: 140px;
  min-height: 42px;
}

.list-artikler .artikler-title a:hover {
  color: #f65734 !important;
  text-decoration: none;
}

.artikel-button i {
  margin-left: 4px !important;
}

.sidebar_right .plashka {
  max-width: 240px;
  min-width: 240px;
}

/*HAMBURGER*/

:root {
  --hamburger-color: #f65734;
  --company-text-color: #f65734;
  --outline-color: #f65734;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

header {
  position: relative;
}

.menu-button {
  /*position: absolute;*/
  /*right: 10px;*/
  /*top: -6px;*/
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  z-index: 1000;
  border: none;
  background: none;
  font-size: 0;
  line-height: 0;
  -webkit-tap-highlight-color: transparent;
}

.menu-button:focus,
nav ul li a:focus {
  outline: none;
}

.menu-button:focus::-moz-focus-inner,
nav ul li a:focus::-moz-focus-inner {
  border: none;
}

.menu-button span,
.menu-button span::before,
.menu-button span::after {
  display: inline-block;
  width: 26px;
  height: 3px;
  border-radius: 2px;
  background: grey;
  background: var(--hamburger-color);
}

.menu-button {
  text-align: right;
}

.menu-button span {
  width: 26px;
  position: relative;
  left: 0;
}

.menu-button span:after {
  width: 26px;
}

.menu-button span:before {
  width: 26px;
}

.menu-button span.hamburger-transition:before {
  width: 26px;
}

.menu-button span.hamburger-transition:after {
  width: 26px;
}

.menu-button span.hamburger-transition {
  background: rgba(0, 0, 0, 0);
}

.menu-button span {
  position: relative;
}

.menu-button span::before {
  content: "";
  background: grey;
  background: var(--hamburger-color);
  position: absolute;
  left: 0;
  bottom: 8px;
  -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-button span.hamburger-transition::before {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-button span::after {
  content: "";
  background: grey;
  background: var(--hamburger-color);
  position: absolute;
  left: 0;
  top: 8px;
  -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-button span.hamburger-transition::after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),
    -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.sidebar_right .plashka .qbutton .fa {
  margin-left: 6px !important;
}

.sidebar_left ul {
  margin-top: 0 !important;
}

/*   added articleContent to differentiate from my document page */
#articlePageBody ul li {
  list-style-type: none;
}
#articlePageBody ul:not(.pagination) li:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f65734;
  position: absolute;
  top: 10px;
  left: -20px;
}

#articlePageBody #latest_articles ul li:before {
  display: none;
}

#articlePageBody:not(.articleContent) h3 {
  font-weight: 500;
}

.sidebar_right ul li:before {
  display: none;
}

.sidebar_left ul li:before {
  display: none;
}

.cart-1 .buttons .qbutton {
  display: inline-block;
  padding: 8px 60px !important;
  border: 1px solid !important;
  margin-top: 10px !important;
}

.cart-1 .buttons .qbutton:hover {
  color: #fff !important;
}

.cart-1 .buttons {
  text-align: right;
  max-width: 860px;
  margin-top: 20px;
}

.popup_container .popup_block {
  background: #fff;
  width: 700px;
  position: absolute;
  left: 50%;
  margin-left: -350px;
  top: 65px;
}

.popup_container .popup_block div {
  margin: 0 !important;
  padding: 0 !important;
}

.popup_container .popup_block {
  padding: 20px;
}

.popup_container .popup_block [type="radio"]:checked + label,
.popup_container .popup_block [type="radio"]:not(:checked) + label {
  display: inline-block !important;
  min-width: 170px;
  padding-right: 0 !important;
}

.popup_container .qbutton.border_button {
  background: transparent !important;
}

.popup_container .qbutton {
  width: 200px;
  text-align: center;
  font-size: 20px;
  padding: 6px 20px !important;
}

.popup_container .buttons {
  text-align: right;
}

.popup_container .popup_block .close-button {
  position: relative;
  top: -35px;
  left: 35px;
  text-align: right;
  max-width: 32px;
  float: right;
}

.popup_container .popup_block {
  border-radius: 5px;
}

.popup_container .popup_block .popup_content {
  text-align: center;
  clear: both;
  position: relative;
  top: -18px;
}

.popup_container .popup_block.thanks {
  width: 400px !important;
  margin-left: -150px;
  top: 50%;
  margin-top: -145px;
}

.popup_container .popup_block.thanks .popup_content h3 {
  color: #4a4a4a !important;
  font-family: Barlow, sans-serif !important;
  font-size: 21px;
  font-weight: 500 !important;
  padding-bottom: 14px;
}

.popup_container .popup_block.thanks .popup_content p {
  font-size: 18px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.popup_container .popup_block.thanks .popup_content a.qbutton {
  font-size: 11px !important;
}

.popup_container .popup_block.thanks .popup_content img {
  padding-bottom: 20px;
}

.popup_container .popup_block.thanks .popup_content .btnCancel,
.popup_container .popup_block.thanks .popup_content .confirmEdit {
  display: inline-block;
  margin-top: 0px !important;
}
.popup_container .popup_block.thanks .popup_content .btnCancel {
  width: 150px;
}

.casework_modal .modal-dialog {
  width: 400px !important;
}

.casework_modal .modal-dialog.popup_container .popup_block {
  position: unset !important;
}

.casework_modal .modal-dialog.popup_container .popup_block.thanks {
  width: unset !important;
  margin-left: unset !important;
  margin-top: unset !important;
}

.casework_modal {
  background: rgba(0, 0, 0, 0.3);
}
.casework_modal.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  z-index: 1000000 !important;
}

#confirmEditModel {
  z-index: 1000000;
}

.audit_modal {
  z-index: 16777271 !important;
}

.grid-table {
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  border: 1px #ccc solid;
}
.grid-table th {
  background: #2699fb;
  vertical-align: middle !important;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 0 !important;
  vertical-align: middle !important;
  border: none !important;
  text-align: center;
}

.grid-table th img {
  margin-top: -2px;
}
.grid-table th a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.grid-table td {
  font-size: 12px;
  padding: 5px;
  vertical-align: middle !important;
  border: 1px dotted gainsboro;
  color: #575555 !important;
}

textarea {
  padding: 10px;
  width: 100%;
  max-width: 600px;
  height: 100px;
  border: none;
  color: black;
  font-family: "Barlow", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  border-radius: 6px;
  background-color: #f7f7f7;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
}

ol {
  list-style-position: outside !important;
}

/*TABS*/
/* Style the tab */
.tab {
  overflow: hidden;
  margin-top: 40px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: transparent;
  float: left;
  border: 1px solid #f65734;
  outline: none;
  cursor: pointer;
  padding: 6px 16px;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 14px;
  min-width: 250px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: transparent;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f65734;
}

/* Style the tab content */

/*MOBILE*/
@media (min-width: 1920px) {
  .sector_advantage .advantages .block {
    max-width: 345px;
  }
}

@media screen and (max-width: 1500px) {
  .quality {
    display: none;
  }
}

@media screen and (max-width: 1415px) {
  .header-contact {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1348px) {
  .sector_advantage .advantages .block {
    max-width: 335px;
  }
}

@media screen and (max-width: 1215px) {
  .hamburger {
    display: block;
    width: 100%;
    padding-top: 18px;
  }

  .cart {
    display: block;
    width: 10%;
    padding-top: 54px;
    text-align: center;
  }

  .cart img {
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 1000px) {
  .sector_artikler .buttons {
    margin-top: 15px !important;
  }

  .sector_advantage .advantages .block {
    max-width: 300px;
  }
}

@media (min-width: 600px) and (max-width: 1000px) {
  .sector_advantage .advantages .block img {
    margin-right: 8px; /*   reduce right margin space */
  }

  .sector_advantage .advantages .block p.icon_title {
    white-space: nowrap;
  }

  .sector_advantage .advantages {
    padding: 15px 0 15px 15px;
  }
}

@media screen and (max-width: 990px) {
  .partners {
    width: 50%;
  }
}

@media (min-width: 860px) {
  .process {
    margin: 0 auto;
    text-align: center;
  }

  .cart-1 .buttons {
    margin: 0 auto;
  }
}

@media screen and (max-width: 890px) {
  .sector_advantage .advantages .block {
    max-width: 240px;
  }
}

@media screen and (max-width: 860px) {
  .col-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100% !important;
  }

  .sector_info img {
    margin-top: 30px;
  }

  .popup_container .popup_block {
    width: 350px !important; /*   to set popup width */
    margin-left: -175px !important;
    top: 40px;
  }

  .popup_container .popup_block [type="radio"]:checked + label,
  .popup_container .popup_block [type="radio"]:not(:checked) + label {
    max-width: 170px !important;
    min-width: 132px !important;
  }

  .popup_container .popup_block h1 {
    font-size: 23px !important;
    margin: 0 !important;
    line-height: 30px !important;
  }

  .popup_container .popup_block .qbutton {
    padding: 5px !important;
    font-size: 12px !important;
  }

  .popup_container .popup_block.thanks .popup_content .btnCancel {
    width: 84px !important;
    padding-top: 4px !important;
  }

  .popup_container .popup_block.thanks .popup_content .confirmEdit {
    width: 150px !important;
  }

  /* [Added]  */
  .popup_container .popup_block.thanks h3 {
    font-size: 18px !important;
  }

  /* [Added]  */
  .popup_container .popup_block.thanks p {
    font-size: 15px !important;
  }

  .popup_container .popup_block.thanks {
    width: 330px !important;
  }
}

@media screen and (max-width: 768px) {
  .sector_advantage .advantages .block {
    max-width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .product-timeline.py-5 {
    padding-bottom: 1.5rem !important;
  }

  .sign-up-in {
    padding: 30px 20px;
  }

  .show-doc a {
    display: block;
  }

  .show-doc button {
    display: none;
  }

  .show-doc a {
    background: #2f3651;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    text-align: center;
    color: #fff !important;
    padding: 4px 0 0 3px;
  }

  .show-doc a.disabled {
    opacity: 0.3;
  }

  .product-info-right {
    padding-left: 0;
  }

  .product-info .product-info-icon {
    display: none;
  }

  .product-info .product-title-icon .product-icon {
    display: block;
  }

  .product-info-right h3 {
    margin-left: 10px;
  }

  .product-info-right .product-title-icon span,
  .product-info-right h3 {
    align-self: center;
    font-size: 16px;
    line-height: 1;
  }

  .product-info-right li p:first-child {
    flex: 1;
  }

  .product-info-right li p.product-modified-date,
  .product-info-right li p.product-created-date {
    display: none;
    color: var(--gray-500, #6b7280);
  }

  .product-info-right li p.product-modified-date-mobile,
  .product-info-right li p.product-created-date-mobile {
    display: inline-block;
    color: var(--gray-500, #6b7280);
  }

  .edit-document {
    display: flex;
  }

  .product-info-right li a.edit-document {
    display: block;
  }

  .showhide-sectionbox {
    padding-left: 0;
  }

  .document-in {
    padding: 40px 10px 20px;
  }

  .show-sign-btn {
    right: unset;
    width: 100%;
  }

  button.show-btn,
  button.sign-btn {
    font-size: 15px;
    padding: 7px 6px;
    /*flex: 1;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  button.show-btn.edit {
    display: none;
  }

  .show-hide-sec .showhide-sectionbox {
    padding-left: 0;
  }

  .email-sec {
    display: block;
  }

  .em-sec {
    margin: 0 0 20px;
  }

  .email-sec input[type="checkbox"] {
    margin: 0 20px 0 0;
  }

  .em-sec {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .sector_advantage .advantages .block {
    max-width: 186px; /*   increase product price box */
  }
}

@media screen and (max-width: 600px) {
  /*   wizzard input for mobile */
  .timeline-module .input-container.large,
  .timeline-module .input-container.medium,
  .timeline-module .input-container.small {
    width: unset !important;
  }

  .timeline-module input.small,
  .timeline-module input.medium,
  .timeline-module input.large {
    width: 100% !important;
  }

  .timeline-module label.small,
  .timeline-module label.medium,
  .timeline-module label.large {
    width: 100% !important;
  }

  .sector_advantage .advantages .block {
    max-width: 100%;
  }

  .cart-1 .buttons {
    text-align: center;
    max-width: 800px;
    margin-top: 0;
  }

  /* DesCss */

  [type="checkbox"]:not(:checked) + label,
  [type="checkbox"]:checked + label {
    padding-left: 35px;
  }

  [type="radio"]:checked + label,
  [type="radio"]:not(:checked) + label {
    padding-right: 0 !important;
  }

  [type="radio"]:checked + label,
  [type="radio"]:not(:checked) + label {
    padding-right: 0 !important;
  }

  .filter [type="radio"] + label {
    padding-left: 30px !important;
  }

  div.comp-buttons:not(.partner-page) {
    display: none !important;
  }

  .mobile-main {
    display: block !important;
  }

  h1 {
    font-size: 25px !important; /*   reduce H1 font of mobile */
  }

  .sector_info.mobile {
    display: block !important;
    margin-top: 20px;
  }

  .sector_advantage {
    display: none !important;
  }

  .sector_advantage.mobile {
    display: block !important;
  }

  .artikel_block {
    margin: 30px 0 !important;
    background: #fff;
    padding: 20px 20px;
  }

  .filter [type="radio"]:checked + label,
  .filter [type="radio"]:not(:checked) + label {
    padding-right: 0px !important;
  }

  .filter form {
    margin-left: -12px !important;
  }

  .sector_advantage {
    margin-top: 0px;
    padding-top: 20px;
  }

  .sector_advantage .advantages {
    max-width: 100%;
    padding: 20px 0 0 20px;
    float: none;
  }

  .sector_advantage .advantages .block {
    margin-bottom: 0;
  }

  .sector_artikler .list-artikler ul li:after {
    width: 5px !important;
    height: 8px !important;
    margin-top: -4px !important;
    background: url("img_new/blog-mobile-arrow.png") no-repeat center center !important;
  }

  .list-artikler ul {
    padding: 0 !important;
    margin-top: 0 !important;
  }

  .sector_artikler .list-artikler ul {
    margin-top: 0 !important;
  }

  .list-artikler ul li {
    padding: 0 !important;
    height: 27px !important;
  }

  .list-artikler ul li .date {
    display: none;
  }

  .list-artikler .artikler-title {
    margin: 0 !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #f65734 !important;
  }

  .list-artikler .artikler-title a {
    color: #f65734 !important;
    line-height: 26px !important;
  }

  .partners {
    width: 33%;
    text-align: center;
    margin: 0 auto;
  }

  .sector_artikler .buttons {
    text-align: left;
    margin-top: 25px !important;
    padding-left: 10px;
  }

  .sector_artikler .content-artikler {
    padding: 0 13px;
  }

  .sector_artikler {
    padding: 50px 20px 15px 20px;
  }

  .sector_info {
    padding: 20px 0px 10px 0px; /*   reduce padding botton for mobile */
  }

  .sector_info img {
    margin-top: 30px;
  }

  .sector_info p.section_excerpt {
    margin-bottom: 10px;
  }

  .sector_info .buttons {
    margin-top: 40px;
  }

  .breadcrumbs {
    display: none;
  }

  .zoom-icon input {
    font-size: 17px;
  }

  input[type="search"] {
    height: 50px;
  }

  .sector_artikler .buttons a {
    margin: 0 !important;
  }

  h1 {
    line-height: 20px !important;
  }

  .zoom-icon:after {
    display: none;
  }

  .zoom-icon {
    margin-top: 30px;
  }

  h2 {
    font-size: 37px !important;
  }

  div.quality {
    display: none;
  }

  .section_title {
    font-size: 29px !important;
  }

  .artikel_block h4 {
    line-height: 26px !important;
  }

  h1 {
    line-height: 40px !important;
  }

  .filter [type="radio"]:checked + label:before,
  .filter [type="radio"]:not(:checked) + label:before {
    left: 10px;
  }

  .filter [type="radio"]:checked + label:after,
  .filter [type="radio"]:not(:checked) + label:after {
    left: 14px;
  }

  /*   Remove margin top for mobile to show white info box */
  .main_info.top_banner {
    margin-top: 0px !important;
  }

  /*   Media screen for forgot password */

  .validationMessage {
    max-width: 280px;
  }
}

@media screen and (max-width: 568px) {
  .partners {
    width: 100%;
  }

  [type="radio"]:checked + label,
  [type="radio"]:not(:checked) + label {
    padding-right: 0 !important;
  }

  .sector_artikler .content-artikler {
    padding: 0;
  }

  .sector_artikler .buttons a.qbutton {
    padding: 3px 10px !important;
  }

  .sector_artikler .buttons {
    padding-left: 0 !important;
  }

  .tab button {
    min-width: 230px !important;
  }
}

@media screen and (max-width: 500px) {
  .process {
    display: block;
  }
}

@media screen and (max-width: 490px) {
  .tab button {
    min-width: 210px !important;
  }
}

@media screen and (max-width: 450px) {
  .tab button {
    min-width: 180px !important;
  }
}

@media screen and (max-width: 430px) {
  .tab button {
    min-width: 109px !important;
    font-size: 14px !important;
  }
}

@media screen and (max-width: 423px) {
  .documents_block.acco {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 380px) {
  .popup_container .popup_block {
    width: 270px;
  }

  .popup_container .popup_block {
    margin-left: -135px;
  }

  .popup_container fieldset {
    margin-bottom: 10px;
  }

  .show-hide-sec button.show-btn {
    margin-left: 0;
  }
}

@media screen and (max-width: 371px) {
  .mobile-buttons a {
    margin-bottom: 10px;
    display: block;
  }

  /* */
  .mobile-buttons a.qbutton.small-mobile {
    float: left;
  }
}

tr.total td:nth-child(2) {
  font-weight: 600;
  text-align: right !important;
  padding: 5px !important;
}

tr.total td:nth-child(3) {
  font-size: 12px;
  /*font-weight: 600;*/ /*  */
  white-space: nowrap;
  padding: 5px;
}

/* Added CSS */
.completed > .accordion:after {
  content: "\f00c";
  width: 22px;
  height: 16px;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -20px;
  color: #96db4b;
  font-size: 26px;
  font-family: "FontAwesome", sans-serif;
}

.articleSearchResultCount {
  margin-top: 20px;
}

.input-element label {
  position: relative;
}

#homeBannerSearch input[type="search"] {
  box-sizing: border-box;
}

/*FAQ*/
.article-step {
  display: flex;
  padding-left: 15px;
  position: relative;
}

.article-step .step-number {
  padding-right: 18px;
  border-left: solid lightgray 4px;
}

.article-step .step-number p {
  border-radius: 100%;
  width: 34px;
  height: 34px;
  background: #ee5b38;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0px;
  top: 0px;
}

.article-step .step-text {
  padding-left: 10px;
}

.article-step .step-text h3 {
  margin-top: 0px;
}
/* General page */
.general_page_summary {
  font-size: 20px;
  font-weight: 500;
}

/* Main menu login button*/
.btn--login-status {
  background: none !important;
  border: none;
  padding: 21px 0 !important;
  font-family: "Barlow", sans-serif;
  color: #f65734;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
}

/* Main menu login button*/

/* save draft popup */
.popup_container .popup_content .qbutton {
  font-size: 16px;
}

.required::after {
  content: "*";
  color: #f6603e !important;
}

.required_marker {
  color: #f6603e !important;
}

.sector_info.mobile p.icon_title {
  font-size: 15px !important;
  font-family: "Barlow", sans-serif !important;
  font-weight: 500;
  margin-bottom: 5px;
}
/* end: find document mobile */

/* Start Article page content */
.articleContent ol {
  padding-left: 22px;
}

.articleContent ul {
  padding-left: 29px;
}

.articleContent ol li {
  font-family: "Barlow", sans-serif !important;
  color: black;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}

.articleContent ol li::marker {
  font-weight: 500;
}

.articleContent table {
  font-family: "Barlow", sans-serif !important;
  color: #6a6a6a;
  font-size: 15px;
  font-weight: 400;
  width: 100% !important;
}

.articleContent table td,
.articleContent table td p {
  vertical-align: middle !important;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.articleContent table td:first-child,
.articleContent table td:first-child p {
  text-align: left;
}

.articleContent table td:first-child + td,
.articleContent table td:first-child + td p {
  text-align: right;
}

.articleContent .articleVideo {
  text-align: center;
}

.articleContent H3 {
  color: #6a6a6a;
  font-family: "Inter";
  font-weight: 500;
}

.articleContent H2 {
  margin-top: 30px;
  margin-bottom: 0.8rem;
}

/* End: Article page content */

/* Forgot password and resetForm */

/* End: Forgot password */
/* Copy from old main*/
.voucher-error {
  color: red;
}

#btnCancelConfirmLogin {
  cursor: pointer;
}

.header-company-email {
  color: #aaa !important;
}
.phone-opening-hours {
  color: #aaa !important;
}

.hidden {
  display: none;
}

.debug-window {
  position: fixed;
  right: 10px;
  top: 30px;
  padding: 5px;
  background: #fff;
  border: solid 1px #ccc;
  width: 550px;
  font-size: 70%;
  max-height: 95%;
  overflow: auto;
  z-index: 999999;
}

.manual-signature-change-state {
  padding-top: 25px;
  text-align: center;
}

@media screen and (min-width: 767px) {
  .buttons.manual-signature {
    text-align: center;
  }
}