.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-forgot-details .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-forgot-details-success .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-reset-password .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-reset-password-success .modal-content .modal-body .modal-body-content .details-sent-success-image {
    background: url(/~/static/images/icons/icon-modal-success.png) no-repeat center;
    background-size: contain;
}

/* redeclared CSS based from /_css/modal.css without #login-content */
.modal-overlay.modal-login .modal-content .modal-body .modal-body-title {
    margin: 0 0 var(--spacing-48) 0;
    display: flex;
    justify-content: center;
    position: relative;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-title .logo-desktop {
    display: flex;
    height: 32px;
}

/* html[lang="en-US"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/logo-desktop_myr.svg");
} */

html[lang="zh-CN"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/mlogo-desktop-labourday_CN.svg?v=3");
}

html[lang="th-TH"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/logo-desktop_th.svg?v1.1");
}

html[lang="vi-VN"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/logo-desktop_vn.svg?v=3");
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .modal-form .input-area {
    padding-bottom: 18px;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .modal-form .input-area.input-area-checkbox {
    padding-bottom: 0;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    color: var(--other-1);
    margin-top: auto;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text.text-forgot-login-details {
    padding-top: 16px;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
    display: flex;
    flex-flow: row;
    flex-direction: row;
    justify-content: center;
    padding-top: 48px;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
    display: flex;
    gap: 4px;
    font-family: Lato;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--other-mode-1);
    word-break: break-word;
}

@media (min-width: 280px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
        margin-top: 0;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
        margin-top: auto;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
        font-size: 12px;
    }
}

@media (min-width: 374.5px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
        margin-top: 0;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
        margin-top: auto;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
        font-size: 12px;
    }
}

@media (min-width: 767.5px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
        margin-top: auto;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
        margin-top: 0;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
        font-size: 14px;
    }
}

@media (min-width: 1023.5px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-title .logo-desktop {
        height: 40px;
    }
}

/* redeclared CSS based from /_css/modal.css without #login-content */