@CHARSET "UTF-8";

.content a {
    margin-left: 10px;
}

#form\:loginHelp {
    font-size: 12px;
}

#form td:first-child {
    width: 164px;
}

.message {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cancelPwdRecovery {
    margin-left: 1rem;
}

.cancelEnterTAN {
    margin-left: 1rem;
}

#form\:passwordRecoveryMailTanInput, .identificationDisabledInput {
    width: 204px!important;
}

.login-image {
    max-width: 100%; /* Ensure the image is responsive */
    height: auto;    /* Maintain aspect ratio */
}

.login-image-wrapper {
    max-width: 500px; /* Adjust the width of the image container as needed */
}

.login-form-wrapper {
    flex: 1; /* Allow the form to take up remaining space */
    margin-left: 0; /* Default: no margin */
}


@media (min-width: 992px) { /* Adjust the breakpoint as needed */
    .login-form-wrapper {
        margin-left: 1.5rem; /* Equivalent to ml-4 in Bootstrap */
    }
}