.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.input-validation-correct {
    border: 1px solid #007409;
    background-color: #ddefda;
}

.validation-summary-errors {
    text-align: left;
}

.validation-summary-valid {
    display: none;
}


/* Password validation */

#pwd-info ul, #pwd-info li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#pwd-info {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: left;
}

    #pwd-info .title {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #pwd-info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #CCCCCC;
        text-shadow: none;
        display: block;
    }

    #pwd-info .invalid-info::before {
        content: "\f00d";
        font-family: 'FontAwesome';
        padding-right: 5px;
    }

    #pwd-info .valid-info::before {
        content: "\f00c";
        font-family: 'FontAwesome';
        padding-right: 5px;
    }

    #pwd-info .invalid-info {
        line-height: 24px;
        color: #F00;
        margin-left: 30px;
    }

    #pwd-info .valid-info {
        line-height: 24px;
        color: #3c763d;
        margin-left: 30px;
    }