body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.error {
  line-height: 12px;
  position: relative;
  top: -10px;
  color: #f44336;
}

/* label focus color */
.input-field input[type=text].orange-border:focus + label {
    color: #ff9800;
}

/* label underline focus color */
.input-field input[type=text].orange-border:focus {
    border-bottom: 1px solid #ff9800;
    box-shadow: 0 1px 0 0 #ff9800;
}