
#main
  .vrtx-frontpage-box.extra-margin-h2
  .navigation-links.navigation-links-three-columns {
  margin-top: 30px;
}

.autocomplete-search-component input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #828890;
  opacity: 1; /* Firefox */
}

.autocomplete-search-component input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #828890;
}

.autocomplete-search-component input::-ms-input-placeholder { /* Microsoft Edge */
  color: #828890;
}


/* input field 1/3 width */
.vrtx-frontpage-box.third-box-left .autocomplete-search-component input,
.vrtx-frontpage-box.third-box-middle .autocomplete-search-component input,
.vrtx-frontpage-box.third-box-right .autocomplete-search-component input  {
  width: 90%;
}

/* input field 1/2 width */
.vrtx-frontpage-box.half-box-left .autocomplete-search-component input {
  width: 70%;
}


/* IT-tjenester  / nettskjema / frontpage.html: left aligned on top: fullwidth */
 #vrtx-frontpage #main  .vrtx-frontpage-box.search-left input {
    width: 50%;
 }


/* IT-tjenester frontpage current version */
/* Search on top version */
/* search icon show / hide */
.autocomplete-search-component form fieldset {
  position: relative;
 }
 .autocomplete-search-component form fieldset::before {
    content: "";
    width: 29.9px;
    height: 29.9px;
    left: 21px;
    top: 20.7px;
    display: block;
    position: absolute;
    pointer-events: none;
    background: url(/vrtx/dist/resources/images/autocomplete-search/magnifying-glass-grey.svg) no-repeat center center;
    display: none;
}

/* article */

/* stilsette autos?k i hjelpeartikler + nettskjema / hjelp -forsidemal  */
#vrtx-structured-article .autocomplete-search-component,
.feedback-autocomplete-contact .autocomplete-search-component {
 /* width: 48.5%;
  float: right;
  margin: 60px 0 3% 1.5%; */
  width: 100%;
  /*padding: 50px 25px 25px 25px;*/
  background: transparent;
}

#vrtx-structured-article .autocomplete-search-component {
  padding: 10px 90px 50px 90px;
}

#vrtx-structured-article .autocomplete-search-component .search-title,
body
  #main
  .feedback-autocomplete-contact
  .autocomplete-search-component
  .search-title {

  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 10px;
  text-align: center;
  display: block;
    font-size: 2.8rem;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: .4px;
}

#vrtx-structured-article .autocomplete-search-component form,
.feedback-autocomplete-contact .autocomplete-search-component form {
  margin: 20px 0;
  text-align: center;
}

#vrtx-structured-article .autocomplete-search-component input,
.feedback-autocomplete-contact .autocomplete-search-component input {
  width: 90%;

}


#vrtx-structured-article .autocomplete-search-component input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

}
#vrtx-structured-article .autocomplete-search-component input::-moz-placeholder { /* Firefox 19+ */

}
#vrtx-structured-article .autocomplete-search-component input:-ms-input-placeholder { /* IE 10+ */

}
#vrtx-structured-article .autocomplete-search-component input:-moz-placeholder { /* Firefox 18- */

}



#vrtx-structured-article .autocomplete-search-component form fieldset::before {
    left: 41px;
}

 .autocomplete-search-component form.active fieldset::before
{
  display: none;
}

 .autocomplete-search-component form fieldset input:active,
.autocomplete-search-component form fieldset input:focus-within,
.autocomplete-search-component form.active fieldset input
 {
  padding-left: 21px;
}



/* end icon */
#main
  .grid-container
  .vrtx-frontpage-box.autocomplete-search-component-top
  .vrtx-box-content {
  padding: 40px 0;
}

.vrtx-frontpage-box.autocomplete-search-component-top
  .autocomplete-search-component
  form
  input {
  width: 100%;
}


/* hide component title in frontpages */
#vrtx-contact-supervisor .autocomplete-search-component span.search-title,
.vrtx-frontpage-box .autocomplete-search-component span.search-title {
  display: none;
}

   body .ac_results ul#ac_results li {
     font-size: 2rem;
  }
@media only screen and (max-width:1070px) {
  /* article */
  #vrtx-structured-article .autocomplete-search-component form fieldset::before {
    left: 51px;
  }
}
@media only screen and (max-width: 16cm) and (orientation: portrait),
  only screen and (max-width: 19cm) and (orientation: landscape) {

  .autocomplete-search-component input,
  #vrtx-frontpage #main .vrtx-frontpage-box .autocomplete-search-component form input,
  #vrtx-frontpage #main .vrtx-frontpage-box.search-left input,
  .vrtx-frontpage-box.autocomplete-search-component-top .autocomplete-search-component form input  {
    width: 100%;
  }

   body .ac_results {
    width: 100% !important;
    left: 0% !important;
    right: 0% !important;
    border: none;
    background: transparent;
  }

   body .ac_results ul {
    border: 1px solid #d0d0d0;
    margin: 10px 15px;
    background: white;
  }


  /* autos?k i hjelpeartikler */
  #vrtx-structured-article .autocomplete-search-component {
    padding: 20px;
  }


  #vrtx-structured-article .autocomplete-search-component,
  body #main .feedback-autocomplete-contact .autocomplete-search-component {
    width: 100%;
    margin-left: 0;
    padding: 40px 0;
  }


  #vrtx-structured-article #main .autocomplete-search-component,
  #vrtx-structured-article #main .vrtx-feedback,
  body #main .feedback-autocomplete-contact .autocomplete-search-component,
  body #main .feedback-autocomplete-contact.vrtx-feedback {
    margin-top: 20px;
  }


  #vrtx-structured-article #main .autocomplete-search-component .search-title,
  #vrbody
    #main
    .feedback-autocomplete-contact
    .autocomplete-search-component
    .search-title {
    padding-left: 20px;
    padding-right: 20px;
  }


  #vrtx-structured-article .autocomplete-search-component form {
  width: 100%;
  }

#vrtx-structured-article .autocomplete-search-component input,
.feedback-autocomplete-contact .autocomplete-search-component input {
  width: 100%;

}


  #vrtx-structured-article .autocomplete-search-component form fieldset::before {
    left: 21px;
  }


  #vrtx-structured-article .ac_results {
      width: 100% !important;
      margin: 10px auto;
  }

}
