.sso_login_register { max-width: 960px; margin: 0 auto; }
.sso_login_register.small { max-width: 640px;}
.sso_login_register #sso_login_box {background: #f2f2f2;padding: 30px;border-radius: 20px;position: relative;}
.sso_login_register #sso_login_box .overlay-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* pointer-events: none; */ }
.sso_login_register #sso_login_box #sso_login_iframe {}
.sso_login_register .sso_register_box { background: var(--c-secondary); color: #fff; padding: 30px; text-align: center; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sso_login_register .sso_register_box h2 { margin: 0; font-size: 30px; margin: 0 0 10px 0; }
.sso_login_register .sso_register_box p { font-size: 20px; } 
.sso_login_register .sso_register_box .btn { padding: 15px 28px; font-size: 18px; }
.sso_login_register .sso_register_box .btn:hover {background:var(--c-textcolor)}




.login-notification {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgb(255 255 255 / 40%);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);display: flex;justify-content: center;align-items: center;padding: 0 20px;}
.login-notification .text {position: absolute;background: var(--c-secondary);width: 100%;max-width: 660px;color: #fff;text-align: center;padding: 30px;border-radius: 10px;}
.login-notification .text h4 { text-transform: uppercase; font-weight: 700; font-size: 15px; }
.login-notification .text .actions { display: flex; justify-content: center; gap: 10px; }
.login-notification .text .actions .btn { background: var(--c-textcolor); }
.login-notification .text .actions .btn:hover {background:var(--c-textcolor);}



.quick-register-form {}
.quick-register-form h2 { margin: 0 0 10px 0; color: var(--c-main); font-size: 34px; }
.quick-register-form p { font-size: 20px; }
.quick-register-form .form-fields { display: flex; flex-wrap: wrap; gap: 15px; }
.quick-register-form .form-fields .form-field { flex: 1; }
.quick-register-form .form-fields .form-field.smaller { max-width: 10%; }
.quick-register-form .form-fields .form-field .label { font-weight: 600; font-size: 14px; margin: 0 0 5px 0; }
.quick-register-form .form-fields .form-field .field {}
.quick-register-form .form-fields .form-field .field select {height: 50px;font-weight: 300;width: 100%;border: none;color: var(--c-textcolor);-moz-appearance: none;-webkit-appearance: none;appearance: none;background: #fff !important;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='30' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 7px) !important;background-position-y: 50% !important;padding: 0 15px !important; border-radius: 10px; }
.quick-register-form .form-fields .form-field .field input { border: none !important; padding: 10px 10px !important; min-height: 50px; background: #fff; font-family: inherit !important; font-weight: 300; font-size: inherit !important; border-radius: 10px; width: 100%; }
.quick-register-form .form-submit { margin: 20px 0 0 0; }
.quick-register-form .form-submit .btn { font-size: 16px; padding: 20px 25px; }

@media (max-width: 767px) {
    .quick-register-form .form-fields .form-field { flex: 0 1 100%; max-width: 100% !important; }
}

@media (max-width: 767px) {
    .login-notification .text {max-width: 340px;}
    .login-notification .text .actions { flex-direction: column; }
}