:root {
    --cor-principal: linear-gradient(to left,
            #0099d7,
            #02a3ee) !important;
}

#contact .md-form input.form-control {
    height: 46px;
    padding: 0.75rem 0.75rem 0.55rem 0.75rem;
    line-height: 1.25;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
    box-shadow: none !important;
}

#contact .md-form .prefix~input.form-control,
#contact .md-form .prefix~label {
    margin-left: 2.75rem;
    width: calc(100% - 2.75rem);
}

#contact .md-form .prefix~input.form-control {
    padding-left: 0;
}

#contact .md-form label {
    color: rgba(0, 0, 0, 0.65);
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
}

#contact .md-form label.active {
    transform: translateY(-24px);
    -webkit-transform: translateY(-24px);
}

#contact .md-form .prefix {
    color: rgba(0, 0, 0, 0.65) !important;
}

#contact .md-form:focus-within .prefix,
#contact .md-form:focus-within label {
    color: var(--cor-principal) !important;
}