.fp-field {
  position: relative;
}

.fp-form .fp-floating-label, .fp-floating-label {
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
  display: inline-block;
  padding: 0 0.25rem;
  line-height: 1;
  background-color: #fff;
  cursor: text;
  transition: all 300ms cubic-bezier(0.23,1,0.32,1);
  z-index: 2;
  color: #8E8E8E;
}

.fp-form .fp-floating-label--select, .fp-floating-label--select {
  cursor: pointer;
}

.fp-form .fp-floating-label--focused, .fp-form .fp-floating-label--valued,
.fp-floating-label--focused, .fp-floating-label--valued {
  font-size: 0.75rem;
  transform: translateY(-155%);
}

.fp-form .disabled, .fp-form .disabled .fp-floating-label {
    pointer-events: none;
    background: #e9ecef;
}

.fp-form .form-group label.error, .form-group label.error {
    font-weight: normal;
    font-size: 14px;
    color: red;
}

@media only screen and (max-width: 767px) {
    .fp-date-field {
        width: 100% !important;
    }

    .fp-time-field {
        width: 100% !important;
    }
}