/* Partner signup — stitch simplified email registration (login background unchanged). */ /* Override legacy almondb frontpage.css white column on auth screens. Body id is on itself — descendant #page-login-* selectors never match. */ body#page-login-forgot_password.pagelayout-login div[role="main"], body#page-login-signup.pagelayout-login div[role="main"], body#page-login-forgot_password.pagelayout-login #page-content, body#page-login-signup.pagelayout-login #page-content, body#page-login-forgot_password.pagelayout-login #region-main-box, body#page-login-signup.pagelayout-login #region-main-box, body#page-login-forgot_password.pagelayout-login #region-main, body#page-login-signup.pagelayout-login #region-main { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } body.pagelayout-login:has(.xa-login-screen.xa-login-signup) .xa-login-page, body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) .xa-login-page { padding: 0; min-height: 100vh; width: 100%; background: transparent !important; } body.pagelayout-login:has(.xa-login-screen.xa-login-signup) #page-content, body.pagelayout-login:has(.xa-login-screen.xa-login-signup) #region-main-box, body.pagelayout-login:has(.xa-login-screen.xa-login-signup) #region-main, body.pagelayout-login:has(.xa-login-screen.xa-login-signup) [role="main"], body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) #page-content, body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) #region-main-box, body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) #region-main, body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) [role="main"] { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } body.pagelayout-login .xa-login-wrapper:has(.xa-login-screen.xa-login-signup), body.pagelayout-login .xa-login-wrapper:has(.xa-login-screen.xa-login-forgot) { align-items: stretch; justify-content: center; width: 100%; max-width: none; min-height: auto; padding: 0; margin: 0 auto; } body.pagelayout-login .xa-login-signup.xa-login-screen { width: 100%; max-width: none; align-items: stretch; align-self: stretch; flex: 1 1 auto; gap: 0; } body.pagelayout-login .xa-login-signup { width: 100%; max-width: none; display: flex; flex-direction: column; flex: 1 1 auto; min-height: auto; font-family: "Inter", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box; } body.pagelayout-login .xa-signup-topbar { width: 100%; max-width: 440px; margin: 0 auto; padding: 20px 20px 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--xa-text); } body.pagelayout-login .xa-signup-topbar__brand, body.pagelayout-login .xa-signup-topbar__login { color: var(--xa-text); font-size: 14px; line-height: 1.4; text-decoration: none; } body.pagelayout-login .xa-signup-topbar__brand { font-weight: 700; } body.pagelayout-login .xa-signup-topbar__login:hover { color: var(--xa-accent-a); } /* Centered stage */ body.pagelayout-login .xa-login-signup__stage { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: center; width: 100%; padding: 12px 20px 40px; position: relative; overflow: hidden; box-sizing: border-box; } body.pagelayout-login .xa-login-signup__container { width: 100%; max-width: 440px; margin: 0 auto; position: relative; z-index: 1; box-sizing: border-box; } /* Glass card */ body.pagelayout-login .xa-login-signup__card { width: 100%; max-width: 100%; margin: 0 auto; border-radius: 24px !important; background: var(--xa-card-bg); border: 1px solid var(--xa-card-border); box-shadow: var(--xa-card-shadow); backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); overflow: hidden; animation: xaSignupCardIn 520ms cubic-bezier(0.16, 1, 0.3, 1) both; } @keyframes xaSignupCardIn { from { opacity: 0; transform: translateY(16px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } @media (prefers-reduced-motion: reduce) { body.pagelayout-login .xa-login-signup__card { animation: none; } } body.pagelayout-login .xa-login-signup__card .xa-login-card__body { padding: 24px !important; max-height: none; overflow: visible; } body.pagelayout-login .xa-login-signup__intro { margin-bottom: 18px; } body.pagelayout-login .xa-login-signup__toolbar { display: flex; justify-content: flex-end; margin: 0 0 10px; } body.pagelayout-login .xa-login-signup__title { margin: 0 0 6px; font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.01em; color: var(--xa-text); } body.pagelayout-login .xa-login-signup__lead { margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: var(--xa-text-soft); } /* Moodle form reset */ body.pagelayout-login .xa-login-signup__form, body.pagelayout-login .xa-login-signup__form .mform, body.pagelayout-login .xa-login-signup__form .signupform { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; float: none !important; } body.pagelayout-login .xa-login-signup__form .mform { display: flex; flex-wrap: wrap; gap: 16px 14px; } body.pagelayout-login .xa-login-signup__form .fitem, body.pagelayout-login .xa-login-signup__form .form-group { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } body.pagelayout-login .xa-login-signup__form #fitem_id_username, body.pagelayout-login .xa-login-signup__form #fitem_id_email2 { display: none !important; } body.pagelayout-login .xa-login-signup__form #fitem_id_email { order: 1; } body.pagelayout-login .xa-login-signup__form #fitem_id_firstname, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname { order: 2; } body.pagelayout-login .xa-login-signup__name-note { order: 3; flex: 0 0 100%; width: 100%; margin: -10px 0 0; padding: 0; color: var(--xa-text-soft); font-size: 11px; line-height: 16px; letter-spacing: 0.02em; } body.pagelayout-login .xa-login-signup__form #fitem_id_password { order: 4; } body.pagelayout-login .xa-login-signup__form #fgroup_id_buttonar { order: 5; } body.pagelayout-login .xa-login-signup__form #fitem_id_firstname, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname { flex: 1 1 0; min-width: 0; width: auto !important; max-width: none !important; } body.pagelayout-login .xa-login-signup__form #fitem_id_firstname .form-group, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname .form-group, body.pagelayout-login .xa-login-signup__form #fitem_id_firstname .felement, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname .felement { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; } body.pagelayout-login .xa-login-signup__form #fitem_id_firstname .row, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname .row { width: 100% !important; margin: 0 !important; } body.pagelayout-login .xa-login-signup__form #fitem_id_firstname .col-md-3, body.pagelayout-login .xa-login-signup__form #fitem_id_firstname .col-md-9, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname .col-md-3, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname .col-md-9 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; } body.pagelayout-login .xa-login-signup__form #fitem_id_firstname input, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname input, body.pagelayout-login .xa-login-signup__form #id_firstname, body.pagelayout-login .xa-login-signup__form #id_lastname { width: 100% !important; max-width: 100% !important; display: block; } body.pagelayout-login .xa-login-signup__form .row { display: block !important; margin: 0; width: 100%; } body.pagelayout-login .xa-login-signup__form .col-md-3, body.pagelayout-login .xa-login-signup__form .col-md-9, body.pagelayout-login .xa-login-signup__form .col-form-label { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; } body.pagelayout-login .xa-login-signup__form .col-form-label, body.pagelayout-login .xa-login-signup__form label { margin: 0 0 8px; color: var(--xa-text-soft); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.02em; } body.pagelayout-login .xa-login-signup__form .col-form-label { display: flex !important; align-items: center; gap: 6px; flex-wrap: nowrap !important; } body.pagelayout-login .xa-login-signup__form .col-form-label > label { display: inline-flex; align-items: center; flex: 0 0 auto; width: auto !important; max-width: none !important; margin: 0; } body.pagelayout-login .xa-login-signup__form .xa-required-marker { display: inline-flex; align-items: center; justify-content: center; margin-left: 6px; color: #d92d20; font-size: 13px; line-height: 1; } html[data-theme="dark"] body.pagelayout-login .xa-login-signup__form .xa-required-marker { color: #ff6b5e; } body.pagelayout-login .xa-login-signup__form .fitem:focus-within label { color: var(--xa-accent-a); } body.pagelayout-login .xa-login-signup__form .form-control, body.pagelayout-login .xa-login-signup__form .custom-select, body.pagelayout-login .xa-login-signup__form input[type="text"], body.pagelayout-login .xa-login-signup__form input[type="email"], body.pagelayout-login .xa-login-signup__form input[type="password"] { box-sizing: border-box; width: 100% !important; max-width: 100% !important; height: 44px; min-height: 44px; border-radius: 13px; border: 1px solid var(--xa-input-border); background: var(--xa-input-bg); color: var(--xa-input-text); padding: 0 16px; font-size: 14px; line-height: 24px; box-shadow: none; transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease; } body.pagelayout-login .xa-login-signup__form .form-control:-webkit-autofill, body.pagelayout-login .xa-login-signup__form .form-control:-webkit-autofill:hover, body.pagelayout-login .xa-login-signup__form .form-control:-webkit-autofill:focus, body.pagelayout-login .xa-login-signup__form .form-control:-webkit-autofill:active { -webkit-text-fill-color: var(--xa-input-text); caret-color: var(--xa-input-text); transition: background-color 9999s ease-out 0s, color 9999s ease-out 0s; } body.pagelayout-login .xa-login-signup__form #id_email, body.pagelayout-login .xa-login-signup__form #id_password { padding-left: 42px; } body.pagelayout-login .xa-login-signup__form #fitem_id_email .col-md-9, body.pagelayout-login .xa-login-signup__form #fitem_id_password .col-md-9 { position: relative; } body.pagelayout-login .xa-login-signup__form #fitem_id_email .col-md-9::before, body.pagelayout-login .xa-login-signup__form #fitem_id_password .col-md-9::before { content: ""; position: absolute; left: 16px; top: 50%; z-index: 1; width: 20px; height: 20px; transform: translateY(-50%); background: var(--xa-field-icon); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; pointer-events: none; } body.pagelayout-login .xa-login-signup__form #fitem_id_email .col-md-9::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5h18v14H3V5Zm2 3.2V17h14V8.2l-7 5.1-7-5.1Zm1.5-1.2L12 11l5.5-4H6.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5h18v14H3V5Zm2 3.2V17h14V8.2l-7 5.1-7-5.1Zm1.5-1.2L12 11l5.5-4H6.5Z'/%3E%3C/svg%3E"); } body.pagelayout-login .xa-login-signup__form #fitem_id_password .col-md-9::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2Zm2 0h6V8a3 3 0 0 0-6 0v2Zm-2 2v7h10v-7H7Zm6 2v3h-2v-3h2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2Zm2 0h6V8a3 3 0 0 0-6 0v2Zm-2 2v7h10v-7H7Zm6 2v3h-2v-3h2Z'/%3E%3C/svg%3E"); } body.pagelayout-login .xa-login-signup__form .form-control::placeholder, body.pagelayout-login .xa-login-signup__form input::placeholder { color: var(--xa-placeholder); opacity: 1; } body.pagelayout-login .xa-login-signup__form .form-control:focus, body.pagelayout-login .xa-login-signup__form input:focus { outline: none; border-color: var(--xa-accent-a); box-shadow: 0 0 0 4px var(--xa-focus-glow); } body.pagelayout-login .xa-login-signup__form .fdescription, body.pagelayout-login .xa-login-signup__form .form-text, body.pagelayout-login .xa-login-signup__form #fitem_id_passwordpolicyinfo { display: block; margin: 8px 0 0; color: var(--xa-text-soft); font-size: 12px; line-height: 1.45; } body.pagelayout-login .xa-login-signup__form .fdescription.required { display: none !important; } body.pagelayout-login .xa-login-signup__form .form-label-addon { display: inline-flex; align-items: center; flex: 0 0 auto; width: auto !important; max-width: none !important; margin-left: 0; align-self: center; } body.pagelayout-login .xa-login-signup__form .form-label-addon .text-danger { display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; color: #d92d20; font-size: 11px; line-height: 1; } html[data-theme="dark"] body.pagelayout-login .xa-login-signup__form .form-label-addon .text-danger { color: #ff6b5e; } body.pagelayout-login .xa-login-signup__form .form-label-addon .icon { margin: 0; font-size: 11px; line-height: 1; } body.pagelayout-login .xa-login-signup__form .form-required { display: inline; color: inherit; } body.pagelayout-login .xa-login-signup__form #fgroup_id_buttonar { margin-top: 6px !important; width: 100% !important; } body.pagelayout-login .xa-login-signup__form #fgroup_id_buttonar .btn-secondary { display: none; } body.pagelayout-login .xa-login-signup__form #id_submitbutton, body.pagelayout-login .xa-login-signup__form #fgroup_id_buttonar .btn-primary { box-sizing: border-box; width: 100%; min-height: 46px; border: 0; border-radius: 13px; background: linear-gradient(135deg, var(--xa-accent-a) 0%, var(--xa-accent-b) 100%); color: #fff; font-size: 16px; line-height: 1; font-weight: 700; box-shadow: 0 14px 30px var(--xa-focus-glow); transition: filter 180ms ease, transform 180ms ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } body.pagelayout-login .xa-login-signup__form #id_submitbutton.xa-login-signup__submit::after { content: ""; width: 20px; height: 20px; background: #fff; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5l7 7-7 7v-4H4v-6h9V5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5l7 7-7 7v-4H4v-6h9V5z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transition: transform 180ms ease; } body.pagelayout-login .xa-login-signup__form #id_submitbutton:hover, body.pagelayout-login .xa-login-signup__form #id_submitbutton:focus { filter: brightness(1.05); transform: translateY(-1px); } body.pagelayout-login .xa-login-signup__form #id_submitbutton:hover::after, body.pagelayout-login .xa-login-signup__form #id_submitbutton:focus::after { transform: translateX(4px); } body.pagelayout-login .xa-login-signup__terms { margin: 12px 0 0; text-align: center; color: var(--xa-text-soft); font-size: 12px; line-height: 16px; letter-spacing: 0.02em; } body.pagelayout-login .xa-login-signup__terms a { color: var(--xa-accent-a); text-decoration: none; } body.pagelayout-login .xa-login-signup__terms a:hover { text-decoration: underline; } body.pagelayout-login .xa-login-signup__back { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--xa-card-border); text-align: center; } body.pagelayout-login .xa-login-signup__back a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--xa-text); font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: 0.02em; text-decoration: none; transition: color 180ms ease; } body.pagelayout-login .xa-login-signup__back a:hover { color: var(--xa-accent-a); } body.pagelayout-login .xa-login-signup__back-icon { width: 18px; height: 18px; background: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7L9.6 8.4l2.2 2.2H4v2h7.8l-2.2 2.2L11 17l5-5-5-5zm9 8v2H13v-2h7z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7L9.6 8.4l2.2 2.2H4v2h7.8l-2.2 2.2L11 17l5-5-5-5zm9 8v2H13v-2h7z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media (min-width: 768px) { body.pagelayout-login .xa-login-signup__stage { padding: 16px 64px 48px; } body.pagelayout-login .xa-login-signup__card .xa-login-card__body { padding: 32px !important; } body.pagelayout-login .xa-login-signup__title { font-size: 26px; line-height: 32px; } } @media (max-width: 767.98px) { body.pagelayout-login:has(.xa-login-screen.xa-login-signup) .xa-login-page, body.pagelayout-login:has(.xa-login-screen.xa-login-signup) #page-content, body.pagelayout-login:has(.xa-login-screen.xa-login-signup) #region-main-box, body.pagelayout-login:has(.xa-login-screen.xa-login-signup) #region-main { width: 100% !important; max-width: 100% !important; overflow-x: hidden; } body.pagelayout-login .xa-login-wrapper:has(.xa-login-screen.xa-login-signup) { width: 100% !important; max-width: 100% !important; min-height: auto; padding: 0; } body.pagelayout-login .xa-login-signup, body.pagelayout-login .xa-login-signup.xa-login-screen { width: 100% !important; max-width: 100% !important; min-height: auto; } body.pagelayout-login .xa-login-signup__stage { padding: 12px 16px 32px; } body.pagelayout-login .xa-login-signup__container { width: 100%; max-width: min(480px, 100%); padding: 0; } body.pagelayout-login .xa-login-signup__form #fitem_id_firstname, body.pagelayout-login .xa-login-signup__form #fitem_id_lastname { flex: 0 0 100%; max-width: 100%; width: 100% !important; } body.pagelayout-login .xa-login-signup__card .xa-login-card__body { padding: 24px 20px !important; } body.pagelayout-login .xa-login-signup__form .fitem, body.pagelayout-login .xa-login-signup__form .form-group, body.pagelayout-login .xa-login-signup__form .row, body.pagelayout-login .xa-login-signup__form .col-md-3, body.pagelayout-login .xa-login-signup__form .col-md-9, body.pagelayout-login .xa-login-signup__form #fgroup_id_buttonar, body.pagelayout-login .xa-login-signup__form #fgroup_id_buttonar .felement { display: block !important; flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; } body.pagelayout-login .xa-login-signup__form .mform { display: flex !important; flex-wrap: wrap !important; width: 100% !important; gap: 20px !important; } body.pagelayout-login .xa-login-signup__terms { overflow-wrap: anywhere; } } /* Forgot / set-password screens (signup shell, login background unchanged). */ body.pagelayout-login .xa-login-forgot__form #fitem_id_searchbyusername, body.pagelayout-login .xa-login-forgot__form #fitem_id_searchbyemail, body.pagelayout-login .xa-login-forgot__form #fitem_id_setpassword, body.pagelayout-login .xa-login-setpassword__form #fitem_id_username2, body.pagelayout-login .xa-login-forgot__form #fitem_id_submitbuttonusername { display: none !important; } body.pagelayout-login .xa-login-forgot__form #fitem_id_email { order: 1; } body.pagelayout-login .xa-login-forgot__form #fitem_id_submitbuttonemail { order: 2; margin-top: 8px !important; width: 100% !important; } body.pagelayout-login .xa-login-forgot__form #id_submitbuttonemail, body.pagelayout-login .xa-login-forgot__form #id_submitbuttonemail.xa-login-signup__submit { box-sizing: border-box; width: 100%; min-height: 46px; border: 0; border-radius: 13px; background: linear-gradient(135deg, var(--xa-accent-a) 0%, var(--xa-accent-b) 100%); color: #fff; font-size: 16px; line-height: 1; font-weight: 700; box-shadow: 0 14px 30px var(--xa-focus-glow); transition: filter 180ms ease, transform 180ms ease; } body.pagelayout-login .xa-login-forgot__form #id_submitbuttonemail:hover, body.pagelayout-login .xa-login-forgot__form #id_submitbuttonemail:focus { filter: brightness(1.05); transform: translateY(-1px); } /* CAM SSO password reset handoff */ body.pagelayout-login .xa-cam-notice__detail { margin: 12px 0 0; font-size: 15px; line-height: 23px; color: rgba(194, 204, 219, 0.72); } body.pagelayout-login .xa-cam-notice__actions { margin-top: 8px; } body.pagelayout-login .xa-cam-notice__button { box-sizing: border-box; width: 100%; min-height: 46px; border: 0; border-radius: 13px; background: linear-gradient(135deg, var(--xa-accent-a) 0%, var(--xa-accent-b) 100%); color: #fff; font-size: 16px; line-height: 1; font-weight: 700; box-shadow: 0 14px 30px var(--xa-focus-glow); transition: filter 180ms ease, transform 180ms ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; } body.pagelayout-login .xa-cam-notice__button::after { content: ""; width: 18px; height: 18px; background: #fff; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3zM5 5h6V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-2v6H5V5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3zM5 5h6V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-2v6H5V5z'/%3E%3C/svg%3E"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; flex: 0 0 auto; } body.pagelayout-login .xa-cam-notice__button:hover, body.pagelayout-login .xa-cam-notice__button:focus { filter: brightness(1.05); transform: translateY(-1px); color: #fff; text-decoration: none; } body.pagelayout-login .xa-login-setpassword__form #fitem_id_password { order: 1; } body.pagelayout-login .xa-login-setpassword__form #fitem_id_password2 { order: 2; } body.pagelayout-login .xa-login-setpassword__form #fitem_id_logoutothersessions { order: 3; } body.pagelayout-login .xa-login-setpassword__form #fgroup_id_buttonar { order: 4; } body.pagelayout-login .xa-login-setpassword__form #id_password, body.pagelayout-login .xa-login-setpassword__form #id_password2 { padding-left: 40px; } body.pagelayout-login .xa-login-setpassword__form #fitem_id_password .col-md-9, body.pagelayout-login .xa-login-setpassword__form #fitem_id_password2 .col-md-9 { position: relative; } body.pagelayout-login .xa-login-setpassword__form #fitem_id_password .col-md-9::before, body.pagelayout-login .xa-login-setpassword__form #fitem_id_password2 .col-md-9::before { content: ""; position: absolute; left: 12px; top: 50%; z-index: 1; width: 20px; height: 20px; transform: translateY(-50%); background: rgba(224, 192, 175, 0.5); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-size: contain; pointer-events: none; -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2Zm2 0h6V8a3 3 0 0 0-6 0v2Zm-2 2v7h10v-7H7Zm6 2v3h-2v-3h2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h2v11H5V10h2Zm2 0h6V8a3 3 0 0 0-6 0v2Zm-2 2v7h10v-7H7Zm6 2v3h-2v-3h2Z'/%3E%3C/svg%3E"); } @media (max-width: 767.98px) { body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) .xa-login-page, body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) #page-content, body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) #region-main-box, body.pagelayout-login:has(.xa-login-screen.xa-login-forgot) #region-main { width: 100% !important; max-width: 100% !important; overflow-x: hidden; } body.pagelayout-login .xa-login-wrapper:has(.xa-login-screen.xa-login-forgot) { width: 100% !important; max-width: 100% !important; min-height: auto; padding: 0; } }