body.login_admin, body.customers_login 
{
    background: url('../images/login_customers.jpg') no-repeat center center fixed;
    background-size: cover;
}

/* Optional: Add a subtle fade overlay to make the login box pop */
body.customers_login:before 
{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Adjust opacity here */
    z-index: -1;
}

/* Admin Login Page Background */
body.login_admin {
    background: url('../images/admin_login_bg.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Optional: Darken the overlay so the white login box is easier to see */
body.login_admin:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.5);  50% black overlay */
    z-index: -1;
}