label {
      width:100%;
    }

.input-field label[data-error] {
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
}

/*#24A7FF light-blue lighten-2*/
#person .input-field label {
  color: var(--number);
}
/* label focus color */
#person .input-field input:focus + label,
#person .input-field textarea.materialize-textarea:focus + label  {
  color: var(--number);
}

#person .input-field input[type='checkbox']:checked + label:before {
  border-right: 2px solid var(--number);
  border-bottom:  2px solid var(--number);
}
/* label underline focus color */
#person .input-field input:focus:not(.invalid),
#person .input-field input.valid,
#person .input-field textarea.materialize-textarea:focus {
  border-bottom: 1px solid var(--number);
  box-shadow: 0 1px 0 0 var(--number);
}
#person .input-field input:focus,
#person .input-field textarea.materialize-textarea:focus,
#person .input-field input.valid,
#person .input-field input.invalid {
/*      box-shadow: none;*/
}
/* icon prefix focus color */
#person .input-field .prefix.active {
  color: var(--number);
}

#person .input-field input.invalid + label {
  color: #F44336;
}
#person .input-field input.invalid + label:after {
  font-style: italic;
}