.login-page-shop {
    background-image: url("/images/login.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.login-page-admin {
    background-image: url("/images/login-admin.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.login-logo {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    margin-bottom: 0px;
}

.login-page .card {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
}

.loading {
    background-image: url("/images/loading.gif");
    background-repeat: no-repeat ;
    background-position-x: 95% ;
    background-position-y: 50% ;
}