@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("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/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: 0.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(../../common/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/profile/account-linking/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/profile/account-linking/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/profile/preferences/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_1.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_1.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("../images/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/profile/account-linking/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/profile/account-linking/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/profile/account-linking/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("/resources/cod/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("/resources/cod/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 0.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("/resources/common/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 0.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("/resources/common/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("/resources/common/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 0.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/profile/preferences/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;
}