body.theme-default { font-smoothing: antialiased; min-width: 320px; padding: 0px; margin: 0px; overflow-x: hidden; font-family: 'Manrope', sans-serif; font-size: 14px; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); // background-color: #fbfcfe; } body.theme-default .fxlogin .fxmvc-btn { color: var(--overtext) !important; background-color: var(--primaryColor) !important; } body.theme-default .fxlogin .fxmvc-btn:hover { background-position: right !important; } body.theme-default .fxlogin .fxlabel { color: #536176 !important; } body.theme-default .fxlogin input:focus-visible { outline: 1px solid var(--primaryColor) !important; } body.theme-default .fxlogin .fxtitle { color: #212325 !important; } body.theme-default .fxlogin .bgtint { background-color: var(--primaryColor) !important; } body.theme-default .fxlogin .bgtint-grad { background: var(--primaryColor) !important; } body.theme-default .fxlogin .fx-or { color: #9fabb8 !important; } body.theme-default .fxlogin .fx-forgot { color: var(--primaryColor) !important; } body.theme-default .fxlogin .fx-forgot:hover { color: #536176 !important; } body.theme-default .fxlogin .fxtl1 { color: var(--primaryColor) !important; } body.theme-default .notificationContainer .modal-container .header-txt { color: var(--primaryColor) !important; } body.theme-default .notificationContainer .modal-container .header-close:hover { color: var(--primaryColor) !important; } @media (max-width: 600px) { body.theme-default .fxlogin .fx-topcolor { border-top: 18px solid var(--primaryColor) !important; border-right: 600px solid var(--primaryColor) !important; } } // body.theme-default .fxlogin .google-signin, body.theme-default .fxlogin .fx-or { // display: none; // } @media screen and (max-height: 580px) { body.theme-default .login-screen .login-block { position: relative; top: 0; margin-top: 0; width: 820px; max-height: 480px; top: 50%; margin-top: -200px; left: 50%; margin-left: -350px; box-shadow: 0 0px 70px #000; background-color: rgba(255, 255, 255, 0.06) !important; } } @media screen and (max-width: 500px) { body.theme-default .login-screen .login-block { position: absolute; top: 50%; max-width: 360px; margin-top: -50px; margin-left: -180px; box-shadow: none; background-color: rgba(255, 255, 255, 0.06) !important; } body.theme-default .login-screen .login-block .loginimg { display: none; } } @media screen and (max-width: 320px) { body.theme-default .login-screen .login-block { background-color: rgba(255, 255, 255, 0.06) !important; left: 0; margin-left: 0; } } body.theme-default .login-screen { width: 100% !important; padding: 0; margin: 0; } body.theme-default .login-screen .main-logo { position: relative; z-index: 1; display: block; width: 250px; max-width: 250px; height: 60px; margin: 15px 20px; background-repeat: no-repeat; background-position: center; background-color: transparent !important; background-size: contain; } body.theme-default .login-screen .login-block { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 820px; max-height: 480px; margin: 0; margin-top: -225px; margin-left: -420px; box-shadow: 0 0px 70px rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.06) !important; } body.theme-default .login-screen .login-block .loginimg { max-width: 540px; width: 540px; height: 480px; background-size: contain; } body.theme-default .login-screen .login-block .login-info { margin: 0 auto; } body.theme-default .login-screen .login-block .login-info .back-btn { position: absolute; top: 15px; right: 15px; color: #aaa; } body.theme-default .login-screen .login-block .login-info .back-btn:hover { color: #666; } body.theme-default .login-screen .login-input { position: relative; margin: 10px 0 15px; } body.theme-default .login-screen .mg-tp-20 { margin-top: 20px; } body.theme-default .login-screen .k-btn { min-width: 215px; } body.theme-default .login-screen .ftitle { display: flex; line-height: 40px; font-size: 20px; color: #fff !important; font-weight: 300; } body.theme-default .login-screen .flabel { font-size: 13px; color: #9c9c9c !important; margin: 4px 0 4px 0; float: left; } body.theme-default .login-screen .error { padding: 5px; font-weight: bold; color: #d92a36; } body.theme-default.light-theme { background-color: #fbfcfe !important; }