/**=====================================================================
 * PEP SHDR CSS
 *----------------------------------------------------------------------
 *
 * Structure
 * |-- Sprite Declaration
 * |-- Reset
 * |-- Resolution(800px and above) Desktop
 * |    |-- Registration
 * |        |- Form
 * |    |-- Profile
 * |    |-- About Me
 * |    |-- Communication Preferences
 * |    |-- Contact Information
 * |    |-- Forgot Password
 * |    |-- Mobile Pin Code Verification
 * |    |-- Reset Password
 * |    |-- Account Settings
 * |    |-- Footer
 * |    |-- Choose Character
 * |-- Resolution(320px to 640px) Mobile
 * |    |-- Inner Pages
 * |        |-- Login
 * |        |-- Registration
 * |        |-- Profile
 * |        |-- Communication Preferences
 * |        |-- Contact Information
 * |        |-- About Me
 * |        |-- Choose Character
 * |        |-- Account Settings
 *
 *=====================================================================*/


/*================
*RESET
*==================*/

.uiPlus .pillBase.primary {
    background-color: #739D37 !important;
}

.mdxIcon-xl {
    text-align: center;
}

.selectBox .select-value.unselectedValue {
    font-style: normal;
}

#lastName-validationError,
#firstName-validationError {
    list-style: disc;
}

h1 {
    font-size: 23px;
}

.formButtonsContainer .secondary,
.formMobilePinButtonsContainer .secondary {
    margin-right: 13px;
}

.genericValidationErrorMessage {
    font-family: "Avenir 85 Heavy";
}

.uiPlus .disabled input,
.uiPlus .formInputElement.disabled .selectBox .select-toggle {
    background-color: #E9EFF4;
    background-image: none;
}

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
}

.uSubflow hgroup {
    padding:12px 0 8px;
}

.profileSubHeader .subheaderText,
#communicationPreferenceEdit .profileSubHeader .subheaderText {
    padding-left: 25px;
}

.subflowRoot .globalNavigationBar {
    padding: 0;
}

.profileSubHeader .subHeaderContentCell {
    vertical-align: top;
}

.uiPlus .textInput .textInputHint {
    top: 43px;
}

.horizontalSeparator {
    background-color: #DFDFDF;
}

.horizontalSeparator.fullWidth {
    margin: 20px 0;
}

.subflowFooter.pepGlobalFooter .horizontalSeparator {
    margin-bottom: 40px;
}

#headerWrapper {
    min-width: 1024px;
}

.globalNavigationBar .shdrLogo {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAAA9CAIAAAC1Nbs7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAJwVJREFUeNrsXXd8VEUXTe9ls+m9995DLwFCV1ARURFFFEXF/lkRAQULWEDsoiKoKBYECQQSQiAkgRRSSO+9957dfGd3spPJNpYAKsr89o+Xl1fmzbtz7jl37sxTHh4eVhKWxqbutIzagsLmqpqO5paegQGekqhoaKjqaKtra6tzOFpGHG0TrraFuZ6VpYGVpb6WlprSP7v09A6mZ9RWVrd3dw/q62mYmen5eJmZGOso3Sz/gKIM+6up7dx/IDMzu/6KT1ZWghU6ORi5uRp7e/4TX2ryhaqv96Z39wzq6qjb2XJaWnvrG7qwf9eOBQb6mjdf/99vfxVV7a+/ETcwyFNWVjbmapub6eHF6OlpqOBvFeVh/nBv32BX10BTS09TUw+wRM61cG6gv2VIkJWrMxdn/+3PVlHZvmFLLJ8/bGtt8OoL0wlUl5S2nk2quPcuf2zz+MP9fUPCZlACwJOzhob4BPtVVJW1NEfRncfj9/cL9uM6KiojT4fe29s7RL2EmpoKPR5+pbd3EHuwn60Vro9uMDjI09PTRFPTdurrH+LzhsWugysQ/6SppaaqosyCutKwktjFZdX8n1zUUi5UwfhsrA0eXxtuaaEv/+jWtt7Kqo7C4uai4pb8wiY8MPtfQEt0TCF+XK72pAi7qZPsYZHXpJbVNR1gBXCgqqrKHEMtV2djHR31y5515lw5jA8bzk5cyhOcHI3wI9t1dZ0vvnYCG3jwtzbPJjsvpNfs/iwFG+EhNuseDqNXi4kt3n8gCxtr7g+eMtGe7MTln3ohulfYLWEKty7yXBDlJjKp4ceeOTJ3tuuypd7k70t5jX/8mZ+X38jjj3AeoPLUyQ533eGL7a++SUs6X4WNRx4MnRBuSw7YtC0ezy7YeGWmgz2H7OzsGnjs6SMwfQ83k5eem0prCPq069NkbAT4WTz9+MQbw/7gN6NjiqqqO/73aswja0InhNnKORrkDz8/H3Nso6vl5jdeSKtJu1jb2dnPHtbS0ouGPnw039fbPGqWi4+X+fjQEL085mTxqYQy8FF2P4wJ7e5gx5F/eltbH9lISa329TEPCbQWq4amCCTU1UdxS12EPepjcev02XKyEZ9QRu0PmAQbIvaHBjlwMLuqqv2hB0JUBO5DWUNdlV4NDfLTrznYsLfjLF3siQ7f0dmffrGusqp95E2oq1IcpTdFfyMbKgz4nUksJ6w9r6AJfZ52cqkH/9PtD31o1/b5QDU8kqODkeJnopn8fS3wW8XjX8yuTzhbjv5H1QxxQOCU+NnZGi5Z5BkUYHVFVpiRWffF16kdYy17xFX1Df1+OG9OpDOATUNdVdYV8F+CKD09gzs/ToZmipzuNHmiva4C2ClWikpa0EUhX4A9BUXNwCRrKwP6XxdnLlwqeh22E5MrVVVVHlwVzD4sPAYxPjNT3Zefn0qco6mJrrMjF474SisTf6ZMX1+T9Pm402XLb/e5cfmfCoEBtKCrizFLXxQvaO4gf8v1j0Zs3xoFd6OtrS7Jwz7YnbTlrXh4bQWvmZBY/t6uc8T48J4WL/AAMLPVS02v2fpuwmNPHfn5t0tiNICWmdMc8VD0z7r6rn0/Zj7zQjQ8qdiRcNOwUfLrH5BiEMBguL+o2a4jf54uG2PoDtzNr8ykvReVF7vF8ZMjf86JdKHMDL0Itxsc5PP5w+zBqACtjNi/BKZc1Ay9uHZ1CGHYuJesx78x8O8aXgv6d8Uy36W3eMbFl/5xNB+qZUzDFTdv2nYKpHD57b7QN3KuA4nw5TdpgFI08R1LvSeE2Xy+JxXkiShuLw8zHy8z/Df+TDm8z6EjeXB8uK/kddTVVV96dkpsfOmRYwUEnIhP3/v9RZD5GdMc6ZHAtrXr/5BVHxhKyvkq1CQ40OrgbznAdTDLZbd5qzPQC0B6/slJr70R19DYjT9/+DkLJIz+t7SslWxQDofyzgdnYUzYePuNORYMUf7ki/NyGof0BBAbb0/T7EsNQMHUjBpQ1Zv2JyJnmmrz5rji7R49XngspkhMMoNFpWfWrVkVzL4esbL/QCbp9w+uCnJyMNq0NR66B3/Cj69eGURhJizE5tmXjglcXlKFVPsj2Dx7pjOAMOVCdfSJImoHx2OLWfuzstR/dv0ksp2VU79nbzp7ETjxIR4fAIxuA7qMt97dM4gLTppgxx6mq6vxxCMRr22JhbwAJv1yKHeMXBU1zmjdRCwNnYG9zv33BsK8yPa7H5wF2tF/gWgmX6i68zaBwwUHRU0ELji+9Kb9SbFCcL7ZM5x/+i3n1OlShhYqocvu2Jk4a4bTimV+kh4fplYgRIXwUBtPd9PN20aMLyLUBsKThRyCNCzvlsMQoCgjwmy//CaVyIi29r4xraCmQoOXknHBUwmlYJlffJOK7WYRjsadLhWzP9JD5s91g9QQiJ4LVXS/oYEW8QadXf2XbTpUgFZGrH2SUqoA9tB8ObkNcNxUVrMq5Mbjf+MugIrNb8UTzyi1ADDuvydw40szaMiDlhNxJVu3J0jKi4aGEauaNsn+vZ2JxPjQ1x9ZE8YaH/j+V9+mkW0/H+lQKkaM4LsprpiaKBoqr6zuAB8ID7Oxt+Xgh25AIoVEhUgev2i+u6GBJrk7rQBEHtnIL2y+mgaPSyiFZMHVUBMXJy69bNxYPvpfsb/9B7LAYD78OKlXblwaHvO1F6evXBGgOTYoinM3bT1FBiRYkyUbv/6Rh3ePDS8P09X3BbFyMq+gCVSyqbmHxGJuXeQh/W2dLn3/o3MUJoEcIE9kG0JYwWcEeHONtFfdHbBksSf5wRalqhAK/LNmOovtBCEhUZWYk0Viz3tF4fSy8rbbbvGkNblTpHxvXBUyfv/b2tZHAAAyLSOrTn7gEEoCDhe6AQbBEhoYx5vvJLz03BTqPqwsDcxMdbEfeoU4o3UPhZGAFpx4UUnzsRNF4F7UseK/xlzpYIa3lZZRm36x1sbaEGZRU9sB3ob9c2e7TJ3koMgzDg7yQC5hT+xwDsAYlIvEt6FChsUVqtLEcNuDv11i9+CJwC93fZIMvN+wJS402FpTQ7W8sp3qGwXDLnhSby+zUd3tyAVzRXsSFSLGI2+Iorpx48bxnVlc3Hw2qZJsAyFkOUExbJs8wb6otKWpqYdVlyA0YSHWxK/hRZuZ6p1LGbnywCAvJ7cxM6cevO2Hn7JiYourazopT3pq3QQfkUuVLEEBVt4epoaGWkrDSjw+38baICTIGjA8eYIdMaf+gSFtLXWwTPgy/KjNcQy1sNPZ0QigBcwWhAx1RwU7HlZFVdnD1cTZicvhaGloqoJdwA5GbzysBL6IKwgu4sQlXQuUbuZ0J2srAx1ttW5BlGcI0grdAGICO1GfwSG+jZUBTnFyFFxWRCGGYWTY6eZi3NzSAxbLxh2Fl9W1MNfDAbo6GpaWBob6muRgMNEbwv6UhyX7r4JcJL50z3cjOjEkyArST8ETYVJAgozMOnYnO0Tb3t73xHN/yqkXiOCMqQ63LvSUH8e5Wf7N/re9Y1RCioX65Bdgw2MPh2/bkcCGo0H19uxNf2RNqOBq3QMwPmAPsKG4pKWwuKW7ewAiV19f09bGEHQwLNiaBaSb5b9of93dg+M+F7YF1/nKplgib0mBzw3wtwCPBAWcO9vVz8ccfHG2BJe/Wf5NZfyMtbd/6GpuDDB7fG242Ej5vh8ye3oHQYZWLPP1YYj29SuQjY8+dfjkqZKbpnDD4B/4GTRXLSNjq2o6IGyxoaOjoaaqbGSkDZIOsQZWJ6D/MoqLMxc49+exAroH8vBYTNGSxZ7sYeDdUhUuTKe2rhMynAzhgzuSm4rl2122QAB9sy8DUnr6FAdZB/T2DYEDdHb1A/XRQ0i8ydpSX1L9QG7HxJWsujsAmlfxOpB8Pgmaq6IukV1B0wSlYImKslg6Og6urGrv7BxQUlYy4epYWxuoykiNAeFpaOxqaOweGOCpqakYCKmO1HwARaqKi1w2HkQy6BSyP2iU8sr2S7kN2bmNpaUtJIrBFvC/tIxaqedC9wHJwkNtvDzMJPNfli72TEqpbGkd9cLHThYtnOdGH+bYiaJ9P2bes9x/TuSoIy4ubTl8tCAru35AInkEtzA31bO347i5GkPnSiZDiPc/NRVXZ+Pc/Ma9318Es6RGE3e69OBvl9COfXJhfupkhwfvC2Irv//HTLzLnrFNhB57MbueN8QPDLDkSOuQGzbH0jgl+yxQu5HTnWZOc6JNh65y9lyF1MpA827ZEEm2m5p70G4Xs+pYO4B1BvpbPvRACGuFqBsaM+l8ZXtHv1jLgAItmOuG9lGkqhDvM0VV/XpfxpnEcvktv+fTJajGZeIvnZ39R44Vfr4nFSiVfakBN6bDPor37LKKNjRZWkaNpYW+qckYVADqaGiosVoY10ej21qPhA/2H8iEdZaVt82b40qCcNExhR99eh4AzONLhwHIl+qajszs+tT02pnTHFkXHx1TtPvzFAggNtOstbX3Ul4jnz/c2TUQGmRNdvJ4wydPlV42Oaq8os3X25zL1VYSZgZ8uy9DSRhvX7LIk4L0b4fzdn2aciGtGo+ZkFgeHGSlJyGeTp8tp6/f1cXYwY7T3NyLOsAhwIbqG7poxfLzm9D9aFjR3c0ErUp+aDcyqo7jX38zDs2Oh4K5T4gQRG06OvoA3qhPVKQLvS9aaev2hLyCpv5+AeyFBltHhNnAklpb+9CFauu6Tp8pRw/09jSjEVC2qp4epnY2hmxVYSEhQVapGbX1Dd2aGqrAEbwmGspAy2tqqmEndixe4KGirKwmG/OUjp8sAgb0XR3Po6Wisn3b9gQgmZikmDrJ/qdfsllMxXui0WwSrMazYQONWFTSQpKQaYF/h7NAzwZW9Qo9I5HPBAMGh/iqoqgs3soPP2fhlez5Lh0MgSZAwIf+LAwXJ5+vuvtOPzL+6+LE3fTqTHSbUwmlPT0ylRbuPiz0RgVFzV8Lo1G43eqVQZROfPBREgmkU0fx66HcRx4MldNQoAFTJtrDb2588xTpAOeSK8NDbIICLMWODPSzvHu5n+QVgJGdwoiEoYHmtk2ziaeD5QHUWVeDN/Lh7iTiQ+AoXnx2Ck3pvWOpN2qekyvIbzh6vBB9mCQ9iJU5M52DA61wnde3jlQ1MakiLMR69crAh+4PJse8+c5p2DfZvu+eAJK6ixdE7Fmm/aE1UV0KxXj3Vpb6YFdGHC1dXQ0tTbUjxwpI+hCKjbXB0sVegDq8KvSz5pZekLaauk6xuAzuCjeHS8HTsTgfFmJD76UkHJcThXj66bvHNXEiHdSHa5gx1dFDEHdVl+SFgtkqjd2GHG023yQ2vpSm0+Hp3n5jDslddbTnoPVhuPjv+dRqOjQH8rpwrhvN5Fu21DuCGePBXbS11Ai7hZfY9Ukyufhdd/iS2C/eNJqeuio02pSJdjGxJTnCpJXLFtCvIH/LZNHzpl2slbQ/qQVGny26BS5CJyqgncV6/p696ZTA4OnYfHK028OrQ55+IZq4b3i/iRF2aBBZfj/Q34IOSmWgqv6XqSqlE9LtD/6IGASoW9QsF093U0lSz1oMHApQV/I6LS29QKzUjBqww34RjqI/sfaHAhfGXg22i8dGezUwQ6WkexHvj+4IJ4U3imtqM7OBaENbmOlZSOSDJDMJKTCOk3El8OnCtlBG04MCCh48t5EdGgb4kfvCZYDZyJp0AqZFEmr8fS0IT0XHe2vHGWp8cJRAF/ReNGyFaNjtssXcTJcBzn4Fz6KzDgQ9ubgFztrZkSt5GN4L9ePgYRPDxYdP4bjxOKnpNQQ4TsQV339PoOyq6rEd4Gr1b35hE/Huzz05WVbSfL8CfhnEKIxrDUBubOp+/pUYHo8vFrgmxWls3j+elqgwyScB7J08VQKkoQOsaDsORxsqx8pK39rSAEgM1ynZW8AIaQoqKX8czYenIwLFwlyP2F+JKEEQkJZ8oRpwRVVUAkOo4aNBlYg8BAVMTK4knpdMq0P1dn2aDG0+0ghG2q++MJ0kxeCyistzNklMjDfLKWzAAe9o09ZTcC9zZ7uIWWF2zuh0W+hiqUINyoPYH4p82G5tG09VZdqfqTD/TMFxccLW5R8AJsvnjwgXoKnYfyUnsZOX1N0tPqwC+YamhIwYvTV/GHiJH+kzxA7cXY3hL0Cl6ewQmvgEni7ghYM8QFRMXMni+e7YaSwUEAR68S+g3fc/Z7MKDsYEkBvTtYy03YXpT4ejR+JH4SHWRD7/fiSP5qShezzxaAQxPhBQvKcxI8WyC3rshbQa+kRSY0ODQzyWmw7x+OgYuBfcC60AOjN4LX7wGLff6kUbnw6jCx9fegIHm6XW2NRDSZtkVcFb5Ff1yuwvJMj6h5+zS8taQdiX3+572XlD/QMyLRUc7seD2WfPlRNNAEhfOja8pySRQGrE0SbQwooSmuK1YpkfmF9JaWt9Y3d9fRcsAxtsAhhQFq2P329/5D735CQyqZRmPs+Y6tDW3k+CjsdiCmHNRJSx8hkV4HK05DwvSKe9MJMeAEMRIixUkJdVVd1x6HAePRIqj6J7rDBrRiycIVmgNnLzGkH4SNY0/OADK4PE0g7oBck1xeIvOP7Nd0+L4T1Y9dZ3E9Dfbl8imA/azbSYrMFMlm9AxKJl9McOuMefKcPjp4rIFaq6+j7pVb0y+wMgPbgq+L1d58DV6uq7oGXGPd4KS3JzMQagqmuoujpz3V1NJI8heX60eLib0MDv6PMzAR3wa8hDGLS5uV5ggKWDPQc2VFbRVlTUnJPXSE0NOLfr05QtG2aC4VFvaGysExRgRewPIjE+oUyMlRMsRw88JExjRpk0wQ6IAkqOzq2trUbyk4nJgkXRABuADVWCuKaBIbCiRUJ8Ralr6DoRJ/DmciYejHhGxtOBfEN4ypoXBri1YTQBjSxi/+ZXIw8czAZnEJvBhIdCzwkNslZj+jxfRiRLLAVEMnbNBs7ITOcrncImU/+imaCiv/w2Pf1i7YuvnVhxp19E6HgmGQAqLgvIVDqNvO8IOzlo+vqbcSTzlC2wCW8vM38fc+BNa1vv9z9lkaaBmUL8w+nUUPvj6uD1YA8hfFDxQFM2xkTA/tjJItGfyncs8Ya3lVofdE42cpmWUUPFu0BU3jbyPkBnd3+WAs+OesIDyG8NMEvqzi5m1tHp65JFVvxFMLyppwEounWRx3HhBGrWP8TFl8L+9PVGpxlI8pyR/T0D7OCKpPyC6KQkISOz9o4lXtdy/HfqZIcn10WAmYIIo/neeOc0VUzXsEAkxsaPDr/a23F8vWWO/B4/WYSGWPdw2G23eEE0sJoLbuuTLy9s3Z4Ah7t29WiADQ4R7UsjQWRqxZRJ9lSh4w2xcSKYCP5MSqkSaXMzWcaHosmICVTg1z9G5xyBb5GgMVB2+4eJZeVt2F44z/2yCIGeT1kaUPP3I/njblt0trvu8N3+ZhQLuqTP2NqMAqdkfxZFTLtZ5y6lA/hbUoeGy1KPcW3sj9xg0ysziHTKL2h6/c1T7390DtzrWhkfLAMXpGttwcFB5MtZOwYyFvIqPMTmloUeb2+Zs+GF6dMmO1DFBw+4cJ4b4XCjCK+qQoUkGdkUcLVga6r4Dv5+iUxTJ9oN4gOQSaQ6ymTRUgcgCdA9H+xOWv/c0Yef+IPIYXOmDxyJzmdjK0sWeeIiEDGvvH6CYC1e4awZCuX938lMKT8SXSB1ooniRQ9YuDKIZUSEiNM9NbUd7e19kifm5Y/O7PHxMlekqmxy+1X5Xza088oL02JPleA9QW2lZdTi5+ttzkbSx1eKils++fI8O5h4z3I/dqYSyBY7UkekyclTJQBjkGi4URdnLn6EFIKdgJOBsuBlf/1dBj3RzdVYDPyIvo6c5kikK9xiezuPHixQwa09bJgz5UIVqio2ZQ5oN2WivYsTl8wWEGNLeMfg5rs/T6G3Rs2fXDdBQXoEyRIWYk1oCYz4q2/TX/nfNMVXjzhzTjAIwa4MwQYonIWZ3vASAEXCUlDzmLgSqGOxrk7GP0j4M3K6o9R7oQUA8+fTqklM/qtv015+/gqqqlD+AV4tSHp4qA2htKhuVk79uM0OpxcUNZ2ILWEDwij33uUvNi2IlaXE0+EAsBnAFX7oGPBxMCkyBAKxAm8F42N138QIO8ixXFE/ZleImxflBvEoNj2ZUE8jw1GHmyttdh86A1gjYYcrVwS8+8FZyTGY5POjT2drbfDU4xOvaH06kM7U9FoCw4XFzegGM6c5yj+FBO2hfvZ+f/Hw0fzlt/v6+ZiDrnT3DH67P4PSWaq30OBgqyTIcORovqM9JzjQipVutEetWOYrK0ZDButSM2qIiCkoakbHUzwEcwX5V/BcEMXz5rj+djgPkMB29+rqjnfeP+vpboKXLVyjSMvAQIt2AgAMOFBjYzdEAIAE+o5NOyX6f+3qEEliLhkXhNxb/2jEx1+cB6Gub+iSP5csyN/ygXsDWX3HNiIY+j13+X/21QU2uE2SDiFlYPpSA+zw2rA8yFIjUYAGZ+H1iI1Ks10ILbZ4vvuVCkP0LhgcHf1Dzw8OsBRLZjsZX0Kj4vzhYSDxlg2RpaWtZBx8x85E3F1HSN9pCsDy231oPAhk48Vnp+7YlYgeC6sFtQD5trbUB3u5lNdIdD2qffedfvKnC4KIo01oDuUPP2eBtpGQ57W0v5FYuZXBuofCbl3o8eHHoyF+1B6IKAaK6sLVn3r7BuXPMJkYbnvXMj+p1WVTlegID7zGG69F/vhzNjBfauAAdg8XExXpEi4S7I4ORsBIdHRbmzEkevIEOxjZgV9y+voG0fXRu6hmx3v6Zl8Ge7CDHWfaFAcApGSvmDvbNTGpsqyijX12B3sOnODEcDt9BSapoInYBQjJxoIoNzbV6rsfM9Hyvf1DOtLGKlSUR9b8w7M/u37SqYTS7JwG6HrSi4CCHm4mi+a7e3uO0XagpNs2zYYCA1pXVrWXV7SVC59CuLKoflCA1azpTlzuGPmFNqcVoG59wVy3c8mVNFS2/8dMMpWCRMXp8ZIjGuOff4TuQkOv4yhoEYiARQs8ZI1qkwJ5j3Yh66uKx2La+wSBwOr2js6B/r4hXV11wIO9LcfVmSuZ9AqKBvEuiHtJ4JBgojiPL7lgIzBASI+GLcz1gYty8kkhTV7eeIL+uWKZ3+xIZ9W/exE0vFj4GSg8XR0NAwPNywIwWRgTJgLabWigdaVpvOMr47c/eJzomELKq8C0QJVKSltkpeXRkDoYKzpWSJDVv2YFXDhHOgoHB73z3fl/zcv7F5Txzz+C8zp2opBYL0QrUU/gy0Ca6prOjs7+rq7+EXxWFiyAwjXSNjfTBZYoK//bGpHGYIVxCrObxvdX2B+ow313B+77MROOhqbUQhiSXNz/Tgs2t/TUMTLIx9PsplX9FfanJFzgcVKELWxufAtX/jtKccmYaLzkSks3y/WyP7EQ3X+z1NV3MtJbWcH0qptlRIbebIKrLILZjaJixNFSV79J/m7a319Y2HAgR27W4M1y7f3vtSrVNR1ELANC9BWOy1RWd6ipKl+l3CkqaRkc5IHFurkYK3jTYWGMycxMV0tTzd/P4vcjIwmnNKIkWD1cOLKnp6ch61MwEC4ko1jO0BYpMbHFZFnOCeG2svhlWkZtSmr1jCkOXK42yWext+WgDo1N3cLIgyB6f/pMWW/fkJmpbqBoftCxE0Ukg5qdcy1ZensHj58sxjGq13qJt3+K/W3/MJG02t13+kXNcpF12IGD2fZ2gmFKongOH80/l1xpa2N4z3I/ybR+Whoau/HzdDeR2ny7P0vBrXW01T/5cJEiVX3jrXhiWy8+O4Ws3XbLQo/fhTnPlA3jvZJcLPQNWSNRBUXNZCyBve/KNb+QjfWPjq4nFhtfSlJg+MPDdOiypKwVD7XuoZEv5FxIr0lMqsDP2sqAHAw76+8fau/oj4p0yS1oFHbyTh6PHxRgydofaXZcTeYyxsNKpeVtV5RVf+PZn4LF0cFo5yfJ6OL3LvdHO5IRv5bWXkAIOxOir38IeNDe3nebMCppzNWGfff0DCyY6349RiZuu8XLz9s87WKt5CDNhDCboAArqWdteSteztzqvPwmNqZDwzp0v4GB5irRhDRBRkh2HbE5dE5if6vvC8LBpBuQvPynX4iWleoXOd1JU1M6/kFUWZrryVlH5T9kfyFB1sAbeMzjscVwbSS7Cf7lw4+TxrBaFWVba8P5USOf6wDsAVbf/eDs/gOZufmNTz024aPPUmCd8FB2dobECIaG+AmJ5fUN3QWFTaB0V/r9KlcXY1dp7tvYWEfWUpDyv1J093I/MrVCSTinmAwil1W0kU+JAI1YtlBe2UbWJFi62JNNGr2C+jtzJadY5OQ2oIXDQ6/j4vo3mP2BLeFlHIkuePShsCPCORy3LPC4bWziGv0MH5sv7udjjl9jUw+wSkkQtGshSIBjyHI+cG1NTT1V1YJ8fR1t9XHUDajz/U9ZS2/xYqeTDgzwZC2fIH/cE54xM3skpQP4TZbsAPUks/J4Q/wLaTWgZauFq89czBKAn4W5HrD26PHC8aj4roHoE0VTJtrTYW5c/POvU1taekErAbT612epz3+c/bEvTPB5mT/zfbzMSP5PdEyhh7spYGb9ugg4hSzhB2PB/U+dKXNmWDlYUVV1BzDss52L2Ss/sDII1saqAbC3JYs9AXvgcxrqqmSbXUhpx87EAokV62nK4I6d56grF3zzY5A3dYqD2HcQDv5+6Uh0gdQn7euTt4Ci8NNII1mxfb1DKsJRS5oS1j8wxDHUipo1kslHvp1bV99F8kApr6WL9ax9QvB1nV7ZdxTMaA6yfm1L7JRJ9ksXe6H19v6QSTIpz6dWo6EUzNy+4e3vz2MFdC0EmAt6JJ2roaGhtmFzbJC/5X33BKqrqZib68EKC4ubgTcTwmw/En60Eg4ITAX2pzJ2mBmgSLJ54bYU/1QGUFZysTP6wUtwf9YJSl0uDWhNP1YoVqCchnh8WYuGCxahO6REVk6Jmu1CclfhkUlaK0gevWx3z6DUD5utvi8YLh5I7+zEJdOUqP6VekfwhDX3h3yw+1zKherJE+zo9Gf4+utkfP9E+7t1kacs/Tt1kv2hP/NA842MtOFG16wK3vhmHHFPdM69laUByb9hB2a2CBVrlXCW55r7g6n9NTb3gA4SmAGAYbt27PQFqaETatcg7DqKfcrw/Y/OEVhlv92KaqCPKPLNRzBXoveluvLsnHpjUcyFLagecMvLw7StvY/8d2CQj2eUs7AnJN0dS7wP/JJDZxJhzyrZy278t/gf3sHCue6gRBATZeVtLs5cks+opaVOJ8ADhHqFL0lVVTn7UoOnhylc5Cv/m4Y3J/mFt4rKtoREiGWeSH9UjPvjHFdaiktb3n7vLGgcLFKS4BNrsxRkgFqK9IemSH8UKY1N5C6vaFv7YCj6mNhFyJcZYW0FRc26oLn8YTLbQ/DNi42zZFVs4Tx3tAPJLIZugzle16+53mD6Y9pke7gDGBbcytf70huF33FIOFtG18Xa92MmcY7NLT1x8aUk81nW1YIDrODm8vIbwas0NVQfuj8Y/I+dwHstBJOyLOMj9fxsT6qJiY7Y4ixQG2QlEDIho4Cpkr0dBy6YXVVyxjRHqXcB0Lq7Glta6P/wcxYo3emz5cT+iAKTVXDYaFo7j//GO6fXPxohddWAa1JusPE3ECy8lT170319zLdsiCTfjV403+MO0SRtMDYSXLW1MXz8kfBxfOr3mhSKx9oSyfr5BU3E+Iw4WlDu7781lxofVTb6+po9vUMwFwjq0rLWiop2/ARd7ruMXw/l1tR2vrfrXLko3V/Wej/mZrpkZAjY+f7uJCghQn9lxSOJ4Nv7/UVsgPARxtnVNbBt+xlwnpv2p0TWVMQrae/oIx8yJf5XW1uNziCGjCX87+9NCeMNjagWsaBabl7jex+d8/E0E34uee4tCzzGTGMVSR0rS31ba4PHHg6HtIK9+nibzZzuSMYJiSx7dv1E+8t9/h1u9Jt9GacSyiAmci41dHcP6GirP/RAiKz8X6Ddx5+fh5t+8L6glSsCnnliIhnaxv6dHydnX8WMx3+J/z0SXQDXkH6xliz4QtECzUo/S4kmI0EK6ErIvbBQGzENwU43OHaiCA4XUCQI+CkLhgeu1WKvNNIhlo6F6u3YOpdVLT/9mkM//Too8qpkfUQYCuD87ffObP8wER6WzJRwdzNZuzrkskPGKBwDwRri/n4WMHpyLoejJecbXb8cyoUe3/jSdDJLy9rK4NE1YQBanOvnY+4obRHB/5b9zY9yfeZFwQd/bYQrLNHJVF/tTeeLlivYvC2erGZSUdne0TVAm3uYiWATtwibWzjPDXRbLCYCzNDWvlqvTfDYztZQbI4L+ChrfDm5DTm5o/OLySKTQO4Q0Txc9DcSAKLTdDgGWkBEb0+zyw6IgaJA/7a09H7xdSqUhLqaChz3hi2xMF/JZfsBrujSr788gx0iD/CzWLHMF1xzfpTbdZo1cWPYH7gOxCDeZVSk86E/888mVXq4mdDxrqcfn8Dy97ffPwtn4eVpunCu20icpan70y9H5vmeOl1maKB1j3ChSIFDzB8zvRwIsX5dBNnv7MTVuJJkPlSyrqGLfAqajIZFTnMSUyHZOQ1sDOVcSiW82x9/5pNlssiyIdMmO4D/dXb2Axrjz5QJlvky0wsNskpMqYQxJV+oIvP29fU0wORWM6vvSxaYzq7PklVUVZ5dH47u+sHupI7OfrQPGwYixdpKHyAneYWoWS6Crx9UtB34JXvRPHdPD9Mb3v7g9aQ4LJEzpWtVkwI6AvUHGHj68YlmprroiCfiSuB59/+UBf2xY9tcJWaa8MWsuv0Hsoh8g5GxTIhIyKmTHXCM5HIFkmVihB1JqHl544nesbNWqW/d/VkKDTjDdQ7zh+8VmXVrWy9IwlRRzgiNOMLg6KcVRwN4uQ3E/sAi8CxA5UNH8v48VsjlakfNcg0JsnJ1NoYB37rYMym5Mv5MObAKNgE27H25T/RAqJlwddY/OoHk4Cy7zefAwWxgcGiwtdiRm9+KV5ENcej5C+a5XXPjU7qa+ZfX1v7kFLyGIH9L6heiYwobm3puXeQpdUSSxx9+ddNJ4M1jD4exeYGJSRWQk2sfDAXeFBa3tLT0yHlsZeHX14ltkSy9y+s4ZWVDjhYZjkMdXnw15n/PTKYsbWCQd/5CdZfEMmeop6GhYEU2QlKPHi90cjTq7R3S1FS1t+XICm5DkxYWNzc198ya4UxsBphKWjU40Kq7Z4DkyOBSsBux+Db4boCvBc2wVDD/7/qVv8H+rneRtUzsX1iBYcD2OFI1caLyv292qtzyfwEGAGQMw2VjsfSHAAAAAElFTkSuQmCC');
    background-size: contain;
    height: 33px;
    margin-top: -10px;
    width: 121px;
}


.AssistanceSMS-Container {
    margin-bottom: 12px;
}

.AssistanceModal {
    font-size: 12px;
}

#modalPaddingLayer .assistanceSMSModal #modalTmpContent {
    padding-bottom: 0px;
    line-height: 20px;
}

.assistanceSMSModal #modalUIPlusButtonPane .modalUIPlusButtons {
    margin-top: 0px;
}

.assistanceSMSModal .ui-dialog-titlebar .ui-dialog-title .horizontalSeparator {
    margin-bottom: 15px;
    margin-top: 10px;
}

.assistanceSMSModal #ui-dialog-title-contents {
    margin-top: 17px;
}

#assistanceSMS-Scroll {
    font-size:14px;
}

#assistanceSMS-Scroll h4 {
    margin: 20px 0 17px;
    font-size: 1.2em;
    font-weight: bold;
}

#assistanceSMS-Scroll .assistanceSMS-Scroll-First-Line {
    margin-top: 0px;
}

#assistanceSMS-Scroll .assistanceSMS-Scroll-having-trouble {
    margin-bottom: 0px;
}

#assistanceSMS-Scroll ul {
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

#assistanceSMS-Scroll ul li {
    margin-bottom: 10px;
    margin-top: 10px;
}

.modalAGVerticalScroll {
    max-height: 254px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 668px;
}

.assistanceSMSModal .modalContentScroll {
    padding-right: 18px;
}


#modalPaddingLayer .assistanceSMSModal {
    height: 390px;
}

.assistanceSMSModal #modalUIPlusButtonPane .horizontalSeparator{
    margin-bottom: 1px;
    margin-top: 0px;
}

.mdxIcon-delete:before {
    content: "\e32b";
}

.mdxIcon-refresh:before {
    content: "\e321";
}

.mdxIcon-error:before {
    content: "\e240";
}

.mdxIcon-tick:before {
    content: "\e241";
}

.mdxIcon-arrowRight:before {
    content: "\e30e";
}


.NoticeModal {
    font-size: 12px;
}
/*================
*SPRITE DECLARATION
*==================*/

.universalLayout #signInHeaderImage.waltDisneyWorldLogo,
.universalLayout #signInHeaderImage.shdrLogo,
.logoHeader {
    background-image: url('/media/images/5700c59d755c5c316502defbae3cd7bc-sprite.png');
}

/*===============
*GLOBAL
*=================*/

/*LOGIN*/

.universalLayout #signInHeaderImage.waltDisneyWorldLogo,
.universalLayout #signInHeaderImage.shdrLogo {
    background-position: 0 0;
    background-size: auto;
    width: 190px;
    height: 54px;
}

#signInForm #forgotPassword {
    position: absolute;
    font-family: "Avenir 55 Roman";
    height: 18px;
    top: 160px;
    width: 210px;
    text-align: left;
    right: 5px;
}

.notResponsive #login-AssistanceSMS-Container {
    width: 216px;

}

.loginPage .loginFormContainer {
    margin: 30px 19px 22px 26px;
}

.universalLayout #signInBottomInformationContainer h2 {
    margin: 15px 0 12px;
    line-height: normal;
}

.universalLayout #signInPageHeader h1 {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 30px;
    color: #253B56;
}

#signInPageHeader,
#signInForm .offerCarousel.signInCarousel {
    margin: 0;
}

#signInForm .offerCarousel .offer .radio {
    margin: 0 12px -4px -1px;
}

#signInForm #radioEmail {
    margin-top: 20px;
}

#signInPageHeader .subflowInstructions {
    margin-top: -10px;
}

#signInForm .pillLink {
    margin-right: 3px !important;
}

#signInPage.universalLayout .horizontalSeparator {
    margin-bottom: 13px;
}

#signInPage .assistanceSMSModal .ui-dialog-titlebar .ui-dialog-title .horizontalSeparator {
    margin-bottom: 15px;
    margin-top: 10px;
}

#signInPage .pepde-span-30 {
    width: 547px;
}

#signInForm #mobileGroupContainer span.labelValue,
#signInForm #emailGroupContainer span.labelValue,
#forgotpassword #signInContainer #mobileGroupContainer span.labelValue,
#forgotpassword #signInContainer #emailGroupContainer span.labelValue,
#forgotpassword #signInContainer #birthDateContainer span.labelValue {
    font-family: "Avenir 85 Heavy";
    font-size: 13px;
}

#signInForm #mobileGroupContainer,
#signInForm #emailGroupContainer {
    padding-left: 51px;
}

#forgotpassword #signInContainer #mobileGroupContainer,
#forgotpassword #signInContainer #emailGroupContainer {
    padding-left: 36px;
}

#signInForm #countryCodeid-base {
    display: block;
    margin-bottom: 10px;
}

#signInForm #loginPageMobileid-base,
#signInForm #loginPageUsernameid-base {
    margin-right: 20px;
}

#signInForm label[for="loginPageMobile"]:after,
#signInForm label[for="loginPageMPassword"]:after,
#forgotpassword #signInContainer label[for="forgotPasswordMobile"]:after,
#forgotpassword #signInContainer label[for="countryCode"]:after {
    content: '';
}

#signInForm .textInput.emailLength input,
#signInForm .formInputElement.emailLength label {
    width: 200px;
}

#signInForm .inlineErrors li {
    list-style-type: disc;
}

#signInForm #loginPageMobileid-base .inlineErrors{
    display: block;
}

#signInForm .formButtonsContainer {
    margin-top: 40px;
}

#signInBottomInformationContainer .createAccount {
    font-family: "Avenir 85 Heavy";
}

#signInForm .formButtonsContainer .labelValue {
    font-family: "Avenir 55 Roman";
    font-size: 12px;
    vertical-align: -webkit-baseline-middle;
}

#signInPage #ui-dialog-title-contents {
    margin-top: 25px;
}

#signInPage #modalTmpContent {
    font-size: 12px;
    line-height: 20px;
}

#signInPage .assistanceSMSModal #ui-dialog-title-contents {
    margin-top: 17px;
}


#signInPage #modalDialogDivContainer .horizontalSeparator {
    margin-bottom: 4px;
    margin-top: 6px;
}

#signInPage #modalUIPlusButtonPane .modalUIPlusButtons {
    padding-bottom: 25px;
}

.subflowContentWrapper {
    min-height: auto !important;
}

#rememberMeContainer {
    display: inline;
}

#signInPage .signIn-mobiles {
    margin-bottom: -32px;
}

#signInPage #login-AssistanceSMS-Container {
    margin-bottom: 7px;
}

#signInPage .assistanceSMSModal #modalTmpContent {
    margin-top: 0px;
}

#signInPage #assistanceSMS-Scroll ul {
    margin-left: 46px;
}

#signInPage .modalAGVerticalScroll {
    max-height: 248px;
}

#signInPage #modalUIPlusButtonPane .modalUIPlusButtons {
    margin-top: -3px;
}

/*REGISTRATION*/
#registrationOnePageForm {
    padding-top: 28px;
}

#registrationOnePageContainer .subflowInstructions {
    margin-top: 7px;
}

.uiPlus .textInput.areaCodeLength input{
    width: 30px;
}

.uiPlus .textInput.mobileLength input,
.uiPlus .formInputElement.mobileLength label,
.uiPlus .formInputElement.mobileLength .inlineErrors,
.uiPlus .formInputElement.mobileLength .textInputHint {
    width: 190px;
}

.uiPlus .formInputElement.countryField {
    margin: 0 10px 10px 0;
}

.uiPlus .formInputElement.contactlabel,
.uiPlus .formInputElement.contactlabel p {
    margin-bottom: 0;
}

#mobileExistsNotification,
#passwordNotAllowedNotification,
#invalidDateNotification,
#mobileInvalidNotification,
#mobileCnInvalidNotification,
#captchaInputErrorNotification,
#dataForcaptchaErrorNotification,
#captchaInputEmptyNotification {
    display: none;
    color: #FF4605;
    margin-bottom: 10px;
    font-family: "Avenir 55 Roman";
}

#invalidBirthDateFormat {
    display: none;
    color: #FF4605;
    margin-bottom: 10px;
    font-family: "Avenir 55 Roman";
}

.lds-ring {
    padding-left: 70px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 0px;
    border: 3px solid #d0d0d0;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #1994D7 #d0d0d0 #d0d0d0 #d0d0d0;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#registrationOnePageContainer #capIndid-base ,
#signInContainer #capIndid-base
{
    display: none;
}


#registrationOnePageContainer .icon-arrowRight,
#signInContainer .icon-arrowRight
{
    color: #1E96D6;
    opacity: 1;
    font-size: 24px;
}

#registrationOnePageContainer .icon-error ,
#signInContainer .icon-error
{
    color: #FF4605;
    opacity: 1;
    font-size: 24px;
}

#registrationOnePageContainer .icon-tick ,
#signInContainer .icon-tick
{
    color: #4EB86C;
    opacity: 1;
    font-size: 24px;
}

#registrationOnePageContainer .icon-refreshClick ,
#signInContainer .icon-refreshClick
{
    color: #1994D7;
    opacity: 1;
    font-size: 24px;
}

#registrationOnePageContainer .captWidthAll ,
#signInContainer .captWidthAll
{
    width: 323px;
}

#registrationOnePageContainer .captWidthInit ,
#signInContainer .captWidthInit
{
    width: 110px;
}

#registrationOnePageContainer  #coorxid-base .labelValue
#signInContainer  #coorxid-base .labelValue
{
    font-size: 14px;
    font-weight: 400;
}

#registrationOnePageContainer .captTable td ,
#signInContainer .captTable td
{
    /*height: 80px;*/
    height: 120px;
    padding: 0px;
}

#registrationOnePageContainer .unShowed ,
#signInContainer .unShowed
{
    display: none;
}

#registrationOnePageContainer .captchaImg .unShowed,
#signInContainer .captchaImg .unShowed
{
    display: none;
}

#registrationOnePageContainer .captTable .unShowedSpan ,
#signInContainer .captTable .unShowedSpan
{
    display: none;
}

#registrationOnePageContainer .captMoving ,
#signInContainer .captMoving
{
    border: 1px solid #1E96D6;
}

#registrationOnePageContainer .captPassed ,
#signInContainer .captPassed
{
    border: 1px solid #4EB86C;
}

#registrationOnePageContainer .captError ,
#signInContainer .captError
{
    border: 1px solid #FF4605;
}

#registrationOnePageContainer .leftCapt,
#signInContainer .leftCapt
{
    padding: 0px;
    padding-top: 25px;
    width: 110px;
}

#registrationOnePageContainer .captMoving .leftCapt ,
#signInContainer .captMoving .leftCapt
{
    background-color: rgba(30,150,214,0.22);
}

#registrationOnePageContainer .captPassed .leftCapt ,
#signInContainer .captPassed .leftCapt
{
    background-color: rgba(78,184,108,0.22);
}

#registrationOnePageContainer .captError .leftCapt ,
#signInContainer .captError .leftCapt
{
    background-color: rgba(255,70,5,0.22);
}

#registrationOnePageContainer .captchaImg .mdxIcon-xl,
#signInContainer .captchaImg .mdxIcon-xl
{
    width: 40px;
    height: 25px;
}

#registrationOnePageContainer .captchaImg .captInit .mdxIcon-gap,
#signInContainer .captchaImg .captInit .mdxIcon-gap
{
    padding-left: 70px;
    padding-top: 5px;
}
#registrationOnePageContainer .captchaImg .captMoving .mdxIcon-gap ,
#signInContainer .captchaImg .captMoving .mdxIcon-gap
{
    padding-left: 45px;
    padding-top: 0px;
}
#registrationOnePageContainer .captchaImg .captError .mdxIcon-gap ,
#signInContainer .captchaImg .captError .mdxIcon-gap
{
    padding-left: 43px;
    padding-top: 0px;
}

#registrationOnePageContainer .captchaImg .captPassed .mdxIcon-gap,
#signInContainer .captchaImg .captPassed .mdxIcon-gap
{
    padding-left: 45px;
    padding-top: 0px;
}


#registrationOnePageContainer .captInit .icon-error,
#registrationOnePageContainer .captMoving .icon-error,
#registrationOnePageContainer .captPassed .icon-error,
#registrationOnePageContainer .captGetError .icon-error,
#signInContainer .captInit .icon-error,
#signInContainer .captMoving .icon-error,
#signInContainer .captPassed .icon-error,
#signInContainer .captGetError .icon-error

{
    display: none;
}

#registrationOnePageContainer .captInit .icon-tick,
#registrationOnePageContainer .captMoving .icon-tick,
#registrationOnePageContainer .captError .icon-tick,
#registrationOnePageContainer .captGetError .icon-tick ,
#signInContainer .captInit .icon-tick,
#signInContainer .captMoving .icon-tick,
#signInContainer .captError .icon-tick,
#signInContainer .captGetError .icon-tick
{
    display: none;
}

#registrationOnePageContainer .captPassed .icon-arrowRight,
#registrationOnePageContainer .captError .icon-arrowRight,
#registrationOnePageContainer .captGetError .icon-arrowRight,
#signInContainer .captPassed .icon-arrowRight,
#signInContainer .captError .icon-arrowRight,
#signInContainer .captGetError .icon-arrowRight
{

    display: none;
}

#registrationOnePageContainer .captPassed .icon-refreshClick,
#registrationOnePageContainer .captMoving .icon-refreshClick ,
#signInContainer .captPassed .icon-refreshClick,
#signInContainer .captMoving .icon-refreshClick
{
    display: none;
}


#registrationOnePageContainer .captPassed ,
#signInContainer .captPassed
{
    border-width: 1px;
    color: #4EB86C;
}

#registrationOnePageContainer .captError,
#signInContainer .captError
{
    border-width: 1px;
    color: #FF4605;
}

#registrationOnePageContainer .wholeCaptPassed ,
#signInContainer .wholeCaptPassed
{
    background-color: rgba(78,184,108,0.22);
    vertical-align: middle;
    text-align: center;
}

#registrationOnePageContainer .wholeCaptRefreshClick,
#registrationOnePageContainer .wholeCaptRefresh,
#signInContainer .wholeCaptRefreshClick,
#signInContainer .wholeCaptRefresh
{
    background-color: rgba(208,215,222,0.22);
    vertical-align: middle;
    text-align: center;
}

#registrationOnePageContainer .wholeCaptPassed span ,
#signInContainer .wholeCaptPassed span
{
    color: #4EB86C;
    font-size: 16px;
}

#registrationOnePageContainer .wholeCaptRefreshClick span ,
#signInContainer .wholeCaptRefreshClick span
{
    color: #1994D7;
    font-size: 16px;
}

#registrationOnePageContainer .captchaImg .firstCapt .capPiece ,
#signInContainer .captchaImg .firstCapt .capPiece
{
    display: block;
    position: absolute;
    top: auto;
    left: 40px;
    background-repeat:no-repeat;
    background-size: 100%;
    width: 63px;
    height: 60px;
}

#registrationOnePageContainer .capBg,
#signInContainer .capBg
{
    /*height: 80px;*/
    height: 120px;
    background-size: 100%;
    width: 213px;
    background-repeat:no-repeat;
}

#registrationOnePageContainer .captchaImg .captGap ,
#signInContainer .captchaImg .captGap
{
    padding-left: 0px;
}

#registrationOnePageContainer  #captchaInputErrorNotification .captchaInputError ,
#signInContainer  #captchaInputErrorNotification .captchaInputError
{
    font-family: Avenir,Helvetica,Arial,sans-serif;
}

#registrationOnePageContainer  #dataForcaptchaErrorNotification .dataForCaptchaError ,
#signInContainer  #dataForcaptchaErrorNotification .dataForCaptchaError
{
    font-family: Avenir,Helvetica,Arial,sans-serif;
}


#registrationOnePageContainer .formContainer {
    position: relative;
}

/* Profile Privacy Enhancement */
#registrationOnePageContainer .requiredField {
    float: right;
    /*float: left;
    position: relative;
    left: 90px;
    top: 10px;*/
}
.baseInfo-h3 {
    /*margin-left: -30px;*/
}
#registrationOnePageContainer .formContainer .subflowInstructions > h3 {
    margin-bottom: 22px;
    /*line-height: auto;*/
}

#registrationOnePageContainer .AssistanceSMS-Container {
    margin-bottom: 0px;
}

#registrationOnePageContainer .AssistanceSMS-Container p {
    white-space: normal;
    width: 400px;
}

#registrationOnePageContainer .AssistanceSMS-Container #hintSmsMessage {
    color: #8294AA;
    font-size: 12px;
}

#registrationOnePageContainer .guestInformation div#birthDateContainer,
#registrationOnePageContainer #countryContainer {
    margin-bottom: 12px;
}

#registrationOnePageContainer #birthDateContainer .inlineErrors {
    position: static;
}

#profileLanding .horizontalSeparator.fullWidth,
.uiPlus .helpLabel label {
    margin: 0;
}

.uiPlus .contactlabel > label{
    margin-bottom: 10px;
}

p.name {
    font-family: "Avenir 85 Heavy";
}

#registrationOnePageContainer #registrationOnePageForm #pageLevelError .horizontalSeparator {
    margin-top: 29px;
}

#pageLevelError {
    margin-top: -5px;
}

#dob .selectBox {
    margin-right: 13px;
}

#mobileGroupContainer,
#emailGroupContainer,
#accountExistsNotification,
#mobileExistsNotification {
    padding-left: 0px;

}

#registrationOnePageContainer .guestInformation > #mobileGroupContainer #countryCodeid-base {
    margin-right: 50px;
}

#registrationOnePageContainer .guestInformation > #mobileGroupContainer {
    margin-bottom: -30px;
}

#registrationOnePageContainer .guestInformation > #emailGroupContainer ul.validationContents {
    margin-top: 5px;
}

#registrationOnePageContainer .guestInformation > #emailGroupContainer #emailid-base {
    margin-right: 12px;
}

#registrationOnePageContainer #mobile-validationError {
    margin-top: -10px;
    padding-bottom: 10px;
}

#mobileGroupContainer .inputRow .validationContents {
    margin-bottom: 20px;
    padding-top: 3px;
}


#registrationOnePageContainer .captchaInformation #captchaGroupContainer .captchaImg,
#signInContainer .captchaInformation #captchaGroupContainer .captchaImg
{
    margin-top: -38px;
}


#registrationOnePageContainer .captchaInformation #captchaGroupContainer .icon-captcha,
#signInContainer .captchaInformation #captchaGroupContainer .icon-captcha
{
    transform: scale(0.4);
    margin-left: -10px
}

#registrationOnePageContainer .guestInformation .validationContents,
.editProfileContactInfoContainer .subFormPhone .validationContents,
#verifyAccountForm .validationContents,
#registrationOnePageContainer .captchaInformation .validationContents,
#signInContainer .captchaInformation .validationContents
{
    padding-left: 18px;
}

#verifyAccountForm #mobileGroupContainer .inputRow .validationContents {
    margin-bottom: 0;
    padding-top: 5px;
}

#verifyAccountForm .AssistanceSMS-Container {
    margin-bottom: 0px;
}

.notResponsive #verifyAccountForm .AssistanceSMS-Container p {
    white-space: normal;
    width: 380px;
}

#verifyAccountForm .AssistanceSMS-Container #hintSmsMessage {
    color: #8294AA;
    font-size: 12px;
}


#registrationOnePageContainer .guestInformation > #emailGroupContainer.fieldGroup {
    margin-bottom: 5px;
}

#registrationOnePageForm .guestInformation + .horizontalSeparator {
    margin-top: 12px !important;
}

#registrationOnePageContainer .subflowInstructions {
    margin-top: 10px;
}

#registrationOnePageContainer #signInContainer,
#registrationOnePageContainer #communicationsPreferencesContainer,
#registrationOnePageContainer #registrationTermsAndConditionsSubflow {
    margin-top: 2px;
}

#registrationOnePageContainer #childNotification .subflowInstructions > h2 {
    line-height: 27px;
}

#registrationOnePageContainer .formContainer #signInContainer > h3 {
    margin-bottom: 0;
}

#registrationOnePageContainer .formContainer #communicationsPreferencesContainer > h3,
#registrationOnePageContainer .formContainer #registrationTermsAndConditionsSubflow > h3  {
    margin-bottom: 15px;
}

#registrationOnePageContainer #passwordContainer {
    margin: 10px 0 0 !important;
}

#emailid-base .textInputHint,
#confirmEmailid-base .textInputHint,
#mobileid-base .textInputHint,
#confirmMobileid-base .textInputHint,
#disIdPasswordid-base .textInputHint {
    top: 53px;
    line-height: normal;
}

.no-touch #registrationOnePageContainer #mobileid-base .textInputHint,
.no-touch #registrationOnePageContainer #emailid-base .textInputHint,
.no-touch #registrationOnePageContainer #disIdPasswordid-base .textInputHint {
    top: 43px;
}

#editCommunicationPreferences .textInputHint {
    top: 51px;
}

.profileSubHeader .subheaderText {
    min-height: auto;
}

#registrationOnePageForm #disIdPasswordid-base .textInputHint {
    white-space: nowrap;
}

#registrationOnePageForm #disIdPasswordid-base {
    margin-right: 45px;
}

#emailid-base,
#mobileid-base,
#mobilePhoneid-base,
#passwordid-base,
#lastNameid-base,
#newDisIdPasswordid-base,
#countryCodeid-base {
    margin-right: 45px;
}

#childNotification h3,
#childNotificationFullPage h3 {
    margin-bottom: 0 !important;
}

#registrationOnePageContainer #childNotification .subflowInstructions {
    margin-top: 25px;
}

#registrationOnePageContainer #childNotification .subflowInstructions > p,
#registrationOnePageContainer #childNotificationFullPage .subflowInstructions > p{
    margin-bottom: 25px;
}

#childNotification {
    margin-bottom: -30px;
}

#childNotificationFullPage {
    margin-top: 30px;
}

.guestInformation + .horizontalSeparator {
    margin-top: -6px !important;
}

#notForChildForm {
    margin-top: 20px;
}

#notForChildForm .horizontalSeparator {
    margin-top: 7px !important;
}

#communicationPreferencesContainer {
    margin-bottom: 17px;
}

#accountExistsNotification {
    margin-bottom: 20px;
    font-family: "Avenir 55 Roman";
    color: #FF4605;
}

#registrationOnePageContainer #birthDateContainer .uiToolTip {
    height: 19px;
    top: -4px;
}

#registrationOnePageContainer .subflowInstructions > h2 {
    font-family: "Avenir 35 Light";
}

.subFormPhone #accountExistsNotification,
.editProfileModule #accountExistsNotification,
#signInPage .signInForm .uiToolTip {
    display: none;
}

#registrationOnePageContainer #notForChildForm .formContainer .richCheckBox .required {
    float: right;
    margin: 5px 0 0 6px;
}

#registrationOnePageForm #acceptTermsContainer ul.inlineErrors {
    margin-left: 29px;
    margin-top: 10px;
    width: 620px;
}

#registrationOnePageForm #acceptTermsContainer .legend {
    margin-left: 26px;
}

#registrationOnePageForm #acceptTermsContainer p {
    margin: -18px 0 0 28px;
}

/* Profile Privacy Enhancement */
#registrationOnePageForm #adultConfirmStatusContainer ul.inlineErrors {
    margin-left: 29px;
    margin-top: 10px;
    width: 620px;
}
#registrationOnePageForm #adultConfirmStatusContainer .legend {
    margin-left: 26px;
}
#registrationOnePageForm #adultConfirmStatusContainer p {
    margin: -18px 0 0 28px;
}
#registrationOnePageForm .errorItemTitle {
    margin-bottom: 30px;
}


#validationContents .validationContents {
    margin-top: 12px;
}

.marketingPermission p {
    margin: -18px 0 0 28px;
}

.marketingPermission{
    margin-bottom: 10px;
}

#birthDateContainer .inlineErrors,
#registrationOnePageContainer #passwordContainer .validationContents,
#registrationOnePageForm #parentEmailContainer .validationContents {
    margin-top: 0;
}

#registrationOnePageForm .formInputElement.emailLength label,
#registrationOnePageForm .formInputElement.mobileLength label,
#registrationOnePageForm .textInput.mobileLength input,
#registrationOnePageForm .textInput.emailLength input {
    width: 175px;
}

#registrationOnePageForm #mobilePinCode-label,
#editContactInformation #mobilePinCode-label{
    display: none;
}



/* Send pin code modal dialog*/
div.modularDialogContainerContent header {
    display: none;
}

#sendPinCodeContainer h1 {
    line-height: 30px;
}

#sendPinCodeContainer {
    padding: 25px;
    width: 700px;
    height: 400px;
}

#sendPinCodeContainer .horizontalSeparator {
    width: 100%;
}

#sendPinCodeContainer p {
    padding: 0;
    margin: 5px 0;
    width: 500px;
    line-height: 18px;
}

#sendPinCodeContainer p span {
    font-family: "Avenir 85 Heavy";
    font-size: 14px;
    line-height: 18px;
}

#sendPinCodeContainer h2 {
    font-family: "Avenir 85 Heavy";
    font-size: 12px;
    line-height: 5px;
}

#sendPinCodeContainer .header {
    margin-bottom: 13px;
}

#sendPinCodeContainer .body {
    margin-top: 18px;
    height: 44%;
}

#sendPinCodeContainer .body  #sendPinCodeModalP1 {
    margin-bottom: 5px;
}

#sendPinCodeContainer .body  #sendPinCodeModalP2 {
    margin-bottom: 18px;
    width: 100%;
}

#sendPinCodeContainer .footer {
    margin-top: 102px;
    text-align: right;
}

#sendPinCodeContainer .footer #sendPinCodeModal-footer-horizontalSeparator {
    margin-bottom: 14px;
}

#sendPinCodeContainer .footer #pinCodeCancel {
    margin-right: 14px;
}

#sendPinCodeContainer #pinCodeid-base {
    margin-bottom: 0;
}
#sendPinCodeContainer #pinCodeid-base .inlineErrors {
    position: relative;
}
#sendPinCodeContainer #hintMessage {
    font-size: 12px;
    color: #8294AA;
}


#sendPinCodeContainer .AssistanceSMS-Container {
    margin-bottom: 0px;
}

#sendPinCodeContainer .AssistanceSMS-Container p {
    white-space: normal;
    width: 380px;
}

#sendPinCodeContainer .AssistanceSMS-Container #hintSmsMessage {
    color: #8294AA;
    font-size: 12px;
    font-family: inherit;
}

div.sendPinCodeDialog .overlayDialog {
    display: none;
}

/* FORM */

.radioOption {
    float: left;
    position: relative;
    vertical-align: top;
}

.carousel ul {
    margin: -2px 0 0;
    padding: 0;
}

.offerCarousel .carousel {
    clear: both;
    margin: 0 20px;
}

.offerCarousel .carousel li {
    margin: 0 ;
    position: relative;
}

.offerCarousel .offer .label,
.offerCarousel .offer .name,
.offerCarousel .offer .includes {
    margin: 0 0 5px;
    padding: 0;
}

.offerCarousel .active .radio {
    background-position: 0 -1033px;
    height: 35px;
    width: 35px;
}

.pepMediumSizeRadio .mediumSizeRadioBubble,
.pepFormSizedRadio .mediumSizeRadioBubble,
.largeSizeRadio .altSizeRadioBubble,
.offerCarousel .radio {
    height: 35px;
    width: 35px;
}

.offerCarousel .offer .radio {
    margin: 0 0 -4px 0;
    padding: 0;
    display: inline-block;
}

.offerCarousel {
    border-top: 0 none;
    margin: 0 0 20px 0;
    overflow: hidden;
    position: relative;
}
.offerCarousel .carousel {
    margin: 0;
    overflow: hidden;
}

.offerCarousel .carousel li {
    float: none !important;
    list-style: outside none none;
    overflow: hidden;
    vertical-align: top;
}

.offerCarousel .carousel li:first-child .verticalSeparator,
.offerCarousel .carousel li.active .verticalSeparator,
.offerCarousel .carousel li.active + li .verticalSeparator {
    border-image: none;
    border-left: 0 none;
}

.offerCarousel .offer .name {
    color: #253B56;
    font-size: 16px;
    position: relative;
}

#registrationOnePageForm #acceptTermsContainer .legend,
#registrationOnePageForm #acceptTermsContainerStepTwo .legend {
    font-size: 14px;
}

/* Profile Privacy Enhancement */
#registrationOnePageForm #adultConfirmStatusContainer .legend,
#registrationOnePageForm #adultConfirmStatusContainerStepTwo .legend {
    font-size: 14px;
}

.pleaseWaitContainer .modularDialogContainerContent .text,
.viewprofileContainer.profileLanding > a,
#forgotpassword #signInContainer .signInAnswerRequest,
#forgotpassword #signInContainer .subflowInstructions,
#forgotpassword .subflowInstructions > p,
#registrationOnePageContainer .childNotificationTitle {
    width: 100%;
}

#forgotpassword #sendNewPin.enableClicking,
#pinCodeid-base #sendPinCode{
    cursor: pointer;
    color: #1994D7;
}

#forgotpassword #assistanceSMS-Scroll ul {
    padding-left: 3.333em;
}

/*PROFILE*/

.characterHeader {
    width: 100%;
    position: relative;
    margin-top: -34px;
    padding: 5px 5px 0 5px;
}

.mobileHeader,
#forgotpassword #dobid-base label,
#forgotpassword .subflowFooter .horizontalSeparator,
#changePassword #pageLevelError .horizontalSeparator,
#signInPage #usernameInfoIcon {
    display: none;
}

.uSubflow .uHeader h1 {
    line-height: 70px;
}

#profileLanding .profileRowDetailedContent .summarizedInfoBox div {
    margin-top: 5px;
    font-family: "Avenir 55 Roman";
}

.profileRowDetailedContent .summarizedInfoBox div span {
    color: #A9A9A9;
}

.profileSubHeader .profileRowDetailedContent {
    margin-top: 0;
}

#profileLanding .profileHeader .guestName {
    white-space: normal;
}

#profileLanding .pepSyndicatedComponent .pepGlobalHeader .accountContainer a.signIn {
    max-width: 450px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*ABOUT ME*/

.editProfileContainer .profileSubHeader {
    padding: 40px 40px 30px;
}

#editAboutMeForm .editProfileContainer .errorSummaryBlock {
    padding-bottom: 0;
}

#changePassword .editProfileContainer .profileSubHeader .subHeaderTitle {
    margin-top: 13px;
}

#editAboutMe .profileSubHeader {
    padding-bottom: 31px;
    padding-left: 32px;
}

#personal-information .editCharacterModule h3{
    margin-bottom: 6px;
}

#editAboutMeForm .formInputElement label {
    margin-bottom: 8px;
}

.editNameModule {
    padding-bottom: 24px;
}

.editCharacterModule {
    padding-top: 18px;
    padding-bottom: 19px;
}

.editBirthdayModule {
    padding-top: 15px;
    padding-bottom: 19px;
}

.editProfileContainer .editProfileModule .explanatory {
    padding-bottom: 16px;
}

.editAvatarPreview img {
    padding-right: 38px;
    padding-bottom: 10px;
}

.profileAvatarName {
    font-size: 12px;
    font-weight: 600;
}

.chooseAvatarForm .characterInstructions {
    margin: 20px 0 20px 25px;
}

/*COMMUNICATION PREFERENCES*/

h3.notificationSubheader {
    color: #253B56;
    font-size: 12px !important;
    margin-bottom: 20px !important;
    margin-top: 25px;
}

#communicationPreferenceEdit  .profileSubHeader h2.subHeaderTitle,
.profileSubHeader .subHeaderDescription {
    color: #253B56;
}

#communicationPreferenceEdit #communicationPageForm .editProfileContainer {
    min-height: 290px;
}

#communicationPreferenceEdit #editCommunicationPreferences .emailContainer .title {
    color: #253B56;
    margin-bottom: 22px;
}

#communicationPreferenceEdit .communicationPreferenenceSubHeader {
    color: #253B56;
    font-size: 14px;
    font-family: "Avenir 85 Heavy";
}

#communicationPreferenceEdit #editCommunicationPreferences .contextHelpText {
    color: #ADB7C1;
    font-size: 13px;
    margin-top: 0;
    padding-bottom: 8px;
    padding-top: 8px;
}

/* According to the css style guide, */
/* Tag prefixes (e.g. div#bodyContainer or div.groupContainer) can be used */
/* for overwriting styles in certain situations.  */
#communicationPreferenceEdit #editCommunicationPreferences div#notificationPreferencesHeader,
#communicationPreferenceEdit #editCommunicationPreferences div#notificationPreferencesHeader .subscriptionHeader {
    margin-bottom: 0;
    padding-bottom: 20px;
}

#communicationPreferenceEdit #editCommunicationPreferences .editCommunicationPreferencesModule {
    padding: 25px 40px 0;
    float: none;
}

#communicationPreferenceEdit .marketingCheckbox .labelValue {
    font-size: 14px;
    font-family: "Avenir 65 Meduim";
}

#communicationPreferenceEdit .subscriptionModule .subscriptionHeader {
    margin-bottom: 0;
    padding-bottom: 15px;
}

#communicationPreferenceEdit #emailid-base {
    margin-right: 45px;
}

#communicationPreferenceEdit .subflowFooter.pepGlobalFooter {
    padding-top: 25px;
}

#communicationPreferenceEdit #editNotificationPreferences .marketingCheckbox label {
    display: inline-block;
    margin-left: 10px;
}

#editNotificationPreferences .marketingPermission p {
    display: inline-block;
    margin: 3px 0 0 6px;
    width: 820px;
}

#communicationMessage {
    float: left;
    padding: 0 40px;
    clear: both;
}

#communicationMessage p {
    word-break: break-word;
    color: #ADB7C1;
}

/* CONTACT INFORMATION */

#editContactInformation #profileEditContactInfoForm {
    margin-left: 0;
    margin-top: 0;
}

#editContactInformation #profileEditContactInfoForm .shippingAddressBlock h3,
#editContactInformation #profileEditContactInfoForm .subFormContainer {
    margin-left: 40px;
}

#editContactInformation  .profileSubHeader h2.subHeaderTitle {
    color: #253B56;
}

#editContactInformation .profileSubHeader .subHeaderDescription {
    color: #253B56;
    line-height: 18px;
}

#editContactInformation .editProfileContainer .errorSummaryBlock {
    padding-top: 25px;
}

#editContactInformation #emailid-base .textInputHint {
    top: 39px;
}

#profileEditContactInfoForm .subFormEmail .formFieldEmailLabel {
    padding-bottom: 25px;
    font-family: "Avenir 65 Meduim";
}


#editContactInformation .AssistanceSMS-Container {
    margin-bottom: 0px;
    width: 50%;
}

#editContactInformation .AssistanceSMS-Container p {
    white-space: normal;
}
#editContactInformation .AssistanceSMS-Container #hintSmsMessage {
    color: #8294AA;
    font-size: 12px;
}


#editContactInformation label {
    margin-bottom: 8px;
}

#editContactInformation #accountExistsNotification,
#editContactInformation #mobileExistsNotification,
#communicationPreferenceEdit #accountExistsNotification,
#communicationPreferenceEdit #mobileExistsNotification {
    padding-left: 0;
}

#profileEditContactInfoForm .subFormPhone,
#profileEditContactInfoForm .subFormEmail {
    margin-top: 25px;
}

#profileEditContactInfoForm .subFormEmail .forms.pepde-span-19 {
    margin-top: 0;
}

#profileEditContactInfoForm .subFormEmail .emailAddressContextHelpText {
    margin: 5px 0 18px;
    font-size: 13px;
    color: #ADB7C1;
}

#editContactInformation .uiPlus .formInputElement label {
    margin-bottom: 8px;
}


#editContactInformation .subflowFooter.pepGlobalFooter {
    padding-top: 0px;
}

#editContactInformation .pageLevelError,
#personal-information .pageLevelError,
#communicationPreferenceEdit .pageLevelError {
    margin: 30px 37px;
    float: none !important;
    padding: 0 !important;
}

#communicationPreferenceEdit .editProfileModule .validationContents {
    padding-top: 32px;
}

#editContactInformation .pageLevelError .horizontalSeparator,
#personal-information .pageLevelError .horizontalSeparator,
#communicationPreferenceEdit .pageLevelError .horizontalSeparator,
.profileEditContactInfoForm .horizontalSeparator {
    margin-top: 30px;
}

.profileEditContactInfoForm #SHIPPING-countryid-base {
    margin-bottom: 0;
}

#editContactInformation .profileEditContactInfoForm .subFormPhone .inputRow .validationContents  {
    margin-bottom: 0;
    padding-top: 10px;
}

#editContactInformation #emailContainer .validationContents {
    padding-top: 18px;
}

.profileEditContactInfoForm .subFormPhone .inputRow .validationContents  {
    margin-bottom: 10px;
    padding-top: 25px;
}

#editContactInformation .subflowFooter .horizontalSeparator {
    margin-top: -10px;
}

#editContactInformation #mobilePhone-validationError {
    margin-top: -30px;
}

#editContactInformation .emailContainerGap {
    margin-bottom: 30px;
}

/* FORGOT PASSWORD */

#forgotpassword .signInFormStep1 .subPageHeader h1 {
    margin-bottom: 10px;
}

#forgotPasswordEmailMobile {
    width: 358px;
}

#forgotpassword #signInContainer #mobileGroupContainer {
    height: 120px;
    margin-bottom: 20px;
}

#forgotpassword #signInContainer #emailGroupContainer {
    height: 120px;
}

#forgotpassword #signInContainer #countryCodeid-base {
    margin-right: 30px;
    vertical-align: top;
}

#forgotpassword #changePasswordForm .passwordField .inlineErrors {
    margin-top: 20px !important;
}

#forgotpassword .formInputElement.emailLength .inlineErrors {
    position: relative;
    width: 100%;
}

#forgotpassword #forgotPasswordEmailMobileid-base {
    margin-bottom: 0;
    width: 100%;
}

#forgotPasswordEmailMobile-validationError {
    margin-bottom: -30px;
}

#forgotPasswordEmailMobile-validationError,
#forgotPasswordEmailMobileid-base span.inlineErrors {
    margin-top: 0;
    white-space: normal;
}

#forgotpassword #dobMonthid-base,
#forgotpassword #dobDayid-base {
    margin-right: 6px;
}

#forgotpassword #birthDateContainer {
    position: absolute;
    left: 36px;
    top: 130px;
}

#forgotpassword #birthDateContainer.mobile {
    top: 170px;
}

#forgotpassword #birthDateContainer.email {
    top: 180px;
}

#forgotpassword #forgotPasswordEmailMobileid-base label.required::after,
#forgotpassword #birthDateContainer label.required::after {
    content: " ";
}

#forgotpassword #forgotPasswordEmailMobileid-base .textInputHint {
    width: 100% !important;
}

#forgotpassword .AssistanceSMS-Container {
    margin-bottom: 0px;
}

#forgotpassword .AssistanceSMS-Container p {
    white-space: normal;
    margin: 0 0;
}

#forgotpassword .AssistanceSMS-Container #hintSmsMessage {
    color: #8294AA;
    font-size: 12px;
    width: 240px;
}

#forgotpassword #radioEmail {
    margin-top: 0px;
}



/* MOBILE PIN CODE VERIFICATION */

.signInFormStep2 .formMobilePinButtonsContainer {
    float: right;
    height: 60px;
    margin-top: 75px;
}

#forgotpassword #mobilePinid-base label.required::after {
    content: " ";
}

#forgotpassword #mobilePinid-base label{
    margin-bottom: 45px;
}

#forgotpassword .signInFormStep2 .subPageHeader h1 {
    margin-bottom: 10px;
}

#forgotpassword #signInContainer .step2{
    margin-top: 30px;
}

#forgotpassword #mobilePinid-base {
    margin-bottom: 65px;
}

#forgotpassword .signinForgotPasswordStepTwoForm #mobilePINid-base .textInputHint {
    width: 100%;
    top: 34px;
}

#forgotpassword .signinForgotPasswordStepTwoForm #mobilePINid-base .inlineErrors {
    position: relative;
    margin-top: -5px;
}

#forgotpassword .signinForgotPasswordStepTwoForm #securityAnswer1 .formInputElement,
#forgotpassword  #signInContainer #securityAnswer1 {
    margin-bottom: 0;
}

#forgotpassword #securityAnswer1 .formInputElement {
    margin: 0 10px 75px 0;
}

#forgotpassword #sendNewPin {
    color: #8294AA;
    cursor: default;
}

#forgotpassword .signinForgotPasswordStepTwoForm #hintMessage {
    color: #8294AA;
    font-size: 12px;
}

#forgotpassword .step2.pageError {
    margin-bottom: -30px;
}

#forgotpassword .signInFormStep1 .message {
    max-width: 425px;
}

#forgotpassword .step2 .message {
    max-width: 475px;
}

#forgotpassword #signInContainer.step2 .subPageHeader {
    margin-top: 60px;
}

#forgotpassword #signInContainer.step2 .subPageHeader.emailSuccessConfirmationHeader {
    margin-top: 30px;
}


#forgotpassword #signInContainer.step2 .subPageHeader.hasError {
    margin-top: 30px;
}

#forgotpassword .pinCodeLabel {
    font-size: 12px;
    font-weight: bold;
}

#forgotpassword .pinCodeInstructions {
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 2px;
}

#forgotpassword #mobilePIN {
    margin: 2px 0;
}

/* RESET PASSWORD */

#forgotpassword .signInFormStep3 .subPageHeader h1 {
    margin-bottom: 10px;
}

#forgotpassword #signInContainer .subPageHeader {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
}

#forgotpassword .base.standardContentContainer {
    background-color: #FFF;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    float: none;
    margin: auto;
    padding: 0 0 1px;
}

.passwordField .uiToolTipContent {
    width: 400px;
}

.signInFormStep1 .formButtonsContainer{
    float: right;
    height: 60px;
    padding-right: 25px;
}

.signInFormStep3 .formButtonsContainer {
    float: right;
    height: 60px;
    margin-top: 25px;
}

.signInFormStep2 .formButtonsContainer {
    float: right;
    height: 60px;
    margin-top: 100px;
}

#forgotpassword #signInContainer .signInFormStep3 .passwordField {
    margin-bottom: 20px !important;
}

#forgotpassword #signInContainer .step1,
#forgotpassword #signInContainer .step2,
#forgotpassword #signInContainer .step3 {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
}

#forgotpassword #signInContainer .step1 {
    position: relative;
}

#forgotpassword #password, #forgotpassword #confirmPassword {
    width: 300px;
}

#forgotpassword .errorPageResetPassword {
    padding: 30px 0 30px 0;
}

#forgotpassword .errorPageResetPasswordButtonSection {
    margin-right: 20px;
    text-align: right;
}

#forgotpassword #sewWarningButton {
    width: auto;
}

#forgotpassword #sessionExpireWarn .warning h1 {
    width: 200px;
}

#forgotpassword #sessionExpireWarn .warning {
    margin-top: 55px;
    padding-left: 20px;
    text-align: left;
}

#forgotpassword #sessionExpireWarn .avatar {
    margin-left: 200px;
}

#forgotpassword #pageContent.expiredLinkPage {
    padding-top: 20px;
}

/* ACCOUNT SETTINGS */
.editProfileContainer .errorSummaryBlock {
    padding-top: 25px;
}

.editSignInModule h3 {
    margin-bottom: 13px;
}

.editProfileContainer .editSignInModule .explanatory {
    padding-bottom: 10px;
    font-family: "Avenir 65 Meduim";
    font-size: 14px;
}

#modifyAccountSettings .subflowFooter.pepGlobalFooter {
    padding-top: 32px;
}

.changePasswordContainer .profileSubHeader .subheaderText {
    width: auto;
}

#modifyAccountSettings .formInputElement .labelValue,
#modifyAccountSettings .passwordMask,
#modifyAccountSettings #passwordLabel {
    font-size: 14px;
}

#modifyAccountSettings .passwordMask {
    margin-right: 40px;
}

#modifyAccountSettings #deleteAccountButton-span {
    margin-left: 30px;
}

#deleteAccount .editableModules {
    margin-top: 3px;
}

#deleteAccount #pageLevelError {
    margin-bottom: 20px;
}

#deleteAccount .editProfileContainer .profileSubHeader .subHeaderTitle {
    margin-top: 13px;
}

#deleteAccount #deleteAccountNoticeContainer p {
    margin: -18px 0 0 28px;
    width: 560px;
    /* Profile Privacy Enhancement */
    /*height: 112px;*/
}

#deleteAccountForm #deleteAccountNoticeContainer ul.inlineErrors {
    margin-left: 29px;
    width: 620px;
}

#deleteAccountForm .deleteAccount-en-margin {
    margin-bottom: 20px;
}

/*Profile Privacy Enhancement*/
#deleteAccountForm .deleteAccount-en-margin .inlineErrors {
    margin-top: 260px;
}
#deleteAccountForm .deleteAccount-margin .inlineErrors {
    margin-top: 215px;
}

#deleteAccount #deleteAccountScrollId {
    height: 31px;
}

/*FOOTER*/
.pepGlobalFooter #gde_footerContainer {
    width: auto;
}

div.gde_footerCopyText a {
    color: #FFF;
}

/*CHANGE PASSWORD*/

#changePassword #pageLevelError {
    margin-bottom: 20px;
}

#profileAboutMeBirthday,
.rich-checkbox,
.profileSubHeader,
input,
.headerContainer,
.headerContainer *,
.radioBubbleWrapper,
.richCheckBox *,
.ui-dialog {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* This is for Shanghai site only, so we overwirte the US code in profile ui. */
#registrationOnePageContainer .communicationPreferences #communicationPreferencesContainer {
    max-width: none;
}

/* Verify account page */
#verifyAccountPage .verifyAccountSubHeader {
    padding: 40px 40px 30px 40px;
    line-height: 18px;
}

#verifyAccountPage .verifyAccountSubHeader .title {
    margin-top: 25px;
}

#verifyAccountPage .verifyAccountForm {
    padding: 5px 40px;
    min-height: 300px;
}

#verifyAccountPage .verifyAccountForm h3 {
    font-size: 18px;
    line-height: 18px;
}

#verifyAccountPage #mobileGroupContainer {
    margin-top: 20px;
}

#verifyAccountPage #countryCodeid-base {
    margin-right: 30px;
}

/* rule password page */
#rulePasswordPage .rulePasswordSubHeader {
    padding: 40px 40px 30px 40px;
    line-height: 18px;
}

#rulePasswordPage .rulePasswordSubHeader .title {
    margin-top: 25px;
}

#rulePasswordPage .rulePasswordForm {
    padding: 5px 40px;
    min-height: 300px;
}

#rulePasswordPage .rulePasswordForm h3 {
    font-size: 18px;
    line-height: 18px;
}

#rulePasswordPage .mdxAlertIcon {
    padding-top: 0px;
}

#rulePasswordForm .inlineErrors {
    position: static;
}

/* date fields will have different ids depends on settings, so use input to apply */
/* to the date field */
#forgotpassword .yearLength input {
    width: 89px;
}

#forgotpassword #dob .selectBox {
    margin-right: 9px;
}

#communicationPreferenceEdit .pageLevelErrorContainer,
#editContactInformation .pageLevelErrorContainer,
#personal-information .pageLevelErrorContainer {
    border-bottom: 1px solid #DFDFDF;
}

#communicationPreferenceEdit .editProfileCommunicationPreferencesContainer.editProfileContainer .profileSubHeader {
    padding-bottom: 0;
    margin-top: 0;
}

.canadaPermission {
    display: none;
}

#forgotpassword .jsvfForm .message a {
    color: #1994d7;
}

body.shdr.magicPlanner .tc {
    display: inline-block;
    margin: 0;
}

body.magicPlanner .stepsContainer {
    position: relative;
    top: 8px;
    color: #768aa0;
    line-height: 15px;
    vertical-align: bottom;
}

body.magicPlanner .stepsContainer .stepsLabel {
    display: none;
}

body.magicPlanner .stepsContainer>ol {
    margin: 2px 0 0 0;
    padding: 0;
    display: inline-block;
}

body.magicPlanner .stepsContainer>ol>.stepIndicator.active {
    color: #FFF;
    background-color: #768aa0;
}

body.magicPlanner .stepsContainer>ol>.stepIndicator {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-color: #FFF;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    text-align: center;
    color: #768aa0;
}

body.magicPlanner .stepsContainer>ol>.stepIndicator>span {
    display: block;
    text-align: center;
    vertical-align: bottom;
    line-height: 10px;
    font-size: 10px;
    height: 11px;
    width: 10px;
    margin: 3px 0 0 3px;
}

body.magicPlanner .stepsContainer>ol>.stepIndicator {
    display: inline-block;
    height: 16px;
    width: 16px;
}

body.magicPlanner .stepsContainer .stepIndicator:after {
    background-color: white;
    content: " ";
    position: relative;
    bottom: 1em;
    left: 1.15em;
    width: 50px;
    padding: 1px 0;
    display: block;
    margin-top: 8px;
}

body.magicPlanner .stepsContainer .stepIndicator.last:after {
    display: none;
}

body.magicPlanner .stepsContainer .stepIndicator {
    margin-right: 50px;
}

body.magicPlanner #emailGroupContainer {
    display: none;
}

body.selfInfo #headerImg {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

body.selfInfo .subflowContentWrapper {
    padding: 10px 10px 0;
    font-size: 14px;
    line-height: 18px;
}

body.selfInfo #pageDesc1 {
    padding: 60px 0 10px;
}

body.selfInfo #pageDesc3 {
    padding: 11px 0 45px;
}

body.selfInfo #selfInfoTitle {
    font-size: 16px;
    line-height: 8px;
    color: #253b56;
    padding-bottom: 26px;
}

body.selfInfo label[for="firstName"],
body.selfInfo label[for="lastName"] {
    padding-bottom: 5px;
}

body.selfInfo label[for="country"] {
    padding-bottom: 3px;
}

body.selfInfo label[for="lastName"] {
    padding-bottom: 4px;
}

body.selfInfo #communicationLabel {
    padding-bottom: 18px;
}

body.selfInfo #addressDiv {
    padding-bottom: 10px;
}

body.selfInfo #radioSms,
body.selfInfo #radioEmail {
    font-size: 16px;
    color: #253b56;
}

body.selfInfo #mobileid-base .textInputHint,
body.selfInfo #emailid-base .textInputHint {
    top: 38px;
}

body.selfInfo .communicationLeft,
body.selfInfo .communicationRight {
    float:left;
}

body.selfInfo .communicationRight {
    padding-top: 25px;
}

body.selfInfo .pinCodeDiv {
    padding-top: 16px;
}


body.selfInfo  .AssistanceSMS-Container {
    margin-bottom: 0px;
    margin-top: -10px;
}

body.selfInfo  .AssistanceSMS-Container p {
    white-space: normal;
}

body.selfInfo  .AssistanceSMS-Container #hintSmsMessage {
    color: #8294AA;
    font-size: 12px;
    width: 240px;
}

body.selfInfo .pinCodeDiv #mobilePinid-base .inlineErrors {
    position: relative;
}
body.selfInfo .pinCodeDiv #mobilePinid-base #mobilePin-validationError {
    padding-top: 0px;
}

body.selfInfo .offerCarousel {
    margin-bottom: 9px;
}

body.selfInfo .pinCodeDiv .formInputElement {
    margin-bottom: 11px;
}

body.selfInfo #separatorAboveTc {
    margin: 12px 0 26px 0;
}

body.selfInfo .tcRow {
    padding: 0 0 31px 0;
}

body.selfInfo .tc {
    padding-left: 4px;
}

body.selfInfo .subflowFooter.pepGlobalFooter {
    margin: 7px 0 40px;
    padding: 0;
}

body.selfInfo #requiredContainer {
    position: relative;
}

body.selfInfo #requiredDesc {
    position: absolute;
    font-size: 12px;
    color: #78899e;
    top: 0;
    right: 100px;
}

body.selfInfo #country-label {
    width: auto;
}

body.selfInfo #selfInfoInner {
    padding: 0 20px 0;
}

body.selfInfo .uiPlus .formInputElement.emailLength .inlineErrors,
body.selfInfo .uiPlus .formInputElement.mobileLength .inlineErrors,
body.selfInfo .inlineErrors {
    width: 700px;
}

body.selfInfo #languageDialog {
    display: block;
    float: right;
}

body.selfInfo .uiPlus .textInput.emailLength input {
    width: 180px;
}

body.shdr.selfInfo #hiddenFields {
    display: none;
}

body.selfInfo.shdr .selfInfoError {
    color: #ff0000;
}

body.selfInfo.shdr .magicPlannerLeaveDialog .horizontalSeparator {
    display: none;
}

body.selfInfo.shdr #popupBody {
    display: none;
}

body.selfInfo.shdr #ui-dialog-title-contents {
    font-size: 36px;
    color: #253b56;
    padding: 9px 0 10px;
}

body.selfInfo.shdr #modalTmpContent {
    padding-bottom: 49px;
    font-size: 14px;
    color: #253b56;
}

body.selfInfo.shdr .assistanceSMSModal #ui-dialog-title-contents {
    font-size: inherit;
    padding: 0 0 0 0;
}

body.selfInfo.shdr .magicPlannerLeaveDialog .modalUIPlusButtons {
    width: 100%;
    padding-bottom: 33px;
}

body.selfInfo.shdr .magicPlannerLeaveDialog .pillButtonContainer {
    text-align: center;
    padding-bottom: 23px;
}

body.selfInfo.shdr .magicPlannerLeaveDialog .pillBase {
    display: inline-block;
    width: 193px;
}

body.selfInfo.shdr .magicPlannerLeaveDialog .returnBtn,
body.selfInfo.shdr .magicPlannerLeaveDialog .leaveBtn {
    font-size: 14px;
    color: #65778a;
}

/* Magic Planner - Travel Info */
/* Mobile and Global style */

body.selfInfo.shdr .hide {
    display: none;
}

body.selfInfo.shdr #provinceAndCity {
    display: inline-block;
}

body.selfInfo.shdr #formErrorContainer {
    padding: 0 0 20px;
    color: #ff0000;
}

body.selfInfo.shdr #mobileGroupContainer{
    padding: 0 0 0px 8px;
    margin-bottom: -8px;
}

body.selfInfo.shdr #emailGroupContainer {
    padding: 0 0 17px 8px;
}

body.selfInfo.shdr .tcRow .notEmptyInvalid {
    padding-top: 8px;
}

#magicPlannerLanguageSelector {
    display: none;
}

body.selfInfo.shdr #magicPlannerLanguageSelector {
    display: block;
}

body.selfInfo.shdr #languageSelectorBody {
    display: none;
}

body.selfInfo.shdr #modalDialogDivContainer a, body.selfInfo.shdr #languageDialog {
    outline: 0;
}

body.selfInfo.shdr #addressLabel {
    font-size: 12px;
    font-weight: bold;
}

body.selfInfo.shdr #addressLabel:after {
    content: "*";
    color: #253B56;
}

body.travel .uiPlus .formInputElement label {
    font-size: 14px;
}
body.travel .uLayout.standardContentContainer.uLayout {
    padding: 0;
}
body.travel .banner {
    margin: 8px;
    overflow: hidden;
    border-radius: 6px;
}
body.travel .banner img {
    width: 100%;

}

body.travel .touch .textInput input {
    height: 39px;
}
body.travel .mobileDevice.formInputElement,
body.travel .mobileDevice.formInputElement > .selectBox,
body.travel .formInputElement.longName,
body.travel .uiPlus .textInput.longName,
body.travel .uiPlus .textInput.longName > input {
    width: 100%;
}
body.travel .uiPlus .textInput.longName > input {
    box-sizing: border-box;
}

body.travel .description {
    margin-top: 20px;
    margin-bottom: 38px;
}
body.travel .travelGroupRadio > label,
body.travel .travelGroupWithElderRadio > label,
body.travel .travelTimeCheckbox > .richCheckBox > label {
    display: block;
    margin:20px 0 40px;
}
body.travel .travelGroupWithElderRadio > label {
    margin: 20px 0 40px;
}
body.travel .travelGroupWithElderRadio > label span {
    font-size: 14px;
    font-weight: normal;
}

body.travel #travelGroupWithElderid-base {
    display: block;
    width: 100%;
}
body.travel #travelGroupid-base label,
body.travel #travelGroupWithElderid-base label {
    clear: none;
    margin-right: 50px;
    margin-bottom: 30px;
    min-width: 130px;
}
body.travel #travelGroupWithElderid-base label {
    min-width: 60px;
    float: left;
}
body.travel .travelGroupWithElderRadio {
    display: none;
}
body.travel .travelGroupWithElderRadio.hasElder {
    display: block;
}
body.travel #babyContainer {
    display: none;
}
body.travel #babyContainer.family {
    display: block;
}
body.travel #babyNumberid-base {
    display: block;
}

body.travel .secondBaby {
    visibility: hidden;
    display: none;
}
body.travel #babyContainer.two .secondBaby {
    visibility: visible;
    display: block;
}
body.travel .secondBaby .horizontalSeparator {
    margin-left: -10px;
    width: calc(100% + 20px)
}
body.travel .travelWithFirstBaby > label,
body.travel .travelWithSecondBaby > label {
    display: block;
    margin:0;
}

body.travel .travelGroup > label {
    margin-bottom: 30px;
}

body.travel .uiPlus .formInputElement .travelTime label {
    font-size: 14px;
    margin-bottom: 20px;
}

body.travel .travelTimeCheckbox .travelTime > label,
body.travel .travelWithFirstBaby .firstBabyGender > label,
body.travel .travelWithSecondBaby .secondBabyGender > label {
    clear: none;
    min-width: 120px;
}

body.travel .error-container {
    color: #ff4605;
    display: none;
}

body.travel #fixedToolbar .centerContainer {
    display: none;
}



body.travel .formInputElement .configurableRadio label {
    cursor: pointer;
}
body.travel .innerContainer {
    margin:0 40px;
}
body.travel .labelValue {
    line-height: 26px;
    font-size: 14px;
    font-weight: normal;
}
body.travel .banner {
    margin-top: 10px;
}
body.travel .intro {
    position: relative;
}
body.travel h2 {
    margin-top: 60px;
}
body.travel .uiPlus .textInput.longName > input {
    width: auto;
}
body.travel .requiredField {
    position: absolute;
    top: 0;
    right: 10px;
}
body.travel #travelGroupid-base label,
body.travel #travelGroupWithElderid-base label {
    margin-top: 40px;
    margin-bottom: 0;
}
body.travel #travelGroupWithElderid-base label {
    margin-top: 20px;
    margin-bottom: 20px;
}
body.travel .travelGroupRadio {
    margin-bottom: 30px;
}
body.travel .travelGroupRadio > label {
    margin-bottom: 0;
}
body.travel .travelGroupWithElderRadio > label {
    margin: 20px 0 10px;
}
body.travel .travelTimeCheckbox > .richCheckBox > label {
    margin-bottom: 4px;
}
body.travel .travelGroup > label,
body.travel .travelTimeCheckbox .travelTime > label {
    margin-bottom: 0;
    margin-top: 30px;
    min-width: 110px;
}
body.travel .firstBaby,
body.travel .secondBaby {
    width: 49%;
    float: left;
}
body.travel .secondBaby .horizontalSeparator {
    display:none;
}
body.travel #firstBabyGender-error {
    margin-top: -10px;
    margin-bottom: 20px;
}

body.travel #fixedToolbar .centerContainer {
    display: table-cell;
}

body.shdr.selfInfo .emailError,
body.shdr.selfInfo .mobileError {
    color: #ff0000;
}

body.shdr.selfInfo #hiddenCityid-base {
    display: none;
}

/*===============
*MOBILE OVERWRITE
*=================*/

@media only screen and (max-width: 640px) {
    .pepde-container {
        width: auto;
        margin: 0 10px;
    }

    .globalNavigationBar {
        width: auto;
        height: auto;
    }

    .subflowRoot .globalNavigationBar {
        padding: 12px 0;
    }

    .globalNavigationBar .shdrLogo {
        margin: auto;
        float: none;
        display: block;
    }

    /* MODAL or TOOLTIP*/

    #accountExistsNotification,
    #mobileExistsNotification {
        padding-left: 0;
    }

    .ui-dialog.pepModalCustomClass {
        position: absolute;
        top: 0 !important;
        right: 0;
        left: 0 !important;
        border-radius: 0 !important;
        height: 100%;
        padding: 10px 20px 15px;
    }

    #forgotpassword #pageContainer {
        padding-top: 0;
    }

    #modalDialogDivContainer {
        position: static !important;
    }

    #modalUIPlusButtonPane {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .logoHeader {
        background-position: 0 -55px;
        /*background-repeat: none;*/
        height: 53px;
        width: 190px;
        margin: 0 auto 20px;
    }

    .logoHeader > a.closeModalWindow {
        font-size: 24px;
        position: absolute;
        top: 10px;
        right: 20px;
    }

    .logoHeader + .horizontalSeparator {
        margin-bottom: 16px;
    }

    #modalTmpContent{
        padding: 0 !important;
    }

    #modalTmpContent h3 {
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        margin-bottom: 3px;
    }

    #modalTmpContent p {
        font-size: 14px;
        /*line-height: auto;*/
        margin-bottom: 3px;
    }

    #modalUIPlusButtonPane .modalUIPlusButtons {
        padding: 5px 12px 15px 0 !important;
    }

    #ui-dialog-title-contents {
        margin: 53px 0 30px;
        font-size: 24px;
        line-height: 30px;
    }

    .editableModules {
        min-height: 0;
    }

    /* INNER PAGES */
    #profileLanding #pageContainerInner {
        padding: 0;
    }

    .uSubflow .uHeader h1,
    .uCustom .uHeader hgroup h1 {
        font-size: 24px;
        line-height: normal;
    }

    .uSubflow .uHeader h1 {
        width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #pageContainer {
        min-width: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #profileLanding #pageContent {
        margin: 70px 10px 0;
    }

    #pageContent {
        width: auto;
    }

    .pepde-span-50,
    .uSubflow hgroup,
    .inputContents > .formInputElement ,
    .inputContents > .formInputElement > .standardFormElement > input,
    .contextualHelpWrapper,
    #signInPage.universalLayout .base.standardContentContainer,
    #signInForm,
    .universalLayout .uiPlus .textInput.emailLength input,
    .universalLayout .uiPlus .formInputElement.emailLength label,
    .universalLayout .uiPlus .formInputElement.emailLength .inlineErrors,
    .universalLayout .uiPlus .formInputElement.emailLength .textInputHint,
    #signInPage .uiPlus .textInput input,
    .universalLayout #loginPageUsernameid-base,
    #forgotPasswordForm #signInContainer .subflowInstructions,
    #forgotPasswordForm #signInContainer .subflowInstructions > p,
    #communicationPreferenceEdit #mobileid-base .textInputHint,
    #forgotpassword .signInFormStep2 .subflowInstructions,
    #forgotpassword .signInFormStep2 .subflowInstructions > p,
    #forgotpassword.universalLayout .base.standardContentContainer,
    .signInFormStep1 .formButtonsContainer,
    .signInFormStep2 .formMobilePinButtonsContainer,
    .signInFormStep3 .formButtonsContainer,
    #forgotpassword #password, #forgotpassword #confirmPassword,
    #forgotpassword .step3 .jsvfElement,
    #forgotpassword .step3 .contextualHelpWrapper,
    #forgotpassword .step3 .uiPlus .jsvfElement .formInputElement,
    #forgotpassword #passwordid-base,
    #signInContainer .subflowInstructions,
    #registrationOnePageForm .textInput.mobileLength input,
    #registrationOnePageForm .textInput.emailLength input,
    .signInFormStep1 .formButtonsContainer,
    .signInFormStep2 .formMobilePinButtonsContainer,
    .signInFormStep3 .formButtonsContainer,
    #forgotpassword #passwordid-base,
    #signInContainer .subflowInstructions,
    #forgotpassword #password,
    #forgotpassword #confirmPassword,
    #forgotpassword .step3 .jsvfElement,
    #forgotpassword .step3 .contextualHelpWrapper,
    #forgotpassword .step3 .uiPlus .jsvfElement .formInputElement {
        width: 100%;
    }

    #passwordid-base .helpLabel {
        margin-bottom: 5px;
    }

    .profileSubHeader .subHeaderTitle {
        font-size: 20px;
    }

    .selectBox .select-toggle {
        line-height: 25px;
    }

    .mdxIcon-info {
        vertical-align: top;
    }

    .subflowRoot {
        background: initial;
    }

    #headerWrapper {
        min-width: initial;
    }

    /*LOGIN*/
    #signInPage.universalLayout #pageContent,
    #forgotpassword #pageContent {
        padding-top: 10px;
    }

    #signInPage.universalLayout #pageContainer {
        min-width: auto;
    }
    .loginPage .loginFormContainer {
        display: block !important;
        margin: 20px 10px;
    }

    #signInPage.universalLayout .base.standardContentContainer {
        float: left;
    }

    #signInPage.universalLayout #signInBottomInformationContainer {
        float: none;
    }

    #registrationOnePageContainer #disIdPasswordid-base .textInputHint,
    #registrationOnePageContainer #mobileid-base .textInputHint,
    #registrationOnePageContainer #emailid-base .textInputHint,
    .universalLayout .uiPlus .formInputElement.emailLength .textInputHint {
        top: 53px;
    }

    #registrationOnePageForm .formInputElement.mobileLength label {
        width: auto;
    }

    #signInForm .offerCarousel .offer .radio {
        margin: 0 0 -6px -1px;
    }

    #signInForm .offerCarousel .offer .name {
        font-size: 14px;
        margin-bottom: 7px;
    }

    #signInForm .formInputElement {
        margin-bottom: 10px;
    }

    #signInForm .formButtonsContainer label {
        display: block;
        margin: 3px 0 30px;
    }

    #signInPage #signInForm #loginPageMobileid-base {
        margin-top: 7px;
    }

    #signInPage #signInForm #loginPageMPasswordid-base {
        margin-top: 3px;
    }

    #signInForm #forgotPassword,
    #signInForm #forgotMPassword {
        font-size: 12px;
        color: #1994D7;
        position: absolute;
        right: 0;
        top: 6px;
    }

    #signInForm #mobileGroupContainer .inputRow .validationContents {
        margin: 0;
    }

    #signInForm #emailGroupContainer {
        margin: -10px 0 12px;
    }

    #signInForm #radioEmail {
        margin-top: 10px;
    }

    #signInForm .inputRow {
        margin-bottom: -10px;
    }

    #signInPage .jsvfElement.emailLength {
        width: 100%
    }

    .universalLayout #signInPageHeader h1 {
        line-height: 30px;
        margin-bottom: 10px;
        width: initial;
    }

    #signInPageHeader .subflowInstructions {
        margin-top: 10px;
    }

    #signInForm .pepRichCheckbox {
        margin: 3px 5px 0 0;
    }

    #signInForm .formButtonsContainer {
        margin-top: 6px;
        position: relative;
    }

    .universalLayout .uiPlus .textInput .textInputHint,
    #forgotpassword #forgotPasswordEmailMobileid-base,
    #forgotPasswordEmailMobile {
        width: 100% !important;
    }

    #forgotPasswordEmailMobileid-base span.inlineErrors {
        margin-top: -9px;
    }

    #signInForm .formInputElement,
    #signInForm #countryCodeid-base {
        margin-bottom: 0;
    }

    #signInPage .jsvfElement {
        margin: 15px 0 0;
        width: 100%;
    }

    #signInPage #signInForm #loginPagePasswordid-base .standardFormElement {
        margin-bottom: 0;
    }

    .universalLayout #signInBottomInformationContainer h2 {
        margin: 28px 0 7px;
    }

    #signInPage .loginFormContainer {
        margin: 14px 10px 15px;
    }

    .universalLayout #signInBottomInformationContainer .createAccount {
        display: inline-block;
        margin: 0px 0 5px;
        outline: none;
    }

    #signInPage.universalLayout #pageLevelError {
        display: table;
        width: 100%;
        margin-top: 20px;
    }

    #signInPage.universalLayout #pageLevelError .mdxAlertIcon,
    #signInPage.universalLayout #pageLevelError .message {
        display: table-cell;
    }

    #signInPage .formButtonsContainer #loginPageSubmitButton,
    #signInPage .formButtonsContainer > a {
        width: auto;
    }

    #signInPage #ui-dialog-title-contents {
        margin-bottom: 27px;
    }

    #loginPagePasswordid-base {
        margin-top: 30px;
    }

    #signInPage .signIn-mobiles {
        margin-bottom: 20px;
    }

    /* REGISTRATION */

    #registrationOnePageForm {
        padding-top: 8px;
    }

    #registrationOnePageContainer .formContainer {
        padding: 0 10px;
    }

    .mobileHeader {
        display: block;
    }

    #registrationOnePageContainer .formContainer .subflowInstructions > h3 {
        margin-bottom: 12px;
    }

    #registrationOnePageContainer .formContainer .requiredField {
        float: none;
    }

    #registrationOnePageContainer .inputContents .formInputElement {
        margin-bottom: 7px;
    }

    #dobid-base label {
        margin-top: 0;
    }

    #registrationOnePageContainer .guestInformation #birthDateContainer,
    #registrationOnePageContainer .guestInformation > #contactByContainer.fieldGroup,
    #registrationOnePageContainer #mobileid-base,
    #dobid-base {
        margin-bottom: 0 !important;
    }

    #registrationOnePageContainer .guestInformation > #contactByContainer .inputContents .formInputElement{
        margin-top: 0;
        margin-bottom: 0;
    }

    #registrationOnePageContainer .inputContents #countryCodeid-base.formInputElement {
        margin-bottom: 8px;
    }

    #registrationOnePageContainer .guestInformation > .fieldGroup {
        margin-bottom: 5px;
    }

    #registrationOnePageContainer .AssistanceSMS-Container p,
    #editContactInformation .AssistanceSMS-Container p {
        display: inline;
    }

    #editContactInformation .AssistanceSMS-Container,
    #login-AssistanceSMS-Container {
        width: 100%;
    }

    .modalAGVerticalScroll,
    #signInPage .modalAGVerticalScroll {
        max-height: 465px;
        max-height: calc(100vh - 190px);
        padding-bottom: 120px;
        width: auto;
    }

    #signInPage #assistanceSMS-Scroll ul {
        margin-left: inherit;
    }

    .ui-dialog.assistanceSMSModal {
        z-index: 10000;
    }

    #forgotpassword #radioEmail {
        margin-top: 0px;
    }

    #registrationOnePageContainer .inputContents #emailid-base.formInputElement {
        margin-bottom: 28px;
    }

    #registrationOnePageContainer #mobile-validationError {
        margin-top: 10px;
    }
    .uiPlus #emailGroupContainer .inputRow.rowWithFieldHint .validationContents {
        padding-top: 0;
    }

    #address-countryid-base {
        margin-bottom: 5px;
    }

    .contactlabel p {
        margin-bottom: 7px !important;
    }

    #emailid-base .textInputHint {
        top: 51px;
    }

    #emailid-base,
    #mobileid-base {
        margin-right: 10px;
    }

    .registrationOnePageSubflow #confirmEmailid-base {
        margin-top: 1px;
        margin-bottom: 4px !important;
    }

    .registrationOnePageSubflow #disIdConfirmPasswordid-base {
        margin-top: 20px;
    }

    #registrationOnePageContainer #passwordContainer {
        margin-top: 5px !important;
    }

    #disIdConfirmPasswordid-base {
        margin-top: 30px;
    }

    #registrationOnePageContainer #passwordContainer .validationContents,
    #registrationOnePageContainer #notForChildForm {
        margin-top: 0;
        padding-top: 0;
    }

    #editContactInformation #countryCodeid-base,
    #registrationOnePageContainer .guestInformation > #mobileGroupContainer #countryCodeid-base,
    #signInPage .formButtonsContainer #loginPageSubmitButton,
    #dob .selectBox {
        margin-right: 0;
    }

    #mobileGroupContainer,
    #emailGroupContainer,
    #signInForm #mobileGroupContainer,
    #signInForm #emailGroupContainer,
    #forgotpassword #signInContainer #mobileGroupContainer,
    #forgotpassword #signInContainer #emailGroupContainer {
        padding-left: 0;
    }

    #registrationOnePageContainer #birthDateContainer .uiToolTip {
        height: 19px;
        top: 0;
    }

    #registrationOnePageContainer #acceptTermsContainerStepTwo .inlineErrors {
        margin-top: 62px;
    }

    #validationContents .validationContents {
        margin-top: 0;
    }

    .uiPlus #registrationOnePageContainer .inlineErrors {
        position: static;
    }

    #registrationOnePageForm #disIdPasswordid-base {
        margin-right: 0;
    }

    #registrationOnePageForm #disIdPasswordid-base .textInputHint {
        white-space: normal;
    }

    /* Profile Privacy Enhancement */
    #registrationOnePageForm #acceptTermsContainer ul.inlineErrors {
        margin-top: 0;
        width: 300px;
        position: absolute;
        top: 40px;
        /*white-space: nowrap;*/
    }

    /* Profile Privacy Enhancement */
    #registrationOnePageForm #adultConfirmStatusContainer ul.inlineErrors {
        margin-top: 0;
        width: 250px;
        position: absolute;
        top: 45px;
    }


    #mobilePhoneid-base,
    #lastNameid-base {
        margin-right: 0;
    }

    #registrationOnePageForm .marketingPermission p {
        margin: 0 0 0 28px;
    }

    #registrationOnePageForm #acceptTermsContainer p {
        margin-bottom: 20px;
    }

    #communicationPreferenceEdit #editNotificationPreferences p a,
    #registrationOnePageForm .marketingPermission p a,
    #registrationOnePageForm #acceptTermsContainer p a {
        word-break: break-word;
    }

    /* Profile Privacy Enhancement */
    #registrationOnePageForm #adultConfirmStatusContainer p {
        margin-bottom: 20px;
    }
    #registrationOnePageForm #adultConfirmStatusContainer p a {
        word-break: break-word;
    }


    .uiPlus .formInputElement.emailLength label,
    .uiPlus .formInputElement.mobileLength label {
        width: auto;
    }

    #registrationOnePageForm #dobYearid-base {
        margin-bottom: 3px;
    }

    #registrationOnePageForm #dobYearid-base #dobYear {
        height: 37px;
    }

    #registrationOnePageContainer .captWidthAll,
    #signInContainer .captWidthAll
    {
        width: 318px;
    }
    #registrationOnePageContainer .captchaInformation #captchaGroupContainer .captchaImg ,
    #signInContainer .captchaInformation #captchaGroupContainer .captchaImg
    {
        padding-top: 26px;
        padding-left: 0px;
    }
    #registrationOnePageContainer .captchaImg .captGap ,
    #signInContainer .captchaImg .captGap
    {
        padding-left: 0px;
        margin-right: 10px;
    }

    #registrationOnePageContainer .captchaImg .firstCapt .capPiece ,
    #signInContainer .captchaImg .firstCapt .capPiece
    {
        top: 130px;
        left: 10px;
    }
    #registrationOnePageContainer .captchaImg .captInit .mdxIcon-gap ,
    #signInContainer .captchaImg .captInit .mdxIcon-gap
    {
        padding-top: 0px;
    }
    #registrationOnePageContainer .captchaImg .captMoving .mdxIcon-gap ,
    #signInContainer .captchaImg .captMoving .mdxIcon-gap
    {
        padding-left: 45px;
        padding-top: 0px;
    }
    #registrationOnePageContainer .captchaImg .captError .mdxIcon-gap ,
    #signInContainer .captchaImg .captError .mdxIcon-gap
    {
        padding-left: 40px;
        padding-top: 0px;
    }

    /* SEND PIN CODE MODAL DIALOG*/
    div.sendPinCodeMobileDialog .overlayDialog {
        display: none;
    }

    div.sendPinCodeMobileDialog .centerVertical,
    div.sendPinCodeMobileDialog .modularDialogContainer,
    div.sendPinCodeMobileDialog .modularDialogContainerSolidBackground,
    div.sendPinCodeMobileDialog .modularDialogContainerContent {
        height: 100%;
        display: block;
    }

    div.sendPinCodeMobileDialog .modularDialogContainerSolidBackground {
        border-radius: 0;
    }

    #sendPinCodeContainer {
        height: 100%;
        padding: 20px;
        position: relative;
        width: 100%;
    }

    #sendPinCodeContainer p {
        width: 100%;
    }

    #sendPinCodeContainer h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    #sendPinCodeContainer .header {
        margin-bottom: 28px;
    }

    #sendPinCodeContainer h2 {
        margin-bottom: 10px;
    }

    #sendPinCodeContainer #pinCodeid-base .inlineErrors {
        white-space: normal;
    }

    #sendPinCodeContainer .footer {
        width: 100%;
        position: absolute;
        padding: 20px;
        bottom: 0;
        left: 0;
    }

    #sendPinCodeContainer #pinCodeCancel {
        float: left;
    }

    #sendPinCodeContainer #pinCodeSubmit {
        float: right;
    }


    /* PROFILE */
    .mobileHeader {
        top: -43px;
        left: 10px;
    }

    #profileLanding .mdxIcon-xl {
        width: 50px;
        margin: 0 15px 0 5px;
    }

    .profileSubHeader .profileRowDetailedContent,
    .mobileTooltipForgetPassword #modalUIPlusButtonPane > .horizontalSeparator,
    header.profileHeader img,
    #personal-information .profileHeader,
    .uiToolTipBox {
        display: none;
    }

    #profileLanding .profileHeader {
        height: 0;
        margin-bottom: 0;
    }

    #profileLanding .profileHeader .guestName {
        color: #0470AB;
        text-shadow: none;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #profileLanding .guestNameContainer {
        max-width: 90%;
    }

    #profileLanding .guestNameContainer h1 {
        font-size: 24px;
        font-weight: 200;
    }

    .uLayout.standardContentContainer {
        margin-top: 0;
    }

    .profileSubHeader .subheaderText {
        width: auto;
        padding-left: 0;
    }

    #registrationOnePageContainer .requiredField {
        position: static;
    }

    .profileActiveClickRow .profileSubHeader,
    .profileInactiveClickRow .profileSubHeader {
        padding: 25px 10px 25px 0;
    }

    #profileLanding .profileSubHeader .subHeaderTitle {
        font-size: 16px;
        line-height: 56px;
        margin: 0;
        width: auto;
    }

    #profileLanding .profileSubHeader .subHeaderDescription {
        font-size: 12px;
        line-height: normal;
        width: auto;
    }

    .profileLanding .profileSubHeader .subheaderText {
        padding-left: 0;
    }

    #registrationOnePageContainer #childNotification {
        margin-top: 10px;
    }

    #registrationOnePageContainer #childNotification .subflowInstructions > h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #registrationOnePageContainer #childNotification .subflowInstructions {
        margin-top: 0;
    }

    #childNotification h3,
    #childNotificationFullPage h3 {
        margin-bottom: 20px !important;
    }

    #registrationOnePageContainer #childNotification .subflowInstructions > p,
    #registrationOnePageContainer #childNotificationFullPage .subflowInstructions > p {
        margin-bottom: 20px;
    }

    #registrationOnePageContainer #childNotification .subflowInstructions,
    #registrationOnePageContainer #childNotification .subflowInstructions > p,
    #registrationOnePageContainer #childNotificationFullPage .subflowInstructions,
    #registrationOnePageContainer #childNotificationFullPage .subflowInstructions > p {
        line-height: 18px;    max-width: none !important;
    }

    #childNotification .childBehaviorLink1,
    #childNotification .childBehaviorLink2,
    #childNotification .childBehaviorLink3,
    #childNotificationFullPage .childBehaviorLink1,
    #childNotificationFullPage .childBehaviorLink2,
    #childNotificationFullPage .childBehaviorLink3 {
        margin-top: 0;
    }

    #childNotification .childBehaviorLink1 > p,
    #childNotification .childBehaviorLink2 > p,
    #childNotification .childBehaviorLink3 > p,
    #childNotificationFullPage .childBehaviorLink1 > p,
    #childNotificationFullPage .childBehaviorLink2 > p,
    #childNotificationFullPage .childBehaviorLink3 > p {
        margin-bottom: 25px !important;
    }

    .profileActiveClickRow {
        min-height: auto;
    }

    .activeClickDefault, .activeClickHover {
        margin-top: 45px;
        right: 25px;
    }

    #profileLanding .subflowFooter.pepGlobalFooter {
        padding-top: 0;
    }

    .viewprofileContainer {
        padding-bottom: 0;
    }

    .pleaseWaitContainer .modularDialogContainerSolidBackground {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .pepGlobalHeader.shdr .globalNavigationBarWrapper {
        padding-top: 0;
    }

    .pepSyndicatedComponent .globalNavigationBar button.mobileNav {
        line-height: normal;
    }

    #profileLanding .pepSyndicatedComponent .shdr .gnbLinkContainer,
    #profileLanding .pepSyndicatedComponent .chromeContainer.loggedIn {
        top: 93px;
    }

    /* COMMUNICATION PREFERENCES */

    #communicationPreferenceEdit #editCommunicationPreferences .editCommunicationPreferencesModule {
        padding: 0;
    }

    #communicationPreferenceEdit .profileSubHeader .subheaderText {
        padding-left: 0;
    }

    #communicationPreferenceEdit #communicationPageForm .editProfileContainer {
        min-height: 230px;
    }

    #communicationPreferenceEdit #confirmEmailid-base {
        margin-top: 15px;
    }

    #communicationPreferenceEdit .editCommunicationPreferencesModule .validationContents {
        padding-top: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #communicationPreferenceEdit #editNotificationPreferences .marketingCheckbox label {
        width: 90%;
    }

    #communicationPreferenceEdit #confirmMobileid-base {
        margin-top: 33px;
    }

    #communicationPreferenceEdit #communicationMessage p {
        margin-bottom: 25px;
    }

    #profileLanding .profileActiveClickRow,
    #profileLanding .profileInactiveClickRow {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .profileSubHeader .subHeaderTitle {
        font-family: "Avenir 55 Roman";
    }

    #editNotificationPreferences .marketingPermission p {
        display: block;
        margin: 10px 0 0 28px;
        width: auto;
    }

    #communicationMessage {
        padding: 0;
    }

    /* CONTACT INFORMATION */
    #editContactInformation #profileEditContactInfoForm {
        margin-left: 0;
        margin-right: 0;
    }
    #editContactInformation .uSubflow .uHeader h1 {
        margin-left: 0;
        padding-left: 0;
    }

    #editContactInformation .profileSubHeader .subheaderText {
        padding-left: 0;
    }

    #editContactInformation #mobilePhoneConfirmid-base {
        margin-top: 25px;
    }

    #editContactInformation #profileEditContactInfoForm .shippingAddressBlock h3,
    #editContactInformation #profileEditContactInfoForm .subFormContainer {
        margin-left: 0;
    }

    #profileEditContactInfoForm .subFormEmail .formFieldEmailLabel {
        padding-bottom: 0;
    }

    #editContactInformation .profileEditContactInfoForm .horizontalSeparator {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .profileEditContactInfoForm .subFormPhone .inputRow .validationContents {
        margin-bottom: 0;
        padding-top: 5px;
    }

    #editContactInformation .subflowFooter.pepGlobalFooter {
        padding-top: 15px;
    }

    #editContactInformation #emailid-base .textInputHint {
        top: 53px;
    }

    #editContactInformation #emailContainer .validationContents {
        padding-top: 10px;
    }

    #editContactInformation #mobileExistsNotification,
    #editContactInformation #accountExistsNotification {
        padding-left: 18px;
    }

    #editContactInformation #mobilePhone-validationError {
        margin-top: 0px;
    }

    /*ABOUT ME*/
    .editProfileContainer .profileSubHeader,
    #editAboutMe .profileSubHeader .subheaderText {
        padding: 0;
        width: auto;
    }

    #editAboutMeForm .editProfileContainer .errorSummaryBlock,
    #editAboutMe .profileSubHeader {
        padding: 0;
    }

    #editAboutMe .profileSubHeader .subHeaderTitle {
        margin-bottom: 8px;
    }

    #editAboutMe .editProfileModule span.requiredField {
        position: static;
        margin: -8px 0 10px;
        text-align: left;
    }

    #editAboutMeForm .formInputElement label {
        margin-bottom: 3px;
    }

    #profilePageLastNameid-base {
        margin-bottom: 23px;
    }

    .editCharacterModule {
        padding-top: 12px;
    }

    .editAvatarButton {
        display: block;
        padding: 36px 0 5px;
    }

    .editAvatarPreview {
        position: relative;
    }

    .profileAvatarName {
        position: absolute;
        top: 95px;
        left: 0;
    }

    #editAvatarButton.pillBase {
        width: auto !important;
    }

    #editAboutMe .subheaderText {
        margin-bottom: 0;
    }

    #changePassword .editProfileContainer .profileSubHeader .subHeaderTitle {
        margin-top: 5px;
    }

    #personal-information .subflowFooter.pepGlobalFooter {
        padding-top: 10px;
    }

    #editAboutMe .editAvatarPreview {
        margin-bottom: 25px;
    }

    #editAboutMe .editableModules .editBirthdayModule,
    #editAboutMe .editableModules .editCharacterModule {
        margin-top: 25px;
    }

    #editAboutMe .editBirthdayModule p,
    .editNameModule {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #editAboutMe .birthdayInfoIcon {
        bottom: -1px;
    }

    .chooseAvatarForm .characterInstructions {
        margin: -1px 0 10px 0;
    }

    /* rule password page */
    #rulePasswordPage .rulePasswordSubHeader {
        padding: 10px;
        margin-top: -10px;
    }

    #rulePasswordPage .rulePasswordSubHeader .title {
        margin-top: 25px;
    }

    #rulePasswordPage .rulePasswordForm {
        padding: 5px 10px;
        min-height: 300px;
    }

    #rulePasswordPage .rulePasswordForm h3 {
        font-size: 18px;
        line-height: 18px;
    }

    #rulePasswordPage .mdxAlertIcon {
        padding-top: 0px;
    }

    #rulePasswordPage #password-validationError {
        margin-top: 0;
    }

    #rulePasswordPage #passwordid-base {
        margin-bottom: 0;
    }

    #rulePasswordPage #passwordid-base .inlineErrors{
        margin-top: 0;
    }

    #rulePasswordPage .newPasswordModule .textInputHint {
        position: static;
    }

    /* Verify account page */
    #verifyAccountPage .verifyAccountSubHeader {
        padding: 10px;
        margin-top: -10px;
    }

    #verifyAccountPage .verifyAccountForm {
        padding: 5px 10px;
        min-height: 300px;
    }

    #verifyAccountPage .verifyAccountForm h3 {
        font-size: 18px;
        line-height: 18px;
    }

    #verifyAccountPage #mobileGroupContainer {
        margin-top: 20px;
    }

    #verifyAccountPage #mobileid-base {
        margin-top: 15px;
    }

    /* FORGOT PASSWORD */
    #forgotpassword #signInContainer .subPageHeader {
        margin-top: 20px;
    }

    #forgotpassword .signInFormStep1 .subPageHeader h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    #forgotpassword .offerCarousel {
        margin-bottom: 10px;
    }

    /* Profile Privacy Enhancement  330*/
    #forgotpassword #signInContainer #mobileGroupContainer{
        height: 200px;
    }

    /* Profile Privacy Enhancement  260*/
    #forgotpassword #signInContainer #emailGroupContainer {
        height: 90px;
    }

    #forgotpassword #emailGroupContainer .inputRow .validationContents,
    #forgotpassword #mobileGroupContainer .inputRow .validationContents {
        padding-top: 0;
        margin-top: 5px;
    }

    #forgotpassword #forgotPasswordMobileid-base {
        margin-top: 20px;
    }

    #forgotpassword #birthDateContainer {
        left: 10px;
        width: 94%;
    }

    #forgotpassword #birthDateContainer .inputRow .validationContents {
        padding-top: 3px;
    }

    #forgotpassword #dobid-base {
        display: block;
        margin-right: 0;
        margin-top: 11px;
    }

    .signInFormStep1 .formButtonsContainer {
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #forgotpassword #birthDateContainer {
        margin-bottom: 40px;
    }

    #forgotpassword #birthDateContainer.mobile {
        top: 272px;
    }

    #forgotpassword #birthDateContainer.email {
        top: 170px;
    }

    #forgotpassword .yearLength input {
        height: 36px;
        margin: 0;
        width: 100%;
    }

    .mobileTooltipForgetPassword,
    #forgotpassword #dobMonthid-base,
    #forgotpassword #dobDayid-base,
    #forgotpassword #dobYearid-base {
        display: block;
    }

    #forgotpassword #dobMonthid-base {
        width: 40%;
        margin-right: 4%;
    }

    #forgotpassword #dobDayid-base {
        width: 27%;
    }

    #forgotpassword #dobYearid-base {
        width: 25%;
        margin-right: 0;
        float: right;
    }

    #forgotpassword #dobMonthid-base,
    #forgotpassword #dobDayid-base {
        float: left;
    }

    #forgotpassword  .selectBox .select-toggle {
        line-height: 37px;
    }

    #forgotpassword .selectBox .richSelectArrowIcon {
        top: 15px;
    }

    #forgotpassword #countryCodeid-base .selectBox .richSelectArrowIcon {
        top: 30px;
    }

    #forgotpassword .uiPlus .jsvfElement {
        display: block;
    }

    #forgotpassword .selectBox {
        display: inline;
        position: static;
    }

    #forgotpassword #passwordInfoIcon .mdxIcon-info {
        padding-top: 5px;
    }

    #forgotpassword #signInContainer.step2 #mobilePINid-base .inlineErrors {
        margin-top: 0;
        width: 100%;
        white-space: inherit;
        position: relative;
        top: 0;
    }


    /* Reference: http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best */
    #forgotpassword #dob:after {
        content: "";
        display: block;
        clear: both;
    }

    /* MOBILE PIN CODE VERIFICATION */

    #forgotpassword #signInContainer.step2 .subPageHeader {
        margin-top: 50px;
    }

    #forgotpassword .step2 .message {
        max-width: 310px;
    }

    #forgotpassword .signInFormStep2 .subPageHeader h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    #forgotpassword #mobilePinid-base {
        margin-bottom: 0;
    }

    #forgotpassword #mobilePinid-base label {
        margin-bottom: 55px;
    }

    #forgotpassword .pinCodeInstructions {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    #forgotpassword #mobilePinid-base .textInputHint {
        margin-top: 10px;
    }

    #forgotpassword  #signInContainer #securityAnswer1 {
        margin-bottom: 0;
    }

    #forgotpassword .formMobilePinButtonsContainer {
        margin-top: 60px;
    }

    #mobilePin-validationError {
        margin-top: 30px;
    }

    #forgotpassword #signInContainer .step1 {
        margin-top: 15px;
    }

    /* RESET PASSWORD */

    #forgotpassword .signInFormStep3 .subPageHeader h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    #forgotpassword #signInContainer .step3 {
        margin-top: 15px;
    }

    #forgotpassword.universalLayout #pageContainer {
        min-width: auto;
    }

    #forgotpassword.universalLayout .base.standardContentContainer {
        float: left;
    }

    #forgotpassword #signInContainer .subPageHeader {
        margin-left: 10px;
        margin-right: 10px;
    }

    .signInFormStep3 .subPageHeader .subflowInstructions > p {
        font-size: 12px;
        line-height: 15px;
    }

    #forgotpassword #signInContainer .step1,
    #forgotpassword #signInContainer .step2,
    #forgotpassword #signInContainer .step3 {
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .signInFormStep3 .formButtonsContainer .pillLink {
        float: left;
    }

    .signInFormStep1 .formButtonsContainer .pillSubmit,
    .signInFormStep2 .formMobilePinButtonsContainer .pillSubmit,
    .signInFormStep3 .formButtonsContainer .pillSubmit {
        float: right;
    }

    #forgotpassword .step3 .standardFormElement {
        margin-bottom: 0;
    }

    #forgotpassword .signInFormStep3 .helpLabel,
    #forgotpassword .signInFormStep3 #confirmPasswordid-base label {
        margin-bottom: 15px;
    }

    #forgotpassword #signInContainer .passwordField,
    #forgotpassword .confirmPasswordField.validationContents {
        margin-bottom: 30px;
    }

    #forgotpassword #sewWarningButton {
        width: auto !important;
    }

    #forgotpassword #sessionExpireWarn .warning {
        margin-top: 20px;
        text-align: center;
    }

    #forgotpassword .uiPlus .formInputElement label,
    #forgotpassword .uiPlus .formInputElement.emailLength label {
        font-size: 12px;
    }

    #forgotpassword .uiPlus .textInput.longName input {
        width: 185px;
    }

    #forgotpassword #sessionExpireWarn .avatar {
        margin-left: 0;
    }

    #forgotpassword #sessionExpireWarn .warning h1 {
        width: auto;
    }


    /* Tool Tip */

    .fixedToolbarContainer {
        padding: 0 20px;
    }

    #globalNavBreadcrumbs {
        visibility: hidden;
    }

    /* ACCOUNT SETTINGS */
    #changePassword .requiredField {
        top: 28px;
    }

    .passwordChangeButton {
        display: block;
        margin-top: 15px;
    }

    #editCommunicationPreferences .textInputHint {
        padding-top: 15px;
    }
    #editCommunicationPreferences #communicationMessage {
        padding-top: 0;
    }

    #communicationPreferenceEdit #editCommunicationPreferences .horizontalSeparator {
        margin: 0 0 20px;
    }

    #editContactInformation .pageLevelError,
    #personal-information .pageLevelError,
    #communicationPreferenceEdit .pageLevelError {
        margin: 0;
    }

    #editContactInformation .pageLevelErrorContainer,
    #personal-information .pageLevelErrorContainer {
        padding: 0;
    }

    #editContactInformation .pageLevelErrorContainer,
    #personal-information .pageLevelErrorContainer,
    #communicationPreferenceEdit .pageLevelErrorContainer {
        padding: 0 0 15px;
        margin-bottom: 20px;
    }

    .uLayout .uHeader {
        padding: 15px 0;
    }

    .uLayout.standardContentContainer.uLayout {
        padding: 25px 8px 8px 8px;
    }

    .uiPlus .textInput input,
    .uiPlus textarea {
        margin: 10px 0;
    }

    #communicationPreferenceEdit .communicationPreferenenceSubHeader {
        font-size: 18px;
    }

    #editContactInformation .pageLevelError .horizontalSeparator,
    #personal-information .pageLevelError .horizontalSeparator,
    #communicationPreferenceEdit .pageLevelError .horizontalSeparator {
        margin: 15px 0 20px;
    }

    #modifyAccountSettings #deleteAccountButton-span {
        margin-left: 0px;
    }

    #modifyAccountSettings #deleteAccountButton.deleteAccountButtonWidth {
        width: 150px;
    }

    /* DELETE ACCOUNT */
    .ui-dialog.deleteAccountModalCustom {
        z-index: 10000;
    }

    .deleteAccountModalCustom #ui-dialog-title-contents {
        margin-top: 5px;
        margin-left: 5px;
        margin-bottom: 0px;
    }

    .deleteAccountModalCustom #modalDialogDivContainer {
        margin-top: 5px;
    }

    .deleteAccountModalCustom .modalUIPlusButtons {
        margin-bottom: 0px;
        margin-top: 18px;
    }

    #deleteAccount .requiredField {
        right: 10px;
        top: 28px;
        position: absolute;
    }

    #deleteAccount .editProfileContainer .profileSubHeader .subHeaderTitle {
        margin-top: 5px;
    }

    #deleteAccount #deleteAccountNoticeContainer p {
        width: 83vw;
        /*height: 180px;*/
    }
    #deleteAccountForm #deleteAccountNoticeContainer ul.inlineErrors {
        width: 305px;
    }

    #deleteAccountForm .deleteAccount-en-margin {
        margin-bottom: 40px;
    }

    /*Profile Privacy Enhancement*/
    #deleteAccountForm .deleteAccount-en-margin .inlineErrors {
        margin-top:410px;
    }
    #deleteAccountForm .deleteAccount-margin .inlineErrors {
        margin-top: 340px;
    }
    #deleteAccount .subflowFooter .horizontalSeparator {
        margin-top: 80px;
    }

    @media only screen and (max-height: 480px) {
        #deleteAccountForm .deleteAccount-margin .inlineErrors {
            margin-top: 304px;
        }
        #deleteAccountForm .deleteAccount-en-margin .inlineErrors {
            margin-top: 315px;
        }
        #deleteAccount .subflowFooter .horizontalSeparator {
            margin-top: 110px;
        }
    }


    /* According to the css style guide, */
    /* Tag prefixes (e.g. div#bodyContainer or div.groupContainer) can be used */
    /* for overwriting styles in certain situations.  */
    #communicationPreferenceEdit #editCommunicationPreferences div#notificationPreferencesHeader,
    #communicationPreferenceEdit #editCommunicationPreferences div#notificationPreferencesHeader .subscriptionHeader {
        padding-bottom: 12px;
    }

    #communicationPreferenceEdit .subscriptionModule .subscriptionHeader {
        padding-bottom: 5px;
    }

    #communicationPreferenceEdit .subflowFooter.pepGlobalFooter {
        padding-top: 1px;
    }

    #communicationPreferenceEdit #emailid-base,
    #newDisIdPasswordid-base,
    #forgotpassword #dob .selectBox {
        margin-right: 0;
    }

    #emailConfirmid-base {
        margin-top: 30px;
    }

    #forgotpassword .signinForgotPasswordStepTwoForm #mobilePINid-base .textInputHint {
        top: 50px;
    }

    #forgotpassword #mobilePIN {
        margin: 6px 0;
    }

    #forgotpassword #securityAnswer1 .formInputElement {
        margin: 0 10px 22px 0;
    }

    #forgotpassword .subflowFooter.pepGlobalFooter #gde_footerContainer a,
    #forgotpassword .subflowFooter.pepGlobalFooter #gde_footerContainer .gde_footerCopyText {
        color: #FFF;
    }

    body.selfInfo .uLayout.standardContentContainer.uLayout {
        padding: 0;
    }

    body.selfInfo .subflowContentWrapper {
        padding: 8px 8px 25px;
    }

    body.selfInfo #selfInfoTitle {
        line-height: normal;
        font-size: 18px;
        font-weight: bold;
        padding: 29px 0 16px;
    }

    body.selfInfo #pageDesc1 {
        padding: 0 0 12px;
    }

    body.selfInfo .subflowContentWrapper {
        font-size: 14px;
        line-height: normal;
    }

    body.selfInfo #requiredDesc {
        font-size: 20px;
        padding: 6px 0 18px;
    }

    body.selfInfo #pageDesc3 {
        padding: 22px 0 0;
    }

    body.selfInfo .uiPlus .formInputElement {
        display: block;
    }

    body.selfInfo .uiPlus .inputElement,
    body.selfInfo .uiPlus .textInput.emailLength input {
        width: 96%;
        margin: 0 0 5px;
    }

    body.selfInfo .selectBox {
        width: 100%;
    }

    body.selfInfo #communicationLabel {
        font-size: 13px;
        line-height: 36px;
        color: #78899e;
    }

    body.selfInfo #addressDiv {
        padding-bottom: 5px;
    }

    body.selfInfo .offerCarousel {
        margin-bottom: 28px;
    }

    body.selfInfo .communicationLeft, body.selfInfo .communicationRight {
        float: none;
    }

    body.selfInfo .offerCarousel li.active .radio {
        background-position: -5px -981px;
    }

    body.selfInfo .offerCarousel .radio {
        background-position: -5px -948px;
    }

    body.selfInfo label[for="mobile"] {
        padding-bottom: 10px;
    }

    body.selfInfo .textInputHint {
        padding-top: 15px;
    }

    body.selfInfo .communicationRight {
        padding-bottom: 10px;
    }

    body.selfInfo label[for="mobilePin"] {
        padding-bottom: 10px;
    }

    body.selfInfo #separatorAboveTc {
        margin: 25px 0 45px 0;
    }

    body.selfInfo .richCheckBox {
        width: 21px;
        float: left;
        margin-top: 0px;
        margin-left: -10px;
    }

    body.selfInfo .tc {
        width: calc(99% - 21px);
        float: left;
    }

    body.selfInfo .tcRow {
        padding: 0 0 30px 10px;
    }

    body.selfInfo #requiredDesc {
        position: static;
        font-size: 10px;
    }

    body.selfInfo .uiPlus .formInputElement label {
        font-size: 14px;
        font-weight: normal;
        padding-bottom: 8px;
    }

    body.selfInfo .offerCarousel .offer .name {
        font-size: 14px;
    }

    body.selfInfo #fixedToolbar > .fixedToolbarContainer .centerContainer {
        display: none;
    }

    body.selfInfo .fixedToolbarContainer {
        padding: 0 20px 0 0;
    }

    body.selfInfo #selfInfoInner {
        padding: 0;
    }

    body.selfInfo .uiPlus .formInputElement {
        margin-bottom: 28px;
    }

    body.selfInfo .globalNavigationBar {
        position: relative;
    }

    body.selfInfo #languageDialog {
        position: absolute;
        bottom: 18px;
        right: 5%;
    }

    body.selfInfo.shdr #ui-dialog-title-contents {
        font-size: 36px;
        padding: 18px 0 3px;
        margin: 0;
    }

    body.selfInfo.shdr .assistanceSMSModal #ui-dialog-title-contents {
        margin: 0 0 30px;
        font-size: 24px;
        line-height: 30px;
    }

    body.selfInfo.shdr .assistanceSMSModal .ui-dialog-titlebar {
        padding-left: 10px;
        padding-top: 17px;
    }

    body.selfInfo.shdr .ui-dialog {
        height: 265px;
        padding: 10px;
    }

    body.selfInfo.shdr #modalTmpContent {
        font-size: 20px;
        line-height: normal;
    }

    body.selfInfo.shdr .assistanceSMSModal #modalDialogDivContainer {
        padding-left: 10px;
    }

    body.selfInfo.shdr #modalUIPlusButtonPane .returnBtn,
    body.selfInfo.shdr #modalUIPlusButtonPane .leaveBtn {
        font-size: 14px;
    }

    body.selfInfo.shdr #provinceAndCity {
        display: block;
    }

    body.selfInfo.shdr #provinceAndCity {
        display: block;
    }

    body.selfInfo.shdr .uiPlus .fieldHintElement .inlineErrors li{
        margin-top: 0;
    }

    body.selfInfo.shdr .uiPlus .tcRow .jsvfElement {
        display: block;
    }

    body.selfInfo.shdr .tcRow .notEmptyInvalid {
        padding: 32px 0 0 12px;
    }

    body.selfInfo.shdr input[type="text"] {
        height: 23px;
    }

    body.selfInfo.shdr #mobileGroupContainer,
    body.selfInfo.shdr #emailGroupContainer {
        padding: 0 0 0 8px;
    }

    body.selfInfo .uiPlus .formInputElement.emailLength .inlineErrors,
    body.selfInfo .uiPlus .formInputElement.mobileLength .inlineErrors,
    body.selfInfo .inlineErrors {
        width: 90%;
    }

    body.selfInfo #emailGroupContainer .textInputHint {
        padding-top: 25px;
    }

    body.selfInfo .pinCodeDiv #mobilePinid-base #mobilePin-validationError {
        padding-top: 5px;
        margin-top: -5px;
    }

    body.selfInfo.shdr sub, sup {
        font-size: 13px;
    }

    body.selfInfo .uiPlus #addressDiv .formInputElement {
       margin-bottom: 8px;
    }

    body.selfInfo.shdr #addressLabel {
        font-size: 14px;
        font-weight: normal;
    }

    body.travel h2 {
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 18px;
    }

    body.travel .innerContainer {
        margin: 0 10px;
    }

    body.travel .description {
        margin-top: 13px;
        margin-bottom: 24px;
    }

    body.travel .requiredField {
        position: static;
        color: #78899e;
        font-size: 12px;
    }

    body.travel .travelGroupRadio > label {
        margin-bottom: 6px;
    }

    body.travel #travelGroupid-base label,
    body.travel #travelGroupWithElderid-base label {
        margin-top: 24px;
    }

    body.travel .uiPlus .formInputElement {
        margin-bottom: 10px;
    }

    body.travel .uiPlus .formInputElement .travelTime label {
        margin-bottom: 0;
        margin-top: 26px;
    }
    body.travel .uiPlus #travelTimeid-base {
        margin-bottom: 0;
    }

    body.travel .error-container {
        margin-top: 10px;
    }

    body.travel .firstBaby,
    body.travel .secondBaby,
    body.travel .uiPlus .textInput.longName > input {
        width: 100%;
    }

    body.travel #babyContainer.two .secondBaby {
        margin-top: 32px;
    }

    body.travel .travelGroupWithElderRadio > label {
        margin: 0;
    }

    body.magicPlanner .stepsContainer > ol {
        display: inline-flex;
    }

    body.magicPlanner .stepsContainer .stepIndicator {
        margin-right: 27px;
    }

    body.magicPlanner .stepsContainer .stepIndicator::after {
        width: 27px;
    }

    body.magicPlanner .stepsContainer .stepIndicator.last {
        margin-right: 0px;
    }

    body.magicPlanner .stepsContainer {
        top: 0px;
    }
}

/*testing new media server and cicd*/
/*181031 13:34 xo*/
