/**
 * @file
 * The visual styles for Bartik's search form(s).
 */

.search-form {
  font-size: 0.875rem;
}
.search-form .form-search {
  float: left; /* LTR */
  margin-right: 5px; /* LTR */
  padding: 4px;
}
[dir="rtl"] .search-form .form-search {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}
.button.search-form__submit,
.search-form__submit {
  overflow: hidden;
  width: 34px;
  height: 26px;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  cursor: pointer;
  text-indent: -9999px;
  direction: ltr;
  background: #f0f0f0 url(../../../../misc/icons/505050/loupe.svg) no-repeat center;
}
.button.search-form__submit:hover,
.search-form__submit:hover,
.button.search-form__submit:focus,
.search-form__submit:focus {
  background: #dedede url(../../../../misc/icons/424242/loupe.svg) no-repeat center;
}
.search-form .form-item-keys label {
  display: block;
}

/** Search Element on Header **/

#block-searchform{
  margin-top:0px;
}

#block-nasmhpd2022-account-menu {
  color:#FFF;
  margin-bottom: 0px;
  border:none;
}

#block-nasmhpd2022-account-menu a{
  color:#FFF;
  text-transform: uppercase;
  text-align: right;
  font-size: 14px;
}

#block-searchform .container-inline {
  height: 30px;
  flex-wrap: nowrap;
  position: relative;
  white-space: nowrap;
  display: inline-table;
  object-fit: cover;
}

#block-searchform input#edit-keys--2,
#block-searchform input#edit-keys{
  border: solid #fff;
  border-radius: 8px 0 0 8px;
  padding: 4px 2px 4px 10px;
  background-color: #9cc350;
  width: 200px;
  height: 32px;
  border-right: 0px;
}

#block-searchform input#edit-submit--2,
#block-searchform input#edit-submit{
  margin-right: 0;
  border: solid #fff;
  border-radius: 0 8px 8px 0;
  margin-left: -4px;
  background-color: #8daf4c !important;
  background-image: none;
  color: #fff !important;
  height: 32px !important;
  width: 32px !important;
  border-left: 1px;
  border-left: 0px;
  color:#8daf4c !important;
  line-height: 22px;
  }

  #block-searchform #edit-actions,
  #block-searchform #edit-actions--2{
    position: relative;
    margin-top:0px;
    margin-bottom: 0px;
  }
  #block-searchform #edit-actions::after,
  #block-searchform #edit-actions--2::after{
    content: "\f002";
    font-family: FontAwesome;
    font-size: 13px;
    position: absolute;
    right:12px;
    top:4px;
    pointer-events: none;
    color:#fff;
  }