@font-face {
    font-family: 'ABeeZee';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/ABeeZee.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'droid';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/droid.ttf') format('truetype');
    font-display: swap;
}

.login-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'ABeeZee', sans-serif !important;
}

html:lang(ar) .login-bg,
html[lang='ar'] .login-bg,
body.rtl .login-bg,
[dir="rtl"] .login-bg,
html:lang(ar) input,
html[lang='ar'] input,
body.rtl input,
[dir="rtl"] input {
    font-family: 'Droid Arabic Kufi', 'Droid', sans-serif !important;
}

html:lang(en) .login-bg,
html[lang='en'] .login-bg,
html:lang(en) input,
html[lang='en'] input {
    font-family: 'ABeeZee', sans-serif !important;
}

.login-bg div#login-page {
    width: 100% !important;
    max-width: 432px !important;
    text-align: left;
}
#login-page .control-group.center-group {
    text-align: center;
    margin-bottom: 10px !important;
}
#login-page form .control-group input:not(#rememberMe) {
    font-size: 14px !important;
    width: 100% !important;
}
button#login-submit {
    width: 100% !important;
}

/* company/forget-password */
div#forget-form {
    width: 100% !important;
    max-width: 432px !important;
    text-align: left;
    margin-top: 40px !important;
}