body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}
.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.login-layout {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Example: Keep existing body styles */
}

.login-left {
    transition: all 0.5s ease;
    width: 50%;
    height: 100vh;
}

.login-right {
    width: 50%;
    height: 100vh;
    align-self: center;
}
.login-card{
    width:50%;
}

.login-right {
    overflow: hidden; /* ⛔ Prevent scrollbars */
    padding:20px;
}
.img-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ✅ Apply this directly to the img */
    display: block;
    border-radius: 16px;
}
#loginButton {
    border-radius:50px;
}

#loginForm .dx-texteditor-input-container {
    border-radius: 50px; /* More rounded input corners */
    color: #343a40;
    background-color: #f8f9fa; /* Very light input background */
}
@media (max-width: 1074px) {
    .login-right {
        display: none !important;
    }
    .login-card {
        width: 60%;
    }
    .login-left {
/*        opacity: 1;
        transform: translateX(0);     */
        width: 100%;
        flex: unset;
    }

}