auth-console.sonymusic.com
Open in
urlscan Pro
54.152.210.39
Public Scan
Submitted URL: https://u8520556.ct.sendgrid.net/ls/click?upn=rbR0SnVqHHU-2BvrJsknyQipHM376jCyhPrLmGkJQOP0aM5kCzoyDAlzvY2znnbu6-2BD5e9yAeYsGRARAn...
Effective URL: https://auth-console.sonymusic.com/signin.html
Submission: On May 10 via manual from GB — Scanned from GB
Effective URL: https://auth-console.sonymusic.com/signin.html
Submission: On May 10 via manual from GB — Scanned from GB
Form analysis
10 forms found in the DOM<form novalidate="novalidate" id="ext-accounts-pickaccount-1" data-componentid="ext-accounts-pickaccount-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl add-blk-bg x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="8">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-21">
<div
class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el inner-container-style x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl"
id="ext-element-22" style="border-width: 0px;">
<div id="ext-label-1" data-componentid="ext-label-1" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="9" style="margin: 20px 0px 10px !important;">
<div class="x-innerhtml" id="ext-element-23">Pick an account</div>
</div>
<div data-componentid="ext-container-2" class="x-container x-component icon-btn-style x-layout-box-item x-layout-vbox-item" data-xid="10" id="ext-container-2">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-24">
<div class="x-innerhtml" id="ext-element-524"><a href="#" class="usericon">null</a></div>
</div>
</div>
<div data-componentid="ext-container-3" class="x-container x-component icon-btn-style x-layout-box-item x-layout-vbox-item" data-xid="11" id="ext-container-3" style="margin: 0px 0px 10px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-25">
<div class="x-innerhtml" id="ext-element-26"><a href="#" class="addicon" id="ext-element-523" aria-label="Use another account">Use another account</a></div>
</div>
</div>
<div data-componentid="ext-container-4" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="12" id="ext-container-4" style="margin: 15px 0px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-end x-layout-hbox x-horizontal" id="ext-element-27">
<div id="ext-button-1" data-componentid="ext-button-1" class="x-component x-button x-widthed x-has-text x-icon-align-left x-arrow-align-right x-button-btn--next x-component-btn--next x-layout-box-item x-layout-hbox-item" data-xid="13"
style="width: 100%;">
<div class="x-inner-el" id="ext-element-30">
<div class="x-body-el" id="ext-element-29">
<div class="x-icon-el x-font-icon" id="ext-element-31"></div>
<div class="x-text-el" id="ext-element-32">Forget these accounts and use another</div>
</div>
<div class="x-arrow-el x-font-icon" id="ext-element-33"></div>
</div>
<div class="x-badge-el" id="ext-element-34"></div><button class="x-button-el" id="ext-element-28" type="button" data-componentid="ext-button-1" aria-label="Forget me and use another account"></button>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-email-enteremail-1" data-componentid="ext-email-enteremail-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl add-blk-bg x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="14">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-35">
<div
class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el inner-container-style x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl"
id="ext-element-36" style="border-width: 0px;">
<div data-componentid="ext-label-2" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="15" id="ext-label-2" style="margin: 20px 0px 10px !important;">
<div class="x-innerhtml" id="ext-element-525">Login</div>
</div>
<div
class="x-no-min-content x-emailfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-required x-empty x-error-target-qtip x-layout-box-item x-layout-vbox-item x-label-inside"
id="ext-emailfield-1" data-componentid="ext-emailfield-1" data-xid="16"><label class="x-label-el" id="ext-element-39" for="ext-element-37"
style="transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1) scaleZ(1); font-size: 12px; transition-property: transform, font-size; transition-duration: 250ms; transition-timing-function: ease-out;"><span
class="x-label-text-el" id="ext-element-40">email@example.com</span></label>
<div class="x-body-wrap-el" id="ext-element-41">
<div class="x-body-el" id="ext-element-38">
<div class="x-input-wrap-el" id="ext-element-42">
<div class="x-before-input-el" id="ext-element-43"></div><input tabindex="0" class="x-input-el" id="ext-element-37" type="email" autocapitalize="off" data-componentid="ext-emailfield-1">
<div class="x-after-input-el" id="ext-element-44">
<div id="ext-cleartrigger-1" data-componentid="ext-cleartrigger-1" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="17">
<div class="x-icon-el x-font-icon" id="ext-element-49"></div>
</div>
</div>
</div>
<div class="x-underline-el" id="ext-element-45"></div>
</div>
<div class="x-error-el" id="ext-element-46">
<div class="x-error-icon-el x-font-icon" id="ext-element-47"></div>
<div class="x-error-message-el" id="ext-element-48"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-checkboxfield x-field x-component x-label-align-left x-label-align-horizontal x-label-text-align-left x-no-label-wrap remove-highlight x-body-align-left x-box-label-align-after x-box-labeled x-error-target-qtip x-layout-box-item x-layout-vbox-item"
id="ext-checkbox-1" data-componentid="ext-checkbox-1" data-xid="18" style="margin: 0px 0px 0px 5px !important;"><label class="x-label-el" id="ext-element-52" for="ext-element-50"><span class="x-label-text-el"
id="ext-element-54"></span></label>
<div class="x-body-wrap-el" id="ext-element-55">
<div class="x-body-el" id="ext-element-51">
<div class="x-box-wrap-el" id="ext-element-56">
<div class="x-box-el" id="ext-element-57">
<div class="x-font-icon x-icon-el" id="ext-element-58"><input tabindex="0" class="x-input-el" id="ext-element-50" type="checkbox" value="true" data-componentid="ext-checkbox-1"></div>
</div><label class="x-box-label-el" id="ext-element-53" for="ext-element-50">Remember me</label>
</div>
</div>
<div class="x-error-el" id="ext-element-59">
<div class="x-error-icon-el x-font-icon" id="ext-element-60"></div>
<div class="x-error-message-el" id="ext-element-61"></div>
</div>
</div>
</div>
<div data-componentid="ext-container-5" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="19" id="ext-container-5" style="margin: 15px 0px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-end x-layout-hbox x-horizontal" id="ext-element-62">
<div data-componentid="ext-button-2" class="x-component x-button x-hidden x-hidden-display x-has-text x-icon-align-left x-arrow-align-right x-button-btn--prev x-component-btn--prev x-layout-box-item x-layout-hbox-item" data-xid="20"
id="ext-button-2" style="min-width: 120px; margin: 0px 2px 0px 0px !important;">
<div class="x-inner-el" id="ext-element-65">
<div class="x-body-el" id="ext-element-64">
<div class="x-icon-el x-font-icon" id="ext-element-67"></div>
<div class="x-text-el" id="ext-element-66">Back</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-63" data-componentid="ext-button-2" aria-label="Back to previous"></button>
</div>
<div data-componentid="ext-button-3" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--next x-component-btn--next x-layout-box-item x-layout-hbox-item" data-xid="21" id="ext-button-3"
style="min-width: 120px;">
<div class="x-inner-el" id="ext-element-70">
<div class="x-body-el" id="ext-element-69">
<div class="x-icon-el x-font-icon" id="ext-element-72"></div>
<div class="x-text-el" id="ext-element-71">Next</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-68" data-componentid="ext-button-3" aria-label="Next"></button>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-password-enterpassword-1" data-componentid="ext-password-enterpassword-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl add-blk-bg x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="22">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-73">
<div
class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el inner-container-style x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl"
id="ext-element-74" style="border-width: 0px;">
<div data-componentid="ext-button-4"
class="x-component x-button remove-left-padding make-plain x-text-align-left x-has-icon x-icon-align-left x-arrow-align-right x-button-btn--back-plain x-component-btn--back-plain x-layout-box-item x-layout-vbox-item" data-xid="23"
id="ext-button-4">
<div class="x-inner-el" id="ext-element-77">
<div class="x-body-el" id="ext-element-76">
<div class="x-icon-el x-font-icon x-fa fa-arrow-left" id="ext-element-78"></div>
<div class="x-text-el"></div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-75" data-componentid="ext-button-4"></button>
</div>
<div data-componentid="ext-label-3" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="24" id="ext-label-3" style="margin: 30px 0px 0px !important;">
<div class="x-innerhtml" id="ext-element-79">Enter password</div>
</div>
<div
class="x-no-min-content x-passwordfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-required x-empty x-error-target-qtip x-layout-box-item x-layout-vbox-item"
id="ext-passwordfield-1" data-componentid="ext-passwordfield-1" data-xid="25"><label class="x-label-el" id="ext-element-82" for="ext-element-80"><span class="x-label-text-el" id="ext-element-83">Password</span></label>
<div class="x-body-wrap-el" id="ext-element-84">
<div class="x-body-el" id="ext-element-81">
<div class="x-input-wrap-el" id="ext-element-85">
<div class="x-before-input-el" id="ext-element-86"></div><input tabindex="0" class="x-input-el" id="ext-element-80" type="password" autocapitalize="off" data-componentid="ext-passwordfield-1">
<div class="x-after-input-el" id="ext-element-87">
<div id="ext-revealtrigger-1" data-componentid="ext-revealtrigger-1" class="x-revealtrigger x-trigger x-hidden-display x-interactive" data-xid="26">
<div class="x-icon-el x-font-icon" id="ext-element-92"></div>
</div>
<div data-componentid="ext-cleartrigger-2" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="27" id="ext-cleartrigger-2">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el" id="ext-element-88"></div>
</div>
<div class="x-error-el" id="ext-element-89">
<div class="x-error-icon-el x-font-icon" id="ext-element-90"></div>
<div class="x-error-message-el" id="ext-element-91"></div>
</div>
</div>
</div>
<div id="ext-component-1" data-componentid="ext-component-1" class="x-component x-hidden x-hidden-display x-layout-box-item x-layout-vbox-item" data-xid="28">
<div class="x-innerhtml" id="ext-element-93">Your account or password is incorrect.<br> If you don't remember your password, reset it now.</div>
</div>
<div data-componentid="ext-container-6" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="29" id="ext-container-6" style="margin: 15px 0px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-end x-layout-hbox x-horizontal" id="ext-element-94">
<div data-componentid="ext-button-5" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--prev x-component-btn--prev x-layout-box-item x-layout-hbox-item" data-xid="30" id="ext-button-5"
style="min-width: 120px; margin: 0px 2px 0px 0px !important;">
<div class="x-inner-el" id="ext-element-97">
<div class="x-body-el" id="ext-element-96">
<div class="x-icon-el x-font-icon" id="ext-element-99"></div>
<div class="x-text-el" id="ext-element-98">Forgot password</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-95" data-componentid="ext-button-5"></button>
</div>
<div data-componentid="ext-button-6" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--next x-component-btn--next x-layout-box-item x-layout-hbox-item" data-xid="31" id="ext-button-6"
style="min-width: 120px;">
<div class="x-inner-el" id="ext-element-102">
<div class="x-body-el" id="ext-element-101">
<div class="x-icon-el x-font-icon" id="ext-element-104"></div>
<div class="x-text-el" id="ext-element-103">Sign in</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-100" data-componentid="ext-button-6"></button>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-password-forgotpassword-1" data-componentid="ext-password-forgotpassword-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl add-blk-bg x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="32">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-105">
<div
class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el inner-container-style x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl"
id="ext-element-106" style="border-width: 0px;">
<div data-componentid="ext-label-4" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="33" id="ext-label-4" style="margin: 20px 0px 10px !important;">
<div class="x-innerhtml" id="ext-element-107">Get back into your account</div>
</div>
<div data-componentid="ext-container-7" class="x-container x-component minor-sub-title x-layout-box-item x-layout-vbox-item" data-xid="34" id="ext-container-7">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-108">
<div class="x-innerhtml" id="ext-element-109">To recover your account, begin by entering your email and follow the prompts below.</div>
</div>
</div>
<div
class="x-no-min-content x-emailfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-required x-empty x-error-target-qtip x-layout-box-item x-layout-vbox-item"
data-componentid="ext-emailfield-2" data-xid="35" id="ext-emailfield-2"><label class="x-label-el" for="ext-element-110" id="ext-element-112"><span class="x-label-text-el" id="ext-element-113">Email</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-111">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-114"></div><input tabindex="0" class="x-input-el" type="email" id="ext-element-110" autocapitalize="off" data-componentid="ext-emailfield-2">
<div class="x-after-input-el" id="ext-element-115">
<div data-componentid="ext-cleartrigger-3" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="36" id="ext-cleartrigger-3">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div data-componentid="ext-container-8" class="x-container x-component center x-layout-box-item x-layout-vbox-item" data-xid="37" id="ext-container-8" style="margin: 10px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-space-around x-layout-vbox x-vertical" id="ext-element-116">
<div class="x-no-min-content x-field x-component x-body-align-start x-label-align-top x-label-align-vertical x-label-text-align-left x-no-label-wrap x-error-target-qtip x-layout-box-item x-layout-vbox-item" id="ext-captchacheckbox-1"
data-componentid="ext-captchacheckbox-1" data-xid="38"><label class="x-label-el" id="ext-element-118"><span class="x-label-text-el" id="ext-element-119"></span></label>
<div class="x-body-wrap-el" id="ext-element-120">
<div class="x-body-el" id="ext-element-117">
<div class="x-innerhtml" id="ext-element-124">
<div id="h-captcha" align="center"></div>
</div>
</div>
<div class="x-error-el" id="ext-element-121">
<div class="x-error-icon-el x-font-icon" id="ext-element-122"></div>
<div class="x-error-message-el" id="ext-element-123"></div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-container-9" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="39" id="ext-container-9" style="margin: 15px 0px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-end x-layout-hbox x-horizontal" id="ext-element-125">
<div data-componentid="ext-button-7" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--prev x-component-btn--prev x-layout-box-item x-layout-hbox-item" data-xid="40" id="ext-button-7"
style="min-width: 120px; margin: 0px 2px 0px 0px !important;">
<div class="x-inner-el" id="ext-element-128">
<div class="x-body-el" id="ext-element-127">
<div class="x-icon-el x-font-icon" id="ext-element-130"></div>
<div class="x-text-el" id="ext-element-129">Cancel</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-126" data-componentid="ext-button-7"></button>
</div>
<div data-componentid="ext-button-8" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--next x-component-btn--next x-layout-box-item x-layout-hbox-item" data-xid="41" id="ext-button-8"
style="min-width: 120px;">
<div class="x-inner-el" id="ext-element-133">
<div class="x-body-el" id="ext-element-132">
<div class="x-icon-el x-font-icon" id="ext-element-135"></div>
<div class="x-text-el" id="ext-element-134">Next</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-131" data-componentid="ext-button-8"></button>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-mfa-entersecuritycode-1" data-componentid="ext-mfa-entersecuritycode-1" class="x-formpanel x-panel x-container x-component x-noborder-trbl add-blk-bg x-header-position-top x-managed-borders x-layout-card-item"
data-xid="42">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-136">
<div
class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el inner-container-style x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl"
id="ext-element-137" style="border-width: 0px;">
<div data-componentid="ext-label-5" class="x-component x-label sub-title x-layout-box-item x-layout-vbox-item" data-xid="43" id="ext-label-5" style="margin: 40px 0px 0px !important;">
<div class="x-innerhtml" id="ext-element-138">robert.sargent@crowecw.co.uk</div>
</div>
<div data-componentid="ext-label-6" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="44" id="ext-label-6" style="margin: 10px 0px 20px !important;">
<div class="x-innerhtml" id="ext-element-139">Enter security code</div>
</div>
<div data-componentid="ext-component-2" class="x-component font-style x-layout-box-item x-layout-vbox-item" data-xid="45" id="ext-component-2">
<div class="x-innerhtml" id="ext-element-140"><span><i class="fas fa-sms inline-icon" aria-hidden="true"></i> We sent your security code as an SMS to your mobile phone that ends in 01:</span></div>
</div>
<div data-componentid="ext-container-10" class="x-container x-component sub-title x-layout-box-item x-layout-vbox-item" data-xid="46" id="ext-container-10">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-141">
<div class="x-innerhtml" id="ext-element-142">Enter the security code to verify your identity.</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-box-item x-layout-vbox-item x-label-inside"
id="ext-textfield-1" data-componentid="ext-textfield-1" data-xid="47"><label class="x-label-el" id="ext-element-145" for="ext-element-143" style="transform: translateX(0px) translateY(24px); font-size: 13px;"><span class="x-label-text-el"
id="ext-element-146">Enter code...</span></label>
<div class="x-body-wrap-el" id="ext-element-147">
<div class="x-body-el" id="ext-element-144">
<div class="x-input-wrap-el" id="ext-element-148">
<div class="x-before-input-el" id="ext-element-149"></div><input tabindex="0" class="x-input-el" id="ext-element-143" type="text" maxlength="10" data-componentid="ext-textfield-1">
<div class="x-after-input-el" id="ext-element-150">
<div data-componentid="ext-cleartrigger-4" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="48" id="ext-cleartrigger-4">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el" id="ext-element-151"></div>
</div>
<div class="x-error-el" id="ext-element-152">
<div class="x-error-icon-el x-font-icon" id="ext-element-153"></div>
<div class="x-error-message-el" id="ext-element-154"></div>
</div>
</div>
</div>
<div data-componentid="ext-button-9" class="x-component x-button x-widthed x-has-text x-icon-align-left x-arrow-align-right x-button-btn--text-wide x-component-btn--text-wide x-layout-box-item x-layout-vbox-item" data-xid="49" id="ext-button-9"
style="width: 100%; margin: 15px 0px !important;">
<div class="x-inner-el" id="ext-element-157">
<div class="x-body-el" id="ext-element-156">
<div class="x-icon-el x-font-icon" id="ext-element-159"></div>
<div class="x-text-el" id="ext-element-158">Use a different verification method</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-155" data-componentid="ext-button-9" aria-label="Use a different verification method"></button>
</div>
<div data-componentid="ext-container-11" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="50" id="ext-container-11" style="margin: 15px 0px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-end x-layout-hbox x-horizontal" id="ext-element-160">
<div data-componentid="ext-button-10" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--next x-component-btn--next x-layout-box-item x-layout-hbox-item" data-xid="51" id="ext-button-10"
style="min-width: 120px;">
<div class="x-inner-el" id="ext-element-163">
<div class="x-body-el" id="ext-element-162">
<div class="x-icon-el x-font-icon" id="ext-element-165"></div>
<div class="x-text-el" id="ext-element-164">Verify</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-161" data-componentid="ext-button-10" aria-label="Verify"></button>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-mfa-mfaoptions-1" data-componentid="ext-mfa-mfaoptions-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl add-blk-bg x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="52">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-166">
<div
class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el inner-container-style x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl"
id="ext-element-167" style="border-width: 0px;">
<div data-componentid="ext-button-11"
class="x-component x-button remove-left-padding make-plain x-text-align-left x-has-icon x-icon-align-left x-arrow-align-right x-button-btn--back-plain x-component-btn--back-plain x-layout-box-item x-layout-vbox-item" data-xid="53"
id="ext-button-11" style="margin: 20px 0px 10px !important;">
<div class="x-inner-el" id="ext-element-170">
<div class="x-body-el" id="ext-element-169">
<div class="x-icon-el x-font-icon x-fa fa-arrow-left" id="ext-element-171"></div>
<div class="x-text-el"></div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-168" data-componentid="ext-button-11"></button>
</div>
<div data-componentid="ext-label-7" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="54" id="ext-label-7" style="margin: 20px 0px 10px !important;">
<div class="x-innerhtml" id="ext-element-172">Verify your identity</div>
</div>
<div data-componentid="ext-container-12" class="x-container x-component icon-btn-style x-layout-box-item x-layout-vbox-item" data-xid="55" id="ext-container-12">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-173">
<div class="x-innerhtml" id="ext-element-174"><a href="#" class="email-icon">E-mail the security code</a></div>
</div>
</div>
<div data-componentid="ext-container-13" class="x-container x-component icon-btn-style x-hidden x-hidden-display x-layout-box-item x-layout-vbox-item" data-xid="56" id="ext-container-13">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-175">
<div class="x-innerhtml" id="ext-element-176"><a href="#" class="sms-icon">Text (SMS) the security code</a></div>
</div>
</div>
<div data-componentid="ext-container-14" class="x-container x-component icon-btn-style x-hidden x-hidden-display x-layout-box-item x-layout-vbox-item" data-xid="57" id="ext-container-14">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-177">
<div class="x-innerhtml" id="ext-element-178"><a href="#" class="auth-icon">Google Authenticator</a></div>
</div>
</div>
<div data-componentid="ext-container-15" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="58" id="ext-container-15" style="margin: 15px 0px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-end x-layout-hbox x-horizontal" id="ext-element-179">
<div data-componentid="ext-button-12" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--next x-component-btn--next x-layout-box-item x-layout-hbox-item" data-xid="59" id="ext-button-12">
<div class="x-inner-el" id="ext-element-182">
<div class="x-body-el" id="ext-element-181">
<div class="x-icon-el x-font-icon" id="ext-element-184"></div>
<div class="x-text-el" id="ext-element-183">Cancel</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-180" data-componentid="ext-button-12"></button>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-password-changepasswordrequired-1" data-componentid="ext-password-changepasswordrequired-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl add-blk-bg x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="60">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-185">
<div
class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el inner-container-style x-scroller x-nativescroller x-overflow-x-hidden x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl"
id="ext-element-186" style="border-width: 0px;">
<div data-componentid="ext-container-16" class="x-container x-component sub-title x-layout-box-item x-layout-vbox-item" data-xid="61" id="ext-container-16">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-187">
<div class="x-innerhtml" id="ext-element-188">Set a new password</div>
</div>
</div>
<div
class="x-no-min-content x-passwordfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-required x-labeled x-empty x-error-target-qtip x-layout-box-item x-layout-vbox-item"
data-componentid="ext-passwordfield-2" data-xid="62" id="ext-passwordfield-2"><label class="x-label-el" for="ext-element-189" id="ext-element-191"><span class="x-label-text-el" id="ext-element-192">New password</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-190">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-193"></div><input tabindex="0" class="x-input-el" type="password" id="ext-element-189" autocapitalize="off" data-componentid="ext-passwordfield-2">
<div class="x-after-input-el" id="ext-element-194">
<div data-componentid="ext-revealtrigger-2" class="x-revealtrigger x-trigger x-hidden-display x-interactive" data-xid="63" id="ext-revealtrigger-2">
<div class="x-icon-el x-font-icon"></div>
</div>
<div data-componentid="ext-cleartrigger-5" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="64" id="ext-cleartrigger-5">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-passwordfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-required x-labeled x-empty x-error-target-qtip x-layout-box-item x-layout-vbox-item"
data-componentid="ext-passwordfield-3" data-xid="65" id="ext-passwordfield-3"><label class="x-label-el" for="ext-element-195" id="ext-element-197"><span class="x-label-text-el" id="ext-element-198">Confirm password</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-196">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-199"></div><input tabindex="0" class="x-input-el" type="password" id="ext-element-195" autocapitalize="off" data-componentid="ext-passwordfield-3">
<div class="x-after-input-el" id="ext-element-200">
<div data-componentid="ext-revealtrigger-3" class="x-revealtrigger x-trigger x-hidden-display x-interactive" data-xid="66" id="ext-revealtrigger-3">
<div class="x-icon-el x-font-icon"></div>
</div>
<div data-componentid="ext-cleartrigger-6" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="67" id="ext-cleartrigger-6">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div data-componentid="ext-container-17" class="x-container x-component password-req my-flex-items x-layout-box-item x-layout-vbox-item" data-xid="68" id="ext-container-17">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-201"></div>
</div>
<div data-componentid="ext-container-18" class="x-container x-component password-req my-flex-items x-layout-box-item x-layout-vbox-item" data-xid="69" id="ext-container-18">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-202"></div>
</div>
<div id="ext-spacer-1" data-componentid="ext-spacer-1" class="x-component x-layout-box-item x-layout-vbox-item x-flexed" data-xid="70" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-container-19" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="71" id="ext-container-19" style="margin: 15px 0px 0px !important;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-pack-end x-layout-hbox x-horizontal" id="ext-element-203">
<div data-componentid="ext-button-13" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--prev x-component-btn--prev x-layout-box-item x-layout-hbox-item" data-xid="72" id="ext-button-13"
style="min-width: 120px; margin: 0px 2px 0px 0px !important;">
<div class="x-inner-el" id="ext-element-206">
<div class="x-body-el" id="ext-element-205">
<div class="x-icon-el x-font-icon" id="ext-element-208"></div>
<div class="x-text-el" id="ext-element-207">Cancel</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-204" data-componentid="ext-button-13"></button>
</div>
<div data-componentid="ext-button-14" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--next x-component-btn--next x-layout-box-item x-layout-hbox-item" data-xid="73" id="ext-button-14"
style="min-width: 120px;">
<div class="x-inner-el" id="ext-element-211">
<div class="x-body-el" id="ext-element-210">
<div class="x-icon-el x-font-icon" id="ext-element-213"></div>
<div class="x-text-el" id="ext-element-212">Update</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-209" data-componentid="ext-button-14"></button>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-settings-user-1" data-componentid="ext-settings-user-1" class="x-formpanel x-panel x-container x-component x-noborder-trbl x-header-position-top x-managed-borders x-layout-card-item" data-xid="76">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-217">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-244">
<div id="ext-settings-settingsnav-1" data-componentid="ext-settings-settingsnav-1" class="x-toolbar x-container x-component x-noborder-trbl x-paint-monitored x-size-monitored x-dock-item x-docked-top x-noborder-trl" data-xid="77">
<div class="x-boxscroller x-toolbar-boxscroller x-container-boxscroller x-component-boxscroller x-horizontal x-tool-align-stretch" id="ext-element-220">
<div tabindex="0" data-componentid="ext-paneltool-2"
class="x-tool x-component x-hidden x-hidden-display x-tool-boxscroller x-component-boxscroller x-tool-boxscroller-settings-settingsnav x-component-boxscroller-settings-settingsnav x-unselectable" data-xid="79" id="ext-paneltool-2">
<div class="x-icon-el x-font-icon x-tool-type-scroll-left" id="ext-element-223"></div>
</div>
<div class="x-boxscroller-body x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-hidden" id="ext-element-221">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-size-monitored x-paint-monitored x-pack-start" id="ext-element-219">
<div class="x-size-monitors scroll">
<div class="expand"></div>
<div class="shrink"></div>
</div>
<div class="x-paint-monitor cssanimation"></div>
<div data-componentid="ext-spacer-2" class="x-component x-widthed x-layout-box-item x-layout-hbox-item" data-xid="80" id="ext-spacer-2" style="width: 10px;"></div>
<div data-componentid="ext-button-15" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="81"
id="ext-button-15">
<div class="x-inner-el" id="ext-element-226">
<div class="x-body-el" id="ext-element-225">
<div class="x-icon-el x-font-icon" id="ext-element-228"></div>
<div class="x-text-el" id="ext-element-227">Personal info</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-224" data-componentid="ext-button-15"></button>
</div>
<div data-componentid="ext-button-16" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="82"
id="ext-button-16">
<div class="x-inner-el" id="ext-element-231">
<div class="x-body-el" id="ext-element-230">
<div class="x-icon-el x-font-icon" id="ext-element-233"></div>
<div class="x-text-el" id="ext-element-232">Password</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-229" data-componentid="ext-button-16"></button>
</div>
<div data-componentid="ext-button-17" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="83"
id="ext-button-17">
<div class="x-inner-el" id="ext-element-236">
<div class="x-body-el" id="ext-element-235">
<div class="x-icon-el x-font-icon" id="ext-element-238"></div>
<div class="x-text-el" id="ext-element-237">Security options</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-234" data-componentid="ext-button-17"></button>
</div>
<div data-componentid="ext-spacer-3" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="84" id="ext-spacer-3" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-18" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-layout-box-item x-layout-hbox-item" data-xid="85" id="ext-button-18">
<div class="x-inner-el" id="ext-element-241">
<div class="x-body-el" id="ext-element-240">
<div class="x-icon-el x-font-icon" id="ext-element-243"></div>
<div class="x-text-el" id="ext-element-242">Logout</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-239" data-componentid="ext-button-18"></button>
</div>
<div data-componentid="ext-spacer-4" class="x-component x-widthed x-layout-box-item x-layout-hbox-item" data-xid="86" id="ext-spacer-4" style="width: 10px;"></div>
</div>
</div>
<div tabindex="0" id="ext-paneltool-1" data-componentid="ext-paneltool-1"
class="x-tool x-component x-hidden x-hidden-display x-tool-boxscroller x-component-boxscroller x-tool-boxscroller-settings-settingsnav x-component-boxscroller-settings-settingsnav x-unselectable" data-xid="78">
<div class="x-icon-el x-font-icon x-tool-type-scroll-right" id="ext-element-222"></div>
</div>
</div>
<div class="x-paint-monitor cssanimation"></div>
<div class="x-size-monitors scroll">
<div class="expand"></div>
<div class="shrink"></div>
</div>
</div>
<div class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-rbl"
id="ext-element-218" style="border-width: 0px;">
<div id="ext-panel-1" data-componentid="ext-panel-1" class="x-panel x-container x-component x-noborder-trbl panel-border x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item" data-xid="87">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-245">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-layout-auto x-noborder-trbl" id="ext-element-246" style="border-width: 0px;">
<div data-componentid="ext-container-20" class="x-container x-component field-padding x-layout-auto-item" data-xid="88" id="ext-container-20">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start" id="ext-element-247">
<div data-componentid="ext-label-8" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="89" id="ext-label-8">
<div class="x-innerhtml" id="ext-element-248">My details</div>
</div>
<div data-componentid="ext-panel-2" class="x-panel x-container x-component x-noborder-trbl x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item" data-xid="90" id="ext-panel-2">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-262">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-trbl" style="border-width: 0px;" id="ext-element-249">
<div data-componentid="ext-container-21" class="x-container x-component x-layout-box-item x-layout-vbox-item x-flexed" data-xid="91" id="ext-container-21" style="flex: 1 1 0%;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-250">
<div data-componentid="ext-container-22" class="x-container x-component x-layout-auto-item" data-xid="92" id="ext-container-22" style="min-height: 40px;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-251"></div>
</div>
</div>
</div>
<div data-componentid="ext-container-23" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="93" id="ext-container-23">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-stetch x-layout-hbox x-horizontal x-pack-start" id="ext-element-252">
<div data-componentid="ext-container-24" class="x-container x-component x-layout-box-item x-layout-hbox-item" data-xid="94" id="ext-container-24">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-253"></div>
</div>
<div data-componentid="ext-button-19"
class="x-component x-button x-has-icon x-icon-align-left x-arrow-align-right x-button-btn--subtle x-component-btn--subtle x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="95"
id="ext-button-19" style="max-width: 35px; margin: 0px 0px 0px 5px !important;">
<div class="x-inner-el" id="ext-element-256">
<div class="x-body-el" id="ext-element-255">
<div class="x-icon-el x-font-icon x-fa fa-pencil-alt amber" id="ext-element-257"></div>
<div class="x-text-el"></div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-254" data-componentid="ext-button-19"></button>
</div>
<div data-componentid="ext-button-20" class="x-component x-button x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="96" id="ext-button-20"
style="max-width: 50px; margin: 0px 5px 0px 0px !important;">
<div class="x-inner-el" id="ext-element-260">
<div class="x-body-el" id="ext-element-259">
<div class="x-icon-el x-font-icon x-fa fa-times-circle red" id="ext-element-261"></div>
<div class="x-text-el"></div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-258" data-componentid="ext-button-20"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-panel-3" class="x-panel x-container x-component x-noborder-trbl panel-border x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item" data-xid="97" id="ext-panel-3">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-350">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-349">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el field-padding x-layout-auto x-noborder-trl" style="border-width: 0px;" id="ext-element-263">
<div data-componentid="ext-container-25" class="x-container x-component x-layout-auto-item" data-xid="98" id="ext-container-25">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-layout-hbox x-horizontal x-align-stretch x-pack-start" id="ext-element-264">
<div data-componentid="ext-container-26" class="x-container x-component title x-layout-box-item x-layout-hbox-item" data-xid="99" id="ext-container-26">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-265">
<div class="x-innerhtml" id="ext-element-266">Manage my Sony Music profile</div>
</div>
</div>
<div data-componentid="ext-label-9" class="x-component x-label title help-icon x-layout-box-item x-layout-hbox-item" data-xid="100" id="ext-label-9">
<div class="x-innerhtml" id="ext-element-267"></div>
</div>
</div>
</div>
<div data-componentid="ext-panel-4" class="x-panel x-container x-component x-noborder-trbl x-header-position-top x-managed-borders x-layout-auto-item" data-xid="101" id="ext-panel-4">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-337">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-layout-box x-wrap x-align-start x-layout-hbox x-horizontal x-pack-start x-noborder-trbl" style="border-width: 0px;" id="ext-element-268">
<div data-componentid="ext-container-27" class="x-container x-component settings-flex-items x-layout-box-item x-layout-hbox-item x-flexed" data-xid="102" id="ext-container-27" style="flex: 1 1 0%;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-269">
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-2" data-xid="103" id="ext-textfield-2"><label class="x-label-el" for="ext-element-270" id="ext-element-272"><span class="x-label-text-el" id="ext-element-273">First name</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-271">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-274"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-270" name="firstName" placeholder="" autocapitalize="on" maxlength="50"
data-componentid="ext-textfield-2">
<div class="x-after-input-el" id="ext-element-275">
<div data-componentid="ext-cleartrigger-7" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="104" id="ext-cleartrigger-7">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-3" data-xid="105" id="ext-textfield-3"><label class="x-label-el" for="ext-element-276" id="ext-element-278"><span class="x-label-text-el" id="ext-element-279">Company name</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-277">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-280"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-276" name="companyName" placeholder="" autocapitalize="on" maxlength="50"
data-componentid="ext-textfield-3">
<div class="x-after-input-el" id="ext-element-281">
<div data-componentid="ext-cleartrigger-8" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="106" id="ext-cleartrigger-8">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-4" data-xid="107" id="ext-textfield-4"><label class="x-label-el" for="ext-element-282" id="ext-element-284"><span class="x-label-text-el" id="ext-element-285">Job title</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-283">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-286"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-282" name="jobTitle" placeholder="" autocapitalize="on" maxlength="50"
data-componentid="ext-textfield-4">
<div class="x-after-input-el" id="ext-element-287">
<div data-componentid="ext-cleartrigger-9" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="108" id="ext-cleartrigger-9">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-5" data-xid="109" id="ext-textfield-5"><label class="x-label-el" for="ext-element-288" id="ext-element-290"><span class="x-label-text-el" id="ext-element-291">Department</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-289">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-292"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-288" name="department" placeholder="" autocapitalize="on" maxlength="50"
data-componentid="ext-textfield-5">
<div class="x-after-input-el" id="ext-element-293">
<div data-componentid="ext-cleartrigger-10" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="110" id="ext-cleartrigger-10">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-6" data-xid="111" id="ext-textfield-6"><label class="x-label-el" for="ext-element-294" id="ext-element-296"><span class="x-label-text-el" id="ext-element-297">Street address</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-295">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-298"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-294" name="streetAddress" placeholder="" autocapitalize="on" maxlength="50"
data-componentid="ext-textfield-6">
<div class="x-after-input-el" id="ext-element-299">
<div data-componentid="ext-cleartrigger-11" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="112" id="ext-cleartrigger-11">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-container-28" class="x-container x-component settings-flex-items x-layout-box-item x-layout-hbox-item x-flexed" data-xid="113" id="ext-container-28" style="flex: 1 1 0%;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-300">
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-7" data-xid="114" id="ext-textfield-7"><label class="x-label-el" for="ext-element-301" id="ext-element-303"><span class="x-label-text-el" id="ext-element-304">Last name</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-302">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-305"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-301" name="lastName" placeholder="" autocapitalize="on" maxlength="50"
data-componentid="ext-textfield-7">
<div class="x-after-input-el" id="ext-element-306">
<div data-componentid="ext-cleartrigger-12" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="115" id="ext-cleartrigger-12">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-8" data-xid="116" id="ext-textfield-8"><label class="x-label-el" for="ext-element-307" id="ext-element-309"><span class="x-label-text-el" id="ext-element-310">Office location</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-308">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-311"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-307" name="officeLocation" placeholder="" autocapitalize="on" maxlength="250"
data-componentid="ext-textfield-8">
<div class="x-after-input-el" id="ext-element-312">
<div data-componentid="ext-cleartrigger-13" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="117" id="ext-cleartrigger-13">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-9" data-xid="118" id="ext-textfield-9"><label class="x-label-el" for="ext-element-313" id="ext-element-315"><span class="x-label-text-el" id="ext-element-316">Region</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-314">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-317"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-313" name="region" placeholder="" autocapitalize="on" maxlength="50"
data-componentid="ext-textfield-9">
<div class="x-after-input-el" id="ext-element-318">
<div data-componentid="ext-cleartrigger-14" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="119" id="ext-cleartrigger-14">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-textfield-10" data-xid="120" id="ext-textfield-10"><label class="x-label-el" for="ext-element-319" id="ext-element-321"><span class="x-label-text-el" id="ext-element-322">Country</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-320">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-323"></div><input tabindex="0" class="x-input-el" type="text" id="ext-element-319" name="country" placeholder="" autocapitalize="on" maxlength="60"
data-componentid="ext-textfield-10">
<div class="x-after-input-el" id="ext-element-324">
<div data-componentid="ext-cleartrigger-15" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="121" id="ext-cleartrigger-15">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-numberfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-empty x-error-target-qtip x-layout-auto-item"
id="ext-numberfield-1" data-componentid="ext-numberfield-1" data-xid="122"><label class="x-label-el" id="ext-element-327" for="ext-element-325"><span class="x-label-text-el" id="ext-element-328">Postal/zip
code</span></label>
<div class="x-body-wrap-el" id="ext-element-329">
<div class="x-body-el" id="ext-element-326">
<div class="x-input-wrap-el" id="ext-element-330">
<div class="x-before-input-el" id="ext-element-331"></div><input tabindex="0" class="x-input-el" id="ext-element-325" type="text" name="postalCode" placeholder="" maxlength="10" data-componentid="ext-numberfield-1"
inputmode="numeric">
<div class="x-after-input-el" id="ext-element-332">
<div data-componentid="ext-cleartrigger-16" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="123" id="ext-cleartrigger-16">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el" id="ext-element-333"></div>
</div>
<div class="x-error-el" id="ext-element-334">
<div class="x-error-icon-el x-font-icon" id="ext-element-335"></div>
<div class="x-error-message-el" id="ext-element-336"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ext-toolbar-1" data-componentid="ext-toolbar-1" class="x-toolbar x-container x-component x-noborder-trbl x-dock-item x-docked-bottom x-noborder-rbl" data-xid="124">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-338">
<div data-componentid="ext-spacer-5" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="125" id="ext-spacer-5" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-21" class="x-component x-button x-has-text x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="126" id="ext-button-21">
<div class="x-inner-el" id="ext-element-341">
<div class="x-body-el" id="ext-element-340">
<div class="x-icon-el x-font-icon x-fa fa-redo blue" id="ext-element-343"></div>
<div class="x-text-el" id="ext-element-342">Clear form</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-339" data-componentid="ext-button-21"></button>
</div>
<div data-componentid="ext-button-22" class="x-component x-button x-has-text x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="127" id="ext-button-22">
<div class="x-inner-el" id="ext-element-346">
<div class="x-body-el" id="ext-element-345">
<div class="x-icon-el x-font-icon x-fa fa-check-circle green" id="ext-element-348"></div>
<div class="x-text-el" id="ext-element-347">Update</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-344" data-componentid="ext-button-22"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-container-29" class="x-container x-component field-border x-layout-box-item x-layout-vbox-item" data-xid="128" id="ext-container-29" style="min-height: 130px;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-351">
<div data-componentid="ext-container-30" class="x-container x-component field-padding x-layout-auto-item" data-xid="129" id="ext-container-30">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start" id="ext-element-352">
<div data-componentid="ext-label-10" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="130" id="ext-label-10">
<div class="x-innerhtml" id="ext-element-353">Login History</div>
</div>
<div data-componentid="ext-container-31" class="x-container x-component x-layout-box-item x-layout-vbox-item" data-xid="131" id="ext-container-31" style="min-height: 80px;">
<div class="x-body-el x-container-body-el x-component-body-el history-text x-layout-auto" id="ext-element-354"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-settings-password-1" data-componentid="ext-settings-password-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="132">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-355">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-382">
<div data-componentid="ext-settings-settingsnav-2" class="x-toolbar x-container x-component x-noborder-trbl x-paint-monitored x-size-monitored x-dock-item x-docked-top x-noborder-trl" data-xid="133" id="ext-settings-settingsnav-2">
<div class="x-boxscroller x-toolbar-boxscroller x-container-boxscroller x-component-boxscroller x-horizontal x-tool-align-stretch" id="ext-element-358">
<div tabindex="0" data-componentid="ext-paneltool-4"
class="x-tool x-component x-hidden x-hidden-display x-tool-boxscroller x-component-boxscroller x-tool-boxscroller-settings-settingsnav x-component-boxscroller-settings-settingsnav x-unselectable" data-xid="135" id="ext-paneltool-4">
<div class="x-icon-el x-font-icon x-tool-type-scroll-left" id="ext-element-361"></div>
</div>
<div class="x-boxscroller-body x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-hidden" id="ext-element-359">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-size-monitored x-paint-monitored x-pack-start" id="ext-element-357">
<div class="x-size-monitors scroll">
<div class="expand"></div>
<div class="shrink"></div>
</div>
<div class="x-paint-monitor cssanimation"></div>
<div data-componentid="ext-spacer-6" class="x-component x-widthed x-layout-box-item x-layout-hbox-item" data-xid="136" id="ext-spacer-6" style="width: 10px;"></div>
<div data-componentid="ext-button-23" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="137"
id="ext-button-23">
<div class="x-inner-el" id="ext-element-364">
<div class="x-body-el" id="ext-element-363">
<div class="x-icon-el x-font-icon" id="ext-element-366"></div>
<div class="x-text-el" id="ext-element-365">Personal info</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-362" data-componentid="ext-button-23"></button>
</div>
<div data-componentid="ext-button-24" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="138"
id="ext-button-24">
<div class="x-inner-el" id="ext-element-369">
<div class="x-body-el" id="ext-element-368">
<div class="x-icon-el x-font-icon" id="ext-element-371"></div>
<div class="x-text-el" id="ext-element-370">Password</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-367" data-componentid="ext-button-24"></button>
</div>
<div data-componentid="ext-button-25" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="139"
id="ext-button-25">
<div class="x-inner-el" id="ext-element-374">
<div class="x-body-el" id="ext-element-373">
<div class="x-icon-el x-font-icon" id="ext-element-376"></div>
<div class="x-text-el" id="ext-element-375">Security options</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-372" data-componentid="ext-button-25"></button>
</div>
<div data-componentid="ext-spacer-7" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="140" id="ext-spacer-7" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-26" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-layout-box-item x-layout-hbox-item" data-xid="141" id="ext-button-26">
<div class="x-inner-el" id="ext-element-379">
<div class="x-body-el" id="ext-element-378">
<div class="x-icon-el x-font-icon" id="ext-element-381"></div>
<div class="x-text-el" id="ext-element-380">Logout</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-377" data-componentid="ext-button-26"></button>
</div>
<div data-componentid="ext-spacer-8" class="x-component x-widthed x-layout-box-item x-layout-hbox-item" data-xid="142" id="ext-spacer-8" style="width: 10px;"></div>
</div>
</div>
<div tabindex="0" data-componentid="ext-paneltool-3"
class="x-tool x-component x-hidden x-hidden-display x-tool-boxscroller x-component-boxscroller x-tool-boxscroller-settings-settingsnav x-component-boxscroller-settings-settingsnav x-unselectable" data-xid="134" id="ext-paneltool-3">
<div class="x-icon-el x-font-icon x-tool-type-scroll-right" id="ext-element-360"></div>
</div>
</div>
<div class="x-paint-monitor cssanimation"></div>
<div class="x-size-monitors scroll">
<div class="expand"></div>
<div class="shrink"></div>
</div>
</div>
<div class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-rbl"
id="ext-element-356" style="border-width: 0px;">
<div data-componentid="ext-panel-5" class="x-panel x-container x-component x-noborder-trbl panel-border x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item" data-xid="143" id="ext-panel-5">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-417">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-416">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-auto x-noborder-trl" style="border-width: 0px;" id="ext-element-383">
<div data-componentid="ext-container-32" class="x-container x-component field-padding x-layout-auto-item" data-xid="144" id="ext-container-32" style="min-height: 400px;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start" id="ext-element-384">
<div data-componentid="ext-label-11" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="145" id="ext-label-11">
<div class="x-innerhtml" id="ext-element-385">Update your password</div>
</div>
<div data-componentid="ext-label-12" class="x-component x-label sub-title x-layout-box-item x-layout-vbox-item" data-xid="146" id="ext-label-12">
<div class="x-innerhtml" id="ext-element-386">Choose a unique password and dont reuse it on other sites.<br> When choosing a password it must follow organisational requirements.</div>
</div>
<div data-componentid="ext-panel-6" class="x-panel x-container x-component x-noborder-trbl x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item x-flexed" data-xid="147" id="ext-panel-6"
style="flex: 1 1 0%;">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-409">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-layout-box x-wrap x-align-start x-layout-hbox x-horizontal x-pack-start x-noborder-trbl" style="border-width: 0px;" id="ext-element-387">
<div data-componentid="ext-container-33" class="x-container x-component settings-flex-items x-layout-box-item x-layout-hbox-item x-flexed" data-xid="148" id="ext-container-33" style="flex: 1 1 0%;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-388">
<div
class="x-no-min-content x-passwordfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-required x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-passwordfield-4" data-xid="149" id="ext-passwordfield-4"><label class="x-label-el" for="ext-element-389" id="ext-element-391"><span class="x-label-text-el" id="ext-element-392">Enter current
password</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-390">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-393"></div><input tabindex="0" class="x-input-el" type="password" id="ext-element-389" autocapitalize="off" data-componentid="ext-passwordfield-4">
<div class="x-after-input-el" id="ext-element-394">
<div data-componentid="ext-revealtrigger-4" class="x-revealtrigger x-trigger x-hidden-display x-interactive" data-xid="150" id="ext-revealtrigger-4">
<div class="x-icon-el x-font-icon"></div>
</div>
<div data-componentid="ext-cleartrigger-17" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="151" id="ext-cleartrigger-17">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-passwordfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-required x-labeled x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-passwordfield-5" data-xid="152" id="ext-passwordfield-5"><label class="x-label-el" for="ext-element-395" id="ext-element-397"><span class="x-label-text-el" id="ext-element-398">Enter new
password</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-396">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-399"></div><input tabindex="0" class="x-input-el" type="password" id="ext-element-395" autocapitalize="off" data-componentid="ext-passwordfield-5">
<div class="x-after-input-el" id="ext-element-400">
<div data-componentid="ext-revealtrigger-5" class="x-revealtrigger x-trigger x-hidden-display x-interactive" data-xid="153" id="ext-revealtrigger-5">
<div class="x-icon-el x-font-icon"></div>
</div>
<div data-componentid="ext-cleartrigger-18" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="154" id="ext-cleartrigger-18">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
<div
class="x-no-min-content x-passwordfield x-textfield x-field x-component x-body-align-stretch x-animate-underline x-label-align-placeholder x-label-align-vertical x-label-text-align-left x-no-label-wrap x-labeled x-required x-empty x-error-target-qtip x-layout-auto-item"
data-componentid="ext-passwordfield-6" data-xid="155" id="ext-passwordfield-6"><label class="x-label-el" for="ext-element-401" id="ext-element-403"><span class="x-label-text-el" id="ext-element-404">Confirm new
password</span></label>
<div class="x-body-wrap-el">
<div class="x-body-el" id="ext-element-402">
<div class="x-input-wrap-el">
<div class="x-before-input-el" id="ext-element-405"></div><input tabindex="0" class="x-input-el" type="password" id="ext-element-401" autocapitalize="off" data-componentid="ext-passwordfield-6">
<div class="x-after-input-el" id="ext-element-406">
<div data-componentid="ext-revealtrigger-6" class="x-revealtrigger x-trigger x-hidden-display x-interactive" data-xid="156" id="ext-revealtrigger-6">
<div class="x-icon-el x-font-icon"></div>
</div>
<div data-componentid="ext-cleartrigger-19" class="x-cleartrigger x-trigger x-hidden-display x-interactive" data-xid="157" id="ext-cleartrigger-19">
<div class="x-icon-el x-font-icon"></div>
</div>
</div>
</div>
<div class="x-underline-el"></div>
</div>
<div class="x-error-el">
<div class="x-error-icon-el x-font-icon"></div>
<div class="x-error-message-el"></div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-container-34" class="x-container x-component settings-flex-items x-layout-box-item x-layout-hbox-item x-flexed" data-xid="158" id="ext-container-34" style="flex: 1 1 0%;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-407">
<div data-componentid="ext-container-35" class="x-container x-component x-layout-auto-item" data-xid="159" id="ext-container-35">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-408"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-toolbar-2" class="x-toolbar x-container x-component x-noborder-trbl x-dock-item x-docked-bottom x-noborder-rbl" data-xid="160" id="ext-toolbar-2">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-410">
<div data-componentid="ext-spacer-9" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="161" id="ext-spacer-9" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-27" class="x-component x-button x-has-text x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="162" id="ext-button-27">
<div class="x-inner-el" id="ext-element-413">
<div class="x-body-el" id="ext-element-412">
<div class="x-icon-el x-font-icon x-fa fa-check-circle green" id="ext-element-415"></div>
<div class="x-text-el" id="ext-element-414">Update password</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-411" data-componentid="ext-button-27"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
<form novalidate="novalidate" id="ext-settings-security-1" data-componentid="ext-settings-security-1"
class="x-formpanel x-panel x-container x-component x-noborder-trbl x-header-position-top x-managed-borders x-layout-card-item x-hidden x-hidden-display" data-xid="163">
<div class="x-body-wrap-el x-formpanel-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-418">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-445">
<div data-componentid="ext-settings-settingsnav-3" class="x-toolbar x-container x-component x-noborder-trbl x-paint-monitored x-size-monitored x-dock-item x-docked-top x-noborder-trl" data-xid="164" id="ext-settings-settingsnav-3">
<div class="x-boxscroller x-toolbar-boxscroller x-container-boxscroller x-component-boxscroller x-horizontal x-tool-align-stretch" id="ext-element-421">
<div tabindex="0" data-componentid="ext-paneltool-6"
class="x-tool x-component x-hidden x-hidden-display x-tool-boxscroller x-component-boxscroller x-tool-boxscroller-settings-settingsnav x-component-boxscroller-settings-settingsnav x-unselectable" data-xid="166" id="ext-paneltool-6">
<div class="x-icon-el x-font-icon x-tool-type-scroll-left" id="ext-element-424"></div>
</div>
<div class="x-boxscroller-body x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-hidden" id="ext-element-422">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-size-monitored x-paint-monitored x-pack-start" id="ext-element-420">
<div class="x-size-monitors scroll">
<div class="expand"></div>
<div class="shrink"></div>
</div>
<div class="x-paint-monitor cssanimation"></div>
<div data-componentid="ext-spacer-10" class="x-component x-widthed x-layout-box-item x-layout-hbox-item" data-xid="167" id="ext-spacer-10" style="width: 10px;"></div>
<div data-componentid="ext-button-28" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="168"
id="ext-button-28">
<div class="x-inner-el" id="ext-element-427">
<div class="x-body-el" id="ext-element-426">
<div class="x-icon-el x-font-icon" id="ext-element-429"></div>
<div class="x-text-el" id="ext-element-428">Personal info</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-425" data-componentid="ext-button-28"></button>
</div>
<div data-componentid="ext-button-29" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="169"
id="ext-button-29">
<div class="x-inner-el" id="ext-element-432">
<div class="x-body-el" id="ext-element-431">
<div class="x-icon-el x-font-icon" id="ext-element-434"></div>
<div class="x-text-el" id="ext-element-433">Password</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-430" data-componentid="ext-button-29"></button>
</div>
<div data-componentid="ext-button-30" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-button-btn--settings-nav x-component-btn--settings-nav x-layout-box-item x-layout-hbox-item" data-xid="170"
id="ext-button-30">
<div class="x-inner-el" id="ext-element-437">
<div class="x-body-el" id="ext-element-436">
<div class="x-icon-el x-font-icon" id="ext-element-439"></div>
<div class="x-text-el" id="ext-element-438">Security options</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-435" data-componentid="ext-button-30"></button>
</div>
<div data-componentid="ext-spacer-11" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="171" id="ext-spacer-11" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-31" class="x-component x-button x-has-text x-icon-align-left x-arrow-align-right x-layout-box-item x-layout-hbox-item" data-xid="172" id="ext-button-31">
<div class="x-inner-el" id="ext-element-442">
<div class="x-body-el" id="ext-element-441">
<div class="x-icon-el x-font-icon" id="ext-element-444"></div>
<div class="x-text-el" id="ext-element-443">Logout</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-440" data-componentid="ext-button-31"></button>
</div>
<div data-componentid="ext-spacer-12" class="x-component x-widthed x-layout-box-item x-layout-hbox-item" data-xid="173" id="ext-spacer-12" style="width: 10px;"></div>
</div>
</div>
<div tabindex="0" data-componentid="ext-paneltool-5"
class="x-tool x-component x-hidden x-hidden-display x-tool-boxscroller x-component-boxscroller x-tool-boxscroller-settings-settingsnav x-component-boxscroller-settings-settingsnav x-unselectable" data-xid="165" id="ext-paneltool-5">
<div class="x-icon-el x-font-icon x-tool-type-scroll-right" id="ext-element-423"></div>
</div>
</div>
<div class="x-paint-monitor cssanimation"></div>
<div class="x-size-monitors scroll">
<div class="expand"></div>
<div class="shrink"></div>
</div>
</div>
<div class="x-body-el x-formpanel-body-el x-panel-body-el x-container-body-el x-component-body-el x-scroller x-nativescroller x-overflow-x-auto x-overflow-y-auto x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start x-noborder-rbl"
id="ext-element-419" style="border-width: 0px;">
<div data-componentid="ext-panel-7" class="x-panel x-container x-component x-noborder-trbl panel-border x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item" data-xid="174" id="ext-panel-7">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-464">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-463">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-layout-auto x-noborder-trl" style="border-width: 0px;" id="ext-element-446">
<div data-componentid="ext-container-36" class="x-container x-component field-padding x-layout-auto-item" data-xid="175" id="ext-container-36">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start" id="ext-element-447">
<div data-componentid="ext-label-13" class="x-component x-label title x-layout-box-item x-layout-vbox-item" data-xid="176" id="ext-label-13">
<div class="x-innerhtml" id="ext-element-448">Choosing the right security type for you</div>
</div>
<div data-componentid="ext-label-14" class="x-component x-label sub-title x-layout-box-item x-layout-vbox-item" data-xid="177" id="ext-label-14">
<div class="x-innerhtml" id="ext-element-449">You have several options to choose from how you wish to secure your account. By default when you are activated it is set to email, you can choose to change this.<br> The options are
outlined below.</div>
</div>
<div id="ext-fieldset-1" data-componentid="ext-fieldset-1" class="x-container x-component x-form-fieldset x-layout-box-item x-layout-vbox-item" data-xid="178">
<div class="x-body-el x-form-fieldset-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-450">
<div data-componentid="ext-container-37" class="x-container x-component x-layout-box-item x-layout-hbox-item" data-xid="179" id="ext-container-37">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-451">
<div class="x-innerhtml" id="ext-element-452"><span class="email-icon"></span></div>
</div>
</div>
<div data-componentid="ext-label-15" class="x-component x-label title x-layout-box-item x-layout-hbox-item" data-xid="180" id="ext-label-15">
<div class="x-innerhtml" id="ext-element-453">E-mail Account</div>
</div>
<div data-componentid="ext-label-16" class="x-component x-label x-hidden x-hidden-display title default-text x-layout-box-item x-layout-hbox-item" data-xid="181" id="ext-label-16" style="margin: 0px 0px 0px 20px !important;">
<div class="x-innerhtml" id="ext-element-454">(Default)</div>
</div>
</div>
</div>
<div data-componentid="ext-container-38" class="x-container x-component info-text x-layout-box-item x-layout-vbox-item x-flexed" data-xid="182" id="ext-container-38" style="flex: 1 1 0%;">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-455">
<div class="x-innerhtml" id="ext-element-456"><b>Login using verification code by email</b><br>If you select this option, by default you will receive your verification code by email.<br></div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-toolbar-3" class="x-toolbar x-container x-component x-noborder-trbl x-dock-item x-docked-bottom x-noborder-rbl" data-xid="183" id="ext-toolbar-3">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-457">
<div data-componentid="ext-spacer-13" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="184" id="ext-spacer-13" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-32" class="x-component x-button x-has-text x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="185" id="ext-button-32">
<div class="x-inner-el" id="ext-element-460">
<div class="x-body-el" id="ext-element-459">
<div class="x-icon-el x-font-icon x-fa fa-check-circle green" id="ext-element-462"></div>
<div class="x-text-el" id="ext-element-461">Make default</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-458" data-componentid="ext-button-32"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-panel-8" class="x-panel x-container x-component x-noborder-trbl panel-border x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item" data-xid="186" id="ext-panel-8">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-485">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-484">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-layout-auto x-noborder-trl" style="border-width: 0px;" id="ext-element-465">
<div data-componentid="ext-container-39" class="x-container x-component field-padding x-layout-auto-item" data-xid="187" id="ext-container-39">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start" id="ext-element-466">
<div data-componentid="ext-fieldset-2" class="x-container x-component x-form-fieldset x-layout-box-item x-layout-vbox-item x-flexed" data-xid="188" id="ext-fieldset-2" style="flex: 1 1 0%;">
<div class="x-body-el x-form-fieldset-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-467">
<div data-componentid="ext-container-40" class="x-container x-component x-layout-box-item x-layout-hbox-item" data-xid="189" id="ext-container-40">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-468">
<div class="x-innerhtml" id="ext-element-469"><span class="sms-icon"></span></div>
</div>
</div>
<div data-componentid="ext-label-17" class="x-component x-label title x-layout-box-item x-layout-hbox-item" data-xid="190" id="ext-label-17">
<div class="x-innerhtml" id="ext-element-470">Mobile Phone - SMS</div>
</div>
<div data-componentid="ext-label-18" class="x-component x-label default-text x-hidden x-hidden-display x-layout-box-item x-layout-hbox-item" data-xid="191" id="ext-label-18" style="margin: 0px 0px 0px 20px !important;">
<div class="x-innerhtml" id="ext-element-471">(Default)</div>
</div>
</div>
</div>
<div data-componentid="ext-container-41" class="x-container x-component info-text x-layout-box-item x-layout-vbox-item" data-xid="192" id="ext-container-41">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-472">
<div class="x-innerhtml" id="ext-element-473"><b>Login using SMS</b><br>If you select SMS and verify your mobile phone number, you will have the option to receive your verification code by SMS.In order to proceed, you will
need to enter the verification code sent to you by SMS.<br></div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-toolbar-4" class="x-toolbar x-container x-component x-noborder-trbl x-dock-item x-docked-bottom x-noborder-rbl" data-xid="193" id="ext-toolbar-4">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-474">
<div data-componentid="ext-spacer-14" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="194" id="ext-spacer-14" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-33" class="x-component x-button x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="195" id="ext-button-33">
<div class="x-inner-el" id="ext-element-477">
<div class="x-body-el" id="ext-element-476">
<div class="x-icon-el x-font-icon x-fa fa-plus-circle amber" id="ext-element-478"></div>
<div class="x-text-el"></div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-475" data-componentid="ext-button-33"></button>
</div>
<div data-componentid="ext-button-34" class="x-component x-button x-has-text x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="196" id="ext-button-34">
<div class="x-inner-el" id="ext-element-481">
<div class="x-body-el" id="ext-element-480">
<div class="x-icon-el x-font-icon x-fa fa-check-circle green" id="ext-element-483"></div>
<div class="x-text-el" id="ext-element-482">Make default</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-479" data-componentid="ext-button-34"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-componentid="ext-panel-9" class="x-panel x-container x-component x-noborder-trbl panel-border x-header-position-top x-managed-borders x-layout-box-item x-layout-vbox-item" data-xid="197" id="ext-panel-9">
<div class="x-body-wrap-el x-panel-body-wrap-el x-container-body-wrap-el x-component-body-wrap-el" id="ext-element-516">
<div class="x-dock x-dock-vertical x-managed-borders" id="ext-element-515">
<div class="x-body-el x-panel-body-el x-container-body-el x-component-body-el x-layout-auto x-noborder-trl" style="border-width: 0px;" id="ext-element-486">
<div data-componentid="ext-container-42" class="x-container x-component field-padding x-layout-auto-item" data-xid="198" id="ext-container-42">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-box x-align-stretch x-layout-vbox x-vertical x-pack-start" id="ext-element-487">
<div data-componentid="ext-fieldset-3" class="x-container x-component x-form-fieldset x-layout-box-item x-layout-vbox-item x-flexed" data-xid="199" id="ext-fieldset-3" style="flex: 1 1 0%;">
<div class="x-body-el x-form-fieldset-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-488">
<div data-componentid="ext-container-43" class="x-container x-component x-layout-box-item x-layout-hbox-item" data-xid="200" id="ext-container-43">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-489">
<div class="x-innerhtml" id="ext-element-490"><span class="auth-icon"></span></div>
</div>
</div>
<div data-componentid="ext-label-19" class="x-component x-label title x-layout-box-item x-layout-hbox-item" data-xid="201" id="ext-label-19">
<div class="x-innerhtml" id="ext-element-491">Authenticator app</div>
</div>
<div data-componentid="ext-label-20" class="x-component x-label title default-text x-hidden x-hidden-display x-layout-box-item x-layout-hbox-item" data-xid="202" id="ext-label-20" style="margin: 0px 0px 0px 20px !important;">
<div class="x-innerhtml" id="ext-element-492">(Default)</div>
</div>
</div>
</div>
<div data-componentid="ext-container-44" class="x-container x-component info-text x-layout-box-item x-layout-vbox-item" data-xid="203" id="ext-container-44">
<div class="x-body-el x-container-body-el x-component-body-el x-layout-auto" id="ext-element-493">
<div class="x-innerhtml" id="ext-element-494"><b>Login using Google Authenticator token</b><br>A token is used to add extra security to your account when logging in. Each token is created through Google Authenticator - an App
that needs to be downloaded to your smart phone or tablet.<br></div>
</div>
</div>
<div data-componentid="ext-button-35" class="x-component x-button x-has-icon x-has-text x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-vbox-item" data-xid="204" id="ext-button-35"
style="max-width: 300px;">
<div class="x-inner-el" id="ext-element-497">
<div class="x-body-el" id="ext-element-496">
<div class="x-icon-el x-font-icon x-fa fa-info-circle blue" id="ext-element-498"></div>
<div class="x-text-el" id="ext-element-499">More about Google authenticator</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-495" data-componentid="ext-button-35"></button>
</div>
</div>
</div>
</div>
<div data-componentid="ext-toolbar-5" class="x-toolbar x-container x-component x-noborder-trbl x-dock-item x-docked-bottom x-noborder-rbl" data-xid="205" id="ext-toolbar-5">
<div class="x-body-el x-toolbar-body-el x-container-body-el x-component-body-el x-layout-box x-align-center x-layout-hbox x-horizontal x-pack-start" id="ext-element-500">
<div data-componentid="ext-spacer-15" class="x-component x-layout-box-item x-layout-hbox-item x-flexed" data-xid="206" id="ext-spacer-15" style="flex: 1 1 0%;"></div>
<div data-componentid="ext-button-36" class="x-component x-button x-has-text x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="207" id="ext-button-36"
style="min-width: 100px; margin: 0px 5px 0px 0px !important;">
<div class="x-inner-el" id="ext-element-503">
<div class="x-body-el" id="ext-element-502">
<div class="x-icon-el x-font-icon x-fa fa-times-circle red" id="ext-element-505"></div>
<div class="x-text-el" id="ext-element-504">Delete</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-501" data-componentid="ext-button-36"></button>
</div>
<div data-componentid="ext-button-37" class="x-component x-button x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="208" id="ext-button-37">
<div class="x-inner-el" id="ext-element-508">
<div class="x-body-el" id="ext-element-507">
<div class="x-icon-el x-font-icon x-fa fa-plus-circle amber" id="ext-element-509"></div>
<div class="x-text-el"></div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-506" data-componentid="ext-button-37"></button>
</div>
<div data-componentid="ext-button-38" class="x-component x-button x-has-text x-has-icon x-icon-align-left x-arrow-align-right x-button-round x-component-round x-layout-box-item x-layout-hbox-item" data-xid="209" id="ext-button-38">
<div class="x-inner-el" id="ext-element-512">
<div class="x-body-el" id="ext-element-511">
<div class="x-icon-el x-font-icon x-fa fa-check-circle green" id="ext-element-514"></div>
<div class="x-text-el" id="ext-element-513">Make default</div>
</div>
<div class="x-arrow-el x-font-icon"></div>
</div>
<div class="x-badge-el"></div><button class="x-button-el" type="button" id="ext-element-510" data-componentid="ext-button-38"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><input type="submit" class="x-hidden-submit">
</form>
Text Content
Pick an account null Use another account Forget these accounts and use another Login email@example.com Remember me Back Next Enter password Password Your account or password is incorrect. If you don't remember your password, reset it now. Forgot password Sign in Get back into your account To recover your account, begin by entering your email and follow the prompts below. Email Cancel Next robert.sargent@crowecw.co.uk Enter security code We sent your security code as an SMS to your mobile phone that ends in 01: Enter the security code to verify your identity. Enter code... Use a different verification method Verify Verify your identity E-mail the security code Text (SMS) the security code Google Authenticator Cancel Set a new password New password Confirm password Cancel Update Personal info Password Security options Logout My details Manage my Sony Music profile First name Company name Job title Department Street address Last name Office location Region Country Postal/zip code Clear form Update Login History Personal info Password Security options Logout Update your password Choose a unique password and dont reuse it on other sites. When choosing a password it must follow organisational requirements. Enter current password Enter new password Confirm new password Update password Personal info Password Security options Logout Choosing the right security type for you You have several options to choose from how you wish to secure your account. By default when you are activated it is set to email, you can choose to change this. The options are outlined below. E-mail Account (Default) Login using verification code by email If you select this option, by default you will receive your verification code by email. Make default Mobile Phone - SMS (Default) Login using SMS If you select SMS and verify your mobile phone number, you will have the option to receive your verification code by SMS.In order to proceed, you will need to enter the verification code sent to you by SMS. Make default Authenticator app (Default) Login using Google Authenticator token A token is used to add extra security to your account when logging in. Each token is created through Google Authenticator - an App that needs to be downloaded to your smart phone or tablet. More about Google authenticator Delete Make default Deutsch English Español Suomi Français Italiano Koreanic (한국어) Português Simplified Chinese (简体) Traditional Chinese (傳統) Loading...