.tx_wta_search {
  max-width: 800px;
  margin-top: 30px;
}

.tx_wta_search .group {
  margin-bottom: 30px;
}

.floating-label {
  position:relative;
  margin-bottom:20px;
}

.floating-input,
.floating-select {
  font-size: 1.25rem;
  padding: 4px 0;
  display:block;
  width:100%;
  height:30px;
  background-color: transparent;
  border:none;
  border-bottom:1px solid #757575;
}

.floating-input:focus,
.floating-select:focus {
  outline:none;
  border-bottom:2px solid #ef7d00;
}

.floating-label label {
  font-size:16px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  top:5px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label,
.floating-input:not(:placeholder-shown) ~ label {
  top:-18px;
  font-size:16px;
  color:#ef7d00;
}

.floating-select:focus ~ label,
.floating-select:not([value=""]):valid ~ label {
  top:-18px;
  font-size:16px;
  color:#ef7d00;
}

.floating-input:focus ~ .bar:before,
.floating-input:focus ~ .bar:after,
.floating-select:focus ~ .bar:before,
.floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.floating-textarea {
  min-height: 30px;
  max-height: 260px;
  overflow:hidden;
  overflow-x: hidden;
}

.floating-input-small {
  max-width: 150px;
  display: inline-block;
}

.floating-label .annotation {
  margin-top: 6px;
  font-size: 16px;
  user-select: none;
}