#PasswordChooserControl .ReadOnlyEmail {
    margin: 24px 0 18px 0;
    color: #616163;
    font-weight: 500;
    font-size: 11pt;
}

#PasswordChooserControl input[data-field="Email address"],
#PasswordChooserControl input[data-field="Password"],
#PasswordChooserControl input[data-field="Password confirmation"] {
    width: 300px;
}

#PasswordChooserControl .PasswordComplexity {
    display: none;
    margin: 0 0 20px 0;
    width: 281px;
    background: #cacaca;
    border-radius: 4px;
}

    #PasswordChooserControl .PasswordComplexity .Text {
        position: absolute;
        margin: 6px 0 0 8px;
        color: #fff;
        font-size: 13pt;
    }

    #PasswordChooserControl .PasswordComplexity .Progress {
        height: 30px;
        border-radius: 4px;
    }

        #PasswordChooserControl .PasswordComplexity .Progress.Good {
            background-color: #6ebe44;
            background-image: -o-linear-gradient(-90deg, #7ed240 0%, #6ebe44 100%);
            background-image: -moz-linear-gradient(-90deg, #7ed240 0%, #6ebe44 100%);
            background-image: -webkit-linear-gradient(-90deg, #7ed240 0%, #6ebe44 100%);
            background-image: -ms-linear-gradient(-90deg, #7ed240 0%, #6ebe44 100%);
            background-image: linear-gradient(-90deg, #7ed240 0%, #6ebe44 100%);
        }

        #PasswordChooserControl .PasswordComplexity .Progress.Bad {
            background-color: #d20000;
            background-image: -o-linear-gradient(-90deg, #d86262 0%, #d20000 100%);
            background-image: -moz-linear-gradient(-90deg, #d86262 0%, #d20000 100%);
            background-image: -webkit-linear-gradient(-90deg, #d86262 0%, #d20000 100%);
            background-image: -ms-linear-gradient(-90deg, #d86262 0%, #d20000 100%);
            background-image: linear-gradient(-90deg, #d86262 0%, #d20000 100%);
        }

#PasswordChooserControl .PasswordConfirmationValidation {
    display: none;
}

#PasswordChooserControl .Group .ServerValidation {
    margin: 20px 0 20px 0;
}


@media (max-width: 480px) {
    #PasswordChooserControl input[data-field="Email address"],
    #PasswordChooserControl input[data-field="Password"],
    #PasswordChooserControl input[data-field="Password confirmation"] {
        width: initial !important;
    }
}

@media (max-width: 767px) {
    .FormControl .Group .Fields .Field .Editor {
        float: none !important;
        clear: both !important;
        width: 90%;
    }

    .FormControl .Group .Validation.Error {
        margin-left: 0 !important;
        padding-top: 5px !important;
    }
}