.search-header {
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 47.99em) {
  .search-header {
    margin-top: 20px;
  }
}
@media (min-width: 48em) {
  .search-header {
    margin-left: 14px;
  }
}
.search-header input[type=text] {
  font-size: 0.9375rem;
  border: 0;
  margin: 0;
  padding: 5px 36px 0 0;
  color: #072049;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  height: inherit;
  line-height: 1.8;
}
.search-header input[type=text]::-moz-placeholder {
  color: #072049;
  opacity: 1;
}
.search-header input[type=text]::placeholder {
  color: #072049;
  opacity: 1;
}
.search-header__button-wrap {
  width: 0;
}
.search-header__icon:after {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/search-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 100%;
  position: absolute;
  right: 8px;
}
.search-header__icon:after {
  cursor: pointer;
}
.search-header .form-item {
  width: 100%;
  margin: 0;
}
@media (min-width: 64em) {
  .search-header .form-item {
    width: 210px;
  }
}
.search-header .form-submit[data-twig-suggestion=header_search_submit] {
  background-color: transparent;
  border: 0;
  width: 48px;
  height: 48px;
  position: absolute;
  right: 0;
  top: -12px;
}
.search-header #edit-actions {
  margin: 0;
}
.search-header label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}
/*# sourceMappingURL=search-header.css.map */
