عرض ادب و احترام

من تو این مرحله پروژه, با مشکل عدم اعمال کلاس‌های css برروی پیغام خطا نمایشی alert مواجه شدم.داخل قسمت inspect نشان دهنده فراخوانی کلاس‌های css است ولی روی پیغام خطا نمایشی کلاس css اعمال نشده است.کلاس‌های css عینا همون کلاس‌های css این جلسه بوده ولی اعمال نمیشه.تصویر اینسپکت عدم اعمال کدهای css پیوست شده 

.login-wrapper,.register-wrapper{
    width: 400px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 5px 5px 5px 5px darkblue;
    padding: 20px;
}
.auth-wrapper input[type="text"]{
    border: 1px solid #ddd;
    border-radius: 5px;
}
.auth-wrapper button{
    background: #5a2f46;
    width: 100%;
}
.auth-wrapper button:hover{
    background: #5a2f46   
}
.form-row{
    margin: 20px 0px;
}
auth-wrapper .alert{
    padding: 15px;
    text-align: center;
    border-radius: 10px;
}
.auth-wrapper .alert .alert-error .p{
    background-color: red;
}
.auth-wrapper .alert .alert-success .p{
    background-color:#27ff00;
}

فایل auth.js:

jQuery(document).ready(function($){
    $('#loginForm').on('submit',function(event){
        event.preventDefault();
        let user_email=$('#userEmail').val();
        let user_password=$('#userPassword').val();
        let notify=$('.alert');
        $.ajax({
            url:'/wp-admin/admin-ajax.php',
            type:'post',
            dataType:'json',
            data:{
                action:'wp_login_plugin',
                user_email:user_email,
                user_password:user_password
            },
            success:function (response) { },
            error:function(error){
                if(error){
                    notify.addClass('alert-error');
                    notify.append('<p>خطایی رخ داده است</p>');
                    notify.css('display','block');
                }
            },
        });
    });
    $('#registerForm').on('submit',function(event){
        event.preventDefault();
        let user_first_name=$('#user_first_name').val();
        let user_last_name=$('#user_last_name').val();
        let user_email=$('#user_email').val();
        let user_password=$('#user_password').val();
        let notify=$('.alert');
        $.ajax({
            url:'/wp-admin/admin-ajax.php',
            type:'post',
            dataType:'json',
            data: {
                action:'wp_register_plugin',
                user_first_name:user_first_name,
                user_last_name:user_last_name,
                user_email:user_email,
                user_password:user_password
            },
            success:function (response) { },
            error:function(error){
                if(error){
                    notify.addClass('alert-error');
                    notify.append('<p>خطایی رخ داده است</p>');
                    notify.css('display','block');
                }
            },
        });
    });
});