/* headers */
#account h1 { margin-bottom:28px; }

#account h2 { font-size:20px; line-height:26px; margin-bottom:20px; font-family:inherit; }
#account .wrap + h2 { padding-top:30px; }

#account h1 + h2 { margin-top:-6px; }

#account .duo p.access { margin:auto auto auto 0 !important; font-size:14px; line-height:28px; border-radius:28px; background:hsla(214,10%,85%,.15); color:var(--bluegrey); padding:0 10px; }

#account :where(h1, .duo) + *:not(.wrap) + .wrap { padding-top:6px; }

#account :where(.success,.report,.error) + :where(h1,.duo) { padding-top:12px; }

/* account dashboard */
.home .stage > p.continue { margin-bottom:0; }
.home .stage > p.continue + p.continue { border-top:1px solid hsla(50,75%,88%); }
.home .stage > p.continue a { display:block; color:inherit !important; background:hsla(50,100%,92%); outline-offset:-1px; }
.home .stage > p.continue a span { display:flex; justify-content:center; column-gap:14px; padding-top:12px; padding-bottom:12px; }
.home .stage > p.continue a span:after { content:''; flex-shrink:0; width:10px; background:url(https://assets.currency.marketing/svg/ui/arrow-right.svg) no-repeat 0 center; }
.home .stage > p.continue a:hover { background:hsla(50,100%,88%); }
.home .stage > p.continue a:active { background:hsla(50,100%,85%); }

#account .dashboard { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
#account .dashboard li:before { content:''; display:block; padding-top:100%; float:left; }
#account .dashboard li a { display:flex; flex-direction:column-reverse; justify-content:start; min-height:100%; box-sizing:border-box; padding:22px; border-radius:12px; background:#fff; color:inherit; transition:color .2s; -webkit-tap-highlight-color:var(--tap-base); }
#account .dashboard li a:active { transform:scale(98%); }
#account .dashboard li a span b { display:block; margin-bottom:6px; font-size:17px; }
#account .dashboard li a span i { display:block; font-style:normal; color:var(--bluegrey); }
#account .dashboard li a svg { margin:6px 0 14px; transition:fill .2s; }
#account .dashboard li a:hover { color:var(--main) !important; transition:none; }
#account .dashboard li a:hover svg { fill:var(--main); transition:none; }

/* verify your profile form */
#account .verify-profile { margin:9px 0 40px; padding:28px 22px 32px; background:#fff; display:flex; column-gap:30px; border-radius:16px; background:hsla(50,100%,92%); }

#account .verify-profile .user { display:flex; justify-content:center; align-items:center; text-align:center; flex-shrink:0; width:25%; }
#account .verify-profile .user .avatar { margin:0 auto; width:112px; position:relative; }
#account .verify-profile .user .avatar img { position:absolute; border-radius:50%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
#account .verify-profile .user .avatar svg { position:relative; z-index:2; }
#account .verify-profile .user .avatar svg circle { stroke:hsla(215,50%,5%,.1); fill:none; stroke-width:3px; -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; }
#account .verify-profile .user .avatar svg circle + circle { stroke:var(--main); stroke-dashoffset:0.67; stroke-dasharray:1; stroke-linecap: round; stroke-opacity:1; -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); -webkit-animation:verifyProfileReset 2s forwards; animation:verifyProfileReset 2s forwards; }
#account .verify-profile.ready .user .avatar svg circle + circle { stroke-dashoffset:0.33; -webkit-animation:verifyProfileReady 2s forwards; animation:verifyProfileReady 2s forwards; }
#account .verify-profile.pending .user .avatar svg circle + circle { stroke-dashoffset:0; -webkit-animation:verifyProfilePending 2s forwards; animation:verifyProfilePending 2s forwards; }
#account .verify-profile .user p.name { margin:12px 0 0; overflow:hidden; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; }

@-webkit-keyframes verifyProfileReady { from { stroke-dashoffset:0.67; } to { stroke-dashoffset:0.33; } }
@keyframes verifyProfileReady {  from { stroke-dashoffset:0.67; } to { stroke-dashoffset:0.33; } }
@-webkit-keyframes verifyProfilePending { from { stroke-dashoffset:0.34; } to { stroke-dashoffset:0; } }
@keyframes verifyProfilePending {  from { stroke-dashoffset:0.34; } to { stroke-dashoffset:0; } }
@-webkit-keyframes verifyProfileReset { from { stroke-dashoffset:1; } to { stroke-dashoffset:0.67; } }
@keyframes verifyProfileReset { from { stroke-dashoffset:1; } to { stroke-dashoffset:0.67; } }

#account .verify-profile .details { width:calc(75% - 30px); }
#account .verify-profile h2 { font-family:'display',sans-serif; font-size:26px; line-height:1.4; margin-bottom:2px; }
#account .verify-profile p.desc { font-size:20px; line-height:1.45; margin-bottom:20px; }
#account .verify-profile ul li { display:flex; align-items:center; justify-content:space-between; }
#account .verify-profile ul li:not(:last-child) { margin-bottom:20px; }
#account .verify-profile ul li:last-child { margin-top:-6px; }
#account .verify-profile ul li > div { display:flex; align-items:center; column-gap:16px; }
#account .verify-profile ul li > div:before { content:''; width:32px; height:32px; border-radius:50%; flex-shrink:0; }
#account .verify-profile ul li > div:not(.done):before { background:url('https://assets.currency.marketing/svg/common/checkbox.svg') no-repeat center; background-size:20px; border:1px dotted #000; box-sizing:border-box; opacity:0.8; }
#account .verify-profile ul li.done > div:before, #account .verify-profile.ready ul li.done + li > div:before { background-color:var(--main); background-image:url('https://assets.currency.marketing/svg/common/checkbox-white.svg'); border-color:var(--main); opacity:1; }
#account .verify-profile ul li h4 { font-size:16px; line-height:1.5; margin-bottom:0; }
#account .verify-profile ul li p { margin-bottom:0; color:hsla(210,30%,10%,.5); }
#account .verify-profile ul li p.vivid button { line-height:40px; border-radius:var(--radius-round); padding:0 24px; }
#account .verify-profile ul li p.vivid button:where([disabled],[disabled=disabled]) { background:rgba(0,0,0,.03) !important; }

/* profile verification pending */
#account .verification-pending { background:#fff; padding:15px 22px; margin:9px 0 40px; display:flex; align-items:center; column-gap:14px; border-radius:var(--radius-bg-medium); }
#account .verification-pending .avatar { flex-shrink:0; width:60px; height:60px; background:url('/assets/svg/profile/verification-pending.svg') no-repeat center; display:flex; justify-content:center; align-items:center; }
#account .verification-pending .avatar img { border-radius:50%; }
#account .verification-pending p { margin-bottom:0; }

/* account forms */
#account .wrap + .wrap { margin-top:9px; }

#account .wrap .option { display:flex; column-gap:30px; background:#fff; -webkit-box-align:center; align-items:center; padding:16px 26px;
-webkit-transition:background-color .1s, padding .3s; -o-transition:background-color .1s, padding .3s; transition:background-color .1s, padding .3s; }
#account .wrap .option:first-child { border-top-left-radius:5px; border-top-right-radius:5px; }
#account .wrap .option:not(:first-child) { border-top:1px solid hsl(0,0%,94%); }
#account .wrap .option:last-child { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
#account .wrap .option.open { padding-top:20px; padding-bottom:20px; }

#account .wrap .option-title { width:25%; flex-shrink:0; margin-bottom:0; font-weight:600; }

#account .wrap .data { flex-grow:1; min-width:0; }

#account .wrap .data .extra-top-space { padding-top:6px; }

#account .wrap .data h3 { font-size:16px; line-height:22px; margin-bottom:12px; font-weight:600; }
#account .wrap .data span.delete:hover { color:var(--error) !important; }

#account .wrap .option.editable { cursor:pointer; position:relative; -webkit-tap-highlight-color:transparent; }
#account .wrap .option.editable:focus { z-index:2; }
#account .wrap .option.editable:hover { background-color:rgba(255,255,255,.55); -webkit-transition:padding .3s; -o-transition:padding .3s; transition:padding .3s; }
#account .wrap .option.editable:active { background-color:#fff; }

#account .wrap .option.editable:after { content:''; position:absolute; top:50%; margin-top:-7px; right:26px; height:15px; width:10px; background:url('https://assets.currency.marketing/svg/ui/arrow-right.svg') no-repeat 0 0; }
#account .wrap .option.editable:hover:after { opacity:0.5; }

#account .wrap .option.editable .data { padding-right:20px; }

#account .wrap .data .button { margin-bottom:6px; padding-top:6px; }
#account .wrap .data .button.close { margin-bottom:0; }
#account .wrap .data .button input { margin-right:12px; }
#account .wrap .data .button input:hover, #account .wrap .data .button input:focus { border-color:rgba(0,0,0,.35); }

#account .wrap .insecure, #account .wrap .secure { font-style:normal; white-space:nowrap; position:relative; overflow:hidden; text-overflow:ellipsis; }
#account .wrap .insecure { color:var(--error); }
#account .wrap .secure { color:var(--green); }

#account .wrap .none { color:var(--bluegrey); }

#account .wrap .grid { display:table; }
#account .wrap .grid.tabular { font-variant-numeric:tabular-nums; }
#account .wrap .grid .row { display:table-row; margin-bottom:0; }
#account .wrap .grid .col { display:table-cell; vertical-align:middle; position:relative; overflow:hidden; text-overflow:ellipsis; }
#account .wrap .grid .col:first-child { white-space:nowrap; padding-right:30px; }

#account .wrap .phoneform { display:flex; flex-wrap:wrap; margin-bottom:14px; column-gap:9px; row-gap:14px; }
#account .wrap .phoneform > div { min-width:0; }
#account .wrap .phoneform .chosen-container { width:auto !important; min-width:75px; }

#account .wrap .data #codetimer { display:table; background:#f5f7fa; padding:9px 12px; } 
#account .wrap .data #codetimer #timer { font-variant-numeric:tabular-nums; }

#account .wrap .data ul.checkboxes { margin-bottom:14px; }

/* my profile - business */
#account .wrap .shine { background:hsl(54,100%,94%); -webkit-animation:shine 2s forwards; animation:shine 2s forwards; }
@-webkit-keyframes shine { from { background-color:hsl(54,100%,90%); } to { background-color:hsl(52,100%,100%); } }
@keyframes shine { from { background-color:hsl(54,100%,90%); } to { background-color:hsl(52,100%,100%); } }

/* security - mfa */
#account .mfa .qrcode { margin:20px 0; background-size:contain; }

#account #mfacodes .desc { margin-bottom:16px; max-width:650px; }
#account #mfacodes .mfacodes { background:hsl(210,15%,97%); border-radius:var(--radius-bg-medium); padding:20px 22px; margin-bottom:22px; }
#account #mfacodes .mfacodes ul { font-family:monospace,sans-serif; white-space:nowrap; overflow:auto; color:rgba(0,0,0,.75); margin-bottom:14px; }
#account #mfacodes .mfacodes p.button { margin-bottom:5px; }
#account #mfacodes .mfacodes p.button input { margin:0; }

/* profile - file upload */
#account .upload-terms { margin-bottom:18px; }

#account .upload-selfie { display:flex; flex-wrap:wrap; align-items:center; }
#account .upload-selfie:before { flex-shrink:0; content:''; width:130px; height:90px; margin-right:16px; margin-bottom:24px; background:url('/assets/svg/common/selfie.svg') center center no-repeat; }

#account .upload .upload-file { position:relative; width:0; height:0; overflow:hidden; }
#account .upload .upload-file input { position:absolute; top:0; left:0; margin:0; opacity:0; width:0; height:0; -ms-filter:'alpha(opacity=0)'; }

#account .uploaded { margin-bottom:20px; }
#account .uploaded p { margin-bottom:0; }

#account .uploaded ul.file_list { margin-bottom:0; white-space:nowrap; }
#account .uploaded ul.file_list li { display:flex; }
#account .uploaded ul.file_list li b { min-width:0; flex-grow:0; margin-right:9px; position:relative; max-width:600px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#account .uploaded ul.file_list li span:hover { color:var(--error) !important; }
#account .uploaded ul.file_list li div { color:var(--error); padding-bottom:3px; }
#account .uploaded ul.file_list li.file-error div { color:var(--error); white-space:normal; }

#account .companydocs { margin-bottom:24px; }
#account .wrap .data .companydocs h3 { margin-bottom:9px; }
#account .companydocs h3:not(:first-child) { margin-top:22px; }
#account .companydocs .uploaded { margin-bottom:16px; }
#account .companydocs ul.file_list li b { font-weight:400; }
#account .companydocs input[type=button]:not([disabled]) { margin-top:6px; }
#account .companydocs .file-added, #account .companydocs .file-removed { margin-bottom:14px; }

/* security - authorization history */
#account .activity { background:#fff; padding:32px 30px; border-radius:var(--radius-bg-medium); }

#account .activity h3 { font-size:18px; line-height:24px; margin-bottom:12px; }

#account .activity p.more { margin-bottom:3px; }

#account .activity p.note { margin:14px 0 16px }
#account .activity div:not(.s) + p.note { display:none; }

#account :where(.activesessions, .sessions) .tooltip { border-radius:50%; display:inline-block; line-height:20px; width:20px; outline-offset:0; text-align:center; margin-left:-2px; -webkit-tap-highlight-color:transparent; }
#account :where(.activesessions, .sessions) .tooltip:after { content:'\1F6C8'; color:rgba(0,0,0,.4); }
#account :where(.activesessions, .sessions) .tooltip:hover:after { color:rgba(0,0,0,.8); }
#account :where(.activesessions, .sessions) .tooltip:active { user-select:none; }

#account .activesessions { display:table; width:100%; border-bottom:1px solid hsl(0,0%,95%); margin-bottom:12px; }
#account .activesessions li { display:table-row; }
#account .activesessions:not(.s) li:not(:nth-child(-n+6)) { display:none; }
#account .activesessions li > * { display:table-cell; vertical-align:middle; padding:6px 0; border-top:1px solid hsl(0,0%,95%); }
#account .activesessions li.th > * { border-top:none; padding-top:0; color:var(--lightgrey); }
#account .activesessions li > *:not(:first-child) { padding-left:16px; }
#account .activesessions li p { margin-bottom:0; }
#account .activesessions li p.info { display:flex; align-items:center; }
#account .activesessions li p.info:before { content:''; flex-shrink:0; width:32px; height:32px; margin:0 12px 0 9px; background-image:url('/assets/svg/security/os-unknown.svg'); background-position:center; background-repeat:no-repeat; }
#account .activesessions li p.info.windows:before { background-image:url('/assets/svg/security/os-windows.svg'); }
#account .activesessions li p.info:where(.apple, .iphone, .ipod, .ipad):before { background-image:url('/assets/svg/security/os-apple.svg'); }
#account .activesessions li p.info.linux:before { background-image:url('/assets/svg/security/os-linux.svg'); }
#account .activesessions li p.current { font-weight:600; color:var(--green); }
#account .activesessions li p.remove:hover { color:var(--error) !important; }

#account .managesessions { display:flex; flex-wrap:wrap; column-gap:16px; justify-content:space-between; margin-bottom:-3px; }
#account .managesessions p { margin-bottom:0; }
#account .managesessions p.removeall { display:none; }
#account .activesessions.s + .managesessions p.removeall { display:block; }

#account .activity > * + h3 { margin-top:26px; }

#account .activity .sessions { display:grid; grid-template-columns:repeat(6,auto); font-variant-numeric:tabular-nums; column-gap:20px; margin-bottom:6px; }
#account .activity .sessions:not(.s) > div:not(:nth-child(-n+66)) { display:none; }
#account .activity .sessions h3 { grid-column: span 6; margin-top:24px; }
#account .activity .sessions p { color:var(--lightgrey); margin-bottom:3px; }

/* security - password */
#account .wrap .option[data-form="security/password"] .button input { margin-top:3px; }

/* verification */
#account .verification-fail { margin:9px 0 30px; }
#account .verification-fail > * { margin-bottom:0; }
#account .verification-fail > * + * { margin-top:9px; }

#account .duo p.status-pending { color:var(--error); }
#account .duo p.status-accepted { color:var(--green); }

/* linked form - payments, companies */
#account .linked .account { display:flex; column-gap:12px; -webkit-box-align:center; align-items:center; -webkit-transition:padding .2s; -o-transition:padding .2s; transition:padding .2s; }
#account .linked .account:not(:first-child) { padding-top:4px; }
#account .linked .account:not(:last-of-type) { padding-bottom:4px; }
#account .open .linked .account:not(:first-child) { padding-top:8px; border-top:1px solid #f3f3f3; }
#account .open .linked .account:not(:last-of-type) { padding-bottom:8px; }

#account .linked p.icon { margin-bottom:0; flex-shrink:0; }
#account .linked p.icon.photo img { border-radius:50%; }

#account .linked .linked-data { flex-grow:1; overflow:hidden; padding-right:12px; }

#account .linked .linked-data p { margin-bottom:0; white-space:nowrap; position:relative; overflow:hidden; text-overflow:ellipsis; }

#account .linked p.linked-title { line-height:24px; }
#account .linked p.linked-title b { overflow:hidden; text-overflow:ellipsis; }

#account .linked p.linked-details { font-size:13px; line-height:20px; color:rgba(0,0,0,.5); display:flex; column-gap:6px; flex-wrap:wrap; }
#account .linked p.linked-details small { font-size:inherit; }

#account .linked .invisible { display:none; }

#account .linked .button.close { padding-top:0; -webkit-transition:padding .2s; -o-transition:padding .2s; transition:padding .2s; }
#account .open .linked .button.close { padding-top:16px; }

/* linked form - side buttons */
#account .editable .linked .buttons { display:none; }

/* linked form - bottom buttons */
#account .editable .linked .button { opacity:0; visibility:hidden; overflow:hidden; height:0; }
#account .linked .button { padding-top:6px; margin-bottom:10px; }

/* payments modal - add payment pethod */
.smartmodal.addpayment .smartbutton { display:flex; justify-content:space-between; cursor:pointer; border-top:1px solid #eee; }
.smartmodal.addpayment .smartbutton:first-of-type { border-top:none; }
.smartmodal.addpayment .smartbutton:last-of-type { border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
.smartmodal.addpayment .smartbutton:hover { background-color:hsl(0,0%,98%); }
.smartmodal.addpayment .smartbutton:active { background-color:hsl(0,0%,96%); -webkit-transition:none; -o-transition:none; transition:none; }

.smartmodal.addpayment .smartbutton > div:first-child { padding:24px 30px 24px 76px; background-repeat:no-repeat; background-position:26px center; }
.smartmodal.addpayment .smartbutton.addbank > div:first-child { background-image:url('https://assets.currency.marketing/svg/common/bank.svg'); }
.smartmodal.addpayment .smartbutton.addbank-eur > div:first-child { background-image:url('https://assets.currency.marketing/svg/common/bank-eur.svg'); }
.smartmodal.addpayment .smartbutton.addbank-usd > div:first-child { background-image:url('https://assets.currency.marketing/svg/common/bank-usd.svg'); }
.smartmodal.addpayment .smartbutton.addbank-gbp > div:first-child { background-image:url('https://assets.currency.marketing/svg/common/bank-gbp.svg'); }
.smartmodal.addpayment .smartbutton.addcard > div:first-child { background-image:url('https://assets.currency.marketing/svg/common/card.svg'); }

.smartmodal.addpayment .smartbutton h3 { font-size:18px; line-height:24px; margin-bottom:0; font-weight:600; }
.smartmodal.addpayment .smartbutton p { line-height:22px; margin-bottom:0; color:rgba(0,0,0,.8); }

.smartmodal.addpayment .smartbutton:after { content:''; flex-shrink:0; width:40px; background:url('https://assets.currency.marketing/svg/ui/arrow-right.svg') no-repeat 0 center; transition:opacity .1s; }
.smartmodal.addpayment .smartbutton:hover:after { opacity:0.5; }

/* payments modal - payment pethod added */
.smartmodal.payment-added .smartmodal-body-wrap { text-align:center; }
.smartmodal.payment-added .icon { width:106px; height:106px; margin:-12px auto 20px; border-radius:50%; border:1px solid #e6e6e6; background:url('https://assets.currency.marketing/svg/common/bank-added.svg') no-repeat center center; }
.smartmodal.payment-added h3 { font-size:24px; line-height:30px; margin-bottom:14px; font-weight:600; font-family:'display',sans-serif; }
.smartmodal.payment-added .desc { margin:0 auto 20px; max-width:400px; }

/* settings - email notifications */
#account ul.email-notifications { padding-top:4px; margin-bottom:16px; }
#account ul.email-notifications > li { padding:1px 0; }

/* settings - upload profile photo */
#account .profile-photo p.avatar img { border-radius:50%; }

#account .profile-photo .upload-avatar { padding-top:3px; margin-bottom:6px; display:flex; align-items:center; column-gap:22px; }
#account .profile-photo .upload-avatar p { margin-bottom:0; }
#account .profile-photo .upload-avatar p.avatar { margin-bottom:12px }
#account .profile-photo .upload-avatar p.delete-avatar { margin-top:12px; }
#account .profile-photo .upload-avatar p.form-error { margin-top:12px; }
#account .profile-photo .upload-avatar p.delete-avatar + .upload + p.form-error { margin-top:9px; }

#account .profile-photo .data > p.avatar { padding-top:3px; margin-bottom:16px; }

/* affiliate */
/*#account.affiliate p.desc { margin:-6px 0 30px; }

#account.affiliate h3 { font-size:18px; line-height:24px; margin-bottom:16px; }

#account.affiliate .reflink p { margin-bottom:0; }
#account.affiliate .reflink > div { display:flex; justify-content:center; background:#fff; padding:36px; border-radius:var(--radius-bg-medium); }
#account.affiliate .reflink > div > p:first-child { flex-grow:1; max-width:640px; }
#account.affiliate .reflink input { width:100%; height:54px; border-right:none; font-size:18px; font-weight:600; text-align:center; padding:8px 14px 8px 12px; border-top-right-radius:0; border-bottom-right-radius:0; }
#account.affiliate .reflink button { font-size:18px; line-height:54px; border-top-left-radius:0; border-bottom-left-radius:0; padding:0 20px; }

#account.affiliate .stats { display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:30px; margin-top:30px; }
#account.affiliate .stats > div { flex-grow:1; }

#account.affiliate .calculations { background:#fff; border-radius:var(--radius-bg-medium); padding:24px; display:flex; flex-wrap:wrap; gap:20px; justify-content: space-around; }
#account.affiliate .calculations b { display:block; margin-top:6px; font-variant-numeric:tabular-nums; }

#account.affiliate .profit { background:#fff; border-radius:var(--radius-bg-medium); padding:30px; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; }
#account.affiliate .profit .amount { font-size:26px; }*/

/* add company */
#account.newcompany p.desc { font-size:18px; line-height:28px; margin-bottom:26px; }
#account.newcompany ul { margin-bottom:36px; }
#account.newcompany ul li { display:flex; }
#account.newcompany ul li:not(:last-child) { margin-bottom:6px; }
#account.newcompany ul li svg { flex-shrink:0; margin:3px 14px 0 9px; }
#account.newcompany p.vivid-link { display:flex; margin-bottom:9px; }
#account.newcompany p.vivid-link a { padding:0 24px; font-size:18px; line-height:50px; font-weight:600; border-radius:var(--radius-round); }

/* add company - form */
#account.addcompany p.desc { margin-bottom:22px; }

#account.addcompany p.input { padding-top:3px; }

#account.addcompany { --form-element-height:54px; }

#account.addcompany input:not(.chosen-search-input), #account.addcompany select, #account.addcompany .chosen-single { font-size:18px; }
#account.addcompany input:not(.chosen-search-input), #account.addcompany select { padding:0 14px; width:100%; }
#account.addcompany input#company_regnumber { width:auto; }

#account.addcompany select, #account.addcompany .chosen-single:after { background-image:url('https://assets.currency.marketing/svg/ui/arrow-down-pick.svg'); background-size:17px; background-position:right 14px center; }
#account.addcompany select { line-height:inherit; padding-right:40px; }

#account.addcompany .chosen-container { width:100% !important; box-sizing:border-box; }
#account.addcompany .chosen-single { padding-left:14px; }
#account.addcompany .chosen-single:after { width:40px; }

#account.addcompany p.vivid { padding-top:22px; }
#account.addcompany p.vivid button { font-size:18px; height:54px; font-weight:600; border-radius:var(--radius-round); width:100%; }

/* add company - company added */
#account.companyadded .wrap { padding:10px 0; }
#account.companyadded svg { margin:0 auto 22px; }
#account.companyadded p.title { font-size:26px; font-weight:600; text-align:center; }
#account.companyadded p.desc { max-width:400px; margin:0 auto 44px; text-align:center; }
#account.companyadded p.vivid { display:flex; justify-content:center; margin-bottom:30px; }
#account.companyadded p.vivid button { font-size:18px; line-height:50px; border-radius:var(--radius-round); padding:0 28px; }
#account.companyadded p.vivid + p { text-align:center; margin-bottom:0; }

/* company - overview */
#account.company .stacked { display:flex; align-items:center; }
#account.company .stacked ul { display:flex; margin-right:12px; }
#account.company .stacked ul li:not(:last-child) { margin-right:-7px; }
#account.company .stacked ul li { border-radius:50%; background:#fff; }
#account.company .stacked ul li img { border-radius:50%; background:#fff; box-shadow:0 0 0 1.2px #fff; }

/* company - manage users */
#account.company .duo p.button-link button { color:var(--main); font-weight:600; }

#account.company .users { margin-bottom:24px; }
#account.company .users p { margin-bottom:0; }
#account.company .users > * { display:grid; grid-template-columns:40% 1fr 1fr; gap:16px; align-items:center; border-bottom:1px solid #eee; }
#account.company .users > p span { color:var(--bluegrey); padding-bottom:6px; }
#account.company .users > div { padding:8px 0; }
#account.company .users .user  { display:flex; align-items:center; column-gap:12px; }
#account.company .users .user p.icon.photo img { border-radius:50%; }
#account.company .users .user b { display:block; line-height:24px; overflow-wrap:anywhere; }
#account.company .users .user i { display:block; font-style:normal; font-size:14px; line-height:20px; color:rgba(0,0,0,.4); }
#account.company .wrap .option.editable .data { padding-right:0; }

/* notifications */
#account.notifications ul { border:20px solid #fff; border-left:none; border-right:none; border-radius:var(--radius-bg-medium); }
#account.notifications ul li { background:#fff; cursor:pointer; padding:6px 32px; display:grid; grid-template-columns:28px auto; column-gap:20px; align-items:center; outline-offset:1px; -webkit-tap-highlight-color:transparent; }

#account.notifications ul li:not(:first-child) { border-top:1px solid #eee; }
#account.notifications ul li:hover { background-color:hsla(0,0%,100%,0.5); -webkit-transition:none; -o-transition:none; transition:none; }
#account.notifications ul li:active { background-color:hsla(0,0%,100%,0.3); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

#account.notifications ul li p { margin-bottom:0; }

#account.notifications ul li .date { text-align:center; text-transform:uppercase; }
#account.notifications ul li .date b { display:block; font-size:12px; line-height:18px; letter-spacing:0.06em; }
#account.notifications ul li .date i { display:block; font-style:normal; line-height:20px; color:rgba(0,0,0,.55); }

#account.notifications ul li.unread p.desc { font-weight:600; }

/* for large screens only */
@media screen and (min-width:760px) {

/* payments modal - add payment pethod */
.smartmodal.addpayment .smartbutton { -webkit-transition:background-color .1s; -o-transition:background-color  .1s; transition:background-color .1s; }

}

@media screen and (max-width:760px) {

/* account dashboard */
#account .dashboard { display:block; }
#account .dashboard li:not(:last-child) { margin-bottom:9px; }
#account .dashboard li:before { display:none; }
#account .dashboard li a { flex-direction:row-reverse; align-items:center; padding:14px 18px; border-radius:5px; }
#account .dashboard li a span b { font-size:inherit; margin-bottom:0; }
#account .dashboard li a svg { flex-shrink:0; margin:0 16px 0 0; }

/* verification form */
#account .verify-profile { display:block; text-align:center; }
#account .verify-profile .user { width:auto; margin:14px 0 22px; }
#account .verify-profile h2 { text-align:center; }
#account .verify-profile p.desc { text-align:center; margin-bottom:24px; }

#account .verify-profile ul { display:inline-block; margin-bottom:0; text-align:left; }
#account .verify-profile ul li { display:block; }
#account .verify-profile ul li:not(:last-child) { margin-bottom:16px; }
#account .verify-profile ul li form { text-align:center; }
#account .verify-profile ul li p.vivid { margin:30px auto 14px; }

#account .verify-profile .details { width:auto; }

/* verification pending */
#account .verification-pending { padding:16px 16px 16px 12px; column-gap:12px; }

/* account forms */
#account .wrap .option { display:block; padding-left:20px; padding-right:20px; }
#account .wrap .option.editable:after { right:20px; }

#account .wrap .option-title, #account .wrap .data { display:block; width:auto; }

#account .wrap .data { padding-top:6px; -webkit-transition:.3s padding-top; -o-transition:.3s padding-top; transition:.3s padding-top; }
#account .wrap .open .data { padding-top:9px !important; }

/* account skeleton - closed */
#account .wrap .grid { display:block; }
#account .wrap .grid .row { display:block; margin-bottom:0; padding-top:9px; }
#account .wrap .grid .row:first-child { padding-top:3px; }
#account .wrap .grid .col { display:block; vertical-align:auto; }
#account .wrap .grid .col:first-child { white-space:normal; padding-right:0; }

/* my profile - phone */
#account .wrap .data #phoneform { display:block; }
#account .wrap .data #phoneform .col { display:block; padding:9px 0 0; }
#account .wrap .data #phoneform .col:first-child { padding:0; }

/* my profile - file upload */
#account .upload-selfie:before { margin:6px auto 20px; }

#account .uploaded + .documentdata { margin-top:-9px; }
#account .documentdata { margin-bottom:16px; }

/* security - authorization history */
#account .activity { padding:24px 20px; }

#account .activesessions { display:block; }
#account .activesessions li { display:block; padding:6px 0; border-top:1px solid hsl(0,0%,95%); padding-left:50px; }
#account .activesessions li.th { display:none; }
#account .activesessions li > * { padding:0 !important; border-top:none; }
#account .activesessions li > p:not(.info):not(.current):not(.remove) { display:inline;  }
#account .activesessions li p.info:before { margin:0 12px 0 -44px; }
#account .activesessions li p:where(.location, .provider):after { content:', ' }

#account .activity .sessions { display:block; }
#account .activity .sessions > p { display:none !important; }
#account .activity .sessions > div:not(.date) { display:inline; }
#account .activity .sessions > div.date ~ div:not(.platform):not(.date):after { content:', '; }
#account .activity .sessions > div.date:not(.current) { margin-top:12px; }
#account .activity .sessions > div.date { font-weight:600; }

/* affiliate */
/*#account.affiliate .reflink > div { padding:20px; }
#account.affiliate .reflink input { width:100%; height:40px; font-size:16px; font-weight:400; text-align:left; }
#account.affiliate .reflink button { font-size:inherit; line-height:40px; padding:0 12px; }
#account.affiliate .calculations { display:block; margin-bottom:30px; }
#account.affiliate .calculations div { display:flex; justify-content:space-between; align-items:center; column-gap:20px; margin:3px 0; }
#account.affiliate .calculations b { font-size:inherit; margin-top:0; }
#account.affiliate .profit { padding:20px; row-gap:16px; }*/

/* company - overview */
#account.company .stacked { padding-top:3px; }

/* company - manage users */
#account.company .users { border-top:1px solid #eee; margin-top:6px; }
#account.company .users > p { display:none; }
#account.company .users > * { display:block; }
#account.company .users > div > p { margin-left:44px; margin-top:3px; }
#account.company .users .buttons { margin:12px 0 6px 44px; }

}
@media screen and (max-width:600px) {

/* payments modal - add payment pethod */
.smartmodal.addpayment .smartbutton h3 { font-size:inherit; }
.smartmodal.addpayment .smartbutton > div:first-child { background-position:14px center; padding:20px 24px 20px 64px; }

.smartmodal.addpayment .smartbutton:after { width:29px; }

/* notifications */
#account.notifications ul li { padding:9px 18px; }

}