.form-control {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
    transition: none
}

.form-control:focus {
    border-color: #ebebeb;
    background-color: #ebebeb;
    box-shadow: none
}

.form-control.is-valid {
    border-color: #e0f5e9;
    background-color: #e0f5e9
}

.form-control.is-valid:focus {
    border-color: #e8f7ee;
    background-color: #e8f7ee
}

.form-control.is-invalid {
    border-color: #f9eae8;
    background-color: #f9eae8
}

.form-control.is-invalid:focus {
    border-color: #fbf1f0;
    background-color: #fbf1f0
}


.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.5rem;
    font-size: .875rem;
    color: #d26a5c;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}