.form-material {
  position: relative;
  margin: 10px 0 10px;
}
.form-material > label,
.form-material.floating > .form-control:focus + label,
.form-material.floating.open > label {
  position: absolute;
  top: -.5rem;
  left: 0;
  font-size: 13px;
  font-weight: 600;
  -webkit-transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  transform: translateY(-24px);
}
.form-material.floating > .form-control:-webkit-autofill + label {
  font-size: 13px;
  font-weight: 600;
  cursor: default;
  -webkit-transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  transform: translateY(-24px);
}
.form-material.floating > label {
  font-size: 1.25rem;
  font-weight: 400;
  color: #6c757d;
  cursor: text;
  z-index: 10;
  padding: .5rem 1rem;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.form-material.floating > .form-control[disabled] + label,
.form-material.floating > .form-control[readonly] + label,
fieldset[disabled] .form-material.floating > label {
  cursor: not-allowed;
}
.form-material > .form-control {
  /*padding-left: 0;*/
  /*padding-right: 0;*/
  border: 0;
  border-radius: 0;
  background-color: transparent;
  /*-webkit-box-shadow: 0 1px 0 #e6e6e6;
  box-shadow: 0 1px 0 #e6e6e6;*/

  -webkit-box-shadow: 0 1px 0 #000;
  box-shadow: 0 1px 0 #000;
}
.form-material > .form-control:focus {
  background-color: transparent;
  -webkit-box-shadow: 0 2px 0 #646464;
  box-shadow: 0 2px 0 #646464;
}
.form-material > .form-control:focus + label {
  color: #646464;
}
.form-material .form-control[disabled],
.form-material .form-control[readonly],
.form-material fieldset[disabled] .form-control {
  background-color: #fff;
  border-bottom: 1px dashed #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-material.form-material-primary > .form-control:focus {
  -webkit-box-shadow: 0 1px 0 #ff5a5f;
  box-shadow: 0 1px 0 #ff5a5f;
  padding: .5rem 1rem;
}
.form-material.form-material-primary > .form-control:focus + label {
  color: #ff5a5f;
}