.form-group {
    position: relative;
    margin: 10px 0px;
    padding-bottom: 10px;
}
.form-group input,
.form-group select,
.form-group textarea {
    padding: 10px;
    font-size: 16px;
    background-color: transparent;
    transition: 0.15s all ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #eee;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
    color: transparent;
}
/* pastikan label floating tidak terpengaruh .col-form-label bootstrap */
.form-group .form-label {
  position: absolute !important;
  top: 9px !important;
  left: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}

/* kondisi naik ke atas */
.form-group input:focus + .form-label,
.form-group select:focus + .form-label,
.form-group textarea:focus + .form-label,
.form-group input:not(:placeholder-shown) + .form-label,
.form-group textarea:not(:placeholder-shown) + .form-label,
.form-group input.filled + .form-label,
.form-group select.filled + .form-label,
.form-group textarea.filled + .form-label {
  transform: translate(5px, -20px);
  background-color: #eee;
  border-radius: 4px;
  font-size: 11.5px;
  color: #333;
}