input,
select,
button,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;/* Firefox */
}

@media (max-width: 600px) {

  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}

select {
  color: black !important;
  /*
  text-shadow: 0 0 0 black !important;
  */
}

input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="date"], textarea {
  font-size: 1rem;
  padding: 14px;
  border-radius: 5px;
  border: 1px solid #cad0d9;
  box-sizing: border-box;
  width: 100%;
}

/*hide the up and down arrows*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

textarea {
  font-family: inherit;
  resize: none;
}

.abr-form label {
  margin-bottom: 0!important; /* Woo */
}


.abr-form__flexbox {
  display: flex;
  gap: 20px 20px;
  flex-wrap: wrap;
}

.abr-form__flexbox > * {
  flex: 1;
}



.abr-form__flexbox.abr-form__flexbox--2-col > * {
  flex: 0 0 calc(50% - 10px);
}

@media(max-width: 1160px) {
  .abr-form__flexbox > * {
    flex: 0 0 calc(50% - 10px);
  }

  .abr-form__flexbox.abr-form__flexbox--2-col > * {
    flex: 0 0 100%;
  }
}

.abr-form__select-container {
  position: relative;
  cursor: pointer;
  margin-top: 8px;
}

.abr-form__select-container::after {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="75 148 298 183" height="8px"><path d="M212.7 331.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4 75.3 148.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z"/></svg>');
  position: absolute;
  top: 0;
  bottom:0;
  right: 0;
  height: 100%;
  width: 48px;
  background-color: #f5f5f6;
  border: 1px solid #cbcccb;
  border-radius: 0 3px 3px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2b2e31;
  box-sizing: border-box;
  pointer-events: none;
  padding-bottom: 2px;
}

.abr-form__select-container select {
  padding: 14px 60px 14px 14px;
  border-radius: 5px;
  border: 1px solid #cbcccb;
  box-sizing: border-box;
  width: 100%;
  margin: 0!important;
  font-size: 1rem;
  cursor: pointer;
}





.abr-form__field.abr-form__field--dimensions-old > label{
  white-space: nowrap;
  margin-bottom:0;
}

.abr-form__field.abr-form__field--dimensions-old > span{
  white-space: nowrap;

}







.abr-form__field.abr-form__field--dimensions .abr-form__input-wrapper {
  position: relative;
  cursor: pointer;
  margin-top: 8px;
}

.abr-form__field.abr-form__field--dimensions .abr-form__input-wrapper::after {
  content: 'In';
  position: absolute;
  top: 0;
  bottom:0;
  right: 0;
  height: 100%;
  width: 48px;

  border-radius: 0 3px 3px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2b2e31;
  box-sizing: border-box;
  pointer-events: none;

}

/*circle*/
.abr-form__field.abr-form__field--dimensions.abr-form__field.abr-form__field--dimensions--only-one {
  flex: 0 0 calc(50% - 10px);
}