.help-block {
    display: block;
    content: "";
    position: absolute;
    top: 48px;
    font-size: 0.8rem;
    transition: .2s opacity ease-out, .2s color ease-out;
}

.has-error .help-block, .has-error .material-icons {
    color: #F44336;
}

.prefix ~ .help-block, .input-field .prefix ~ .help-block {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

.has-error input[type=text],
.has-error input[type=text]:focus,
.has-error input[type=password],
.has-error input[type=password]:focus,
.has-error input[type=email],
.has-error input[type=email]:focus,
.has-error input[type=url],
.has-error input[type=url]:focus,
.has-error input[type=time],
.has-error input[type=time]:focus,
.has-error input[type=date],
.has-error input[type=date]:focus,
.has-error input[type=datetime-local],
.has-error input[type=datetime-local]:focus,
.has-error input[type=tel],
.has-error input[type=tel]:focus,
.has-error input[type=number],
.has-error input[type=number]:focus,
.has-error input[type=search],
.has-error input[type=search]:focus,
.has-error textarea.materialize-textarea,
.has-error textarea.materialize-textarea:focus {
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

.has-success input[type=text],
.has-success input[type=text]:focus,
.has-success input[type=password],
.has-success input[type=password]:focus,
.has-success input[type=email],
.has-success input[type=email]:focus,
.has-success input[type=url],
.has-success input[type=url]:focus,
.has-success input[type=time],
.has-success input[type=time]:focus,
.has-success input[type=date],
.has-success input[type=date]:focus,
.has-success input[type=datetime-local],
.has-success input[type=datetime-local]:focus,
.has-success input[type=tel],
.has-success input[type=tel]:focus,
.has-success input[type=number],
.has-success input[type=number]:focus,
.has-success input[type=search],
.has-success input[type=search]:focus,
.has-success textarea.materialize-textarea,
.has-success textarea.materialize-textarea:focus {
    border-bottom: 1px solid #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50;
}

.has-success .help-block, .has-success .material-icons {
    color: #4CAF50;
}