/* Page-scoped registration wizard; restrained enterprise cloud-console visual language. */ #registration.sm-register-page { --sm-reg-ink:#172b3f; --sm-reg-muted:#637487; --sm-reg-blue:#075b93; --sm-reg-orange:#f2a900; --sm-reg-line:#dce3e9; max-width:100%; color:var(--sm-reg-ink); } #registration.sm-register-page .sm-register-form { padding:0; } #registration.sm-register-page .sm-register-wizard-head, #registration.sm-register-page .sm-register-intro, #registration.sm-register-page .sm-register-step-panel { background:#fff; border:1px solid var(--sm-reg-line); border-radius:10px; box-shadow:0 3px 12px rgba(23,43,63,.055); } #registration.sm-register-page .sm-register-wizard-head { margin:0 0 16px; padding:22px 24px 16px; } #registration.sm-register-page .sm-register-wizard-title { margin:0 0 18px; } #registration.sm-register-page .sm-register-kicker { display:block; margin-bottom:6px; color:#8b5d00; font-size:10px; font-weight:800; letter-spacing:1.4px; } #registration.sm-register-page .sm-register-wizard-title h2, #registration.sm-register-page .sm-register-intro h2 { margin:0 0 7px; color:#172b3f; font-size:24px; font-weight:700; letter-spacing:-.35px; } #registration.sm-register-page .sm-register-wizard-title p, #registration.sm-register-page .sm-register-intro > p { margin:0; color:var(--sm-reg-muted); font-size:13px; line-height:1.6; } #registration.sm-register-page .sm-register-stepper { display:flex; align-items:flex-start; margin:0; padding:0; list-style:none; } #registration.sm-register-page .sm-register-stepper li { position:relative; z-index:0; display:flex; flex:1 1 0; min-width:0; } #registration.sm-register-page .sm-register-stepper li:not(:last-child)::after { position:absolute; z-index:-1; top:16px; left:34px; right:0; height:2px; background:#dfe5eb; content:""; } #registration.sm-register-page .sm-register-stepper li.is-complete:not(:last-child)::after { background:#6e9ab7; } #registration.sm-register-page .sm-register-step-button { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; padding:0 9px 0 0; border:0; background:transparent; color:#69798a; text-align:left; cursor:default; } #registration.sm-register-page .sm-register-step-button:disabled { opacity:1; } #registration.sm-register-page .sm-register-step-button[aria-current="step"], #registration.sm-register-page .sm-register-stepper li.is-complete .sm-register-step-button { color:#183b58; } #registration.sm-register-page .sm-register-step-number { display:inline-flex; flex:0 0 32px; width:32px; height:32px; align-items:center; justify-content:center; border:1px solid #cbd5de; border-radius:50%; background:#fff; color:#69798a; font-size:12px; font-weight:700; } #registration.sm-register-page .is-current .sm-register-step-number { border-color:var(--sm-reg-blue); background:var(--sm-reg-blue); color:#fff; box-shadow:0 0 0 4px #e7f0f6; } #registration.sm-register-page .is-complete .sm-register-step-number { border-color:#527f9e; background:#527f9e; color:#fff; } #registration.sm-register-page .sm-register-step-label { overflow:hidden; font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; } #registration.sm-register-page .sm-register-step-caption { margin:14px 0 0; padding-top:11px; border-top:1px solid #edf1f4; color:#5e7082; font-size:12px; } #registration.sm-register-page .sm-register-intro { margin:0 0 16px; padding:18px 20px; border-left:4px solid var(--sm-reg-orange); } #registration.sm-register-page .sm-register-intro h2 { font-size:20px; } #registration.sm-register-page .sm-register-intro .sub-heading { margin-top:14px; } #registration.sm-register-page .sm-register-intro .providerPreLinking { margin-top:12px; } #registration.sm-register-page .sm-register-step-panel { margin:0 0 16px; padding:22px 24px; } #registration.sm-register-page .sm-register-form.sm-register-wizard-enhanced .sm-register-step-panel:not(.is-active) { display:none; } #registration.sm-register-page .sm-register-section-heading { margin:0 0 18px; padding:0 0 12px; border-bottom:1px solid #e8edf1; color:#172b3f; } #registration.sm-register-page .sm-register-section-heading span { color:#172b3f; font-size:17px; font-weight:700; } #registration.sm-register-page .form-group { margin-bottom:16px; } #registration.sm-register-page .form-group .field, #registration.sm-register-page .form-group .form-control, #registration.sm-register-page #containerNewUserSecurity select { min-height:44px; border:1px solid #cbd5df; border-radius:5px; background-color:#fff; box-shadow:none; color:#172b3f; font-size:14px; } #registration.sm-register-page .form-group .field:focus, #registration.sm-register-page .form-group .form-control:focus, #registration.sm-register-page #containerNewUserSecurity select:focus { border-color:#3d83ad; box-shadow:0 0 0 3px rgba(7,91,147,.12); outline:0; } #registration.sm-register-page .field-icon { color:#687b8f; } #registration.sm-register-page .sm-register-step-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:22px 0 0; padding-top:17px; border-top:1px solid #e9eef2; } #registration.sm-register-page .sm-register-step-note { color:#748294; font-size:12px; } #registration.sm-register-page .sm-register-back, #registration.sm-register-page .sm-register-next, #registration.sm-register-page .sm-register-edit { min-height:40px; padding:9px 16px; border:1px solid #b8c5d0; border-radius:5px; background:#fff; color:#23435e; font-size:13px; font-weight:700; } #registration.sm-register-page .sm-register-next { margin-left:auto; border-color:#e59a00; background:#f2a900; color:#1c2834; } #registration.sm-register-page .sm-register-back:hover, #registration.sm-register-page .sm-register-edit:hover { background:#f3f6f8; } #registration.sm-register-page .sm-register-next:hover { background:#e49e00; } #registration.sm-register-page .sm-register-review { margin-bottom:20px; border:1px solid #dfe6ec; border-radius:7px; background:#f8fafb; } #registration.sm-register-page .sm-register-review-section { padding:15px 17px; } #registration.sm-register-page .sm-register-review-section + .sm-register-review-section { border-top:1px solid #e2e8ed; } #registration.sm-register-page .sm-register-review-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; color:#203a52; font-size:14px; } #registration.sm-register-page .sm-register-edit { min-height:30px; padding:4px 10px; color:#075b93; font-size:12px; } #registration.sm-register-page .sm-register-review dl { margin:0; } #registration.sm-register-page .sm-register-review-row { display:grid; grid-template-columns:120px minmax(0,1fr); gap:12px; padding:4px 0; font-size:13px; } #registration.sm-register-page .sm-register-review-row dt { color:#718094; font-weight:400; } #registration.sm-register-page .sm-register-review-row dd { margin:0; color:#27394b; overflow-wrap:anywhere; } #registration.sm-register-page .marketing-email-optin { margin:18px 0; padding:16px; border:1px solid #e1e7ec; border-radius:6px; background:#f8fafb; } #registration.sm-register-page .tospanel { overflow:hidden; border:1px solid #e2e8ed; border-radius:6px; box-shadow:none; } #registration.sm-register-page .tospanel .panel-heading { background:#f5f7f9; color:#34495d; } #registration.sm-register-page .tospanel .panel-title { font-size:14px; font-weight:700; } #registration.sm-register-page .tospanel .panel-body { padding:14px; } #registration.sm-register-page .tospanel .checkbox { line-height:1.6; } #registration.sm-register-page .sm-register-step-panel .sm-register-submit { min-height:44px; margin-left:auto; padding:10px 22px; border:1px solid #e59a00; border-radius:5px; background:#f2a900; color:#172b3f; font-size:14px; font-weight:700; } #registration.sm-register-page .sm-register-step-panel .sm-register-submit:hover { background:#e49e00; } #registration.sm-register-page .alert { border-radius:6px; } @media (max-width:767px) { #registration.sm-register-page .sm-register-wizard-head { padding:18px 16px 14px; } #registration.sm-register-page .sm-register-wizard-title h2 { font-size:21px; } #registration.sm-register-page .sm-register-stepper { gap:2px; } #registration.sm-register-page .sm-register-stepper li:not(:last-child)::after { top:14px; left:27px; } #registration.sm-register-page .sm-register-step-button { display:block; padding-right:3px; text-align:center; } #registration.sm-register-page .sm-register-step-number { display:flex; margin:0 auto 5px; width:29px; height:29px; } #registration.sm-register-page .sm-register-step-label { display:block; max-width:100%; font-size:10px; } #registration.sm-register-page .sm-register-step-caption { line-height:1.5; } #registration.sm-register-page .sm-register-intro, #registration.sm-register-page .sm-register-step-panel { padding:17px 15px; } #registration.sm-register-page .sm-register-review-row { grid-template-columns:84px minmax(0,1fr); gap:8px; } #registration.sm-register-page .sm-register-step-actions { align-items:stretch; } #registration.sm-register-page .sm-register-back, #registration.sm-register-page .sm-register-next { min-height:42px; padding:9px 12px; } } /* Keep signup focused while preserving the branded header and all WHMCS form behavior. */ body.sm-registration-page #main-menu { display:none !important; } body.sm-registration-page #main-body > .container > .row > .main-content { float:none; width:100%; max-width:100%; padding-left:15px; padding-right:15px; } body.sm-registration-page #main-body { min-height:calc(100vh - 150px); padding-top:28px; padding-bottom:48px; } body.sm-registration-page #main-body > .container { max-width:1000px; } /* Unified SaaS signup surface: progress, Google sign-in, and fields share one card. */ body.sm-registration-page #main-body > .container { max-width:900px; } #registration.sm-register-page { max-width:100%; margin:0 auto; } #registration.sm-register-page .sm-register-form { overflow:hidden; padding:30px 34px; border:1px solid #dce4eb; border-radius:12px; background:#fff; box-shadow:0 8px 28px rgba(19,42,65,.08); } #registration.sm-register-page .sm-register-wizard-head { margin:0; padding:0 0 20px; border:0; border-radius:0; background:transparent; box-shadow:none; } #registration.sm-register-page .sm-register-wizard-title { margin-bottom:18px; } #registration.sm-register-page .sm-register-wizard-title h2 { font-size:26px; line-height:1.25; } #registration.sm-register-page .sm-register-step-caption { margin-top:12px; } #registration.sm-register-page .sm-register-intro { margin:0; padding:15px 0 17px; border:0; border-top:1px solid #edf1f4; border-bottom:1px solid #edf1f4; border-radius:0; background:transparent; box-shadow:none; } #registration.sm-register-page .sm-register-intro .sub-heading { margin:0 0 12px; color:#617387; font-size:12px; font-weight:600; } #registration.sm-register-page .sm-register-intro .providerPreLinking { margin:0; } #registration.sm-register-page .sm-register-intro .social-signin-btns { display:flex; justify-content:center; } #registration.sm-register-page .sm-register-step-panel { margin:0; padding:22px 0 0; border:0; border-radius:0; background:transparent; box-shadow:none; } #registration.sm-register-page .sm-register-section-heading { margin-bottom:18px; } #registration.sm-register-page .sm-register-form .row { margin-left:-10px; margin-right:-10px; } #registration.sm-register-page .sm-register-form .row > [class*="col-"] { padding-left:10px; padding-right:10px; } @media (max-width:767px) { body.sm-registration-page #main-body { padding-top:18px; padding-bottom:28px; } #registration.sm-register-page .sm-register-form { padding:22px 18px; border-radius:10px; } #registration.sm-register-page .sm-register-wizard-head { padding-bottom:16px; } #registration.sm-register-page .sm-register-wizard-title h2 { font-size:22px; } #registration.sm-register-page .sm-register-step-panel { padding-top:18px; } } /* Dark cloud-console treatment inspired by the supplied E2E sign-in reference. */ body.sm-registration-page { min-height:100vh; background:#102a38; color:#e7edf5; } body.sm-registration-page #header { padding:10px 0; border-top:3px solid #13b8bd; background:transparent; box-shadow:none; } body.sm-registration-page #header .container { width:auto; max-width:none; padding:0 24px; } body.sm-registration-page #header .logo { display:inline-block; float:none; margin:0; } body.sm-registration-page #header .logo img { width:auto; max-width:230px; max-height:48px; } body.sm-registration-page #header .top-nav { display:none; } body.sm-registration-page #main-body { position:relative; z-index:0; display:flex; min-height:calc(100vh - 170px); align-items:center; padding:22px 0; overflow:hidden; background:transparent; } body.sm-registration-page #main-body::before { position:absolute; z-index:-1; right:-3%; bottom:0; left:17%; height:47%; background:linear-gradient(115deg,#08736d,#0a8176); clip-path:polygon(0 100%,100% 0,100% 100%); content:""; pointer-events:none; } body.sm-registration-page #main-body > .container { width:100%; max-width:none; padding:0 18px; } body.sm-registration-page #main-body > .container > .row { display:flex; justify-content:center; margin:0; } body.sm-registration-page #main-body > .container > .row > .main-content { float:none; width:100%; padding:0; } #registration.sm-register-page { width:100%; max-width:560px; margin:0 auto; color:#e7edf5; } #registration.sm-register-page .sm-register-form { overflow:hidden; padding:30px 32px 26px; border:1px solid #173d56; border-radius:15px; background:#101b30; box-shadow:0 18px 48px rgba(0,0,0,.28); } #registration.sm-register-page .sm-register-wizard-head { margin:0; padding:0 0 18px; border:0; background:transparent; } #registration.sm-register-page .sm-register-wizard-title { margin-bottom:18px; text-align:center; } #registration.sm-register-page .sm-register-kicker { color:#28c1c3; } #registration.sm-register-page .sm-register-wizard-title h2 { color:#f7f9fc; font-size:24px; letter-spacing:0; } #registration.sm-register-page .sm-register-wizard-title p, #registration.sm-register-page .sm-register-intro > p { color:#9aa8bb; } #registration.sm-register-page .sm-register-stepper li:not(:last-child)::after { background:#39465b; } #registration.sm-register-page .sm-register-stepper li.is-complete:not(:last-child)::after { background:#0ba9b4; } #registration.sm-register-page .sm-register-step-button { color:#9aa8bb; } #registration.sm-register-page .sm-register-step-button[aria-current="step"], #registration.sm-register-page .sm-register-stepper li.is-complete .sm-register-step-button { color:#eaf6fb; } #registration.sm-register-page .sm-register-step-number { border-color:#4a586d; background:#142238; color:#b6c2d0; } #registration.sm-register-page .is-current .sm-register-step-number { border-color:#12b4c2; background:#12aebe; color:#fff; box-shadow:0 0 0 4px rgba(18,180,194,.15); } #registration.sm-register-page .is-complete .sm-register-step-number { border-color:#0baa99; background:#0d978c; color:#fff; } #registration.sm-register-page .sm-register-step-caption { border-color:#2d3a4e; color:#a6b2c2; text-align:center; } #registration.sm-register-page .sm-register-intro { margin:0; padding:14px 0 17px; border:0; border-top:1px solid #29364a; border-bottom:1px solid #29364a; background:transparent; } #registration.sm-register-page .sm-register-intro .sub-heading { margin:0 0 12px; color:#96a3b6; } #registration.sm-register-page .sm-register-intro .sub-heading:before, #registration.sm-register-page .sm-register-intro .sub-heading:after { border-color:#3b4658; } #registration.sm-register-page .sm-register-intro .providerPreLinking { margin:0; } #registration.sm-register-page .sm-register-intro .social-signin-btns { display:flex; justify-content:center; } #registration.sm-register-page .sm-register-step-panel { margin:0; padding:22px 0 0; border:0; background:transparent; } #registration.sm-register-page .sm-register-section-heading { border-color:#2c394d; color:#f0f4f8; } #registration.sm-register-page .sm-register-section-heading:before, #registration.sm-register-page .sm-register-section-heading:after { border-color:#364357; } #registration.sm-register-page .sm-register-section-heading span { color:#f0f4f8; } #registration.sm-register-page .form-group .field, #registration.sm-register-page .form-group .form-control, #registration.sm-register-page #containerNewUserSecurity select { min-height:46px; border:1px solid #465368; border-radius:7px; background:#172437; color:#f2f5f9; box-shadow:none; } #registration.sm-register-page .form-group .field::placeholder, #registration.sm-register-page .form-group .form-control::placeholder { color:#8e9bae; opacity:1; } #registration.sm-register-page .form-group .field:focus, #registration.sm-register-page .form-group .form-control:focus, #registration.sm-register-page #containerNewUserSecurity select:focus { border-color:#14b5c4; box-shadow:0 0 0 3px rgba(20,181,196,.14); } #registration.sm-register-page .field-icon { color:#8d9bad; } #registration.sm-register-page .sm-register-step-actions { border-color:#29364a; } #registration.sm-register-page .sm-register-step-note { color:#9aa8bb; } #registration.sm-register-page .sm-register-back, #registration.sm-register-page .sm-register-edit { border-color:#4a586d; background:#152339; color:#c6d1df; } #registration.sm-register-page .sm-register-back:hover, #registration.sm-register-page .sm-register-edit:hover { background:#1c2d44; } #registration.sm-register-page .sm-register-next, #registration.sm-register-page .sm-register-step-panel .sm-register-submit { border:0; border-radius:7px; background:linear-gradient(100deg,#05b7cc,#12b98b); color:#fff; } #registration.sm-register-page .sm-register-next:hover, #registration.sm-register-page .sm-register-step-panel .sm-register-submit:hover { background:linear-gradient(100deg,#05a9bf,#0eaa7c); } #registration.sm-register-page .sm-register-review { border-color:#344157; background:#152239; } #registration.sm-register-page .sm-register-review-section + .sm-register-review-section { border-color:#344157; } #registration.sm-register-page .sm-register-review-heading, #registration.sm-register-page .sm-register-review-row dd { color:#e0e7ef; } #registration.sm-register-page .sm-register-review-row dt { color:#9aa8bb; } #registration.sm-register-page .marketing-email-optin { border-color:#344157; background:#152239; } #registration.sm-register-page .tospanel { border-color:#344157; background:#152239; } #registration.sm-register-page .tospanel .panel-heading { border-color:#344157; background:#1b2b42; color:#edf2f7; } #registration.sm-register-page .tospanel .panel-body { color:#d2dbe6; } #registration.sm-register-page .alert { border-color:#594951; background:#2a202b; color:#f1dce1; } body.sm-registration-page #footer { border-top:1px solid #26384a; background:#101a2f; color:#8995a7; } body.sm-registration-page #footer p { color:#8995a7; } @media (max-width:767px) { body.sm-registration-page #header .container { padding:0 16px; } body.sm-registration-page #header .logo img { max-width:190px; max-height:42px; } body.sm-registration-page #main-body { min-height:calc(100vh - 145px); padding:16px 0 24px; } body.sm-registration-page #main-body::before { left:0; height:34%; } body.sm-registration-page #main-body > .container { padding:0 12px; } #registration.sm-register-page .sm-register-form { padding:23px 18px 20px; border-radius:12px; } #registration.sm-register-page .sm-register-wizard-title h2 { font-size:21px; } #registration.sm-register-page .sm-register-stepper { gap:1px; } #registration.sm-register-page .sm-register-step-button { padding-right:2px; } #registration.sm-register-page .sm-register-step-label { font-size:9px; } #registration.sm-register-page .sm-register-step-panel { padding-top:18px; } } /* Final registration alignment and servermango.com brand lockup. */ body.sm-registration-page #header { position:relative !important; top:auto !important; left:auto !important; width:100% !important; z-index:20; } body.sm-registration-page #header .container { display:flex !important; min-height:72px; align-items:center; justify-content:center; text-align:center; } body.sm-registration-page #header .logo { display:flex !important; flex-direction:column; align-items:center; justify-content:center; margin:0 auto !important; text-align:center; } body.sm-registration-page #header .logo:after { display:block; margin-top:-1px; color:#d7e6ed; content:"servermango.com"; font-size:12px; font-weight:600; letter-spacing:.35px; line-height:1.2; } body.sm-registration-page #header .logo img { display:block; margin:0 auto; } body.sm-registration-page #main-body { width:100% !important; min-height:calc(100vh - 155px); float:none !important; margin:0 !important; padding:20px 0 !important; } body.sm-registration-page #main-body > .container { width:100% !important; max-width:100% !important; margin:0 auto !important; } body.sm-registration-page #main-body > .container > .row { width:100% !important; max-width:none !important; margin:0 !important; } body.sm-registration-page #main-body > .container > .row > .main-content { display:flex; flex:1 1 100%; justify-content:center; width:100% !important; max-width:100% !important; float:none !important; margin:0 !important; padding:0 14px !important; } body.sm-registration-page #footer { width:100% !important; float:none !important; margin:0 !important; padding-left:0 !important; } #registration.sm-register-page .sub-heading { color:#e7edf5 !important; } #registration.sm-register-page .sub-heading span { padding-right:12px; padding-left:12px; background:#101b30 !important; color:#f0f5fa !important; } #registration.sm-register-page .sub-heading:before, #registration.sm-register-page .sub-heading:after { border-color:#39465b !important; } #registration.sm-register-page .sm-register-section-heading span { background:#101b30 !important; color:#f0f5fa !important; } #registration.sm-register-page .form-group > label:not(.field-icon), #registration.sm-register-page .control-label, #registration.sm-register-page .checkbox { color:#d7e0ea !important; } @media (max-width:767px) { body.sm-registration-page #header .container { min-height:62px; padding:0 12px; } body.sm-registration-page #header .logo img { max-width:180px; max-height:40px; } body.sm-registration-page #main-body { min-height:calc(100vh - 135px); } body.sm-registration-page #main-body > .container > .row > .main-content { padding-right:12px !important; padding-left:12px !important; } } /* Server Mango homepage palette: clean light canvas, navy text, mango accents. */ body.sm-registration-page { background:#f5f6f8; color:#26364a; } body.sm-registration-page #header { border-top:3px solid #f5b51b; background:#fff; box-shadow:0 2px 12px rgba(27,43,61,.08); } body.sm-registration-page #main-body { background:#f5f6f8; } body.sm-registration-page #main-body::before { display:none; } #registration.sm-register-page { color:#26364a; } #registration.sm-register-page .sm-register-form { border-color:#e2e6eb; background:#fff; box-shadow:0 8px 24px rgba(27,43,61,.08); } #registration.sm-register-page .sm-register-kicker { color:#a96800; } #registration.sm-register-page .sm-register-wizard-title h2 { color:#172b3f; } #registration.sm-register-page .sm-register-wizard-title p, #registration.sm-register-page .sm-register-intro > p { color:#64748b; } #registration.sm-register-page .sm-register-stepper li:not(:last-child)::after { background:#e0e5eb; } #registration.sm-register-page .sm-register-stepper li.is-complete:not(:last-child)::after { background:#eab33d; } #registration.sm-register-page .sm-register-step-button { color:#697789; } #registration.sm-register-page .sm-register-step-button[aria-current="step"], #registration.sm-register-page .sm-register-stepper li.is-complete .sm-register-step-button { color:#26364a; } #registration.sm-register-page .sm-register-step-number { border-color:#d4dbe3; background:#fff; color:#64748b; } #registration.sm-register-page .is-current .sm-register-step-number { border-color:#f2aa00; background:#f5b51b; color:#172b3f; box-shadow:0 0 0 4px rgba(245,181,27,.16); } #registration.sm-register-page .is-complete .sm-register-step-number { border-color:#d99a16; background:#e9aa20; color:#172b3f; } #registration.sm-register-page .sm-register-step-caption { border-color:#e7ebef; color:#64748b; } #registration.sm-register-page .sm-register-intro { border-color:#e7ebef; } #registration.sm-register-page .sm-register-intro .sub-heading { color:#526174; } #registration.sm-register-page .sm-register-intro .sub-heading:before, #registration.sm-register-page .sm-register-intro .sub-heading:after, #registration.sm-register-page .sm-register-section-heading:before, #registration.sm-register-page .sm-register-section-heading:after { border-color:#e1e6eb; } #registration.sm-register-page .sm-register-section-heading { border-color:#e1e6eb; color:#26364a; } #registration.sm-register-page .sm-register-section-heading span { color:#26364a; } #registration.sm-register-page .form-group .field, #registration.sm-register-page .form-group .form-control, #registration.sm-register-page #containerNewUserSecurity select { border-color:#cfd7e1; background:#fff; color:#26364a; } #registration.sm-register-page .form-group .field::placeholder, #registration.sm-register-page .form-group .form-control::placeholder { color:#8994a3; } #registration.sm-register-page .form-group .field:focus, #registration.sm-register-page .form-group .form-control:focus, #registration.sm-register-page #containerNewUserSecurity select:focus { border-color:#e0a11b; box-shadow:0 0 0 3px rgba(245,181,27,.18); } #registration.sm-register-page .field-icon { color:#7b8795; } #registration.sm-register-page .sm-register-step-actions { border-color:#e7ebef; } #registration.sm-register-page .sm-register-step-note, #registration.sm-register-page .sm-register-review-row dt { color:#64748b; } #registration.sm-register-page .sm-register-back, #registration.sm-register-page .sm-register-edit { border-color:#cfd7e1; background:#fff; color:#34465c; } #registration.sm-register-page .sm-register-back:hover, #registration.sm-register-page .sm-register-edit:hover { background:#f5f6f8; } #registration.sm-register-page .sm-register-next, #registration.sm-register-page .sm-register-step-panel .sm-register-submit { border:1px solid #e3a20c; border-radius:7px; background:#f5b51b; color:#172b3f; } #registration.sm-register-page .sm-register-next:hover, #registration.sm-register-page .sm-register-step-panel .sm-register-submit:hover { background:#e9a900; } #registration.sm-register-page .sm-register-review { border-color:#e2e6eb; background:#f7f8fa; } #registration.sm-register-page .sm-register-review-section + .sm-register-review-section { border-color:#e2e6eb; } #registration.sm-register-page .sm-register-review-heading, #registration.sm-register-page .sm-register-review-row dd { color:#26364a; } #registration.sm-register-page .marketing-email-optin, #registration.sm-register-page .tospanel { border-color:#e2e6eb; background:#f7f8fa; } #registration.sm-register-page .tospanel .panel-heading { border-color:#e2e6eb; background:#eef1f4; color:#26364a; } #registration.sm-register-page .tospanel .panel-body { color:#435268; } body.sm-registration-page #header .logo:after { color:#34465c; } #registration.sm-register-page .sub-heading { color:#26364a !important; } #registration.sm-register-page .sub-heading span, #registration.sm-register-page .sm-register-section-heading span { background:#fff !important; color:#26364a !important; } #registration.sm-register-page .sub-heading:before, #registration.sm-register-page .sub-heading:after { border-color:#e1e6eb !important; } #registration.sm-register-page .form-group > label:not(.field-icon), #registration.sm-register-page .control-label, #registration.sm-register-page .checkbox { color:#34465c !important; } body.sm-registration-page #footer { border-top:1px solid #e1e5ea; background:#fff; color:#6b7582; } body.sm-registration-page #footer p { color:#6b7582; } /* Reduce visual repetition while keeping every signup option and field. */ #registration.sm-register-page .sm-register-step-caption { display:none; } #registration.sm-register-page .sm-register-intro { padding:8px 0 12px; border:0; } #registration.sm-register-page .sm-register-intro .sub-heading { display:none; } #registration.sm-register-page .sm-register-intro .providerPreLinking { margin:0; } #registration.sm-register-page .sm-register-intro .social-signin-btns { margin:0; } #registration.sm-register-page .sm-register-step-panel { padding-top:12px; } #registration.sm-register-page .sm-register-section-heading:before, #registration.sm-register-page .sm-register-section-heading:after { display:none !important; } #registration.sm-register-page .sm-register-section-heading { margin:0 0 14px; border:0; text-align:left; } #registration.sm-register-page .sm-register-section-heading span { padding:0 !important; } #registration.sm-register-page .sm-register-wizard-title { margin-bottom:12px; } #registration.sm-register-page .sm-register-wizard-head { padding-bottom:12px; } /* Keep the logo as the brand anchor; avoid repeating the domain in surrounding copy. */ body.sm-registration-page #header .logo:after { display:none !important; content:none !important; }