.search-bar {
  display: flex;
  align-items: center;
  margin: 0 0 var(--vspace-xl, 32px);
  padding: 15px;
  background: #fff;
  border: solid 1px #ddd;
}

.search-bar .form-item {
  max-width: unset;
  width: 100%;
  margin: 0;
}

.form-item input {
  width: 100%;
}

.search-button-wrapper {
  /*margin-left: -22px;*/
}

.search-button-wrapper input[type="submit"] {
  all: unset;
  display: revert;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5Ij4KICA8cGF0aCBpZD0iTHVwZSIgZD0iTTE1LjY0MywxNC4yOWw1LjEzNSw1LjE0NWEuOTUzLjk1MywwLDAsMS0xLjM1MywxLjMzNEwxNC4zLDE1LjY0M0E3LjYyMiw3LjYyMiwwLDEsMSwxNS42NDMsMTQuM1pNOS42MjIsMTUuMzM4QTUuNzE2LDUuNzE2LDAsMSwwLDMuOTA1LDkuNjIyLDUuNzE2LDUuNzE2LDAsMCwwLDkuNjIyLDE1LjMzOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjAwMiAtMi4wMDIpIi8+Cjwvc3ZnPgo=) no-repeat center;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.search-button-wrapper input[type="submit"]:hover,
.search-button-wrapper input[type="submit"]:focus {
  background-color: #fff;
}



@media only screen and (min-width: 768px) {
  .filter-bar {
    display: flex;
    margin: 20px 0 20px 0;
  }
}

.filter-bar label {
  display: block;
  position: static;
  clip: unset;
  height: auto;
  overflow: unset;
  color: var(--dark-grey);
  font-size: 1rem;
  margin: 0 0 20px 0;
  white-space: nowrap;
  align-self: center;
}

@media only screen and (min-width: 768px) {
  .filter-bar label {
    margin: 0 15px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .filter-bar .form-item {
    margin: 0 30px 0 0; } }

.filter-bar .form-select {
  padding: 10px 35px 8px 13px;
  font-size: 1rem;
  color: var(--text-color);
  background-position: right 5px top 50%;
  height: 42px; }

.filter-bar option {
  padding: 0; }

.filter-bar .select-wrapper {
  margin-bottom: 20px;
}

.has-glyphicons .form-type-select .select-wrapper:after {
  content: '\e072';
  //content: '\e250';
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color:  #e5007d;
  padding-left: 0.5em;
  padding-right: 0.5em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) {
  .form-item-sort {
    display: flex;
  }
}


#total-result {
  font-size: 16px;
  margin: 0 0 var(--vspace-m, 16px);
}