
.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee; 
}

.floating-label-form-group input,
.floating-label-form-group textarea {
  font-size: 18px;
  position: relative;
  z-index: 1;
  padding: 0;
  resize: none;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none !important;
}

.floating-label-form-group input::-webkit-input-placeholder,
.floating-label-form-group textarea::-webkit-input-placeholder {
  color: #777777;
}

.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -moz-transition: top 0.3s ease, opacity 0.3s ease;
  -ms-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
}

.floating-label-form-group .help-block {
  margin: 10px 0 0;
}

.floating-label-form-group .help-block.text-danger {
  color: #a94442;
}

.floating-label-form-group .help-block ul {
  list-style: none;
  padding: 0;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1; 
}

.floating-label-form-group-with-focus label {
  color: #0085A1; 
}

form .form-group:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee; 
}