#icnd-search {
  --searchFont: 0.9rem;
  width: 60vw;
  /* below 1350 - change to 80vw, below 880 - change to 95vw */
  display: grid;
  grid-auto-columns: 23fr 25fr 14fr 18fr;
  grid-auto-flow: column;
  filter: drop-shadow(5px 5px 10px #000000);
}
@media screen and (max-width: 1350px) {
  #icnd-search {
    width: 80vw;
  }
}
@media screen and (max-width: 880px) {
  #icnd-search {
    width: 95vw;
  }
}
@media screen and (max-width: 640px) {
  #icnd-search {
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }
}
#icnd-search .dashicons-search {
  font-size: 2rem;
  padding-right: 1em;
}
#icnd-search .dashicons-insert,
#icnd-search .dashicons-remove {
  color: grey;
}
#icnd-search fieldset {
  background-color: white;
  border: 1px lightgray solid;
  padding-left: 0.5rem;
  text-align: left;
}
#icnd-search fieldset label {
  color: #3572ad;
  text-align: left;
  width: 100%;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0;
}
#icnd-search fieldset:first-child {
  border-radius: 100vw 0 0 100vw;
  padding-left: 1rem;
}
@media screen and (max-width: 640px) {
  #icnd-search fieldset:first-child {
    border-radius: 8px 8px 0 0;
    padding-left: 0rem;
  }
}
#icnd-search input {
  border: none;
  font-size: var(--searchFont);
  width: 100%;
}
#icnd-search input::placeholder {
  color: rgb(0, 0, 0);
  font-size: var(--searchFont);
  font-family: Raleway, Verdana, Helvetica, Arial;
  opacity: 1;
  /* Firefox */
}
#icnd-search input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #3572ad;
  font-size: var(--searchFont);
}
#icnd-search #guestCount {
  width: calc(100% - 50px);
  text-align: left;
}
#icnd-search a[data-guestCount] {
  text-decoration: none;
  display: inline-block;
}
#icnd-search #rentalz-search-submit {
  border-radius: 0 100vw 100vw 0;
  height: 100%;
  background-color: #fa044e;
  color: white;
  border: none;
  width: 100%;
  /*TODO: below 162px - we should change the font-size to scale with the container, until we stack the search-bar */
  font-size: 1.375rem;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 640px) {
  #icnd-search #rentalz-search-submit {
    border-radius: 0 0 8px 8px;
  }
}
#icnd-search #rentalz-search-submit:hover {
  background-color: hsl(210, 56.6%, 44.3%);
}
#icnd-search.submitted #rentalz-search-submit {
  background-color: hsl(210, 56.6%, 44.3%);
}
#icnd-search .icon {
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.75rem;
}

/* Standard syntax */
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.apply-shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

#hotelRangePicker + .form-control {
  background: none;
  padding: 0;
  height: 27px;
  line-height: 24px;
}
#hotelRangePicker + .form-control:focus {
  box-shadow: none;
}

.autoComplete_wrapper {
  display: block;
}
.autoComplete_wrapper input {
  height: auto;
  background-image: none;
  padding: 0;
  color: black;
}
.autoComplete_wrapper input:focus, .autoComplete_wrapper input:hover {
  color: black;
}
.autoComplete_wrapper ul {
  right: -180px;
}
.autoComplete_wrapper ul li {
  padding: 0;
}
.autoComplete_wrapper mark {
  padding: 0;
}

.autoComplete_wrapper > input::placeholder {
  font-size: var(--searchFont);
}

.autoComplete_wrapper > input::-ms-input-placeholder {
  font-size: var(--searchFont);
}

.autoComplete_wrapper > ul > li mark {
  color: #fa044e;
}

#marketAutoComplete {
  padding-left: 0.2rem;
}