html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    background-image: url(../images/PrjixLogo2025Web.jpeg);
    width: 75px;
    height: 150px;
    /* ... */
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

/* Wrap the whole app content */
.app-container {
    max-width: 1200px; /* Set your desired max width */
    margin: 0 auto; /* Center horizontally */
    padding: 0 20px; /* Optional: add some horizontal padding */
    box-sizing: border-box;
}


.custom-login-logo {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

    .custom-login-logo img {
        max-width: 300px;
        height: auto;
    }


/* Target the main XAF Blazor layout container */
.dx-layout {
    max-width: 1200px; /* your desired max width */
    margin: 0 auto; /* center horizontally */
    padding: 0 20px; /* optional padding */
    box-sizing: border-box;
}