@import url(https://fonts.googleapis.com/css?family=Electrolize);
/************************************************
common-site.css 
*************************************************

Shared css file to help limit the places 
one must change to enact changes across sso
pages

*************************************************

TABLE OF CONTENTS

00  SHARED
01  DEFAULT STYLES
02  COMMON STYLES
03  MESSAGE PAGES
04  REGISTER, LOGIN AND EMAIL VERIFICATION STYLES
05  WHY-LINK ASIDE PROMOS STYLES
06  GRACE LOGIN STYLES
07  FOOTER RATINGS AND PARTNERS
08  ACCOUNT PROFILE STYLES
09  IOS OVERRIDES
10  CLUETIP STYLING
11  FIXING IE
12  MODAL
13  TOS & CONFIRM PASSWORD - MODALS
14	CUSTOM SCROLL
15  CONSOLE LOGIN
16  RECAPTCHA
17  EMAIL HELP
18	ERROR PAGES
19	FORGOT PASSWORD
20  ANON OPT OUT 
21	BANNER
22	LOGIN
23	SIGNUP
24	OAUTH
25	OPT-OUT
26	SMS CHALLENGE SUCCESS
99  PAGE POSTLOAD


********************************************
00 SHARED (reset)
********************************************/
.clearfix,
.clrfx {
  overflow: hidden;
}
input::-ms-clear {
  display: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
body {
  color: black;
  background: black;
}
p {
  font-size: 15px;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
.scorecard-container {
  height: 0px;
  overflow: hidden;
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(../fonts/J0GYVYTizO1mjpT3aOcSbQ.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local('Arvo Bold'), local('Arvo-Bold'), url(../fonts/Ya11CJGBCnKoJHvb8B2EOw.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Electrolize';
  font-style: normal;
  font-weight: 400;
  src: local('Electrolize'), local('Electrolize-Regular'), url(../fonts/DDy9sgU2U7S4xAwH5thnJ44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xJwNa6kgmw9HIHjUBPkzL2f3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xKdGPpWTn2kPFru4k7T0T-v3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xN9i7v7U2vZkHC55NWxtqfn3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xK1ueDcgZDcfV3TWANvdPLj3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xC3qj1XlvLGj0jktnJzWu233rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xC8hAQ4ocbp44gFQt8tMfcH3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(../fonts/gk5FxslNkTTHtojXrkp-xBrT1lp9IdZ6Q20XTtjH6Zv3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(../fonts/gk5FxslNkTTHtojXrkp-xIS898UBCVj0FEntoasBk6P3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(../fonts/gk5FxslNkTTHtojXrkp-xBkraXwpsr1uSZUhAAol_4_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(../fonts/gk5FxslNkTTHtojXrkp-xKTAHfCyYjmaKhz-jw4dXo73rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(../fonts/gk5FxslNkTTHtojXrkp-xP1CsDU87ma3di2VmaZcPSr3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(../fonts/gk5FxslNkTTHtojXrkp-xBztfhWvsElVqpbWxzFHK633rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(../fonts/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format('woff2');
}
/********************************************
01 DEFAULT STYLES 
********************************************/
@font-face {
  font-family: 'PazBold';
  src: url('../fonts/paz_bold-webfont.eot');
  src: url('../fonts/paz_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/paz_bold-webfont.woff') format('woff'), url('../fonts/paz_bold-webfont.ttf') format('truetype'), url('../fonts/paz_bold-webfont.svg#PazBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KlavikaLightItalic';
  src: url('../fonts/klavika-lightitalic-webfont.eot');
  src: url('../fonts/klavika-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/klavika-lightitalic-webfont.woff') format('woff'), url('../fonts/klavika-lightitalic-webfont.ttf') format('truetype'), url('../fonts/klavika-lightitalic-webfont.svg#KlavikaLightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KlavikaMediumItalic';
  src: url('../fonts/klavika-mediumitalic-webfont.eot');
  src: url('../fonts/klavika-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/klavika-mediumitalic-webfont.woff') format('woff'), url('../fonts/klavika-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/klavika-mediumitalic-webfont.svg#KlavikaMediumItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINCond-Bold';
  src: url('../fonts/DINCond-Bold.eot');
  src: url('../fonts/DINCond-Bold.eot#iefix') format('embedded-opentype'), url('../fonts/DINCond-Bold.woff') format('woff'), url('../fonts/DINCond-Bold.ttf') format('truetype'), url('../images/DINCond-Bold.svg#DINCond-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINCond-Light';
  src: url('../fonts/DINCond-Light.eot');
  src: url('../fonts/DINCond-Light.eot#iefix') format('embedded-opentype'), url('../fonts/DINCond-Light.woff') format('woff'), url('../fonts/DINCond-Light.ttf') format('truetype'), url('../images/DINCond-Light.svg#DINCond-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINCond-Medium';
  src: url('../fonts/DINCond-Medium.eot');
  src: url('../fonts/DINCond-Medium.eot#iefix') format('embedded-opentype'), url('../fonts/DINCond-Medium.woff') format('woff'), url('../fonts/DINCond-Medium.ttf') format('truetype'), url('../images/DINCond-Medium.svg#DINCond-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINCond-Regular';
  src: url('../fonts/DINCond-Regular.eot');
  src: url('../fonts/DINCond-Regular.eot#iefix') format('embedded-opentype'), url('../fonts/DINCond-Regular.woff') format('woff'), url('../fonts/DINCond-Regular.ttf') format('truetype'), url('../images/DINCond-Regular.svg#DINCond-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSlab900';
  src: url('../fonts/Museo_Slab_900.eot');
  src: url('../fonts/Museo_Slab_900.eot#iefix') format('embedded-opentype'), url('../fonts/Museo_Slab_900.woff') format('woff'), url('../fonts/Museo_Slab_900.ttf') format('truetype'), url('../images/Museo_Slab_900.svg#MuseoSlab900') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MuseoSlab1000';
  src: url('../fonts/Museo_Slab_1000.eot');
  src: url('../fonts/Museo_Slab_1000.eot#iefix') format('embedded-opentype'), url('../fonts/Museo_Slab_1000.woff') format('woff'), url('../fonts/Museo_Slab_1000.ttf') format('truetype'), url('../images/Museo_Slab_1000.svg#MuseoSlab1000') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'led';
  src: url('../fonts/led.eot');
  src: url('../fonts/led.eot#iefix') format('embedded-opentype'), url('../fonts/led.woff') format('woff'), url('../fonts/led.ttf') format('truetype'), url('../images/led.svg#led') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
}
body.progress {
  cursor: wait;
}
body.register-elite {
  margin-bottom: 0;
}
.SSO-PAGE#elite-preview-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #000;
  background-position: top center;
}
#account-profile article section {
  background-color: transparent;
}
sup {
  font-size: 0.8em;
  position: relative;
  top: -5px;
}
body.with-sso-bar {
  margin-top: 50px;
}
.wrapper {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
/* for ie */
article,
section,
aside,
progress {
  display: block;
}
.SSO-PAGE a,
.SSO-PAGE a:active,
.SSO-PAGE a:hover,
.SSO-PAGE a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
body.register-elite .SSO-PAGE a,
body.register-elite .SSO-PAGE a:active,
body.register-elite .SSO-PAGE a:hover,
body.register-elite .SSO-PAGE a:visited {
  color: #D7E57A;
  font-weight: bold;
  text-decoration: none;
}
body.register-elite a:hover {
  color: #D7E57A;
  text-decoration: none;
}
.SSO-PAGE a.button {
  color: #000000;
}
.SSO-PAGE article {
  margin-bottom: 25px;
  position: relative;
  zoom: 1;
  max-width: 1050px;
  margin: auto;
}
.SSO-PAGE article:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  width: 0;
  line-height: 0;
  visibility: hidden;
}
.SSO-PAGE > header {
  display: block;
  overflow: hidden;
  padding: 50px 0 15px 0;
}
.SSO-PAGE h1,
.SSO-PAGE h2,
.SSO-PAGE h3,
.SSO-PAGE h4,
.profileInfo h5,
.SSO-PAGE#account-profile #player-icon-name #first-name,
.SSO-PAGE#account-profile #player-icon-name #middle-name,
.SSO-PAGE#account-profile #player-icon-name #last-name,
.SSO-PAGE legend,
.SSO-PAGE#account-profile menu#accounts-subnav li#beachhead a {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  -webkit-transform: translateZ(0);
  /*Fix for Safari leaving animation junk pixels*/
}
.SSO-PAGE #why-link dt {
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
}
.attempt-nbr,
.SSO-PAGE .actions a.continue-unverified,
.SSO-PAGE #grace-login .submit,
.SSO-PAGE#email-validation .button {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.SSO-PAGE section,
.SSO-PAGE aside {
  display: block;
  margin: 0 10px;
}
.SSO-PAGE p {
  margin: 5px 0;
  text-align: center;
}
.SSO-PAGE #forgot-password p.sso-message {
  padding: 20px;
  margin: 35px 0px;
  text-align: center;
  font-size: 1.8rem;
  color: white;
}
.SSO-PAGE#login #email-data-row .input-container,
.SSO-PAGE#login #email-data-row .input-container input,
.SSO-PAGE#login #password-data-row .input-container,
.SSO-PAGE#login #password-data-row .input-container input {
  width: 100%;
}
.SSO-PAGE #frmLogin p {
  text-align: justify;
}
.SSO-PAGE .note,
.SSO-PAGE .needHelp {
  margin: 10px 0px;
}
.SSO-PAGE ul {
  margin: 15px 0;
}
.SSO-PAGE h1 {
  font-size: 42px;
}
.SSO-PAGE h2 {
  font-size: 20px;
  margin: 0 0 20px 0;
}
.SSO-PAGE h3 {
  margin: 0;
  font-size: 35px;
}
.SSO-PAGE h4 {
  margin: 5px 0;
}
.SSO-PAGE h4,
.SSO-PAGE legend {
  font-size: 24px;
  color: #fff;
  padding: 17px 10px 15px 0;
}
.SSO-PAGE legend {
  padding-bottom: 30px;
}
.SSO-PAGE h6 {
  margin: 5px 0 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #CCC;
}
body.register-elite .SSO-PAGE a.active {
  color: #d7e57a;
}
.SSO-PAGE label {
  font-size: 16px;
  display: block;
  color: #fff;
  margin: 0 0 10px 0;
  font-family: Helvetica, Arial, sans-serif;
}
.SSO-PAGE .error {
  color: #FF470F;
}
.SSO-PAGE input[type="text"],
.SSO-PAGE input[type="password"],
.SSO-PAGE input[type="currentPassword"],
.SSO-MODAL input[type="text"],
.SSO-MODAL input[type="password"],
.SSO-MODAL input[type="currentPassword"] {
  width: 300px;
  padding: 6px 4px;
  border: 1px solid #e1e1e1;
  margin: 0;
}
.SSO-PAGE#register input[type="text"],
.SSO-PAGE#register input[type="password"],
.SSO-PAGE#register input[type="currentPassword"],
.SSO-MODAL input[type="text"]#answer-required {
  width: 270px;
}
#answer-required-data-row .feedback-control.message {
  margin-left: 90px;
}
.SSO-PAGE input[type="checkbox"] {
  margin: 5px 0 0;
  float: left;
}
.SSO-PAGE select {
  display: block;
  height: 32px;
  padding: 6px 0;
  margin-right: 5px;
  font-size: 13px;
  color: #666;
  min-width: 50px;
}
.SSO-PAGE select#country,
.SSO-PAGE select#questionId,
.SSO-PAGE select#questionId-required {
  width: 278px;
}
.SSO-PAGE select#DateOfBirth_Month {
  width: 84px;
}
.SSO-PAGE select#DateOfBirth_Day {
  width: 64px;
}
.SSO-PAGE select#DateOfBirth_Year {
  width: 92px;
}
.SSO-PAGE select > option {
  padding: 7px 4px;
  display: block;
  font-size: 13px;
  background: #fff;
}
/* IE fix for select box width's being cut off */
/*.SSO-PAGE form select:focus {
	width: auto !important;
}*/
.SSO-PAGE input[type="submit"],
.SSO-PAGE input[type="button"],
.SSO-PAGE button,
.SSO-MODAL input[type="submit"],
.SSO-MODAL button,
.SSO-PAGE a.button,
#confirm-email .actions a,
.actions a.authentication-trigger {
  font-family: Helvetica, Arial, sans-serif;
  display: inline-block;
  border-width: 0;
  font-size: 15px;
  padding: 5px 16px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
.SSO-PAGE #redeem-code-button {
  display: inline-block;
  margin: auto;
  float: none;
}
.SSO-PAGE input[type="submit"].large,
button.large {
  font-size: 14px;
}
.SSO-PAGE .submit,
.SSO-PAGE .button,
.SSO-PAGE a.button {
  color: #000;
  display: inline-block;
}
#register.missingInformation.SSO-PAGE div.actions button {
  float: none;
  width: auto;
  height: 40px;
}
.SSO-PAGE #platform-data-row .submit {
  float: none;
  margin: 3px;
}
.SSO-PAGE .resetPasswordSuccess a.button {
  float: none;
}
/* .SSO-MODAL .submit.disabled[disabled], .SSO-MODAL .button.disabled[disabled], .SSO-MODAL a.button.disabled[disabled],   */
.SSO-PAGE .submit[disabled],
.SSO-PAGE .button[disabled],
.SSO-PAGE a.button[disabled] {
  background-color: #333;
  font-family: Helvetica, Arial, sans-serif;
  opacity: 0.4;
}
body.register-elite .SSO-PAGE .submit,
body.register-elite .SSO-PAGE .button {
  background: #d7e57a;
}
.SSO-PAGE button.disabled,
.SSO-PAGE a.disabled,
body.register-elite .SSO-PAGE button.disabled,
body.register-elite .SSO-PAGE a.disabled {
  color: #000;
  cursor: default;
  background: #3e3e3e;
  opacity: 0.4;
}
.SSO-PAGE .cancel {
  background: none;
  color: #5b6168;
  margin: 0 0 0 20px;
  border-left: 1px solid #111;
}
.SSO-PAGE em {
  font-weight: bold;
  color: #FFF;
}
.SSO-PAGE h4.subhead {
  color: #27ad99;
  margin: 0 0 50px 0;
}
/* ------------------------
 02 COMMON STYLES
 -------------------------- */
.SSO-PAGE,
.SSO {
  width: auto;
  margin: 0 auto;
  padding: 0;
  min-height: 600px;
  position: relative;
  max-width: 1000px;
  padding: 0 5%;
}
.SSO-PAGE.SSO.age-gate-failed#message-page {
  padding-top: 100px;
}
header > .masthead {
  float: left;
}
header > .masthead > h1.logo {
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.SSO-PAGE header > .masthead > h1.small {
  width: 216px;
  height: 41px;
}
.SSO-PAGE header > .masthead > h1.elite {
  width: 101px;
  height: 51px;
}
.SSO-PAGE ul#breadcrumb {
  margin: 15px 0 0;
}
.SSO-PAGE ul#breadcrumb li {
  display: inline;
  float: left;
  padding: 0 2px 0 13px;
  font-size: 11px;
  line-height: 15px;
  height: 15px;
  font-weight: bold;
}
.SSO-PAGE ul#breadcrumb a {
  color: #797979;
}
.SSO-PAGE ul#breadcrumb a:hover {
  color: #fff;
}
.SSO-PAGE ul#breadcrumb li#breadcrumb-home {
  background: none;
  padding: 0;
}
.SSO-PAGE ul#breadcrumb li#breadcrumb-home a {
  display: block;
  width: 13px;
  height: 0;
  padding: 14px 0 0 0;
  overflow: hidden;
}
.SSO-PAGE .inline {
  display: inline !important;
  float: none !important;
  text-align: left;
}
.SSO-PAGE .sprite,
.SSO-MODAL .sprite {
  text-indent: -9999px;
  display: block;
}
.SSO-PAGE .sprite-pages,
.SSO-MODAL .sprite-pages {
  text-indent: -9999px;
  display: block;
}
.SSO-PAGE div.content-box,
#createPasswordModal {
  padding: 20px 30px;
  /* 	margin: 5px 0 0; */
}
.SSO-PAGE section div.content-box {
  padding-bottom: 0;
}
.SSO-PAGE div.content-box {
  background-color: rgba(0, 0, 0, 0.8);
}
.SSO-PAGE#opt-out div.content-box {
  background-color: transparent;
}
.SSO-PAGE #loading-indicator {
  width: 16px;
  height: 16px;
  position: absolute;
  display: none;
}
/**
 * PROGRESS BAR 
 */
progress,
.progress-bar {
  -webkit-appearance: none;
  width: 280px;
  height: 16px;
  border: none;
  background: url(../images/sprite-progress.png) 0 0 repeat-x;
}
progress::-webkit-progress-bar {
  -webkit-appearance: none;
  width: 280px;
  height: 16px;
}
progress::-webkit-progress-bar-value {
  -webkit-appearance: none;
  height: 16px;
}
progress::-webkit-progress-value {
  -webkit-appearance: none;
  height: 16px;
}
progress::-moz-progress-bar {
  height: 16px;
  text-indent: -999em;
}
#progress-completed {
  height: 16px;
  text-indent: -999em;
  background: url(../images/sprite-progress.png) 0 -16px repeat-x;
}
.progress-help {
  padding: 15px 18px;
  border: 1px solid #2a2a2a;
  background-color: #181818;
  margin-top: 13px;
}
.SSO-PAGE .progress-help p {
  color: #a6acb5;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
}
/*
 * FORM STUFF
 */
.locale-es .profileInfo h5,
.locale-pt .profileInfo h5 {
  font-size: 16px;
  padding-right: 70px;
}
.locale-de .profileInfo h5,
.locale-it .profileInfo h5 {
  font-size: 15px;
}
.locale-de .profileInfo .editLink,
.locale-it .profileInfo .editLink {
  line-height: 12px;
  font-size: 11px;
}
.locale-it .profileInfo h5 {
  padding-right: 80px;
}
.SSO-PAGE fieldset.profileInfo#link-social-accounts {
  padding: 0 0 25px;
}
.SSO-PAGE fieldset > legend {
  /* DEFINED ALONGSIDE h4 ABOVE */
  margin-left: 0;
  padding-left: 0;
  position: relative;
  top: 20px;
  color: white;
  font-size: 4rem;
}
.SSO-PAGE fieldset div {
  font-size: 15px;
  color: #000;
}
.SSO-PAGE fieldset div a.successLink {
  background-color: #cfcfcf;
  padding: 10px;
  color: black;
  font-weight: bold;
}
.SSO-PAGE fieldset div#resend-email {
  color: #000;
}
.SSO-PAGE form div.data-row {
  margin-bottom: 15px;
}
.SSO-PAGE div.actions {
  /*	margin: 45px 0 0 0;*/
  margin: 10px 0 0 0;
}
.SSO-PAGE #frmRedeemCode .actions {
  float: left;
  width: 100%;
}
.SSO-PAGE div.actions div.tos {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.SSO-PAGE fieldset.newsletterOptin {
  position: relative;
  clear: both;
}
#register article section #register-full button.submit {
  width: 100%;
  height: 40px;
}
/** 
 * NOTIFICATIONS/FEEDBACK 
 */
.error-messaging-container p {
  display: none;
}
.error-messaging-container p:nth-of-type(1) {
  display: block;
}
.SSO-PAGE .help-indicator,
.SSO-MODAL .help-indicator {
  float: left;
  width: 21px;
  height: 21px;
  margin-top: 5px;
  margin-left: 2px;
}
.SSO-PAGE .feedback-control,
.SSO-MODAL .feedback-control {
  display: none;
}
.SSO-PAGE .feedback-control.message,
.SSO-MODAL .feedback-control.message {
  font-size: 17px;
  display: none;
}
.SSO-PAGE div.error .feedback-control #month.errors,
.SSO-PAGE div.error .feedback-control #day.errors,
.SSO-PAGE div.error .feedback-control #year.errors {
  margin-right: 20px;
}
.SSO-PAGE .validationError .icon,
.SSO-PAGE .validationPassed .icon,
.SSO-MODAL .validationError .icon,
.SSO-MODAL .validationPassed .icon {
  width: 21px;
  height: 20px;
  position: relative;
  top: 10px;
  right: -20px;
  display: inline-block;
}
@media screen and (max-width: 410px) {
  .SSO-PAGE .validationError .icon,
  .SSO-PAGE .validationPassed .icon,
  .SSO-MODAL .validationError .icon,
  .SSO-MODAL .validationPassed .icon {
    right: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .SSO-PAGE #frmForgotPassword .validationError .icon,
  .SSO-PAGE #frmForgotPassword .validationPassed .icon {
    top: 35px;
  }
}
.SSO-PAGE .validationError .icon,
.SSO-MODAL .validationError .icon {
  background-position: -487px -8px;
}
.SSO-PAGE .validationPassed .icon,
.SSO-MODAL .validationPassed .icon {
  background-position: -452px -8px;
}
.SSO-PAGE .input-container,
.SSO-MODAL .input-container {
  overflow: visible;
  display: block;
  float: left;
  background: #f1f1f1;
  padding: 2px;
  margin-right: 3px;
  background-color: transparent;
}
#dob-data-row .sprite-pages {
  position: relative;
}
#dob-data-row .sprite-pages.feedback-control {
  position: absolute;
}
.SSO-PAGE .error .input-container,
.SSO-PAGE .validationError .input-container {
  background-color: #BF4747;
}
.SSO-PAGE .error input[type='checkbox'] {
  outline: 2px solid #ff470f;
  margin-left: 8px;
  margin-top: 6px;
}
.SSO-PAGE .error label.checkbox-label {
  margin-left: 6px;
}
.SSO-PAGE .email-container {
  color: #ffffff;
  float: left;
  height: 17px;
  font-size: 19px;
}
/* STANDARD: Message is 8px padded under */
.SSO-PAGE .message {
  font-size: 11px;
  font-weight: bold;
  padding: 8px 0;
  clear: both;
}
.SSO-PAGE .error .message {
  /*	color:#ff470f;*/
  display: block;
}
.SSO-PAGE .message.account-linking-error {
  border: 1px solid rgba(255, 0, 0, 0.5);
  color: red;
  text-transform: uppercase;
  background-color: rgba(255, 0, 0, 0.2);
}
/**
  * HORIZONTAL LABEL FORMS
  */
/* STANDARD ON ALL HORZ PAGES. 7px padding between rows */
.SSO-PAGE form.horz-label div.data-row,
.SSO-MODAL form.horz-label div.data-row {
  padding: 0 0 14px;
  margin-bottom: 0;
  overflow: hidden;
}
.SSO-PAGE form.horz-label legend + div.data-row {
  padding-top: 0 !important;
}
.SSO-PAGE form.horz-label div.data-row:last-child {
  padding-bottom: 0 !important;
}
.SSO-PAGE form.horz-label div.data-row label,
.SSO-PAGE form.horz-label .label-spacer,
.SSO-MODAL form.horz-label div.data-row label,
.SSO-MODAL form.horz-label .label-spacer {
  float: left;
  width: 137px;
}
.SSO-PAGE#register form.horz-label div.data-row label,
.SSO-PAGE#register form.horz-label .label-spacer {
  float: left;
  width: 130px;
}
.SSO-PAGE form.horz-label div.data-row label,
.SSO-MODAL form.horz-label div.data-row label {
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  padding: 0 10px 0 0;
  color: #CCC;
}
.SSO-MODAL form.horz-label div.data-row label {
  text-align: left;
  width: auto;
}
.SSO-PAGE form.horz-label div.data-row label.checkbox-label {
  font-weight: normal;
  color: black;
  font-size: 14px;
  text-transform: initial;
  text-align: left;
  padding: 0 0 0 10px;
  width: 90%;
  position: relative;
  top: -2px;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
}
.SSO-PAGE form.horz-label .message {
  position: relative;
  color: #FF2323;
  margin-left: 5px;
  padding-left: 15px;
  text-align: left;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
}
.SSO-PAGE form.horz-label .message:before {
  content: 'x';
  position: absolute;
  display: inline-block;
  color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  font-size: 9px;
  line-height: 14px;
  background-color: #ff2323;
  text-align: center;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
}
.SSO-PAGE form.horz-label#chooseOtherPlatformRequest .message {
  text-align: center;
}
.SSO-PAGE#account-profile form.horz-label .message {
  margin-left: 0;
  text-align: center;
  font-size: 14px;
  text-transform: initial;
  width: 90%;
}
.SSO-PAGE form.horz-label input[type=text],
.SSO-PAGE form.horz-label input[type=password] {
  margin: 0;
}
/**        
 * VERTICAL LABEL FORMS 
 */
.SSO-PAGE form.vert-label div.data-row {
  padding: 0;
  overflow: hidden;
  margin-bottom: 25px;
}
.SSO-PAGE form.vert-label label {
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 20px;
  color: #fff;
}
.cookie-settings-container {
  top: -50px;
  position: relative;
}
/* =====================================
   SKIP TO MAIN CONTENT (ACCESSIBILITY)
========================================*/
body.sso .skip-to-main-link {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  translate: -50% -100%;
  transition: .25s all;
}
body.sso .skip-to-main-link:focus {
  width: 185px;
  height: 21px;
  text-align: center;
  background: #767676;
  clip: unset;
  clip-path: unset;
  z-index: 20000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 50%;
  translate: -50% 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}
/* ------------------------
 03 PREREGISTRATION STYLES
 -------------------------- */
.SSO-PAGE#preregister-error article {
  width: 400px;
  text-align: center;
  background-color: black;
  padding: 30px 30px 60px;
}
.SSO-PAGE#preregister-error fieldset > legend {
  top: 0;
  padding: 20px;
}
.SSO-PAGE#preregister-error a {
  padding: 10px;
  display: inline-block;
  font-size: 15px;
}
.SSO-PAGE.preregistered .preregistered-container {
  min-height: 110px;
  font-size: 20px;
  text-transform: initial;
  font-weight: bold;
  color: #BF4747;
}
.SSO-PAGE.preregistered .preregistered-container .preregistered.username {
  text-transform: uppercase;
  color: #01b101;
  padding-top: 10px;
}
.SSO-PAGE.preregistered .gaming-account-logo {
  background-image: url(../images/network-sprite.png);
  background-repeat: no-repeat;
  background-size: 480px auto;
  display: block;
  float: left;
  width: 140px;
  height: 110px;
}
.SSO-PAGE.preregistered .gaming-account-logo.xbl {
  width: 118px;
  background-position: -138px 0px;
}
.SSO-PAGE.preregistered .gaming-account-logo.nintendo {
  width: 118px;
  background-position: -252px 0px;
}
.SSO-PAGE.preregistered .gaming-account-logo.pc {
  width: 118px;
  background-position: -362px 0px;
}
.SSO-PAGE.preregistered .subheading,
.SSO-PAGE.preregistered #console-login,
.SSO-PAGE.preregistered .or {
  display: none;
}
/* ------------------------
 04 REGISTER, LOGIN AND EMAIL VERIFICATION STYLES
 -------------------------- */
/** _common-registration-details.less **/
#register.SSO-PAGE ul.elite-steps {
  display: none;
}
/* ------------------------
 05 WHY-LINK ASIDE PROMOS STYLES
 -------------------------- */
.SSO-PAGE #why-link dt,
.SSO-PAGE #why-link dd {
  font-size: 20px;
  color: #ffffff;
  padding: 17px 15px 18px 20px;
  margin: 0 0 4px 0;
  cursor: pointer;
  background: #111;
  border: solid 1px #2a2a2a;
}
.SSO-PAGE #why-link dt.active span {
  background-position: 100% -1519px;
}
.SSO-PAGE #why-link dt span {
  text-indent: 0;
  padding-right: 10px;
  background-position: 100% -1486px;
}
.SSO-PAGE #why-link dd {
  font-size: 13px;
  line-height: 18px;
  color: #a6acb5;
}
.SSO-PAGE #why-link dd ol {
  color: #a6acb5;
  list-style-type: decimal;
  margin-left: 20px;
}
.account-linking-success {
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  background-color: #27ad99;
  margin-bottom: -2px;
  padding: 5px;
}
/* ------------------------
 06 GRACE LOGIN STYLES
 -------------------------- */
.SSO-PAGE#register > article > section.grace-login {
  border: 2px solid #BF4747;
  width: 480px;
}
.SSO-PAGE h4.reminder-subheader {
  color: #BF4747;
  text-indent: 40px;
}
.SSO-PAGE .reminder {
  background: #BF4747;
  padding: 2px;
  height: 180px;
}
.SSO-PAGE .reminder p {
  float: left;
  width: 180px;
  margin: 0;
  padding: 70px 30px 0;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
.SSO-PAGE .reminder p.no-logins-left {
  padding: 35px 30px;
}
.SSO-PAGE .reminder p.attempt-nbr {
  color: #BF4747;
  font-size: 85px;
  line-height: 90px;
  height: 130px;
  padding: 25px 0;
  background-color: #000000;
  text-align: center;
}
.SSO-PAGE .reminder p.attempt-nbr:hover {
  text-shadow: 0 0 0.1em #DC2D09, 0 0 0.1em #DC2D09;
}
.SSO-PAGE .grace-login span {
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  display: block;
}
.SSO-PAGE .email-verification-box {
  border: 1px solid #333333;
  padding: 10px 15px;
  margin: 10px 0;
  display: none;
}
.SSO-PAGE .email-verification-box .email-address {
  color: #000;
  font-weight: bold;
}
.SSO-PAGE .email-verification-box #change-email label.error {
  color: #FF470F;
  font-size: 10px;
  padding-left: 140px;
  position: relative;
  top: -5px;
}
.SSO-PAGE .email-verification-box p.email-success {
  font-size: 16px;
  color: #ffffff;
}
.SSO-PAGE .close-email-verification-box,
.SSO-PAGE .open-email-verification-box {
  font-weight: bold;
  cursor: pointer;
}
body.register-elite .SSO-PAGE .close-email-verification-box {
  color: #d7e57a;
}
.SSO-PAGE .close-email-verification-box {
  float: right;
}
.SSO-PAGE .open-email-verification-box {
  text-transform: uppercase;
  margin: 10px 0;
}
.SSO-PAGE .open-email-verification-box span {
  padding: 0 15px;
  display: inline-block;
  background: transparent url(../images/sprite-pages.png) 100% -1566px no-repeat;
}
.SSO-PAGE #platform-data-row span.customStyleSelectBox {
  display: inline !important;
  padding-right: 5px;
}
body.register-elite .SSO-PAGE .open-email-verification-box span {
  color: #d7e57a;
}
.SSO-PAGE #grace-login form.horz-label div.data-row label {
  width: 108px;
}
.SSO-PAGE .grace-login input[type="text"] {
  width: 290px;
}
.SSO-PAGE .grace-login div.actions {
  border-top: 2px solid #333333;
  padding-top: 15px;
  margin-top: 0;
}
.SSO-PAGE .grace-login fieldset#grace-login div.actions {
  border-top: 0 none;
  padding-top: 0;
}
/* ------------------------
 07 ACCOUNT PROFILE STYLES
 -------------------------- */
/** Profile Base Styles **/
/** Partials located in "../profile-partials/*" **/
/** Base Styles **/
/** _common-profile.less **/
@media screen and (max-width: 1000px) {
  #account-profile.SSO-PAGE.SSO article .account-column.left,
  #account-profile.SSO-PAGE.SSO article .account-column.right {
    max-width: 100% !important;
    width: 100%;
    float: none;
    margin: 0 auto;
  }
}
#profile-page footer,
#info-page footer,
#prefs-page footer {
  width: 100%;
  max-width: 100%;
}
/* Profile Base Styling */
.SSO-PAGE#account-profile {
  max-width: 100%;
}
.SSO-PAGE#account-profile .account-column.left {
  float: left;
  width: 25%;
}
.SSO-PAGE#account-profile .account-column.center {
  float: left;
  width: 48%;
}
.SSO-PAGE#account-profile .account-column.right {
  float: left;
  width: 55%;
  margin-left: 5%;
}
@media screen and (max-width: 1200px) {
  .SSO-PAGE#account-profile .account-column.right {
    width: 70%;
  }
}
.SSO-PAGE#account-profile .account-column.aside {
  float: right;
  width: 30%;
}
.SSO-PAGE#account-profile section {
  margin: 0px;
}
.SSO-PAGE#account-profile > article {
  padding: 20px 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.SSO-PAGE#account-profile h1,
.SSO-PAGE#account-profile h2,
.SSO-PAGE#account-profile h3,
.SSO-PAGE#account-profile a,
.SSO-PAGE#account-profile p,
.SSO-PAGE#account-profile button {
  color: black;
  text-rendering: optimizeLegibility;
  font-family: "Open Sans", Arial, sans-serif;
  font-family: "Arvo", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 640px) {
  .SSO-PAGE#account-profile h1,
  .SSO-PAGE#account-profile h2,
  .SSO-PAGE#account-profile h3,
  .SSO-PAGE#account-profile a,
  .SSO-PAGE#account-profile p,
  .SSO-PAGE#account-profile button {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  .SSO-PAGE#account-profile h1,
  .SSO-PAGE#account-profile h2,
  .SSO-PAGE#account-profile h3,
  .SSO-PAGE#account-profile a,
  .SSO-PAGE#account-profile p,
  .SSO-PAGE#account-profile button {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  .SSO-PAGE#account-profile h1,
  .SSO-PAGE#account-profile h2,
  .SSO-PAGE#account-profile h3,
  .SSO-PAGE#account-profile a,
  .SSO-PAGE#account-profile p,
  .SSO-PAGE#account-profile button {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  .SSO-PAGE#account-profile h1,
  .SSO-PAGE#account-profile h2,
  .SSO-PAGE#account-profile h3,
  .SSO-PAGE#account-profile a,
  .SSO-PAGE#account-profile p,
  .SSO-PAGE#account-profile button {
    text-rendering: optimizeLegibility;
  }
}
.SSO-PAGE#account-profile h1 {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 30px;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SSO-PAGE#account-profile h2 {
  font-size: 20px;
  line-height: 40px;
  margin: 0;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 20px;
}
.SSO-PAGE#account-profile h3 {
  font-size: 17px;
  margin: 30px 0;
}
.SSO-PAGE#account-profile p {
  text-align: initial;
}
.SSO-PAGE#account-profile button {
  background-color: #c4c4c4;
  color: white;
}
.SSO-PAGE#account-profile #account-profile-resend-verify-email {
  position: relative;
  top: -15px;
}
.SSO-PAGE#account-profile #account-profile-resend-verify-email .resend-email-container p {
  display: none;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 0px 10px 30px;
  max-width: 500px;
}
.SSO-PAGE#account-profile #account-profile-resend-verify-email .resend-email-container p .resend-email-button {
  text-decoration: underline;
}
.SSO-PAGE#account-profile #account-profile-resend-verify-email .resend-email-container p .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: center center;
}
.SSO-PAGE#account-profile #account-profile-resend-verify-email .resend-email-container p.initial .icon {
  background-image: url(../images/email-initial-icon.png);
}
.SSO-PAGE#account-profile #account-profile-resend-verify-email .resend-email-container p.confirmed .icon {
  background-image: url(../images/email-confirmed-icon.png);
}
.SSO-PAGE#account-profile #account-profile-resend-verify-email .resend-email-container p.failure .icon {
  background-image: url(../images/email-error-icon.png);
}
/** Profile Head Styling **/
.SSO-PAGE#account-profile nav.profile-tab-nav {
  width: 100%;
}
.SSO-PAGE#account-profile nav.profile-tab-nav ul {
  margin: 0;
  padding: 0;
  background: none;
}
.SSO-PAGE#account-profile nav.profile-tab-nav ul li {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0px;
  margin-bottom: 7px;
  padding: 0;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #444;
}
.SSO-PAGE#account-profile nav.profile-tab-nav ul li a {
  display: block;
  font-family: "open sans", Arial, sans-serif;
  color: #000000;
  text-transform: uppercase;
  padding: 15px 0;
}
.SSO-PAGE#account-profile nav.profile-tab-nav ul li.active {
  background-color: #000000;
}
.SSO-PAGE#account-profile nav.profile-tab-nav ul li.active a {
  color: #ffffff;
}
/** COMMUNITY FORUM **/
.SSO-PAGE#account-profile .community-container .community-link {
  background-color: #c4c4c4;
  color: white;
  padding: 10px 50px;
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
}
/** 2FA MODAL **/
.SSO-PAGE#account-profile .two-factor-authentication-modal-container {
  display: none;
}
/** AUTHENTICATION MODAL **/
.SSO-PAGE#account-profile .authentication-modal-container,
.SSO-PAGE#register.missingInformation .authentication-modal-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 11000;
  opacity: 0;
  transition: opacity 0.25s ease-out, width 0s linear 0.15s, height 0s linear 0.15s;
  overflow-y: auto;
}
.SSO-PAGE#account-profile .authentication-modal-container.active,
.SSO-PAGE#register.missingInformation .authentication-modal-container.active {
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: opacity 0.25s ease-out;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 470px;
  min-width: 335px;
  background-color: #1a1a1a;
  box-shadow: 0 0 2px #777;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-title,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-title {
  background-color: #000;
  color: #fff;
  font-family: "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  text-transform: none;
  text-align: center;
  padding: 25px 20px;
  margin: 0 auto;
  border: none;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-title:before,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-title:before {
  display: none;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form {
  width: 70%;
  min-width: 235px;
  padding: 20px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row {
  overflow: visible;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row label,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row label {
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  width: 100%;
  margin-bottom: 10px;
  float: none;
  padding-left: 3px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container {
  float: none;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container input,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container input {
  width: 100%;
  box-sizing: border-box;
  border-color: #000;
  border-radius: 2px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container {
  position: relative;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-icon,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-icon {
  display: inline-block;
  position: absolute;
  top: -25px;
  right: -25px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background-color: #ccc;
  color: #111;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content {
  display: none;
  position: absolute;
  top: 6px;
  right: -31px;
  width: auto;
  height: auto;
  background-color: #fff;
  padding: 10px 15px 0;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media only screen and (max-width: 450px) {
  .SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content,
  .SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content {
    width: 257px;
  }
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content.active,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content.active {
  display: block;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content:after,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content:after {
  content: '';
  position: absolute;
  top: -10px;
  right: 5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content h4,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content h4 {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #000;
  padding: 0;
  margin: 0;
  text-align: center;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content p,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content p {
  font-size: 13px;
  line-height: 15px;
  color: #000;
  text-transform: none;
  text-align: left;
  margin: 0 0 10px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content ul li,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content ul li {
  position: relative;
  font-size: 12px;
  line-height: 15px;
  text-transform: none;
  text-align: left;
  padding: 0 0 12px 12px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content ul li:last-of-type,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content ul li:last-of-type {
  padding-bottom: 0;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content ul li:before,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .input-container .tooltip-container .tooltip-content ul li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: #000;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .authentication-reset-password,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .authentication-reset-password {
  text-align: right;
  margin-bottom: 15px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .authentication-reset-password a,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .authentication-reset-password a {
  text-decoration: underline;
  color: #1E9FFD;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .message,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .message {
  text-align: left;
  padding-left: 25px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .message:before,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .data-row .message:before {
  left: 0px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms #forgot-current-password,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms #forgot-current-password {
  text-align: right;
  padding-right: 10px;
  font-size: 14px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms #forgot-current-password a,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms #forgot-current-password a {
  color: #1e9ffd;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button {
  color: white;
  padding: 5px 30px;
  text-decoration: none;
  font-family: "open sans", Arial, sans-serif;
  border: none;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1E9FFD;
  border-radius: 3px;
  font-size: 11px;
  line-height: 13px;
  padding: 14px 15px;
  margin: 15px auto 0;
  min-width: 130px;
  transition: 0.4s all;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button:hover,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button:hover {
  background-color: #fff;
  color: #000;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button:disabled,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button:disabled:hover,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-form .personalInfoForms .actions button:disabled:hover {
  background-color: #1E9FFD;
  color: #fff;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-separator,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-separator {
  position: relative;
  width: 100%;
  font-family: Helvetica;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-transform: lowercase;
  margin: 20px auto;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-separator:before,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-separator:before,
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-separator:after,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-separator:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 33%;
  background-color: #aaa;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-separator:before,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-separator:before {
  left: 20px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-separator:after,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-separator:after {
  right: 20px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-network-select,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-network-select {
  padding: 20px;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-network-select h3,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-network-select h3 {
  position: relative;
  color: #fff;
  font-family: Helvetica;
  font-family: "open sans", Arial, sans-serif;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  margin: 0 auto 30px;
  width: fit-content;
  text-transform: uppercase;
  text-align: center;
}
.SSO-PAGE#account-profile .authentication-modal-container .profile-modal .modal-network-select .network-select-container,
.SSO-PAGE#register.missingInformation .authentication-modal-container .profile-modal .modal-network-select .network-select-container {
  margin-bottom: 5px;
}
.SSO-PAGE#account-profile .authentication-modal-container .close-modal,
.SSO-PAGE#register.missingInformation .authentication-modal-container .close-modal {
  position: absolute;
  top: 25px;
  right: 15px;
  background-color: transparent;
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  padding: 0 4px;
}
/* =========================================
   EMAIL AUTHENTICATION - SECURE SESSION
============================================*/
.SSO-PAGE#account-profile .secure-session-modal-container,
#announcement2fa-page .SSO-PAGE .secure-session-modal-container {
  display: none;
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-established,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-established,
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-failed,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-failed {
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: rgba(37, 216, 122, 0.5);
  text-align: center;
  z-index: 10;
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-established p,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-established p,
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-failed p,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-failed p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-established,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-established {
  background-color: rgba(37, 216, 122, 0.5);
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-established p:after,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-established p:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  right: -30px;
  background-image: url("../images/circle-checkmark-white.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-failed,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-failed {
  background-color: rgba(224, 32, 32, 0.5);
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-failed p,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-failed p {
  font-size: 12px;
  line-height: 14px;
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-failed p:before,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-failed p:before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: -25px;
  background-image: url("../images/alert-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 12px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-failed p button,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-failed p button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 3px;
  font-size: 12px;
  line-height: 14px;
  margin: 0 3px;
  padding: 5px 10px;
  text-transform: none;
}
.SSO-PAGE#account-profile .secure-session-banner-container .secure-session-failed p button:hover,
#announcement2fa-page .SSO-PAGE .secure-session-banner-container .secure-session-failed p button:hover {
  background-color: #fff;
  color: #000;
  cursor: pointer;
}
/** Account Linking **/
/* _common-account-linking.less */
#account-profile .account-linking-container .entitlement-message-container {
  position: relative;
  top: -45px;
}
#account-profile .account-linking-container .entitlement-message-container .icon {
  width: 21px;
  height: 21px;
  display: inline-block;
  position: absolute;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: center center;
  background-image: url(../images/check-circle.png);
}
#account-profile .account-linking-container .entitlement-message-container .entitlement-message {
  color: #7ac32c;
  padding: 10px 0 10px 30px;
}
#account-profile .account-linking-container .entitlement-message-container .entitlement-message-error {
  color: red;
  padding-left: 0;
}
#account-profile .account-linking-container .account-linking {
  width: 100%;
  margin-bottom: 60px;
}
#account-profile .account-linking-container .account-linking h3 {
  background-color: #313131;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.09px;
  text-transform: none;
  color: #fff;
  padding: 18px 30px;
  margin: 0;
}
#account-profile .account-linking-container .account-linking ul {
  background-color: #1a1a1a;
  padding: 20px 30px 30px;
  margin: 0;
}
#account-profile .account-linking-container .account-linking ul li {
  display: inline-block;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
}
#account-profile .account-linking-container .account-linking ul li:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking ul li {
    margin-bottom: 22px;
  }
}
#account-profile .account-linking-container .account-linking ul .twitch-bonus {
  display: none;
}
#account-profile .account-linking-container .account-linking ul .twitch-bonus:empty {
  display: none;
}
#account-profile .account-linking-container .account-linking ul .twitch-bonus a {
  font-weight: bold;
}
#account-profile .account-linking-container .account-linking .account-text > * {
  float: left;
  font-family: "open sans", Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
}
#account-profile .account-linking-container .account-linking .unlink-text,
#account-profile .account-linking-container .account-linking .link-text {
  float: right;
  font-size: 12px;
  line-height: 14px;
  font-family: "open sans", Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  position: absolute;
  left: calc(50% - 12px);
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  margin: 0;
}
@media only screen and (max-width: 650px) {
  #account-profile .account-linking-container .account-linking .unlink-text,
  #account-profile .account-linking-container .account-linking .link-text {
    left: 50%;
  }
}
#account-profile .account-linking-container .account-linking .unlink-text:after,
#account-profile .account-linking-container .account-linking .link-text:after {
  content: "";
  position: absolute;
  right: -28px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 650px) {
  #account-profile .account-linking-container .account-linking .unlink-text:after,
  #account-profile .account-linking-container .account-linking .link-text:after {
    display: none;
  }
}
#account-profile .account-linking-container .account-linking .unlink-text:after {
  background-image: url("../images/linked-accounts-icon-unlink.png");
}
#account-profile .account-linking-container .account-linking .link-text:after {
  background-image: url("../images/linked-accounts-icon-link.png");
}
#account-profile .account-linking-container .account-linking .unlinked-text {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .unlinked-text {
    max-width: calc(100% - 80px - 110px);
  }
}
@media only screen and (max-width: 440px) {
  #account-profile .account-linking-container .account-linking .unlinked-text {
    font-size: 11px;
  }
}
#account-profile .account-linking-container .account-linking .unlink-text,
#account-profile .account-linking-container .account-linking .linked-text {
  display: none;
}
#account-profile .account-linking-container .account-linking .linked-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 230px;
  text-transform: uppercase;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .linked-text {
    max-width: calc(100% - 80px - 110px);
  }
}
@media only screen and (max-width: 440px) {
  #account-profile .account-linking-container .account-linking .linked-text {
    font-size: 11px;
  }
}
#account-profile .account-linking-container .account-linking .account-container {
  width: 100%;
  min-height: 60px;
  position: relative;
  line-height: 60px;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans", Arial, sans-serif;
  font-family: "Arvo", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #fff;
  box-shadow: none;
  transition: box-shadow 300ms;
  background-color: transparent;
}
@media screen and (max-width: 640px) {
  #account-profile .account-linking-container .account-linking .account-container {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #account-profile .account-linking-container .account-linking .account-container {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #account-profile .account-linking-container .account-linking .account-container {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #account-profile .account-linking-container .account-linking .account-container {
    text-rendering: optimizeLegibility;
  }
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .account-container {
    height: 40px;
    min-height: 40px;
  }
}
#account-profile .account-linking-container .account-linking .account-container .account-link {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  transform: translate(0, -50%);
  width: 150px;
  height: 40px;
  color: #fff;
  background-color: #1E9FFD;
  border: 1px solid #1E9FFD;
  border-radius: 8px;
  padding: 0 5px;
  transition: 0.4s all;
}
#account-profile .account-linking-container .account-linking .account-container .account-link:hover {
  background-color: transparent;
  border-color: #fff;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .account-container .account-link {
    height: 35px;
  }
}
@media only screen and (max-width: 650px) {
  #account-profile .account-linking-container .account-linking .account-container .account-link {
    width: 100px;
  }
}
#account-profile .account-linking-container .account-linking .account-container .account-logo {
  display: inline-block;
  float: left;
  width: 100px;
  height: 60px;
  margin-right: 25px;
  border-radius: 8px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .account-container {
    line-height: 40px;
  }
  #account-profile .account-linking-container .account-linking .account-container .account-logo {
    width: 60px;
    margin: 0;
    height: 40px;
    background-size: 36px auto;
  }
  #account-profile .account-linking-container .account-linking .account-container .account-text {
    display: inline-block;
    margin: 0 10px;
  }
}
#account-profile .account-linking-container .account-linking .linked .account-container {
  font-weight: normal;
}
#account-profile .account-linking-container .account-linking .linked .unlinked-text,
#account-profile .account-linking-container .account-linking .linked .link-text {
  display: none;
}
#account-profile .account-linking-container .account-linking .linked .linked-text,
#account-profile .account-linking-container .account-linking .linked .unlink-text {
  display: inline-block;
}
#account-profile .account-linking-container .account-linking .linked .account-link {
  background-color: transparent;
  border-color: #fff;
}
#account-profile .account-linking-container .account-linking .linked .account-link:hover {
  background-color: #1E9FFD;
  border-color: #1E9FFD;
}
#account-profile .account-linking-container .account-linking .account-modal-container {
  display: none;
}
#account-profile .account-linking-container .account-linking.gaming > h3 {
  position: relative;
  padding-left: 70px;
}
#account-profile .account-linking-container .account-linking.gaming > h3:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../images/linked-accounts-icon-gaming-networks.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
#account-profile .account-linking-container .account-linking.gaming .account-logo {
  background-image: url("../images/gaming-logo-sprite_360_v6.png");
  background-repeat: no-repeat;
  background-size: 50%;
}
#account-profile .account-linking-container .account-linking.gaming .account-linking-error {
  background-color: red;
  padding: 10px;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  font-family: "Montserrat", "open sans", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}
#account-profile .account-linking-container .account-linking.social > h3 {
  position: relative;
  padding-left: 70px;
}
#account-profile .account-linking-container .account-linking.social > h3:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../images/linked-accounts-icon-social-networks.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
#account-profile .account-linking-container .account-linking.social .account-logo {
  background-image: url("../images/social-logo-sprite.png");
  background-repeat: no-repeat;
  background-size: 42%;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking.social .account-logo {
    background-size: 28px auto;
  }
}
#account-profile .account-linking-container .account-linking .nintendo .account-logo {
  background-color: #e60011;
  background-position: center -194.5px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .nintendo .account-logo {
    background-position: center -115px;
  }
}
#account-profile .account-linking-container .account-linking .psn .account-logo {
  background-color: #1587e0;
  background-position: center 0;
}
#account-profile .account-linking-container .account-linking .xbl .account-logo {
  background-color: #0f7b10;
  background-position: center -62.5px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .xbl .account-logo {
    background-position: center -37px;
  }
}
#account-profile .account-linking-container .account-linking .steam .account-logo {
  background-color: #000;
  background-position: center -125px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .steam .account-logo {
    background-position: center -74px;
  }
}
#account-profile .account-linking-container .account-linking .battle .account-logo {
  background-color: #002650;
  background-position: center -253px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .battle .account-logo {
    background-position: center -151px;
  }
}
#account-profile .account-linking-container .account-linking .ubi .account-logo {
  background-color: #000;
  background-position: center -312.5px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .ubi .account-logo {
    background-position: center -185px;
  }
}
#account-profile .account-linking-container .account-linking .epic .platform-preference-container {
  display: none;
}
#account-profile .account-linking-container .account-linking .epic .account-logo {
  background-image: url("../images/epic-account-linking-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #555;
  background-size: 38%;
}
#account-profile .account-linking-container .account-linking .account-searchable-container {
  padding: 5px 10px;
  background-color: #ffffff;
}
#account-profile .account-linking-container .account-linking .account-searchable-container label {
  margin: 0;
  color: black;
  font-size: 14px;
  padding: 0 0 0 20px;
  font-family: "open sans", Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
}
#account-profile .account-linking-container .account-linking .platform-preference-container {
  margin-top: 10px;
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item {
  position: relative;
  height: 40px;
  float: left;
}
@media screen and (max-width: 600px) {
  #account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item {
    height: auto;
  }
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item label {
  float: none;
  display: inline-flex;
  width: 160px;
  font-family: "open sans", Arial, sans-serif;
  color: #777;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container {
  float: none;
  display: inline-flex;
  position: relative;
  width: 300px;
  text-align: left;
}
@media screen and (max-width: 600px) {
  #account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container {
    width: 260px;
    margin: 0 0 10px 15px;
  }
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container select {
  border: 1px solid red;
  width: 100%;
  padding: 0 3px;
  z-index: 1;
  height: 30px !important;
  cursor: pointer;
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container select:focus + .customStyleSelectBox {
  outline: auto;
}
@media screen and (max-width: 360px) {
  #account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container select {
    width: 100%;
    margin: 0;
  }
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container select option {
  text-transform: capitalize;
  font-size: 12px;
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container select option[selected="selected"] {
  background-color: #1e60ff;
  color: #ffffff;
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox {
  position: relative;
  background-color: #fff;
  width: 96%;
  padding: 0 3% 0 2%;
  height: 30px !important;
  font-size: 13px;
  line-height: 30px;
  text-align: left;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  max-width: 100%;
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox:after {
  content: "\25BC";
  position: absolute;
  color: #c4c4c4;
  top: 0;
  right: 10px;
}
@media screen and (max-width: 360px) {
  #account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox {
    width: 100%;
    max-width: 100%;
  }
}
#account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox .customStyleSelectBoxInner {
  text-transform: capitalize;
}
@media screen and (max-width: 360px) {
  #account-profile .account-linking-container .account-linking .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox .customStyleSelectBoxInner {
    width: 100% !important;
  }
}
#account-profile .account-linking-container .account-linking .youtube .account-logo {
  background-color: #da2723;
  background-position: center -62.5px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .youtube .account-logo {
    background-position: center -41px;
  }
}
#account-profile .account-linking-container .account-linking .twitter .account-logo {
  background-color: #42bcec;
  background-position: center -125px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .twitter .account-logo {
    background-position: center -82px;
  }
}
#account-profile .account-linking-container .account-linking .twitch .account-logo {
  background-color: #6441a4;
  background-position: center -187.5px;
}
@media only screen and (max-width: 1000px) {
  #account-profile .account-linking-container .account-linking .twitch .account-logo {
    background-position: center -123px;
  }
}
#account-profile .account-linking-container .account-linking .facebook .account-logo {
  background-color: #3b579d;
  background-position: center 0;
}
/** Account Completion **/
/* _common-profile-completion.less */
.profile-completion-content {
  position: relative;
  display: block;
}
@media screen and (min-width: 1024px) {
  .profile-completion-content {
    display: block;
    position: absolute;
    top: 60px;
    right: 6%;
  }
}
.profile-completion-content p {
  margin: 0;
  float: left;
}
.profile-completion-content .completion-list-container {
  display: block;
  float: none;
  margin-right: 2rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  border-right: 2px solid #f07113;
}
@media screen and (min-width: 1024px) {
  .profile-completion-content .completion-list-container {
    display: none;
    float: left;
    margin-right: 2rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    border-right: 2px solid #f07113;
  }
}
.profile-completion-content .completion-list-container ul {
  display: inline-block;
  float: left;
  width: 100%;
  margin: 0 0 15px;
  background-color: rgba(0, 0, 0, 0.05);
}
.profile-completion-content .completion-list-container ul li {
  list-style-position: inside;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 11px;
  margin: 10px;
}
.profile-completion-content .completion-list-container ul li .completion-item-value {
  float: right;
  padding-left: 2rem;
}
.profile-completion-content .completion-list-container ul li.email-validated {
  border-left: 2px solid #9b9b9b;
  padding-left: 0.5rem;
}
.profile-completion-content .completion-list-container ul li.gaming-account-linked {
  border-left: 2px solid #9b9b9b;
  padding-left: 0.5rem;
}
.profile-completion-content .completion-list-container ul li.has-phone-number {
  border-left: 2px solid #9b9b9b;
  padding-left: 0.5rem;
}
.profile-completion-content .completion-list-container ul li.facebook-linked {
  border-left: 2px solid #3c589c;
  padding-left: 0.5rem;
}
.profile-completion-content .completion-list-container ul li.twitter-linked {
  border-left: 2px solid #43bcec;
  padding-left: 0.5rem;
}
.profile-completion-content .completion-list-container ul li.youtube-linked {
  border-left: 2px solid #da2823;
  padding-left: 0.5rem;
}
.profile-completion-content .completion-list-container ul li.twitch-linked {
  border-left: 2px solid #6442a4;
  padding-left: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .arrow_box {
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .arrow_box:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-color: rgba(159, 145, 42, 0);
    border-left-color: #f07113;
    border-width: 10px;
    margin-top: -16px;
    position: absolute;
    pointer-events: none;
  }
}
/** Account Completion Progress Radial **/
.account-completion-container {
  width: 100px;
  height: 100px;
  margin: 0 auto 3rem;
  position: relative;
  float: none;
  padding: 0 !important;
  background-color: transparent !important;
  display: block !important;
}
@media screen and (min-width: 1024px) {
  .account-completion-container {
    width: 100px;
    height: 100px;
    position: relative;
    top: 0;
    float: right;
  }
}
.account-completion-container .percentage {
  color: #666666;
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  height: 80px;
  width: 80px;
  text-align: center;
  line-height: 80px;
  border-radius: 50px;
  z-index: 1;
  background-color: #ffffff;
}
.account-completion-container .circle,
.account-completion-container .fill,
.account-completion-container .mask {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
}
.account-completion-container .circle {
  background-color: #f0f0f0;
}
.account-completion-container .circle .mask {
  clip: rect(0px, 100px, 100px, 50px);
}
.account-completion-container .circle .mask .fill {
  clip: rect(0px, 50px, 100px, 0);
  background-color: #f07113;
}
.account-completion-container .account-completion-text {
  position: absolute;
  top: 110px;
  color: #666666;
  font-size: 12px;
  text-align: center;
  margin: auto;
  width: 140px;
  left: -20px;
}
/** Account Profile Info **/
/* _common-profile-account-info.less */
.SSO-PAGE#account-profile #account-profile-section .content-box {
  background: none;
  padding: 0;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .sec-head h3 {
  background-color: #313131;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.09px;
  text-transform: none;
  color: #fff;
  padding: 18px 30px 18px 70px;
  margin: 0;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .sec-head h3:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../images/basic-info-icon.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .sec-body {
  background-color: #1a1a1a;
  padding: 18px 30px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo {
  margin: 10px 0 20px 0;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo:after {
  overflow: hidden;
  content: "";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
@media only screen and (max-width: 1000px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo {
    min-height: 45px;
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo.securityQuestion {
  display: none;
}
@media only screen and (max-width: 768px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo.selected h5 {
    max-width: calc(100% - 180px);
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo h5 {
  display: block;
  float: left;
  color: #fff;
  width: 160px;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 1px 0 0;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo h5 {
    float: none;
    max-width: calc(100% - 175px);
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoDisplay {
  position: relative;
  height: auto;
  width: 270px;
  max-width: 50%;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px;
  margin: 0;
}
@media only screen and (max-width: 1000px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoDisplay {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 500px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoDisplay {
    max-width: calc(100% - 100px);
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .editLink {
  position: absolute;
  top: -10px;
  right: 0;
  background-color: #1a1a1a;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  padding: 12px 60px 12px 30px;
  transition: background-color 0.4s, border-color 0.4s;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .editLink:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../images/basic-info-icon-edit.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 650px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .editLink:after {
    display: none;
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .editLink:hover {
  background-color: #1e9ffd;
  border-color: #1e9ffd;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .editLink.selected {
  right: 0 !important;
  padding: 12px 20px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .editLink.selected:after {
  display: none;
}
@media only screen and (max-width: 650px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .editLink {
    top: 0;
    padding: 12px 30px;
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo > form {
  margin-top: 20px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms {
  border: none;
  padding: 10px 0;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .username-count-cont {
  color: red;
  padding-left: 15px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .info-disclaimer {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  text-transform: none;
  padding: 10px 10px 10px 15px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .data-row#newPassword-data-row .input-container:before,
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .data-row#userName-data-row .input-container:before {
  content: "?";
  position: absolute;
  right: 25px;
  top: 6px;
  width: 20px;
  height: 20px;
  border: 1px solid #c4c4c4;
  color: #464646;
  z-index: 10;
  font-size: 16px;
  line-height: 19px;
  pointer-events: none;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms label {
  font-size: 14px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .input-container input {
  background-color: white;
  border: 2px solid #c4c4c4;
  color: black;
  padding: 5px 0px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .input-container,
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .input-container input {
  width: 90%;
  position: relative;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .input-container#phone-number-display,
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .input-container input#phone-number-display {
  width: 100%;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms div.data-row.validationError .message {
  width: auto;
  font-weight: normal;
  text-align: left;
  padding-left: 35px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms div.data-row.validationError .message:before {
  left: 15px;
  top: 10px;
  transform: none;
}
@media only screen and (max-width: 1000px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms div.data-row.validationError .message {
    margin: 0;
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms #phoneNumber-data-row {
  overflow: visible;
  min-height: 35px;
}
@media only screen and (max-width: 560px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms #phoneNumber-data-row {
    min-height: 72px;
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .intl-tel-input {
  width: 100%;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms #sms-data-row p.terms {
  width: 85%;
  padding-left: 15px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms #sms-data-row .terms {
  display: none;
  float: none;
  width: 80%;
  font-family: "open sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  margin-top: 1.5rem;
  color: #ccc;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms #sms-data-row .terms.active-terms {
  display: block;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms button,
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .authentication-trigger {
  background-color: #1e9ffd;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  border: 1px solid #1e9ffd;
  border-radius: 8px !important;
  padding: 12px 20px;
  position: absolute;
  top: -10px;
  right: 60px;
  transform: unset;
  transition: background-color 0.4s, border-color 0.4s;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms button:hover:not(.disabled),
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .authentication-trigger:hover:not(.disabled) {
  background-color: transparent;
  border-color: #fff;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms button.disabled,
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .authentication-trigger.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
@media only screen and (max-width: 650px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms button,
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo .personalInfoForms .authentication-trigger {
    top: 0;
  }
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo.mailingAddress .personalInfoDisplay > span {
  float: left;
  margin-right: 5px;
}
@media only screen and (max-width: 420px) {
  .SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo.mailingAddress .personalInfoDisplay > span {
    float: none;
  }
}
.SSO-PAGE#account-profile #account-profile-section .community-fragment-content .community-link {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 200px;
  margin: 30px 0 0;
  font-size: 14px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.SSO-PAGE#account-profile #account-profile-section .community-fragment-content .community-link:hover {
  background-color: #ffffff;
  color: #000000;
}
@media only screen and (max-width: 1000px) {
  .SSO-PAGE#account-profile #account-profile-section .community-fragment-content .community-link {
    width: 100%;
    margin-bottom: 2rem;
  }
}
/** Account Preferences **/
#preference-form p {
  display: inline-block;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box {
  background: none;
  padding: 0;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box #preferences-header {
  color: black;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactTitle {
  font-size: 17px;
  margin: 0 0 15px;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactDescription {
  text-transform: none;
  font-size: 14px;
  margin: 0 0 35px;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail,
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile {
  width: 49%;
  display: inline-block;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail > h5,
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile > h5 {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail > p,
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile > p {
  font-size: 15px;
  text-transform: none;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail > a,
#account-profile.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile > a {
  color: black;
  font-weight: normal;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
  display: inline;
}
#account-profile.SSO-PAGE #account-preferences-section .content-box form p {
  margin: 15px 0 20px 0;
  text-transform: none;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-head h3 {
  background-color: #313131;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.09px;
  text-transform: uppercase;
  color: #fff;
  padding: 18px 30px;
  margin: 0;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p {
  position: relative;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.09px;
  text-transform: none;
  color: #fff;
  margin: 0;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p.stay-up,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p.log-in {
  background-color: #1a1a1a;
  padding: 30px 30px 30px 90px;
  margin: 0;
  min-height: 35px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p.stay-up:before {
  background-image: url("../images/thought-bubbles-icon.png");
  content: "";
  width: 44px;
  height: 44px;
  position: absolute;
  left: 30px;
  top: 28px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update {
  width: 90%;
  max-width: 250px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #1a1a1a;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  padding: 40px 50px 40px 85px;
  border-radius: 3px;
  z-index: 10;
  box-shadow: 0 0 2px #777;
}
@media only screen and (max-width: 520px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update {
    width: 60%;
    max-width: 200px;
    font-size: 12px;
    line-height: 16px;
    padding: 30px 30px 30px 65px;
  }
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update:before {
  content: "";
  background-image: url("../images/changes-saved-checkmark.png");
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 520px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update:before {
    left: 30px;
  }
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul {
  width: 100%;
  display: inline-block;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list {
  display: block;
  background-color: #1a1a1a;
  margin: auto;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand {
  width: 100%;
  min-height: 67px;
  height: auto;
  background-color: #222;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  margin-bottom: 10px;
  transition: all 0.4s;
  /** TODO: do what's needed for you know what **/
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.skylanders,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.herohq,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.transformers,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hero,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cabelas,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk {
  display: none;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand .brand-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  text-transform: none;
  line-height: 67px;
  text-indent: 90px;
  font-size: 16px;
  z-index: 10;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand:before {
  content: "";
  position: absolute;
  left: 25px;
  display: block;
  left: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 40px;
  height: 3px;
  background-color: #959595;
  border-radius: 3px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand:after {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 9px;
  background-color: #959595;
  transition: all 0.4s;
  content: '\2714';
  color: #959595;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.checked:before {
  background-color: #1e9ffd;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.checked:after {
  background-color: #1e9ffd;
  left: 53px;
  color: #ffffff;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod {
  background-image: url("../images/preferences-subs-disabled-cod.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod:hover {
  background-image: url("../images/preferences-subs-enabled-cod.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-mobile {
  background-image: url("../images/preferences-subs-disabled-codm.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-mobile.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-mobile:hover {
  background-image: url("../images/preferences-subs-enabled-codm.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cdl {
  background-image: url("../images/preferences-subs-disabled-cdl.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cdl.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cdl:hover {
  background-image: url("../images/preferences-subs-enabled-cdl.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.activision {
  background-image: url("../images/preferences-subs-disabled-activision.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.activision.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.activision:hover {
  background-image: url("../images/preferences-subs-enabled-activision.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.crash {
  background-image: url("../images/preferences-subs-disabled-crash.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.crash.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.crash:hover {
  background-image: url("../images/preferences-subs-enabled-crash.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.th,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk {
  background-image: url("../images/preferences-subs-disabled-th.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.th.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.th:hover,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk:hover {
  background-image: url("../images/preferences-subs-enabled-th.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.sekiro {
  background-color: #000;
  background-image: url("../images/preferences-subs-disabled-sekiro.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.sekiro.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.sekiro:hover {
  background-image: url("../images/preferences-subs-enabled-sekiro.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.player_support {
  background-image: url("../images/preferences-subs-disabled-support.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.player_support.checked,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.player_support:hover {
  background-image: url("../images/preferences-subs-enabled-support.png");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-heroes {
  background-image: url("../images/pref-heroes.jpg");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-heroes-betas {
  background-image: url("../images/pref-testing.jpg");
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container {
  margin-bottom: 10px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference {
  height: 67px;
  min-height: 67px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 520px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference {
    height: auto;
  }
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference:last-of-type {
  margin-bottom: 0px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container.checked .preference-link {
  background: url("../images/brand-checked-overlay.png") no-repeat top right;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-logo {
  float: left;
  display: inline-block;
  background-image: url("../images/preferences-subs-icons.png");
  background-size: auto;
  background-repeat: no-repeat;
  width: 50px;
  height: 100%;
  margin-left: 25px;
}
@media only screen and (max-width: 520px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-logo {
    display: none;
  }
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-text {
  margin-left: 100px;
  padding-top: 12px;
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-text {
    padding-top: 5px;
    margin-left: 90px;
  }
}
@media only screen and (max-width: 520px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-text {
    max-width: calc(100% - 150px);
    margin-left: 10px;
  }
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container {
  position: absolute;
  top: 12px;
  width: 90px;
  padding-bottom: 2px;
  cursor: pointer;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container.notUS,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container.notUS {
  display: none;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container.checked label:before,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container.checked label:before {
  opacity: 0;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container.checked label:after,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container.checked label:after {
  opacity: 1;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  text-transform: none;
  margin: 0;
  padding-left: 30px;
  cursor: pointer;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:before,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:before,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:after,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../images/preferences-subs-checkboxes.png");
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 0.4s;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:before,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:before {
  background-position: -52px -20px;
  opacity: 1;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:after,
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:after {
  background-position: -20px -20px;
  opacity: 0;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container {
  right: 8px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container {
  right: 130px;
}
@media only screen and (max-width: 750px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container {
    right: 30px;
    top: 46px;
  }
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container {
    top: 10px;
    right: 30px;
  }
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=news_and_community_updates] .preference-logo {
  background-position: -9px -1px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=in_game_events] .preference-logo {
  background-position: -114px -1px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=gameplay_help_and_tips] .preference-logo {
  background-position: -211px -1px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=esports] .preference-logo {
  background-position: -65px -1px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=sales_and_promotions] .preference-logo {
  background-position: -164px -1px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=my_support] .preference-logo {
  background-position: -9px -1px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=service_and_support] .preference-logo {
  background-position: -9px -1px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form ul input[type=checkbox] {
  display: none;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .remove-me {
  padding-top: 40px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .remove-me h5 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .remove-me .data-row {
  padding-bottom: 8px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .remove-me label {
  padding: 5px 0 0 10px;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form button {
  background-color: #1E9FFD;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 15px 40px;
  margin: 0;
  border: 1px solid #1E9FFD;
  border-radius: 3px;
  transition: all 0.4s;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form button:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text {
  max-width: calc(100% - 100px - 250px);
}
@media only screen and (max-width: 750px) {
  #account-profile.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text {
    max-width: calc(100% - 100px - 150px);
  }
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text .preference-title {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text .preference-description {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin: 0;
}
#account-profile.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text .preference-description a {
  color: #ffffff;
  text-decoration: underline;
}
#account-profile.SSO-PAGE #account-preferences-section .remove-me input {
  margin: 5px 0 0 5px;
}
#opt-out .comm-prefs #changeEmailLink {
  display: none;
}
/** Account Deletion **/
/** _common-account-deletion.less **/
.SSO-PAGE#account-profile .account-deletion-container {
  margin-top: 60px;
}
.SSO-PAGE#account-profile .account-deletion-container > p {
  font-size: 14px;
}
.SSO-PAGE#account-profile .account-deletion-container > h2 {
  font-size: 15px;
  line-height: 18px;
  text-transform: none;
}
.SSO-PAGE#account-profile .account-deletion-container a:not(.button) {
  text-decoration: underline;
}
.SSO-PAGE#account-profile .account-deletion-container .account-deletion-link {
  background-color: white;
  color: black;
  padding: 10px 0px;
  width: 300px;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
  border: 1px solid black;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 60px;
}
.SSO-PAGE#account-profile .account-deletion-container .account-deletion-link:hover {
  background-color: #000000;
  color: white;
}
@media screen and (max-width: 480px) {
  .SSO-PAGE#account-profile .account-deletion-container .account-deletion-link {
    width: 100%;
  }
}
.SSO-PAGE#account-profile .account-deletion-container .account-deletion-modal {
  display: none;
}
.account-deletion.account-modal .account-deletion-buttons-container {
  position: absolute;
  bottom: 0;
  width: 90%;
  height: auto;
}
.account-deletion.account-modal .account-deletion-buttons-container .button-container {
  position: relative;
  max-width: 45%;
}
.account-deletion.account-modal .account-deletion-buttons-container .delete-account {
  float: left;
}
.account-deletion.account-modal .account-deletion-buttons-container .keep-account {
  float: right;
}
/** Privacy & Security **/
/* _common-2fa.less */
/* ===================================================================
---------------------  ANNOUNCEMENT PAGE  ----------------------------
---------------------  (/announcement2FA)  ---------------------------
====================================================================== */
#announcement2fa-page .tfa-announcement {
  margin: 120px auto 50px;
  padding: 0 20px;
  text-align: center;
}
#announcement2fa-page .tfa-announcement .security-logo {
  background-image: url("../images/security-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 51px;
  margin: 0 auto 25px;
}
#announcement2fa-page .tfa-announcement h1 {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 25px;
}
#announcement2fa-page .tfa-announcement p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 10px;
}
#announcement2fa-page .tfa-announcement p a {
  color: #1E9FFD;
  text-transform: underline;
}
#announcement2fa-page .tfa-announcement p a:hover {
  color: #fff;
  text-transform: none;
}
#announcement2fa-page .tfa-announcement .setup-tfa {
  display: inline-block;
  padding: 10px 20px;
  margin: 30px auto 30px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 540px) {
  #announcement2fa-page .tfa-announcement .setup-tfa {
    width: 100%;
    min-width: unset;
    box-sizing: border-box;
  }
}
#announcement2fa-page .tfa-announcement .setup-tfa:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
/* ===================================================================
---------------  ENTER CODE PAGE (after login)  ----------------------
-------------------------  (/login2FA)  ------------------------------
====================================================================== */
#login2fa-page body,
#thirdpartylogin2fa-page body {
  background-color: #000;
}
#login2fa-page .backup-form-container,
#thirdpartylogin2fa-page .backup-form-container {
  display: none;
}
#login2fa-page .tfa-form-container,
#thirdpartylogin2fa-page .tfa-form-container,
#login2fa-page .backup-form-container,
#thirdpartylogin2fa-page .backup-form-container {
  margin: 120px auto 50px;
  padding: 0 20px;
  text-align: center;
}
#login2fa-page .tfa-form-container .security-logo,
#thirdpartylogin2fa-page .tfa-form-container .security-logo,
#login2fa-page .backup-form-container .security-logo,
#thirdpartylogin2fa-page .backup-form-container .security-logo {
  background-image: url("../images/security-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 51px;
  margin: 0 auto 25px;
}
#login2fa-page .tfa-form-container h1,
#thirdpartylogin2fa-page .tfa-form-container h1,
#login2fa-page .backup-form-container h1,
#thirdpartylogin2fa-page .backup-form-container h1 {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
#login2fa-page .tfa-form-container p,
#thirdpartylogin2fa-page .tfa-form-container p,
#login2fa-page .backup-form-container p,
#thirdpartylogin2fa-page .backup-form-container p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  max-width: 320px;
  margin: 0 auto 10px;
}
#login2fa-page .tfa-form-container p a,
#thirdpartylogin2fa-page .tfa-form-container p a,
#login2fa-page .backup-form-container p a,
#thirdpartylogin2fa-page .backup-form-container p a {
  color: #1E9FFD;
  text-transform: underline;
}
#login2fa-page .tfa-form-container p a:hover,
#thirdpartylogin2fa-page .tfa-form-container p a:hover,
#login2fa-page .backup-form-container p a:hover,
#thirdpartylogin2fa-page .backup-form-container p a:hover {
  color: #fff;
  text-transform: none;
}
#login2fa-page .tfa-form-container form,
#thirdpartylogin2fa-page .tfa-form-container form,
#login2fa-page .backup-form-container form,
#thirdpartylogin2fa-page .backup-form-container form {
  margin: 30px auto;
}
#login2fa-page .tfa-form-container form #code,
#thirdpartylogin2fa-page .tfa-form-container form #code,
#login2fa-page .backup-form-container form #code,
#thirdpartylogin2fa-page .backup-form-container form #code {
  display: block;
  margin: 0 auto;
  padding: 8px;
}
#login2fa-page .tfa-form-container button,
#thirdpartylogin2fa-page .tfa-form-container button,
#login2fa-page .backup-form-container button,
#thirdpartylogin2fa-page .backup-form-container button {
  display: block;
  padding: 10px 20px;
  margin: 30px auto 30px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 540px) {
  #login2fa-page .tfa-form-container button,
  #thirdpartylogin2fa-page .tfa-form-container button,
  #login2fa-page .backup-form-container button,
  #thirdpartylogin2fa-page .backup-form-container button {
    width: 100%;
    min-width: unset;
  }
}
#login2fa-page .tfa-form-container button.disabled,
#thirdpartylogin2fa-page .tfa-form-container button.disabled,
#login2fa-page .backup-form-container button.disabled,
#thirdpartylogin2fa-page .backup-form-container button.disabled,
#login2fa-page .tfa-form-container button.disabled:hover,
#thirdpartylogin2fa-page .tfa-form-container button.disabled:hover,
#login2fa-page .backup-form-container button.disabled:hover,
#thirdpartylogin2fa-page .backup-form-container button.disabled:hover {
  opacity: 0.2;
  color: #81898c;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
}
#login2fa-page .tfa-form-container button:hover,
#thirdpartylogin2fa-page .tfa-form-container button:hover,
#login2fa-page .backup-form-container button:hover,
#thirdpartylogin2fa-page .backup-form-container button:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
#login2fa-page .feedback-control.message:before,
#thirdpartylogin2fa-page .feedback-control.message:before {
  top: 2px;
}
/* ===================================================================
------------------------  PROFILE PAGE  ------------------------------
-----  PRIVACY & SECURITY SETTTINGS: TWO FACTOR AUTHENTICAION  -------
====================================================================== */
.SSO-PAGE#account-profile .privacy-security-container {
  font-family: Montserrat, "open sans", Arial, sans-serif;
  margin-bottom: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container > div {
  margin-bottom: 50px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container h5 {
  padding: 20px 30px;
  background-color: #333;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content {
  padding: 30px;
  background-color: #1a1a1a;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content p.subtitle {
  margin-bottom: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content p.with-icon {
  position: relative;
  padding-left: 25px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content p.with-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  height: 18px;
  width: 22px;
  background-image: url("../images/phone-lock-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content button {
  background-color: #1E9FFD;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 15px 20px;
  border: 1px solid #1E9FFD;
  border-radius: 3px;
  transition: all 0.4s;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content button.enable-authenticator-button,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content button.disable-authenticator-button,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content button.reconfigure-authenticator-button {
  margin: 30px 10px 0 0;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content button.disable-authenticator-button {
  background-color: #333;
  border: 1px solid #333;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .two-factor-authentication-content button:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
/* ===================================================================
------------------------  PROFILE PAGE  ------------------------------
-----------------  ENABLE AUTHENTICATION APP (Modal)  ----------------
====================================================================== */
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container {
  position: relative;
  max-width: 730px;
  width: 90% !important;
  height: 80vh !important;
  max-height: 650px;
  padding: 0;
  background-color: #1a1a1a;
  border: 0;
}
@media screen and (max-width: 540px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container {
    height: 75vh !important;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container p,
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container div {
  margin-bottom: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: black;
  opacity: 0.5;
  color: white;
  border-radius: 20px;
  border: 6px solid black;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap {
  overflow: auto !important;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap::-webkit-scrollbar {
  width: 5px;
  border-radius: 5px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
  box-shadow: inset 0 0 5px #666;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap::-webkit-scrollbar-thumb {
  background: #666;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap::-webkit-scrollbar-thumb:hover {
  background: #333;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init {
  background-color: #1a1a1a;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container {
  padding-bottom: 20px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container h5 {
  background-color: #000;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  padding: 20px 50px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-countdown {
  background-color: rgba(37, 216, 122, 0.5);
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-countdown p {
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 5px;
  margin-top: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-countdown-expired {
  display: none;
  background-color: rgba(224, 32, 32, 0.5);
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-countdown-expired p {
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 5px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body {
  color: #fff;
  margin-top: 20px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .warning {
  display: none;
  color: #FF2323;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 0 25px;
  margin: 20px auto;
  max-width: 860px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .title {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 0 20px;
  margin: 20px auto;
  max-width: unset;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container {
  display: flex;
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container {
    flex-direction: column;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container[data-step="1"] .steps-footer-container {
  display: none;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key {
  width: 250px;
  text-align: center;
  padding-top: 35px;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key {
    display: none;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto 10px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .icon {
  width: 100%;
  height: 160px;
  margin: 15px auto 0;
  padding-bottom: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .icon #tfa-code {
  width: 130px;
  height: 130px;
  border: 10px solid #fff;
  border-radius: 5px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .manual-code-container {
  margin-top: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .manual-code-container .manual-code {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-decoration: underline;
  overflow-wrap: break-word;
  max-width: 150px;
  margin: 0 auto;
  text-align: center;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line {
  display: none;
  position: relative;
  width: auto;
  text-align: center;
  overflow: hidden;
  padding: 5px 0 25px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line:after {
  content: '';
  display: block;
  position: absolute;
  top: -36px;
  left: 20%;
  border-bottom: 1px dashed #fff;
  height: 100%;
  width: 60%;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line {
    display: flex;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line .step-indicator-num {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #000;
  color: #fff;
  font-family: Electrolize, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #fff;
  border-radius: 12px;
  margin: 3px auto 0;
  cursor: pointer;
  z-index: 2;
  transition: all 0.5s;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line .step-indicator-num.on {
  background-color: #fff;
  color: #000;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps {
  margin: 0;
  width: calc(100% - 250px);
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps {
    width: 100%;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-visuals {
  display: inline-block;
  width: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-visuals {
    display: none;
    width: 0;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-visuals p {
  max-width: 120px;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto 10px;
  padding: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track {
  position: relative;
  display: inline-block;
  width: 40px;
  text-align: center;
  overflow: hidden;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track:before {
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  left: 20px;
  border-left: 1px dashed #fff;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track {
    display: none;
    width: 0;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track .step-num {
  width: 20px;
  height: 20px;
  background-color: #000;
  font-family: Electrolize, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #fff;
  border-radius: 12px;
  margin: 3px auto 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-body {
  display: inline-block;
  width: 80%;
  padding-bottom: 20px;
  padding-right: 30px;
}
@media screen and (max-width: 550px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-body {
    padding-right: 20px;
  }
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-body {
    width: 100%;
    padding: 0 30px;
  }
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1.mobile-on {
    display: flex;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1.mobile-off {
    display: none;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-visuals .icon {
  /* background-image: url("https://www.callofduty.com/content/dam/atvi/callofduty/sso/common/google-authenticator-logo.png"); */
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button {
  display: none;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button {
    display: block;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button a {
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 125px;
  height: 45px;
  margin: 10px auto;
  color: transparent;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button a.app-store-google {
  background-image: url('../images/google-en.png');
  margin-top: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button a.app-store-apple {
  background-image: url('../images/apple-en.png');
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .download-note {
  display: none;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .download-note {
    display: block;
    margin-top: 35px;
  }
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 {
    display: none;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2.mobile-on {
    display: flex;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2.mobile-off {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .step-title {
    display: none;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .step-title.mobile {
  display: none;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .step-title.mobile {
    display: block;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container {
  display: none;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container {
    display: block;
    margin-bottom: 35px;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin: 0 auto 10px;
  padding: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container .manual-code {
  max-width: 200px;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3 {
    display: none;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3.mobile-on {
    display: flex;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3.mobile-off {
    display: none;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3 .step-visuals .icon {
  display: none;
  background-image: url("../images/phone-lock-icon-40px.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3 .step-track:before {
  display: none;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-title {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  margin: 5px 0 10px;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-title {
    text-align: center;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle {
  display: block;
  position: relative;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  margin: 15px 0 10px;
  padding: 0;
  width: 100%;
  background: unset;
  text-transform: unset;
  text-align: left;
  border: none;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle {
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding-bottom: 10px;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle:after {
  content: "\25BC";
  position: absolute;
  color: #fff;
  font-size: 13px;
  top: 0;
  right: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle.expanded {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle.expanded:after {
  transform: rotate(180deg);
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container {
  display: none;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container .step-desc {
    display: none;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container .step-desc.mobile {
  display: none;
  text-align: left;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container .step-desc.mobile {
    display: block;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin: 0 auto 12px;
  padding: 0;
  max-width: unset;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc {
    text-align: center;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc:last-of-type {
  margin-bottom: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc.step-note {
  margin-top: 15px;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc.step-note {
    display: none;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .manual-code-container {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin-top: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .manual-code-container .manual-code {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-decoration: underline;
  overflow-wrap: break-word;
  max-width: 150px;
  margin: 0 auto;
  text-align: center;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container {
  float: none;
  text-align: left;
  margin: 10px auto 0;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container {
    max-width: 185px;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container #code-error {
  margin-top: 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container .field-name {
  display: block;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  padding: 0;
  margin: 0 0 5px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container input[type="password"],
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container input[type="number"] {
  display: inline;
  width: 90%;
  max-width: 175px;
  padding: 5px;
  border: 0;
  border-radius: 2px;
  color: #000;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-footer-container {
  display: none;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-footer-container {
    display: block;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-footer-container .step-footer-copy {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin: 15px auto 12px;
  padding: 15px 30px 0;
  max-width: unset;
  text-align: center;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots {
  display: none;
  position: relative;
  width: 100px;
  text-align: center;
  overflow: hidden;
  padding: 15px 0 0;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots .step-indicator-num {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #444;
  color: transparent;
  font-family: Electrolize, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  overflow: hidden;
  margin: 10px;
  cursor: pointer;
  transition: all 0.5s;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots .step-indicator-num.on {
  background-color: #1e9ffd;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button {
  display: none;
  padding: 10px 20px;
  margin: 20px auto 10px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  background-repeat: repeat;
  border: 1px solid #81898c;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button {
    display: block;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button.mobile-on {
    display: block;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button.mobile-off {
    display: none;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button {
  display: block;
  padding: 10px 20px;
  margin: 20px auto 10px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  background-repeat: repeat;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
@media screen and (max-width: 500px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button {
    display: none;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button.mobile-on {
    display: block;
  }
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button.mobile-off {
    display: none;
  }
}
/* ===================================================================
------------------------  PROFILE PAGE  ------------------------------
----------  ENABLE AUTHENTICATION APP - SUCCESS (Modal)  -------------
====================================================================== */
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success {
  background-color: #1a1a1a;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container {
  padding-bottom: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container h5 {
  background-color: #000;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  padding: 20px 50px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body {
  max-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin: 20px auto;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body p.title {
  position: relative;
  text-align: center;
  padding-top: 30px;
  margin-top: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body p.title:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/check-circle-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes,
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes {
  display: none;
  position: relative;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 23px;
  color: #fff;
  text-transform: uppercase;
  padding-right: 18px;
  cursor: pointer;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes:after,
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes:after {
  content: '\2023';
  display: block;
  position: absolute;
  color: #fff;
  font-size: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes.visible,
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes.visible {
  display: inline;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes:after {
  top: -3px;
  right: 0;
  transform: rotate(90deg);
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes:after {
  top: -3px;
  right: 2px;
  transform: rotate(-90deg);
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes {
  display: none;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .backup-code-list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .backup-code-list .code {
  display: inline;
  width: 30%;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .note {
  border-top: 1px solid #fff;
  padding-top: 5px;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .note p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 16px;
  margin: 5px 0 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .close-2fa-modal {
  display: block;
  padding: 10px 20px;
  margin: 20px auto 10px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 540px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .close-2fa-modal {
    width: 90%;
    min-width: unset;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-success .tfa-success-container .close-2fa-modal:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
/* ===================================================================
------------------------  PROFILE PAGE  ------------------------------
---------------  DISABLE AUTHENTICATION APP (Modal)  -----------------
====================================================================== */
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable {
  background-color: #1a1a1a;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container {
  padding-bottom: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container h5 {
  background-color: #000;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  padding: 20px 50px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body {
  max-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin: 20px auto;
  text-align: center;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body p.title {
  position: relative;
  text-align: center;
  padding-top: 30px;
  margin-top: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body p.title:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/alert-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 21px;
  margin: 0 auto;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .input-container {
  float: none;
  text-align: center;
  margin-top: 10px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .input-container .field-name {
  display: inline;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .input-container input[type="password"],
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .input-container input[type="number"] {
  display: inline;
  width: 50%;
  padding: 5px;
  margin-left: 3px;
  border: 0;
  border-radius: 2px;
  color: #000;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .input-container input[type="number"] {
  width: 58%;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 450px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container {
    justify-content: space-evenly;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button {
  display: inline;
  min-width: 150px;
  text-transform: uppercase;
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button {
    min-width: 130px;
  }
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button {
  background-color: #1E9FFD;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 11px;
  padding: 15px 20px;
  border: 1px solid #1E9FFD;
  border-radius: 3px;
  transition: all 0.4s;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button.enable-authenticator-button,
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button.disable-authenticator-button,
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button.reconfigure-authenticator-button {
  margin: 30px 10px 0 0;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.tfa-disable-button {
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  padding: 10px 20px;
  color: #81898c;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
}
.SSO-PAGE#account-profile .privacy-security-container #simplemodal-container .simplemodal-wrap .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.tfa-disable-button:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
/* ===================================================================
--------------------  init2FALanding PAGE  ---------------------------
------------------  ENABLE AUTHENTICATION APP   ----------------------
====================================================================== */
#init2falanding-page .tfa-init {
  background-color: #1a1a1a;
}
#init2falanding-page .tfa-init .tfa-init-container {
  padding-bottom: 20px;
}
#init2falanding-page .tfa-init .tfa-init-container h5 {
  background-color: #000;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  padding: 20px 50px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-countdown {
  background-color: rgba(37, 216, 122, 0.5);
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-countdown p {
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 5px;
  margin-top: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-countdown-expired {
  display: none;
  background-color: rgba(224, 32, 32, 0.5);
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-countdown-expired p {
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 5px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body {
  color: #fff;
  margin-top: 20px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .warning {
  display: none;
  color: #FF2323;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 0 25px;
  margin: 20px auto;
  max-width: 860px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .title {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 0 20px;
  margin: 20px auto;
  max-width: unset;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container {
  display: flex;
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container {
    flex-direction: column;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container[data-step="1"] .steps-footer-container {
  display: none;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key {
  width: 250px;
  text-align: center;
  padding-top: 35px;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key {
    display: none;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto 10px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .icon {
  width: 100%;
  height: 160px;
  margin: 15px auto 0;
  padding-bottom: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .icon #tfa-code {
  width: 130px;
  height: 130px;
  border: 10px solid #fff;
  border-radius: 5px;
  margin: 0 auto;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .manual-code-container {
  margin-top: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .qr-code-and-key .manual-code-container .manual-code {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-decoration: underline;
  overflow-wrap: break-word;
  max-width: 150px;
  margin: 0 auto;
  text-align: center;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line {
  display: none;
  position: relative;
  width: auto;
  text-align: center;
  overflow: hidden;
  padding: 5px 0 25px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line:after {
  content: '';
  display: block;
  position: absolute;
  top: -36px;
  left: 20%;
  border-bottom: 1px dashed #fff;
  height: 100%;
  width: 60%;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line {
    display: flex;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line .step-indicator-num {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #000;
  color: #fff;
  font-family: Electrolize, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #fff;
  border-radius: 12px;
  margin: 3px auto 0;
  cursor: pointer;
  z-index: 2;
  transition: all 0.5s;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-line .step-indicator-num.on {
  background-color: #fff;
  color: #000;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps {
  margin: 0;
  width: calc(100% - 250px);
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps {
    width: 100%;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-visuals {
  display: inline-block;
  width: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-visuals {
    display: none;
    width: 0;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-visuals p {
  max-width: 120px;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  margin: 0 auto 10px;
  padding: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track {
  position: relative;
  display: inline-block;
  width: 40px;
  text-align: center;
  overflow: hidden;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track:before {
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  left: 20px;
  border-left: 1px dashed #fff;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track {
    display: none;
    width: 0;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-track .step-num {
  width: 20px;
  height: 20px;
  background-color: #000;
  font-family: Electrolize, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #fff;
  border-radius: 12px;
  margin: 3px auto 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-body {
  display: inline-block;
  width: 80%;
  padding-bottom: 20px;
  padding-right: 30px;
}
@media screen and (max-width: 550px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-body {
    padding-right: 20px;
  }
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-body {
    width: 100%;
    padding: 0 30px;
  }
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1.mobile-on {
    display: flex;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1.mobile-off {
    display: none;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-visuals .icon {
  /* background-image: url("https://www.callofduty.com/content/dam/atvi/callofduty/sso/common/google-authenticator-logo.png"); */
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button {
  display: none;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button {
    display: block;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button a {
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 125px;
  height: 45px;
  margin: 10px auto;
  color: transparent;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button a.app-store-google {
  background-image: url('../images/google-en.png');
  margin-top: 30px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .app-store-button a.app-store-apple {
  background-image: url('../images/apple-en.png');
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .download-note {
  display: none;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-1 .step-body .download-note {
    display: block;
    margin-top: 35px;
  }
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 {
    display: none;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2.mobile-on {
    display: flex;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2.mobile-off {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .step-title {
    display: none;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .step-title.mobile {
  display: none;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .step-title.mobile {
    display: block;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container {
  display: none;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container {
    display: block;
    margin-bottom: 35px;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin: 0 auto 10px;
  padding: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-2 .step-body .manual-code-container .manual-code {
  max-width: 200px;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3 {
    display: none;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3.mobile-on {
    display: flex;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3.mobile-off {
    display: none;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3 .step-visuals .icon {
  display: none;
  background-image: url("../images/phone-lock-icon-40px.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li.step-3 .step-track:before {
  display: none;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-title {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  margin: 5px 0 10px;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-title {
    text-align: center;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle {
  display: block;
  position: relative;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 14px;
  margin: 15px 0 10px;
  padding: 0;
  width: 100%;
  background: unset;
  text-transform: unset;
  text-align: left;
  border: none;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle {
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding-bottom: 10px;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle:after {
  content: "\25BC";
  position: absolute;
  color: #fff;
  font-size: 13px;
  top: 0;
  right: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle.expanded {
    border-bottom: none;
    padding-bottom: 0;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container-toggle.expanded:after {
  transform: rotate(180deg);
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container {
  display: none;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container .step-desc {
    display: none;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container .step-desc.mobile {
  display: none;
  text-align: left;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc-container .step-desc.mobile {
    display: block;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin: 0 auto 12px;
  padding: 0;
  max-width: unset;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc {
    text-align: center;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc:last-of-type {
  margin-bottom: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc.step-note {
  margin-top: 15px;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .step-desc.step-note {
    display: none;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .manual-code-container {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin-top: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .manual-code-container .manual-code {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  text-decoration: underline;
  overflow-wrap: break-word;
  max-width: 150px;
  margin: 0 auto;
  text-align: center;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container {
  float: none;
  text-align: left;
  margin: 10px auto 0;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container {
    max-width: 185px;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container #code-error {
  margin-top: 0;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container .field-name {
  display: block;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  padding: 0;
  margin: 0 0 5px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container input[type="password"],
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container input[type="number"] {
  display: inline;
  width: 90%;
  max-width: 175px;
  padding: 5px;
  border: 0;
  border-radius: 2px;
  color: #000;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-footer-container {
  display: none;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-footer-container {
    display: block;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-footer-container .step-footer-copy {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin: 15px auto 12px;
  padding: 15px 30px 0;
  max-width: unset;
  text-align: center;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots {
  display: none;
  position: relative;
  width: 100px;
  text-align: center;
  overflow: hidden;
  padding: 15px 0 0;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots .step-indicator-num {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #444;
  color: transparent;
  font-family: Electrolize, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  overflow: hidden;
  margin: 10px;
  cursor: pointer;
  transition: all 0.5s;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container .steps-indicator-dots .step-indicator-num.on {
  background-color: #1e9ffd;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button {
  display: none;
  padding: 10px 20px;
  margin: 20px auto 10px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  background-repeat: repeat;
  border: 1px solid #81898c;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button {
    display: block;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button.mobile-on {
    display: block;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-next-button.mobile-off {
    display: none;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button {
  display: block;
  padding: 10px 20px;
  margin: 20px auto 10px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  background-repeat: repeat;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
@media screen and (max-width: 500px) {
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button {
    display: none;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button.mobile-on {
    display: block;
  }
  #init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .tfa-activate-button.mobile-off {
    display: none;
  }
}
#init2falanding-page .tfa-init {
  margin: 100px 50px 40px;
}
@media screen and (max-width: 540px) {
  #init2falanding-page .tfa-init {
    margin: 100px 20px 40px;
  }
}
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container input[type="password"],
#init2falanding-page .tfa-init .tfa-init-container .tfa-init-body .step-container ul.tfa-init-steps li .input-container input[type="number"] {
  width: 85%;
  max-width: 160px;
}
#init2falanding-page .feedback-control.message {
  max-width: unset;
  width: 80%;
}
#init2falanding-page .feedback-control.message:before {
  top: 2px;
}
/* ===================================================================
--------------------  init2FALanding PAGE  ---------------------------
-------------- ENABLE AUTHENTICATION APP - SUCCESS -------------------
====================================================================== */
#init2falanding-page .tfa-success {
  background-color: #1a1a1a;
}
#init2falanding-page .tfa-success .tfa-success-container {
  padding-bottom: 30px;
}
#init2falanding-page .tfa-success .tfa-success-container h5 {
  background-color: #000;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  padding: 20px 50px;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body {
  max-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin: 20px auto;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body p.title {
  position: relative;
  text-align: center;
  padding-top: 30px;
  margin-top: 30px;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body p.title:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/check-circle-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  margin: 0 auto;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes,
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes {
  display: none;
  position: relative;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 23px;
  color: #fff;
  text-transform: uppercase;
  padding-right: 18px;
  cursor: pointer;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes:after,
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes:after {
  content: '\2023';
  display: block;
  position: absolute;
  color: #fff;
  font-size: 30px;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes.visible,
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes.visible {
  display: inline;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .show-codes:after {
  top: -3px;
  right: 0;
  transform: rotate(90deg);
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .hide-codes:after {
  top: -3px;
  right: 2px;
  transform: rotate(-90deg);
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes {
  display: none;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .backup-code-list {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .backup-code-list .code {
  display: inline;
  width: 30%;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .note {
  border-top: 1px solid #fff;
  padding-top: 5px;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
#init2falanding-page .tfa-success .tfa-success-container .tfa-success-body .backup-codes-container .backup-codes .note p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 16px;
  margin: 5px 0 0;
}
#init2falanding-page .tfa-success .tfa-success-container .close-2fa-modal {
  display: block;
  padding: 10px 20px;
  margin: 20px auto 10px;
  min-width: 315px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #81898c;
  text-transform: none;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 540px) {
  #init2falanding-page .tfa-success .tfa-success-container .close-2fa-modal {
    width: 90%;
    min-width: unset;
  }
}
#init2falanding-page .tfa-success .tfa-success-container .close-2fa-modal:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
#init2falanding-page .tfa-success {
  display: none;
  margin: 100px 50px 40px;
}
@media screen and (max-width: 540px) {
  #init2falanding-page .tfa-success {
    margin: 100px 20px 40px;
  }
}
/* ===================================================================
--------------------  init2FALanding PAGE  ---------------------------
------------------ DISABLE AUTHENTICATION APP  -----------------------
====================================================================== */
#init2falanding-page .tfa-disable {
  background-color: #1a1a1a;
}
#init2falanding-page .tfa-disable .tfa-disable-container {
  padding-bottom: 30px;
}
#init2falanding-page .tfa-disable .tfa-disable-container h5 {
  background-color: #000;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  padding: 20px 50px;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body {
  max-width: 320px;
  margin: 0 auto;
  padding: 0 20px;
  color: #fff;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin: 20px auto;
  text-align: center;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body p.title {
  position: relative;
  text-align: center;
  padding-top: 30px;
  margin-top: 30px;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body p.title:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/alert-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 21px;
  margin: 0 auto;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .input-container {
  float: none;
  text-align: center;
  margin-top: 10px;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .input-container .field-name {
  display: inline;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .input-container input[type="password"],
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .input-container input[type="number"] {
  display: inline;
  width: 50%;
  padding: 5px;
  margin-left: 3px;
  border: 0;
  border-radius: 2px;
  color: #000;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .input-container input[type="number"] {
  width: 58%;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 450px) {
  #init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container {
    justify-content: space-evenly;
  }
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button {
  display: inline;
  min-width: 150px;
  text-transform: uppercase;
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  #init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button {
    min-width: 130px;
  }
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button {
  background-color: #1E9FFD;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 11px;
  padding: 15px 20px;
  border: 1px solid #1E9FFD;
  border-radius: 3px;
  transition: all 0.4s;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button.enable-authenticator-button,
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button.disable-authenticator-button,
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button.reconfigure-authenticator-button {
  margin: 30px 10px 0 0;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.cancel-button:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.tfa-disable-button {
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  padding: 10px 20px;
  color: #81898c;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
}
#init2falanding-page .tfa-disable .tfa-disable-container .tfa-disable-body .button-container button.tfa-disable-button:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
  opacity: 1;
}
#init2falanding-page .tfa-disable {
  display: none;
  margin: 100px 50px 40px;
}
@media screen and (max-width: 540px) {
  #init2falanding-page .tfa-disable {
    margin: 100px 20px 40px;
  }
}
/* =============================================
------------- start: TFA COMMON ----------------
================================================ */
.tfa-field-error {
  border: 2px solid red;
}
.feedback-control.message {
  display: none;
  position: relative;
  color: #FF2323 !important;
  font-family: Montserrat, "open sans", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 18px;
  margin: 10px auto;
  padding-left: 25px;
  max-width: 320px;
}
.feedback-control.message.active {
  display: inline-block;
}
.feedback-control.message:before {
  content: 'x';
  position: absolute;
  display: inline-block;
  color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  font-size: 9px;
  line-height: 14px;
  background-color: #ff2323;
  text-align: center;
  left: 0px;
  top: 10px;
}
/* ============================================
------------- end: TFA COMMON -----------------
=============================================== */
/* ===========================================================================
------------- start: MIXINS: ENABLE/DISABLE AUTHENTICATION APP ---------------
============================================================================== */
/* ===========================================================================
---------------- end: MIXINS: ENABLE/DISABLE AUTHENTICATION APP --------------
============================================================================== */
/* _common-profile-privacy-security.less */
/* ===================================================================
------------------------  PROFILE PAGE  ------------------------------
----------------  PRIVACY & SECURITY SETTTING ------------------------
====================================================================== */
.SSO-PAGE#account-profile .privacy-security-container {
  font-family: Montserrat, "open sans", Arial, sans-serif;
  margin-bottom: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container > div {
  margin-bottom: 50px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container h5 {
  padding: 20px 30px;
  background-color: #333;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .change-my-password-content,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .ccpa-opt-out-content {
  padding: 30px;
  background-color: #1a1a1a;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .change-my-password-content p,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content p,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .ccpa-opt-out-content p {
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .change-my-password-content p a,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content p a,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .ccpa-opt-out-content p a {
  color: #1E9FFD;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .change-my-password-content button,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content button,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .ccpa-opt-out-content button {
  background-color: #1E9FFD;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 15px 20px;
  border: 1px solid #1E9FFD;
  border-radius: 3px;
  transition: all 0.4s;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .change-my-password-content button:hover,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content button:hover,
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .ccpa-opt-out-content button:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .change-my-password-content p {
  letter-spacing: 3px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .change-my-password-content button {
  margin: 30px 10px 0 0;
  min-width: 270px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container {
  margin-top: 30px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu legend {
  position: absolute;
  text-indent: 200%;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item {
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item {
    height: auto;
  }
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item label {
  float: none;
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  width: 175px;
  padding-right: 50px;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  letter-spacing: 0;
  text-align: right;
}
@media screen and (max-width: 600px) {
  .SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item label {
    justify-content: flex-start;
    width: auto;
    text-align: left;
  }
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item label .help-icon {
  content: "?";
  position: absolute;
  right: 13px;
  top: -2px;
  width: 20px;
  height: 20px;
  padding: 0;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 12px;
  color: #fff;
  z-index: 10;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  cursor: help;
}
@media screen and (max-width: 600px) {
  .SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item label .help-icon {
    position: relative;
    right: 0;
    margin-left: 12px;
  }
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .tooltip {
  display: none;
  position: absolute;
  top: 0px;
  left: 225px;
  width: 260px;
  color: #555;
  font-size: 11px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 20px;
  z-index: 11;
}
@media screen and (max-width: 600px) {
  .SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .tooltip {
    top: 30px;
    left: 0;
    max-width: 80vw;
  }
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .tooltip:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
}
@media screen and (max-width: 600px) {
  .SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .tooltip:after {
    top: -10px;
    left: 5px;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
  }
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container {
  float: none;
  display: inline-flex;
  position: relative;
  width: 260px;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container {
    display: block;
    width: 260px;
    margin: 0 0 10px 15px;
  }
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container select {
  border: 1px solid red;
  width: 99%;
  padding: 0 3px;
  z-index: 1;
  height: 30px !important;
  cursor: pointer;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container select:focus + .customStyleSelectBox {
  outline: auto;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container select#uno-data_visible {
  height: 55px !important;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container select option {
  text-transform: capitalize;
  font-size: 12px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container select option[selected="selected"] {
  background-color: #1e60ff;
  color: #ffffff;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox {
  position: relative;
  background-color: #454545;
  border: 1px solid #454545;
  border-radius: 4px;
  width: 96%;
  padding: 0 2%;
  min-height: 30px;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 30px;
  text-transform: uppercase;
  text-align: center;
  text-indent: -10px;
  max-width: 100%;
  overflow: hidden;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox:after {
  content: "\25BC";
  position: absolute;
  color: #fff;
  top: 0;
  right: 10px;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .data-privacy-settings-content .platform-preference-container .preference-menu .preference-item .input-container .customStyleSelectBox .customStyleSelectBoxInner {
  width: 90% !important;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .ccpa-opt-out-content p a.ccpa-opt-out-link {
  position: relative;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.SSO-PAGE#account-profile .privacy-security-container .privacy-security-settings-container .ccpa-opt-out-content p a.ccpa-opt-out-link:after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../images/external-link-icon-18x18.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.SSO-PAGE#account-profile .phoneNumber #phone-number {
  display: none;
}
.SSO-PAGE#account-profile menu#accounts-subnav {
  padding: 0;
  margin: 0;
  position: relative;
  float: right;
}
.SSO-PAGE#account-profile menu#accounts-subnav li {
  float: left;
  display: block;
  font-weight: 200;
  padding: 69px 0 5px 0;
  font-size: 21px;
  list-style-type: none;
  background-image: none;
}
.SSO-PAGE#account-profile menu#accounts-subnav li a,
.SSO-PAGE#account-profile menu#accounts-subnav li a:active,
.SSO-PAGE#account-profile menu#accounts-subnav li a:hover,
.SSO-PAGE#account-profile menu#accounts-subnav li a:visited {
  background: #0a0a0a;
  border: 1px solid #2a2a2a;
  margin-left: 19px;
  padding: 15px;
  padding-right: 13px;
}
.SSO-PAGE#account-profile menu#accounts-subnav li#beachhead {
  margin: 0;
  padding: 0;
  background-image: none;
  border-width: 0;
  border-top: none;
  position: absolute;
  right: 0;
  top: 0;
}
.SSO-PAGE#account-profile menu#accounts-subnav li#beachhead a {
  display: block;
  text-indent: 0;
  color: #000000;
  font-size: 11px;
  padding: 8px 14px 8px 8px;
}
.SSO-PAGE#account-profile menu#accounts-subnav li#beachhead a:hover {
  border: none;
}
.SSO-PAGE#account-profile article > aside {
  width: 378px;
  margin: 0 10px 0 0;
  float: left;
  position: relative;
}
.SSO-PAGE#account-profile article section {
  background-image: none;
}
.SSO-PAGE#account-profile article section header {
  font-size: 24px;
  color: #FFFFFF;
}
.SSO-PAGE#account-profile #player-icon-name #first-name,
.SSO-PAGE#account-profile #player-icon-name #last-name {
  font-size: 38px;
  font-weight: 500;
  display: block;
  word-wrap: break-word;
}
/* Language exceptions */
body.locale-fr .SSO-PAGE#account-profile menu#accounts-subnav li {
  font-size: 21px;
  text-transform: uppercase;
}
.SSO-PAGE#account-profile menu#accounts-subnav li a:hover,
.SSO-PAGE.profile menu#accounts-subnav li#profile a,
.SSO-PAGE.identities menu#accounts-subnav li#identities a {
  color: #d7e57a;
  border-bottom: 2px solid #d7e57a;
}
.SSO-PAGE .promo-elite-signup,
.SSO-PAGE .promo-mw3-preorder {
  margin-top: 5px;
  width: 378px;
  height: 223px;
}
.SSO-PAGE .promo-elite-signup a,
.SSO-PAGE .promo-mw3-preorder a {
  display: block;
  text-indent: -9999px;
}
.SSO-PAGE .promo-elite-signup h4,
.SSO-PAGE .promo-mw3-preorder h4 {
  padding-bottom: 0px;
  left: 0px;
  width: 355px;
  text-align: center;
}
.SSO-PAGE .promo-elite-signup h5,
.SSO-PAGE .promo-mw3-preorder h5 {
  font-size: 10px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #A6ACB5;
  text-align: center;
  width: 250px;
  margin-top: -15px;
}
.SSO-PAGE .promo-elite-signup .sidebar-orange-text,
.SSO-PAGE .promo-mw3-preorder .sidebar-orange-text {
  font-weight: bold;
  font-size: 16px;
  margin-top: -38px;
  position: relative;
  float: right;
  width: 100px;
  text-align: right;
  padding-right: 12px;
}
.SSO-PAGE .promo-mw3-preorder {
  height: 224px;
}
.SSO-PAGE .promo-mw3-preorder .preorderTitle {
  float: left;
  width: auto;
  white-space: nowrap;
}
.SSO-PAGE .promo-elite-signup .sidebar-orange-text {
  margin-top: -15px;
}
.SSO-PAGE fieldset.profileInfo div.data-row label {
  text-align: left;
}
.SSO-PAGE fieldset.profileInfo input[type="checkbox"] {
  width: 10px;
}
.SSO-PAGE fieldset.profileInfo input,
.SSO-PAGE fieldset.profileInfo select,
.SSO-PAGE fieldset.profileInfo select#country,
.SSO-PAGE fieldset.profileInfo select#questionId,
.SSO-PAGE fieldset.profileInfo select#questionId-required {
  width: 157px;
}
.SSO-PAGE #month-data-row select,
.SSO-PAGE #day-data-row select,
.SSO-PAGE #year-data-row select,
.SSO-PAGE #country-data-row select {
  -webkit-appearance: none;
  /* magic */
  height: 30px;
}
.SSO-PAGE .personalInfoForms #questionId-data-row .customStyleSelectBox,
.SSO-PAGE #region-data-row .customStyleSelectBox,
.SSO-PAGE #country-data-row .customStyleSelectBox {
  width: 160px;
  pointer-events: none;
}
.SSO-PAGE #questionId-data-row .customStyleSelectBoxInner,
.SSO-PAGE #region-data-row .customStyleSelectBoxInner,
.SSO-PAGE #country-data-row .customStyleSelectBoxInner {
  width: 100%;
}
.SSO-PAGE #country-data-row .customStyleSelectBoxInner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SSO-PAGE #login-info #country-data-row .customStyleSelectBox {
  width: auto;
  background-color: #fff;
  padding: 6px 4px 6px 3px;
}
#chooseOtherPlatformRequest {
  background-color: #111;
  border: 1px solid #2a2a2a;
  padding: 15px 0;
  width: 91.7%;
}
.SSO-PAGE #platform-data-row label {
  margin-top: 10px;
  margin-right: 20px;
  margin-left: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.SSO-PAGE #platform-data-row div span,
.SSO-PAGE #platform-data-row div select {
  width: 160px;
  height: 45px !important;
  display: inline-block;
}
.col1,
.col2 {
  width: 100%;
  margin-bottom: 10px;
}
.col2 {
  margin-right: 0;
}
.personalInfo {
  position: relative;
}
.profileInfo h5 {
  color: #c4c4c4;
}
.SSO-PAGE .editLink {
  position: absolute;
  right: 5px;
  top: 0px;
  font-size: 12px;
  cursor: pointer;
  display: block;
  height: auto;
  padding: 4px 26px;
  background: #c4c4c4;
  font-weight: bold;
}
.SSO-PAGE .editLink.selected {
  right: 4rem !important;
  z-index: 10;
}
.SSO-PAGE .editLink .selected {
  background-position: 0 -1069px;
}
.personalInfoDisplay {
  word-wrap: break-word;
  padding-right: 63px;
}
.personalInfoForms {
  display: none;
  border-right: 1px solid #545454;
  border-left: 1px solid #545454;
  border-bottom: 1px solid #545454;
  margin-bottom: 29px;
  padding: 12px 17px 17px;
}
.SSO-PAGE#account-profile #progress-box h5 {
  font-size: 10px;
  font-weight: bold;
}
.overlayed-text {
  position: absolute;
  left: 0px;
  width: 378px;
}
.SSO-PAGE#account-profile #progress-box h5 > em {
  font-size: 21px;
  font-weight: bold;
  display: block;
}
sup {
  font-size: x-small;
}
/* Account Identities */
.SSO-PAGE#account-profile fieldset#link-accounts div.box {
  width: 505px;
  background-position: -1169px 0;
}
.SSO-PAGE#account-profile fieldset#link-accounts div.box.unlink {
  background-position: -1169px -259px;
}
.SSO-PAGE#account-profile fieldset#link-accounts .unlink-default-account {
  background-position: -1169px -537px;
}
.SSO-PAGE#account-profile fieldset#link-accounts div.link:hover {
  background-position: -1169px -130px;
}
.SSO-PAGE fieldset#link-accounts div.box {
  height: 102px;
  margin-bottom: 20px;
  background: transparent url(../images/sprite-account-linking.png) 0 0 no-repeat;
}
.SSO-PAGE fieldset#link-accounts div.unlink:hover .unlink-default-account {
  display: block;
}
.SSO-PAGE fieldset#link-accounts .unlink-default-account {
  width: 505px;
  height: 102px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/sprite-account-linking.png) 0 -537px no-repeat;
  display: none;
  text-align: center;
}
.SSO-PAGE fieldset#link-accounts .unlink-default-account a {
  margin: 40px 15px 0;
  float: none;
}
.SSO-PAGE fieldset#link-accounts div.link:hover {
  background-position: 0 -130px;
}
.SSO-PAGE fieldset#link-accounts div.link,
.SSO-PAGE fieldset#link-accounts div.unlink {
  cursor: pointer;
  position: relative;
}
.SSO-PAGE fieldset#link-accounts .default .unlink-default-account a.make-default-link {
  background: #3e3e3e !important;
  cursor: default;
}
.SSO-PAGE fieldset#link-accounts .avatar {
  float: left;
  margin: 25px 35px;
  width: 60px;
}
.SSO-PAGE fieldset#link-accounts ul {
  margin-top: 30px;
  font-size: 15px;
  font-weight: bold;
  left: 0px;
  position: relative;
}
.SSO-PAGE fieldset#link-accounts li.name {
  font-size: 13px;
  margin-bottom: 5px;
}
/* Preferences Tab */
.SSO-PAGE > article > section .comm-prefs fieldset p,
.SSO-PAGE > article > section .comm-prefs fieldset h5,
.SSO-PAGE > article > section .comm-prefs .notification-class-block {
  text-align: left;
}
.SSO-PAGE .comm-prefs input[type="checkbox"] {
  float: left;
}
#account-preferences-section div.comm-prefs {
  padding-bottom: 25px;
}
#account-preferences-section div.comm-prefs legend {
  font-size: 15px;
  padding: 10px 0 0 0;
  color: black;
}
form#preferences-form div.opt-out label {
  width: 90%;
}
.SSO-PAGE#opt-out article section {
  min-height: 1px;
  margin: 0;
  float: right;
  position: relative;
  width: 600px;
  padding: 30px;
}
form#opt-out fieldset > ul {
  margin: 0px;
}
form#opt-out div {
  padding: 0px;
}
form#opt-out button.submit {
  background-color: transparent;
  background-image: url(../images/OptOut-Act-button.gif);
  width: 150px;
  height: 34px;
  margin: 20px 0 15px 435px;
  display: block;
  float: none;
  right: 0px;
  border-radius: 0;
}
form#opt-out fieldset > ul > li > ul,
form#opt-out form#preferences-form fieldset > ul > li > ul {
  text-align: center;
}
form#opt-out .notification-class-label,
form#opt-out form#preferences-form .notification-class-label {
  display: inline-block;
  width: 18em;
  color: white;
}
form#opt-out .notification-class-checkbox-list,
form#opt-out form#preferences-form .notification-class-checkbox-list {
  display: inline-block;
  margin: 0px;
}
form#opt-out .notification-class-checkbox-list li,
form#opt-out form#preferences-form .notification-class-checkbox-list li {
  display: inline-block;
  width: 3em;
}
form#opt-out div.opt-out,
form#opt-out form#preferences-form div.opt-out {
  padding-left: 0px;
}
form#opt-out div.opt-out label,
form#opt-out form#preferences-form div.opt-out label {
  width: auto;
  float: left;
}
form#opt-out button,
form#opt-out form#preferences-form button {
  float: none;
  margin: 0 auto;
}
#opt-out,
#preferences-form {
  margin-top: 45px;
  text-align: left;
}
.center-button-wrapper {
  text-align: center;
}
#changeEmailLink {
  font-weight: normal;
  text-decoration: underline;
  font-size: 11px;
  font-family: Helvetica;
  color: white;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.SSO-PAGE .opt-out #email,
#account-preferences-section > .comm-prefs #email {
  margin-top: 10px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 15px;
  overflow-wrap: break-word;
}
.notification-class-block-newsletters legend,
form#preferences-form .notification-class-block-newsletters .notification-class-checkbox-list li.channel-label,
.newsletters-checkbox-label {
  display: none;
}
.SSO-PAGE #preferences-form p {
  margin-bottom: 5px;
}
.SSO-PAGE #preferences-form .log-in {
  display: none;
}
.SSO-PAGE #preferences-form legend {
  padding: 35px 0px 0px 5px;
}
.SSO-PAGE #preferences-form ul {
  margin: 0px;
}
.SSO-PAGE #preferences-form li {
  height: auto;
}
.SSO-PAGE #preferences-form li input {
  margin-top: 3px;
}
.opt-out.SSO-PAGE .content > p {
  text-align: center;
}
.opt-out.SSO-PAGE .content > p,
.opt-out.SSO-PAGE .content #opt-out > p {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  font-size: 15px;
  font-weight: normal;
}
.opt-out.SSO-PAGE .content #opt-out > p {
  margin-top: 20px;
}
/*Elite Registration exceptions */
body.register-elite .SSO-PAGE fieldset#link-accounts li.name {
  color: #d7e57a;
}
/* Register Page Terms of Service */
.SSO-PAGE #tos {
  width: 100%;
  height: 200px;
  overflow: scroll;
  color: #000;
}
.SSO-PAGE #tos-inner iframe {
  border: 0;
  width: 830px;
  height: 190px;
}
/* Footer */
footer {
  display: block;
  color: #676767;
  background: #000;
  border-top: solid 1px #2e2e2e;
  width: 100%;
  text-align: center;
  font-size: 11px;
}
footer .footer-content {
  position: relative;
  margin: 0 auto;
  padding: 0 0 25px 0;
  text-align: left;
}
/**************************
OPT OUT PAGE
**************************/
.opt-out.SSO-PAGE,
.opt-out.SSO {
  width: 730px;
}
.opt-out > p {
  padding: 10px 0px;
}
.opt-out article section {
  text-align: left;
  width: 600px;
  margin: auto;
}
.opt-out article section .content {
  padding: 5px 0 20px 15px;
  border-bottom: 3px solid white;
}
.opt-out article section #heading {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-style: italic;
  border-bottom: 3px solid white;
  padding: 0;
  color: white;
  font-weight: bold;
}
.opt-out article section #email {
  font-weight: bold;
  color: #fff;
  width: 100%;
}
#opt-out-image-background {
  background-color: white;
  width: 600px;
  height: 110px;
  display: block;
  padding: 20px 0 0 0;
}
#opt-out-image {
  background: transparent url(../images/OptOut-Act-logo.gif);
  width: 360px;
  height: 87px;
  margin: 0 auto;
}
.content .notice {
  color: #C04D4C;
}
.opt-out p,
.opt-out .content p,
.opt-out label,
#heading,
#content {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 18px;
  font-size: 14px;
}
.SSO-PAGE #account-preferences-section .contactUpdateMobile > a#changeMobileLink.highlight {
  border: 2px solid red;
  padding: 3px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo #account-profile-phonenumber .highlight {
  border: 3px solid red;
  padding: 5px;
}
.SSO-PAGE#account-profile #account-profile-section .profileInfo .personalInfo #account-profile-phonenumber .personalInfoForms button.highlight {
  border: 1px solid red;
}
.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list .highlight {
  border: 3px solid red;
}
/** _common-unlink-modal.less **/
#unlink-account-modal {
  display: none;
}
#unlink-account-modal .hidden {
  display: none;
}
#simplemodal-container #unlink-account-modal {
  max-height: 85vh;
}
#simplemodal-container #unlink-account-modal h2 {
  background-color: #000;
  color: #fff;
  font-family: "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 25px 10px;
  margin: 0 auto;
  text-align: center;
}
#simplemodal-container #unlink-account-modal div {
  text-align: center;
}
#simplemodal-container #unlink-account-modal > div {
  overflow-y: auto;
  max-height: 65vh;
  color: #fff;
  font-family: "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  padding: 0 20px 10px;
  margin: 0 auto;
}
#simplemodal-container #unlink-account-modal > div:empty {
  display: none;
}
#simplemodal-container #unlink-account-modal > div.unauthorized {
  text-align: center;
}
#simplemodal-container #unlink-account-modal > div.system-error p {
  text-align: center;
}
#simplemodal-container #unlink-account-modal > div.social {
  text-align: center;
}
#simplemodal-container #unlink-account-modal > div p {
  max-width: none;
  margin-bottom: 0;
}
#simplemodal-container #unlink-account-modal > div p.system-error {
  text-align: center;
}
#simplemodal-container #unlink-account-modal > div ul {
  list-style: disc;
  list-style-position: inside;
  margin-top: 20px;
  color: #aaa;
}
#simplemodal-container #unlink-account-modal > div ul li {
  padding-left: 20px;
}
#simplemodal-container #unlink-account-modal > div input[type="checkbox"] {
  margin: 0 7px 3px 0;
  vertical-align: middle;
}
#simplemodal-container #unlink-account-modal > div input[type="checkbox"]:focus {
  outline: auto;
  outline-offset: 4px;
  outline-color: transparent;
}
#simplemodal-container #unlink-account-modal > div button {
  color: white;
  padding: 5px 30px;
  text-decoration: none;
  font-family: "open sans", Arial, sans-serif;
  border: none;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1E9FFD;
  border-radius: 3px;
  font-size: 11px;
  line-height: 13px;
  padding: 14px 15px;
  margin: 15px auto;
  min-width: 130px;
  transition: 0.4s all;
}
#simplemodal-container #unlink-account-modal > div button:hover {
  background-color: #fff;
  color: #000;
}
#simplemodal-container #unlink-account-modal > div button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.3;
}
#simplemodal-container #unlink-account-modal > div button:disabled:hover {
  background-color: #1E9FFD;
  color: #fff;
}
#simplemodal-container #unlink-account-modal > div button:focus {
  outline: auto;
  outline-offset: 4px;
  outline-color: transparent;
}
#simplemodal-container #unlink-account-modal > div h3 {
  font-weight: normal;
}
#simplemodal-container #unlink-account-modal > div a:not(.social-unlink) {
  color: #1E9FFD;
  text-decoration: underline;
}
#simplemodal-container #unlink-account-modal > div a:not(.social-unlink):hover {
  text-decoration: none;
}
#simplemodal-container #unlink-account-modal > div a:not(.social-unlink):focus {
  outline: auto;
  outline-offset: 4px;
  outline-color: transparent;
}
#simplemodal-container #unlink-account-modal > div a.social-unlink {
  float: none;
  margin: 15px auto;
}
#simplemodal-container #unlink-account-modal > div .step-1,
#simplemodal-container #unlink-account-modal > div .step-2 {
  color: #888;
}
#simplemodal-container #unlink-account-modal > div form {
  margin-top: 20px;
}
#simplemodal-container #unlink-account-modal #open-ticket label {
  float: left;
  margin-right: 15px;
}
@media only screen and (max-width: 540px) {
  #simplemodal-container #unlink-account-modal #open-ticket label {
    float: none;
  }
}
#simplemodal-container #unlink-account-modal #open-ticket .input-container {
  position: relative;
  width: auto;
  text-align: left;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 540px) {
  #simplemodal-container #unlink-account-modal #open-ticket .input-container {
    text-align: center;
    margin: 0;
  }
}
#simplemodal-container #unlink-account-modal #open-ticket .input-container input {
  padding: 5px;
  border: 1px solid #888;
}
#simplemodal-container #unlink-account-modal #open-ticket .input-container .customStyleSelectBox {
  width: 99%;
  height: auto !important;
  border: 1px solid #888;
  padding: 5px 0;
}
#simplemodal-container #unlink-account-modal #open-ticket .input-container .customStyleSelectBox:after {
  position: absolute;
  content: "\25BC";
  color: #c4c4c4;
  font-size: 11px;
  top: 7px;
  right: 10px;
  z-index: -1;
}
#simplemodal-container #unlink-account-modal #open-ticket .input-container .customStyleSelectBox .customStyleSelectBoxInner {
  float: left;
  width: calc(100% - 40px) !important;
  font-family: arial;
  font-size: 13px;
  color: #000;
  margin-left: 5px;
}
@media only screen and (max-width: 540px) {
  #simplemodal-container #unlink-account-modal #open-ticket .input-container .customStyleSelectBox .customStyleSelectBoxInner {
    text-align: left;
  }
}
#simplemodal-container #unlink-account-modal #open-ticket textarea {
  float: left;
  width: 97%;
  font-family: arial;
}
#simplemodal-container #unlink-account-modal .issue-warning p.subtitle {
  text-align: center;
  font-weight: bold;
}
#simplemodal-container #unlink-account-modal .issue-warning ul {
  display: none;
}
#simplemodal-container #unlink-account-modal .issue-warning label {
  display: inline;
}
#simplemodal-container #unlink-account-modal span.hide {
  display: none;
}
/**************************
 08 FOOTER RATINGS AND PARTNERS	 
***************************/
/**************************************************
_common-footer.less
**************************************************/
footer .footer-content {
  width: 85%;
}
#partners {
  margin: 25px 0;
  float: right;
  width: 50%;
  overflow: visible;
}
#partners li {
  list-style-type: none;
  float: left;
}
#partners a {
  display: block;
  height: 107px;
  text-indent: -999em;
  background: transparent url(../images/ratings-sprite.png) no-repeat;
  overflow: hidden;
}
#partners a.pegi {
  background: transparent url(../images/footer-sprite.png) no-repeat;
}
#partners a.activision {
  background: transparent url('../images/activision-logo.png') no-repeat;
  width: 125px;
  height: 31px;
  background-size: contain;
  /* background-position: -425px 0;
			margin: 0 410px 25px 0; */
}
#partners a.infinity {
  background-position: -549px 0;
}
#partners a.sledgehammer {
  background-position: -677px 0;
}
#partners a.esrb-privacy {
  background: transparent url('../images/esrb-privacy.jpg') no-repeat;
  width: 77px;
  height: 102px;
  background-size: contain;
  /* background-position: -281px 0; */
  margin-right: 15px;
}
#partners a.pegi {
  display: none;
}
#partners .esrb-rp {
  background-position: 0 0;
  width: 223px;
}
#partners .esrb-rpm {
  background-position: -802px 0;
}
#partners .esrb-m17 {
  background-position: -900px 0;
}
#partners .esrb-m17-s {
  background-position: -1045px 0;
}
#partners .esrb-teen {
  background-position: -1121px 0;
}
#partners .esrb-teen-s {
  background-position: -1271px 0;
}
#partners .esrb-e10 {
  background-position: -1349px 0;
}
#partners .esrb-e10-s {
  background-position: -1499px 0;
}
#partners .esrb-e {
  background-position: -1578px 0;
}
#partners .esrb-e-s {
  background-position: -1729px 0;
}
#partners .esrb-p {
  background-position: 0px -164px;
}
#partners .esrb-pm {
  background-position: -133px -164px;
}
#partners .esrb-ec {
  background-position: -266px -164px;
}
#partners .esrb-everyone {
  background-position: -399px -164px;
}
#partners .esrb-e10 {
  background-position: 0px -227px;
}
#partners .esrb-teen {
  background-position: -133px -227px;
}
#partners .esrb-m {
  background-position: -266px -227px;
}
#partners .esrb-adult {
  background-position: -399px -227px;
}
#partners .esrb-m-enfr {
  background: url(../images/Mature-french-english.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-right: 120px;
  background-color: white;
  margin-left: -15px;
  margin-bottom: -25px;
}
#partners .activision.has-usk {
  margin-right: 290px;
}
#partners .usk {
  background-position: -695px 0;
  width: 100px;
  margin-right: 20px;
}
#partners .esrb-adult,
#partners .esrb-ec,
#partners .esrb-everyone,
#partners .esrb-e10,
#partners .esrb-teen,
#partners .esrb-p,
#partners .esrb-pm,
#partners .esrb-m {
  width: 133px;
  height: 61px;
  margin-top: 23px;
  margin-left: 15px;
}
#partners .esrb-text {
  position: relative;
  top: -55px;
  left: 60px;
  width: 82px;
  height: 50px;
  margin-bottom: 0px;
  font-family: sans-serif;
  font-size: 9px;
  color: #444;
  text-align: center;
  z-index: 1;
  pointer-events: none;
}
#additional-info li {
  display: block;
}
#additional-info li a {
  color: #ffffff;
}
#additional-info li a:hover {
  font-weight: bold;
}
#additional-info li a.privacy-choices {
  position: relative;
}
#additional-info li a.privacy-choices:after {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  left: 6px;
  background-image: url('../images/privacy-icon.png');
  background-position: unset;
  background-size: contain;
  width: 34px;
  height: 15px;
}
#additional-info li button#ot-sdk-btn.ot-sdk-show-settings {
  color: #7c7c7c;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  background-color: transparent;
  border: 0;
  text-transform: uppercase;
  text-decoration: underline;
  padding: 0;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  #additional-info li button#ot-sdk-btn.ot-sdk-show-settings {
    font-size: 16px;
  }
}
#additional-info li button#ot-sdk-btn.ot-sdk-show-settings:hover {
  color: #ffe500;
  font-weight: bold;
  text-decoration: none;
}
#trademarks {
  display: block;
  float: none;
  width: 100%;
}
/** PEGI - Ratings **/
#partners .pegi {
  width: 58px;
  margin-right: 20px;
}
#partners .pegi-3,
#partners .pegi-7,
#partners .pegi-12,
#partners .pegi-16,
#partners .pegi-18 {
  height: 72px;
  width: 60px;
  margin-top: 18px;
}
#partners .pegi-3 {
  background-position: 0px 0px;
}
#partners .pegi-7 {
  background-position: -60px 0px;
}
#partners .pegi-12 {
  background-position: -120px 0px;
}
#partners .pegi-16 {
  background-position: -180px 0px;
}
#partners .pegi-18 {
  background-position: -240px 0px;
}
/** USK - Ratings **/
#partners .usk-pending,
#partners .usk-0,
#partners .usk-6,
#partners .usk-12,
#partners .usk-16,
#partners .usk-18,
#partners .au-g,
#partners .au-pg,
#partners .au-m,
#partners .au-m15 {
  height: 90px;
  width: 90px;
  margin-top: 5px;
}
#partners .usk-pending {
  background-position: -450px -289px;
}
#partners .usk-0 {
  background-position: 0 -289px;
}
#partners .usk-6 {
  background-position: -90px -289px;
}
#partners .usk-12 {
  background-position: -180px -289px;
}
#partners .usk-16 {
  background-position: -270px -289px;
}
#partners .usk-18 {
  background-position: -360px -289px;
}
/** AU - Ratings **/
#partners .au-g {
  background-position: 0px -73px;
}
#partners .au-pg {
  background-position: -90px -73px;
}
#partners .au-m {
  background-position: -180px -73px;
}
#partners .au-m15 {
  background-position: -270px -73px;
}
/*
#partners .au-m15 { 
	background-image: url('https://www.callofduty.com/content/dam/atvi/global/ratings/au/au-m15-mw2.png');
	background-position: unset;	
	background-size: contain;	
	width: 220px;
    height: 75px;
}
*/
#partners .au-r18 {
  background-image: url('https://www.callofduty.com/content/dam/atvi/global/ratings/au/R_18_wwii.png');
  width: 226px;
  height: 74px;
}
#partners .au-pending {
  background-position: -360px -73px;
  width: 133px;
  height: 46px;
  margin-top: 30px;
}
/** DEJUS - Ratings **/
#partners .dejus-l,
#partners .dejus-10,
#partners .dejus-12,
#partners .dejus-14,
#partners .dejus-16,
#partners .dejus-18 {
  height: 81px;
  width: 81px;
}
#partners .dejus-l {
  background-position: -405px -379px;
}
#partners .dejus-10 {
  background-position: 0px -379px;
}
#partners .dejus-12 {
  background-position: -81px -379px;
}
#partners .dejus-14 {
  background-position: -162px -379px;
}
#partners .dejus-16 {
  background-position: -243px -379px;
}
#partners .dejus-18 {
  background-position: -324px -379px;
}
/** CERO - Ratings **/
#partners .cero-a,
#partners .cero-b,
#partners .cero-z,
#partners .cero-d,
#partners .cero-rp,
#partners .cero-c {
  height: 80px;
  width: 70px;
}
#partners .cero-a {
  background-image: url("../images/cero-a.png");
}
#partners .cero-b {
  background-image: url("../images/cero-b.png");
}
#partners .cero-z {
  background-image: url("../images/cero-z.png");
}
#partners .cero-d {
  background-image: url("../images/cero-d.png");
}
#partners .cero-rp {
  background-image: url("../images/cero-rp.png");
}
#partners .cero-c {
  background-image: url("../images/cero-c.png");
}
/** GRAC - Ratings **/
#partners .grac-all,
#partners .grac-test,
#partners .grac-12,
#partners .grac-15,
#partners .grac-18 {
  height: 95px;
  width: 80px;
}
#partners .grac-all {
  background-image: url("../images/grac-all.png");
}
#partners .grac-test {
  background-image: url("../images/grac-test.png");
}
#partners .grac-12 {
  background-image: url("../images/grac-12.png");
}
#partners .grac-15 {
  background-image: url("../images/grac-15.png");
}
#partners .grac-18 {
  background-image: url("../images/grac-18.png");
}
/** GSRR - Ratings **/
#partners .gsrr-general,
#partners .gsrr-6,
#partners .gsrr-12,
#partners .gsrr-15,
#partners .gsrr-18 {
  height: 100px;
  width: 100px;
  background-size: contain;
}
#partners .gsrr-general {
  background-image: url("../images/gsrr-general.png");
}
#partners .gsrr-6 {
  background-image: url("../images/gsrr-6.png");
}
#partners .gsrr-12 {
  background-image: url("../images/gsrr-12.png");
}
#partners .gsrr-15 {
  background-image: url("../images/gsrr-15.png");
}
#partners .gsrr-18 {
  background-image: url("../images/gsrr-18.png");
}
/** CRL - Ratings **/
#partners .crl-0,
#partners .crl-6,
#partners .crl-12,
#partners .crl-16,
#partners .crl-18 {
  height: 100px;
  width: 100px;
}
#partners .crl-0 {
  background-image: url("../images/age-rating-0.png");
}
#partners .crl-6 {
  background-image: url("../images/age-rating-6.png");
}
#partners .crl-12 {
  background-image: url("../images/age-rating-12.png");
}
#partners .crl-16 {
  background-image: url("../images/age-rating-16.png");
}
#partners .crl-18 {
  background-image: url("../images/age-rating-18.png");
}
/** GCAM - Ratings **/
#partners .gcam-3,
#partners .gcam-7,
#partners .gcam-12,
#partners .gcam-16,
#partners .gcam-18 {
  height: 185px;
  width: 145px;
}
#partners .gcam-3 {
  background-image: url("../images/gcam-3.png");
}
#partners .gcam-7 {
  background-image: url("../images/gcam-7.png");
}
#partners .gcam-12 {
  background-image: url("../images/gcam-12.png");
}
#partners .gcam-16 {
  background-image: url("../images/gcam-16.png");
}
#partners .gcam-18 {
  background-image: url("../images/gcam-18.png");
}
/*****************************************
_common-cookie-disclaimer.less
*****************************************/
/* css-cookies */
.atvi-cookie-disclaimer {
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.85);
  color: #FFF;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  vertical-align: baseline;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: transform 1s;
  -ms-transition: transform 1s;
  -moz-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
}
.atvi-cookie-disclaimer.show {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.atvi-cookie-disclaimer .inner {
  margin-left: 3%;
  margin-right: 0;
  width: 97%;
}
.atvi-cookie-disclaimer .cookie-left {
  min-width: 96px;
  display: inline-block;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  padding-right: 15px;
  left: 0;
  position: relative;
  height: 100%;
  text-align: left;
  vertical-align: top;
  font-size: 18px;
  width: 13%;
  text-transform: uppercase;
  box-sizing: border-box;
  line-height: 18px;
}
.atvi-cookie-disclaimer .cookie-right {
  display: inline-block;
  text-align: left;
  color: #E5E5E5;
  font-size: 12.5px;
  width: 78%;
  margin-right: 5%;
}
.atvi-cookie-disclaimer .cookie-right p {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #E5E5E5;
  font-size: 12.5px;
  text-transform: none;
  line-height: 1.7;
}
.atvi-cookie-disclaimer a {
  color: #FFF;
  text-decoration: underline;
}
.atvi-cookie-disclaimer a.cookies-close {
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
  background: #666;
  display: inline-block;
  padding: 5px 15px;
  width: 5vw;
  right: 25px;
  top: 10px;
  font-size: 10px;
}
.atvi-cookie-disclaimer .close-cookies {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  font-family: sans-serif;
  color: #E5E5E5;
  right: 3%;
  font-size: 35px;
  margin: auto;
  transform: translate(0, -50%) rotate(45deg);
  top: 50%;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.cookie-right button {
  display: none;
}
@media screen and (max-width: 900px) {
  .atvi-cookie-disclaimer {
    padding: 10px 0;
  }
  .atvi-cookie-disclaimer.show p {
    padding: 0 15px;
    font-size: 13px;
  }
  .atvi-cookie-disclaimer a.cookies-close {
    padding: 0 10px;
  }
}
@media screen and (max-width: 625px) {
  .atvi-cookie-disclaimer .cookie-left {
    top: 7px;
    width: 80%;
    margin-right: 15%;
    font-size: 16px;
  }
  .atvi-cookie-disclaimer .cookie-right {
    width: 90%;
    font-size: 14px;
    padding: 20px 0 0 0;
  }
  .atvi-cookie-disclaimer.show p {
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
  }
  .atvi-cookie-disclaimer .close-cookies {
    top: 25px;
    right: 5%;
    font-size: 52px;
  }
}
/******************* 
        09 IOS OVERRIDES 
********************/
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  footer {
    position: static;
  }
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
  footer {
    position: static;
  }
}
/* Warnings for JavaScript being disabled */
#noscript-warning {
  background-color: #a64949;
  border: 1px solid #fff;
  padding: 10px;
  z-index: 1000000;
  width: 95%;
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  margin: -350px auto 200px auto;
}
body.noscript #container,
body.noscript article,
body.noscript header {
  display: none;
}
body.noscript .SSO {
  background: transparent !important;
}
body.noscript #opt-out {
  background: transparent;
}
body.hasscript #noscript-warning {
  display: none;
}
/***************************************

 10  Cluetip styling
   
-------------------------------------- */
div.ui-cluetip {
  font-size: 1em;
  width: 268px;
}
.ui-cluetip-header {
  display: none;
}
.ui-cluetip-content {
  /*  padding: 25px 15px 5px 30px;*/
  padding: 0 4px 5px 10px;
}
.ui-cluetip-content ul {
  margin-bottom: 6px;
}
#tooltip-passwordrequirements p:first-child {
  padding-bottom: 10px;
}
.cluetip-arrow {
  position: absolute;
  left: 108px;
  bottom: -16px;
  width: 31px;
  height: 19px;
  z-index: 2000;
}
.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}
.help-incidator-cluetip-active {
  z-index: 1000;
  position: relative;
}
#cluetip h5 {
  color: #ffffff;
}
#cluetip p {
  line-height: 18px;
  font-size: 11px;
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}
.cluetip-default {
  background-color: white;
  border: 1px solid #c4c4c4;
  color: #666666;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.cluetip-default .ui-cluetip-header {
  display: none;
}
.cluetip-default p strong {
  color: black;
  font-size: 14px;
}
#cluetip ul li {
  text-transform: initial;
  margin: 5px 10px;
}
#cluetip li {
  line-height: 18px;
}
#cluetip ul,
#cluetip p,
.SSO-PAGE#register-beachhead aside ul {
  /*margin: 0 0 25px 0;*/
  list-style: disc;
}
#cluetip ul li:before {
  width: 12px;
  height: 7px;
  display: block;
  position: relative;
  float: left;
  content: " ";
  /*	top: 3px;	*/
  left: 0px;
  margin: 5px 0 0;
}
#cluetip em {
  font-weight: bold;
  color: #ffffff;
}
/* Simple Modal styling (for Elite account linking) */
#register-beachhead-modal-accountlinking-xbox,
#register-beachhead-modal-accountlinking-psn,
#register-beachhead-modal-accountlinking-steam,
#register-beachhead-modal-accountlinking-nintendo,
#register-beachhead-modal-accountlinking-facebook,
#register-beachhead-modal-accountlinking-twitter,
#register-beachhead-modal-accountlinking-battle,
#register-beachhead-modal-accountlinking-epic,
#register-beachhead-modal-accountlinking-youtube,
#register-beachhead-modal-accountlinking-twitch {
  display: none;
}
#register-beachhead-modal-accountlinking-xbox h3,
#register-beachhead-modal-accountlinking-psn h3,
#register-beachhead-modal-accountlinking-steam h3,
#register-beachhead-modal-accountlinking-nintendo h3,
#register-beachhead-modal-accountlinking-battle h3,
#register-beachhead-modal-accountlinking-epic h3,
#register-beachhead-modal-accountlinking-facebook h3,
#register-beachhead-modal-accountlinking-twitter h3,
#register-beachhead-modal-accountlinking-youtube h3,
#register-beachhead-modal-accountlinking-twitch h3,
#unlink-account-modal h3 {
  margin-bottom: 30px;
  font-size: 18px;
  color: black;
  text-transform: uppercase;
  line-height: 20px;
}
#register-beachhead-modal-accountlinking-xbox p,
#register-beachhead-modal-accountlinking-psn p,
#register-beachhead-modal-accountlinking-steam p,
#register-beachhead-modal-accountlinking-nintendo p,
#register-beachhead-modal-accountlinking-battle p,
#register-beachhead-modal-accountlinking-epic p {
  color: #27AD99;
  line-height: 18px;
}
#register-beachhead-modal-accountlinking-xbox .button,
#register-beachhead-modal-accountlinking-psn .button,
#register-beachhead-modal-accountlinking-steam .button,
#register-beachhead-modal-accountlinking-nintendo .button,
#register-beachhead-modal-accountlinking-battle .button,
#register-beachhead-modal-accountlinking-epic .button,
#register-beachhead-modal-accountlinking-facebook .button,
#register-beachhead-modal-accountlinking-twitter .button,
#register-beachhead-modal-accountlinking-youtube .button,
#register-beachhead-modal-accountlinking-twitch .button,
#unlink-account-modal .button {
  display: inline-block;
  font-size: 15px;
  border-width: 0;
  font-weight: normal;
  padding: 5px 20px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px 6px;
  text-decoration: none;
  float: right;
  margin-bottom: 10px;
  background-color: #c4c4c4;
  color: white;
}
#register-beachhead-modal-accountlinking-steam .button {
  margin-top: 20px;
}
/* ========= SIMPLEMODAL PLUGIN ========= */
#simplemodal-overlay {
  opacity: 0.85 !important;
  background-color: #000000;
}
#simplemodal-container {
  background-color: #1a1a1a;
  width: 90%;
  max-width: 460px;
  height: auto !important;
  min-height: 100px;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding-bottom: 30px;
  box-shadow: 0 0 2px #777;
  z-index: 10201 !important;
}
#simplemodal-container .simplemodal-wrap {
  overflow: hidden !important;
}
#simplemodal-container h1 {
  background-color: #000;
  color: #fff;
  font-family: "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 25px 20px;
  margin: 0 auto;
  text-align: center;
}
#simplemodal-container h3 {
  color: #fff;
  font-family: "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  padding: 0 20px;
  margin: 20px auto;
  max-width: 315px;
}
#simplemodal-container p,
#simplemodal-container label {
  color: #fff;
  font-family: "open sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  padding: 0 20px;
  margin: 20px auto;
  max-width: 360px;
}
#simplemodal-container p:empty,
#simplemodal-container label:empty {
  display: none;
}
#simplemodal-container label {
  display: block;
  margin-bottom: 10px;
}
#simplemodal-container label:empty {
  display: none;
}
#simplemodal-container a.button,
#simplemodal-container button,
#simplemodal-container a.unlink-button {
  display: inline-block;
  min-width: 130px;
  background-color: #1E9FFD;
  color: white;
  font-family: "open sans", Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 15px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.4s all;
}
#simplemodal-container a.button:hover,
#simplemodal-container button:hover,
#simplemodal-container a.unlink-button:hover {
  background-color: #fff;
  color: #000;
}
#simplemodal-container a.button:focus,
#simplemodal-container button:focus,
#simplemodal-container a.unlink-button:focus {
  outline: auto;
  outline-offset: 4px;
  outline-color: transparent;
}
#simplemodal-container .simplemodal-close.modalCloseImg {
  position: absolute;
  top: 27px;
  right: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("../images/sprite-pages.png") no-repeat -300px -9px;
  z-index: 1;
}
#simplemodal-container .simplemodal-close.modalCloseImg:focus {
  outline: auto;
  outline-offset: 4px;
  outline-color: transparent;
}
#simplemodal-container .simplemodal-close:not(.modalCloseImg) {
  color: #1E9FFD;
  font-family: "open sans", Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  margin-left: 30px;
}
/****************************************************
11 Fixing IE
*****************************************************/
.SSO-PAGE .input-container {
  /*margin-right:0px;	*/
}
/* http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-how-to-target-ie6-ie7-and-ie8-uniquely-with-4-characters/ */
#tooltip-passwordrequirements,
#tooltip-forumname {
  display: none;
}
/* fixes $.show() bug with cluetip */
.cluetip-inner #tooltip-passwordrequirements,
.cluetip-inner #tooltip-forumname {
  display: block;
}
/*  _______________________________________
12	MODAL
    _______________________________________  */
body.modal {
  background: #000000;
  margin: 40px 30px;
}
.modal h3,
.modal h4 {
  font-size: 24px;
  margin: 15px 0;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
}
.modal h3 {
  color: black;
}
.modal h4 {
  border-bottom: 1px solid #3b3b3b;
  padding-bottom: 25px;
  margin-bottom: 28px;
}
.modal h5,
.modal p {
  padding: 0 0 20px;
  font-size: 14px;
  color: #737981;
}
.modal p.fbCopy {
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b;
  padding-top: 20px;
  margin-bottom: 20px;
}
.modal h5 {
  font-weight: bold;
}
.modal a {
  text-decoration: none;
}
.modal .emphasis {
  color: white;
}
.modal .action {
  text-align: center;
  padding: 25px 0 35px;
  border-bottom: 1px solid #3b3b3b;
}
.modal .action a,
.modal a.button {
  text-transform: uppercase;
  font-size: 22px;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  padding: 17px 19px;
  text-decoration: none;
}
.modal .submit[disabled],
.modal .button[disabled],
.modal a.button[disabled] {
  background-color: grey;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
}
.modal form.horz-label .message {
  color: #ff470f;
  margin-left: 150px;
  padding-top: 39px;
}
.modal .action a.continueBtn,
.modal .action a.continueEliteBtn {
  color: #000000;
  display: inline-block;
}
.modal .action a.continueEliteBtn {
  background-color: #d7e57a;
  font-style: italic;
}
.modal #help-links {
  text-align: right;
  padding-top: 10px;
}
.modal #help-links a {
  font: italic bold 13px Arial, Verdana, sans-serif;
  padding: 5px 13px 0 0;
  text-decoration: none;
  display: inline-block;
}
.SSO-MODAL a.simplemodal-close {
  background-image: none;
  width: auto;
  height: auto;
}
.SSO-MODAL a.simplemodal-close:focus {
  outline: auto;
  outline-offset: 4px;
}
#questionId-required-data-row,
#answer-required-data-row {
  float: right;
}
#questionId-required-data-row .customStyleSelectBox {
  width: 273px;
  line-height: 1;
}
#questionId-required-data-row .customStyleSelectBoxInner {
  width: 273px;
}
select#questionId-required.reskin,
select#questionId.reskin {
  -webkit-appearance: none;
}
.account-modal .button-container {
  text-align: center;
  float: right;
  margin-right: 35px;
  margin-bottom: 10px;
}
.account-modal .button-container a:focus {
  outline: auto;
  outline-offset: 4px;
  outline-color: transparent;
}
#register.SSO-PAGE.missingInformation .profile-modal .modal-title {
  text-align: left;
  font-size: 22px;
  line-height: 15px;
  padding-bottom: 14px;
  border-bottom: 1px solid #333;
  margin-bottom: 50px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  padding-left: 15px;
}
#register.SSO-PAGE.missingInformation .profile-modal h2:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  left: -15px;
  background-color: #1e9ffd;
  width: 2px;
  height: 16px;
}
/* ==========================================
  MODAL:  ESTABLISH SECURE SESSION w/ EMAIL
=============================================*/
#simplemodal-container.ss-modal {
  box-shadow: none;
}
#simplemodal-container.ss-modal .modalCloseImg {
  top: -30px;
  right: 0;
}
#simplemodal-container.ss-modal .secure-session-modal-container {
  display: none;
  margin-bottom: 10px;
}
#simplemodal-container.ss-modal .secure-session-modal-container .init,
#simplemodal-container.ss-modal .secure-session-modal-container .entry,
#simplemodal-container.ss-modal .secure-session-modal-container .error {
  display: none;
}
#simplemodal-container.ss-modal .secure-session-modal-container .init h1,
#simplemodal-container.ss-modal .secure-session-modal-container .entry h1,
#simplemodal-container.ss-modal .secure-session-modal-container .error h1 {
  background-color: unset;
  text-transform: uppercase;
  font-weight: bold;
}
#simplemodal-container.ss-modal .secure-session-modal-container .init .session-expired,
#simplemodal-container.ss-modal .secure-session-modal-container .entry .session-expired,
#simplemodal-container.ss-modal .secure-session-modal-container .error .session-expired {
  display: none;
}
#simplemodal-container.ss-modal .secure-session-modal-container .init h3,
#simplemodal-container.ss-modal .secure-session-modal-container .entry h3,
#simplemodal-container.ss-modal .secure-session-modal-container .error h3 {
  background-image: url("../images/security-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 26px;
  margin: 0 auto 25px;
  padding: 0;
}
#simplemodal-container.ss-modal .secure-session-modal-container a {
  color: #fff;
  font-weight: bold;
}
#simplemodal-container.ss-modal .secure-session-modal-container a:hover {
  text-decoration: underline;
}
#simplemodal-container.ss-modal .secure-session-modal-container p,
#simplemodal-container.ss-modal .secure-session-modal-container label {
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  max-width: 365px;
}
#simplemodal-container.ss-modal .secure-session-modal-container input[type="text"] {
  display: block;
  margin: 0 auto 20px;
  padding: 6px;
  border: none;
  border-radius: 2px;
  text-align: center;
}
#simplemodal-container.ss-modal .secure-session-modal-container button {
  display: block;
  font-weight: bold;
  margin: 40px auto 0;
  min-width: 250px;
}
#simplemodal-container.ss-modal .secure-session-modal-container button:disabled {
  color: #666;
  background-color: #454545;
  cursor: not-allowed;
}
#simplemodal-container.ss-modal .secure-session-modal-container button:disabled:hover {
  color: #666;
  background-color: #454545;
}
#simplemodal-container.ss-modal .secure-session-modal-container button.cancel {
  color: #ffffff;
  margin-top: 10px;
  background-color: #454545;
}
#simplemodal-container.ss-modal .secure-session-modal-container button.cancel:hover {
  color: #000000;
  background-color: #ffffff;
}
#simplemodal-container.ss-modal.just-expired .secure-session-modal-container .init .session-expired {
  display: block;
  background-color: rgba(224, 32, 32, 0.5);
}
#simplemodal-container.ss-modal.just-expired .secure-session-modal-container .init .session-expired p {
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 5px;
  margin: 0 auto 20px;
}
/*  _______________________________________

13	TOS & CONFIRM PASSWORD - MODALS
    _______________________________________  */
.registrationComplete-modal {
  min-height: 380px;
  width: 610px;
  padding: 30px;
  margin: 70px auto 40px;
  background-color: #000000;
  border: 1px solid #282828;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.tos {
  text-align: right;
}
.tos-modal {
  min-height: 490px;
  padding: 50px 0 30px;
}
.tos-modal .disclaimer {
  padding: 15px 0;
  font-size: 12px;
  line-height: 18px;
  color: #484848;
}
#upgradeTOSRequest > div {
  height: 320px;
  overflow: scroll;
  border-top: 1px solid #3b3b3b;
  padding: 25px 20px;
  margin-top: 50px;
  overflow-x: hidden;
  border-bottom: 1px solid #3b3b3b;
}
#upgradeTOSRequest p {
  line-height: normal;
  padding: 5px 0;
}
#upgradeTOSRequest h3 strong,
#upgradeTOSRequest p strong,
#upgradeTOSRequest h2 strong {
  display: inline;
  font-weight: bold;
  margin-bottom: 15px;
}
#upgradeTOSRequest h2 {
  font-size: 26px;
  font-weight: bold;
}
#upgradeTOSRequest li h2 {
  font-size: 1.5em;
}
#upgradeTOSRequest h3 {
  color: inherit;
  font-family: inherit;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
}
#upgradeTOSRequest a {
  color: #00E;
}
#upgradeTOSRequest {
  width: 610px;
  margin: 0 auto;
  background-color: #000000;
  border: 1px solid #282828;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#upgradeTOSRequest h4 {
  font-size: 24px;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
}
#upgradeTOSRequest ol,
#upgradeTOSRequest li,
#upgradeTOSRequest ul {
  padding: inherit;
  padding: 5px;
}
#upgradeTOSRequest ul li,
#upgradeTOSRequest ol li {
  list-style-type: disc;
  list-style-position: inside;
  display: list-item;
}
#upgradeTOSRequest ol li {
  list-style-type: decimal;
}
#upgradeTOSRequest li h3 {
  font-size: 1.2em;
}
#upgradeTOSRequest #tos-inner {
  padding: 25px 0;
  margin: 25px 0;
}
#upgradeTOSRequest iframe {
  width: 100%;
  height: 320px;
  color: #ffffff;
}
#upgradeTOSRequest #tosAccepted-data-row {
  display: none;
}
.SSO-MODAL fieldset.actions {
  border-top: 2px solid #333333;
  padding: 15px 0;
  margin-top: 5px;
}
#upgradeTOSRequest .submit,
#upgradeTOSRequest #tos-dont-accept,
.SSO-MODAL .submit,
.SSO-MODAL .cancel {
  float: right;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 16px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
}
#upgradeTOSRequest .submit,
.SSO-MODAL .submit {
  background: #ffe700;
  margin-left: 16px;
  color: #000;
  border: 0;
  cursor: pointer;
}
#upgradeTOSRequest #tos-dont-accept,
.SSO-MODAL .cancel {
  display: block;
  border-right: 1px solid #484848;
  color: #737981;
  text-decoration: none;
}
#add-this {
  float: left;
  padding: 8px;
  margin: 8px 0;
  background-color: #333;
}
#add-this h3,
#add-this .addthis_toolbox {
  display: inline-block;
}
#add-this h3 {
  margin: 0 8px 0 0;
}
#add-this .addthis_toolbox {
  width: 40px;
}
.SSO-PAGE .sprite-pages,
.SSO-MODAL .sprite-pages {
  display: block;
  text-indent: 0;
}
.SSO-PAGE .sprite-pages,
.SSO-MODAL .sprite-pages {
  /* background: url("../images/sprite-pages-fb-reg.png") no-repeat scroll -99999px -99999px rgba(0, 0, 0, 0); */
}
/*  _______________________________________

14	CUSTOM SCROLL
    _______________________________________  */
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
  pointer-events: all;
}
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}
/* 	Vertical Scrollbar */
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
/* 	Horizontal Scroll */
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
/* 	Vertical + Horizontal Scrollbars */
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* 	Transitions */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/**************************************
	15  CONSOLE LOGIN
***************************************/
#console-login.network-select-container .network-select > li,
#console-first #console-login.network-select-container .network-select > li {
  width: 97px;
  max-height: 65px;
  height: 65px;
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -1000%;
  color: transparent;
  background-position: center;
  background-size: contain;
  margin: 2px;
  background-image: url('../images/platform-sprite-small.png');
  background-size: 197px auto;
  /* &.nintendo { background-position: -1px -329px; } */
}
#console-login.network-select-container .network-select > li.psn,
#console-first #console-login.network-select-container .network-select > li.psn {
  background-position: -1px -1px;
}
#console-login.network-select-container .network-select > li.xbl,
#console-first #console-login.network-select-container .network-select > li.xbl {
  background-position: -1px -67px;
}
#console-login.network-select-container .network-select > li.steam,
#console-first #console-login.network-select-container .network-select > li.steam {
  background-position: -1px -133px;
}
#console-login.network-select-container .network-select > li.battle,
#console-first #console-login.network-select-container .network-select > li.battle {
  background-position: -1px -199px;
}
#console-login.network-select-container .network-select > li.mobile,
#console-first #console-login.network-select-container .network-select > li.mobile {
  background-position: -1px -265px;
}
#console-login.network-select-container .network-select > li.nintendo,
#console-first #console-login.network-select-container .network-select > li.nintendo {
  display: none;
}
#console-login.network-select-container .network-select > li:hover,
#console-first #console-login.network-select-container .network-select > li:hover {
  background-position-x: -99px;
}
#console-login.network-select-container .network-select > li > a,
#console-first #console-login.network-select-container .network-select > li > a {
  display: block;
  width: 100%;
  height: 100%;
}
.network-select-container {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
  .network-select-container {
    margin-bottom: 0;
  }
}
ul.network-select.console-login {
  margin: 0 0 30px 0;
  display: none;
}
@media screen and (min-width: 480px) {
  #console-login .network-select {
    margin: auto;
    max-width: 100%;
  }
}
/********************************
	16 - RECAPTCHA
	
********************************/
.rc-anchor-center-container {
  text-align: right;
}
.g-recaptcha {
  width: auto;
  margin: 20px 0px 10px;
}
.g-recaptcha > div {
  margin: 0 auto;
}
.g-recaptcha.error {
  border: 1px solid red;
}
@media screen and (max-width: 825px) {
  .recaptcha-container {
    transform: scale(0.7) translate(-22%, 0px);
  }
}
@media screen and (max-width: 420px) {
  .recaptcha-container {
    transform: scale(0.7) translate(-22%, 0px);
  }
}
@media screen and (max-width: 390px) {
  .recaptcha-container {
    transform: scale(0.7) translate(0, 0);
  }
}
/******************************** 
	17 - EMAIL HELP 
********************************/
/** _common-email-help.less **/
#update-email article section {
  margin: auto;
}
#update-email article section .email-verification-box {
  width: 90%;
  margin: auto;
}
#update-email article section .close-email-verification-box {
  color: black;
}
/********************************
	18 - ERROR PAGES
********************************/
/** _common-error-pages.less **/
/** AGE GATE FAILED **/
#message-page.age-gate-failed {
  max-width: 800px;
}
#message-page.age-gate-failed fieldset legend {
  margin: auto;
  font-size: 28px;
  text-align: center;
}
#message-page.age-gate-failed fieldset section {
  text-align: center;
}
#message-page.age-gate-failed fieldset section .hel-med {
  color: white;
}
#message-page.age-gate-failed fieldset section .actions {
  margin: 35px 10px 45px;
}
#message-page.age-gate-failed fieldset section .actions a.successLink {
  display: inline-block;
}
/** Account Linking Error **/
.account-linking-error-container {
  margin-top: 100px;
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.account-linking-error-container .background {
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  padding-top: 100px;
}
.account-linking-error-container .background a {
  background-color: black;
  border: 2px solid white;
  padding: 5px;
  line-height: 35px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
}
.account-linking-error-container .background p {
  padding: 20px;
}
.account-linking-error-container .psn,
.account-linking-error-container .xbl,
.account-linking-error-container .generic {
  display: none;
}
/********************************
	19 - FORGOT & REST PASSWORD
********************************/
/** _common-forgot-password-new.less **/
.SSO-PAGE.center aside#side-promo-content,
.SSO-PAGE.center header #breadcrumb {
  display: none;
}
#forgot-pw {
  padding: 0;
  min-height: auto;
}
#forgot-pw > header {
  height: 75px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #forgot-pw > header {
    height: 25px;
  }
}
#forgot-pw > article > section {
  width: auto;
  margin: 0 auto;
  padding: 0 5%;
  padding-top: 0 !important;
  overflow-x: hidden;
}
#forgot-pw > article > section h1 {
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 30px;
}
#forgot-pw > article > section h1 .cod-logo {
  height: 75px;
  margin: 12px 0;
}
@media only screen and (max-width: 767px) {
  #forgot-pw > article > section h1 .cod-logo {
    height: 38px;
    margin: 8px 0;
  }
}
#forgot-pw > article > section #frmForgotPassword #forgot-password {
  width: 80%;
  margin: 0 auto;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password > h6 {
  position: relative;
  color: #ffffff;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
  #forgot-pw > article > section #frmForgotPassword #forgot-password > h6 {
    font-size: 16px;
    margin: 0 auto 25px;
  }
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row {
  max-width: 315px;
  position: relative;
  padding: 0;
  margin: 0 auto 10px;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row label {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  padding: 5px 0;
  color: #fff;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row label.checkbox-label {
  font-size: 12px;
  line-height: 24px;
  width: calc(100% - 25px);
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container {
  position: relative;
  float: none;
  width: 100%;
  max-width: 315px;
  margin: 0 auto;
  padding: 0;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="text"],
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="email"],
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="password"] {
  background-color: #d8d8d8 !important;
  display: inline-block;
  width: 100%;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  margin: 0;
  padding: 9px 13px;
  box-sizing: border-box;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="text"],
  #forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="email"],
  #forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #eee;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="text"],
  #forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="email"],
  #forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #111;
  }
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .input-container input[type="password"] {
  font-weight: bold;
  letter-spacing: 2.5px;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .feedback-control.icon {
  display: none;
  position: absolute;
  top: 4px;
  right: 0;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row .feedback-control.message {
  font-size: 12px;
  margin: 0 0 0 5px;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .data-row.validationError input[type="email"] {
  border: 2px solid #e02020;
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .sso-message {
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  margin: 0;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .actions {
  display: block;
  width: 100%;
  max-width: 315px;
  margin: 0 auto 10px;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .actions button.submit {
  float: none;
  display: block;
  margin: 35px auto 0;
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 0;
  color: #81898c;
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .actions button.submit:not(.disabled):hover {
  color: #eee;
  border: 1px solid #eee;
  background-color: #222;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
}
#forgot-pw > article > section #frmForgotPassword #forgot-password .actions button.submit.disabled {
  cursor: not-allowed;
}
/** _common-reset-password.less **/
#reset-pw {
  padding: 0;
  min-height: auto;
}
#reset-pw > header {
  height: 75px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #reset-pw > header {
    height: 25px;
  }
}
#reset-pw > article > section {
  width: auto;
  margin: 0 auto;
  padding: 0 5%;
  padding-top: 0 !important;
  overflow-x: hidden;
}
#reset-pw > article > section h1 {
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 30px;
}
#reset-pw > article > section h1 .cod-logo {
  height: 75px;
  margin: 12px 0;
}
@media only screen and (max-width: 767px) {
  #reset-pw > article > section h1 .cod-logo {
    height: 38px;
    margin: 8px 0;
  }
}
#reset-pw > article > section > h6 {
  display: none;
  width: 80%;
  font-size: 22px;
  line-height: 25px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 767px) {
  #reset-pw > article > section > h6 {
    font-size: 16px;
    margin: 0 auto 25px;
  }
}
#reset-pw > article > section #formResetPassword #reset-password {
  width: 80%;
  margin: 0 auto;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row {
  max-width: 315px;
  position: relative;
  padding: 0;
  margin: 0 auto 10px;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row label {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  padding: 5px 0;
  color: #fff;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row label.checkbox-label {
  font-size: 12px;
  line-height: 24px;
  width: calc(100% - 25px);
}
#reset-pw > article > section #formResetPassword #reset-password .data-row .email-container {
  font-size: 14px;
  line-height: 24px;
  height: auto;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row .input-container {
  position: relative;
  float: none;
  width: 100%;
  max-width: 315px;
  margin: 0 auto;
  padding: 0;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="text"],
#reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="email"],
#reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="password"] {
  background-color: #d8d8d8 !important;
  display: inline-block;
  width: 100%;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  margin: 0;
  padding: 9px 13px;
  box-sizing: border-box;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="text"],
  #reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="email"],
  #reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #eee;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="text"],
  #reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="email"],
  #reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #111;
  }
}
#reset-pw > article > section #formResetPassword #reset-password .data-row .input-container input[type="password"] {
  font-weight: bold;
  letter-spacing: 2.5px;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row .feedback-control.icon {
  display: none;
  position: absolute;
  top: 4px;
  right: 0;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row .feedback-control.message {
  top: 0;
  font-size: 12px;
  margin: 0 0 0 5px;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row .feedback-control.message:before {
  top: 10px;
  transform: unset;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row.validationError .input-container {
  background-color: unset;
}
#reset-pw > article > section #formResetPassword #reset-password .data-row.validationError input[type="password"] {
  border: 2px solid #e02020;
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none;
}
#reset-pw > article > section #formResetPassword button.submit {
  float: none;
  display: block;
  margin: 35px auto 0;
  width: 80%;
  max-width: 315px;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 0;
  color: #81898c;
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
}
#reset-pw > article > section #formResetPassword button.submit:not(.disabled):hover {
  color: #eee;
  border: 1px solid #eee;
  background-color: #222;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
}
#reset-pw > article > section #formResetPassword button.submit.disabled {
  cursor: not-allowed;
}
#reset-pw > article > section #formResetPassword button.submit .button-text {
  color: #81898c;
}
#reset-pw > article > section .sso-message {
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  margin: 0;
}
#reset-pw > article > section .actions {
  display: block;
  width: 100%;
  max-width: 315px;
  margin: 0 auto 10px;
}
#reset-pw > article > section .actions a.button {
  float: none;
  display: block;
  margin: 35px auto 0;
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 0;
  color: #81898c;
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  transition: all 0.4s ease-in-out;
}
#reset-pw > article > section .actions a.button:hover {
  color: #eee;
  border: 1px solid #eee;
  background-color: #222;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
}
/**

RESERVED FOR MOBILE

**/
.SSO-BAR.mobile {
  display: none;
}
/** --------------------------------
Fixing header title alignment issue - STARTS
-----------------------------------**/
.SSO-PAGE fieldset.profileInfo {
  padding: 0 0 25px;
  overflow: visible;
}
#link-accounts .sec-head {
  width: 56%;
  margin: auto;
  overflow: hidden;
  margin-top: -1px;
  margin-bottom: 22px;
}
.SSO-PAGE fieldset .sec-head p {
  display: block;
  margin: 1px auto;
  font-size: 24px;
  color: #fff;
  padding: 10px 10px 15px 0;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
#account-profile.SSO-PAGE #link-social-accounts p {
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 28px;
  letter-spacing: 1px;
  margin-bottom: 23px;
  padding-right: 0;
  padding-top: 7px;
}
/** --------------------------------
Fixing header title alignment issue - ENDS
-----------------------------------**/
/** Custom Select Box **/
.SSO-PAGE fieldset.profileInfo #questionId-data-row.data-row .input-container select,
.SSO-PAGE fieldset.profileInfo #region-data-row .input-container select,
.SSO-PAGE fieldset.profileInfo #country-data-row .input-container select {
  max-width: 90%;
  width: 400px;
  height: 33px;
  margin: auto;
  left: 0;
  right: 0;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
}
.SSO-PAGE fieldset.profileInfo #questionId-data-row.data-row .input-container .customStyleSelectBox,
.SSO-PAGE fieldset.profileInfo #region-data-row .input-container .customStyleSelectBox,
.SSO-PAGE fieldset.profileInfo #country-data-row .input-container .customStyleSelectBox {
  background-color: white;
  color: black;
  border: 2px solid #c4c4c4;
  width: 400px;
  max-width: 90%;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
}
.SSO-PAGE fieldset.profileInfo #questionId-data-row.data-row .input-container .customStyleSelectBox .customStyleSelectBoxInner,
.SSO-PAGE fieldset.profileInfo #region-data-row .input-container .customStyleSelectBox .customStyleSelectBoxInner,
.SSO-PAGE fieldset.profileInfo #country-data-row .input-container .customStyleSelectBox .customStyleSelectBoxInner {
  width: 400px;
  max-width: 100%;
  line-height: 29px;
  font-size: 14px;
  white-space: normal;
}
.SSO-PAGE fieldset.profileInfo #questionId-data-row.data-row .input-container .customStyleSelectBox:after,
.SSO-PAGE fieldset.profileInfo #region-data-row .input-container .customStyleSelectBox:after,
.SSO-PAGE fieldset.profileInfo #country-data-row .input-container .customStyleSelectBox:after {
  content: "\25BC";
  position: absolute;
  color: #c4c4c4;
  top: 15px;
  right: 25px;
}
.SSO-PAGE fieldset.profileInfo #questionId-data-row.data-row .input-container .changed {
  height: 62px;
}
.SSO-PAGE fieldset.profileInfo #questionId-data-row.data-row .input-container .changed .customStyleSelectBoxInner {
  height: 62px;
}
/******************************** 
	20 - ANON OPT OUT 
********************************/
#anonymous-opt-out-validation header,
#anonymous-opt-out-intent header {
  height: 0px;
}
#anonymous-opt-out-validation .subhead,
#anonymous-opt-out-intent .subhead {
  text-align: center;
}
#anonymous-opt-out-validation ul,
#anonymous-opt-out-intent ul {
  border: 1px solid white;
  color: white;
  padding: 10px 0;
  width: auto;
}
#anonymous-opt-out-validation li,
#anonymous-opt-out-intent li {
  width: auto;
  display: block;
  padding-bottom: 5px;
}
#anonymous-opt-out-validation li:first,
#anonymous-opt-out-intent li:first {
  padding-top: 5px;
}
/******************************** 
	21 - BANNER 
********************************/
/* css-cookies */
.atvi-cookie-disclaimer {
  display: none;
}
.atvi-cookie-disclaimer,
.atvi-privacy-policy-module {
  display: none !important;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.85);
  color: #FFF;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  vertical-align: baseline;
  box-shadow: 0px 7px #000000;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: transform 1s;
  -ms-transition: transform 1s;
  -moz-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
}
.atvi-cookie-disclaimer.show,
.atvi-privacy-policy-module.show {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
.atvi-cookie-disclaimer .inner,
.atvi-privacy-policy-module .inner {
  margin-left: 3%;
  margin-right: 0;
  width: 97%;
}
.atvi-cookie-disclaimer .cookie-left,
.atvi-privacy-policy-module .cookie-left,
.atvi-cookie-disclaimer .content-left,
.atvi-privacy-policy-module .content-left {
  min-width: 96px;
  display: inline-block;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  padding-right: 15px;
  left: 0;
  position: relative;
  height: 100%;
  text-align: left;
  vertical-align: top;
  font-size: 18px;
  width: 13%;
  text-transform: uppercase;
}
.atvi-cookie-disclaimer .cookie-right,
.atvi-privacy-policy-module .cookie-right,
.atvi-cookie-disclaimer .content-right,
.atvi-privacy-policy-module .content-right {
  display: inline-block;
  text-align: left;
  color: #E5E5E5;
  font-size: 12.5px;
  width: 78%;
  margin-right: 5%;
}
.atvi-cookie-disclaimer .cookie-right p,
.atvi-privacy-policy-module .cookie-right p,
.atvi-cookie-disclaimer .content-right p,
.atvi-privacy-policy-module .content-right p {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #E5E5E5;
  font-size: 12.5px;
}
.atvi-cookie-disclaimer a,
.atvi-privacy-policy-module a {
  color: #FFF;
  text-decoration: underline;
}
.atvi-cookie-disclaimer .cookies-close,
.atvi-privacy-policy-module .cookies-close {
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
  background: #666;
  display: inline-block;
  padding: 5px 15px;
  width: 5vw;
  right: 25px;
  top: 10px;
  font-size: 10px;
}
.atvi-cookie-disclaimer .close-cookies,
.atvi-privacy-policy-module .close-cookies,
.atvi-cookie-disclaimer .close-modal,
.atvi-privacy-policy-module .close-modal {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  font-family: sans-serif;
  color: #E5E5E5;
  right: 3%;
  font-size: 35px;
  margin: auto;
  transform: translate(0, -50%) rotate(45deg);
  top: 50%;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cq-wcm-edit .atvi-cookie-disclaimer {
  display: none;
}
.cookie-right button {
  display: none;
}
@media screen and (max-width: 900px) {
  .atvi-cookie-disclaimer,
  .atvi-privacy-policy-module {
    padding: 10px 0;
  }
  .atvi-cookie-disclaimer.show p,
  .atvi-privacy-policy-module.show p {
    padding: 0 15px;
    font-size: 13px;
  }
  .atvi-cookie-disclaimer a.cookies-close {
    padding: 0 10px;
  }
}
@media screen and (max-width: 625px) {
  .atvi-cookie-disclaimer .cookie-left,
  .atvi-privacy-policy-module .cookie-left,
  .atvi-cookie-disclaimer .content-left,
  .atvi-privacy-policy-module .content-left {
    top: 7px;
    width: 80%;
    margin-right: 15%;
    font-size: 16px;
  }
  .atvi-cookie-disclaimer .cookie-right,
  .atvi-privacy-policy-module .cookie-right,
  .atvi-cookie-disclaimer .content-right,
  .atvi-privacy-policy-module .content-right {
    width: 90%;
    font-size: 14px;
    padding: 20px 0 0 0;
  }
  .atvi-cookie-disclaimer.show p,
  .atvi-privacy-policy-module.show p {
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
  }
  .atvi-cookie-disclaimer .close-cookies,
  .atvi-privacy-policy-module .close-cookies,
  .atvi-cookie-disclaimer .close-modal,
  .atvi-privacy-policy-module .close-modal {
    top: 25px;
    right: 5%;
    font-size: 52px;
  }
}
/******************************** 
	22 - LOGIN 
********************************/
/** _login.less **/
.SSO-PAGE.center aside#side-promo-content,
.SSO-PAGE.center header #breadcrumb,
.SSO-PAGE.center .registrationIncentives {
  display: none;
}
#login.SSO-PAGE {
  /* =============== COMMON ============== */
  /* =============== BUTTONS ============== */
  /* =============== HEADER ============== */
  /* =============== FORM COPY ============== */
}
#login.SSO-PAGE a {
  color: #ccc;
}
#login.SSO-PAGE a:hover {
  color: #eee;
}
#login.SSO-PAGE .actions {
  width: 100%;
  display: inline-block;
  margin: 0;
  text-align: center;
}
#login.SSO-PAGE .actions button {
  float: none;
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 315px;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 0;
  color: #ffffff;
  background-color: #242424;
  border: 1px solid #81898c;
  transition: all 0.4s ease-in-out;
}
#login.SSO-PAGE .actions button:focus {
  outline: 1px solid #ffffff;
  border: 1px solid #ffffff;
}
#login.SSO-PAGE header {
  height: 45px;
  padding: 0;
  min-height: unset;
}
@media only screen and (max-width: 767px) {
  #login.SSO-PAGE header {
    height: 25px;
  }
}
#login.SSO-PAGE article section {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  /* =============== FIRST PARTY PLATFORM LOGIN ============== */
  /* =============== "OR" DIVIDER ============== */
  /* =============== FORM FIELDS ============== */
  /* =============== NEW TO COD? SIGN UP ============== */
}
@media only screen and (max-width: 767px) {
  #login.SSO-PAGE article section {
    padding: 0;
  }
}
#login.SSO-PAGE article section h1.header-logo {
  order: 1;
  width: 100%;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-weight: bold;
  font-style: normal;
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 30px;
}
@media screen and (max-width: 640px) {
  #login.SSO-PAGE article section h1.header-logo {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #login.SSO-PAGE article section h1.header-logo {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #login.SSO-PAGE article section h1.header-logo {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #login.SSO-PAGE article section h1.header-logo {
    text-rendering: optimizeLegibility;
  }
}
@media only screen and (max-width: 767px) {
  #login.SSO-PAGE article section h1.header-logo {
    margin: 0 auto 65px;
  }
}
#login.SSO-PAGE article section #facebook-login-button {
  display: none;
}
#login.SSO-PAGE article section .cod-login-step1 {
  display: none !important;
  border-top: none;
  padding: 35px 0;
}
#login.SSO-PAGE article section .cod-login-step1 p {
  position: relative;
  margin: 0 auto;
  width: fit-content;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #ffffff;
  text-transform: uppercase;
}
@media screen and (max-width: 640px) {
  #login.SSO-PAGE article section .cod-login-step1 p {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #login.SSO-PAGE article section .cod-login-step1 p {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #login.SSO-PAGE article section .cod-login-step1 p {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #login.SSO-PAGE article section .cod-login-step1 p {
    text-rendering: optimizeLegibility;
  }
}
@media only screen and (max-width: 480px) {
  #login.SSO-PAGE article section .cod-login-step1 {
    padding: 30px 0;
  }
  #login.SSO-PAGE article section .cod-login-step1 p {
    font-size: 16px;
  }
  #login.SSO-PAGE article section .cod-login-step1 p:before {
    height: 12px;
  }
  #login.SSO-PAGE article section .cod-login-step1 p .corners {
    display: none;
  }
}
#login.SSO-PAGE article section .subheading {
  display: none;
}
#login.SSO-PAGE article section #console-login {
  order: 4;
  display: none;
  margin: 0 auto;
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 315px;
  margin: 0 auto;
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li {
  width: 60px;
  height: 50px;
  background-color: #191919;
  border-left: 3px solid #1e9ffd;
  border-radius: 3px;
  background-position: center;
  background-size: 25px 25px;
  transition: all 0.4s ease-in-out;
  overflow: visible;
  /* text-indent: unset; */
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #login.SSO-PAGE article section #console-login.network-select-container .network-select > li {
    /* For accessibility Desert theme */
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #login.SSO-PAGE article section #console-login.network-select-container .network-select > li {
    /* For accessibility Desert theme */
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border-top: 1px solid #111;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
  }
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li:hover {
  background-color: #1e9ffd;
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li.psn {
  background-image: url("../images/icon_psn.png");
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li.xbl {
  background-image: url("../images/icon_xbl.png");
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li.battle {
  background-image: url("../images/icon_battle.png");
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li.steam {
  background-image: url("../images/icon_steam.png");
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li.epic {
  background-image: url("../images/epic-account-linking-icon.png");
  background-size: 25px 20px;
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li.ubi {
  background-image: url("../images/icon_ubi.png");
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li > a {
  overflow: hidden;
  text-decoration: none;
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li > a:focus {
  border-left: 3px solid #1e9ffd;
}
#login.SSO-PAGE article section #console-login.network-select-container .network-select > li > a > span {
  color: transparent;
}
#login.SSO-PAGE article section .or {
  order: 3;
  width: 100%;
  background-image: none;
  color: #81898c;
  padding: 0;
  position: relative;
  font-size: 16px;
  line-height: 16px;
  margin: 15px auto 20px;
  text-align: center;
}
#login.SSO-PAGE article section #frmLogin {
  order: 2;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #login.SSO-PAGE article section #frmLogin {
    max-width: 315px;
  }
}
@media only screen and (max-width: 767px) {
  #login.SSO-PAGE article section #frmLogin #login-info {
    margin-top: 0;
  }
}
#login.SSO-PAGE article section #frmLogin #login-info .chooseLogin {
  display: none !important;
}
#login.SSO-PAGE article section #frmLogin #login-info > h2 {
  position: relative;
  color: #ffffff;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-weight: bold;
  font-style: normal;
  font-size: 22px;
  margin: 0 auto 20px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #login.SSO-PAGE article section #frmLogin #login-info > h2 {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #login.SSO-PAGE article section #frmLogin #login-info > h2 {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #login.SSO-PAGE article section #frmLogin #login-info > h2 {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #login.SSO-PAGE article section #frmLogin #login-info > h2 {
    text-rendering: optimizeLegibility;
  }
}
#login.SSO-PAGE article section #frmLogin #login-info .sso-message {
  font-family: "open sans", Arial, sans-serif;
  text-align: center;
  color: #da3940 !important;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row {
  position: relative;
  max-width: 315px;
  overflow: visible;
  padding: 0;
  margin: 0 auto 10px;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row label {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  padding: 5px 0;
  color: #fff;
  z-index: 1;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row label.checkbox-label {
  font-size: 12px;
  line-height: 24px;
  width: calc(100% - 25px);
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container {
  position: relative;
  float: none;
  margin: 0 auto;
  width: 100%;
  max-width: 315px;
  padding: 0;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="text"],
#login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="email"],
#login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="password"] {
  background-color: #d8d8d8 !important;
  display: inline-block;
  width: 100%;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  margin: 0;
  padding: 9px 13px;
  box-sizing: border-box;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="text"],
  #login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="email"],
  #login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #eee;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="text"],
  #login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="email"],
  #login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #111;
  }
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container input[type="password"] {
  font-family: arial;
  font-weight: bold;
  letter-spacing: 2.5px;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container .visibility-toggle {
  display: none;
  position: absolute;
  bottom: 9px;
  right: 10px;
  width: 25px;
  height: 20px;
  background-image: url("../images/hide-password-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  overflow: hidden;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row .input-container .visibility-toggle.visible {
  background-image: url("../images/show-password-icon.png");
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row .feedback-control.message {
  font-size: 12px;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row#remember-me-div {
  display: none !important;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row#remember-me-div label.custom-checkbox {
  padding: 0;
  display: block !important;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row#remember-me-div label.custom-checkbox:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: -20px;
  top: 0;
  border: 1px solid #000000;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row#remember-me-div label.custom-checkbox:after {
  content: "";
  width: 7px;
  height: 3px;
  position: absolute;
  left: -17px;
  top: 4px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row#remember-me-div input {
  opacity: 0;
}
#login.SSO-PAGE article section #frmLogin #login-info .data-row#remember-me-div input[type=checkbox]:checked ~ label:after {
  opacity: 1;
}
#login.SSO-PAGE article section #frmLogin #login-info .login-forgot-password {
  max-width: 355px;
  text-align: right;
  margin: 5px 0;
}
#login.SSO-PAGE article section #frmLogin #login-info .login-forgot-password #login-forgot-password {
  font-size: 14px;
}
#login.SSO-PAGE article section #frmLogin #login-info .actions {
  margin-top: 30px;
  overflow: visible;
}
#login.SSO-PAGE article section #frmLogin #login-info .actions #login-button {
  font-size: 16px;
  outline-offset: 4px;
}
#login.SSO-PAGE article section #frmLogin #login-info .actions .no-login-text {
  display: none;
  font-size: 14px;
  color: #fff;
  margin-top: 25px;
}
#login.SSO-PAGE article section #frmLogin #login-info .actions #login-need-account {
  display: none;
  font-size: 14px;
  margin-top: 25px;
}
#login.SSO-PAGE article section #frmLogin #login-info #login-center-content {
  display: none;
}
#login.SSO-PAGE article section > .actions {
  order: 5;
  font-size: 14px;
  margin-top: 30px;
}
#login.SSO-PAGE article section > .actions .no-login-text {
  display: inline-block;
}
/******************************** 
	23 - SIGNUP 
********************************/
/** _common-signup.less **/
#sign-up.SSO {
  display: none;
  overflow-x: hidden;
  /* =============== COMMON ============== */
  /* -------- ANIMATE CONTAINER ------- */
  /* =============== BACK/NEXT BUTTONS ============== */
  /* =============== FIRST PARTY PLATFORM LOGIN ============== */
  /* =============== HEADER ============== */
  /* =============== FORM COPY ============== */
  /* =============== FORM FIELDS ============== */
  /* =============== SKIP and BACK TO LOGIN ============== */
  /* =============== CAROUSEL ============== */
}
#sign-up.SSO.active {
  display: block;
}
#sign-up.SSO .animate-container {
  position: relative;
}
#sign-up.SSO .out-left {
  transform: translate(-50%, 0);
  transition: 0.2s ease-out;
  opacity: 0;
}
#sign-up.SSO .out-right {
  transform: translate(50%, 0);
  transition: 0.2s ease-out;
  opacity: 0;
}
#sign-up.SSO .in-left {
  transform: translate(100%, 0);
  transition: 0.2s ease-in;
  opacity: 1;
}
#sign-up.SSO .in-right {
  transform: translate(-100%, 0);
  transition: 0.2s ease-in;
  opacity: 1;
}
#sign-up.SSO .pos-right {
  left: 100%;
}
#sign-up.SSO .pos-left {
  right: 100%;
}
#sign-up.SSO .actions {
  width: 100%;
  overflow: visible;
}
#sign-up.SSO .actions .button-container {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
#sign-up.SSO .actions .button-container button {
  float: none;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 0;
}
#sign-up.SSO .actions .button-container button:hover {
  color: #eee;
  border: 1px solid #eee;
  background-color: #222;
}
#sign-up.SSO .actions .button-container button:focus {
  outline-offset: 5px;
}
#sign-up.SSO .actions .button-container button#next-button {
  margin-top: 45px;
}
#sign-up.SSO .actions .button-container button#next-button span {
  display: none;
}
#sign-up.SSO .actions .button-container button#next-button span.next {
  display: block;
}
#sign-up.SSO .actions .button-container button#back-button {
  position: absolute;
  top: 40px;
  left: 22%;
  transform: translate(-50%, 0);
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 28px !important;
  text-indent: -500%;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  #sign-up.SSO .actions .button-container button#back-button {
    left: 40px;
    transform: unset;
  }
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .actions .button-container button#back-button {
    top: 10px;
    left: 10px;
  }
}
#sign-up.SSO .actions .button-container button#back-button:before {
  content: '';
  position: absolute;
  top: 18px;
  left: 15px;
  width: 10px;
  height: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
#sign-up.SSO .actions .button-container button#back-button:after {
  content: '';
  position: absolute;
  top: 23px;
  left: 16px;
  width: 20px;
  height: 2px;
  background-color: #fff;
}
#sign-up.SSO #console-login {
  display: none;
  margin: 0 auto;
}
#sign-up.SSO #console-login.network-select-container .network-select {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
#sign-up.SSO #console-login.network-select-container .network-select > li {
  display: block;
  margin: 0 auto 15px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-indent: 0;
  padding: 0;
  background-size: 25px 20px, 2px;
  background-position: 40px center, left;
  background-repeat: no-repeat, repeat;
  transition: all 0.4s ease-in-out;
}
#sign-up.SSO #console-login.network-select-container .network-select > li > a .gaming-network-name {
  color: #81898c;
  font-size: 16px;
  line-height: 50px;
  transition: all 0.4s ease-in-out;
}
#sign-up.SSO #console-login.network-select-container .network-select > li:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
}
#sign-up.SSO #console-login.network-select-container .network-select > li:hover > a .gaming-network-name {
  color: #eee;
}
#sign-up.SSO #console-login.network-select-container .network-select > li.psn {
  background-image: url("../images/psn.png"), url("../images/global-nav-bg.png");
}
#sign-up.SSO #console-login.network-select-container .network-select > li.xbl {
  background-image: url("../images/xbl.png"), url("../images/global-nav-bg.png");
}
#sign-up.SSO #console-login.network-select-container .network-select > li.battle {
  background-image: url("../images/battle.png"), url("../images/global-nav-bg.png");
}
#sign-up.SSO #console-login.network-select-container .network-select > li.steam {
  background-image: url("../images/steam.png"), url("../images/global-nav-bg.png");
}
#sign-up.SSO #console-login.network-select-container .network-select > li.mobile {
  background-image: url("../images/mobile.png"), url("../images/global-nav-bg.png");
}
#sign-up.SSO #console-login.network-select-container .network-select > li.epic {
  background-image: url("../images/epic-account-linking-icon.png"), url("../images/global-nav-bg.png");
}
#sign-up.SSO #console-login .no-network {
  margin: 15px auto 35px;
}
#sign-up.SSO #console-login .no-network .no-network-link {
  font-size: 14px;
}
#sign-up.SSO .header {
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .header {
    padding: 0 0 85px;
  }
}
#sign-up.SSO .header .text.welcome {
  display: none;
}
#sign-up.SSO .header .image {
  color: transparent;
  font-size: 12px;
  text-align: center;
}
#sign-up.SSO article {
  margin: 0 auto 10px;
  /* =============== FORM STEPS ============== */
}
#sign-up.SSO article div.steps .title {
  display: none;
  position: relative;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-style: normal;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 20px 0 10px;
}
@media screen and (max-width: 640px) {
  #sign-up.SSO article div.steps .title {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #sign-up.SSO article div.steps .title {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #sign-up.SSO article div.steps .title {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #sign-up.SSO article div.steps .title {
    text-rendering: optimizeLegibility;
  }
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO article div.steps .title {
    width: 85%;
    margin: 20px auto 0;
  }
}
#sign-up.SSO article div.steps .title.active {
  display: block;
}
#sign-up.SSO article div.steps .title.ready-icon {
  padding-top: 60px;
  background-image: url("../images/check-circle-icon.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 50px 50px;
}
#sign-up.SSO article div.steps .text {
  font-size: 12px;
  line-height: 23px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  text-align: center;
}
#sign-up.SSO article div.steps .description {
  display: none;
  width: 90%;
  max-width: 400px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin: 15px auto 0;
}
#sign-up.SSO article div.steps .description.active {
  display: block;
}
#sign-up.SSO article div.steps .description[data-step="4"] {
  max-width: 400px;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO article div.steps .description[data-step="4"] {
    width: 100%;
  }
}
#sign-up.SSO article div.steps ul {
  margin: 5px auto 0;
  text-align: center;
}
#sign-up.SSO article div.steps ul li {
  display: inline-block;
  position: relative;
  width: 21px;
  height: 21px;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 12px;
  margin-right: 21px;
}
#sign-up.SSO article div.steps ul li:last-of-type {
  margin-right: 0;
}
#sign-up.SSO article div.steps ul li:after {
  content: '';
  position: absolute;
  top: 46%;
  left: 110%;
  width: 110%;
  border-top: 1px dashed #fff;
}
#sign-up.SSO article div.steps ul li:last-of-type:after {
  display: none;
}
#sign-up.SSO article div.steps ul li.active {
  background-color: #fff;
  color: #000;
}
#sign-up.SSO fieldset {
  width: 80%;
  max-width: 315px;
  margin: 0 auto;
}
#sign-up.SSO fieldset.fields form .data-row {
  display: none;
  position: relative;
  overflow: visible;
  padding: 0;
  margin-bottom: 10px;
}
#sign-up.SSO fieldset.fields form .data-row.active {
  display: block;
}
#sign-up.SSO fieldset.fields form .data-row.active.newsletter,
#sign-up.SSO fieldset.fields form .data-row.active.terms,
#sign-up.SSO fieldset.fields form .data-row.active.g-recaptcha {
  display: inline-block;
}
#sign-up.SSO fieldset.fields form .data-row .dob-container #month-data-row,
#sign-up.SSO fieldset.fields form .data-row .dob-container #day-data-row,
#sign-up.SSO fieldset.fields form .data-row .dob-container #year-data-row {
  display: inline-block;
  overflow: visible;
}
#sign-up.SSO fieldset.fields form .data-row .dob-container #month-data-row {
  width: 29%;
}
#sign-up.SSO fieldset.fields form .data-row .dob-container #day-data-row {
  width: 28%;
}
#sign-up.SSO fieldset.fields form .data-row .dob-container #year-data-row {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO fieldset.fields form .data-row .dob-container #year-data-row {
    float: right;
  }
}
#sign-up.SSO fieldset.fields form .data-row label {
  display: block;
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  padding: 5px 0;
  color: #fff;
}
#sign-up.SSO fieldset.fields form .data-row label.checkbox-label {
  font-size: 12px;
  line-height: 24px;
  width: calc(100% - 25px);
}
#sign-up.SSO fieldset.fields form .data-row .input-container {
  position: relative;
  float: none;
  margin: 0 auto;
  width: 100%;
  max-width: 315px;
  padding: 0;
}
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="text"],
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="email"],
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="tel"],
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="password"] {
  background-color: #d8d8d8 !important;
  display: inline-block;
  width: 100%;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  margin: 0;
  padding: 9px 13px;
  box-sizing: border-box;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="text"],
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="email"],
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="tel"],
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #eee;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="text"],
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="email"],
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="tel"],
  #sign-up.SSO fieldset.fields form .data-row .input-container input[type="password"] {
    /* For accessibility Desert theme */
    border: 1px solid #111;
  }
}
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="text"]#phoneNumberDisplay,
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="email"]#phoneNumberDisplay,
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="tel"]#phoneNumberDisplay,
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="password"]#phoneNumberDisplay {
  padding-left: 100px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container input[type="password"] {
  font-weight: bold;
  letter-spacing: 2.5px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container select {
  width: 100%;
  cursor: pointer;
  height: 37px !important;
  opacity: 1 !important;
  z-index: 0;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #sign-up.SSO fieldset.fields form .data-row .input-container select {
    /* For accessibility Desert theme */
    border: 1px solid #eee;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #sign-up.SSO fieldset.fields form .data-row .input-container select {
    /* For accessibility Desert theme */
    border: 1px solid #111;
  }
}
#sign-up.SSO fieldset.fields form .data-row .input-container select#month {
  top: 0px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container select#day {
  top: 0px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container select#year {
  top: 0px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container select#country {
  top: 30px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container select:focus {
  outline: 1px solid white;
  outline-offset: 3px;
  border-radius: 2px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox {
  position: relative;
  background-color: #d8d8d8;
  border: none;
  border-radius: 3px;
  width: 100%;
  height: 37px !important;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-weight: bold;
  font-style: normal;
  font-size: 15px;
  color: #000;
  text-transform: none;
  padding: 9px 13px;
  box-sizing: border-box;
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  #sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox {
    text-rendering: optimizeLegibility;
  }
}
#sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox .customStyleSelectBoxInner {
  overflow: visible;
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox {
    /* For accessibility Desert theme */
    border: 1px solid #eee;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox {
    /* For accessibility Desert theme */
    border: 1px solid #111;
  }
}
#sign-up.SSO fieldset.fields form .data-row .input-container .customStyleSelectBox:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #6b7078;
  border-bottom: 1px solid #6b7078;
  transform: rotate(45deg);
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container {
  position: relative;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-icon {
  display: inline-block;
  position: absolute;
  top: -28px;
  right: -26px;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background-color: #666;
  color: #000;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content {
  display: none;
  position: absolute;
  top: 10px;
  right: -32px;
  width: 315px;
  height: auto;
  background-color: #fff;
  padding: 10px 15px 0;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content {
    width: 290px;
  }
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content.active {
  display: block;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content:after {
  content: '';
  position: absolute;
  top: -10px;
  right: 5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content h4 {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  color: #000;
  padding: 0;
  margin: 0;
  text-align: center;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content p {
  font-size: 13px;
  line-height: 15px;
  text-transform: none;
  text-align: left;
  margin: 0 0 10px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content ul li {
  position: relative;
  font-size: 12px;
  line-height: 15px;
  text-transform: none;
  text-align: left;
  padding: 0 0 12px 12px;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content ul li:last-of-type {
  padding-bottom: 0;
}
#sign-up.SSO fieldset.fields form .data-row .input-container .tooltip-container .tooltip-content ul li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: #000;
}
#sign-up.SSO fieldset.fields form .data-row input[type="checkbox"] {
  float: left;
  margin: 9px 10px 0 0;
}
#sign-up.SSO fieldset.fields form .data-row#country-data-row .customStyleSelectBoxInner {
  overflow: visible;
}
#sign-up.SSO fieldset.fields form .data-row#password-data-row .visibility-toggle {
  position: absolute;
  display: block;
  top: 39px;
  right: 10px;
  width: 25px;
  height: 20px;
  background-image: url("../images/hide-password-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  cursor: pointer;
  overflow: hidden;
}
#sign-up.SSO fieldset.fields form .data-row#password-data-row .visibility-toggle.visible {
  background-image: url("../images/show-password-icon.png");
}
#sign-up.SSO fieldset.fields form .data-row#newsletter-data-row {
  margin-top: 30px 0 0;
}
#sign-up.SSO fieldset.fields form .data-row#terms-data-row {
  margin-bottom: 0;
}
#sign-up.SSO fieldset.fields form .data-row#account-linking-data-row {
  margin-top: 10px;
}
#sign-up.SSO fieldset.fields form .data-row#account-linking-data-row .network-select-wrapper .subheading {
  width: 400px;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO fieldset.fields form .data-row#account-linking-data-row .network-select-wrapper .subheading {
    width: 100%;
  }
}
#sign-up.SSO fieldset.fields form .data-row#phoneNumber-data-row {
  margin-top: 10px;
}
#sign-up.SSO fieldset.fields form .data-row#phoneNumber-data-row .phone-legal-cont p {
  position: relative;
  width: 100%;
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  text-transform: none;
  padding: 5px 0;
  color: #fff;
  text-align: left;
}
#sign-up.SSO fieldset.fields form .data-row .validation-message-cont {
  text-align: left;
}
#sign-up.SSO fieldset.fields form .data-row .validation-message-cont .validation-message {
  visibility: hidden;
}
#sign-up.SSO fieldset.fields form .data-row.invalid input[type="text"],
#sign-up.SSO fieldset.fields form .data-row.invalid input[type="email"],
#sign-up.SSO fieldset.fields form .data-row.invalid input[type="tel"],
#sign-up.SSO fieldset.fields form .data-row.invalid input[type="password"],
#sign-up.SSO fieldset.fields form .data-row.invalid .customStyleSelectBox {
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none;
  border: 2px solid #E22333;
}
#sign-up.SSO fieldset.fields form .data-row.invalid input[type="checkbox"] {
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none;
  outline: 2px solid #E22333;
}
#sign-up.SSO fieldset.fields form .data-row.invalid.g-recaptcha {
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none;
  outline: 2px solid #E22333;
}
#sign-up.SSO fieldset.fields form .data-row.invalid .validation-message-cont .validation-message {
  display: inline-block;
  color: #E22333;
  font-size: 12px;
  line-height: 15px;
  margin-top: 10px;
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none;
  visibility: visible;
}
#sign-up.SSO fieldset.fields form .data-row.invalid.privacyPolicy .validation-message-cont .validation-message,
#sign-up.SSO fieldset.fields form .data-row.invalid.subscriptions #sign-up.SSO fieldset.fields form .data-row.invalid.piiConsent .validation-message-cont .validation-message {
  display: block;
}
#sign-up.SSO fieldset.fields form .terms {
  display: none;
}
#sign-up.SSO fieldset.fields form .terms.active-terms {
  display: block;
}
#sign-up.SSO .skip,
#sign-up.SSO .back-to-login {
  size: 14px;
  line-height: 18px;
  text-transform: none;
  margin-top: 15px;
  text-align: center;
}
#sign-up.SSO .skip {
  display: none;
  text-transform: uppercase;
}
#sign-up.SSO .carousel-container {
  display: none;
  position: relative;
  width: 90%;
  max-width: 800px;
  margin: 0 auto 50px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .carousel-container {
    margin-bottom: 30px;
  }
}
#sign-up.SSO .carousel-container.active {
  display: block;
}
#sign-up.SSO .carousel-container .carousel-title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  #sign-up.SSO .carousel-container .carousel-title {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #sign-up.SSO .carousel-container .carousel-title {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #sign-up.SSO .carousel-container .carousel-title {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #sign-up.SSO .carousel-container .carousel-title {
    text-rendering: optimizeLegibility;
  }
}
#sign-up.SSO .carousel-container .carousel-slides {
  position: relative;
  width: calc(100% - 80px);
  height: 100px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 825px) {
  #sign-up.SSO .carousel-container .carousel-slides {
    height: 115px;
  }
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .carousel-container .carousel-slides {
    height: 150px;
    width: 100%;
  }
}
@media only screen and (max-width: 420px) {
  #sign-up.SSO .carousel-container .carousel-slides {
    height: 170px;
  }
}
#sign-up.SSO .carousel-container .carousel-slides .carousel-slide {
  position: absolute;
  width: 80%;
  right: -30%;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  top: 12px;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .carousel-container .carousel-slides .carousel-slide {
    width: 100%;
  }
}
#sign-up.SSO .carousel-container .carousel-slides .carousel-slide.before-active {
  right: 50%;
}
#sign-up.SSO .carousel-container .carousel-slides .carousel-slide.after-active {
  right: -30%;
}
#sign-up.SSO .carousel-container .carousel-slides .carousel-slide.active {
  right: 10%;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .carousel-container .carousel-slides .carousel-slide.active {
    right: 0;
  }
}
#sign-up.SSO .carousel-container .carousel-slides .carousel-slide p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  text-transform: none;
}
#sign-up.SSO .carousel-container .carousel-button {
  position: absolute;
  width: 30px;
  height: 50px;
  margin: 0 auto;
  top: 42px;
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .carousel-container .carousel-button {
    top: unset;
    bottom: 0;
  }
}
#sign-up.SSO .carousel-container .carousel-button.prev {
  left: 0;
}
#sign-up.SSO .carousel-container .carousel-button.prev:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  border-left: 2px solid #6d7278;
  border-bottom: 2px solid #6d7278;
  transform: rotate(45deg);
}
#sign-up.SSO .carousel-container .carousel-button.next {
  right: 0;
}
#sign-up.SSO .carousel-container .carousel-button.next:before {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-right: 2px solid #6d7278;
  border-bottom: 2px solid #6d7278;
  transform: rotate(-45deg);
}
#sign-up.SSO .carousel-container .carousel-button:hover {
  cursor: pointer;
}
#sign-up.SSO .carousel-container .carousel-nav {
  display: flex;
  justify-content: center;
  position: absolute;
  margin: 0 auto 25px;
  height: 6px;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -100%);
}
@media only screen and (max-width: 767px) {
  #sign-up.SSO .carousel-container .carousel-nav {
    top: unset;
    bottom: 0;
    transform: translate(-50%, 0);
  }
}
#sign-up.SSO .carousel-container .carousel-nav .carousel-nav-button {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #fff;
  margin: 0 10px;
  transition: all 0.4s;
  transition-timing-function: ease-in-out;
  border-radius: 3px;
}
#sign-up.SSO .carousel-container .carousel-nav .carousel-nav-button:hover,
#sign-up.SSO .carousel-container .carousel-nav .carousel-nav-button.on {
  background-color: #1e9ffd;
  cursor: pointer;
}
/* =============== SHOW & HIDE AREAS BASED ON STEP NUMBER ============== */
#sign-up.SSO[data-current-step="0"] #back-button {
  display: none;
}
#sign-up.SSO[data-current-step="0"] article .steps .text {
  display: none !important;
}
#sign-up.SSO[data-current-step="0"] article .steps ul {
  display: none;
}
#sign-up.SSO[data-current-step="0"] article .steps .description.active {
  display: none;
}
#sign-up.SSO[data-current-step="0"] .actions .button-container button#next-button span.next {
  display: none;
}
#sign-up.SSO[data-current-step="0"] .actions .button-container button#next-button span.signup {
  display: block;
}
#sign-up.SSO[data-current-step="5"] fieldset.fields form .actions {
  display: none;
}
#sign-up.SSO[data-current-step="3"] .skip {
  display: block;
}
#sign-up.SSO[data-current-step="5"] #back-button,
#sign-up.SSO[data-current-step="6"] #back-button {
  display: none;
}
#sign-up.SSO[data-current-step="5"] header .text.join,
#sign-up.SSO[data-current-step="6"] header .text.join {
  display: none;
}
#sign-up.SSO[data-current-step="5"] header .text.welcome,
#sign-up.SSO[data-current-step="6"] header .text.welcome {
  display: block;
}
#sign-up.SSO[data-current-step="5"] article .steps .text,
#sign-up.SSO[data-current-step="6"] article .steps .text {
  display: none;
}
#sign-up.SSO[data-current-step="5"] article .steps ul,
#sign-up.SSO[data-current-step="6"] article .steps ul {
  display: none;
}
#sign-up.SSO[data-current-step="5"] .actions .button-container button#next-button span.next,
#sign-up.SSO[data-current-step="6"] .actions .button-container button#next-button span.next {
  display: none;
}
#sign-up.SSO[data-current-step="5"] .actions .button-container button#next-button span.ok,
#sign-up.SSO[data-current-step="6"] .actions .button-container button#next-button span.ok {
  display: block;
}
#sign-up.SSO[data-current-step="5"] .back-to-login,
#sign-up.SSO[data-current-step="6"] .back-to-login {
  display: none;
}
/* ========================= Missing Profile Information Page ========================= */
/* =============== (overwrite of older styles from _common_styles.less) =============== */
#register.SSO {
  width: 90% !important;
}
#register.SSO.missingInformation form#register-missing div.data-row {
  padding-top: 2px;
  padding-left: 2px;
}
#register.SSO.missingInformation form#register-missing div.data-row input[type="checkbox"] {
  margin: 0;
}
#register.SSO.missingInformation form#register-missing div.data-row label.checkbox-label {
  float: none;
  color: #fff;
  width: unset;
  margin-left: 12px;
}
#register.SSO.missingInformation form#register-missing div.data-row.invalid input[type="checkbox"] {
  outline: 2px solid red;
}
#register.SSO.missingInformation form#register-missing div.actions button.submit.disabled {
  background-color: #a0a0a0;
}
/* ========================= REGISTER THANKS Page ========================= */
/* ======================================================================== */
#register-beachhead.SSO > .title {
  position: relative;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.5;
  font-style: normal;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin: 120px 0 10px;
}
@media screen and (max-width: 640px) {
  #register-beachhead.SSO > .title {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #register-beachhead.SSO > .title {
    text-rendering: optimizeLegibility;
  }
}
@media screen and (max-width: 640px) {
  #register-beachhead.SSO > .title {
    text-rendering: optimizeSpeed;
  }
}
@media screen and (min-width: 641px) {
  #register-beachhead.SSO > .title {
    text-rendering: optimizeLegibility;
  }
}
@media only screen and (max-width: 767px) {
  #register-beachhead.SSO > .title {
    width: 85%;
    margin: 20px auto 0;
  }
}
#register-beachhead.SSO > .description {
  width: 90%;
  max-width: 400px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin: 15px auto 25px;
}
@media only screen and (max-width: 767px) {
  #register-beachhead.SSO > .description {
    width: 100%;
  }
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login {
  margin: 0 auto;
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li {
  display: block;
  margin: 0 auto 15px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-indent: 0;
  padding: 0;
  background-size: 25px 20px, 2px;
  background-position: 40px center, left;
  background-repeat: no-repeat, repeat;
  transition: all 0.4s ease-in-out;
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li > a .gaming-network-name {
  color: #81898c;
  font-size: 16px;
  line-height: 50px;
  transition: all 0.4s ease-in-out;
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li:hover {
  color: #eee;
  border: 1px solid #eee;
  box-shadow: 0px 0px 30px -15px #eeeeee inset;
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li:hover > a .gaming-network-name {
  color: #eee;
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li.psn {
  background-image: url("../images/psn.png"), url("../images/global-nav-bg.png");
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li.xbl {
  background-image: url("../images/xbl.png"), url("../images/global-nav-bg.png");
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li.battle {
  background-image: url("../images/battle.png"), url("../images/global-nav-bg.png");
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li.steam {
  background-image: url("../images/steam.png"), url("../images/global-nav-bg.png");
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li.mobile {
  background-image: url("../images/mobile.png"), url("../images/global-nav-bg.png");
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container ul.network-select li.epic {
  background-image: url("../images/epic-account-linking-icon.png"), url("../images/global-nav-bg.png");
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container .no-network {
  margin: 15px auto 35px;
}
#register-beachhead.SSO > .data-row-container .data-row .network-select-wrapper #console-login.network-select-container .no-network .no-network-link {
  font-size: 14px;
}
/******************************** 
	24 - OAUTH
********************************/
/** _common-oauth.less **/
h1.cod-logo {
  background-image: url("../images/cod-logo-hitmarker.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
  text-indent: -200%;
  color: transparent;
  display: block;
  height: 50px;
  margin: 130px 0 40px;
}
.oauth-consent-form-container,
.amazon-linking-container {
  width: 90%;
  margin: auto;
  text-align: center;
  color: #fff;
}
.oauth-consent-form-container.oauth_msg .checkbox-container,
.amazon-linking-container.oauth_msg .checkbox-container {
  display: none;
}
.oauth-consent-form-container.oauth_error .checkbox-container,
.amazon-linking-container.oauth_error .checkbox-container,
.oauth-consent-form-container.oauth_error input[type="submit"],
.amazon-linking-container.oauth_error input[type="submit"] {
  display: none;
}
.oauth-consent-form-container .oauth-logo,
.amazon-linking-container .oauth-logo {
  margin: 0 auto 30px;
}
.oauth-consent-form-container .oauth-logo.oauth_youtube,
.amazon-linking-container .oauth-logo.oauth_youtube {
  width: 50px;
  height: 50px;
  background-image: url("../images/google-logo.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.oauth-consent-form-container .oauth-logo.oauth_msg,
.amazon-linking-container .oauth-logo.oauth_msg {
  display: none;
  width: auto;
  height: 28px;
  background-image: url("../images/gamebattles-logo.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.oauth-consent-form-container .oauth-logo.oauth-xo-raf,
.amazon-linking-container .oauth-logo.oauth-xo-raf {
  width: 250px;
  height: 150px;
  background-image: url("../images/raf-logo.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.oauth-consent-form-container .oauth-logo.oauth-xo-faceit,
.amazon-linking-container .oauth-logo.oauth-xo-faceit {
  width: 300px;
  height: 50px;
  background-image: url("../images/Faceit_Logo_Dark_BG.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.oauth-consent-form-container p,
.amazon-linking-container p {
  max-width: 525px;
  margin: 15px auto;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
.oauth-consent-form-container a,
.amazon-linking-container a {
  color: #1e9ffd;
}
.oauth-consent-form-container a:hover,
.amazon-linking-container a:hover {
  font-weight: bold;
  text-decoration: underline;
}
.oauth-consent-form-container form .checkbox-container,
.amazon-linking-container form .checkbox-container {
  width: 100%;
  padding: 15px 0 15px 0;
}
.oauth-consent-form-container form .checkbox-container input[type="checkbox"],
.amazon-linking-container form .checkbox-container input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 16px;
}
.oauth-consent-form-container form .checkbox-container label,
.amazon-linking-container form .checkbox-container label {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  vertical-align: super;
}
.oauth-consent-form-container form input[type="submit"],
.amazon-linking-container form input[type="submit"] {
  float: none;
  display: block;
  position: relative;
  width: 100%;
  max-width: 315px;
  height: 40px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #81898c;
  background-color: #0d161c;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  margin: 25px auto 0;
  padding: 10px 0;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.oauth-consent-form-container form input[type="submit"]:disabled,
.amazon-linking-container form input[type="submit"]:disabled {
  cursor: not-allowed;
  color: #555;
  border: 1px solid #555;
}
.oauth-consent-form-container form input[type="submit"]:disabled:hover,
.amazon-linking-container form input[type="submit"]:disabled:hover,
.oauth-consent-form-container form input[type="submit"]:disabled:focus,
.amazon-linking-container form input[type="submit"]:disabled:focus {
  color: #555;
  border: 1px solid #555;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  text-shadow: none;
}
.oauth-consent-form-container form input[type="submit"]:after,
.amazon-linking-container form input[type="submit"]:after,
.oauth-consent-form-container form input[type="submit"]:before,
.amazon-linking-container form input[type="submit"]:before {
  width: 100%;
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  background-image: linear-gradient(to right, rgba(250, 250, 250, 0.5), #79d9ff 20%, #79d9ff 80%, rgba(250, 250, 250, 0.5));
  transition: all ease .8s;
  transform: scaleX(0);
  top: -1px;
  left: 0;
}
.oauth-consent-form-container form input[type="submit"]:after,
.amazon-linking-container form input[type="submit"]:after {
  bottom: -1px;
  top: initial;
}
.oauth-consent-form-container form input[type="submit"]:before,
.amazon-linking-container form input[type="submit"]:before {
  color: #79d9ff;
  text-shadow: 0px 0px 10px #ffffff;
}
.oauth-consent-form-container form input[type="submit"]:hover,
.amazon-linking-container form input[type="submit"]:hover,
.oauth-consent-form-container form input[type="submit"]:focus,
.amazon-linking-container form input[type="submit"]:focus {
  color: #ffffff;
  text-shadow: 0px 0px 20px #ffffff;
  border: 1px solid #ffffff;
  background-color: #242424;
  box-shadow: 0px 0px 30px -15px #ffffff inset;
}
.oauth-consent-form-container form input[type="submit"]:hover:after,
.amazon-linking-container form input[type="submit"]:hover:after,
.oauth-consent-form-container form input[type="submit"]:focus:after,
.amazon-linking-container form input[type="submit"]:focus:after,
.oauth-consent-form-container form input[type="submit"]:hover:before,
.amazon-linking-container form input[type="submit"]:hover:before,
.oauth-consent-form-container form input[type="submit"]:focus:before,
.amazon-linking-container form input[type="submit"]:focus:before {
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  -ms-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
  transform: scaleX(1);
  box-shadow: 0px 0px 10px;
}
.oauth-consent-form-container form input[type="submit"]:focus,
.amazon-linking-container form input[type="submit"]:focus {
  outline: 1px solid #ffffff;
  border: 1px solid #ffffff;
}
.oauth-consent-form-container form .cancel,
.amazon-linking-container form .cancel {
  display: block;
  color: #1e9ffd;
  margin: 20px auto 30px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
}
.oauth-consent-form-container form .cancel:hover,
.amazon-linking-container form .cancel:hover {
  font-weight: bold;
  text-decoration: underline;
}
.oauth-consent-form-container .success-container,
.amazon-linking-container .success-container {
  display: none;
}
.oauth-consent-form-container .success-container p.success-msg,
.amazon-linking-container .success-container p.success-msg {
  position: relative;
  margin: 30px auto 40px;
  padding-left: 25px;
}
.oauth-consent-form-container .success-container p.success-msg:before,
.amazon-linking-container .success-container p.success-msg:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("../images/check-circle.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  margin-left: -30px;
  margin-top: 2px;
}
.oauth-consent-form-container .success-container a.return,
.amazon-linking-container .success-container a.return {
  float: none;
  display: block;
  position: relative;
  width: 100%;
  max-width: 315px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
  text-decoration: none;
  color: #81898c;
  background-color: #0d161c;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  margin: 10px auto 0;
  padding: 10px 0;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.oauth-consent-form-container .success-container a.return:disabled,
.amazon-linking-container .success-container a.return:disabled {
  cursor: not-allowed;
  color: #555;
  border: 1px solid #555;
}
.oauth-consent-form-container .success-container a.return:disabled:hover,
.amazon-linking-container .success-container a.return:disabled:hover,
.oauth-consent-form-container .success-container a.return:disabled:focus,
.amazon-linking-container .success-container a.return:disabled:focus {
  color: #555;
  border: 1px solid #555;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  text-shadow: none;
}
.oauth-consent-form-container .success-container a.return:after,
.amazon-linking-container .success-container a.return:after,
.oauth-consent-form-container .success-container a.return:before,
.amazon-linking-container .success-container a.return:before {
  width: 100%;
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  background-image: linear-gradient(to right, rgba(250, 250, 250, 0.5), #ffffff 20%, #ffffff 80%, rgba(250, 250, 250, 0.5));
  transition: all ease .8s;
  transform: scaleX(0);
  top: -1px;
  left: 0;
}
.oauth-consent-form-container .success-container a.return:after,
.amazon-linking-container .success-container a.return:after {
  bottom: -1px;
  top: initial;
}
.oauth-consent-form-container .success-container a.return:before,
.amazon-linking-container .success-container a.return:before {
  color: #ffffff;
  text-shadow: 0px 0px 10px #ffffff;
}
.oauth-consent-form-container .success-container a.return:hover,
.amazon-linking-container .success-container a.return:hover,
.oauth-consent-form-container .success-container a.return:focus,
.amazon-linking-container .success-container a.return:focus {
  color: #ffffff;
  text-shadow: 0px 0px 20px #ffffff;
  border: 1px solid #ffffff;
  background-color: #242424;
  box-shadow: 0px 0px 30px -15px #ffffff inset;
}
.oauth-consent-form-container .success-container a.return:hover:after,
.amazon-linking-container .success-container a.return:hover:after,
.oauth-consent-form-container .success-container a.return:focus:after,
.amazon-linking-container .success-container a.return:focus:after,
.oauth-consent-form-container .success-container a.return:hover:before,
.amazon-linking-container .success-container a.return:hover:before,
.oauth-consent-form-container .success-container a.return:focus:before,
.amazon-linking-container .success-container a.return:focus:before {
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  -ms-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
  transform: scaleX(1);
  box-shadow: 0px 0px 10px;
}
.oauth-consent-form-container .success-container a.return:focus,
.amazon-linking-container .success-container a.return:focus {
  outline: 1px solid #ffffff;
  border: 1px solid #ffffff;
}
.amazon-linking-container .amazon-logo {
  background-image: url("../images/prime-gaming-logo.png");
  width: auto;
  height: 74px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  margin: auto;
  margin-bottom: 50px;
  overflow: hidden;
  text-indent: -200%;
  color: transparent;
  display: block;
}
.amazon-linking-container .account-linking-error {
  background-color: red;
  padding: 10px;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  font-family: "Montserrat", "open sans", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
}
.amazon-linking-container p {
  margin-top: 50px;
  margin-bottom: 50px;
}
.amazon-linking-container p.success-msg {
  position: relative;
  margin: 30px auto 40px;
  padding-left: 25px;
}
.amazon-linking-container p.success-msg:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url("../images/check-circle.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  margin-left: -30px;
  margin-top: 2px;
}
.amazon-linking-container a.return {
  float: none;
  display: block;
  position: relative;
  width: 100%;
  max-width: 315px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
  text-decoration: none;
  color: #81898c;
  background-color: #0d161c;
  background-image: url("../images/global-nav-bg.png");
  background-size: 2px;
  border: 1px solid #81898c;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  margin: 10px auto 0;
  padding: 10px 0;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.amazon-linking-container a.return:disabled {
  cursor: not-allowed;
  color: #555;
  border: 1px solid #555;
}
.amazon-linking-container a.return:disabled:hover,
.amazon-linking-container a.return:disabled:focus {
  color: #555;
  border: 1px solid #555;
  box-shadow: 0px 0px 30px -15px #999999 inset;
  text-shadow: none;
}
.amazon-linking-container a.return:after,
.amazon-linking-container a.return:before {
  width: 100%;
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  background-image: linear-gradient(to right, rgba(250, 250, 250, 0.5), #ffffff 20%, #ffffff 80%, rgba(250, 250, 250, 0.5));
  transition: all ease .8s;
  transform: scaleX(0);
  top: -1px;
  left: 0;
}
.amazon-linking-container a.return:after {
  bottom: -1px;
  top: initial;
}
.amazon-linking-container a.return:before {
  color: #ffffff;
  text-shadow: 0px 0px 10px #ffffff;
}
.amazon-linking-container a.return:hover,
.amazon-linking-container a.return:focus {
  color: #ffffff;
  text-shadow: 0px 0px 20px #ffffff;
  border: 1px solid #ffffff;
  background-color: #242424;
  box-shadow: 0px 0px 30px -15px #ffffff inset;
}
.amazon-linking-container a.return:hover:after,
.amazon-linking-container a.return:focus:after,
.amazon-linking-container a.return:hover:before,
.amazon-linking-container a.return:focus:before {
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  -ms-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
  transform: scaleX(1);
  box-shadow: 0px 0px 10px;
}
.amazon-linking-container a.return:focus {
  outline: 1px solid #ffffff;
  border: 1px solid #ffffff;
}
/******************************** 
	25 - OPT-OUT
********************************/
#opt-out.SSO-PAGE #account-preferences-section .content-box {
  background: none;
  padding: 0;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box #preferences-header {
  color: black;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactTitle {
  font-size: 17px;
  margin: 0 0 15px;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactDescription {
  text-transform: none;
  font-size: 14px;
  margin: 0 0 35px;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail,
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile {
  width: 49%;
  display: inline-block;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail > h5,
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile > h5 {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail > p,
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile > p {
  font-size: 15px;
  text-transform: none;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateEmail > a,
#opt-out.SSO-PAGE #account-preferences-section .content-box .contactUpdateMobile > a {
  color: black;
  font-weight: normal;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
  display: inline;
}
#opt-out.SSO-PAGE #account-preferences-section .content-box form p {
  margin: 15px 0 20px 0;
  text-transform: none;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-head h3 {
  background-color: #313131;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.09px;
  text-transform: uppercase;
  color: #fff;
  padding: 18px 30px;
  margin: 0;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p {
  position: relative;
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.09px;
  text-transform: none;
  color: #fff;
  margin: 0;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p.stay-up,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p.log-in {
  background-color: #1a1a1a;
  padding: 30px 30px 30px 90px;
  margin: 0;
  min-height: 35px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p.stay-up:before,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p.log-in:before {
  background-image: url("../images/thought-bubbles-icon.png");
  content: "";
  width: 44px;
  height: 44px;
  position: absolute;
  left: 30px;
  top: 28px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update {
  width: 90%;
  max-width: 250px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #1a1a1a;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  padding: 40px 50px 40px 85px;
  border-radius: 3px;
  z-index: 10;
  box-shadow: 0 0 2px #777;
}
@media only screen and (max-width: 520px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update {
    width: 60%;
    max-width: 200px;
    font-size: 12px;
    line-height: 16px;
    padding: 30px 30px 30px 65px;
  }
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update:before {
  content: "";
  background-image: url("../images/changes-saved-checkmark.png");
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 520px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form .sec-body p#note_update:before {
    left: 30px;
  }
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul {
  width: 100%;
  display: inline-block;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list {
  display: block;
  background-color: #1a1a1a;
  margin: auto;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand {
  width: 100%;
  min-height: 67px;
  height: auto;
  background-color: #222;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  margin-bottom: 10px;
  transition: all 0.4s;
  /** TODO: do what's needed for you know what **/
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.skylanders,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.herohq,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.transformers,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hero,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cabelas,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk {
  display: none;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand .brand-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  text-transform: none;
  line-height: 67px;
  text-indent: 90px;
  font-size: 16px;
  z-index: 10;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand:before {
  content: "";
  position: absolute;
  left: 25px;
  display: block;
  left: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 40px;
  height: 3px;
  background-color: #959595;
  border-radius: 3px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand:after {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 9px;
  background-color: #959595;
  transition: all 0.4s;
  content: '\2714';
  color: #959595;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.checked:before {
  background-color: #1e9ffd;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.checked:after {
  background-color: #1e9ffd;
  left: 53px;
  color: #ffffff;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod {
  background-image: url("../images/preferences-subs-disabled-cod.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod:hover {
  background-image: url("../images/preferences-subs-enabled-cod.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-mobile {
  background-image: url("../images/preferences-subs-disabled-codm.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-mobile.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-mobile:hover {
  background-image: url("../images/preferences-subs-enabled-codm.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cdl {
  background-image: url("../images/preferences-subs-disabled-cdl.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cdl.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cdl:hover {
  background-image: url("../images/preferences-subs-enabled-cdl.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.activision {
  background-image: url("../images/preferences-subs-disabled-activision.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.activision.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.activision:hover {
  background-image: url("../images/preferences-subs-enabled-activision.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.crash {
  background-image: url("../images/preferences-subs-disabled-crash.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.crash.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.crash:hover {
  background-image: url("../images/preferences-subs-enabled-crash.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.th,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk {
  background-image: url("../images/preferences-subs-disabled-th.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.th.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.th:hover,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.hawk:hover {
  background-image: url("../images/preferences-subs-enabled-th.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.sekiro {
  background-color: #000;
  background-image: url("../images/preferences-subs-disabled-sekiro.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.sekiro.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.sekiro:hover {
  background-image: url("../images/preferences-subs-enabled-sekiro.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.player_support {
  background-image: url("../images/preferences-subs-disabled-support.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.player_support.checked,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.player_support:hover {
  background-image: url("../images/preferences-subs-enabled-support.png");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-heroes {
  background-image: url("../images/pref-heroes.jpg");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul.brand-list li.brand.cod-heroes-betas {
  background-image: url("../images/pref-testing.jpg");
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container {
  margin-bottom: 10px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference {
  height: 67px;
  min-height: 67px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 520px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference {
    height: auto;
  }
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference:last-of-type {
  margin-bottom: 0px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container.checked .preference-link {
  background: url("../images/brand-checked-overlay.png") no-repeat top right;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-logo {
  float: left;
  display: inline-block;
  background-image: url("../images/preferences-subs-icons.png");
  background-size: auto;
  background-repeat: no-repeat;
  width: 50px;
  height: 100%;
  margin-left: 25px;
}
@media only screen and (max-width: 520px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-logo {
    display: none;
  }
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-text {
  margin-left: 100px;
  padding-top: 12px;
  color: #ffffff;
}
@media only screen and (max-width: 1000px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-text {
    padding-top: 5px;
    margin-left: 90px;
  }
}
@media only screen and (max-width: 520px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-text {
    max-width: calc(100% - 150px);
    margin-left: 10px;
  }
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container {
  position: absolute;
  top: 12px;
  width: 60px;
  cursor: pointer;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container.notUS,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container.notUS {
  display: none;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container.checked label:before,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container.checked label:before {
  opacity: 0;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container.checked label:after,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container.checked label:after {
  opacity: 1;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  text-transform: none;
  margin: 0;
  cursor: pointer;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:before,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:before,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:after,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: -30px;
  top: 0;
  background-image: url("../images/preferences-subs-checkboxes.png");
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 0.4s;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:before,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:before {
  background-position: -52px -20px;
  opacity: 1;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container label:after,
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container label:after {
  background-position: -20px -20px;
  opacity: 0;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container {
  right: 8px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container {
  right: 130px;
}
@media only screen and (max-width: 750px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .sms-preference-container {
    right: 30px;
    top: 46px;
  }
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference-container {
    top: 10px;
    right: 30px;
  }
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=news_and_community_updates] .preference-logo {
  background-position: -9px -1px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=in_game_events] .preference-logo {
  background-position: -114px -1px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=gameplay_help_and_tips] .preference-logo {
  background-position: -211px -1px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=esports] .preference-logo {
  background-position: -65px -1px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=sales_and_promotions] .preference-logo {
  background-position: -164px -1px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=my_support] .preference-logo {
  background-position: -9px -1px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul .brand-preference-container .preference[data-subscription-type=service_and_support] .preference-logo {
  background-position: -9px -1px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form ul input[type=checkbox] {
  display: none;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .remove-me {
  padding-top: 40px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .remove-me h5 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form button {
  background-color: #1E9FFD;
  color: #fff;
  font-family: Montserrat, "open sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 15px 40px;
  margin: 0;
  border: 1px solid #1E9FFD;
  border-radius: 3px;
  transition: all 0.4s;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form button:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text {
  max-width: calc(100% - 100px - 250px);
}
@media only screen and (max-width: 750px) {
  #opt-out.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text {
    max-width: calc(100% - 100px - 150px);
  }
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text .preference-title {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text .preference-description {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin: 0;
}
#opt-out.SSO-PAGE #account-preferences-section #preferences-form .brand-preference-container .preference-text .preference-description a {
  color: #ffffff;
  text-decoration: underline;
}
#opt-out.SSO-PAGE #account-preferences-section .remove-me input {
  margin: 0;
}
#opt-out .comm-prefs #changeEmailLink {
  display: none;
}
/******************************** 
	26 - SMS CHALLENGE SUCCESS
********************************/
/** _common-sms-challenge-success.less **/
#sms-challenge-success {
  background-color: rgba(0, 0, 0, 0.5);
  width: 72%;
  max-width: 500px;
  padding: 30px 40px;
  margin: 150px auto 150px;
}
@media only screen and (max-width: 550px) {
  #sms-challenge-success {
    margin-top: 100px;
  }
}
#sms-challenge-success p {
  font-family: Montserrat, "open sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.09px;
  color: #fff;
}
#sms-challenge-success a {
  color: #1e9ffd;
}
#sms-challenge-success a:hover {
  color: #fff;
}
/******************************** 
	99 - PAGE POSTLOAD
********************************/
/***************************************
	PAGE POSTLOAD - postload.less
****************************************/
html {
  visibility: unset;
  background-color: unset;
}

