.oce-register-form-container {
  padding-right: 3.3%;
  max-width: 247px;
}
.oce-register-form-container input {
  width: 90% !important;
  margin-bottom: 4% !important;
}
.oce-login-form-container {
  max-width: 247px;
}
.oce-supp-kyc-form-container {
  max-width: 750px;
}

.oce-login-form-container input {
  width: 90% !important;
  margin-bottom: 4% !important;
}
.oce-inline-block {
  display: inline-block;
  vertical-align: top;
}
/*.oce-login-form-wrapper button.primary-button{
	margin-top:0;
}*/
.oce-update-records-wrapper
  .oce-register-form-container
  label
  .oce-login-form-container
  label {
  margin: 20px 0;
}
.oce-radio {
  display: inline-block;
  margin-left: 50px;
  margin-top: 30px;
}
#oce-checkbtn {
  float: left;
}
.oce-updateform-radioLabel {
  float: left;
}
.oce-main-form-light-blue-container input::-webkit-input-placeholder {
  color: #009bbb !important;
}
.oce-main-form-light-blue-container input:-moz-placeholder {
  /* Firefox 18- */
  color: #009bbb !important;
}
.oce-main-form-light-blue-container input::-moz-placeholder {
  /* Firefox 19+ */
  color: #009bbb !important;
}
.oce-main-form-light-blue-container input:-ms-input-placeholder {
  color: #009bbb !important;
}
.oce-link-left {
  float: left;
}
.oce-inline-block-height {
  height: 284px;
}
.oce-font-positon {
  display: inline-block;
  position: relative;
  right: 124px;
  font-size: 24px;
  margin-bottom: 15px;
}
.oce-font-positon1 {
  display: inline-block;
  position: relative;
  left: 18px;
  font-size: 24px;
}
.oce-font-positon2 {
  display: none;
  text-align: left;
}
/* ID's for default display hidden */
#oce-right-container {
  display: none;
}
#oce-no-customer {
  display: none;
}
#oce-no-account {
  display: none;
}
#oce-sub-header {
  display: none;
}
.oce-thank-tick-mark {
  margin-top: 35px;
}
.oce-thank-welcome-position {
  margin-top: 29px;
}
.oce-thank-welcome-label {
  font-size: 30px;
  font-weight: 500 !important;
  color: #1f2d60;
}
.oce-thank-subtext-position {
  margin-top: 31px;
}
.oce-thank-subtext-label {
  font-size: 15px;
  color: #555555;
}
.oce-noaccount-subheader {
  margin-top: 0;
  line-height: 18px;
}
.oce-amex-home-button {
  background-color: #1f2d60;
  color: #ffffff;
  font-size: 15px;
  margin-top: 35px;
  width: 200px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid;
}
.oce-link-left {
  font-size: 15px !important;
  margin-top: 31px !important;
}

.res_Large .oce-card-id-subheader {
  max-width: 50%;
}

.oce-card-id-subheader {
  margin: auto;
}

.res_Small .oce-right-form-container {
  border-top: 1px solid #d8d8d8 !important;
  border-left: 0 !important;
  padding-top: 3.2%;
  margin-top: 3.2%;
}
.res_Small .oce-inline-block-height {
  height: 20px;
}
.res_Small .oce-font-positon {
  right: 12px;
  font-size: 24px;
}
/* Ipad */
.res_Large.res_1000 .oce-font-positon {
  right: 106px;
}
.res_Large.res_1000 .oce-font-positon1 {
  left: 0px;
}
.res_Medium .oce-font-positon {
  right: 102px;
}
.res_Medium .oce-font-positon1 {
  left: -7px;
}
.res_Small .oce-font-positon1 {
  display: none !important;
}
.res_Small .oce-font-positon2 {
  display: block;
  text-align: left;
  font-size: 24px;
  margin-top: 20px;
}
.res_Small .oce-login-form-margin {
  margin-top: 15px;
}
.res_Small .oce-noaccount-subheader {
  margin-top: 10px;
  font-size: 15px !important;
  line-height: 22px;
}
.res_Small #oce-register-header {
  margin-top: 25px;
  line-height: 49px;
}
.res_Small #oce-sub-header {
  margin-top: 16px;
  line-height: 22px;
}

.res_Small .oce-main-form-container.splash {
  padding: 0px;
  width: 100vw;
}


main.splash {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  min-height: auto;
  width: 100%;
}

.res_Large main.splash {
  max-width: 80%;
  display: block;
  margin: 15px auto 0px;
}

.res_Large.res_1150 main.splash,
.res_Large.res_1100 main.splash,
.res_Large.res_1050 main.splash,
.res_Large.res_1000 main.splash,
.res_Large.res_950 main.splash,
.res_Large.res_900 main.splash,
.res_Large.res_850 main.splash,
.res_Large.res_800 main.splash {
  max-width: 100%;
}

.res_Medium main.splash {
  padding: 0px 0px;
  width: 100%;
}

.res_Small main.splash {
  margin-top: 35px;
}

.main-container {
  display: flex;
  flex-direction: row;
}
.res_Small .main-container {
  display: flex;
  flex-direction: column;
}

.block {
  display: block;
  padding: 15px;
}

.res_Small section.block {
  width: auto;
  padding: 20px;
}


/* LEFT / UPPER BLOCK (WELCOME MESSAGE) */
section.welcome {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 8rem 15px 100px;
  background-color: grey;
  width: 400px;
  background-image: url(https://www.aexp-static.com/cdaas/one/statics/@americanexpress/static-assets/2.28.0/package/dist/img/brand/worldservice-tile-gray.svg);
}
.res_Small section.welcome {
  max-width: none;
  height: auto;
  min-height: unset;
}

.res_Medium.res_800 section.welcome,
.res_Medium.res_750 section.welcome {
  width: 340px;
}

.res_Medium.res_700 section.welcome,
.res_Medium.res_650 section.welcome,
.res_Medium.res_600 section.welcome {
  width: 280px;
}

.welcome .welcome-message {
  max-width: 75%;
  margin: 0 auto;
}

.res_Small .welcome .welcome-message {
  min-width: 250px;
}

section .welcome-message h2 {
  color: #00175A;
  margin: 0px 0px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  padding-bottom: 4rem;
}
.res_Small section .welcome-message h2 {
  padding-bottom: 0rem;
}
/* RIGHT / LOWER BLOCK (INFO & CTA) */
section.info {
  background-color: #fff;
  width: 100%;
  position: relative;
}

.res_Small section.info {
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

.res_Large .flourish-container {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 312px;
}

.res_Large .flourish {
  background-image: url(https://www.aexp-static.com/cdaas/one/statics/@americanexpress/static-assets/2.28.0/package/dist/img/brand/flourish.svg);
  background-repeat: no-repeat;
  background-position: 79% -30%;
  height: 111px;
  background-size: 163%;
  filter: opacity(10%) contrast(0%);
}

#info-block-containers {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.res_Large #info-block-containers {
  z-index: 1;
  position: relative; /* needed to prevent flourish overlap with cta */
  padding: 0px 10px;
}
.res_Medium #info-block-containers {
  width: auto;
  margin: 0px 10px;
}

.res_Small #info-block-containers {
  max-width: 400px;
  width: auto;
}

#info-block-wrapper {
  margin: auto 0;
}

#info-block-wrapper > * {
  margin: 2rem 0px;
}

#info-block-containers h3 {
  align-self: flex-start;
  font-weight: 500;
  font-size: 1.35rem;
}
.res_Small #info-block-containers h3 {
  font-size: 1.25rem;
}

.info-block-container {
  width: 100%;
  display: flex;
  justify-content: left;
}

.ribbon-container img {
  width: 450px;
  margin-left: 10%;
  max-width: 500px;
}

.res_Small .ribbon-container img {
  display: none;
  height: 0px;
}

.res_Medium.res_800 .ribbon-container img,
.res_Medium.res_750 .ribbon-container img {
  width: 386px;
}

.res_Medium.res_700 .ribbon-container img,
.res_Medium.res_650 .ribbon-container img,
.res_Medium.res_600 .ribbon-container img {
  width: 322px;
}

/* TODO DO LIST STYLES */
.todo-list-ul {
  list-style-position: outside;
  width: auto;
}

.todo-list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.todo-list-item:first-child {
  margin-bottom: 1.5rem;
}


.todo-list-number-container {
  width: 40px;
}
.todo-list-number {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #006FCF;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  color: white;
}
.todo-list-content {
  display: flex;
  flex-direction: column;
  max-width: 90%;
  align-items: start;
}

.todo-list-content h4 {
  margin-bottom: 7px;
}

.todo-list-content * {
  /* align-self: left; */
  line-height: 1.6;
  text-align: left;
}

/* CTA STYLES */
.cta-container.info-block-container {
  display: flex;
  flex-direction: column;
}

.cta-container.info-block-container button {
  width: 100%;
}

.cta-container.info-block-container .secondary-button {
  color: #006FCF;
  background: #fff;
  border-color: #006FCF;
  border: 1px solid;
}

#splash-subtitle {
  padding-bottom: 4rem;
}

/* Use below font face code for E1 - E3 environments */
@font-face {
  font-family: "dls-icons";
    src: url("../font/dls-icons.woff") format("woff"),
    url("../font/dls-icons.eot") format("eot"),
    url("../font/dls-icons.ttf") format("ttf"),
    url("../font/dls-icons.svg") format("svg");
}

/* Use below font face to show dls icons in Local E0 environment: */
/* @font-face {
  font-family: "dls-icons";
  src: url("../oce/content/images/common/dls-icons.woff") format("woff"),
    url("../oce/content/images/common/dls-icons.eot") format("eot"),
    url("../oce/content/images/common/dls-icons.ttf") format("ttf"),
    url("../oce/content/images/common/dls-icons.svg") format("svg");
} */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body {
  overscroll-behavior-y: contain;
}
sup {
  vertical-align: super !important;
  font-size: 6px;
  line-height: 1em;
}
.link,
a:link,
a:visited {
  color: #006fcf;
  text-decoration: none;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  transition: color .25s ease-out,background-color .25s ease-out;
}

.underline {
  text-decoration: underline;
}

.oce-paperless-success-link a:link,
.oce-paperless-success-link a:visited {
  color: white !important;
  text-decoration: underline !important;
}
a:hover {
  text-decoration: underline;
}
ul li:empty {
  display: none;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
.oce-hidden {
  display: none;
}

.dav-help_content .dav-help-text:hover + #dav-suggest-info {
  display: inline-block !important;
}
.bold {
  font-weight: bold;
}

body {
  line-height: 1;
}
body {
  -webkit-text-size-adjust: 100%;
}
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/****************** Reset Ends ***********************/

/** Buttons **/
button, .link-as-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 1em;
  line-height: 2.7;
  padding: 0 20px;
  text-align: center;
  font-weight: normal;
  vertical-align: middle;
  border-radius: 0.25em;
  margin-bottom: 0.625rem;
}

.link-as-button {
  padding: 0.8125rem 20px;
  color: #fff !important;
  background-color: #006FCF !important;
}

.button-as-link {
  color: #006FCF;
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
  vertical-align: text-top;
  line-height: normal;
}
.button-as-link:focus,
.oce-primary-link:focus {
  outline: 1px dashed #53565a;
  outline-offset: 3px;
}

.primary-button {
  color: #fff;
  background-color: #006FCF;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all .2s ease-in-out;
  transition-property: color,background-color,border-color;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

button.primary-button:empty {
  display: none;
}

.primary-button:disabled,
.primary-button[aria-disabled],
.primary-button:hover:disabled,
.primary-button:hover[aria-disabled] {
  color: #666;
  background-color: #f7f8f9;
  cursor: not-allowed;
  border-color: #ccc;
}

.primary-button:hover {
  text-decoration: none;
}

.primary-button:focus,
.centurion button.oce-amex-home-button:focus {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}

.primary-button:hover,
.primary-button:hover:visited {
  color: #fff;
  background-color: #0069c4;
}

.primary-button:active,
.primary-button:active:visited {
  color: #fff;
  background-color: #00163a;
}

button.secondary-button,
a.secondary-button,
.gcp-secondary-button,
.gcp-secondary-button-mobile {
  color: #006FCF;
  background: #fff;
  border-color: #006FCF;
  border: 1px solid;
}

button.secondary-button:hover,
a.secondary-button:hover {
  text-decoration: none;
  background: #e5e5e5;
}

button.secondary-button:focus,
a.secondary-button:focus {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}

.link-as-button:hover {
  background-color: rgb(0, 105, 196) !important;
  text-decoration: none !important;
}



label {
  color: #333;
  display: block;
  font-family: Helvetica Neue,Helvetica,sans-serif;
  font-size: 1em;
  margin-bottom: 8px;
  line-height: 1.5rem;
  text-align: left;
  margin-top: 7px;
  font-weight: 600;
  text-transform: none !important;
}

/* input {
  -webkit-appearance: none;
  background-color: #f7f8f9;
  border: 0.0625rem solid #8e9092;
  border-radius: 0.25rem;
  color: #333;
  font-size: 1rem;
  line-height: 1.375rem;
  min-height: 3.125rem;
  padding: 0 0.625rem;
  transition: border-color .25s ease-out;
} */

input {
  width: 100%;
  font-size: 1em;
  color: #333;
  background-color: #f7f8f9;
  border: 1px solid #8e9092;
  min-height: 2.5em;
  padding: 0 0.625em;
  line-height: 1.4667;
  border-radius: 0.25em;
  -webkit-transition: border-color 0.25s ease-out;
  transition: border-color 0.25s ease-out;
  -webkit-appearance: none;
  font-family: "Helvetica Neue";
  text-align: center;
}

input:focus {
  border-color: #006fcf;
  outline: none;
}

.oce-card-security-form-wrapper input {
  min-height: 2.75rem;
}

.oce-card-activation-form .oce-card-number_container label {
  margin-left: 8%;
}
.oce-card-activation-form .oce-four-digit label {
  text-align: right;
  margin-right: 6%;
}
.oce-card-activation-form input {
  min-height: 2em;
}

.oce-card-activation-form .oce-card-number_container input {
  width: 20%;
  margin-right: 2%;
}
.oce-card-activation-form .oce-four-digit input {
  width: 20%;
  float: right;
  margin-right: 6%;
}
.oce-card-activation-form .oce-four-digit {
  position: absolute;
  top: 35%;
  right: 3%;
  width: 100%;
}
.oce-card-activation-form .oce-card-number_container {
  position: absolute;
  top: 68%;
  left: 2%;
}
.oce-alert-edit input {
  width: 90%;
}
.oce-alert-edit .text_input {
  display: inline-block;
  width: 46%;
}

.text_input {
  position: relative;
}
/*.text_input {
	color: #000;
	width: 100%;
	margin: 6px 0;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	background-color: #F7F8F9;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: "BentonSans", Arial;
}

.text_input input[type="text"],
.text_input input[type="password"],
.text_input input[type="email"]  {
	border: none;
	width: 100%;
	padding: 8px 14px 8px 14px;
	box-sizing: border-box;
	background-color: #FFF;
	font: inherit;
	font-size: 0.8125em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.text_input.icon_padding input[type="text"],
.text_input.icon_padding input[type="password"],
.text_input.icon_padding input[type="email"]
	{
	padding-right: 35px;
}

.text_input .icon,
.text_input .loader-small {
	position: absolute;
	right: 10px;
	top: 10px;
}

.oce-main-form-wrapper .text_input input[type="text"].oce-input-last,
.oce-main-form-wrapper .text_input input[type="password"].oce-input-last,
.oce-main-form-wrapper .text_input input[type="email"].oce-input-last
	{
	margin-bottom: 0;
}*/
/**** Check boxes ***/
.checkbox,
.radio {
  position: relative;
  margin: 5px;
  display: inline-block;
  cursor: pointer;
}
.oce-login-form-container .checkbox {
  float: left;
  margin-left: 0;
  margin-top: 3px;
}

.checkbox .custom_style,
.radio .custom_style {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  border: 0.0625rem solid rgb(142, 144, 146);
  box-sizing: border-box;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 0.25rem;
}
.checkbox .custom_style.active {
  background-color: #006FCF;
}
.checkbox .custom_style:hover,
.radio .custom_style:hover {
  border: 1px solid #006FCF;
}
.checkbox:focus > div {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}

.checkbox .custom_style .custom_selected,
.radio .custom_style .custom_selected {
  background-position: 0 0;
  width: 13px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 4px;
  display: none;
}

.checkbox .custom_style .custom_selected.active,
.radio .custom_style .custom_selected.active {
  display: block;
}

.checkbox.radio .custom_style,
.radio.radio .custom_style {
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
}

.checkbox.radio .custom_style .custom_selected,
.radio.radio .custom_style .custom_selected {
  background-position: 0 -410px;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
}

.checkbox input,
.radio input {
  opacity: 0;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 16px;
  z-index: 1;
}

.checkbox label,
.radio label {
  padding-left: 30px;
}
/** Dropdowns **/
.select-dropdown {
  color: #000;
  margin: 6px 0;
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #e5e5e5;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #e8e8e8)
  );
  background-image: -moz-linear-gradient(#ffffff, #e8e8e8);
  background-image: -webkit-linear-gradient(#ffffff, #e8e8e8);
  background-image: linear-gradient(#ffffff, #e8e8e8);
  font-size: 0.8125em;
  padding: 8px 14px 8px 14px;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.select-dropdown.dark {
  border-color: transparent;
}
.select-dropdown .select-dropdown-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 35px;
}
.select-dropdown .select-dropdown-handle .select-dropdown-chevron {
  position: absolute;
  top: 11px;
  right: 13px;
  width: 13px;
  height: 13px;
  background-position: 0 -131px;
}
.select-dropdown select {
  opacity: 0;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  height: 35px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/** modals */
.scrollable-modal .oce-overlay:focus {
  outline: dashed 1px rgb(255, 255, 255);
  outline-offset: 3px;
}

.scrollable-modal .oce-overlay .close-button:focus::before {
  outline: dashed 1px rgb(255, 255, 255);
  outline-offset: 3px;
}

/*********** Reset ****************/
body {
  background-color: #e9e9e9;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #333;
}
.oce-header {
  display: none;
}
h1.oce-header-logo {
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  padding: 18px 0;
  text-align: center;
  width: 100%;
}
b {
  font-weight: bold;
}

#oce-main-container {
  margin: 20px auto 30px;
  min-width: 300px;
  width: 100%;
}

#oce-content-container {
  margin: 0 auto;
  width: 90%;
}

.oce-main-form-wrapper {
  margin-top: 34px;
}

.oce-main-form-container {
  background-color: #fff;
  display: inline-block;
  margin-top: 15px;
  min-height: 554px;
  padding: 0 25% 40px;
  position: relative;
  text-align: center;
  width: 50%;
}
.oce-main-form-twoblk-container {
  padding: 0 0 40px;
  width: 100%;
}

/** BCS layer styling */
.res_Small .bcs-modal {
  top: 50px !important;
}

.oce-bcs-radio-container {
  margin: 0 !important;
  width: 100%;
}

.oce-bcs-radio-button {
  top: 10px !important;
}

.res_Small .oce-bcs-radio-button {
  top: 12px !important;
}

.oce-bcs-overlay {
  background: #006fcf !important;
}

.oce-bcs-button-container {
  text-align: center;
}

.oce-bcs-button {
  height: 50px;
  width: 210px;
  background-color: #006fcf;
  line-height: 0px !important;
}

.bcs-radio-color {
  border: 5px solid #006fcf !important;
}

.oce-bcs-option {
  font-size: 20px !important;
  line-height: 28px;
  font-family: "BentonSans";
  font-weight: 400 !important;
  margin-left: 8% !important;
}

.res_Small .oce-bcs-option {
  margin-left: 35px !important;
  line-height: 28px !important;
}

/* BCS header */
.oce-bcs-header {
  display: flex;
  flex-direction: row;
  background-color: #006fcf;
  height: 76px;
  align-items: center;
}

.oce-bcs-header-font {
  font-size: 24px;
  line-height: 22px;
  color: #fff;
}

/* BCS body */

.oce-bcs-body {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 23px;
  width: 72%;
  margin: auto;
}

.res_Small .oce-bcs-body {
  width: auto;
}

.oce-bcs-body-header {
  font-size: 20px;
  line-height: 28px;
  font-family: "BentonSans";
  padding-bottom: 20px;
}

/** BCS thank you page styling */

.oce-bcs-thankyou-container {
  background-color: #fff;
  margin-top: 15px;
  text-align: center;
}

.oce-bcs-thankyou-content {
  width: 41%;
  margin: auto;
}

.res_Small .oce-bcs-thankyou-content {
  width: 90% !important;
}

.oce-bcs-thankyou-check-icon-container {
  padding-bottom: 12px;
  padding-top: 20px;
}

.oce-bcs-thankyou-check-icon {
  width: 75px;
  height: 75px;
}

.oce-bcs-thankyou-header-container {
  padding-bottom: 21px;
}

.oce-bcs-thankyou-body-header-container {
  padding-bottom: 3em;
}

.oce-bcs-thankyou-footer-container {
  padding-bottom: 40px;
}

.oce-bcs-thankyou-button {
  height: 50px;
  width: 205px;
}

/** heading1 except line one*/
.oce-main-form-container h2 {
  color: #333;
  font-family: BentonSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 13px;
  padding: 0;
  margin: 58px 0 20px;
  line-height: 35px;
}

.heading-spacing {
  margin: 50px 0px 0px;
}
.oce-sorry-page-container h2 {
  margin: 183px 0 20px;
}
.oce-main-form-blue-container h2 {
  font-size: 3.75em;
  color: #fff;
}

.oce-main-form-container .oce-main-sub-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9375em;
  line-height: 1.375em;
}
#oce-success-banner-act {
  color: #333;
  margin-top: 25px;
  font-size: 1.875em;
  margin-bottom: 15px;
}
.oce-main-form-container .oce-nomargin-bot {
  margin-bottom: 0px;
}

/*.oce-main-form-wrapper .text_input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	font-size: 0.87em;
	 margin: 0 auto;
    max-width: 324px;
    position: relative;
    width: 100%;
}

.oce-main-form-wrapper .oce-card-activation-form .text_input {
	position: absolute;
	right: 42px;
	text-align: left;
	top: 106px;
	width: auto;
}
.oce-main-form-wrapper .oce-card-activation-form .text_input label{
    text-align:right;
    width:auto;
}

.oce-main-form-wrapper .oce-card-activation-form .text_input:last-child
	{
	top: 166px;
	text-align:left;
	right: 56px;
}

.oce-main-form-wrapper .text_input input[type="text"],
.oce-main-form-wrapper .text_input input[type="password"],
.oce-main-form-wrapper .text_input input[type="email"]
	{
	border: 2px solid #bcbcbc;
    font-size: inherit;
    height: 35px;
    margin-bottom: 12px;
    max-width: 247px;
    padding: 4px 25px;
    text-align: center;
    width: 100%;
}

.oce-main-form-blue-container .oce-main-form-wrapper .text_input input[type="text"],
.oce-main-form-blue-container .oce-main-form-wrapper .text_input input[type="password"],
.oce-main-form-blue-container .oce-main-form-wrapper .text_input input[type="email"]
	{
    background-color: #002663;
    border: 2px solid #405c8a;
    color: #8d96ac;
}*/

.oce-main-form-wrapper p.oce-main-form-heading {
  /*color: #002263;*/
  margin-bottom: 15px;
  font-weight: bold;
}

.oce-main-form-wrapper p.oce-main-form-sub-heading {
  /*color: #002263;*/
  font-size: 0.85em;
  margin: -10px 0px 15px;
  font-weight: bold;
}

.oce-main-form-wrapper .radio label {
  /*color:#333;*/
}
/*.oce-main-form-wrapper .text_input input.oce-four-digit-card[type="text"]
	{
	width: 150px;
	margin-bottom: 13px;
	padding: 10px 12px;
}

.oce-main-form-wrapper .text_input .oce-card-number[type="tel"]{
    width: 48px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #333;
    height: 13px;
    text-align: center;
    padding: 10px 25px;
}
.oce-main-form-wrapper .text_input input.oce-card-num1[type="tel"]{width: 38px; margin-right: 6px;}
.oce-main-form-wrapper .text_input input.oce-card-num2[type="tel"]{width: 62px; margin-right: 7px;}
.oce-main-form-wrapper .text_input input.oce-card-num3[type="tel"]{width:48px; }

.oce-input-tel {
	background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 2px solid #3386a6;
    font-size: inherit;
    height: 17px;
    margin-bottom: 9pt;
    max-width: 247px;
    padding: 10px 14px;
    text-align: center;
    width: 215px; border-radius:6px
}

.oce-update-records-wrapper .oce-input-tel{
	color: #000;
	border: 2px solid #bcbcbc;
}*/
.oce-card-activation-form {
  margin: 0 auto;
  max-height: 262px;
  max-width: 421px;
  position: relative;
}

/*.oce-main-form-wrapper .oce-card-activation-form .text_input input[type="text"],
.oce-main-form-wrapper .oce-card-activation-form .text_input input[type="password"]
	{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #333;
    text-align: center;
	height: 35px;
}*/

.oce-main-form-wrapper button.primary-button,
.oce-main-form-wrapper button.secondary-button {
  margin-top: 26px;
  width: 247px;
  font-size: 0.875em;
  height: 44px;
}

.oce-error.ng-show {
  background-color: #c42026;
  border-radius: 5px;
  color: #fff;
  font-size: 0.875em;
  left: 33%;
  padding: 20px;
  position: absolute;
  top: -20%;
}

.oce-error span {
  display: block;
}

/*.oce-main-form-wrapper .text_input .oce-security-input {
	width: 233px;
}*/

.oce-card-security-form-wrapper button.primary-button {
  margin: 17px 0 22px !important;
}

.oce-main-form-container .oce-reference-text {
  font-size: 0.875em;
  /*color: #333333;*/
  margin-bottom: 0px;
  line-height: 20px;
}

.oce-main-form-container .oce-primary-link {
  font-size: 0.9375em;
  color: #006FCF;
  display: inline-block;
  text-decoration: underline;
}
.oce-main-form-container .oce-primary-link:hover {
  text-decoration: underline;
}

.oce-main-form-wrapper .checkbox label {
  font-size: 0.875em;
  /*color: #333333;*/
  margin-top: 4px;
}

.oce-login-form-wrapper .oce-primary-link {
  margin-top: 15px;
  text-decoration: none;
  cursor: pointer;
  text-decoration: underline;
}

.oce-register-logontab {
  display: none;
}

.oce-register-logontab {
  display: none;
}

.oce-main-form-blue-container {
  background-color: #002663;
}

.oce-or-text {
  display: block;
  margin: 10px 0 0 0;
  font-size: 0.875em;
}

.oce-main-form-blue-container,
.oce-main-form-blue-container a {
  color: #ffffff;
}

.oce-main-form-blue-container .oce-text-color {
  color: #ffffff;
}

/* .oce-main-form-container .radio .custom_style { // duplicate class
  border-radius: 6px;
  height: 12px;
  width: 12px;
} */

.oce-main-form-wrapper .oce-radio-label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  padding-left: 20px;
}

.oce-main-form-wrapper .radio {
  display: block;
  text-align: left;
}

.oce-main-form-wrapper .oce-left-text {
  text-align: left;
  margin-left: 25px;
}
/* .oce-register-username.ng-valid + .oce-validation-invalid , .oce-register-username.ng-valid + .oce-validation-invalid + #oce-userid-info{
  visibility: hidden !important;
  border-color: #ec3f41;
}
 .oce-register-username:focus + .oce-validation-invalid,.oce-register-username.ng-touched.ng-invalid+ .oce-validation-invalid{
  visibility: visible;
  transition: opacity 1s ease 0s, visibility 0s ease 0s, all 1s ease 0s;
}

 .oce-register-username.ng-invalid.ng-pristine +.oce-validation-invalid {display:none}
 .oce-register-username.ng-invalid +.oce-validation-invalid {display:block} */
/*
.oce-validation-invalid{   background:url(../image/tablet_sprite.png) 0 -365px no-repeat rgba(0,0,0,0);
    bottom: 0;
    height: 23px;
    margin-right: 4px;
    margin-top: 8px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
     width: 28px;}*/

.oce-suggest-info,
.oce-error-info,
.dav-suggest-info {
  background: #ededed none repeat scroll 0 0;
  border: 1px solid #ededed;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  color: #555;
  font-size: 0.875em;
  line-height: 20px;
  padding: 15px 10px 17px 14px;
  padding: 10px;
  position: absolute;
  width: 296px;
  z-index: 9;
}

.oce-error-info {
  left: -25px;
}
.dav-help_content {
  float: right;
}
#dav-suggest-info {
  right: 3px;
  top: 76px;
}
#dav-suggest-info p {
  text-align: left;
}
#dav-suggest-info .arrow-top-info {
  border-bottom: 10px solid #ededed;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  right: 7%;
  top: -10px;
}

#oce-password-confrm-error {
  left: 269px;
  top: 16px;
  text-align: left;

  /*display: none;*/
  min-height: 0px;
}

#oce-password-info,
#oce-userid-valid,
#oce-userid-info,
#oce-confirm-password-info,
#oce-digit-info,
#oce-card-info,
#oce-answer-info,
#oce-select-pin,
#oce-select-pin-error,
#oce-confirm-pin,
#oce-digit-error,
#oce-password-error,
#oce-userid-error,
#oce-answer-error,
#oce-card-error {
  border: 3px solid #ededed;
  text-align: left;
}

.single-block-form-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 20rem;
  min-width: 15rem;
}

.res_Large .single-block-form-container {
  width: 12vw;
}

.res_Medium .single-block-form-container {
  width: 22vw;
}

.res_Small .single-block-form-container {
  width: 70vw;
}

.single-block-form-container > * {
  padding: 0px;
}

.oce-card-security-form-wrapper .single-block-form-container button.primary-button {
  width: 100%;
  min-height: 2.75rem;
}

.oce-main-form-security-container #oce-answer-error li {
  height: 46px;
}
#oce-password-info,
#oce-userid-valid,
#oce-userid-info,
#oce-confirm-password-info,
#oce-userid-error,
#oce-password-error {
  left: 269px;
  top: 12px;
}

#oce-otp-access {
  border: 3px solid #000;
  left: 460px;
  top: -14px;
}
#oce-answer-info {
  top: 12px;
  left: 72%;
}
#oce-confirm-password-info {
  top: 0px;
}
#oce-userid-info {
  top: 0px;
}
#oce-digit-info {
  right: -330px;
  top: 20px;
  left: auto;
}
#oce-digit-error {
  right: -330px;
  top: 20px;
  left: auto;
}
#oce-select-pin,
#oce-select-pin-error,
#oce-confirm-pin {
  left: 269px;
  top: -26px;
}
#oce-card-info {
  left: 400px;
  top: 20px;
}
#oce-card-error {
  left: 400px;
  top: 20px;
}
/*  #oce-userid-info{border:3px solid #000;left: 269px;top: -80px;text-align:left;} */
#oce-answer-error {
  left: 72%;
  top: 12px;
}

.arrow-left-info {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ededed;
  border-top: 10px solid transparent;
}
.res_Medium .arrow-left-info {
  bottom: -20px !important;
}
.res_Medium .res_800 .arrow-left-info {
  top: 64px !important;
}
.arrow-left-top {
  top: 62px !important;
}
.res_Small .arrow-left-top {
  top: 75px !important;
}
.arrow-left-top-two {
  top: 62px !important;
}
.oce-error-height {
  min-height: 86px !important;
  top: -86px !important;
}
.arrow-left-top-three {
  top: 64px !important;
}
.res_Small .arrow-left-top-two {
  top: 74px !important;
}

.arrow-left-error {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #c00;
  border-top: 10px solid transparent;
}

.res_Large .oce-main-form-oneblk-container #oce-opt-in-disclaimer {
  margin: 0 -155px 0 -155px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.res_Large .oce-main-form-twoblk-container #oce-opt-in-disclaimer {
  /* margin: 0 0 0 0; */
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.record-update-oce-opt-in-disclaimer p {
  font-size: 0.7em;
  line-height: 1.5em;
}

#oce-opt-in-disclaimer h4 {
  font-size: 1em;
  margin: 10px 0 10px 0;
}

#oce-opt-in-disclaimer p {
  text-align: left;
}

.res_Large .arrow-left-info,
.res_Large .arrow-left-error {
  height: 0;
  left: -11px;
  position: absolute;
  top: 12px;
  width: 0;
}

.res_Large .oce-register-form-container .arrow-left-error {
  left: -12px;
  top: 26px;
}

.res_Large .oce-register-form-container .arrow-left-info {
}
.oce-overlay .arrow-left-info,
.oce-overlay .arrow-left-error {
  height: 0;
  left: 50%;
  position: absolute;
  top: auto;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #ededed;
  bottom: -20px;
}

.oce-suggest-info li,
.oce-error-info li {
  line-height: 22px;
  text-align: left;
  color: #555;
}
.oce-suggest-info > ul,
.oce-suggest-info ul {
  margin-left: 15px;
  list-style: outside;
}
.oce-suggest-info > ul,
.oce-suggest-info .remove-bullet ul {
  margin-left: 0px;
  list-style: none;
}
.oce-suggest-info ul li {
  background: none;
  padding-left: 0px;
  list-style: inherit;
}
.oce-error-info li {
  background: rgba(0, 0, 0, 0)
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABkCAYAAACPQLC2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDFBMTk1MjZCQTFGMTFFNUE4RDdDMDJBQUMwRkZGNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDFBMTk1MjdCQTFGMTFFNUE4RDdDMDJBQUMwRkZGNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMUExOTUyNEJBMUYxMUU1QThEN0MwMkFBQzBGRkY1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMUExOTUyNUJBMUYxMUU1QThEN0MwMkFBQzBGRkY1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmfJwdIAAAQESURBVHja7JhJbBtVGMe/mbHjbRzXa6mTxqYR4uAgFQ5sqoAUqagtcKC0odASKkClFQpCVEJwYW3ZJCRzAIFE2U6VuKAeQCBaJFAroAFanDghi5243ooSCHXs53nL8M2kdokTSgGJCzPWO/i9+f/e9/7ffy5P0nUd/s0j/11B3/u3J+94e9NT/wiw7b3bkhF/eGBlIPz0xmTvE8ac7WLFW9+9NbkyEBlYE4tBtUagViMHbnz+Wlm6GA/ufGezuXN3/FIQ+BtOj0Jmcgq0OnU1j7D3s/6bd3+848FW8ZaDm5PhFaGBOO7MdA5DwyMwPpbhdaK5jj17gpiAvZ/2r2OUfxBw+d/q/3DrIw0xmoXiIIq7gKN4+JyYalQ9/twgMd6RHvpk5wbO+MF4uKvDYXfAYPokZ5Q9RinrjPiD+2LxOOgoHhkZg8nxKWNN/Xr/96SxifTA4e0uwfRq0BuAaGQVzNeqkC8VQJEViETCoGONP6VNscAqPd8cOC82AYaJOw5tcQsu5oO+AHRGO0AIDpqgAOjv6Mg4ZMendazI/e0LP5BWj5pdQLPcgiEkEICuWCcwhIylJyA7Ma0zQ/ziSbJchxa1ceNr601IOBwCyihMTeRM8YmXTpE/a/GSHNy0/zo3F2JeIxrDM6uDL5+qXygjywbp6ievdOPO/LtXfqz/Vcik//xrtAAWwAJYAAtgASyABbAAFsACWAALYAEsgAWwAP9LwMKd6r7HY6AoWeNSSq/Xe+Tkq0N/fKl+764ErqckRxto5TOHdEaf8R7+KL1QwTkxOBwATifOyCm25+FEQ0x23pcASUopqgfaQiGwt7f3CY1uOF+Brpd1TRMIkSWvF3RKUUVS2q77ewRlICFQ9qpg87YDyeWgXixxQenrDYB5lyYGHnXqnFckl0uR233A534F9ssswhgoCLX7UHw6D6RU4li+6j/6OVkEMB62e49TMF6R3W7F5l8BwAWAMAYHkjfE5QXxF0fIsl2wvfkGwfJVOjMjgHKAbBYgk0EQAoolIai2RLykjXi2bknCOc4ADC8YM4ekyDIa133BHNTuugfdhpTicqMIxdEojlUmwOHzgWJTUuW1VyVaAaYH1b67E5IspWxuj9EmqBULQMplw23J6Q/InuglUC2WoFoogHa20hMdHW7mRK5u256QsM823Nnu9UAtv+A2lqyiJ575fJ6fncyAOxQEF+bA1mZPnY6vaVZiw10ish0DqQsUF6F2Bt2mTA0e+9I0rHTFWrWSz1cwK4rd4zFyAdjyCC4NNY8wd8umXtluP0J/m0O3mSd0/KtFbhcuu9zMSZvXq5DZ2fWrc1NHm4tm/nHMrLuh9+drrnc2/reOXFfcOd2xurd1/ncBBgAsTTQz2CNAPwAAAABJRU5ErkJggg==")
    no-repeat scroll 2px -82px;
  padding-left: 24px;
  list-style: none;
}

.oce-error-info li.valid {
  background: none;
  margin-left: 15px;
  list-style: initial;
  padding-left: 0px;
}
.oce-error-info li.info {
  background: rgba(0, 0, 0, 0);
  list-style: outside;
  margin-left: 15px;
  padding: 0;
}

.oce-suggest-info li a,
.oce-error-info li a {
  color: #555;
}

.oce-main-form-blue-container .oce-main-form-wrapper .oce-text-color {
  color: #ffffff;
}

/* radio button  */
.oce-main-form-container .radio .custom_style {
  /* border: 1px solid #006FCF;
  border-radius: 8px;
  height: 16px;
  margin-top: 4px; 
  width: 16px; */
  border: 1px solid #006FCF;
  border-radius: 50%;
  height: 1.375rem;
  margin-top: 2px;
  width: 1.375rem;
  left: -10px;
}

.oce-main-form-wrapper .oce-radio-label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875em;
  padding-left: 20px;
}

.oce-main-form-wrapper .radio {
  display: block;
  text-align: left;
}

.oce-main-form-wrapper .oce-left-text {
  text-align: left;
  margin-left: 25px;
}

.oce-main-form-blue-container .oce-accessCode-link {
  color: #fff;
}
.oce-accessCode-link {
  margin-bottom: 10px;
}
.res_Large .oce-hidden-large {
  display: none;
}

.oce-main-form-container .oce-bold-text {
  font-weight: 800;
}

.oce-main-form-container .oce-reference-text-bot {
  margin-bottom: 0;
}

.infoBubbleClose {
  color: #fff !important;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: -14px;
  text-decoration: none;
}

.oce-left-form-container {
  padding-right: 3.3%;
  max-width: 247px;
  width: 100%;
}

.oce-right-form-container {
  border-left: 1px solid #bcbcbc;
  padding-bottom: 30px;
  padding-left: 3.2%;
  max-width: 247px;
  width: 247px;
}
.oce-right-form-container .oce-select-pasword {
  border-left: medium none;
  padding-left: 0;
}

.oce-main-help-text {
  font-size: 0.75em;
  line-height: 14px;
  margin: 0 0 15px;
}

.oce-main-form-wrapper .oce-checkbox-lt label {
  /*color: #9a9a9a;*/
  font-size: 0.75em;
  margin-top: 5px;
}

.oce-subtext-lite {
  /*color: #9a9a9a;*/
  font-size: 0.75em;
  margin: 20px 0 0 2px;
  text-align: left;
}

.oce-subtext-lite.second-pin-disclaimer {
  margin-top: 10px;
}

.oce-main-form-container .oce-radio-white .custom_style {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #fff;
}

.oce-main-form-container .oce-radio-white .custom_style .custom_selected {
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  height: 4px;
  left: 2px;
  top: 2.5px;
  width: 4px;
}

/* radio button selected */
.oce-main-form-container .oce-radio-grey .custom_style .custom_selected {
  /* background-color: #006FCF;
  background-image: none;
  border-radius: 4px;
  height: 8px;
  left: 3px;
  top: 3px;
  width: 8px; */
  background-color: #006FCF;
  background-image: none;
  border-radius: 50%;
  height: 0.875rem;
  left: 3px;
  top: 3px;
  width: 0.875rem;
}

.oce-main-form-blue-container-layer {
  position: relative;
}

/************* Set Up **********/
.oce-success-banner {
  background-color: #006FCF;
  width: 100%;
  padding: 20px 0;
  margin-bottom: 18px;
}

.oce-main-setup-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.oce-main-setup-container h2 {
  color: #fff;
  font-size: 2.5em;
  margin: 0;
}

.oce-offers-container {
  margin: 0 auto;
  min-height: 244px;
  padding: 26px 0 24px;
  text-align: center;
  white-space: nowrap;
  width: 75%;
  overflow-x: visible;
}
.res_Medium .oce-offers-container {
  width: auto;
}

.oce-offer-block {
  background-color: #fff;
  /*color: #303030;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 295px;
  padding: 25px 20px;
  text-align: center;
  border: 1px solid #efeff1;
  border-top: 4px solid #006FCF;
  margin-left: 27px;
  white-space: normal;
  vertical-align: top;
  position: relative;
  width: 258px;
  outline: none;
}

.oce-offer-block:focus {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}

mgm .oce-mgm-offer-block {
  display: inline-block;
  height: 350px;
  width: 298px;
  margin-left: 20px;
  margin-top: 0px !important;
}

.res_Small mgm .oce-mgm-offer-block {
  margin-left: 0px !important;
  margin-top: 25px !important;
}

.res_Medium .res_800 mgm .oce-mgm-offer-block {
  margin-left: 0px !important;
  margin-top: 25px !important;
}

.res_Medium.res_650 mgm .oce-mgm-offer-block {
  margin-left: 0px;
}

.res_Medium.res_700 mgm .oce-mgm-offer-block {
  margin-left: 0px;
}

.res_Medium.res_750 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-left: 1px;
  width: 300px;
}

.res_Medium.res_800 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-left: 1px;
  width: 300px;
}

.res_Large.res_800 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-left: 1px;
  width: 300px;
  padding-top: 7px;
}

.res_Large.res_850 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-left: 1px;
  width: 300px;
  padding-top: 7px;
}

.res_Large.res_900 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-left: 1px;
  width: 300px;
  padding-top: 7px;
}

.res_Large.res_950 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-left: 0px;
  width: 276px;
  padding-top: 7px;
}

.res_Large.res_1000 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-right: 38px;
  margin-top: 7px;
  width: 276px;
  padding-top: 7px;
}

.res_Large.res_1050 mgm .oce-mgm-offer-block {
  margin-bottom: 20px;
  margin-right: 19px;
  margin-top: 7px;
  width: 300px;
  padding-top: 7px;
}

.oce-offer-front-block .oce-offer-main-block {
  border: none;
}
.oce-offer-block h4 {
  font-size: 1em;
  margin-bottom: 16px;
  margin-top: 15px;
}

.oce-offer-block p.ussuccessmsg {
  font-size: 0.6em !important;
  text-align: left;
}
.oce-offer-block .oce-setup-error {
  width: 90%;
  margin: 0 auto 3px;
  padding: 4px 10px;
}
.oce-offer-block p {
  font-size: 0.813em;
  margin-bottom: 21px;
  line-height: 16px;
}
.oce-offer-block p.tileHeader {
  margin-bottom: 15px;
}

.oce-offer-block .oce-bold-text {
  font-weight: 800;
}

.oce-button-style {
  /*border-radius: 5px;
	display: inline-block;
	font-family: bentonsans;
	padding: 15px 0;
	vertical-align: top;*/
  width: 70%;
  /*white-space: normal;
	cursor: pointer;*/
}

/*.oce-button-yes {
	background-color: #fff;
	color: #006890;
}*/

.oce-login-subheader {
  font-family: Bentonsans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.oce-button-yes {
  color: #fff;
  background-color: #006FCF;
  border: 1px solid transparent;
  cursor: pointer;
  margin-bottom: 0px;
}

.oce-button-yes:disabled,
.oce-button-yes:hover:disabled {
  color: #666;
  background-color: #f7f8f9;
  cursor: not-allowed;
  border-color: #ccc;
}

.oce-button-yes:hover {
  text-decoration: none;
}

.oce-button-yes:focus {
  outline: rgb(83, 86, 90) dashed 1px;
  outline-offset: 3px;
}

.visible-focus-anchor:focus {
  outline: rgb(83, 86, 90) dashed 1px;
  outline-offset: 3px;
  border-radius: 0.25em;
}

.oce-button-yes:hover,
.oce-button-yes:hover:visited {
  color: #fff;
  background-color: #0069c4;
}

.oce-button-yes:active,
.oce-button-yes:active:visited {
  color: #fff;
  background-color: #00163a;
}

.oce-button-no {
  background-color: #3386a6;
  margin-left: 20px;
  padding: 15px 0;
}
.oce-button-no:focus {
  outline: rgb(83, 86, 90) dashed 1px;
  outline-offset: 3px;
}
.oce-offer-button .oce-button-no { 
  margin-left: 0px;
  display: block;
  padding: 15px 0;
  border: none;
  width: 100%;
  /* background-color: #fff; */
  background: transparent;
  border-color: transparent;
  color: #006fcf;
  cursor: pointer;
  transition: all .2s ease-in-out;
  transition-property: color,background-color,border-color;
  -webkit-user-select: none;
  user-select: none;
}
.oce-offer-button .oce-button-no:hover {
  text-decoration: underline;
}
.oce-offer-block-first {
  margin-left: 0;
}

.oce-main-setup-container .primary-button {
  width: 100%;
  max-width: 247px;
  margin-top: 25px;
}

.oce-offers-container .primary-button {
  width: 70%;
}

.oce-offers-container-scroll {
  display: block;
}

.oce-offer-block-green {
  background-color: #008566;
  color: #fff;
  border: 1px solid #008566;
  border-top: 4px solid #008566;
  position: relative;
  justify-content: stretch;
  align-items: center;
}

.oce-offer-block-error {
  /* background-color: #cc0000; */
  background-color: #77216f;
  color: #fff;
  justify-content: stretch;
}

.oce-offer-error-image {
    color: #4d4f53;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    height: 26px;
    padding: 11px 0;
    width: 48px;
    background: #fff;
    border-radius: 50%;
    margin: 10px 0;
}

.oce-div-hide {
  display: none;
}
/*.oce-register-error {
    background: #a33f1f none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    font-size: 0.75em;
    margin: 10px auto 16px;
    padding: 10px 5%;
    width: 50%;
}*/
.oce-register-error {
  border-radius: 10px;
  color: #b42c01;
  font-size: 0.9375rem;
  margin: 10px auto 16px;
  padding: 10px 5%;
  width: 50%;
}
.oce-overlay .oce-register-error {
  text-align: center;
  margin-bottom: 0px;
  width: 80%;
  border: 1px solid;
  padding: 10px 50px;
  border-radius: 1px;
}
.oce-error {
  width: auto;
}
.oce-loginForm-error {
  width: 215px;
}
.oce-registerForm-error {
  width: 215px;
}
.oce-has-error {
  border-color: #b42c01 !important;
}
.oce-register-error ul li {
  line-height: 24px;
  position: relative;
  text-align: left;
}

.oce-activation-page {
  padding-bottom: 170px;
}
h2.oce-activation-heading {
  margin: 170px 0 51px;
}
.oce-main-form-light-blue-container {
  color: #ffffff;
}
.oce-main-form-light-blue-container a:link {
  color: #ffffff;
  font-size: 0.875em;
  display: block;
}
.oce-main-form-light-blue-container {
  background-color: #006FCF;
}
.oce-main-form-light-blue-container h2 {
  font-size: 3.75em;
  color: #fff;
}

.oce-main-form-container .oce-margin-top {
  margin-top: 26px;
}

.oce-offer-button {
  bottom: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  margin-left: 0px;
  text-align: center;
}
.oce-offer-main-block .oce-offer-button {
  position: relative;
}
.oce-offer-form-row p {
  display: inline-block;
  font-size: 0.875em;
  text-align: left;
  vertical-align: top;
  width: 170px;
  margin-bottom: 0;
}
.oce-offer-form-row span {
  display: inline-block;
  cursor: pointer;
  text-align: left;
  vertical-align: top;

  border-bottom: 1px dotted #ccc;
}
.oce-offer-form-row {
  margin-bottom: 10px;
  text-align: left;
  margin: 6px 0px 7px;
}
.oce-offer-form-row .oce-radio-white {
  margin: 0;
  text-align: center;
  vertical-align: top;
  width: 40px;
}
.oce-offer-form-header {
  font-size: 0.875em;
  margin-bottom: 10px;
  text-align: right;
  padding-right: 4px;
}
.oce-alert-form-header {
  display: none;
}
.oce-offer-form-header span {
  display: inline-block;
  text-align: center;
  width: 38px;
  font-size: 0.929em;
}
.oce-offer-form-row .oce-radio-white .custom_style {
  margin-left: 15px;
}
.oce-main-form-wrapper .select-dropdown {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #bcbcbc;
  font-size: 1em;
  margin: 0 auto 20px;
  max-width: 247px;
}
.oce-main-form-wrapper .select-dropdown label {
  color: #333;
  font-size: 1em;
  margin: 0;
  padding: 3px 0;
}
#oce-mobile .oce-main-form-wrapper .select-dropdown label,
#oce-mobile.oce-main-form-wrapper .select-dropdown option,
#oce-mobile .oce-phn-time-zone-blk .oce-phn-time-zone-label,
#oce-mobile .oce-phn-time-zone-blk label {
  color: #fff;
}
#oce-mobile .select-dropdown .select-dropdown-handle .select-dropdown-chevron {
  background-position: 0 -118px;
}
.oce-main-form-wrapper .select-dropdown option {
  /*color: #333;*/
  font-size: 0.875em;
}
.oce-grey-layer {
  background-color: #333;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 400001;
  display: none;
}
.oce-main-form-loader-content .oce-grey-layer {
  display: block;
}

.oce-main-form-twoblk-container .oce-register-error {
  width: 80%;
  border: 1px solid;
  padding: 10px 50px;
  border-radius: 1px;
}
.oce-main-form-light-blue-container button.secondary-button {
  color: #006FCF;
}
.oce-main-form-activation-container h2 {
  margin: 58px 0 26px;
}
.oce-main-form-activation-container .oce-main-form-wrapper {
  margin-top: 23px;
  width: 421px;
  margin: 23px auto 0 auto;
}
.oce-main-form-login-container h2 {
  margin: 96px 0 31px;
}
/*.oce-main-form-login-container .oce-main-form-wrapper .text_input input[type="text"],
.oce-main-form-login-container .oce-main-form-wrapper .text_input input[type="password"],
.oce-main-form-login-container .oce-main-form-wrapper .text_input input[type="email"]{
	margin-bottom:18px;
}*/
.oce-main-form-container.oce-main-form-login-container {
  padding: 0 0 50px;
  width: 100%;
}
.oce-main-form-login-container .oce-primary-link.oce-text-color {
  margin-top: 18px;
}
.oce-main-form-login-container button.secondary-button {
  margin-top: 54px;
}
.oce-main-form-redirect-container h2 {
  margin: 169px 0 48px;
}
.oce-main-form-redirect-container .secondary-button {
  margin-top: 60px;
}
.oce-main-form-security-container h2, .oce-main-form-security-container h1 {
  margin: 30px 0 22px;
}
.oce-main-form-wrapper.oce-card-security-form-wrapper {
  margin-top: 15px;
}

.oce-main-active-container .oce-offer-success-image {
  margin: 55px 0 20px;
}
.oce-success-banner .oce-text-color {
  color: #fff;
}
.oce-main-active-container h2 {
  margin: 0 0 26px;
}
.oce-main-active-container.thank-you h2 {
  margin: 0px 0px;
}
.res_Large .thank-you .oce-success-banner h2.heading-5 {
  margin-bottom: 0.75em;
  padding: 0em 3em;
}
.res_Large .thank-you .oce-success-banner p.heading-4 {
  padding: 0em 7em;
}
.oce-main-active-container.thank-you h2.merchantoffer-layer-title {
  margin: auto;
  font-weight: 400;
}

.oce-main-active-container.thank-you p.heading-4 {
  margin: 0px 0px 10px;
}
.oce-success-banner .oce-main-sub-text {
  line-height: normal;
  margin: 0 auto 17px;
  width: 50%;
}
.oce-main-active-container .oce-success-banner {
  background-color: #fff;
  margin-bottom: 2px;
  padding-bottom: 10px;
}
.oce-amex-log-blk {
  border-right: 2px solid #bcbcbc;
  display: inline-block;
}
.oce-main-active-container {
  padding: 0 0 40px;
  width: 100%;
}

.oce-help-text-blk {
  color: #fff;
  display: inline-block;
  font-size: 0.875em;
  line-height: 20px;
  margin-left: 15px;
  margin-top: 15px;
  text-align: left;
  vertical-align: top;
}

.oce-main-active-container .secondary-button {
  color: #006FCF;
  font-weight: 800;
  width: 208px;
  font-size: 0.875em;
}
.oce-thanks-offer-block {
  height: 210px;
  padding: 28px;
  width: 208px;
}
.oce-thanks-offer-block h4 {
  font-size: 1.813em;
  margin: 0;
}
.oce-thanks-offer-block .oce-offer-desc-text {
  display: inline-block;
  font-size: 0.875em;
  margin-top: 10px;
}

.oce-thanks-offer-block .oce-main-sub-sub-text {
  font-size: 0.813em;
  margin-top: 10px;
}
.oce-thanks-offer-block p {
  margin: 0;
}
.oce-main-active-container .oce-offers-container {
  padding-top: 0;
}
.oce-thanks-offer-block .oce-offer-button {
  bottom: 18px;
  left: 28px;
  position: absolute;
}
.oce-main-active-container .secondary-button:hover {
  color: #006FCF;
}
.oce-credit-line-container h2 {
  font-size: 3.75em;
  margin: 50px 0 35px;
}
.oce-credit-line-container li {
  list-style-type: disc;
  margin-top: 15px;
  font-size: 0.875em;
}
.oce-credit-line-container p,
.oce-credit-line-container li {
  margin-left: 50px;
  text-align: left;
}
.oce-credit-line-container .oce-offer-button {
  margin-top: 26px;
  position: static;
}
.oce-credit-line-container .oce-button-no {
  margin-left: 24px;
}
.oce-credit-line-container .oce-button-style {
  width: 108px;
}
.oce-main-form-skip-setup-container h2 {
  margin: 75px 0 42px;
}
.oce-main-form-container.oce-main-form-skip-setup-container p {
  margin: 0 0 25px;
}
.oce-main-form-container.oce-main-form-skip-setup-container
  .oce-main-sub-text-last {
  margin-bottom: 32px;
}
.oce-main-form-skip-setup-container .oce-primary-link {
  margin-top: 20px;
}
.oce-main-form-gopaperless-container h2 {
  margin: 81px 0 35px;
}
.oce-main-form-gopaperless-container.oce-main-form-container
  .oce-main-sub-text-last {
  margin: 0 0 22px;
}
.oce-main-form-light-blue-container .checkbox label {
  color: #fff;
}
.oce-main-form-gopaperless-update-container .oce-main-sub-text {
  margin-bottom: 25px;
}
.oce-main-form-gopaperless-update-container .oce-main-form-wrapper {
  margin-top: 0;
}
.oce-main-form-gopaperless-update-container .oce-main-sub-sub-text {
  margin: 0 0 13px;
}
/*.oce-main-form-gopaperless-update-container.oce-main-form-light-blue-container .text_input input[type="text"]{
	color: #009BBB;
}*/
.oce-main-form-gopaperless-update-container .checkbox label {
  /*color: #8daec1;*/
  font-size: 0.75em;
}
.oce-main-form-gopaperless-update-container .oce-main-help-text {
  color: #8daec1;
  font-size: 0.75em;
  margin-top: 36px;
}
.oce-main-form-light-blue-container label {
  color: #fff;
}
.oce-main-form-account-alerts-container h2 {
  margin: 71px 0 26px;
}
.oce-main-form-account-alerts-container .oce-main-sub-text {
  margin-bottom: 25px;
}
.oce-main-form-account-alerts-container button.secondary-button {
  margin-bottom: 20px;
  margin-top: 0;
}
.oce-main-form-wrapper .text_input.text_input_dob {
  max-width: 100%;
}
.oce-main-form-wrapper .text_input.text_input_dob .oce-input-mm {
  /* margin: 0 10px; */
  width: 82px;
}
.oce-main-form-wrapper .text_input.text_input_dob .oce-input-dd {
  width: 82px;
}
.oce-main-form-wrapper .text_input.text_input_dob .oce-input-yyyy {
  width: 133px;
}
.oce-main-form-oneblk-container {
  width: 50%;
  padding: 0 25% 40px;
}
.oce-main-form-oneblk-container .oce-left-form-container {
  min-width: auto;
  padding-right: 0;
  width: 100%;
}
.oce-main-form-oneblk-container .oce-right-form-container {
  border-left: none;
  min-width: auto;
  padding-bottom: 0;
  padding-left: 0;
  width: 100%;
}
.oce-offer-form-row .checkbox {
  display: inline;
  margin: 27px;
}
.oce-offer-block .checkbox .custom_style.active {
  border-color: #006FCF;
  background-color: #006FCF;
}
/*.oce-offer-block .checkbox .custom_style .custom_selected {
    left: 4px;
    top: 3px;
}*/
.oce-offer-block .checkbox .custom_style {
  height: 22px;
  width: 22px;
}
.checkbox .custom_style .custom_selected.active:after {
  font-family: "dls-icons";
  content: "\EA05";
  color: #fff;
  font-size: 0.84375em;
}
.oce-main-help-text.oce-email-help-text {
  display: inline-block;
  max-width: 247px;
}
/**************** Flip ************************/
#oce-content-container {
  position: relative;
}

.oce-offer-inline-error-block {
  background-color: #b42c01;
  left: 0;
  padding: 10px 15% 10px 5%;
  position: absolute;
  text-align: left;
  top: 0;
  width: 80%;
  display: none;
}
.oce-offer-main-block {
  display: inline-block;
  height: 344px;
  position: relative;
  vertical-align: top;
  width: 298px;
  margin-left: 20px;

  border-top: none;
}

.oce-offer-main-block.oce-offer-block-first,
.oce-offer-main-block .oce-offer-block {
  margin-left: 0;
}
.oce-offer-block-flip {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.flipOfferBlk .oce-offer-block-flip,
.flipCLIOfferBlk .oce-offer-block-flip,
.flipAlertsOfferBlk .oce-offer-block-flip,
.flipMerchantOfferBlk .oce-offer-block-flip {
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.oce-offer-front-block {
  -ms-transform: perspective(1000px) rotateY(0deg);
  -webkit-transform: perspective(1000px) rotateY(0deg);
  -moz-transform: perspective(1000px) rotateY(0deg);
  transform: perspective(1000px) rotateY(0deg);
  z-index: 1;
}
.oce-offer-front-block a {
  color: #fff;
}
.oce-offer-back-block {
  -ms-transform: perspective(1000px) rotateY(-180deg);
  -webkit-transform: perspective(1000px) rotateY(-180deg);
  -moz-transform: perspective(1000px) rotateY(-180deg);
  transform: perspective(1000px) rotateY(-180deg);
  display: inline-block;
}
.flipOfferBlk .oce-offer-front-block,
.flipCLIOfferBlk .oce-offer-front-block,
.flipAlertsOfferBlk .oce-offer-front-block,
.flipMerchantOfferBlk .oce-offer-front-block {
  -ms-transform: perspective(1000px) rotateY(0deg);
  -webkit-transform: perspective(1000px) rotateY(0deg);
  -moz-transform: perspective(1000px) rotateY(0deg);
  transform: perspective(1000px) rotateY(0deg);
}
.flipOfferBlk .oce-offer-back-block,
.flipCLIOfferBlk .oce-offer-back-block,
.flipAlertsOfferBlk .oce-offer-back-block,
.flipMerchantOfferBlk .oce-offer-back-block {
  -ms-transform: perspective(1000px) rotateY(0deg);
  -webkit-transform: perspective(1000px) rotateY(0deg);
  -moz-transform: perspective(1000px) rotateY(0deg);
  transform: perspective(1000px) rotateY(0deg);
}
.oce-main-animate-block {
  position: relative;
  width: 100%;
  min-height: 600px;
}
.oce-main-animate-block .animation.ng-enter,
.oce-main-animate-block .animation.ng-leave {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.oce-main-animate-block .animation.ng-enter {
  -ms-transform: perspective(1400px) rotateY(180deg);
  -webkit-transform: perspective(1400px) rotateY(180deg);
  -moz-transform: perspective(1400px) rotateY(180deg);
  -o-transform: perspective(1400px) rotateY(180deg);
  transform: perspective(1400px) rotateY(180deg);
}
.oce-main-animate-block .animation.ng-leave {
  -ms-transform: perspective(1400px) rotateY(0deg);
  -webkit-transform: perspective(1400px) rotateY(0deg);
  -moz-transform: perspective(1400px) rotateY(0deg);
  -o-transform: perspective(1400px) rotateY(0deg);
  transform: perspective(1400px) rotateY(0deg);
}
.oce-main-animate-block .animation.ng-enter-active,
.oce-main-animate-block .animation.ng-leave-active {
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.oce-main-animate-block .animation.ng-enter-active {
  -ms-transform: perspective(1400px) rotateY(0deg);
  -webkit-transform: perspective(1400px) rotateY(0deg);
  -moz-transform: perspective(1400px) rotateY(0deg);
  -o-transform: perspective(1400px) rotateY(0deg);
  transform: perspective(1400px) rotateY(0deg);
}
.oce-main-animate-block .animation.ng-leave-active {
  -ms-transform: perspective(1400px) rotateY(-180deg);
  -webkit-transform: perspective(1400px) rotateY(-180deg);
  -moz-transform: perspective(1400px) rotateY(-180deg);
  -o-transform: perspective(1400px) rotateY(-180deg);
  transform: perspective(1400px) rotateY(-180deg);
}
.oce-main-animate-block .animation.ng-leave-active * {
  visibility: hidden;
}
.oce-main-animate-block .animationFlow {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.oce-main-animate-block .animationFlow.ng-enter {
  -ms-transform: perspective(1400px) rotateY(180deg);
  -webkit-transform: perspective(1400px) rotateY(180deg);
  -moz-transform: perspective(1400px) rotateY(180deg);
  -o-transform: perspective(1400px) rotateY(180deg);
  transform: perspective(1400px) rotateY(180deg);
}
.oce-main-animate-block .animationFlow.ng-leave {
  -ms-transform: perspective(1400px) rotateY(0deg);
  -webkit-transform: perspective(1400px) rotateY(0deg);
  -moz-transform: perspective(1400px) rotateY(0deg);
  -o-transform: perspective(1400px) rotateY(0deg);
  transform: perspective(1400px) rotateY(0deg);
}
.oce-main-animate-block .animationFlow.ng-enter,
.oce-main-animate-block .animationFlow.ng-leave {
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
}
.oce-main-animate-block .animationFlow.ng-enter-active {
  -ms-transform: perspective(1400px) rotateY(0deg);
  -webkit-transform: perspective(1400px) rotateY(0deg);
  -moz-transform: perspective(1400px) rotateY(0deg);
  -o-transform: perspective(1400px) rotateY(0deg);
  transform: perspective(1400px) rotateY(0deg);
}
.oce-main-animate-block .animationFlow.ng-leave-active {
  -ms-transform: perspective(1400px) rotateY(-180deg);
  -webkit-transform: perspective(1400px) rotateY(-180deg);
  -moz-transform: perspective(1400px) rotateY(-180deg);
  -o-transform: perspective(1400px) rotateY(-180deg);
  transform: perspective(1400px) rotateY(-180deg);
}
.oce-main-animate-block .animationFlow.ng-leave-active * {
  visibility: hidden;
}
/********************* David Jone **************/
.dav-header {
  background-color: #fff;
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
}
.dav-header-logo {
  display: inline-block;
  float: left;
  margin-left: 5%;
}
.dav-header .dav-amex-logo {
  width: 100%;
}
.dav-header input {
  text-align: left;
}
.dav-amex-logo {
  display: inline-block;
  margin-top: 22px;
  text-align: center;
  vertical-align: top;
}
.dav-help-text.secondary-button {
  display: none;
  float: right;
  margin-top: 20px;
  margin-right: 10px;
  vertical-align: top;
}
/**************************** OCE Time Zone **************************/
.oce-right-form-timezone-container {
}
.oce-phn-time-zone-blk {
  margin-left: 0px;
  margin-top: 20px;
}
.oce-right-form-timezone-container {
  max-width: 265px;
}
.oce-phn-time-zone-blk label {
  font-size: 0.75em;
  text-align: center;
  /*color: #333333;*/
  text-align: left;
  margin-bottom: 10px;
}
.oce-phn-time-zone-blk .oce-phn-time-zone-label {
  color: #002663;
  text-align: center;
  margin-bottom: 20px;
}
.oce-select-dropdown-between {
  display: block;
  /* float: left; */
  text-align: left;
  width: 121px;
  display: inline-block;
}
.oce-select-dropdown-and {
  /* float: right;
    margin-right: 10px; */
  text-align: left;
  width: 121px;
  display: inline-block;
}
.oce-select-dropdown-between .select-dropdown,
.oce-select-dropdown-and .select-dropdown {
  padding: 6px 10px 5px;
}
.oce-checkbox-time {
  text-align: left;
}
.oce-select-dropdown-time-zone .select-dropdown {
  /* margin-left: 0; */
  text-align: left;
}
.oce-terms-span {
  color: #006FCF;
  text-decoration: none;
  cursor: pointer;
}
.oce-terms-span:hover {
  text-decoration: underline;
}
#oce-terms-and-conditions-layer {
  width: 96%;
  padding: 2%;
  line-height: 30px;
  text-align: left;
  font-size: 0.9em;
}
#oce-terms-and-conditions-layer ul {
  list-style: inherit;
  margin-left: 22px;
}
#oce-terms-and-conditions-layer a {
  color: #fff;
}
.oce-thanks-offer-block img {
  margin-top: 12px;
}

/****************Defect Activation *********************/
/*.oce-main-form-wrapper .text_input .oce-four-digit-card[type="password"] {
    width: 90px;
}*/
#oce-main-container .oce-card-art-DJ,
#oce-main-container.oce-main-DJ-container .oce-card-art-AU {
  display: none;
}
#oce-main-container.oce-main-DJ-container .oce-card-art-DJ,
#oce-main-container .oce-card-art-AU {
  display: block;
}

.oce-main-DJ-container .oce-main-form-wrapper .oce-card-activation-form label {
  color: #fff;
}

.res_Large img.oce-hidden-large {
  display: none !important;
}

.oce-sorry-page-container li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 25px;
  margin-bottom: 20px;
}
.oce-createUserdiv .oce-primary-link {
  margin-top: 10px;
}
.oce-verify-dob-error {
  margin-right: -18px;
}
.res_Large .oce-main-form-account-alerts-container .oce-main-sub-text {
  padding: 0 13%;
}
.res_Large .dav-header {
  position: relative;
}
.res_Large .dav-help_content {
  position: absolute;
  right: 0;
  top: 0;
}
.res_Large .dav-header-logo {
  left: 5%;
  position: absolute;
  margin-left: 0;
}
.oce-line-break {
  display: block;
}

.oce-offer-main-block.oce-offer-block-first.ng-hide + .oce-offer-main-block {
  margin-left: 0;
}
.oce-offer-main-block.oce-offer-block-first.ng-hide
  + .ng-hide
  + .oce-offer-main-block {
  margin-left: 0;
}
.oce-offer-block .oce-setup-paperless-error {
  width: 70%;
}
.oce-main-form-container.oce-main-form-security-container {
  min-height: 554px;
}


.oce-thanks-offer-block.oce-offer-block-first a {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.oce-main-form-container .oce-main-sub-text-top {
  margin-top: 10px;
}
.oce-main-form-container .oce-main-sub-text-bot {
  margin-bottom: 10px;
}
.oce-select-dropdown-time-zone label {
  margin-left: 7px;
}

/* color for drop down in account alerts start*/

#account-alerts-dropdowncolor .dropdown-color {
  background-color: #90d7e7 !important;
  border: 2px solid #3386a6 !important;
  color: #009bbb !important;
}

#account-alerts-dropdowncolor .select-dropdown label {
  color: #009bbb !important;
}

#account-alerts-dropdowncolor .select-dropdown option {
  color: #009bbb !important;
}
/* color for drop down in account alerts end*/
.oce-left-form-container .text_input,
.oce-right-form-container .text_input {
  position: relative;
}
.oce-left-form-container .text_input .oce-suggest-info,
.oce-left-form-container .text_input .oce-error-info,
.oce-left-form-container .text_input .dav-suggest-info,
.oce-right-form-container .text_input .oce-suggest-info,
.oce-right-form-container .text_input .oce-error-info,
.oce-right-form-container .text_input .dav-suggest-info,
.oce-right-form-container .text_input #oce-answer-info,
.oce-right-form-container .text_input #oce-answer-error {
  left: 259px;
  top: 15px;
  height: auto;
}

.oce-update-records-wrapper input {
  width: 90%;
  margin-bottom: 4%;
}

.oce-overlay {
  width: 750px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -375px;
  background: #fff;
  z-index: 200001;
  margin-top: 15px;
  padding: 0;
  line-height: normal;
}
.level2-model {
  z-index: 300001;
}

.oce-overlay-header-wrapper {
  background: #006FCF;
}
.oce-overlay-wrapper {
  width: 40%;
  margin: 0 auto;
}
.oce-overlay h2 {
  margin: 0 auto;
  padding: 15px 0;
  color: #fff;
  width: 50%;
  font-size: 1.5em;
  width: 39%;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.oce-overlay .oce-close-layer {
  top: 20px;
}

.oce-gcp-edit .oce-close-layer {
  top: 20px;
  margin-top: 20px;
}

.oce-overlay .radio {
  margin-bottom: 18px;
  padding: 0;
}
.oce-overlay .oce-main-form-wrapper {
  margin-top: 0px;
}
.oce-overlay .oce-buttonwrap {
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
  margin-top: 20px;
  text-align: center;
  padding-top: 0;
}
.oce-overlay a.oce-primary-link {
  color: #006fcf;
  margin-right: 30px;
  text-decoration: none;
  font-size: 1rem;
}
.oce-overlay a.oce-primary-link:hover {
  text-decoration: underline;
}
.oce-overlay .radio .custom_style {
  border: 1px solid #e6e6e6;
  width: 20px;
  height: 20px;
}
.oce-overlay .oce-radio-grey .custom_style .custom_selected {
  background: #fff;
  border: 5px solid #006FCF;
  border-radius: 10px;
  left: 0px;
  top: 0px;
}
.oce-overlay .oce-radio-label {
  padding-left: 30px !important;
  padding-top: 2px;
  font-size: 0.85em;
  font-weight: 800;
}
.oce-grey-overlay {
  background-color: #333;
  height: 100%;
  left: 0;
  opacity: 0.8;
  top: 0;
  width: 100%;
  z-index: 100001;
  display: none;
  display: block;
  position: fixed !important;
}
.oce-overlay .oce-overlay-info {
  text-align: center;
}
.oce-overlay .oce-overlay-buttom-info {
  text-align: center;
  padding-top: 20px;
}
.oce-overlay .oce-alert-devider {
  width: 94%;
  margin: 0 auto;
  border-top: 1px solid #e5e5e5;
}
.oce-overlay .oce-form-wrapper {
  margin: 0 auto;
}
.oce-overlay .oce-alert-contentwrapper {
  font-size: 0.813em;
}
.oce-overlay .oce-alert-subhdng .oce-overlay-success-msg {
  color: #008566;
  text-align: center;
  margin-bottom: 20px;
  background: #fff;
  width: 100%;
}
.oce-overlay .oce-alert-subhdng {
  padding-bottom: 20px;
  width: 58%;
  margin: 0 auto;
}
.oce-overlay .oce-alert-setting,
.oce-overlay .form-container {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
.oce-overlay .oce-alert-settingInfo {
  display: inline-block;
}
.oce-overlay .oce-alert-setting label,
.oce-overlay .oce-alert-setting span,
.oce-overlay .oce-alert-setting a {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.oce-overlay .oce-alert-setting span {
  padding: 0 10px;
}
.oce-overlay .oce-alert-setting a {
  padding-left: 10px;
  margin: 0;
  margin-top: 5px;
  border-left: 1px solid #cccccc;
}
.oce-overlay .oce-alert-setting-wrapper {
  display: inline;
}
.oce-overlay .oce-edit-alert {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  text-align: center;
  padding-top: 12px;
}
.oce-overlay .oce-alert-setting span {
  vertical-align: bottom;
}
.oce-overlay .oce-edit-alert .oce-edit-cntWrapper {
  padding-bottom: 12px;
  background: #fff;
  width: 100%;
  padding-top: 10px;
}
.oce-overlay .oce-edit-alert .oce-edit-cntWrapper p {
  text-align: center;
}
.oce-overlay .oce-edit-alert .oce-close-layer,
.oce-overlay .oce-alert-edit .oce-close-layer,
.oce-gcp-edit .oce-close-layer {
  background-position: 0 -191px;
  top: 12px;
}
.oce-overlay button.primary-button {
  margin: 0;
}

/*.oce-overlay .text_input input[type="text"],
.oce-overlay .text_input input[type="tel"]{
	border:1px solid #cccccc;
	max-width: 240px;
}
.oce-overlay .text_input{
	display: inline-block;
	margin-right:10px;
	font-size: 1em;
    width: 240px;
}*/

.oce-alert-overlay .oce-main-form-wrapper .select-dropdown {
  display: inline-block;
  margin-bottom: 12px;
}
.oce-alert-overlay .oce-main-form-wrapper .select-dropdown.oce-time-from {
  max-width: 105px;
  margin-right: 7px;
}
.oce-alert-overlay .oce-main-form-wrapper .select-dropdown.oce-time-to {
  max-width: 105px;
  margin-left: 7px;
}
.oce-alert-overlay .oce-main-form-wrapper .select-dropdown.oce-timezone {
  max-width: 247px;
  margin-left: 7px;
  padding-left: 5px;
}
.oce-alert-overlay .oce-main-form-wrapper .select-dropdown.oce-timezone label {
  width: 214px;
}
.oce-overlay .form-container {
  padding-top: 0px;
}

.oce-alert-overlay .form-container {
  padding-top: 0;
  width: 70%;
  text-align: left;
}
.oce-alert-overlay .oce-main-form-wrapper button.secondary-button,
.oce-alert-overlay .oce-main-form-wrapper button.primary-button,
.oce-addasupp-overlay .oce-main-form-wrapper button.primary-button,
.oce-income-overlay .oce-main-form-wrapper button.primary-button {
  width: auto;
  padding: 0 30px;
  margin-top: 18px;
  /* text is significantly larger for these buttons - 1em -> 1rem */
  font-size: 1rem; 
  vertical-align: baseline;
}
.oce-alert-overlay .form-container .oce-buttonwrap {
  text-align: center;
  margin: 0 5px;
  border: none;
  padding: 0;
}
.oce-overlay .select-dropdown {
  background-color: #e5e5e5;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #e8e8e8)
  );
  background-image: -moz-linear-gradient(#ffffff, #e8e8e8);
  background-image: -webkit-linear-gradient(#ffffff, #e8e8e8);
  background-image: linear-gradient(#ffffff, #e8e8e8);
  border: 1px solid #ccc;
  cursor: pointer;
}
.oce-overlay .select-dropdown:hover {
  background-color: #e5e5e5;
  color: #002165;
  background-color: #e0e0e0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #e8e8e8),
    color-stop(100%, #ffffff)
  );
  background-image: -moz-linear-gradient(#e8e8e8, #ffffff);
  background-image: -webkit-linear-gradient(#e8e8e8, #ffffff);
  background-image: linear-gradient(#e8e8e8, #ffffff);
}

.oce-overlay .oce-paperless .oce-alert-setting-wrapper {
  text-align: center;
}
.oce-overlay .oce-paperless .oce-alert-setting-wrapper .oce-alert-settingInfo {
  width: auto;
}
.oce-overlay .oce-paperless .oce-alert-setting-wrapper {
  display: inline-block;
  width: 100%;
  margin-top: 12px;
}
.oce-overlay .oce-paperless .oce-alert-setting-wrapper a {
  margin-top: 0;
}
.oce-overlay .edit-paperless {
}
.oce-overlay .edit-paperless .text_input input {
  max-width: 260px;
  text-align: left;
}
.oce-overlay .oce-alert-setting-wrapper .oce-text-color {
  font-size: 1em;
  margin-top: 5px;
}
.oce-overlay .oce-alert-setting-wrapper .checkbox {
  margin-top: 22px;
}
.oce-overlay .oce-paperless.oce-marketingemail {
  padding-bottom: 0;
}

.oce-overlay .oce-skiplayer-header {
  width: 80%;
}
.oce-overlay .oce-skiplayer-overlay {
  padding: 20px 0 10px 0;
  width: 70%;
  text-align: center;
  font-size: 0.875em;
}
.oce-overlay .oce-skiplayer-overlay div span {
  font-weight: 800;
  padding: 0;
}

.oce-overlay .oce-alert-paperless-subhdng {
  width: 76%;
  padding-top: 20px;
}

#oce-confirm-password-info {
  top: 16px;
}
#oce-confirm-password-info .arrow-left-info {
  top: 6px;
}

.oce-overlay .oce-alert-edit {
  width: 100%;
  margin: 0 auto;
  background: #f4f4f4;
  position: relative;
  padding-top: 12px;
}

.oce-tooltip-alert {
  position: relative;
}

.oce-tooltip-alert-suggest-info {
  display: inline-block;
  left: 0;
  top: 22px;
  width: 229px;
}
.oce-tooltip-alert .oce-tooltip-alert-suggest-info .arrow-left-info {
  left: 8px;
  top: -18px;
  border-right: 10px solid transparent;
  border-bottom: 11px solid #ededed;
  border-left: 10px solid transparent;
}
.oce-tooltip-alert .oce-tooltip-alert-infoWrapper {
  font-size: 0.813em;
  margin-top: 2px;
}
.oce-tooltip-alert .oce-tooltip-alert-infoWrapper:focus {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}
.oce-offers-container .oce-offer-block-flip {
  overflow: visible;
}

.info-tooltip-wrapper .info-tooltip-text {
  background: #ededed none repeat scroll 0 0;
  border: 1px solid #ededed;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  color: #555;
  font-size: 0.875em;
  line-height: 20px;
  padding: 15px 10px 17px 14px;
  padding: 10px;
  position: absolute;
  width: 296px;
  z-index: 9;
}

.oce-offers-container .oce-alert-tooltip-text {
  border-bottom: 0 none;
  width: 100%;
}
.oce-offer-block.oce-offer-block-error {
  border: 1px solid #77216f;
  border-top: 4px solid #77216f;
  align-items: center;
}
.oce-offer-block-error a.oce-primary-link {
  color: #fff;
  text-decoration: underline;
}
.oce-offer-block-error .oce-offer-block-footer,
.oce-offer-block-green .oce-offer-block-footer {
  font-size: 0.813em;
  padding: 0 20px;
}

.res_Large.res_1000 .oce-offer-block {
  margin-left: 0;
  padding: 25px 5%;
  width: 246px;
}
.res_Large.res_1000 .oce-offer-main-block {
  width: 32%;
  margin-left: 0;
}
.res_Large.res_1000 .oce-offer-main-block:first-child {
  margin-left: 0;
}
.res_Large.res_1000 .oce-offers-container {
  width: 100%;
}

.res_Large.res_950 .oce-offer-block {
  margin-left: 0;
  padding: 25px 5%;
  width: 246px;
}
.res_Large.res_950 .oce-offer-main-block {
  width: 32%;
  margin-left: 0;
}
.res_Large.res_950 .oce-offer-main-block:first-child {
  margin-left: 0;
}
.res_Large.res_950 .oce-offers-container {
  width: 100%;
}
.res_Large.res_950 .oce-tooltip-alert .oce-tooltip-alert-infoWrapper {
  width: 157px;
}
.res_Large.res_950 .oce-offer-block p {
}

.edit-paperless .oce-suggest-info,
.edit-paperless .oce-error-info {
  left: 0;
}

/**
	thank you page styles
*/

.oce-main-activate-block {
  width: 840px;
  margin: auto;
}

.oce-main-activate-carousel {
  overflow: hidden;
}

.oce-main-activate-carousel ul {
  width: 940em;
  position: relative;
  margin: 0;
  padding: 0;
}

.res_Large .oce-main-activate-carousel li {
  float: left;
}

.oce-main-activate-block ul li .oce-offer-block {
  border-top: 4px solid #1f2d60;
}

.res_Large .oce-main-activate-carousel {
  width: 100%;
}

.oce-main-activate-prev {
  float: left;
  position: relative;
  left: -65px;
  top: 155px;
  width: 48px;
  height: 48px;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+NDgvcHJldmlvdXMtbGFyZ2U8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxwYXRoIGQ9Ik0xMCAyNC41MTR2LTEuMDI4TDI1LjMyMyA2Ljc0Yy4zNzQtLjQxLjk4NC0uNDI1IDEuMzczLS4wMjRsMS4xMDggMS4xNGMuMzg0LjM5NS4zOTMgMS4wMzguMDE2IDEuNDRMMTQgMjRsMTMuODIgMTQuNzA1Yy4zNzYuNC4zNzMgMS4wNC0uMDE2IDEuNDRsLTEuMTA4IDEuMTRjLS4zODQuMzk0LTEgLjM4LTEuMzczLS4wMjVMMTAgMjQuNTE0eiIgZmlsbD0iIzk5OSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}
.oce-main-activate-next {
  float: right;
  position: relative;
  right: -70px;
  top: 155px;
  width: 48px;
  height: 48px;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+NDgvbmV4dC1sYXJnZTwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHBhdGggZD0iTTM4IDI0LjUxNHYtMS4wMjhMMjIuNjc3IDYuNzRjLS4zNzQtLjQxLS45ODQtLjQyNS0xLjM3My0uMDI0bC0xLjEwOCAxLjE0Yy0uMzg0LjM5NS0uMzkzIDEuMDM4LS4wMTYgMS40NEwzNCAyNCAyMC4xOCAzOC43MDVjLS4zNzYuNC0uMzczIDEuMDQuMDE2IDEuNDRsMS4xMDggMS4xNGMuMzg0LjM5NCAxIC4zOCAxLjM3My0uMDI1TDM4IDI0LjUxNHoiIGZpbGw9IiM5OTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

.oce-main-activate-block > div > ul > li .oce-offer-block {
  border-top: 4px solid #1f2d60;
}

.oce-thankyou-offer-block {
  background-color: #fff;
  color: #303030;
  display: inline-block;
  height: 257px;
  padding: 19px;
  text-align: center;
  border: 1px solid #efeff1;
  border-top: 4px solid #006FCF;
  margin-left: 21px;
  white-space: normal;
  vertical-align: top;
  position: relative;
  width: 226px;
}

.oce-thankyou-offer-block.dynamic-height-tile {
  height: auto;
  min-height: 257px;
  max-height: 330px;
  padding-bottom: 0px;
}

.oce-thankyou-offer-block h4 {
  font-size: 1.813em;
  margin-bottom: 6%;
}
.oce-thankyou-offer-block h4.offer-title-de {
  font-size: 1.6em;
  word-wrap: break-word;
}
.oce-thankyou-offer-block h4.oce-thank-offer-heading {
  font-size: 1em !important;
  font-weight: bold;
}
.oce-thankyou-offer-block h4.oce-thank-offer-heading-ca,
.oce-thankyou-offer-block h4.oce-thank-offer-heading-ar,
.oce-thankyou-offer-block h4.oce-thank-offer-heading-gb,
.oce-thankyou-offer-block h4.oce-thank-offer-heading-in {
  font-size: 1em !important;
  font-weight: bold;
}

.oce-thankyou-offer-block-first {
  margin-left: 0 !important;
}
.oce-thankyou-offer-block .oce-setup-error {
  width: 90%;
  margin: 0 auto 3px;
  padding: 4px 10px;
}

.oce-thankyou-offer-block p {
  font-size: 0.812em;
  margin-bottom: 5%;
  line-height: 18px;
}

.oce-thankyou-offer-block .oce-bold-text {
  font-weight: 800;
  display: inline-block;
  margin-bottom: 6%;
}

.oce-thankyou-offer-block .app-pay > img {
    margin-bottom: 2%;
    width: 62%;
}

.oce-thankyou-offer-button {
    font-size: 1em;
    margin-bottom: 4%;
}

.res_Small .us-mobile-app-shift {
  margin: 0;
}

.app-download-block {
  display: flex;
  padding-bottom: 30px;
  height: 30px;
}
.app-download-block-mx {
  display: flex;
  padding-bottom: 10px;
  height: 30px;
}

.app-download-block-ca{
    display: flex;
    padding-bottom: 14px;
    height: 30px;
}

.app-download-img-resize {
  width: 100px !important;
  padding: 5px;
  height: 30px;
}
.res_Small .app-download-img-resize {
  padding: 0px !important;
}

/* styles for Popup GoPaperless TNC Content */
.gopaperlessTNC {
  font-size: 13px;
  width: 90%;
  height: 400px;
  overflow-y: scroll;
  margin: auto;
  margin-top: 10px;
}
.gopaperlessTNC1 {
  font-size: 13px;
  width: 90%;
  height: 180px;
  overflow-y: auto;
  margin: auto;
  margin-top: 10px;
}
.gopaperlessTNC2 {
  font-size: 13px;
  width: 90%;
  height: 200px;
  overflow-y: scroll;
  margin: auto;
  margin-top: 10px;
}
.gopaperlessTNCC {
  font-size: 13px;
  width: 95%;
  overflow-y: hidden;
  color: #808080;
  margin: auto;
  margin-top: 10px;
}
.gopaperlessTAndC {
  font-size: 13px;
  width: 90%;
  margin: auto;
  margin-top: 10px;
}

.gopaperlessTNC ul {
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 16px;
}
.gopaperlessTNC ul li {
  list-style-type: disc;
}
.gopaperlessTNC p,
.gopaperlessTAndC p,
.gopaperlessTNC2 p {
  margin-top: 20px;
}
.gopaperlessTNC p a,
.gopaperlessTAndC p a {
  word-wrap: break-word;
  color: #006FCF;
  text-decoration: none;
}
.gopaperlessTNC p a:hover,
.gopaperlessTAndC p a:hover {
  text-decoration: underline;
}
.gopaperlessTNC h3,
.gopaperlessTAndC h3,
.gopaperlessTNC2 h3 {
  font-weight: 800;
  color: #27408b;
  font-size: 14px;
}

.gopaperlessTNC2 u {
  text-decoration: underline;
}

.paperlessEmailLabel {
  font-weight: 800;
}

.oce-overlay-wrapper-center {
  width: 50%;
  margin-top: 4%;
  margin-bottom: 4%;
  font-weight: bold;
}

.custom_style.oce-oneTimeAccess-custom_style {
  /* top: -3px; */
}
.contact-info-error {
  text-align: center;
  margin-bottom: 40px;
  font-size: 0.85em;
}

.oce-otp-cap-info {
  text-align: left;
  margin-top: 15%;
  margin-bottom: 3%;
  font-size: 0.85em;
  display: inline-block;
  width: 100%;
}

/*.text_input.oce-accessCode.access-code-center {
    margin-left: 10%;
    margin-bottom: 4%;
}*/
.oce-accessCode-heading.oce-text-color {
  width: 34%;
}
.oce-resend-otp-text {
  text-align: center;
}
.oce-resend-otp-text span {
  font-size: 0.85em;
}

.oce-otp-capture-btn {
  margin-top: 3% !important;
  margin-bottom: 2% !important;
}

.oce-otp-verify-btn {
  padding-top: 3% !important;
}

.oce-register-otp-error {
  margin: 15px 0 0 28px !important;
}

#oce-answer-otp-info {
  top: 54px;
  left: 250px;
  bottom: 10px;
  height: 25px;
}
#oce-answer-otp-error {
  top: 52px;
  left: 250px;
  bottom: 10px;
}

.res_Large .oce-offers-container {
  width: auto;
}
.arrow-otp-left-info {
  left: -11px;
  position: absolute;
  top: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #ededed transparent transparent;
}

.oce-offer-main-block .oce-cli-body-txt p {
  font-size: 0.61em;
  line-height: 12px;
  margin-bottom: 7px;
  text-align: left;
}

.oce-accessCodediv {
  text-align: center;
}
.oce-accessCode {
  margin-right: 0 !important;
}
.oce-overlay.level2-model-height {
  height: auto;
  padding-bottom: 5%;
}

.oce-otp-buttonwrap {
  padding: 0 !important;
  margin-top: 40px !important;
}
.oce-overlay .dav-suggest-info,
.oce-overlay .oce-error-info,
.oce-overlay .oce-suggest-info {
  width: 240px;
  padding: 10px;
  left: -10px;
  top: auto;
  bottom: 72px;
}
.oce-overlay .dav-suggest-info .arrow-left-info,
.oce-overlay .oce-error-info .arrow-left-info,
.oce-overlay .oce-suggest-info .arrow-left-info {
}
.oce-register-capture-error {
  background: #b42c01;
  border-radius: 10px;
  color: #fff;
  font-size: 0.75em;
  margin: 0 auto 16px;
  padding: 10px 5%;
  margin: 15px 0 0 28px !important;
}

/*.res_Large .oce-main-form-wrapper .oce-card-activation-form input.oce-four-digit-card[type='tel']{
	    width: 48px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #333;
    height: 13px;
    text-align: center;
    padding: 10px 25px;
}*/
.oce-gotoOnlineAcnt {
  margin-top: 40px;
}

.oce-thankyou-offer-block.de {
  width: 220px !important;
}
.res_Large .oce-offers-container-scroll .oce-offer-block:first-child {
  margin-left: 0;
}

.oce-offer-block-first {
  margin-left: 0;
}
.paperlessCheck,
.paperlessRead {
  width: 90%;
  font-size: 13px;
  clear: both;
  overflow: hidden;
  margin: 5px auto;
  padding: 5px 0;
}
.paperlessRead {
  width: 90%;
}
.paperlessCheck .checkbox {
  float: left;
  margin: 0;
}
.paperlessPreference,
.creditorPreference {
  margin-left: 33px;
}
/*.oce-securityWrapper{position:relative;}*/
.oce-securityWrapper #oce-answer-info,
.oce-securityWrapper #oce-answer-error {
  top: 20%;
}

.oce-thankyou-offer-block .oce-offer-desc-text {
  margin-bottom: 6%;
  display: inline-block;
}

.oce-marketingPref {
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
.oce-marketingPref .checkbox {
  float: left;
}
.oce-marketingPref p {
  float: left;
  margin-left: 35px;
  text-align: left;
}

.oce-overlay .marketPrefWrapper {
  width: 76%;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

.oce-overlay sup {
  font-size: 9px;
}
.oce-overlay .marketPrefWrapper p.oce-overlay-info {
  text-align: left;
  margin: 0;
}

.oce-overlay .overlayChkbxWrap p {
  margin-top: 8px;
}
.overlayChkbxWrap .checkbox {
  float: left;
  height: 18px;
}

.oce-accntalert-tnc {
  overflow: hidden;
}
.oce-accntalert-tnc input {
  width: 20px;
}
.oce-accntalert-tnc .checkbox {
  float: left;
  margin: 5px 0;
}
.oce-accntalert-tnc .checkbox label {
  float: left;
  text-align: left;
}
.oce-accntalert-tnc a {
  color: #006FCF;
}
.oce-alert-contentwrapper .oce-marketingPref {
  display: none;
}

.oce-cli-cta-btn-ca {
  font-size: 14px !important;
  padding: 4px 7px !important;
}

/*.oce-main-form-oneblk-container .oce-right-form-container .text_input .oce-suggest-info,
.oce-main-form-oneblk-container .oce-right-form-container .text_input .oce-error-info{
	left:267px;
}*/
.oce-thankyou-offer-block h4.oce-thank-offer-heading-gb-udcd {
  margin-top: 10px;
}
h4.oce-thank-offer-heading-gb-apay {
  margin-top: 5px;
}

.oce-only-otp {
  text-align: center;
  font-size: 48px;
  width: 50%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.oce-only-otp-btn {
  text-align: center;
  margin-bottom: 30px;
}
.oce-overlay-wrapper.oce-overlay-wrapper-center.otponly {
  width: fit-content;
  margin-top: 3rem;
  /* width: 60% !important;
  margin-top: 50px !important; */
}

.otponly .radio.oce-radio-grey {
  margin-bottom: 5% !important;
}
.otponly + .contact-info-error {
  margin-top: 60px;
  margin-bottom: -20px;
  line-height: 1rem;
}
.oce-overlay .account-alert-layer {
  border: 1px solid #efefef;
  padding: 20px 40px;
  width: 80% !important;
  height: 200px !important;
  overflow-y: scroll;
  font-size: 13px;
  margin: 10px auto auto !important;
}
.oce-overlay .account-alert-layer .header {
  text-align: center;
  color: #00175A;
  font-weight: bold;
  line-height: 20px;
  font-size: 16px;
}
.oce-overlay .tandc-review-info {
  margin-left: 34px;
  margin-right: 34px;
  font-size: 12px;
  border-top: 2px solid #efefef;
  padding-top: 20px;
}

.oce-alert-tandc-overlay .oce-main-form-wrapper button.primary-button,
.oce-alert-tandc-overlay .oce-main-form-wrapper button.secondary-button,
.LOCLayer .oce-main-form-wrapper button.primary-button,
.LOCLayer .oce-main-form-wrapper button.secondary-button,
#IncomeLayer .oce-main-form-wrapper button.primary-button {
  width: auto;
  padding: 0 30px;
  margin-top: 18px;
  font-size: 1em;
  vertical-align: baseline;
}

.oce-alert-tandc-overlay .oce-main-form-wrapper button.primary-button {
  vertical-align: baseline;
}

.oce-bold-text.oce-offer-desc-text.subheader {
  font-size: 9px !important;
  text-align: justify;
}

.oce-thank-offer-heading-us {
  font-size: 1em !important;
  font-weight: 600;
  margin-top: 10px;
}

.oce-shoprunner-img {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

.oce-alert-tandc-overlay .oce-main-form-wrapper .subscribe-instructions,
.oce-addasupp-overlay .oce-main-form-wrapper .subscribe-instructions {
  margin: 20px 34px;
  font-size: 12px;
}

.oce-alert-tandc-overlay .oce-main-form-wrapper .subscribe-info {
  margin: 30px 34px;
  font-size: 12px;
}

.alerts-tnc-container .alert-tnc-toc-title {
  text-align: left;
  margin-bottom: 0px;
}
.alert-tnc-toc-title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.alert-tnc-toc p span {
  color: #00175A;
}
.alert-tnc-item {
  margin-top: 10px;
}
.alert-tnc-item .item-title {
  font-weight: 600;
  font-size: 14px;
}
.last-modified-date {
  color: #53565A;
}
.item-desc-title {
  font-weight: bold;
  display: block;
}
.return-top {
  color: #006FCF;
  text-decoration: none!important;
}
account-options-alerts-tnc p {
  text-align: justify;
}

.alerts-tnc-container div.return-to-top-container {
  display: flex;
  justify-content: end;
}

.alerts-tnc-container .item-title {
  display: block;
  margin: 1rem 0px;
}

.alerts-tnc-container a {
  text-decoration: underline;
}
.alerts-tnc-container strong {
  font-weight: 800;
}
.alerts-tnc-container .item-desc-title {
  margin-top: 1.25rem;
}
.red-tnc {
  color: #B42C01!important;
}

.oce-alert-tandc-overlay .account-alert-layer {
  word-wrap: break-word;
}

.oce-marketingPref label {
  margin-left: 37px;
}

.oce-alert-contentwrapper .marketingPrefOption {
  display: none;
}

.marketingPrefOption .checkbox {
  float: left;
}

.marketingPrefOption label {
  margin-left: 37px;
}

/* Start: styles for Loc Offer Layer */
.oce-offer-block h4.locHeader {
  font-size: 0.99em;
}
.oce-loc-block .lblBenefit {
  text-decoration: underline;
  cursor: pointer;
  color: #006FCF;
  border: none;
  background: none;
  font-size: 13px;
}
.LOCLayer .LOCPopContent {
  position: relative;
}
.LOCLayer ul.LOCUlContent {
  width: 91%;
  overflow: hidden;
  margin: 30px auto auto;
  padding-left: 25px;
}
.res_Medium .LOCLayer ul.LOCUlContent {
  margin: 30px auto auto 45px;
}
.res_Medium .res_800 .LOCLayer ul.LOCUlContent {
  margin: 30px auto auto 45px;
}
.LOCLayer ul.LOCUlContent li.locList1 .lblContent {
  display: inline-block;
  width: 72%;
}
.LOCLayer ul.LOCUlContent li {
  font-size: 1em;
  color: #8b8d8e;
  float: left;
}
.LOCLayer ul.LOCUlContent li.locList1 {
  width: 28%;
}
.LOCLayer ul.LOCUlContent li.locList2 {
  width: 17%;
  padding-left: 4%;
  margin-right: 4%;
}
.LOCLayer ul.LOCUlContent li.locList3 {
  width: 46%;
}
.LOCLayer ul.LOCUlContent li .layerList {
  display: inline-block;
  width: 72%;
}
.LOCLayer ul.LOCUlContent li.locList3 .layerList {
  width: 88%;
}
.LOCLayer .LOCTNCContentCotainer {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d0d8dc;
  height: 80px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 1% 3% 1% 3%;
  position: relative;
  margin: 3% 4% 5%;
}
.LOCLayer .locline {
  width: 594px !important;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 20px 0px 20px 0px;
}
.LOCLayer .locline.line2 {
  left: 58%;
}
.LOCLayer table.loc_tncTable {
  border: 1px solid #000;
  border-spacing: 2px;
  width: 100%;
  border-collapse: initial;
}
.LOCLayer table.loc_tncTable .bgcolorBlack {
  background-color: #000;
}
.LOCLayer table.loc_tncTable td {
  padding: 5px;
}
.LOCLayer table.loc_tncTable .fontColorWhite {
  color: #fff;
}
.LOCLayer table.loc_tncTable .fontColorWhite #tandcheader {
  margin: 0 2em 0 2em;
}
.LOCLayer table.loc_tncTable td.loc_tdFirst {
  border: 1px solid #000;
  vertical-align: top;
  width: 20%;
}
.LOCLayer table.loc_tncTable td.loc_tdSecond {
  border: 1px solid #000;
  vertical-align: top;
  width: 80%;
}
.LOCLayer .LOCTNCContent p {
  margin: 12px 0;
}
.LOCLayer .LOCTNCContent {
  font: 12px/18px Arial;
  color: #8b8d8e;
}
.LOCLayer a.return-top {
  cursor: pointer;
}
.LOCLayer .loc_tncTable strong,
.oce-locbuttonwrap span.AP_Bold {
  font-weight: bold;
}

.LOCLayer .LOCTNCContent p strong.locTncBoldedText {
  font-weight: bold;
}

.LOCLayer .LOCTNCContent p em.locTncEmphasisText {
  font-style: italic;
}
/* End: Styles for LOC Offer */
/* flip back styles changes */
.flipAlertsOfferBlk .oce-offer-block-flip.oce-offer-front-block,
.flipOfferBlk .oce-offer-block-flip.oce-offer-front-block {
  -ms-transform: perspective(1000px) rotateY(180deg);
  -webkit-transform: perspective(1000px) rotateY(180deg);
  -moz-transform: perspective(1000px) rotateY(180deg);
  transform: perspective(1000px) rotateY(180deg);
}
.oce-overlay .oce-skiplayer-overlay div p {
  display: inline;
}

/* Start: styles for AddaSupp Offer */
.oce-addasupp-overlay .oce-addsuppbuttonwrap .agreeContent {
  float: left;
  width: 56%;
  font-size: 13px;
  margin-top: 15px;
  margin-left: 34px;
  color: #8b8d8e;
}
.oce-overlay.oce-addasupp-overlay .oce-addsuppbuttonwrap {
  margin-top: 50px;
}
.oce-overlay.oce-addasupp-overlay .oce-addsuppbuttonwrap .agreeContent {
  text-align: left;
}
.oce-overlay.oce-addasupp-overlay .addsuppContent {
  width: 90%;
  margin: 3% auto;
}
.oce-overlay.oce-addasupp-overlay .addsupp_sub_hdr {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 15px;
}
.oce-overlay.oce-addasupp-overlay .text_input label {
  color: #808080;
  font-size: 0.7em;
}
.oce-overlay.oce-addasupp-overlay .text_input.side_input {
  margin-left: 8%;
}
.oce-overlay.oce-addasupp-overlay .text_input input[type="text"] {
  text-align: left;
  font-size: 0.87em;
}
.oce-overlay.oce-addasupp-overlay
  .text_input
  input[type="text"].small_inputText {
  max-width: 59px;
  display: inline-block;
  padding: 4px 10px;
  text-align: center;
}
.oce-overlay.oce-addasupp-overlay .suppSide {
  color: #808080;
  font-size: 0.7em;
}
.oce-overlay.oce-addasupp-overlay .oce-error-info,
.oce-overlay.oce-addasupp-overlay .oce-suggest-info {
  bottom: 60px;
}
.oce-overlay.oce-addasupp-overlay .account-alert-layer {
  height: 60px !important;
  overflow-x: hidden;
}
#oce-updConfirmdobmm-info .arrow-left-info,
#oce-upddobmm-error .arrow-left-info,
#oce-updssn1-info .arrow-left-info,
#oce-updssn1-error .arrow-left-info {
  left: 10%;
}
#oce-updConfirmdobdd-info .arrow-left-info,
#oce-upddobdd-error .arrow-left-info,
#oce-updssn2-info .arrow-left-info,
#oce-updssn2-error .arrow-left-info {
  left: 40%;
}
#oce-updConfirmdobyy-info .arrow-left-info,
#oce-upddobyy-error .arrow-left-info,
#oce-updssn3-info .arrow-left-info,
#oce-updssn3-error .arrow-left-info {
  left: 68%;
}
.res_Small .oce-overlay.oce-addasupp-overlay .text_input.side_input {
  margin-left: 0;
}
.res_Small .oce-addasupp-overlay .oce-addsuppbuttonwrap .agreeContent {
  margin-left: 9%;
  width: 88%;
}
.res_Medium .oce-overlay.oce-addasupp-overlay .text_input.side_input {
  margin-left: 0;
}
.res_Medium .oce-addasupp-overlay .oce-addsuppbuttonwrap .agreeContent {
  width: 40%;
  margin-top: 10px;
}
.oce-overlay.oce-addasupp-overlay .addsupp_txt {
  font-size: 0.8em;
  margin: 10px 0;
}
.res_Small .name-box-mobile {
  height: 100px !important;
}

.res_Small .addsupp_sub_hdr_addl_content {
  padding: 10px 10px;
}

.res_Medium .supp-app-error {
  width: 100% !important;
}
.res_Small .supp-app-error {
  width: 80% !important;
}
.no-input-address-box {
  height: 50px !important;
}
.address-box-display {
  padding-top: 2%;
}
.res_Small .smart-last-name {
  border-left: none;
  border-top: 1px solid #ccc;
  width: 100% !important;
}
.res_Small .first-name-sizing {
  width: 80%;
  box-sizing: border-box;
}
.res_Small .smart-middle-name {
  width: 15%;
  box-sizing: border-box;
}
.res_Small .main-address-sizing {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}
.res_Small .opp-address-sizing {
  width: 100%;
  box-sizing: border-box;
  border-left: none;
}
.res_Small .state-box-sizing {
  width: 70%;
  box-sizing: border-box;
  border-left: none;
}
.res_Small .zc-box-sizing {
  width: 25%;
  box-sizing: border-box;
}

.res_Medium .first-name-sizing {
  width: 40%;
}
.res_Medium .main-address-sizing {
  width: 50%;
}
.res_Medium .opp-address-sizing {
  width: 45%;
}
.res_Medium .state-box-sizing {
  width: 30%;
}
.res_Medium .zc-box-sizing {
  width: 15%;
}

.smart-input-box-selected {
  border-color: #006FCF !important;
}

.addasupp-name-input {
  width: 100%;
}
.addsuppContent .text_input {
  display: inline-block;
  width: 40%;
}
.addsuppContent .text_input [name="updFirstName"] {
  width: 35%;
}

.smart-input-box-error {
  background-color: #fbefec !important;
  border-color: #b42c01 !important;
  color: #b42c01 !important;
}
.smart-input-text-error {
  color: #b42c01 !important;
}
.smart-input-state-box-error {
  background-color: #fbefec !important;
}
.address-display {
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 0.25em;
  background-color: #f7f8f9;
  line-height: 30px;
  padding-left: 10px;
  text-transform: capitalize;
  min-height: 50px;
  position: relative;
}
.supp-app-error {
  border: none !important;
  margin: 0px 0px 0px 0px;
  pointer-events: none;
}
.namebox-holder {
  line-height: 1 !important;
  height: 50px !important;
}
.smart-name-display {
  height: 50px !important;
  line-height: 50px;
  padding-left: 10px;
  text-transform: capitalize;
}
.smart-box {
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 0.25em;
  background-color: #f7f8f9;
}
.cancel-button-style {
  border: none;
  background-color: transparent;
  outline-color: #006FCF;
  color: #006FCF;
}
.smart-field-input {
  background: transparent !important;
  border: none !important;
  text-align: left;
  padding-left: 5px;
  padding-right: 0px;
}
.state-select {
  width: 100%;
  border: none !important;
  font-size: 1em;
  background-color: #f7f8f9;
  /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content:"\EA04";
    font-size: 1rem;
    color: #006FCF;
    background-image: url("../image/amex-mobile-logo.png"); */
}
.add-input-sizing {
  width: 30%;
}
.smart-address-content {
  border-bottom: 1px solid #ccc;
}

.smart-input-box {
  display: inline-block !important;
  padding-left: 5px;
}
.first-name-sizing {
  width: 40%;
  height: 49px;
}
.main-address-sizing {
  width: 350px;
}
.opp-address-sizing {
  width: 300px;
}
.state-box-sizing {
  width: 150px;
}
.zc-box-sizing {
  width: 145px;
}

.smart-name-holder {
  width: 100%;
}
.smart-middle-name {
  border-left: 1px solid #ccc;
  width: 40px;
  height: 49px;
}
.smart-last-name {
  border-left: 1px solid #ccc;
}
.smart-alt-address {
  border-left: 1px solid #ccc;
}

.dob-input {
  text-align: left;
  box-sizing: border-box;
  background-color: #f7f8f9;
  height: 3.125rem;
}

.ssn-info-box {
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 0.25em;
  background-color: #cce2f5;
  padding: 15px;
}
.smart-box-styling {
  background-color: #f7f8f9;
  min-height: 0;
  position: relative;
  bottom: 5px;
  width: 98%;
}
.input-label {
  padding-left: 5px;
  font-weight: bold;
}

.smart-box-selected {
  border-color: none;
}

.addasupp-box-labels {
  font-weight: bold !important;
  font-size: 16px !important;
}
.addasupp-address-checkbox {
  width: 22px;
  height: 22px;
}
.addasupp-address-checkbox-info {
  display: inline-block;
  position: absolute;
}
.addasupp-layer-header {
  width: 80% !important;
}

/* End: styles for AddaSupp Offer */

/* Start: styles for Income Capture */
#IncomeFaqLayer .IncomeFAQContent {
  padding: 10px;
  font: 13px/18px Arial;
  color: #6c6e6e;
  margin: 3% 20%;
  background-color: #f2f2f2;
  margin-bottom: 10px;
  padding: 3%;
}
#IncomeFaqLayer .innerfaq {
  height: 400px;
  overflow: auto;
}
#IncomeFaqLayer #faqHeading h2 {
  font: 16px/15px bentonsans-md;
  margin-top: 0;
  padding: 0;
  margin-bottom: 15px;
}
#IncomeFaqLayer .IncomeFAQContent h2 {
  font-size: 14px;
  color: #6f6d6d;
  width: 100%;
  text-align: left;
  padding-bottom: 3px;
  font-family: Bentonsans-Md;
  font-weight: 700;
}
#IncomeFaqLayer .IncomeFAQContent h2:first-child {
  padding-top: 0;
}
#IncomeFaqLayer .oce-overlay-header-wrapper h2,
#IncomeLayer .oce-overlay-header-wrapper h2 {
  width: 50%;
}
.oce-offer-Income-row {
  margin: 15px 0px -1px;
  text-align: left;
  width: 93%;
}

.oce-offer-Income-row dl {
  padding-left: 5px;
}

.oce-offer-Income-row dl dt,
.oce-offer-Income-row dl dd {
  display: inline-block;
  font-size: 0.875em;
  width: 45%;
  margin: 8px 0;
}

.oce-offer-Income-row dl dt {
  font-weight: 600;
}

.oce-offer-Income-row > .lastUpdDate {
  margin-top: 47px;
  text-align: center;
}
.IncomeContent {
  width: 68%;
  text-align: left;
  margin: 2% 6%;
}
.IncomeContent h3 {
  font-size: 1.3em;
  color: #006FCF;
  margin-bottom: 10px;
}
.IncomeContent .checkbox label {
  width: 80%;
  font-size: 0.8em;
  margin-top: 0px;
}
.IncomeContent .text_input label {
  font-size: 0.75em;
  color: #747576;
  display: inline-block;
}

/* .IncomeContent .oce-tooltip-alert {
  width: fit-content;
  display: inline-block;
} */

.IncomeContent pzn-info-tooltip .oce-tooltip-alert-info {
  font-size: 0.75rem;
  color: #747576;
  font-weight: 600;
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
}
info-icon-tooltip {
  display: inline-block;
  width: fit-content;
}
.IncomeContent p {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
}
p.lastUpdDate {
  color: #747576;
}
.IncomeContent p.lastUpdDate {
  margin-top: 36px;
}
.IncomeContent .custom_style {
  z-index: 1;
}
.IncomeContent .oce-suggest-info {
  left: auto;
  right: -156px;
  bottom: -104px;
  width: 320px;
}
.IncomeContent .oce-suggest-info .arrow-left-info {
  left: -20px;
  top: 4%;
  border-right: 10px solid #ededed;
  border-top: 10px solid transparent;
}
.IncomeContent #oce-updNonTax-info.oce-suggest-info {
  right: -158px;
  bottom: -128px;
}
.IncomeContent div#oce-updassests-info {
  bottom: -85px;
}
.IncomeContent .text_input input[type="text"] {
  text-align: left;
  width: 228px;
}
.IncomeContent .sign {
  position: absolute;
  top: 37px;
  left: 12px;
}
.IncomeContent .nonTax_Field.ng-hide {
  opacity: 0;
}
.IncomeContent .nonTax_Field {
  width: auto;
  transition: all 0.5s ease-in-out;
}
.oce-income-overlay {
  width: 650px;
  margin-left: -325px;
}
.res_Medium .oce-income-overlay {
  width: 100%;
}
.incomeCapFormat {
  border: 1px solid #eee;
  display: block;
  height: 30px;
  padding: 10px 0px 0px 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 228px;
}

.style-input-field {
  background: none;
  text-align: left;
  padding-top: 0px;
}
.res_Small .IncomeContent .oce-suggest-info {
  right: px;
  bottom: 65px;
  width: 320px;
}

.res_Small .IncomeContent .oce-suggest-info {
  left: -15px;
}

.res_Small .IncomeContent .oce-suggest-info .arrow-left-info {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ededed;
  left: 50%;
  top: 101%;
  position: absolute;
}

.res_Small .IncomeContent #oce-updNonTax-info.oce-suggest-info {
  right: -352px;
  bottom: 65px;
}

.res_Small .IncomeContent div#oce-updassests-info {
  bottom: 65px;
}

.label-with-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
}

/* .label-with-icon-wrapper > span {
  width: auto;
  height: auto;
} */

/* do we need icon styles? REVIEW */
.label-with-icon-wrapper span.icon-wrapper {
  position: relative;
  height: 1.5rem;
}


.label-with-icon-wrapper span.offer-info-icon {
  left: 7px;
  top: .3rem;
}

.IncomeContent pzn-info-tooltip .oce-tooltip-alert-suggest-info {
  display: inline-block;
  left: 0;
  top: 22px;
  width: 229px;
  bottom: unset;
}

.IncomeContent pzn-info-tooltip .oce-tooltip-alert-suggest-info .arrow-left-info {
  border-top: 10px solid transparent;
}

/* 
.IncomeContent .oce-tooltip-alert-info {
  position: relative;
} */
.IncomeContent .label-wrapper .offer-info-icon {

  top: 3px;
  left: 5px;
}
.IncomeContent .label-wrapper .offer-info-icon:focus {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
}
/* End: styles for Income Capture */

.oce-offer-form-header span.sms:before {
  font-family: "dls-icons";
  content: "\EA82";
  font-size: 20px;
  color: #006FCF;
}

.oce-offer-form-header span.email:before {
  font-family: "dls-icons";
  content: "\EA58";
  font-size: 20px;
  color: #006FCF;
}

.oce-register-error ul li:before {
  font-family: "dls-icons";
  content: "\EADD";
  position: absolute;
  left: -40px;
  font-size: 2em;
  color: #b42c01;
}
.oce-card-security-form-wrapper .oce-register-error {
  width: 23%;
}

/** Shop runner */
.ShopRunnerTNCContentCotainer .shoprunnertnc {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d0d8dc;
  height: 280px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 3%;
  position: relative;
  margin: 3% 4% 5%;
}
.shoprunnertnc h2 {
  color: #00175A;
  font-size: 16px;
  width: 100%;
  padding-top: 8px;
}
.shoprunnertnc h3 {
  color: #00175A;
  font-size: 14px;
  width: 100%;
  padding-top: 8px;
  text-align: center;
}
.shoprunnertnc .section {
  margin-bottom: 15px;
}
.shoprunnertnc .section .subheader {
  color: #00175A;
  font-size: 14px;
}
.shoprunnertnc .section p {
  margin-bottom: 10px;
}
.shoprunnertnc .section ol {
  margin-left: 20px;
}
.shoprunnertnc .section ol li {
  margin-bottom: 8px;
}
.shoprunnertnc .section ol.shoprunner-ol.n li {
  list-style-type: decimal;
}
.shoprunnertnc .section ol.shoprunner-ol.a li {
  list-style-type: lower-alpha;
}
.shoprunnertnc .section ol.shoprunner-ol.r li {
  list-style-type: lower-roman;
}
.shoprunnertnc strong {
  font-weight: bold;
}
.shoprunner-email-wrapper {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.oce-overlay .oce-alert-setting.shoprunner-email {
  padding: 5px 0 19px 0;
  /*border-bottom: 1px solid #e5e5e5;*/
  text-align: center;
}

.ShopRunnerTNCContentCotainer .shop-runner-terms-container,
.ShopRunnerTNCContentCotainer .shop-runner-privacy-container,
.ShopRunnerTNCContentCotainer .shop-runner-amex-terms-container {
  display: none;
}

.ShopRunnerTNCContentCotainer .shop-runner-terms-container.active,
.ShopRunnerTNCContentCotainer .shop-runner-privacy-container.active,
.ShopRunnerTNCContentCotainer .shop-runner-amex-terms-container.active {
  display: block;
}

.ShopRunnerTNCContentCotainer .terms-tab-content-label-container {
  display: inline-block;
  width: 32.5%;
  text-align: center;
}

.ShopRunnerTNCContentCotainer
  .terms-tab-content-label-container
  input[type="radio"] {
  display: none;
}

.ShopRunnerTNCContentCotainer
  .terms-tab-content-label-container
  .terms-tab-content-label {
  margin: 0 auto;
  width: auto;
  display: inline-block;
}

.ShopRunnerTNCContentCotainer .terms-tab-content-label-container h2 {
  color: #00175A;
  font-family: BentonSans, Arial;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  width: 100%;
  padding: 0;
  padding-bottom: 6px;
}

.terms-tab-content-label.active {
  border-bottom: 5px solid #00175A;
}

.ShopRunnerTNCContentCotainer .shoprunnertnc-labels {
  border: 1px solid #d0d8dc;
  border-bottom: none;
  padding: 8px 3% 0;
  position: relative;
  margin: 0 4%;
}

.res_Small .ShopRunnerTNCContentCotainer .shoprunnertnc-labels {
  border: 1px solid #d0d8dc;
  border-bottom: none;
  position: relative;
}

.ShopRunnerTNCContentCotainer .shoprunnertnc {
  margin-top: 0;
}

.ShopRunnerTNCContentCotainer
  .terms-tab-content-container
  > .section
  > ul
  > li
  > a:hover,
.ShopRunnerTNCContentCotainer
  .terms-tab-content-container
  > .section
  > ul
  > li
  > a:active {
  text-decoration: none;
}

.iframe-test {
  border: 2px solid red;
  display: block;
}

/* end of shop runner */
/* canada creditor styles */
/* styles for Popup Base TNC Content */

.baseTNC {
  font-size: 13px;
  width: 90%;
  height: 400px;
  overflow-y: scroll;
  margin: auto;
  margin-top: 10px;
}

.confirmation-container-TNC {
  font-size: 11px;
  width: 90%;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
}

.confirmation-container-TNC .checkbox {
  margin: 0;
  min-width: 22px;
  vertical-align: top;
}

.confirmation-container-TNC .checkbox .custom_style {
  position: relative;
  z-index: 2;
}

.confirmation-container-TNC .creditorPreference {
  font-size: 13px;
  margin-left: 8px;
  display: inline-block;
  width: 90%;
}
/* end of canada creditor styles */

.addsupp-multicolor-dropdown {
  float: left;
  width: 100%;
}

.multicolor-suppfee {
  float: right;
  color: #008767;
  font-size: 0.813em;
  width: 50%;
}

.oce-main-form-wrapper .select-dropdown.addsupp {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #bcbcbc;
  font-size: 1em;
  max-width: 43%;
  margin: 0 0 20px;
  float: left;
  height: 40px;
}
.oce-main-form-wrapper .select-dropdown.addsupp label {
  padding: 0;
}
.addsupp-multicolor-dropdown label {
  color: #808080;
  font-size: 0.7em;
}
.res_Small
  .oce-overlay.oce-addasupp-overlay
  .text_input
  input[type="text"].small_inputText,
.res_Medium
  .oce-overlay.oce-addasupp-overlay
  .text_input
  input[type="text"].small_inputText {
  max-width: 20%;
}

.oce-accntalert-tnc .checkbox .custom_style {
  top: 5px;
}
/*.oce-addsuppbuttonwrap .agreeContent span.AP_Bold {
	font-weight: bold;
	font-size: 1em !important;
}*/

.res_Small .amex-dls-logo {
  width: 200px;
  height: 8px;
  background-image: url("../image/amex-mobile-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 205px;
  height: 13px;
}

.res_Medium .amex-dls-logo {
  width: 280px;
  height: 11px;
  background-image: url("../image/amex-mobile-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 205px;
  height: 13px;
}

/* ===================================== */
/* ========= GCP custom styles ========= */

.oce-main-form-container.gcp-flex-layout .oce-offers-container {
  white-space: normal;
  width: 100%;
  padding: 26px 0 24px !important;
}

.blockquote {
  background-color: #efefef;
  overflow: auto;
}

.blockquote .floated-inner-container {
  text-align: left;
  line-height: 24px;
  font-size: 14px;
  margin: 20px auto;
}

.blockquote .floated-inner-container p,
.blockquote .floated-inner-container a {
  display: inline;
}

.blockquote .floated-inner-container a.underline {
  text-decoration: underline;
}

.floated-inner-container {
  background-color: transparent;
  min-width: 640px;
}

.divider-top {
  border-top: 1px solid #e7e7e7;
}

.percent-50-col {
  margin: 0 auto;
  width: 60%;
  min-width: 640px;
}

.center-text {
  text-align: center !important;
}

.left-text {
  text-align: left !important;
}

.small-text {
  line-height: 21px;
  font-size: 14px;
}

.no-wrap {
  white-space: nowrap;
}

.dark-blue {
  color: #002663;
}

.accent-blue {
  color: #006FCF;
}

.bg-white {
  background-color: #fff !important;
}

.gcp-flex-layout .columns-2 {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.gcp-flex-layout .columns-3 {
  display: inline-block;
  width: 32.5%;
  vertical-align: top;
}

.gcp-flex-layout .icon {
  display: block;
  margin: 0 auto 10px;
}

.gcp-flex-layout .dls-icon {
  display: block;
  position: relative;
  left: -28px;
  height: 0;
}

.gcp-flex-layout .icon:before {
  font-family: "dls-icons";
  font-size: 50px;
  color: #002663;
}

.gcp-flex-layout .dls-icon:before {
  font-family: "dls-icons";
  color: #002663;
  font-size: 22px !important;
  line-height: 22px;
  position: relative;
  left: 0 !important;
  vertical-align: top;
}

.gcp-flex-layout .dls-icon.dls-icon-large:before {
  font-size: 60px !important;
  line-height: 60px !important;
  left: -40px !important;
}

.gcp-flex-layout .dls-icon-point-2x:before {
  content: "\EAA0";
}
.gcp-flex-layout .dls-icon-point-3x:before {
  content: "\EAA2";
}
.gcp-flex-layout .dls-icon-cashback:before {
  content: "\EA3A";
}
.gcp-flex-layout .dls-icon-car:before {
  content: "\EA30";
}
.gcp-flex-layout .dls-icon-gas-station:before {
  content: "\EA60";
}
.gcp-flex-layout .dls-icon-insurance:before {
  content: "\EA6E";
}
.gcp-flex-layout .dls-icon-card:before {
  content: "\EA36";
}
.gcp-flex-layout .dls-icon-payment-due:before {
  content: "\EA92";
}
.gcp-flex-layout .dls-icon-activity:before {
  content: "\EA1C";
}
.gcp-flex-layout .dls-icon-telephone:before {
  content: "\EACA";
}
.dls-icon-npsl-success:before {
  content: "\EAC2";
}
.dls-icon-home:before {
  content: "\EA68";
}
.dls-icon-shipping-truck:before {
  content: "\EA03";
}

.dls-icon-subcontractors:before {
  content: "\EA1A";
}

.gcp-flex-layout .radio-form {
  margin: 30px auto;
  max-width: 400px;
}

.gcp-flex-layout .radio.oce-radio-grey {
  display: block;
  position: relative;
  margin: 0;
  top: 0;
  height: auto;
  margin-bottom: 20px;
  min-height: 22px;
  margin-left: 10%;
  margin-right: 10%;
}

.gcp-flex-layout .radio.oce-radio-grey:last-of-type {
  margin-bottom: 0;
}

.gcp-flex-layout .radio.oce-radio-grey input[type="radio"] {
  margin: 0;
  min-height: 24px;
  top: -2px;
  position: absolute;
  height: 100%;
}

.gcp-flex-layout .radio.oce-radio-grey input[type="radio"]:hover,
a,
.gcp-skip-link {
  cursor: pointer;
}

.gcp-flex-layout .radio.oce-radio-grey .custom_style {
  position: relative;
  border: 1px solid #006FCF;
  border-radius: 50%;
  height: 20px;
  margin-top: 0;
  width: 20px;
  float: left;
}

.gcp-flex-layout .radio.oce-radio-grey .custom_selected.active {
  border-radius: 50%;
  height: 14px;
  left: 2px;
  top: 2px;
  width: 14px;
}

.gcp-flex-layout .radio-label {
  display: block;
  position: relative;
  margin: 0px;
  top: 0;
  font-size: 0.9em;
  line-height: 1.4em;
  height: auto;
}

.blockquote {
  background-color: #f7f8fa;
  overflow: auto;
}

.gcp-flex-layout .oce-register-error ul li {
  text-align: center;
}

.gcp-flex-layout .oce-register-error ul li:before {
  position: relative;
  left: -12px;
  height: 0;
  vertical-align: middle;
}

.gcp-flex-layout .icon-row:first-of-type {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* ========= End GCP base styles ========= */

.gcp-flex-layout .under-icon-text,
.gcp-flex-layout .under-icon-header {
  display: block;
  line-height: 1.4em;
  font-size: 0.85em;
  padding: 0 5%;
}

.gcp-flex-layout .under-icon-header {
  font-weight: bold;
  margin-bottom: 10px;
}

.oce-main-form-container.gcp-flex-layout {
  background-color: #fff;
  display: inline-block;
  margin-top: 15px;
  min-height: 350px;
  padding: 0 !important;
  position: relative;
  text-align: center;
  width: 100% !important;
}

.gcp-flex-layout h2.oce-offer-header, .gcp-flex-layout h1.oce-offer-header {
  margin: 25px auto;
  line-height: 2.675rem;
  color: #333;
  padding: 0 20px;
  max-width: 800px;
}

.gcp-flex-layout .oce-offer-subheader-container,
.gcp-flex-layout .oce-content-container,
.floated-inner-container {
  max-width: 700px;
  width: 80%;
}

.gcp-flex-layout.gcp-alerts .oce-offer-subheader-container,
.gcp-flex-layout.gcp-alerts .oce-content-container,
.gcp-alerts .floated-inner-container {
  width: 90%;
}

.oce-offer-subheader-container {
  box-sizing: border-box;
  display: block;
}

.gcp-flex-layout h3.oce-offer-subheader,
.gcp-flex-layout h4.oce-offer-subheader,
.gcp-flex-layout p.oce-offer-subheader {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.gcp-flex-layout h4.oce-offer-subheader {
  line-height: 30px;
  font-size: 1.4em;
}

.gcp-flex-layout .oce-content-container {
  display: block;
  margin: 0 auto;
  overflow: auto;
}

.gcp-flex-layout ul.oce-benefits-list {
  line-height: 22px;
  text-align: left;
  font-size: 15px;
}

.gcp-flex-layout .oce-benefits-list li.oce-benefits-list-li {
  margin-bottom: 20px;
  padding-left: 44px;
}

.gcp-flex-layout .oce-benefits-list li.oce-benefits-list-li.li-icon-large {
  padding-left: 70px;
  margin-bottom: 40px;
}

.gcp-flex-layout
  .oce-benefits-list
  li.oce-benefits-list-li.li-icon-large:last-of-type {
  margin-bottom: 0;
}

.gcp-flex-layout .gcp-content-img {
  width: 48%;
  height: auto;
  overflow: hidden;
}

.gcp-flex-layout .gcp-buy-power-img {
  content: url("../image/gcp-buy-power-img.jpg");
  width: 100%;
  height: auto;
}

.gcp-buttons-section {
  padding: 20px 0;
  background-color: #fff;
  text-align: right;
}

.oce-content-container .floated-inner-container {
  text-align: left;
  margin: 0 auto;
  padding: 20px 0;
  width: auto;
  display: inline-block;
}

.gcp-buttons-section .floated-inner-container {
  margin: 0 auto;
}

.gcp-buttons-section .gcp-skip-link {
  display: inline-block;
  margin: 0 10% 0 0;
  width: auto;
  background: transparent;
  color: #006FCF;
}

.gcp-buttons-section .primary-button {
  margin: 0;
  min-width: 200px;
  height: 60px;
}

.gcp.oce-overlay.oce-alert-tandc-overlay {
  padding-bottom: 0;
}

.gcp.oce-alert-tandc-overlay .oce-main-form-wrapper button.primary-button {
  margin: 0;
}

.oce-overlay .gcp.oce-buttonwrap {
  padding: 20px 0;
}

.gcp-flex-layout .payment-alert-label {
  padding-left: 28px;
  font-size: 15px;
}

.gcp-flex-layout .gcp-alerts-header .payment-alerts-hdr,
.gcp-flex-layout .gcp-alerts-header .payment-alert-email-channel,
.gcp-flex-layout .gcp-alerts-header .payment-alert-sms-channel,
.gcp-flex-layout .alert-setting-header .alert-setting-email-info,
.gcp-flex-layout .alert-setting-header .alert-setting-sms-info {
  font-weight: 600;
}

.gcp-flex-layout .alert-setting-content .alert-setting-email-info,
.gcp-flex-layout .alert-setting-content .alert-setting-sms-info {
  font-weight: initial;
}

.gcp-flex-layout.mega .small-text > span {
  color: #006FCF;
}

/* ========= GCP base styles ========= */

.gcp-flex-layout .margin-20-t {
  margin-top: 20px;
}
.gcp-flex-layout .margin-20-b {
  margin-bottom: 20px;
}
.gcp-flex-layout .margin-20-l {
  margin-left: 20px;
}
.gcp-flex-layout .margin-20-r {
  margin-right: 20px;
}

.gcp-flex-layout .margin-40-t {
  margin-top: 40px;
}
.gcp-flex-layout .margin-40-b {
  margin-bottom: 40px;
}
.gcp-flex-layout .margin-40-l {
  margin-left: 40px;
}
.gcp-flex-layout .margin-40-r {
  margin-right: 40px;
}

.gcp-flex-layout .padding-20-t {
  padding-top: 20px;
}
.gcp-flex-layout .padding-20-b {
  padding-bottom: 20px;
}
.gcp-flex-layout .padding-40-t {
  padding-top: 40px;
}
.gcp-flex-layout .padding-40-b {
  padding-bottom: 40px;
}

/* ========= GCP custom styles media queries ========= */

@media (max-width: 374px) {
  #oce-content-container {
    width: 100%;
  }
  .percent-50-col {
    min-width: 280px;
  }
  .gcp-flex-layout .oce-content-container,
  .floated-inner-container {
    min-width: 268px;
  }
  .gcp-flex-layout .columns-3 {
    width: 90% !important;
    margin: 0 auto 40px;
  }
  .gcp-flex-layout div.payment-alert-label {
    padding-left: 20px;
    font-size: 13px;
  }
  .gcp-flex-layout .gcp-pl .dls-icon.dls-icon-success:before {
    font-size: 34px !important;
    left: -10px !important;
    top: 7px;
  }
  .gcp-flex-layout .gcp-choose-cat .under-icon-text {
    width: 69% !important;
  }
}

@media (min-width: 375px) {
  .percent-50-col,
  .gcp-flex-layout .oce-content-container {
    min-width: 300px;
  }
  .floated-inner-container {
    min-width: 300px;
  }
}

@media (max-width: 520px) {
  .gcp-flex-layout.gcp-alerts .oce-offer-subheader-container,
  .gcp-flex-layout.gcp-alerts .oce-content-container,
  .gcp-alerts .floated-inner-container {
    width: 100% !important;
  }
  .gcp-flex-layout h2 {
    font-size: 1.25em !important;
    line-height: 1.3em !important;
    margin: 19px 10px 13px;
    word-wrap: break-word;
  }
  .gcp-flex-layout h3.oce-offer-subheader.left-text {
    padding-left: 4%;
    padding-right: 4%;
    width: auto;
  }
  .gcp-flex-layout .gcp-pl .dls-icon.dls-icon-success:before {
    font-size: 34px !important;
    left: -10px !important;
    top: 7px;
  }
  .gcp-flex-layout .gcp-email-edit a {
    float: right;
    margin-right: 6%;
  }
  .gcp-flex-layout .gcp-choose-cat .columns-3 {
    clear: both;
  }
  .gcp-flex-layout .gcp-choose-cat .icon {
    float: left;
  }
  .gcp-flex-layout .gcp-choose-cat .under-icon-text {
    float: right;
    width: 73%;
    text-align: left;
    margin-top: 6px;
  }
  .gcp-flex-layout .gcp-choose-cat .under-icon-text.last {
    margin-top: 13px;
  }
}

@media (max-width: 767px) {
  .tablet-100 {
    width: 90% !important;
    box-sizing: border-box;
  }
  .percent-50-col {
    width: 90%;
  }
  .gcp-flex-layout h3.oce-offer-subheader {
    text-align: center;
  }
  .gcp-flex-layout .oce-benefits-list,
  .gcp-flex-layout .gcp-content-img {
    display: block;
    width: 100%;
  }
  .gcp-flex-layout .gcp-content-img {
    display: none;
  }
  .gcp-flex-layout .gcp-buy-power-img {
    width: auto;
    height: 350px;
  }
  .gcp-flex-layout .tablet-list-padding {
    padding: 0 5% !important;
  }
  .gcp-flex-layout .oce-benefits-list .oce-benefits-list-li {
    padding-left: 36px !important;
  }
  .gcp-flex-layout .oce-benefits-list .oce-benefits-list-li.li-icon-large {
    padding-left: 68px !important;
  }
  .gcp-buttons-section .floated-inner-container {
    text-align: center;
  }
  .gcp-flex-layout .radio-form {
    margin-bottom: 10px;
  }
  .gcp-flex-layout .columns-3 {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  }
  .gcp-flex-layout .columns-3:last-of-type {
    margin-bottom: 0;
  }
  .gcp-buttons-section .primary-button {
    max-width: 280px;
    min-width: 180px;
    height: 50px;
    width: 100%;
  }
  .gcp-buttons-section .primary-button:nth-child(2) {
    position: relative;
    top: -55px;
  }
  .gcp-buttons-section .gcp-skip-link {
    display: block;
    margin: 0 auto;
    padding: 16px 0;
    width: auto;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #006FCF;
    max-width: 278px;
    min-width: 180px;
    top: 55px;
    position: relative;
    transition: all 0.2s ease-in-out;
  }
  .gcp-buttons-section .gcp-skip-link:hover {
    text-decoration: none;
    background: #e5e5e5;
    border-color: #3ea8e5;
  }
  .gcp-flex-layout .gcp-alerts-header,
  .gcp-flex-layout .gcp-alerts-content {
    padding: 20px 4% !important;
  }
  .gcp-flex-layout .gcp-alerts-header,
  .gcp-flex-layout .payment-alert-label {
    font-size: 14px;
  }
  .gcp-flex-layout .payment-alerts-hdr,
  .gcp-flex-layout .payment-alert-label {
    width: 63% !important;
  }
  .gcp-flex-layout .payment-alert-label {
    padding-left: 25px;
  }

  .gcp-flex-layout .gcp-alerts-header .payment-alerts-hdr {
    padding-right: 25px;
  }

  .gcp-flex-layout .gcp-alerts-header .payment-alert-email-channel {
    width: 10% !important;
    margin-right: 5% !important;
  }

  .gcp-flex-layout .gcp-alerts-header .payment-alert-sms-channel {
    width: 4%;
  }

  .gcp-flex-layout .alert-setting-email-info,
  .gcp-flex-layout .alert-setting-sms-info {
    width: 100%;
  }
  .gcp-flex-layout .alert-setting-header .alert-setting-email-info,
  .gcp-flex-layout .alert-setting-header .alert-setting-sms-info {
    margin-bottom: 50px;
  }
  .gcp-flex-layout .alert-setting-content .alert-setting-email-info {
    top: -76px;
    position: relative;
  }
  .gcp-flex-layout .alert-setting-content .alert-setting-sms-info {
    top: -27px;
    position: relative;
  }
  .alert-setting-content {
    margin-bottom: 0 !important;
  }

  .gcp-flex-layout .radio.oce-radio-grey {
    margin-left: 0;
    margin-right: 0;
  }
}

.res_Medium .gcp-flex-layout h2.oce-offer-header {
  font-size: 30px !important;
}

/* ========= End GCP custom styles ========= */
/* ========================================= */

.oce-main-form-container.gcp-paperless h2,
.oce-main-form-container.gcp-alerts h2 {
  color: #333;
}
.oce-main-form-container.gcp-paperless h1 {
  margin: 58px 0 20px;
  color: #333;
}
.oce-main-form-container.gcp-paperless .oce-offers-container {
  padding: 10px 0 10px;
  min-height: auto;
}
.oce-main-form-container.gcp-paperless {
  background-color: #fff;
  display: inline-block;
  margin-top: 15px;
  min-height: 350px;
  padding: 0 25% 0px;
  position: relative;
  text-align: center;
  width: 50%;
}
.gcp-paperless .paperless-benefits {
  border-top: 1px solid #ccc;
  padding: 30px 100px 10px;
  line-height: 22px;
  text-align: left;
  font-size: 15px;
  border-bottom: 1px solid #ccc;
}
.res_Small .gcp-paperless .paperless-benefits {
  padding: 8% 15% 3% 25%;
  font-size: 14px;
}

.gcp-paperless .paperless-benefits .paperless-benefits-item {
  margin-bottom: 20px;
}
.gcp-paperless .paperless-email-edit {
  text-align: left;
  line-height: 30px;
  font-weight: 500;
  padding-bottom: 20px;
  font-size: 15px;
}
.gcp-paperless .paperless-email-edit .paperless-email {
  font-weight: normal;
  margin-right: 30px;
}

.paperless-email-edit-info {
  text-align: left;
  padding: 20px 25% 20px;
  line-height: 24px;
  font-size: 13px;
  background-color: #efefef;
  left: 0px;
  min-width: 50%;
}
.paperless-click-info {
  padding: 20px 25% 30px;
  text-align: left;
  line-height: 24px;
  background-color: #fff;
}
.gcp-paperless .buttons-section {
  padding: 0;
  position: absolute;
  width: 100%;
  right: 0px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  bottom: 10px;
  text-align: right;
}
.buttons-section button {
  width: 200px;
  height: 60px;
}
.buttons-section a {
  margin-right: 30px;
}

.buttons-section {
  padding: 20px 25%;
  background-color: #fff;
  border-top: 1px solid #ccc;
  text-align: right;
}
/*.res_Small .gcp-paperless .buttons-section a {
    margin-right: 30px;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}*/

.res_Large .buttons-section .gcp-back-link,
.res_Medium .buttons-section .gcp-back-link {
  display: inline-block !important;
  padding: 0.938rem 0;
}

.res_Small .buttons-section .gcp-back-btn {
  display: inline-block !important;
  padding: 0.938rem 0;
}

.buttons-section .gcp-back-link:hover {
  cursor: pointer;
}

.gcp-paperless .oce-offer-container {
  padding: 26px 0 4px;
}

.dls-icon-success:before {
  font-family: "dls-icons";
  content: "\EAC1";
  font-size: 25px;
  position: absolute;
  left: 30%;
}

.res_Small .dls-icon-success {
  position: relative;
  font-size: 0.875em;
  line-height: 1em;
}
.res_Small .dls-icon-success:before {
  font-size: 40px;
  left: -45px;
  top: 25%;
}
.res_Small .oce-main-form-container.gcp-paperless h2 {
  margin-bottom: 20px;
}
.res_Small .paperless-email-edit-info {
  padding: 30px 3% 30px;
  font-size: 0.7em;
}
.res_Small .paperless-click-info {
  padding: 20px 3% 20px;
  text-align: left;
  font-size: 0.8em;
}
.res_Small .oce-main-form-container.gcp-paperless {
  padding: 0;
  width: 100%;
}

.res_Small .gcp-paperless .paperless-email-edit {
  padding: 5% 3% 5%;
  line-height: 20px;
  font-size: 0.8em;
}

.res_Small .gcp-paperless .paperless-email-edit span + a {
  float: right;
  margin-right: 2%;
}
.res_Small .buttons-section {
  padding: 8% 4%;
}

.res_Small .buttons-section button {
  width: 100%;
}
.res_Medium .dls-icon-success:before {
  left: 13%;
}

.res_Medium .paperless-email-edit p,
.res_Small .paperless-email-edit p {
  margin-bottom: 20px;
}

.res_Medium .gcp-paperless .paperless-email-edit {
  padding: 0 10% 0 9%;
}

.res_Medium .oce-main-form-container.gcp-paperless {
  padding: 0 5% 3%;
}
.res_Medium .gcp-paperless .paperless-benefits {
  padding: 5% 15% 2%;
}
.res_Medium .paperless-email-edit-info {
  padding: 20px 16% 20px 13%;
}
.res_Medium .oce-main-form-container.gcp-paperless h2 {
  font-size: 2em;
}
.res_Medium .gcp-paperless .paperless-benefits {
  padding: 5% 3% 2%;
}
.res_Medium .paperless-click-info {
  padding: 20px 13%;
}
.res_Small .gcp-paperless .paperless-benefits .paperless-benefits-item {
  margin-bottom: 8%;
}
.res_Medium .buttons-section {
  padding: 5% 10%;
}

/*.res_Small .oce-main-form-container.gcp-paperless .oce-offers-container {
	padding: 5% 9% 5%;
}*/

.oce-gcp-edit .text_input {
  display: block;
  width: 46%;
  padding-top: 10px;
}

.gcp-oce-buttonwrap {
  margin: 0;
  padding: 0px 0;
  margin-top: 0px;
  text-align: center;
  padding-top: 0;
}

.oce-gcp-edit {
  width: 103%;
  margin: 0 0;
  position: absolute;
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  position: absolute;
  top: 42px;
  min-height: 51%;
  left: -14px;
  padding: 0 0;
}

.oce-gcp-edit input {
  width: 65%;
  margin-left: 150px;
}

label.gcp_text_input {
  color: #555555;
  display: block;
  font-family: "Helvetica Neue";
  font-size: 0.81em;
  line-height: 1.125em;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 150px;
}

.gcp-oce-buttonwrap {
  margin-top: 30px;
  text-align: center;
  padding-top: 20px;
  padding-right: 5px;
  position: relative;
  border-top: 1px solid #cccccc;
}

button.gcp-primary-button {
  border-radius: 5px;
  padding-left: 100px;
  padding-right: 100px;
  margin-left: 25px;
}

button.gcp-secondary-button {
  border-radius: 5px;
  padding-left: 100px;
  padding-right: 100px;
  margin-left: 0px;
}

button.gcp-secondary-button-mobile {
  display: none;
}

.text_input_gap {
  padding-top: 20px;
}

.oce-gcp-border {
  width: 100%;
  margin: 0 0;
  position: relative;
  background: #f4f4f4;
  border-top: 1px solid #cccccc;
}

.header_gcp_email {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px;
  margin-top: 0;
}

label.gcp_email_title {
  font-family: "bentonsans-md";
  color: #002663;
  font-size: 1.2em;
  line-height: 1.5em;
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0;
}

/** GCP ALERTS */

.oce-main-form-container.gcp-alerts .gcp-alerts-header-info {
  margin-top: 40px;
  margin-bottom: 30px;
  color: #002663;
}
.res_Small .oce-main-form-container.gcp-alerts {
  padding: 0 0 0 0;
  width: 100%;
}

.oce-main-form-container.gcp-alerts .gcp-alerts-header-info h2 {
  margin: 10px 0 10px;
}
.res_Small .oce-main-form-container.gcp-alerts .gcp-alerts-header-info h2 {
  font-size: 16px;
  font-family: "Bentonsans-Medium";
}
.gcp-alerts {
  padding-bottom: 4px;
}

.gcp-alerts .alerts-info {
  color: #4a4a4a;
  font-size: 15px;
  line-height: 22px;
}

.gcp-alerts .alert-info-item {
  text-align: left;
}

.res_Small .gcp-alerts .alert-info-item {
  font-size: 14px;
  padding: 0 4%;
}

.gcp-alerts .gcp-alerts-header {
  margin-top: 30px;
  text-align: left;
  background-color: #f7f8f9;
  padding: 20px 10px 20px 40px;
  font-weight: 500;
  border: 2px solid #efefef;
  font-size: 13px;
  line-height: 18px;
  color: #555;
}
.res_Small .gcp-alerts .gcp-alerts-header {
  padding: 20px 15px 20px 15px;
}
.gcp-alerts-header .payment-alerts-hdr {
  width: 73%;
  display: inline-block;
}
.res_Small .gcp-alerts-header .payment-alerts-hdr {
  width: 65%;
}
.gcp-alerts-header .payment-alert-email-channel {
  width: 14%;
  display: inline-block;
  padding-left: 60px;
}
.res_Small .gcp-alerts-header .payment-alert-email-channel {
  width: 17%;
  padding-left: 25px;
}
.res_Medium .gcp-alerts-header .payment-alert-email-channel {
  padding-left: 45px;
}
.gcp-alerts-header .payment-alert-sms-channel {
  width: 10%;
  display: inline-block;
}

.gcp-alerts .gcp-alerts-content {
  padding: 20px 40px 20px 40px;
  text-align: left;
  border-bottom: 1px solid #efefef;
  position: relative;
  color: #555;
}
.res_Small .gcp-alerts .gcp-alerts-content {
  padding: 20px 10px 20px 10px;
}
.gcp-alerts .payment-alert-label {
  width: 82%;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}
.res_Small .gcp-alerts .payment-alert-label {
  width: 69% !important;
  line-height: 20px;
}
.res_Medium .gcp-alerts .payment-alert-label {
  width: 80% !important;
}
.gcp-alerts .email-checkbox {
  width: 10%;
  display: inline-block;
}
.gcp-alerts .sms-checkbox {
  width: 4%;
  display: inline-block;
  margin-left: 3.5%;
}

.gcp-alerts .email-checkbox.checkbox .custom_style,
.gcp-alerts .sms-checkbox.checkbox .custom_style {
  top: -10px;
}
.res_Small .gcp-alerts .statement-ready .email-checkbox.checkbox .custom_style,
.res_Small .gcp-alerts .statement-ready .sms-checkbox.checkbox .custom_style {
  top: -25px;
}

.gcp-alerts-content .chevron-button-container button {
  background: none;
  border: none;
  padding: 0;

}

.gcp-alerts-content .chevron-up:before, .gcp-alerts-content .chevron-down:before {
  color: #006FCF;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 0.375rem;
  position: absolute;
  left: 0;
  top: 30%;
  transition: color 0.25s ease-out;
  font-family: "dls-icons";
  height: 44px;
  width: 44px;
}

.gcp-alerts-content .chevron-up:before {
  content: "\EAB5";
}

.gcp-alerts-content .chevron-down:before {
  content: "\EA52";
}

.res_Small .gcp-alerts-content .chevron-up:before,
.res_Small .gcp-alerts-content .chevron-down:before {
  font-size: 1em;
  top: 34%;
}

.res_Medium .gcp-alerts-content .chevron-up:before,
.res_Medium .gcp-alerts-content .chevron-down:before {
  left: 4%;
}

.res_Large .gcp-alerts-content .chevron-up:before,
.res_Large .gcp-alerts-content .chevron-down:before {
  left: 4%;
}

@media (min-width: 661px) and (max-width: 767px) {
  .gcp-alerts-content .chevron-up:before, .gcp-alerts-content .chevron-down:before {
    left: 0% !important;
  }
  
}

.gcp-alert-content-desc {
  padding: 20px 40px 20px 12%;
  background-color: #f7f8f9;
  text-align: left;
  line-height: 1.4em;
  font-size: 13px;
}

.res_Small .gcp-alert-content-desc {
  padding: 20px;
}


.gcp-alerts .alert-settings {
  padding: 30px 40px 1px 40px;
  background-color: #f7f8f9;
  text-align: left;
}
.res_Small .gcp-alerts .alert-settings {
  padding: 30px 20px 1px 20px;
  font-size: 12px;
}
.alert-setting-info {
  margin-bottom: 20px;
  font-size: 14px;
}
.alert-setting-header {
  margin-bottom: 20px;
  font-size: 14px;
}
.res_Small .alert-setting-header {
  font-size: 11px;
}
.alert-setting-content {
  margin-bottom: 30px;
}
.alert-setting-edit {
  margin-bottom: 30px;
  color: #006FCF;
}
.gcp-alerts-content-last {
  margin-bottom: 10px;
}

.alert-setting-email-info {
  width: 40%;
  font-weight: 500;
  display: inline-block;
  margin-right: 5%;
}
.res_Small .alert-setting-email-info {
  margin-right: 24%;
}
.alert-setting-sms-info {
  font-weight: 500;
  vertical-align: top;
}
.gcp-alerts .email-checkbox.checkbox input {
  top: -20px;
  left: -5px;
  width: 25px;
  height: 22px;
}

.gcp-alerts .sms-checkbox.checkbox input {
  top: -20px;
  left: -5px;
  width: 25px;
  height: 22px;
}

.res_Small .text_input.text_input_dob #oce-error-info,
.res_Small .text_input.text_input_dob #oce-answer-info {
  bottom: 83px !important;
}

.oce-accessCode input {
  width: 100%;
}

account-options-creditor-tnc .checkbox input {
  min-height: auto;
  outline: none;
}
.res_Small .oce-overlay .otp-access-code .oce-register-error {
  padding: 2% 10% 2% 18%;
}

.res_Small .oce-overlay.oce-alert-overlay .oce-register-error {
  padding: 2% 4% 2% 18%;
}
.res_Small .text_input.verify-input label {
  margin-left: 0;
  text-align: center;
}

.oce-main-container-sv_SE .text_input.verify-input label,
.oce-main-container-fr_FR .text_input.verify-input label,
.oce-main-container-fi_FI .text_input.verify-input label,
.oce-main-container-es_ES .text_input.verify-input label,
.oce-main-container-de_AT .text_input.verify-input label,
.oce-main-container-en_HK .text_input.verify-input label,
.oce-main-container-ch_HK .text_input.verify-input label,
.oce-main-container-nl_NL .text_input.verify-input label,
.oce-main-container-it_IT .text_input.verify-input label,
.oce-main-container-en_TH .text_input.verify-input label,
.oce-main-container-th_TH .text_input.verify-input label,
.oce-main-container-en_SG .text_input.verify-input label {
  margin: 0 auto 10px;
  text-align: left;
  width: 246px;
}

.oce-main-container-es_ES .arrow-left-info,
.oce-main-container-fr_FR .arrow-left-info,
.oce-main-container-sv_SE .arrow-left-info {
  left: -23px;
  position: absolute;
  width: 10px;
  display: block;
  height: 0;
  margin-top: -20px;
  vertical-align: middle;
  top: 33px;
}

.oce-main-container-es_ES
  .oce-main-form-security-container
  #oce-answer-error
  li,
.oce-main-container-fr_FR
  .oce-main-form-security-container
  #oce-answer-error
  li,
.oce-main-container-sv_SE
  .oce-main-form-security-container
  #oce-answer-error
  li {
  min-height: 46px;
}

/* .oce-main-container-sv_SE .text_input.text_input_dob #oce-answer-info,
.oce-main-container-fr_FR .text_input.text_input_dob #oce-answer-info, */
.oce-main-container-es_ES
  .oce-thankyou-offer-block
  p
  .text_input.text_input_dob
  #oce-answer-info {
  top: 14px;
  left: 82%;
}

.oce-main-container-sv_SE .oce-thankyou-offer-block p {
  font-size: 0.812em;
  margin-bottom: -1%;
  line-height: 18px;
}

.oce-main-container-fr_FR .oce-thankyou-offer-block h4.oce-thank-offer-heading {
  font-size: 0.85em !important;
  font-weight: 600;
  line-height: 1em !important;
  margin: 0;
}

.oce-main-container-fr_FR .oce-thankyou-offer-block {
  font-size: 0.99em;
}

.oce-main-container-sv_SE #oce-answer-info,
.oce-main-container-fr_FR #oce-answer-info,
.oce-main-container-es_ES #oce-answer-info {
  /* top: 14px !important; */
}

.test-ol {
  list-style: outside none outside;
  padding-left: 16px;
}

.test-ol li {
  list-style: outside none outside;
}

.test-ol li > div {
  font-weight: bold;
  text-decoration: underline;
}
.gcp-loc-subtitle {
  margin-bottom: 30px;
}
.oce-main-form-container.gcp-paperless.gcp-loc h2 {
  font-size: 1.9em;
}
.gcp-loc-sub-info {
  white-space: normal;
  margin-bottom: 20px;
  text-align: center;
  color: #002663;
}
.gcp-paperless.gcp-loc .paperless-benefits {
  padding: 30px 10px 10px;
  font-size: 19px;
}
.gcp-paperless.gcp-loc .paperless-benefits .paperless-benefits-item {
  margin-bottom: 20px;
  margin-left: 12%;
  font-size: 0.8em;
}
.gcp-paperless.gcp-loc .dls-icon-success:before {
  left: 29%;
}
.gcp-paperless.gcp-loc .loc-info {
  line-height: 30px;
  padding-bottom: 20px;
  font-size: 1.4em;
  margin-top: 10px;
}
.gcp-loc-sub-steps.apr {
  margin-top: 0px !important;
}

.dls-icon-statement-ready:before {
  font-family: "dls-icons";
  content: "\EAC0";
  color: #002663;
  font-size: 50px;
}

.dls-icon-cards:before {
  font-family: "dls-icons";
  content: "\EA38";
  color: #002663;
  font-size: 50px;
}
.dls-icon-gift:before {
  font-family: "dls-icons";
  content: "\EA62";
  color: #002663;
  font-size: 50px;
}
.dls-icon-gift,
.dls-icon-cards,
.dls-icon-statement-ready {
  margin-bottom: 10px;
}

.gcp-loc-steps {
  display: inline-block;
  width: 210px;
  text-align: center;
  font-weight: 500;
  line-height: 20px;
  vertical-align: top;
}
.paperless-loc-steps-info {
  text-align: left;
  padding: 20px 25% 20px;
  line-height: 24px;
  font-size: 13px;
  background-color: #fff;
  left: 0px;
  min-width: 50%;
}

.gcp-loc-sub-steps {
  display: inline-block;
  width: 200px;
  text-align: center;
  font-weight: normal;
  line-height: 20px;
  margin-right: 10px;
  margin-top: 20px;
}

.paperless-loc-terms-info {
  text-align: center;
  padding: 20px 25% 20px;
  line-height: 24px;
  font-size: 13px;
  background-color: #f7f8f9;
  left: 0px;
  min-width: 50%;
  color: #006FCF;
}
.gcp-loc-buttons-section {
  border-top: none !important;
}
.res_Small .gcp-paperless.gcp-loc .paperless-benefits {
  padding: 30px 30px 10px;
  font-size: 19px;
}
.res_Small .gcp-paperless.gcp-loc .dls-icon-success:before {
  left: -45px;
}

.gcp-loc-sub-steps {
  margin-bottom: 20px;
}

.emp-card-benefit-link {
  margin-top: -20px;
  border: none;
  line-height: 1.2;
  padding: 5px;
}
.emp-card-benefit-link:hover {
  text-decoration: underline;
}

.emp-card-benefit-link:focus {
  outline: rgb(83, 86, 90) dashed 1px;
}

.res_Small .gcp-loc-subtitle {
  margin-bottom: 30px;
  font-size: 0.8em;
  padding: 0 10px;
  line-height: 18px;
}
.res_Small .gcp-loc-sub-info {
  white-space: normal;
  margin-bottom: 20px;
  text-align: center;
  color: #002663;
  font-size: 0.8em;
}

.res_Small .gcp-loc-steps,
.res_Medium .gcp-loc-steps {
  margin-bottom: 20px;
}

.res_Small .gcp-loc-sub-steps,
.res_Medium .gcp-loc-sub-steps {
  margin-bottom: 20px;
  margin-top: 14px;
}

.res_Medium .gcp-loc .dls-icon-success:before {
  left: 20%;
}
.res_Medium .paperless-loc-steps-info {
  text-align: center;
}
.res_Medium .gcp-loc-subtitle {
  margin-bottom: 30px;
  white-space: normal;
}
.res_Small .paperless-loc-steps-info {
  text-align: center;
  padding: 20px 14% 20px;
}
.gcp .oce-register-error {
  white-space: normal;
}

.oce-main-form-container.gcp-paperless.gcp-empcards .oce-offers-container {
  white-space: normal;
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}

.oce-main-form-container.gcp-paperless.gcp-empcards {
  min-height: auto !important;
}

.dls-icon-rewards:before {
  font-family: "dls-icons";
  content: "\EAB4";
  color: #002663;
  font-size: 40px;
}

.dls-icon-card-benefit:before {
  font-family: "dls-icons";
  content: "\EA32";
  color: #002663;
  font-size: 40px;
}

.dls-icon-alert:before {
  font-family: "dls-icons";
  content: "\EA20";
  color: #002663;
  font-size: 40px;
}
.gcp-empcards-buttons-section {
  border-top: none !important;
}
.gcp-empcards-buttons-section .primary-button {
  width: 220px;
}

.gcp-loc-sub-steps.apr {
  margin-top: 0px !important;
}

/* SBS ADD SUPP PAGE OFFER */

.gcp .add-emp-cards {
  padding: 2% 25%;
  font-size: 1.1em;
  background-color: #fff;
}

#sbs-accordion-button-heading {
  border: 0px solid white;
  background-color: #ffffff;
  margin-bottom: 0px;
}

#sbs-accordion-content-container {
  display: flex;
  flex-direction: row;
  height: 1.6em;
}

#sbs-chevron-icon {
  display: inline-block;
  width: 34px;
}
#sbs-card-icon img {
  width: 25px;
}
#sbs-accordion-label {
  line-height: 1.6em;
  margin-left: 10px;
}

#sbs-plastic-selection-container {
  background-color: #f7f8f9;
  display: flex;
  flex-wrap: wrap;
}

#sbs-plastic-selection-container .oce-radio-grey .custom_style .custom_selected {
  background-color: #006FCF;
  background-image: none;
  border-radius: 50%;
  height: 0.875rem;
  left: 3px;
  top: 3px;
  width: 0.875rem;
}

#sbs-plastic-selection-container .oce-radio-grey .custom_style {
  top: 11px;
  left: -12px;
}

#sbs-plastic-selection-container .oce-radio-grey .custom_style label {
  top: 3px;
}

.radio-element-container {
  margin-left: 1em;
  display: flex;
}

.left-one-third {
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  flex: 30;
  min-width: 14em;
}

.gcp .add-emp-cards .left-one-third label {
  text-wrap: wrap;
}

.right-two-thirds {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 70;
}

.right-two-thirds div {
  height: 12em; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 280px;
}
.right-two-thirds img {
  height: auto;
  max-width: 100%;
  margin-bottom: 13px;
}

/* staged supp user info */

.name-details-row {
  display: flex;
  justify-content: space-between;
}

.res_Small .name-details-row {
  flex-flow: wrap;
}

.name-details-row.last .name-item {
  flex-basis: 45%;
}

.name-details-row input {
  width: 92%;
}

.name-item {
  flex-basis: 25%;
  padding-right: 25px;
  flex-basis: 30%;
  height: 6em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.res_Small .name-item {
  flex-basis: 100% !important;
  height: auto;
  margin-bottom: 0px !important;
  padding-right: 0px;
}


.middleNameSection {
  flex-basis: 20%;
}

.nameOnCardSection,
.emailSection,
.cardTypeSection,
.plasticTypeSection {
  flex-basis: 100%;
}

.name-item label {
  display: flex!important;
  align-items: end;
  height: 3em;
  line-height: 1.2em;
}

.res_Small .name-item label {
  height: 2.5em;
}

textarea.disabled-text-area {
  height: auto;
  width: 92%;
  resize: none;
  font-size: 1em;
  background-color: #f7f8f9;
  border: 1px solid #8e9092;
  padding: 0 0.625em;
  border-radius: 0.25em;
  -webkit-transition: border-color 0.25s ease-out;
  transition: border-color 0.25s ease-out;
  -webkit-appearance: none;
  font-family: "Helvetica Neue";
  color: #8e9092;
  cursor: not-allowed;
}


.sup-fee-desc {
  font-size: 1em;
  font-weight: 400;
  /* text-wrap: wrap; */
  white-space: break-spaces;
  margin: 0em 0em 0em;
  min-height: 2em;
  line-height: 1.25em;
}

.sup-fee-desc > p {
  white-space: normal;
}

.add-emp-cards select.select {
  background-color: #f7f8f9; /* added for karat sbs supp offer */
  min-height: 2.8em;
}

.gcp option {
  font-weight: normal;
  display: block;
  white-space-collapse: collapse;
  text-wrap: nowrap;
  min-height: 1.2em;
  padding: 0px 2px 1px;
}

.gcp .add-emp-cards label {
  font-size: .9em;
}
.gcp .add-emp-cards .text_input.firstName {
  width: 33%;
  display: inline-block;
}
.gcp .add-emp-cards .text_input.middleName {
  width: 12%;
  display: inline-block;
  margin-left: 10%;
}
.gcp .add-emp-cards .text_input.lastName {
  width: 30.5%;
  display: inline-block;
  margin-left: 10%;
}
.res_Medium .gcp .add-emp-cards .text_input.lastName {
  margin-left: 8%;
  width: 33% !important;
}
.gcp .add-emp-cards .text_input.email,
.gcp .add-emp-cards .text_input.nameoncard {
  width: 97%;
}
.gcp .gcp-emp-card-steps {
}
.gcp .gcp-empcard-steps {
  text-align: center;
  background-color: #fff;
}
.gcp .gcp-empcard-steps .gcp-emp-card-steps > div {
  display: inline-block;
  width: 252px;
  text-align: center;
  font-weight: 500;
  vertical-align: top;
}

.gcp .gcp-empcard-steps .gcp-emp-card-steps .emp-card-icon {
  margin-bottom: 12%;
}

.gcp .gcp-emp-card-subtitle {
  margin-bottom: 3%;
}
#cease-acquistion-warning {
  line-height: 24px;
  font-size: 15px;
}
.gcp .add-emp-cards .oce-offers-container {
  text-align: justify;
  font-weight: 500;
}

.gcp .add-emp-cards .oce-offers-container .title {
  color: #333;
  margin-bottom: 5%;
  text-align: center;
  margin-bottom: 10px;
}
.gcp .emp-card-cnt {
  color: #006FCF;
  font-size: 16px;
  cursor: pointer;
  padding: 0.938rem 0;
}
.gcp .add-emp-cards .edit-emp-cards {
  border-top: 1px solid #ccc;
}

.gcp .add-emp-cards .edit-emp-cards h3 {
  padding-top: 26px;
  text-align: center !important;
}

.gcp .add-emp-cards .show-emp-card {
  background-color: #f7f8f9;
  padding: 30px;
  margin-top: 20px;
}
.gcp .add-emp-cards .showName,
.gcp .add-emp-cards .showDetails {
  margin-bottom: 30px;
}
.gcp .add-emp-cards .nameItem {
  display: inline-block;
  text-align: left !important;
  font-size: 15px;
  word-break: break-all;
}
.gcp .add-emp-cards .empTitle {
  display: block;
  font-weight: 600;
  font-size: 13px;
}
.gcp .add-emp-cards .showNameDetails {
  margin-bottom: 30px;
}
.gcp .add-emp-cards .emp-card-edit-det-link {
  margin-right: 20px;
  padding: 0.938rem 0;
  flex: 1 1 0px;
}
.gcp .add-emp-cards .emp-card-remove-link {
  padding: 0.938rem 0;
  flex: 1 1 0px;
}

.gcp .add-emp-cards .modify-emp-cards {
  color: #006FCF;
  font-size: 16px;
  margin-top: 30px;
  text-align: left !important;
  display: flex;
}
.dls-icon-plus-circle:before {
  font-family: "dls-icons";
  content: "\EA98";
  color: #006FCF;
  font-size: 20px;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
}

.gcp .add-emp-cards .open-info #oce-gcp-emp-firstname-info,
.gcp .add-emp-cards .open-info #oce-gcp-emp-middlename-info,
.gcp .add-emp-cards .open-info #oce-gcp-emp-lastname-info {
  white-space: normal;
  top: -60px;
}
.res_Small .gcp .add-emp-cards .open-info #oce-gcp-emp-firstname-info,
.res_Small .gcp .add-emp-cards .open-info #oce-gcp-emp-lastname-info {
  white-space: normal;
  top: -65px;
}
.res_Medium .gcp .add-emp-cards .open-info #oce-gcp-emp-firstname-info,
.res_Medium .gcp .add-emp-cards .open-info #oce-gcp-emp-lastname-info {
  white-space: normal;
  top: -63px;
}
.res_Small .gcp .add-emp-cards .open-info #oce-gcp-emp-middlename-info {
  white-space: normal;
  top: -50px;
}
.res_Medium .gcp .add-emp-cards .open-info #oce-gcp-emp-middlename-info {
  white-space: normal;
  top: -63px;
}
.gcp .add-emp-cards .open-info #oce-gcp-emp-nameoncard-info,
.gcp .add-emp-cards .open-info #oce-gcp-emp-email-info {
  white-space: normal;
  top: -68px;
}
.res_Small .gcp .add-emp-cards .open-info #oce-gcp-emp-nameoncard-info,
.res_Small .gcp .add-emp-cards .open-info #oce-gcp-emp-email-info {
  white-space: normal;
  top: -72px;
}
.res_Medium .gcp .add-emp-cards .open-info #oce-gcp-emp-nameoncard-info,
.res_Medium .gcp .add-emp-cards .open-info #oce-gcp-emp-email-info {
  white-space: normal;
  top: -70px;
}

.gcp .add-emp-cards #oce-gcp-emp-firstname-info,
.gcp .add-emp-cards #oce-gcp-emp-middlename-info,
.gcp .add-emp-cards #oce-gcp-emp-lastname-info,
.gcp .add-emp-cards #oce-gcp-emp-nameoncard-info,
.gcp .add-emp-cards #oce-gcp-emp-email-info {
  white-space: normal;
  top: -50px;
}
.gcp .add-emp-cards #oce-gcp-emp-nameoncard-info {
  top: -55px;
}
.gcp .add-emp-cards #oce-gcp-emp-email-info {
  top: -55px;
}

.gcp .add-emp-cards #oce-gcp-emp-firstname-info .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-middlename-info .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-lastname-info .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-nameoncard-info .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-email-info .arrow-left-info {
  border-right: 10px solid transparent;
  border-top: 10px solid #ededed;
  border-left: 10px solid transparent;
  left: 125px;
  top: 63px;
}
.gcp .add-emp-cards #oce-gcp-emp-middlename-info .arrow-left-info {
  left: 45px;
}
.gcp .add-emp-cards input {
  text-align: left;
}
.gcp .add-emp-cards .emp-card-cnt-section {
  margin: 1.2em 0px 0.6em;
}
.gcp .add-emp-cards .edit-emp-cards .showNameDetails input {
  width: 80%;
  margin-right: 2%;
}
/* .gcp .add-emp-cards .edit-emp-cards .showDetails input {
  width: 18%;
  margin-right: 2%;
} */

.gcp .add-emp-cards .edit-emp-cards .buttons-section {
  padding: 0;
  background-color: inherit;
  border-top: none;
  text-align: center;
}
.gcp .add-emp-cards .edit-emp-cards .buttons-section button {
  width: 100px;
  height: 50px;
}
.gcp .add-emp-cards .select-dropdown {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #bcbcbc;
  font-size: 1em;
  margin: 0 auto 20px;
}

.nameItem.ng-hide-remove {
  transition: all linear 0.0001s;
}
.show-emp-card input.ng-hide-add {
  transition: all linear 0.0001s;
}
.gcp .add-emp-cards .multicolor-suppfee {
  float: none;
  width: auto;
  white-space: normal;
  line-height: 1.4em;
}
.gcp .show-emp-card .cardTypeDisp {
  width: auto;
  word-break: break-word;
}

.gcp .show-emp-card .showDetails input.email {
  width: 96%;
  margin-bottom: 5%;
}
.gcp .show-emp-card .showDetails div.multicolorsupp {
  display: inline-block;
  width: 96%;
}
.gcp .show-emp-card .showDetails div.multicolorsupp .select-dropdown {
  background: #fff;
}
.gcp .add-emp-cards #oce-gcp-emp-firstname-error,
.gcp .add-emp-cards #oce-gcp-emp-lastname-error,
.gcp .add-emp-cards #oce-gcp-emp-nameoncard-error,
.gcp .add-emp-cards #oce-gcp-emp-email-error {
  white-space: normal;
  top: -70px;
  min-height: 65px;
}
.gcp .add-emp-cards .open-info #oce-gcp-emp-firstname-error,
.gcp .add-emp-cards .open-info #oce-gcp-emp-lastname-error,
.gcp .add-emp-cards .open-info #oce-gcp-emp-nameoncard-error,
.gcp .add-emp-cards .open-info #oce-gcp-emp-email-error {
  white-space: normal;
  top: -60px;
  min-height: 41px;
}
.supp-info-error {
  white-space: normal;
  top: -55px !important;
  min-height: 42px !important;
}
#oce-open-emp-firstname-error {
  white-space: normal;
  top: -70px;
  min-height: 65px;
}
.gcp .add-emp-cards #oce-gcp-emp-nameoncard-error {
  top: -75px;
}
.gcp .add-emp-cards #oce-gcp-emp-middlename-error {
  white-space: normal;
  top: -70px;
}
.gcp .add-emp-cards #oce-gcp-emp-email-error {
  top: -32px;
  min-height: 22px;
  left: 0px;
}
.gcp .add-emp-cards #oce-gcp-emp-firstname-error .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-middlename-error .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-lastname-error .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-nameoncard-error .arrow-left-info,
.gcp .add-emp-cards #oce-gcp-emp-email-error .arrow-left-info {
  border-right: 10px solid transparent;
  border-top: 10px solid #ededed;
  border-left: 10px solid transparent;
  left: 125px;
  top: 85px;
}
.gcp .add-emp-cards #oce-gcp-emp-email-error .arrow-left-info {
  top: 43px;
}
.gcp .add-emp-cards #oce-gcp-emp-nameoncard-error .arrow-left-info {
  top: 85px;
}
.gcp .add-emp-cards #oce-gcp-emp-middlename-error .arrow-left-info {
  left: 65px;
  top: 85px;
}
.gcp .add_emp_card_error_msgs {
  border: 1px solid #b42c01;
  padding: 10px 30px 10px;
  font-size: 13px;
  color: #b42c01;
}
.gcp .add_emp_card_error_msgs li {
  list-style-type: disc;
}

.gcp .edit_emp_card_error_msgs {
  border: 1px solid #b42c01;
  padding: 20px 30px 10px;
  font-size: 13px;
  color: #b42c01;
  margin-bottom: 20px;
}
.gcp .edit_emp_card_error_msgs li {
  list-style-type: disc;
  margin-bottom: 10px;
}

.gcp .emp-cards-tnc-layer {
  padding: 10px 30px 0px;
  text-align: left;
  line-height: 20px;
  color: #333;
}
.gcp .add-emp-cards .select-dropdown .select-dropdown-handle {
  top: 5px;
}

.gcp .add-emp-cards .gcp-emp-card-available-cnt {
  margin-left: 5px;
}
.res_Medium .gcp .oce-overlay .editForm {
  width: auto;
  padding: 0px 10% 25px;
}
.gcp sup,
.floated-inner-container sup,
.gcp-flex-layout sup {
  font-size: 12px;
}
.gcp-flex-layout .radio.oce-radio-grey.gcp-cp {
  margin-left: 0%;
}

.res_Small .oce-main-form-container.gcp-empcards h2 {
  font-size: 20px !important;
  margin-bottom: 20px;
  line-height: 30px;
}

.res_Small .gcp .gcp-emp-card-subtitle {
  /* text-align: left; */
  line-height: 24px;
  font-size: 14px;
  margin: 0 5% 3% 5%;
}

.res_Small .gcp .gcp-empcard-steps .gcp-emp-card-steps > div {
  clear: both;
  width: 90%;
}

.res_Small .gcp .gcp-empcard-steps .gcp-emp-card-steps .emp-card-icon {
  margin-bottom: 12%;
  float: left;
  width: 15%;
}

.res_Small .gcp .gcp-empcard-steps .gcp-emp-card-steps .emp-card-text {
  float: right;
  width: 85%;
  text-align: left;
  margin-top: 5px;
}

.res_Small .gcp-loc-sub-steps.empcardtext {
  text-align: left;
  width: auto;
  font-size: 14px;
}

.res_Small .dls-icon-rewards:before {
  font-size: 30px;
}

.res_Small .dls-icon-card-benefit:before {
  font-size: 30px;
}

.res_Small .dls-icon-alert:before {
  font-size: 30px;
}

.res_Small .gcp .add-emp-cards {
  padding: 0;
}

.res_Small .gcp .add-emp-cards .oce-offers-container .title {
  margin-top: 10%;
}

.res_Small .gcp .add-emp-cards .text_input.firstName {
  width: 88%;
  margin-left: 0;
  padding: 0 10px;
}
.res_Small .gcp .add-emp-cards .text_input.middleName {
  width: 88%;
  margin-left: 0;
  padding: 0 10px;
}
.res_Small .gcp .add-emp-cards .text_input.lastName {
  width: 88%;
  margin-left: 0;
  padding: 0 10px;
}
.res_Small .gcp .add-emp-cards .text_input.email,
.res_Small .gcp .add-emp-cards .text_input.nameoncard {
  width: 88%;
  margin-left: 0;
  padding: 0 10px;
}
.res_Small .gcp .add-emp-cards .oce-offers-container > div {
  padding: 0 2%;
}

.res_Small .gcp .add-emp-cards #oce-gcp-emp-firstname-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-middlename-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-lastname-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-nameoncard-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-email-info {
  top: -60px;
  left: 8px;
}
.res_Small .gcp .add-emp-cards #oce-gcp-emp-firstname-info .arrow-left-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-middlename-info .arrow-left-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-lastname-info .arrow-left-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-nameoncard-info .arrow-left-info,
.res_Small .gcp .add-emp-cards #oce-gcp-emp-email-info .arrow-left-info {
  top: 77px;
}
.res_Small .gcp .add-emp-cards .gcp-emp-card-available-cnt {
  margin-left: 5px;
  display: block;
  margin-top: 5px;
  padding-bottom: 20px;
}

.firstNameSection,
.middleNameSection,
.lastNameSection,
.nameOnCardSection {
  display: inline-block;
  width: 24%;
  vertical-align: top;
}

.emailSection {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}

.cardTypeSection {
  display: inline-block;
  width: 59%;
}
.emailEditSection {
  display: inline-block;
  width: 95%;
}

.cardTypeEditSection {
  display: inline-block;
  width: 100%;
}
.firstNameEditSection,
.middleNameEditSection,
.lastNameEditSection {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}

.nameOnCardEditSection {
  display: block;
  width: 95%;
  margin-top: 30px;
}
.gcp
  .add-emp-cards
  .edit-emp-cards
  .showNameDetails
  .nameOnCardEditSection
  input {
  width: 96%;
  margin-right: 2%;
}

.res_Small .firstNameSection,
.res_Small .middleNameSection {
  width: 49%;
  margin-bottom: 10%;
}

.res_Small .lastNameSection {
  width: 90%;
  margin-bottom: 10%;
}
.res_Small .nameOnCardSection {
  width: 90%;
}
.res_Small .emailSection {
  width: 90%;
  margin-bottom: 10%;
}

.res_Small .cardTypeSection {
  display: inline-block;
  width: 90%;
}

.res_Small .firstNameEditSection,
.res_Small .middleNameEditSection,
.res_Small .lastNameEditSection {
  display: block;
  width: 100%;
  margin-bottom: 10%;
}

.res_Small .gcp .add-emp-cards .edit-emp-cards .showNameDetails input {
  width: 92%;
}
.res_Medium .gcp .add-emp-cards {
  padding: 2% 4%;
}

.res_Medium .gcp .gcp-empcard-steps .gcp-emp-card-steps > div {
  width: 30%;
}
.gcpEnrollmentMsg {
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: -15px;
}

/*.res_Small .gcpEnrollmentMsg, res_Medium .gcpEnrollmentMsg {
    position: static;
}*/

.gcpEnrollmentMsg .failure,
.gcpEnrollmentMsg .skip {
  border-bottom: 1px solid #b42c01;
  border-top: 1px solid #b42c01;
  border-left: 1px solid #b42c01;
  border-right: 1px solid #b42c01;
  padding: 12px 50px;
  text-align: left;
  color: #b42c01;
  line-height: 20px;
  background-color: #fff;
  margin-bottom: 10px;
}

.gcpEnrollmentMsg .success,
.gcpEnrollmentMsg .pending {
  background: #008767;
  padding: 10px 50px;
  text-align: left;
  color: #fff;
  line-height: 20px;
}

.gcpEnrollmentMsg .skip a {
  color: #006FCF;
}

.gcpEnrollmentMsg .skip .icon:before,
.gcpEnrollmentMsg .failure .icon:before {
  font-family: "dls-icons";
  content: "\EADD";
  position: absolute;
  left: 20px;
  top: 13px;
  font-size: 2em;
  color: #b42c01;
}
.gcpEnrollmentMsg .success .icon:before,
.gcpEnrollmentMsg .pending .icon:before {
  font-family: "dls-icons";
  content: "\EAC2";
  position: absolute;
  left: 20px;
  top: 10px;
  font-size: 2em;
  color: #fff;
}

.add-sup-sub-terms-info {
  color: #333;
}
.emp-cards-tnc-layer a {
  color: #006FCF;
}
.emp-cards-tnc-layer p {
  margin-bottom: 10px;
}
.emp-cards-tnc-layer ul {
  list-style-type: disc;
  margin-left: 16px;
}

.gcp .emp-cards-d-tnc-layer {
  /*padding: 20px 20px;*/
  text-align: left;
  line-height: 20px;
  color: #121212;
  margin: 10px 30px;
}

#sup-card-design-selection-container {
  margin: 1em 0em 2em;
}

.gcp .terms-conditions {
  border: 1px solid #ccc;
  padding: 30px 0%;
  height: 160px;
  overflow: scroll;
  overflow-x: hidden;
}

.res_Small .gcp .terms-conditions {
  border: 1px solid #ccc;
  padding: 30px 0%;
  height: 160px;
  overflow: scroll;
  overflow-x: hidden;
}

.res_Small .gcp-loc-sub-steps.aec {
  margin-bottom: 20px;
  margin-top: 14px;
  text-align: left;
}

.res_Small .gcp .emp-cards-d-tnc-layer {
  padding: 0;
  text-align: justify;
}

.res_Small .gcp .emp-cards-tnc-layer {
  padding: 10px 30px 0px;
}

.res_Small .gcp .add_emp_card_error_msgs {
  padding: 10px 30px 10px !important;
}

.gcp .emp-cards-d-tnc-layer a {
  display: inline-block;
  margin-bottom: 10px;
}

.res_Small .gcp .emp-card-info-item {
  text-align: left;
  margin-left: 22%;
}
.gcp .emp-card-info-item {
  font-weight: 600;
}
.res_Small .alert-setting-email-info,
.res_Small .alert-setting-sms-info,
.res_Small .alert-setting-edit {
  font-size: 14px;
}
/*.res_Small .gcp-flex-layout .oce-content-container {
    width:100% !important;
}
.res_Small .tablet-100 {
    width: 100% !important;
    padding:5% 5%;
}*/
.gcp-flex-layout .dls-icon.dls-icon-large:before {
  top: 25px;
}
.gcp-flex-layout .dls-icon.dls-icon-large.dls-icon-payment-due:before,
.gcp-flex-layout .dls-icon.dls-icon-large.dls-icon-telephone:before {
  top: 5px;
}
.res_Small .gcp-flex-layout .dls-icon.dls-icon-large:before {
  top: 0;
}

.gcp-flex-layout h2.oce-offer-header.ebp {
  font-size: 2.5em;
}
.res_Medium .gcp-flex-layout h2.oce-offer-header.ebp {
  font-size: 33px;
}

.gcp-flex-layout h3.oce-offer-subheader.epo {
  font-size: 1.3em;
  color: #333;
  font-weight: 400;
  line-height: 1.3em;
}
.gcp-flex-layout h3.oce-offer-subheader.eposh {
  padding-top: 0px;
}

.floated-inner-container table.loc_tncTable {
  border: 1px solid #000;
  border-spacing: 2px;
  width: 100%;
  border-collapse: initial;
}
.floated-inner-container table.loc_tncTable .bgcolorBlack {
  background-color: #000;
}
.floated-inner-container table.loc_tncTable td {
  padding: 5px;
}
.floated-inner-container table.loc_tncTable .fontColorWhite {
  color: #fff;
}
.floated-inner-container table.loc_tncTable td.loc_tdFirst {
  border: 1px solid #000;
  vertical-align: top;
  width: 20%;
}
.floated-inner-container table.loc_tncTable td.loc_tdSecond {
  border: 1px solid #000;
  vertical-align: top;
  width: 80%;
  font-size: 12px;
}
.floated-inner-container .loc_tncTable strong,
.oce-locbuttonwrap span.AP_Bold {
  font-weight: bold;
  font-size: 12px;
}
.blockquote.loc-terms {
  height: 200px;
}

.blockquote.loc-terms .floated-inner-container p {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}

.res_Small .oce-offer-header.ng-binding.ebo {
  margin: 0;
}
.gcp-flex-layout .gcp-choose-cat .icon.cp1ximg {
  margin-top: 5px;
}

.res_Small .gcp-flex-layout .gcp-choose-cat .icon.cp1ximg {
  width: 16%;
}
.gcp-flex-layout .gcp-choose-cat .icon.cp1ximg img {
  width: 25%;
}
.res_Small .gcp-flex-layout .gcp-choose-cat .icon.cp1ximg img {
  width: 100%;
}

.text_input.text_input_dob #oce-answer-info,
.text_input.text_input_dob #oce-answer-error {
  top: -5px;
  left: 79%;
}

.res_Medium .text_input.text_input_dob #oce-answer-info,
.res_Medium .text_input.text_input_dob #oce-answer-error {
  top: -59px;
  left: 25%;
  height: 33px;
}

.oce-accessCode input {
  width: 100%;
}

account-options-creditor-tnc .checkbox input {
  min-height: auto;
  outline: none;
}
.res_Small .oce-overlay .otp-access-code .oce-register-error {
  padding: 2% 10% 2% 18%;
}

.res_Small .oce-overlay.oce-alert-overlay .oce-register-error {
  padding: 2% 4% 2% 18%;
}
.res_Small .text_input.verify-input label {
  margin-left: 0;
  text-align: center;
}
.res_Medium .text_input.verify-input label {
  margin-left: 30%;
}

.supp-kyc-form #oce-answer-info {
  top: 0px;
  left: 104%;
}
.res_Small .supp-kyc-form .kycdob #oce-answer-info {
  height: auto !important;
  top: -50px !important;
}
.res_Small .kycssn #oce-answer-error {
  top: -61px;
  height: auto;
}
.res_Small .kycdob #oce-answer-error {
  top: -39px;
  height: auto;
}

.res_Large .supp-kyc-form #oce-answer-error {
  left: 103%;
}

.oce-main-container-fr_FR .oce-main-form-wrapper .select-dropdown label {
  font-size: 0.75em;
}

.oce-main-container-es_ES .oce-main-form-wrapper .select-dropdown label {
  font-size: 0.75em;
}

.oce-main-container-sv_SE .oce-main-form-wrapper .select-dropdown label {
  font-size: 0.75em;
}
.oce-main-container-nl_NL .oce-main-form-wrapper .select-dropdown label {
  font-size: 0.75em;
}

.res_Large .text_input.text_input_dob label.dob-label {
  padding-left: 26%;
}

.res_Medium .text_input.text_input_dob label.dob-label {
  padding-left: 115px;
}

.res_Small .text_input.text_input_dob label.dob-label {
  padding-left: 15px;
}

.res_Large
  .oce-main-container-it_IT
  .text_input.text_input_dob
  label.dob-label {
  padding-left: 105px !important;
}

.res_Large
  .oce-main-container-en_TH
  .text_input.text_input_dob
  label.dob-label {
  padding-left: 90px !important;
}

.res_Large
  .oce-main-container-th_TH
  .text_input.text_input_dob
  label.dob-label {
  padding-left: 90px !important;
}

.oce-main-container-sv_SE .text_input.verify-input label,
.oce-main-container-fr_FR .text_input.verify-input label,
.oce-main-container-fi_FI .text_input.verify-input label,
.oce-main-container-es_ES .text_input.verify-input label,
.oce-main-container-de_AT .text_input.verify-input label,
.oce-main-container-en_HK .text_input.verify-input label,
.oce-main-container-ch_HK .text_input.verify-input label,
.oce-main-container-nl_NL .text_input.verify-input label,
.oce-main-container-it_IT .text_input.verify-input label,
.oce-main-container-en_TH .text_input.verify-input label,
.oce-main-container-th_TH .text_input.verify-input label,
.oce-main-container-en_SG .text_input.verify-input label {
  margin: 0 auto 10px;
  text-align: left;
  width: 246px;
}

.oce-main-container-es_ES .arrow-left-info,
.oce-main-container-fr_FR .arrow-left-info,
.oce-main-container-sv_SE .arrow-left-info {
  left: -23px;
  position: absolute;
  width: 10px;
  display: block;
  height: 0;
  margin-top: -20px;
  vertical-align: middle;
  top: 33px;
}

.oce-main-container-es_ES
  .oce-main-form-security-container
  #oce-answer-error
  li,
.oce-main-container-fr_FR
  .oce-main-form-security-container
  #oce-answer-error
  li,
.oce-main-container-sv_SE
  .oce-main-form-security-container
  #oce-answer-error
  li {
  min-height: 46px;
}

/* .oce-main-container-sv_SE .text_input.text_input_dob #oce-answer-info,
.oce-main-container-fr_FR .text_input.text_input_dob #oce-answer-info, */
.oce-main-container-es_ES
  .oce-thankyou-offer-block
  p
  .text_input.text_input_dob
  #oce-answer-info {
  top: 14px;
  left: 82%;
}

.oce-main-container-sv_SE .oce-thankyou-offer-block p {
  font-size: 0.812em;
  margin-bottom: -1%;
  line-height: 18px;
}

.oce-main-container-fr_FR .oce-thankyou-offer-block h4.oce-thank-offer-heading {
  font-size: 0.85em !important;
  font-weight: 600;
  line-height: 1em !important;
}

.test-ol {
  list-style: outside none outside;
  padding-left: 16px;
}

.test-ol li {
  list-style: outside none outside;
}

.test-ol li > div {
  font-weight: bold;
  text-decoration: underline;
}

.oce-link-block {
  position: relative;
  z-index: 2;
  font-size: 1.1em;
}
gcp-enrollment-status.alerts .gcpEnrollmentMsg .failure,
gcp-enrollment-status.alerts .gcpEnrollmentMsg .skip {
  margin-bottom: 25px;
}

.cardTypeSection span.empTitle {
  margin-bottom: 2% !important;
}
.res_Small.res_300 .gcp .emp-card-info-item {
  text-align: left;
  margin-left: 20%;
}
.res_Small.res_450 .gcp-loc-sub-steps.aec {
  width: 280px;
}
.res_Small.res_350 .gcp-loc-sub-steps.aec {
  width: 235px;
}
.res_Small.res_600 .gcp-loc-sub-steps.aec {
  width: 380px;
}
.res_Small.res_650 .gcp-loc-sub-steps.aec {
  width: 380px;
}
.dls-icon-card-swipe:before {
  content: "\EA35";
  font-size: 50px;
  color: #006FCF;
}

.oce-link-block {
  position: relative;
  z-index: 2;
}

.res_Small.res_300 .gcp-loc-sub-steps.aec {
  width: 200px;
}
.res_Small.res_550 .gcp .emp-card-info-item {
  margin-left: 16%;
}
.res_Small.res_550 .gcp-loc-sub-steps.aecm {
  width: 370px;
}
.res_Small.res_400 .gcp-loc-sub-steps.aec {
  width: 270px;
}

/* START: Styles for Offline Flow */

.res_Large .oce-pcnverify-header {
  text-align: center;
}

.oce-pcn-form-wrapper {
  text-align: center;
  margin: 0% 26%;
  width: 50%;
  float: left;
}
.oce-pcn-form-wrapper .text_input input[type="text"]:disabled {
  background-color: #ccc;
}

.oce-pcn-form-wrapper button:disabled {
  background-color: #ccc;
}

.oce-pcn-form-wrapper .text_input input[type="tel"] {
  background: #fff;
  border: 2px solid #bcbcbc;
  border-radius: 6px;
  color: #333;
  height: 32px;
  margin-bottom: 11px;
  text-align: center;
  width: 90%;
}

.oce-pcn-form-wrapper .oce-pcnform-info {
  right: -330px;
  top: 20px;
  left: auto;
}

.oce-pcn-form-wrapper .oce-register-error {
  border-radius: 10px;
  color: #b42c01;
  font-size: 0.9375rem;
  margin: -11% 0 0 -35%;
  width: 180%;
}

.oce-pcn-form-wrapper .oce-register-error ul li {
  line-height: 19px;
  position: relative;
  text-align: left;
}

/** pzn account option styles */
.oce-main-container-en_US .oce-tooltip-alert .oce-tooltip-alert-infoWrapper {
  font-size: 0.8em;
}

.res_Small .oce-pcn-form-wrapper .oce-pcnform-info {
  top: -45px;
}

.res_Small .oce-suggest-info.oce-pcnform-info {
  left: -68px;
}

.res_Medium .oce-pcn-form-wrapper .oce-pcnform-info {
  top: -42px;
  left: -30px;
  right: 0;
}

.res_Small .oce-pcn-form-wrapper .oce-register-error {
  margin: 5px;
  width: 100%;
}

.res_Medium .oce-pcn-form-wrapper .oce-register-error {
  margin: 5px;
  width: 100%;
}

.res_Small .oce-pcn-form-wrapper .oce-pcnform-info {
  left: -57px;
  top: -34px;
}

.res_Medium .oce-pcn-form-wrapper .oce-pcnform-info {
  left: -30px;
  top: -34px;
}

/** Merchant Offer **/
.merchantoffer-layer {
  text-align: left;
}
.merchantoffer-terms-layer {
  height: 280px !important;
}
.merchantoffer-layer .section {
  margin: 2% 10% 2% 10%;
  font-size: 0.85em;
  line-height: 1.5em;
}
.merchantoffer-layer .section-logo {
  width: 20px;
}
.merchantoffer-layer .section-desc {
  margin-left: 6%;
}
.merchantoffer-layer .terms {
  padding-left: 4.5%;
}
.merchantoffer-layer .terms a {
  text-decoration: underline;
}

.merchantoffer-layer h3 {
  text-align: center;
}

.merchantoffer-layer h4 {
  font-weight: bold;
}

.merchantoffer-layer .explore-dls-icon:before {
  font-family: "dls-icons";
  content: "\EAB8";
  font-size: 20px;
  color: #006FCF;
  position: absolute;
  left: 28px;
}

.merchantoffer-layer .offers-mobile-dls-icon:before {
  font-family: "dls-icons";
  content: "\EA8A";
  font-size: 20px;
  color: #006FCF;
  position: absolute;
  left: 28px;
}

.merchantoffer-layer .enjoy-dls-icon:before {
  font-family: "dls-icons";
  content: "\EAC2";
  font-size: 20px;
  color: #006FCF;
  position: absolute;
  left: 28px;
}

.offer-scrollable-wrapper {
  overflow-y: scroll;
  height: 400px;
  padding-bottom: 10px;
}

.merchantoffer-layer .offer_desc_align {
  text-align: left;
  font-weight: bold;
}

.merchantoffer .offer_header {
  /* padding: 0px; */
  margin-top: 10% !important;
  margin-bottom: 4px !important;
}

.merchantoffer .offer_desc {
  font-size: 0.8em;
  margin-bottom: 4px;
  line-height: 16px;
  padding: 0px 3px 0px 3px;
}
.merchantoffer .offer_link {
  font-size: 0.75em;
}

.merchantoffer .logimg {
  width: 100%;
  height: 100%;
  max-width: 150px;
  max-height: 65px;
}

.oce-main-activate-block ul li .oce-offer-block {
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.merchant-offer-body {
  /*padding: 0 20px; */
}
.merchant-offer-body p {
  padding: 0px;
  margin-bottom: 4%;
  /* line-height: 14px; */
}

.merchant-offer-body h3 {
  margin: 3px 0px 5px 0px;
  font-weight: bold;
}

.merchant-offer-body a:link,
a:visited {
  color: #006FCF;
  text-decoration: underline;
}

.success-link {
  color: #fff !important;
  text-decoration: underline !important;
}
.success-link:hover {
  color: #fff;
  text-decoration: none;
}

.viewOfferCTA {
  position: absolute;
  bottom: 30px;
  width: 100%;
  padding: 0px !important;
}

.merchantoffer .oce-offer-button {
  width: 100%;
  margin-left: 0px;
  text-align: center;
  bottom: 20px;
  /*padding-left:10px;*/
}

.merchantoffer .oce-offer-block {
  padding: 20px;
}

.merchantoffer-footer {
  bottom: 30px !important;
}

/* flip back styles changes */
.flipMerchantOfferBlk .oce-offer-block-flip.oce-offer-front-block,
.flipOfferBlk .oce-offer-block-flip.oce-offer-front-block {
  -ms-transform: perspective(1000px) rotateY(180deg);
  -webkit-transform: perspective(1000px) rotateY(180deg);
  -moz-transform: perspective(1000px) rotateY(180deg);
  transform: perspective(1000px) rotateY(180deg);
}

.oce-moffer-buttonwrap {
  padding-top: 20px !important;
}

.oce-moffer-tile-wrap {
  padding: 20px !important;
}

.merchantoffer-img {
  max-width: 95px;
  max-height: 50px;
}

.oce-main-container-en_US .merchant-offer-body p  {
  line-height: 1.4em;
}

.oce-main-container-en_US .merchant-offer-body h3  {
  margin: 3px 0 15px;
}

.oce-main-container-en_US .merchantoffer .oce-offer-button {
  padding-left: 0px;
}
.oce-main-container-en_US .merchantoffer .offer_header  {
  margin-bottom: 6%;
}

.oce-main-container-en_US .merchant-offer-body h3 {
  margin: 11px 0px 15px 0px;
  font-weight: bold;
}

.res_Large.res_1000 .merchantoffer .oce-offer-block {
  padding: 0px 5%;
  /* width: 225px; */
}

/*.oce-main-container-fr_FR .merchant-offer-body p {
	line-height: 14px;
}*/

.merchantoffer .oce-offer-block,
.res_Large.res_1000 .merchantoffer .oce-offer-block {
  width: 264px;
  padding: 0px !important;
}

.merchantoffer {
  padding-top: 0px;
  height: 295px;
  padding-bottom: 0px;
}

.oce-main-container-fr_FR
  .oce-thankyou-offer-block
  h4.oce-thank-offer-heading.offer_header {
  font-size: 1.2em !important;
}

.merchantoffer-layer .section ul  {
  list-style: inherit;
}
/* End of merchant styles */

/*  Changes for Add A supp verbiage changes  start */
.addsupp_sub_hdr_addl_content {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 10px;
}

.oce-addl-supp-card-info {
  width: 350px !important;
}

/* dark blue mobile phone dls icon */
.oce-tp-icon.oce-downloadapp-intl-mobile-img {
  margin: -5px 0px 10px;
  display: block;
}
.oce-tp-icon.oce-downloadapp-intl-mobile-img:before {
  font-family: "dls-icons";
  content: "\EA82";
  font-size: 50px;
  color: #002561;
}

/* handles vertical alignment of qr code when single vs double line header */
.oce-thankyou-offer-block a.qrCode img.single-line-header {
  margin-top: 8px;
}

.res_Small .oce-thankyou-offer-block a.qrCode img.single-line-header {
  margin-top: 0px;
}

.oce-thankyou-offer-block .disclaimer-text {
  font-size: 11px;
  position: absolute;
  bottom: 4px;
  width: inherit;
  line-height: 15px;
}

.oce-main-container-ja_JP .oce-offer-desc-text.narrow-subheader {
  font-weight: 400;
  font-size: 11.5px;
  margin-top: -10px;
}

.oce-main-container-en_GB .oce-thankyou-offer-block p.smsDownload {
  margin-top: 25px;
}

.oce-main-container-en_GB .oce-thankyou-offer-block .disclaimer-text {
  margin-bottom: 25px;
}

/*  Changes for Add A supp verbiage changes  start */
.oce-tp-icon.oce-downloadapp-mobile-img {
  margin-bottom: 10px;
  display: block;
}
.oce-tp-icon.oce-downloadapp-mobile-img:before {
  font-family: "dls-icons";
  content: "\EA82";
  font-size: 50px;
  color: #006FCF;
}
.oce-thankyou-offer-block .oce-offer-desc-text.subheaderVer1 {
  position: absolute;
  bottom: 10px;
  left: 0px;
  font-weight: normal;
  font-size: 10px;
}
.oce-thankyou-offer-block .oce-offer-desc-text.subheaderVer2 {
  font-weight: normal;
  font-size: 11px;
}
.res_Small .oce-thankyou-offer-block .oce-offer-desc-text.subheaderVer2 {
  font-weight: normal;
  font-size: 10px;
}
oce-offer-us[eligibility="appDownloadVer2"] .oce-thankyou-offer-block p.desc1 {
  font-size: 0.7em;
  line-height: 14px;
  margin-bottom: 20%;
}

oce-offer-us[eligibility="appDownloadVer2"]
  .oce-thankyou-offer-block
  h4.oce-thank-offer-heading {
  font-size: 0.87em !important;
  margin-bottom: 1%;
}

.res_Samll
  oce-offer-us[eligibility="appDownloadVer2"]
  .oce-thankyou-offer-block
  h4.oce-thank-offer-heading {
  font-size: 0.87em !important;
  margin-bottom: 1%;
}

.oce-main-activate-block.test.oneTile {
  width: 281px !important;
}

/* plastic less */
.plasticlessCard {
  display: block;
  font-size: 14px;
  margin-top: 20px;
}

.plasticless .text_input.zipcode {
  text-align: left;
  margin-bottom: 30px;
}
.plasticless .text_input.plasticless-15-digit {
  text-align: left;
  margin-bottom: 30px;
}

.plasticless .text_input.zipcode input {
  width: 30%;
  min-height: 2em;
}
.plasticless .text_input.plasticless-15-digit input {
  width: 25%;
  min-height: 2em;
}

#oce-zipcode-info {
  top: 15px;
  right: -60px;
}

.res_Small #oce-zipcode-info {
  top: -50px;
  right: 0 !important;
  width: 280px;
}

.res_Small #oce-zipcode-info .arrow-left-info {
  left: 30%;
}
.res_Small .text_input.plasticless-15-digit input {
  min-height: 2em !important;
}

.res_Small .plasticless .text_input.zipcode #oce-digit-error {
  top: -55px;
  right: 0;
}

.res_Small .plasticless .text_input.zipcode #oce-digit-error .arrow-left-info {
  left: 26%;
}

.plasticless .text_input.zipcode #oce-digit-error {
  right: -60px;
  top: 15px;
}
.addabankheader {
  margin-top: 10px;
}

.gopaperlessTNC2 ul li {
  list-style-type: disc;
}

.suppFeeMsg {
  font-size: 12px;
}

/* Belgium country code dcp capture */
.market_phone_capture {
  margin-bottom: 12px;
}

#dcp-update-BE-country-picker-container {
  display: flex;
  margin-left: 19px;
}

#dcp-update-BE-country-picker-container .left {
  padding-top: 0%;
}

.market_phone_capture .header {
  margin-bottom: 20px;
  text-align: left;
}

.market_phone_capture .left {
  float: left;
}
.market_phone_capture .right {
  float: right;
  margin-bottom: 20px;
  margin-right: 25%;
}

.market_phone_capture .custom_style.belgium {
  margin-left: -24%;
  margin-top: 5px;
}
.market_phone_capture .custom_style.luxemberg {
  margin-top: 5px;
}
.market_phone_capture .custom_style + .label_luxemberg {
  padding-left: 25px;
}

.market_phone_capture .custom_style + .label_belgium {
  padding-left: 10px;
}

.au-supp-registration-message {
  margin-top: 10px;
  font-size: 12px;
}

.additionaCardSuppFee {
  font-size: 12px;
}

.alertSuccessSecondaryMsg {
  margin-top: 40%;
}
.alertSuccessSecondaryMsg.open {
  margin-top: 10%;
  font-size: 0.813em;
  line-height: 20px;
  font-weight: 349;
}

.oce-offer-block-footer.open {
  bottom: 35%;
  line-height: 20px;
  font-size: 0.938em;
  font-weight: 349;
}

.oce-offer-block.open h4 {
  line-height: 20px;
}

/** LOC Open layer and tile styles */

.LOCLayer.open .headerDesc {
  border-bottom: 1px solid #ccc;
  font-size: 24px;
  text-align: center;
  margin: 20px 32px;
  padding-bottom: 10px;
}

.LOCLayer.open .benefitsHeader {
  text-align: center;
  font-size: 15px;
  margin-bottom: 22px;
}

.LOCLayer.open .benefit1 {
  margin-left: 32px;
  margin-bottom: 10px;
  font-weight: 500;
}

.LOCLayer.open .benefit1Desc {
  margin-left: 32px;
  margin-bottom: 20px;
  font-size: 15px;
}

.LOCLayer.open .benefit2 {
  margin-left: 32px;
  margin-bottom: 10px;
  font-weight: 500;
}

.LOCLayer.open .benefit2Desc {
  margin-left: 32px;
  margin-bottom: 10px;
}

.LOCLayer.open .locOpenTerms {
  margin-left: 30px;
  margin-right: 30px;
  height: 142px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 20px;
}

.LOCLayer.open .legalCopy {
  font-size: 15px;
  margin: 20px 32px;
  line-height: 18px;
}

.res_Small #oce-content-container {
  width: 100%;
}

.res_Small .oce-overlay.LOCLayer.open {
  height: auto;
}
.res_Small .benefit1Desc.ng-binding {
  margin: 20px;
}

.res_Small .LOCLayer.open .benefit1 {
  margin-left: 20px;
}

.res_Small .LOCLayer.open .benefit2 {
  margin-left: 20px;
}

/** spend inspiration styles */
.spendinspiration {
  margin-bottom: 5%;
}
.spendinspiration ul li {
  display: inline-block;
  width: 20%;
  padding: 2%;
}

.spendinspiration ul li span:before {
  font-size: 50px;
}

.si.blockquote p {
  margin-bottom: 10px;
  text-align: center;
}

/** expanded buying power styles */

.ebpContent .header {
  height: 56px;
  width: 100%;
  color: #53565a;
  font-family: BentonSans;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin-top: 2.3%;
  margin-bottom: 2.75%;
}

.ebpContent .subHeader {
  height: 18px;
  color: #4a4a4a;
  font-family: "Helvetica Neue";
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 10px;
}

.ebplayer {
  padding: 5%;
}

.ebplayer .dls-icon-success:before {
  position: static;
  content: "\EAC2";
}

.ebplayer li.item {
  margin-right: 20px;
  display: inline-block;
  width: 30%;
  vertical-align: top;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
}

.ebpContent .line {
  box-sizing: border-box;
  height: 2px;
  border: 1px solid #eeeeee;
  margin: 2% 11%;
}

.ebpContent .howItWorks {
  text-align: center;
}

.res_Small .ebpContent {
  padding: 2% 4.5%;
}

.res_Small .ebpContent .subHeader {
  height: auto;
  padding: 0 11%;
  font-size: 14px;
}

.res_Small .ebpContent .howItWorks {
  text-align: center;
  font-size: 14px;
}

.res_Small .ebpContent .header {
  font-size: 18px;
  line-height: 24px;
  width: 100%;
}
.res_Small .ebplayer .dls-icon-success:before {
  position: absolute;
  font-size: 30px;
  top: 6px;
  left: -35px;
  content: "\EAC2";
}
.res_Small .ebplayer li.item {
  margin-right: 0;
  display: block;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  padding-bottom: 16px;
}
.res_Small .ebplayer ul {
  padding-left: 5.5%;
}

/* .ebpGraph {
  background: url(document.getElementsByName("content_baseurl")[0].value + "/content/images/common/Buying-Power-Mobile.png")
    no-repeat;
  display: block;
  height: 483px;
  width: 634px;
  margin: 0 auto;
  margin-top: 3%;
} */

.ebpGraphSection {
  width: 400px;
  height: 300px;
  margin: 0 auto;
  margin-top: 20px;
}

.res_Small .ebpGraphSection {
  width: 315px;
  height: 243px;
}

/* resize images */
.ebpGraphSection img {
  width: 100%;
  height: auto;
}

.oce-overlay .account-alert-layer.ebpLayerTc {
  background: #efefef;
  height: 100px !important;
  line-height: 22px;
  padding: 20px 10px;
  border: 1px solid #ccc;
}
.subheaher_npsl {
  height: 35px;
  width: 100%;
  color: #4a4a4a;
  font-family: BentonSans;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin-top: 19px;
  margin-bottom: 10px;
}
.subheaher2_npsl {
  color: #53565a;
  font-size: 15px;
  line-height: 18px;
}

.step_npsl {
  height: 18px;
  color: #53565a;
  font-family: "Helvetica Neue";
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}

.npsllayer li.item {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  margin-top: 20px;
  margin-bottom: 15px;
  padding-top: 10px;
}

.res_Small .oce-overlay.oce-alert-overlay.width_npsl {
  min-height: fit-content !important;
}
.res_Small .subheaher_npsl {
  margin-bottom: 35px !important;
}
.res_Small .npsllayer li.item {
  width: 44% !important;
}

.res_Small .subheaher2_npsl {
  margin-bottom: 25px !important;
}
/* .npsl_header1 {
    margin-top: 51px;
} */
.paperlessOpen {
  max-width: 100%;
  overflow-x: hidden;
  margin: auto;
  margin-top: 30px;
  text-align: center;
}
.paperlessSubheader {
  height: 28px;
  width: 100%;
  color: #53565a;
  font-family: "Helvetica Neue";
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
/* .LOCLayer ul.LOCUlContent li .layerListOpen{
    display: inline-block;
    width:153px !important;
    text-align: left !important;
    height: 60px;
    width: 153px;
    color: #4A4A4A;
    font-family: "Helvetica Neue";
    font-size: 15px;
    line-height: 20px;
}

.LOCLayer ul.LOCUlContent li .layerListOpen1{
    display: inline-block;
    text-align: left !important;
    height: 60px;
    width: 153px;
    color: #4A4A4A;
    font-family: "Helvetica Neue";
    font-size: 15px;
    line-height: 20px;
}
.LOCLayer ul.LOCUlContent li.locListopen1{
	width:153px !important;
}
.LOCLayer ul.LOCUlContent li.locListOpen3 .layerList {
    width:153px !important;

} */

.LOCLayer ul.LOCUlContent li.locListopen1 {
  /* width: 153px;
    margin-top: -20px;
    margin-left: 55px; */
  margin-left: 0px;
}
.res_Medium .LOCLayer ul.LOCUlContent li.locListopen1 {
  /* width: 153px;
    margin-top: -20px;
    margin-left: 55px; */
  margin-left: 4px;
}
.res_Medium .res_800 .LOCLayer ul.LOCUlContent li.locListopen1 {
  /* width: 153px;
    margin-top: -20px;
    margin-left: 55px; */
  margin-left: 4px;
}
.open-content {
  height: 97px;
  width: 625px !important;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 20px;
}
.res_Small .open-content {
  height: 181px;
  border-top: 0px;
  border-bottom: 0px;
  padding: 0px;
}
.res_Medium .open-content {
  width: 605px !important;
}
.res_Medium .res_800 .open-content {
  width: 605px !important;
}
.LOCLayer ul.LOCUlContent li.locListopen2 {
  /* width: 153px;
    padding-left: 4%;
    margin-right: 4%;
    margin-top: -20px; */
  margin-left: 94px;
}
.res_Medium .LOCLayer ul.LOCUlContent li.locListopen2 {
  /* width: 153px;
    padding-left: 4%;
    margin-right: 4%;
    margin-top: -20px; */
  margin-left: 80px;
}
.res_Medium .res_800 .LOCLayer ul.LOCUlContent li.locListopen2 {
  /* width: 153px;
    padding-left: 4%;
    margin-right: 4%;
    margin-top: -20px; */
  margin-left: 80px;
}
.LOCLayer ul.LOCUlContent li.locListopen3 {
  /* width: 153px;
    margin-top: -20px; */
  margin-left: 72px;
}
.res_Medium .LOCLayer ul.LOCUlContent li.locListopen3 {
  /* width: 153px;
    margin-top: -20px; */
  margin-left: 62px;
}
.res_Medium .LOCLayer ul.LOCUlContent li.locListopen3 {
  /* width: 153px;
    margin-top: -20px; */
  margin-left: 62px;
}
.LOCLayer ul.LOCUlContent li .layerListOpen {
  display: inline-block;
  text-align: left !important;
  height: 60px;
  width: 153px;
  color: #4a4a4a !important;
  font-family: "Helvetica Neue";
  font-size: 15px;
  line-height: 20px;
}
.openRectangle {
  width: 100%;
  height: 133px;
  background-color: #ededed;
  text-align: center;
}
.openTNC {
  height: 100px;
  width: 89%;
  color: #4a4a4a;
  font-size: 13px;
  line-height: 20px;
  padding-top: 20px;
  padding-left: 43px;
  text-align: left;
}
.res_Small .openTNC {
  width: 88%;
  padding-left: 18px;
  text-align: center;
}
.openEnroll {
  height: 40px;
  width: 89%;
  color: #4a4a4a;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  padding-left: 43px;
}
.res_Small .openEnroll {
  padding-left: 30px;
  width: 91%;
  padding-bottom: 32px;
}
.openEmail {
  height: 40px;
  width: 90%;
  color: #4a4a4a;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  padding-left: 43px;
}

.addsub-open-subheader {
  height: 20px;
  width: 618px;
  color: #4a4a4a;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  padding-top: 20px;
}

.gcp .gcp-empcard-steps .gcp-emp-card-steps .new {
  width: 220px !important;
  padding-top: 20px;
}
.emp-card-info-text {
  height: 18px;
  width: 219px;
  color: #53565a;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.emp-card-info-subtext {
  height: 36px;
  width: 223px;
  color: #4a4a4a;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  padding-top: 10px;
  font-weight: 400;
}

.no-border {
  border-top: 0px !important;
}

.sub_header1 {
  height: 20px;
  width: 100%;
  color: #4a4a4a;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  margin-top: 35px;
}
.res_Small .sub_header1 {
  width: 85%;
  font-size: 14px;
  padding-left: 18px;
}
.res_Small .sub_header2 {
  width: 79%;
  font-size: 13px;
  margin-bottom: 50px;
  padding-left: 32px;
}
.res_Small .oce-main-form-wrapper .select-dropdown.addsupp.addsupOpen {
  max-width: 100% !important;
}
.res_Small .appsupp-font {
  font-size: 10px !important;
}

.sub_header2 {
  height: 20px;
  width: 60%;
  color: #4a4a4a;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  padding-left: 150px;
  /* display: inline-block; */
  margin-top: 20px;
}
.res_Small .sub_headerpaperless {
  height: 20px;
  width: 79%;
  color: #4a4a4a;
  font-size: 21px !important;
  line-height: 20px;
  text-align: center;
  /* display: inline-block; */
  margin-top: 20px;
}
.add-open-cards {
  padding: 0% 8% !important;
}
.open-container {
  min-height: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.open-dropdown {
  margin: 0px !important;
}
.legal_copy1 {
  height: 100px;
  width: 100%;
  color: #417505;
  font-size: 15px;
  line-height: 20px;
  padding-top: 10px !important;
  display: inline-block;
}
.res_Small .legal_copy1 {
  margin-left: 8px;
  margin-bottom: 8px;
}
.open-name-oncard {
  width: 45% !important;
  display: inline-block;
  margin-right: 45px;
}
.res_Small .open-name-oncard {
  width: 88% !important;
}
.res_Small .open-email {
  width: 88% !important;
}
.open-email {
  width: 45% !important;
  display: inline-block;
}
.open-button {
  border-color: white !important;
  height: 20px;
  width: 71px;
  color: #006fcf;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin-right: 20px !important;
}
.floated-inner-opencontainer {
  width: 45% !important;
}
.open-button-yes {
  height: 18px;
  width: 51px;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
.open-account-layer {
  border: 1px solid #efefef;
  padding: 13px 13px;
  width: 80% !important;
  overflow-y: scroll;
  margin: 10px auto auto !important;
  height: 123px !important;
  height: 682px;
  width: 584px;
  color: #555555;
  font-size: 13px;
  line-height: 22px;
}
.res_Small .open-account-layer {
  margin-bottom: 80px !important;
}
.oce-main-form-wrapper .select-dropdown.addsupp.addsupOpen {
  max-width: 67% !important;
  margin-right: 15px !important;
}
.res_Small .oce-overlay.open-addasup-mobile {
  height: auto;
}
.oce-overlay.open-addasup-mobile {
  height: auto;
  margin-bottom: 20px;
}
.res_Small .addsub-open-subheader.ng-binding {
  width: 326px;
  padding-left: 0px;
}
.res_Small .gcp .gcp-empcard-steps .gcp-emp-card-steps .new {
  width: 290px !important;
}
.res_Small .emp-card-info-text-small {
  text-align: left;
}
.res_Small .emp-card-info-subtext-small {
  text-align: left;
  width: 279px;
  margin-top: 1px;
  margin-left: 43px;
}
.gcp .add-emp-cards .multicolor-suppfee.open-suppfee {
  float: none;
}
.newfont {
  font-size: 15px !important;
}
.res_Small .newfont {
  font-size: 11px !important;
}
.res_Small .gcp .add-emp-cards .multicolor-suppfee {
  margin-top: 8px;
}
.res_Small button.secondary-button.gcp-back-btn.open-button.ng-binding {
  margin-bottom: -65px !important;
  padding-left: 13%;
  padding-top: 2%;
  padding-bottom: 2%;
  width: 60%;
}
.open-footer {
  bottom: 102px !important;
}
.res_Small .overlay-height {
  min-height: 860px;
}
.res_Small .LOCLayer .locline {
  display: none;
}
.res_Small .LOCLayer ul.LOCUlContent li.locListopen1 {
  margin-left: 31px;
  width: 95%;
  margin-bottom: 5px;
}
.res_Small .LOCLayer ul.LOCUlContent li .layerListOpen {
  display: block;
  width: 265px;
}
.res_Small .LOCLayer ul.LOCUlContent {
  margin: 25px auto auto;
  padding-top: 5px;
}
.res_Small .open-redisgn {
  /* padding-top: 20px; */
  position: relative;
}
.res_Small .open-redisgn-tick {
  position: absolute;
  left: -30px;
}
.res_Small .LOCLayer ul.LOCUlContent li.locListopen2 {
  padding-left: 0%;
  margin-left: 31px;
  width: 265px;
  margin-bottom: 0px;
}
.res_Small .LOCLayer ul.LOCUlContent li.locListopen3 {
  margin-left: -265px;
  margin-top: 59px;
}
.res_Small .openEmail {
  width: 88%;
  margin-bottom: 42px;
  padding-left: 27px;
}
.res_Small .openRectangle {
  height: 220px;
}
.res_Small .alert-height {
  height: 510px !important;
}
.subheaher3_npsl {
  height: 54px;
  width: 89%;
  color: #53565a;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
}
.res_Small .subheaher3_npsl {
  margin-bottom: 40px !important;
  padding-left: 18px;
  padding-bottom: 10px;
}
.openRectangleHeight {
  height: 150px;
}
.openTncWidth {
  width: 88%;
  padding-left: 45px;
  text-align: center;
}
.res_Small .openRectangleHeight {
  height: 210px;
}
.gcp .add-emp-cards .multicolor-suppfee.display_position {
  margin-top: 65px !important;
}
.res_Medium .gcp .add-emp-cards .multicolor-suppfee.display_position {
  margin-top: 13px !important;
}
.gcp .add-emp-cards .multicolor-suppfee.display_position1 {
  margin-top: 70px !important;
}
.res_Small .gcp .add-emp-cards .multicolor-suppfee.display_position {
  margin-top: 15px !important;
}
.res_Small .addsupp-multicolor-dropdown label {
  font-size: 10px;
}
.close-layer:before {
  font-family: "dls-icons";
  content: "\EA06";
  color: #fff;
  position: absolute;
  right: 14px;
  top: 14px;
  font-size: 24px;
  width: 44px;
  height: 44px;
  text-align: center;
  vertical-align: middle;
  line-height: 44px;
  cursor: pointer;
}

.close-layer:before {
  right: 12px;
  top: 8px;
  font-size: 24px;
}

.oce-alert-overlay
  .oce-updateform-form-wrapper
  .email-update-block
  .close-layer:before {
  font-size: 20px;
  color: rgb(51, 51, 51);
}

.res_Medium .close-layer:before {
  right: 16px;
  font-size: 24px;
}

.res_Medium
  .oce-alert-overlay
  .oce-updateform-form-wrapper
  .email-update-block
  .close-layer:before {
  font-size: 22px;
  color: rgb(51, 51, 51);
}

.res_Small .close-layer:before {
  right: 6px;
  font-size: 24px;
}

.res_Small
  .oce-alert-overlay
  .oce-updateform-form-wrapper
  .email-update-block
  .close-layer:before {
  font-size: 24px;
  color: rgb(51, 51, 51);
}

.oce-main-form-oneblk-container .oce-right-form-container.belgium {
  border-left: none;
  min-width: auto;
  padding-bottom: 0;
  padding-left: 0;
  max-width: 300px;
  width: 100%;
}
.oce-right-form-container.belgium {
  border-left: 1px solid #bcbcbc;
  padding-bottom: 30px;
  padding-left: 3.2%;
  max-width: 300px;
  width: 300px;
}

.res_Small .oce-right-form-container.belgium {
  padding-left: 0;
  border: none;
  padding-bottom: 0;
  min-width: 300px;
  display: block;
  margin: 20px auto;
  margin-top: 20px;
}

.oce-update-records-wrapper.dcp-update-page .oce-inline-block .text_input > label {
  font-size: .9em;
}
.oce-update-records-wrapper.dcp-update-page .oce-inline-block .oce-left-align-block label span {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.oce-update-records-wrapper .belgium input[type="tel"] {
  width: 63%;
}

.oce-update-records-wrapper .belgium input.countryCode {
  width: 20%;
}

.oce-update-records-wrapper .belgium div#oce-phone-info,
.oce-update-records-wrapper .belgium div#oce-confirmPhone-info {
  left: 308px;
}

.res_Small .oce-update-records-wrapper .belgium div#oce-phone-info,
.res_Small .oce-update-records-wrapper .belgium div#oce-confirmPhone-info {
  left: -15px;
}

.res_Medium .oce-update-records-wrapper .belgium div#oce-phone-info,
.res_Medium .oce-update-records-wrapper .belgium div#oce-confirmPhone-info {
  left: -35px;
}
.locRectangle {
  width: 100%;
  height: 315px;
  background-color: #ededed;
  margin-top: 35px;
}
.locTNC {
  height: 100px;
  width: 95%;
  color: #4a4a4a;
  font-size: 13px;
  line-height: 20px;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 0px;
  box-sizing: border-box;
}
.res_Small .loc-height {
  min-height: 700px;
}
.res_Small .locRectangle {
  height: 520px;
}
.res_Medium .locRectangle {
  height: 335px;
}
.loc-vertical-align {
  vertical-align: baseline;
}

.alert-settings .header {
  float: left;
  width: 48%;
  margin-bottom: 5%;
}

.alert-settings .header .info {
  font-weight: bold;
  font-size: 14px;
  display: block;
}

.alert-settings .header .info-val {
  font-size: 14px;
  margin-top: 2%;
  display: block;
  word-wrap: break-word;
  margin-right: 5%;
}

.res_Small .alert-settings .header {
  width: 100%;
}

.oce-ebpower-icon:before {
  font-family: "dls-icons";
  content: "\EA38";
  font-size: 50px;
  color: #002663;
}

.oce-locopen-icon:before {
  font-family: "dls-icons";
  content: "\EA22";
  font-size: 42px;
  color: #002663;
}

.oce-npsl-icon:before {
  font-family: "dls-icons";
  content: "\EA35";
  font-size: 42px;
  color: #002663;
}
npsl h4 {
  margin-top: 12px !important;
}
.openEmailWordWrap {
  word-wrap: break-word;
  width: 90% !important;
  padding-left: 43px;
}
.res_Small .openEmailWordWrap {
  width: 80% !important;
  padding-left: 40px;
}
.dls-icon-success-filled:before {
  font-family: "dls-icons";
  content: "\EAC2";
  font-size: 22px;
  position: absolute;
  left: 5%;
  top: 23%;
  color: #00175a;
}
.res_Small .dls-icon-success-filled:before {
  left: -6%;
  top: -8%;
  font-size: 28px;
}
.res_Medium .dls-icon-success-filled:before {
  left: 7%;
}
.res_Medium .res_800 .dls-icon-success-filled:before {
  left: 7%;
}
.dls-icon-success-filled2:before {
  font-family: "dls-icons";
  content: "\EAC2";
  font-size: 22px;
  position: absolute;
  left: 38%;
  top: 23%;
  color: #00175a;
}
.res_Small .dls-icon-success-filled2:before {
  left: -13%;
  top: -8%;
  font-size: 28px;
}
.res_Medium .dls-icon-success-filled2:before {
  left: 39%;
}
.res_Medium .res_800 .dls-icon-success-filled2:before {
  left: 39%;
}
.dls-icon-success-filled3:before {
  font-family: "dls-icons";
  content: "\EAC2";
  font-size: 22px;
  position: absolute;
  left: 68%;
  top: 23%;
  color: #00175a;
}
.res_Small .dls-icon-success-filled3:before {
  left: -13%;
  top: -8%;
  font-size: 28px;
}
.res_Medium .dls-icon-success-filled3:before {
  left: 68%;
}
.res_Medium .res_800 .dls-icon-success-filled3:before {
  left: 68%;
}
.bottom-border {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  text-align: center;
  margin: 0px 6%;
  padding: 10px 0;
}
.res_Small .paperless-border {
  border-top: 1px solid #eeeeee;
  margin-top: 14px;
  width: 315px;
  margin-left: 18px;
}
.oce-overlay.oce-alert-overlay.width_npsl {
  top: -50px;
}
.res_Small .oce-overlay.oce-alert-overlay.width_npsl {
  top: 0px;
}
.position-top {
  top: -60px;
}
.gcp.open .gcp-empcard-steps .gcp-emp-card-steps .emp-card-icon {
  margin-bottom: 2%;
}
.open_new_font {
  color: #53565a;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.width_middle_name {
  width: 98px;
}
.res_Small .gcp-emp-card-steps.open {
  width: 330px;
}
expo .open h4 {
  margin-top: 10px !important;
}
expandedbuyingpower .open h4 {
  margin-top: 10px !important;
}

/* fixes paperless success message */
paperless p.ussuccessmsg {
  margin-top: -5px;
  line-height: 12px;
}

paperless .open h4 {
  margin-top: 18px !important;
}
.supp-info-height {
  height: 41px;
}
/* .content-left {
    margin-left: 31px;
} */
.new-font-paperless-succes {
  text-align: center;
  font-size: 13px !important;
}
.subheaher3_npsl span {
  font-weight: 500;
}
.open-button-new {
  display: none;
}
.res_Small .open-button {
  display: none;
}
.res_Small .open-button-new {
  display: block;
  margin-top: -35px;
  padding-bottom: 22px;
  padding-top: 17px;
}
.open .dls-icon-rewards:before {
  color: #006fcf;
}

.open .dls-icon-card-benefit:before {
  color: #006fcf;
}

.open .dls-icon-alert:before {
  color: #006fcf;
}

.activationSuccessMsg {
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: -10px;
}

/* fix for btnSpriteStyles.css overriding early confirmation message */
.activationSuccessMsg .statusMsg span.icon {
  background: none;
  position: unset;
  width: 0;
  float: none;
  height: 0;
}

.activationSuccessMsg .statusMsg {
  background: #fff;
  padding: 20px 50px 20px 70px;
  text-align: left;
  line-height: 20px;
  border: 1px solid #008767;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 600;
  color: #008767;
  position: relative;
}
.activationSuccessMsg .statusMsg .icon:before {
  font-family: "dls-icons";
  content: "\EAC2";
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 2em;
  color: #008767;
}
.res_Small .activationSuccessMsg .statusMsg .icon:before {
  top: 22px;
  left: 18px;
}
.res_Small .activationSuccessMsg .statusMsg {
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 20px 15px 20px 55px;
}

.activationSuccessMsg.error .statusMsg {
  color: #b42c01;
  border: 1px solid #b42c01;
  margin-top: 20px;
}

.activationSuccessMsg.error .statusMsg .icon:before {
  content: "\EADE";
  color: #b42c01;
}

.res_Small .activationSuccessMsg.error .statusMsg {
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 20px 15px 20px 55px;
  margin-top: 20px;
}
.checkbox-position {
  margin-left: 21px !important;
}
.displayAgreeText {
  width: 64%;
  float: left;
  text-align: left;
}
.displayCancelText {
  float: left;
  margin-left: 50px;
  margin-right: 0px;
  margin-top: 15px;
}
.loc-button {
  margin-top: 8px !important;
}
.res_Small .displayAgreeText {
  width: 88% !important;
}
.res_Small .displayCancelText {
  margin-left: 94px;
}
.res_Small .displayButton {
  float: left;
}
.LOCTNCContentHeight {
  height: 440px !important;
}
.LOCPosition {
  margin-top: -100px !important;
}
.res_Small .LOCPosition {
  margin-top: 40px !important;
}
.LOCHighetenureHight {
  height: 275px !important;
}
.oce-offer-block p.marginLink {
  margin-bottom: 8px !important;
}

/** security layer changes **/
.oce-overlay.otp-verify-overlay .radio .custom_style {
  border: 1px solid #006fcf;
  width: 22px;
  height: 22px;
  top: 6px;
}

.oce-overlay.otp-verify-overlay .oce-radio-grey .custom_style .custom_selected {
  border-radius: 8px;
  left: 3px;
  top: 3px;
  height: 4px;
  width: 4px;
  background-color: #006fcf;
}

.oce-overlay.otp-verify-overlay .oce-radio-label {
  margin-left: 11%;
  font-size: 20px;
  line-height: 28px;
  font-weight: 420;
  padding-left: 0px !important;
  word-wrap: break-word;
}

.oce-overlay.otp-verify-overlay .oce-buttonwrap {
  border-top: none;
  padding: 30px 0 40px 0;
}

.oce-overlay.otp-verify-overlay .oce-overlay-otp-wrapper {
  margin: 6% 20% 4% 20%;
}

.oce-overlay.otp-verify-overlay .oce-oneTimeAccess-BottmWrapper .info {
  color: #333333;
  font-family: BentonSans;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  margin-top: 4%;
}

.oce-overlay.otp-verify-overlay .contact-info-error {
  margin-bottom: 5px;
}

.oce-overlay.otp-verify-overlay button.primary-button {
  line-height: 3.7;
  font-size: 16px;
  background: #006fcf;
}

.oce-overlay.otp-capture-overlay .oce-buttonwrap,
.oce-overlay.otp-verify-overlay .oce-buttonwrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.oce-overlay.otp-capture-overlay button.oce-otp-capture-btn,
.oce-overlay.otp-verify-overlay .oce-otp-verify-btn button {
  width: unset;
  max-width: 295px;
  min-width: 200px;
  line-height: 23px;
}

.oce-overlay.otp-capture-overlay .oce-buttonwrap {
  border-top: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

.oce-overlay.otp-capture-overlay .oce-overlay-otp-capture-wrapper {
  margin: 4% 25% 0% 25%;
}

.oce-overlay.otp-capture-overlay .oce-otp-cap-info {
  width: 100%;
  color: #333333;
  font-family: BentonSans;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 6%;
}

.oce-overlay.otp-capture-overlay .oce-accessCode input {
  width: 75% !important;
  text-align: center;
}
.oce-overlay.otp-capture-overlay button.primary-button {
  font-size: 16px;
  background: #006fcf;
}
.oce-overlay.otp-capture-overlay a.oce-primary-link {
  margin-right: 0;
}

.oce-overlay.otp-capture-overlay h2,
.oce-overlay.otp-verify-overlay h2 {
  padding: 15px 0;
  width: 60%;
}

.oce-overlay.otp-capture-overlay .oce-overlay-header-wrapper,
.oce-overlay.otp-verify-overlay .oce-overlay-header-wrapper {
  background: #006fcf;
  height: auto;
}

.oce-verify-layer-wrapper {
  margin: 0 14%;
}

.res_Small .oce-verify-layer-wrapper {
  margin: 0 5%;
}

.oce-verify-layer-wrapper .input-and-icon-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
  width: 55%;
}

.oce-verify-layer-wrapper .input-and-icon-wrapper.oce-margin-style {
  margin-top: 17px;
}

.oce-verify-layer-wrapper .button-and-icon-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 39%;
}

.verfication-qtn {
  color: #333333;
  font-family: BentonSans;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.oce-verify-layer-wrapper
  .validation-input-and-icon-wrapper
  .validated-text-input {
  text-align: center;
}

.verify-overlay .otp-eligible {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 40px;
  font-size: 15px !important;
  line-height: 22px;
}

.verify-overlay .oce-overlay a.oce-primary-link {
  font-size: 15px;
  line-height: 22px;
}

.oce-overlay.verify-overlay .otp-eligible p {
  display: inline-block;
}
.oce-overlay.verify-overlay .primary-button {
  width: 218px !important;
  height: 50px;
  background: #006fcf;
  margin-bottom: 2%;
  font-size: 16px;
  line-height: 22px;
}
.oce-overlay.verify-overlay .oce-overlay-header-wrapper {
  background: #006fcf;
  font-weight: bold;
  height: 54px;
}
.oce-overlay.verify-overlay .oce-overlay-header-wrapper h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 22px;
}
.res_Small .oce-overlay.otp-verify-overlay .oce-overlay-otp-wrapper {
  margin: 10% 5% 4% 5%;
}
.res_Small .oce-overlay.otp-verify-overlay .oce-buttonwrap {
  border-top: none;
  padding: 30px 0 40px 0;
}

.res_Small .oce-overlay.otp-verify-overlay .oce-radio-label {
  font-size: 0.875em;
  line-height: 1em;
}

.res_Small .oce-overlay.otp-verify-overlay .radio .custom_style {
  top: 0px;
}

.res_Small .oce-overlay.otp-verify-overlay .radio {
  margin-bottom: 30px;
}

.res_Small .oce-overlay.otp-capture-overlay .oce-overlay-otp-capture-wrapper {
  margin: 8% 15% 0% 15%;
}
.res_Small .oce-overlay.otp-capture-overlay .oce-otp-cap-info {
  margin-bottom: 10%;
}

.res_Small
  .oce-overlay.otp-capture-overlay
  .validation-input-and-icon-wrapper.oce-accessCode {
  margin-bottom: 10%;
}

.res_Small .oce-overlay.otp-capture-overlay button.primary-button {
  width: 90%;
}

.res_Small .oce-overlay.otp-capture-overlay .oce-resend-otp-text {
  margin-top: 5%;
  margin-bottom: 5%;
}

.res_Small .verfication-qtn {
  padding: 0% 10%;
}

.res_Small
  .oce-verify-layer-wrapper
  .validation-input-and-icon-wrapper
  .validated-text-input {
  width: 100%;
  text-align: center;
}

.res_Small .oce-verify-layer-wrapper .input-and-icon-wrapper,
.res_Small .oce-verify-layer-wrapper .button-and-icon-wrapper {
  display: block;
  width: 100%;
}

.res_Small .oce-overlay.verify-overlay .primary-button {
  width: 100% !important;
  margin-top: 10%;
}

.res_Small .oce-overlay.verify-overlay .otp-eligible p {
  display: block;
}

.res_Small .oce-overlay.verify-overlay a.oce-primary-link {
  display: block;
  margin-right: 0;
  padding-bottom: 8%;
}

.res_Small .oce-overlay.verify-overlay {
  overflow-y: auto;
  max-height: 97vh;
  width: 95vw;
  position: fixed;
  top: 0px;
  left: 2.5vw;
  margin-top: 1.5vh;
  z-index: 2000002;
}

.res_Small
  .oce-overlay.verify-overlay
  .validation-input-and-icon-wrapper.dls-warning-icon:before {
  right: 15px;
}

.oce-overlay.verify-overlay
  .validation-input-and-icon-wrapper.dls-warning-icon:before {
  right: 10px;
}

.oce-overlay.verify-overlay .error-block .validated-input-msg {
  margin-top: 10px;
  color: rgb(180, 44, 1);
  font-size: 13px;
  text-align: left;
}

.oce-overlay.otp-capture-overlay .error-block .validated-input-msg {
  margin-top: 10px;
  color: rgb(180, 44, 1);
  font-size: 13px;
}
/**
*  Sorry page styles
**/

.oce-main-container-en_US .oce-main-form-container.oce-sorry-page-container {
  width: 60%;
  padding: 0px 20% 148px;
  min-height: auto;
}

.error_msg_call_details {
  color: #333333;
  font-family: BentonSans;
  font-size: 20px;
  line-height: 28px;
}

.res_Small .error_msg_call_details {
  font-size: 15px;
  line-height: 23px;
}

.locked_error_msg {
  color: #333333;
  margin-top: 75px;
  margin-bottom: 22px;
}

.res_Small
  .oce-main-container-en_US
  .oce-main-form-container.oce-sorry-page-container {
  width: 80%;
  padding: 0px 10% 140px;
}

.res_Small
  .oce-main-container-en_US
  .oce-main-form-container.oce-sorry-page-container
  h2 {
  margin: 75px 10px 13px;
}

.oce-main-container-en_US .oce-main-form-container.oce-sorry-page-container h2 {
  margin: 75px 0 20px;
}

.oce-main-container-en_US
  .oce-overlay.otp-verify-overlay
  .oce-overlay-header-wrapper {
  /* height: 80px !important; */
}

/* .verify-overlay .close-layer:before, */
.otp-verify-overlay .close-layer:before,
.otp-capture-overlay .close-layer:before {
  top: 7px;
}

.res_Small .verify-overlay .close-layer:before {
  top: 10px;
}

.res_Small .verify-overlay .otp-eligible {
  margin-bottom: 5px;
}

div#oce-main-container.centurion {
  margin: -15px auto 30px;
}

/* CENTURION  */
.centurion #oce-content-container {
  width: 100%;
}

.centurion-background {
  width: 100vw;
  height: 400px;
  background-color: black;
  margin-bottom: 245px;
}

.centurion-gradient {
  height: 490px;
  width: 490px;
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #303030;
  background: radial-gradient(#303030 24%, #080808 72%, black 115%);
}

.centurion-logo {
  font-family: "Requiem Text 4r", "Requiem Text A", "Requiem Text B";
  position: absolute;
  left: 0;
  right: 0;
  top: 231px;
  bottom: 0;
  font-size: 36px;
  color: #ffffff;
}

.centurion sup {
  top: -0.3em;
  left: 0.2em;
  position: relative;
  font-size: 40%;
  line-height: 0;
  vertical-align: baseline;
}

.centurion .oce-main-sub-text {
  max-width: 454px;
  margin: 0 auto;
  font-family: "Big Caslon";
  font-weight: 500;
}

.centurion .oce-main-sub-text.message {
  padding: 49px 0px 5px;
  font-size: 24px;
  outline: none;
}

.centurion .oce-main-sub-text.description {
  padding-top: 50px;
  font-size: 18px;
  outline: none;
}

.centurion button.oce-amex-home-button {
  background-color: black;
  margin-top: 15px;
  color: white;
  height: 50px;
  width: 415px;
  box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.5);
}

.centurion button:hover {
  background-color: #303030;
}

/* CENTURION MEDIUM */
.res_Medium .centurion .oce-main-form-container,
.res_Small .centurion .oce-main-form-container {
  padding: 0px;
  width: 100%;
}

.res_Medium .centurion-background {
  height: 300px;
  margin-bottom: 195px;
}

.res_Medium .centurion-gradient {
  height: 390px;
  width: 390px;
  top: 105px;
}

.res_Medium .centurion-logo {
  top: 182px;
  font-size: 32px;
}

.res_Medium .centurion .oce-main-sub-text-2 {
  max-width: 400px;
}

.res_Medium .centurion button {
  width: 340px;
}

.res_Medium .centurion-gradient {
  height: 390px;
  width: 390px;
  top: 105px;
}

/* CENTURION SMALL */

.res_Small .centurion-background {
  height: 50vw;
  margin-bottom: 38vw;
}

.res_Small .centurion-gradient {
  height: 75vw;
  width: 75vw;
  top: 12.5vw;
}

.res_Small .centurion-logo {
  top: 34vw;
  font-size: 32px;
}

.res_Small .centurion .oce-main-form-container .oce-main-sub-text {
  max-width: 75vw;
  margin: 0 auto;
  padding-top: 40px;
}

.res_Small .centurion .oce-main-sub-text.message {
  font-size: 20px;
}

.res_Small .centurion .oce-main-sub-text-2 {
  font-size: 18px;
  max-width: 70vw;
}

.res_Small .centurion button {
  width: 60vw;
}
.oce-main-container-sv_SE .oce-overlay.otp-verify-overlay h2 {
  width: 45%;
}
.oce-main-container-sv_SE
  .oce-overlay.otp-verify-overlay
  .oce-otp-verify-btn
  button.primary-button  {
  font-size: 14px !important;
}
.res_Small .oce-main-container-sv_SE .oce-overlay.otp-verify-overlay h2 {
  width: 75%;
}

.card-register-left-container #link-1 {
  text-decoration: underline;
}

/*
    multi question layer styles
*/
.verify-multi-qtn-overlay .oce-overlay.verify-overlay {
  width: 370px !important;
  margin-left: -185px !important;
}

.res_Small .verify-multi-qtn-overlay .oce-overlay.verify-overlay {
  width: 95vw !important;
  left: 2.5vw;
  margin-left: 0px !important;
}

.res_Small .verify-multi-qtn-overlay .verfication-qtn {
  font-size: 20px;
  line-height: 28px;
}

.res_Small
  .verify-multi-qtn-overlay
  .oce-overlay.verify-overlay
  .oce-overlay-header-wrapper
  h2 {
  font-size: 24px;
}

.res_Small .verify-multi-qtn-overlay .verify-overlay .close-layer:before {
  top: 14px;
}

.res_Medium .verify-multi-qtn-overlay .oce-overlay.verify-overlay {
  left: 50%;
}

.verify-multi-qtn-overlay
  .oce-overlay.verify-overlay
  .oce-overlay-header-wrapper {
  height: 60px;
}

.verify-multi-qtn-overlay
  .oce-overlay.verify-overlay
  .oce-overlay-header-wrapper
  h2 {
  padding: 17px 0;
  font-size: 20px;
  line-height: 28px;
  width: 100%;
}

.verify-multi-qtn-overlay .verify-overlay .close-layer:before {
  top: 17px;
}

.verify-multi-qtn-overlay
  .oce-overlay.verify-overlay
  .oce-overlay-header-wrapper
  h2 {
  width: 100%;
}

.verify-multi-qtn-overlay .verfication-qtn {
  font-size: 16px;
  line-height: 26px;
}

.verify-multi-qtn-overlay .oce-verify-layer-wrapper .input-and-icon-wrapper {
  display: block;
  width: 100%;
  margin-bottom: 5%;
}

.verify-multi-qtn-overlay .oce-verify-layer-wrapper .button-and-icon-wrapper {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10%;
}

.verify-multi-qtn-overlay .oce-overlay.verify-overlay .primary-button {
  width: 100% !important;
}

.verify-multi-qtn-overlay .oce-verify-layer-wrapper {
  margin: 0 6%;
}

.verify-multi-qtn-overlay
  .oce-overlay.verify-overlay
  .validation-input-and-icon-wrapper.dls-warning-icon:before {
  right: 10px;
  top: 34px;
}

.verify-multi-qtn-overlay
  .oce-verify-layer-wrapper
  .validation-input-and-icon-wrapper
  .validated-text-input {
  text-align: left;
}

.res_Small
  .verify-multi-qtn-overlay
  .oce-overlay.verify-overlay
  .validation-input-and-icon-wrapper.dls-warning-icon:before {
  right: 10px;
  top: 35px;
}

.res_Small
  .verify-multi-qtn-overlay
  .oce-overlay.verify-overlay
  .primary-button {
  margin-top: 3%;
}

.verify-multi-qtn-overlay .oce-overlay .oce-register-error {
  border: none;
  margin: -10px auto 20px;
  padding: 0px 0px 0px 40px;
}

.loan_sorry_error_msg {
  /* color: #333333; */
  margin-top: 75px;
  /* font-size: 20px; */
  padding: 0px 28%;
}

.res_Small .loan_sorry_error_msg {
  padding: 0px 5%;
}
.offer-block-position {
  margin-left: 27px;
}

.first-option-tile .oce-offer-main-block {
  margin-left: 0px;
}
.oce-alert-border {
  border-bottom: 0px !important;
}
input#paymentReminderEmail,
input#paymentReceivedEmailEmail,
input#paymentReceivedEmail,
input#balanceUpdateEmail,
input#statementReadyEmail {
  padding: 0px;
  margin: 0px;
  border: 0px;
  height: 44px;
  width: 44px;
  cursor: pointer;
}

.loan_generic_sorry_error_msg {
  margin-top: 0px;
  padding: 0px 0px;
}

/**  Multicolor supp */
.cardsContainer {
  display: flex;
  text-align: center;
  justify-content: space-evenly;
  align-items: flex-start;
}

.res_Small .cardsContainer {
  flex-direction: column;
}

.cardsContainer img {
  margin-left: 42px;
  margin-right: 42px;
}

.cardsContainer .suppFee {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.3em;
  text-align: left;
  margin-left: 23px;
  margin-right: 8px;
}

.cardsContainer .cardDetails {
  white-space: normal;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  /* width: 240px; */
  margin-left: 10px;
  margin-right: 10px;
}

.gcp .add-emp-cards .oce-offers-container .gcp-emp-card-subtitle {
  margin-bottom: 0;
  text-align: center;
}

.res_Small .gcp .add-emp-cards .cardsContainer {
  display: flex;
  align-items: center;
  margin-bottom: 2.5em;
}

.cardsContainer .productName {
  font-weight: 300;
  margin: 5px 0px 10px 0px;
  font-size: 0.85rem;
  letter-spacing: 0.022rem;
}

/* default border color */
.cardsContainer .cardArtImage {
  border-image: linear-gradient(to right, #ededed, #7d7c7c, #ccc) 10%;
  border-top: 0!important;
  border-right: 0!important;
  border-left: 0!important;
  height: 75px;
  overflow: hidden;
  border-width: 0.1em;
  border-style: solid;
}

.cardsContainer .greenBorder {
  border-image: linear-gradient(to right, #ededed, #375c45, #ccc) 10%;
}

.cardsContainer .platBorder {
  border-image: linear-gradient(to right, #ededed, #707271, #ccc) 10%;
}

.cardsContainer .goldBorder {
  border-image: linear-gradient(to right, #ededed, #897422, #ccc) 10%;
}

.cardsContainer .blueBorder {
  border-image: linear-gradient(to right, #ededed, #022386, #ccc) 10%;
}

.cardsContainer .whiteBorder {
  border-image: linear-gradient(to right, #ededed, #9297ae, #ccc) 10%;
}

.cardsContainer .purpleBorder {
  border-image: linear-gradient(to right, #ededed, #2e1058, #ccc) 10%;
}

.cardsContainer .details {
  display: flex;
  align-items: flex-start;
  max-width: 250px;
  flex-wrap: wrap;
}

.add-emp-cards .oce-offers-container {
  min-height: 0;
  padding-bottom: 0;
}

.cardsContainer .label {
  margin-top: 5px;
}

.cardsContainer .cardart {
  transform: translateY(30px);
  transition: 0.3s ease-in-out;
  cursor: pointer;
  width: 150px;
  -webkit-transform: translateY(30px);
  -webkit-transition: 0.3s ease-in-out;
}

.cardsContainer .cardDetails:hover .cardart {
  transform: translateY(10px);
}

.cardsContainer .selected {
  transform: translateY(20px);
}

/* override default input styling */
.cardsContainer input {
  width: 20px;
  font-size: 0;
  border: 0;
  min-height: 0;
  padding: 0;
  border-radius: 0;
  -webkit-transition: border-color 0.25s ease-out;
  transition: border-color 0.25s ease-out;
  appearance: auto;
  -webkit-appearance: auto;
  margin-top: 0.3rem;
  margin-left: 0;
  cursor: pointer;
}

.cardsContainer .details input[type="radio"] {
  accent-color: #1274b8 !important;
}

.oce-overlay.oce-addasupp-overlay.multicolorsupp {
  margin-bottom: 20px !important;
}

.multicolorsupp h2 {
  width: 100%;
}

.multicolorsupp .cardArtImage {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}

.multicolorsupp .cardDetails {
  margin-bottom: 5%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5%;
}

.multicolorsupp .cardDetails .details {
  display: inline-block;
  width: 79%;
}

.multicolorsupp .cardDetails .details .productName {
  font-weight: 500;
  margin-bottom: 10px;
}

.multicolorsupp .cards {
  margin-top: 20px;
}

.multicolorsupp .header {
  text-align: center;
  font-size: 18px;
  padding-bottom: 2%;
  border-bottom: 1px solid #ccc;
  margin: 0 6%;
}

.multicolorsupp .cardDetails .buttonSection .benefitTerms {
  margin-right: 1%;
}

.multicolorsupp .cardDetails .buttonSection .ratesandfee {
  margin-left: 1%;
}

.multicolorsupp .cardDetails .buttonSection .links {
  display: inline-block;
  width: 76%;
}

.multicolorsupp .cardDetails .buttonSection .buttons {
  display: inline-block;
}

.multicolorsupp .compareBenefits {
  margin-bottom: 2%;
  padding: 2%;
  background: #eee;
}

.multicolorsupp .compareBenefitsTitle {
  position: relative;
}

.multicolorsupp .compareBenefitsTitle div {
  margin-left: 4%;
  position: relative;
}

.compareBenefitsTitle .expand:before {
  font-family: "dls-icons";
  content: "\EA52";
  font-size: 20px;
  color: #006FCF;
  vertical-align: middle;
  top: 20%;
  position: absolute;
}

.multicolorsupp .compareBenefitsTitle h2 {
  color: #333;
  text-align: left;
  font-size: 1.3em;
}
.multicolorsupp .additionalBenefitsTitle h2 {
  color: #333;
  text-align: left;
  font-size: 1.3em;
}
.multicolorsupp .additionalBenefitsTitle {
  position: relative;
}
.multicolorsupp .additionalBenefitsTitle div {
  margin-left: 4%;
  position: relative;
}
.compareBenefitsTitle .collpase:before {
  font-family: "dls-icons";
  content: "\EAB6";
  font-size: 20px;
  color: #006FCF;
  vertical-align: middle;
  top: 20%;
  position: absolute;
}

.additionalBenefitsTitle .expand:before {
  font-family: "dls-icons";
  content: "\EA52";
  font-size: 20px;
  color: #006FCF;
  vertical-align: middle;
  top: 20%;
  position: absolute;
}
.additionalBenefitsTitle .collpase:before {
  font-family: "dls-icons";
  content: "\EAB6";
  font-size: 20px;
  color: #006FCF;
  vertical-align: middle;
  top: 17%;
  position: absolute;
}

.multicolorsupp .compareBenefitsTitle {
  margin-bottom: 2%;
}

.multicolorsupp .compareBenefits table {
  border: 1px solid #ccc;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
}

.multicolorsupp .compareBenefits table th,
.multicolorsupp .compareBenefits table td {
  padding: 2%;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}

.multicolorsupp .compareBenefits table td.icon-check:before {
  font-family: "dls-icons";
  content: "\EA40";
  color: #008767;
  font-weight: bold;
  font-size: 18px;
}

.multicolorsupp .compareBenefits table td.icon-cross:before {
  font-family: "dls-icons";
  content: "\EA42";
  color: #b42c01;
  font-weight: bold;
  font-size: 18px;
}

.multicolorsupp .compareBenefits table td:first-child {
  text-align: left;
  width: 40%;
}

.multicolorsupp .additionalBenefits table {
  border: 1px solid #ccc;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  font-weight: bold;
  font-size: 14px;
  background: #fff;
}

.multicolorsupp .additionalBenefits table td {
  padding: 2%;
  border: 1px solid #ccc;
}

.multicolorsupp .additionalBenefits table td:first-child {
  width: 40%;
  text-align: left;
}

.multicolorsupp .cardart {
  width: 100px;
  height: 60px;
}

.res_Small .multicolorsupp .cardart {
  width: 200px;
  height: 120px;
}

.res_Small .multicolorsupp .cardArtImage {
  margin-bottom: 6%;
}

.res_Small .multicolorsupp .cardDetails .details {
  width: 100%;
}

.res_Small .multicolorsupp .cardDetails .details {
  display: block;
  width: 100%;
}

.res_Small .multicolorsupp .cardDetails .details .suppFee {
  margin-bottom: 5%;
}

.res_Small .multicolorsupp .compareBenefitsTitle .desc,
.res_Small .multicolorsupp .additionalBenefitsTitle .desc {
  margin-left: 8%;
}

.multicolorsupp .additionalBenefits {
  padding: 3%;
  background: #eee;
  margin-bottom: 20px;
}

.multicolorsupp .additionalBenefitsTitle {
  margin-top: 5%;
  padding-bottom: 3%;
}
.oce-addasupp-overlay .multicolorMarketingCopy {
  margin-top: 5%;
}

.oce-addasupp-overlay .requiredFields {
  margin-top: 2%;
  font-size: 12px;
  font-weight: 500;
}

.oce-addasupp-overlay .multi-color-supp-btn-wrap {
  padding: 20px 0;
  text-align: center;
  padding-top: 0;
}

.oce-addasupp-overlay .multi-color-supp-btn-wrap .secondary-button {
  margin-right: 2%;
  width: 20%;
  font-size: 1em;
  vertical-align: middle;
}

.oce-addasupp-overlay .multi-color-supp-btn-wrap a {
  display: block;
  margin-top: 3%;
  text-align: center;
  margin: 20px 40%;
}

.oce-addasupp-overlay .multi-color-supp-btn-wrap .primary-button {
  vertical-align: middle !important;
}

.res_Small .multicolorsupp .compareBenefitsTitle h2 {
  font-size: 1.3em;
  font-weight: 500;
  width: 100%;
}

.res_Small .compareBenefitsTitle .expand:before {
  top: 14%;
  left: -3%;
}

.res_Small .compareBenefitsTitle .collpase:before {
  top: 14%;
  left: -3%;
}

.res_Small .multicolorsupp .additionalBenefitsTitle h2 {
  font-size: 1.3em;
  font-weight: 500;
  width: 100%;
}

.res_Small .additionalBenefitsTitle .expand:before {
  top: 14%;
  left: -3%;
}

.res_Small .additionalBenefitsTitle .collpase:before {
  top: 14%;
  left: -3%;
}

.res_Small .multicolorsupp .compareBenefitsTitle div {
  font-size: 13px;
  line-height: 20px;
}

.res_Small .multicolorsupp .additionalBenefitsTitle div {
  font-size: 13px;
  line-height: 20px;
}

.res_Small .multicolorsupp .oce-main-form-wrapper.oce-updateform-form-wrapper {
  padding-bottom: 5%;
}

.res_Small
  .oce-main-form-wrapper
  .multi-color-supp-btn-wrap
  button.primary-button {
  margin-top: 16px;
}

.res_Small .oce-overlay.oce-addasupp-overlay.multicolor .oce-register-error {
  width: 60%;
}

.oce-overlay.oce-addasupp-overlay.multicolor .addsupp_sub_hdr {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.oce-overlay.oce-addasupp-overlay.multicolor .text_input label {
  font-size: 13px;
  line-height: 16px;
}
.oce-overlay.oce-addasupp-overlay .multi-color-supp-card-tnc {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 20px 0px;
  width: 90% !important;
  font-size: 13px;
  margin: 0 5% !important;
  height: 200px !important;
}

.oce-overlay.oce-addasupp-overlay .multi-color-supp-card-tnc .header {
  font-size: 16px;
  line-height: 22px;
  margin-top: 2%;
  margin-bottom: 2%;
  font-weight: 500;
}

.oce-overlay.oce-addasupp-overlay .multi-color-supp-card-tnc oce-disp-terms {
  height: 150px;
  overflow-y: scroll;
  display: block;
  line-height: 22px;
  font-size: 13px;
}

.oce-overlay.oce-addasupp-overlay
  .multi-color-supp-card-tnc
  oce-disp-terms
  span {
  font-size: 13px;
  line-height: 22px;
}

.oce-overlay.oce-addasupp-overlay.multicolor .oce-overlay-header-wrapper h2 {
  width: 50%;
}

input.firstnameValidation,
input.lastnameValidation {
  height: 50px;
}

input.dobmmValidation,
input.dobddValidation {
  height: 50px;
  width: 34px;
  text-align: center !important;
}
.res_Small input.dobmmValidation,
input.dobddValidation {
  width: 34px;
}
input.dobyyValidation {
  height: 50px;
  width: 100px;
  text-align: center !important;
}

.res_Small input.dobyyValidation {
  width: 94px;
}

input.ssn1Validation {
  height: 50px;
  width: 60px;
  text-align: center !important;
}
.res_Small input.ssn1Validation {
  width: 40px;
}
input.ssn2Validation {
  height: 50px;
  width: 50px;
  text-align: center !important;
}
.res_Small input.ssn2Validation {
  width: 30px;
}
input.ssn3Validation {
  height: 50px;
  width: 90px;
  text-align: center !important;
}

/* .oce-overlay.oce-addasupp-overlay.multicolor {
    margin-bottom: 20px;
    top: -20%;
} */
.res_Small .oce-overlay.oce-addasupp-overlay.multicolor {
  margin-bottom: 20px;
  top: 0%;
}

.res_Small .oce-overlay.oce-addasupp-overlay.multicolor .oce-error-info,
.res_Small .oce-overlay.oce-addasupp-overlay.multicolor .oce-suggest-info {
  bottom: 74px;
}

.res_Small.res_300 .text_input {
  display: block;
}

.oce-overlay.oce-addasupp-overlay.multicolor .oce-error-info,
.oce-overlay.oce-addasupp-overlay.multicolor .oce-suggest-info {
  bottom: 63px;
}
.res_Small
  .oce-overlay.oce-addasupp-overlay.multicolor
  .oce-main-form-wrapper
  .text_input {
  width: 90%;
}

.res_Medium.res_650 input.dobyyValidation,
.res_Medium.res_700 input.dobyyValidation,
.res_Medium.res_750 input.dobyyValidation,
.res_Medium.res_800 input.dobyyValidation {
  width: 60px;
}

.res_Medium.res_650 input.dobmmValidation,
.res_Medium.res_650 input.dobddValidation,
.res_Medium.res_700 input.dobmmValidation,
.res_Medium.res_700 input.dobddValidation,
.res_Medium.res_750 input.dobmmValidation,
.res_Medium.res_750 input.dobddValidation,
.res_Medium.res_800 input.dobmmValidation,
.res_Medium.res_800 input.dobddValidation {
  width: 40px;
}

.res_Medium.res_650 input.ssn1Validation,
.res_Medium.res_700 input.ssn1Validation,
.res_Medium.res_750 input.ssn1Validation,
.res_Medium.res_800 input.ssn1Validation {
  width: 40px;
}
.res_Medium.res_650 input.ssn2Validation,
.res_Medium.res_700 input.ssn2Validation,
.res_Medium.res_750
  input.ssn2Validation
  .res_Medium.res_800
  input.ssn2Validation {
  width: 30px;
}

.res_Medium.res_650 input.ssn3Validation,
.res_Medium.res_700 input.ssn3Validation,
.res_Medium.res_750 input.ssn3Validation,
.res_Medium.res_800 input.ssn3Validation {
  width: 50px;
}

.res_Medium.res_650 .multicolorsupp .cardDetails .buttonSection .links,
.res_Medium.res_700 .multicolorsupp .cardDetails .buttonSection .links {
  width: 74%;
}

.res_Medium .multicolorsupp .compareBenefitsTitle h2 {
  width: 100%;
}

.res_Small .oce-addasupp-overlay .multi-color-supp-btn-wrap .secondary-button {
  padding: 0 10px;
}

.oce-overlay.oce-addasupp-overlay .account-alert-layer-mc {
  height: auto !important;
  overflow-x: hidden;
}

.oce-overlay h2.multicolortncterms {
  width: 50% !important;
}
.oce-supp-kyc-new-block {
  width: 52% !important;
  padding-right: 24% !important;
  padding-left: 24% !important;
}
.res_Small .oce-supp-kyc-new-block {
  width: 100% !important;
  padding: 15px 0 48px !important;
  min-height: auto !important;
}
.res_Small .oce-supp-kyc-new-block .oce-overide-styling {
  width: 100% !important;
  padding: 33px 0 100px !important;
  min-height: auto !important;
}
.exclamation:before {
  font-family: "dls-icons";
  content: "\EA0C";
  font-size: 1rem;
  color: #006FCF;
  vertical-align: middle;
  top: 8%;
  padding-left: 1%;
}

.ssn-dob-capture .exclamation:before, .ssn-dob-capture .circleclose:before {
  display: inline-flex;
  height: 44px;
  width: 44px;
  align-items: center;
  padding-left: 0;
}

.supp-kyc-ssn-label{
  margin-bottom: 0 !important;
}

.circleclose:before {
  font-family: "dls-icons";
  content: "\EA04";
  font-size: 1rem;
  color: #006FCF;
  vertical-align: middle;
  top: 8%;
  padding-left: 1%;
}

.oce-overlay.otp-verify-overlay .oce-oneTimeAccess-BottmWrapper .info.supp {
  padding: 0 10%;
}
.wrapper-class {
  width: 100px;
  height: 100px;
  margin-right: 10px;
  float: left;
}

.child-div-1 {
  float: left;
  margin-right: 5px;
}
.child-div {
  float: left;
  margin-right: 5px;
}
.left {
  float: left;
  padding-top: 3%;
}
.res_Small .left {
  float: left;
  padding-top: 14%;
}
.res_Medium .left {
  float: left;
  padding-top: 3.5%;
}
.res_Large.res_1000 .left {
  float: left;
  padding-top: 3.5%;
}
.res_Medium.res_750 .left {
  float: left;
  padding-top: 3.5%;
}

.right {
  margin-left: 30px;
}

.selectdiv {
  position: relative;
  min-width: 100px;
  outline: none;
  padding-bottom: 5px;
}

select::-ms-expand {
  display: none;
}

.selectdiv:after {
  font-family: "dls-icons";
  content: "\EA52";
  font-size: 1em;
  color: black;
  vertical-align: middle;
  right: 5px;
  top: 32px;
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  padding-left: 3%;
  color: #333;
  background-color: #f7f8f9;
  background-image: none;
  border: none;
  font-size: 1em;
}
.res_Medium .selectdiv:after {
  right: 10px;
}
.res_Small .selectdiv select {
  padding-left: 2%;
  width: 100%;
}
.res_Small .selectdiv:after {
  top: 30px;
}
.new-errorclass ul li {
  color: #b42c01;
  margin-top: 10px;
}
.my-select-label {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  max-width: 300px;
  padding-bottom: 1px;
  padding-top: 1px;
  min-height: 16px;
}

.my-select-label-wp {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.my-select-label .my-select-label-text {
  flex: 1;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: #333;
  padding-left: 4%;
}
.res_Small .my-select-label .my-select-label-text {
  padding-left: 3% !important;
  font-size: 16px !important;
}
.res_Medium .my-select-label .my-select-label-text {
  padding-left: 3% !important;
}
.res_Medium .res_1000 .my-select-label .my-select-label-text {
  padding-left: 3% !important;
}
.my-select-label .my-select-caret {
  font-size: 1em;
  line-height: 1em;
  color: white;
  width: 25px;
  text-align: center;
}
.my-select-label:focus {
  outline: none;
}
.my-select-label .my-select-ops {
  /* border-color: #a6a6a8; */
  border-style: solid;
  display: none;
  z-index: 5;
  position: absolute;
  background: white;
  max-height: 300px;
  overflow-y: auto;
  /* padding: 5px 0; */
  top: 24px;
  width: 107%;
  left: -7px;
}
.res_Small .my-select-label .my-select-ops {
  width: 104%;
}
.res_Large .res_1000 .my-select-label .my-select-ops {
  width: 104%;
}
.my-select-ops.active {
  display: inline-block;
  border: 1px solid #006FCF;
}
.my-select-ops > div {
  padding: 7px 14px;
  overflow-x: hidden;
  cursor: pointer;
  color: #333;
}
.my-select-ops > div.preselected {
  border: 1px solid #006FCF;
}
.my-select-ops > div:hover {
  background-color: #f5f5f5;
}

.my-select-ops .my-select-ops-selected {
  background-color: #f5f5f5;
}
.my-select-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.my-select-backdrop.active {
  display: block;
}
.my-bg-select,
.my-select-mobile-input {
  opacity: 0;
  position: absolute;
  z-index: 10;
  display: none;
}
.my-bg-select.active,
.my-select-mobile-input.active {
  display: block;
}
.select-arrow-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "dls-icons";
  content: "\EA52";
  font-size: 1em;
  color: black;
  display: inline-block;
  padding: 3px;
  position: relative;
  top: -5px;
}
.resposnive-height {
  width: 99%;
  display: inline-block;
}
.res_Small .resposnive-height {
  width: 91%;
  display: inline-block;
}
.pin_tooltip_width {
  width: 240px;
}

.oce-overlay.oce-iframe-addasupp-overlay {
  display: flex;
  flex-direction: column;
  width: 99.76%;
  margin-left: auto !important;
  left: 0% !important;
  height: 100%;
}

.supp-iframe {
  height: 655px;
  width: 100%;
}

.res_Medium iframe.supp-iframe,
.res_Large.res_1000 iframe.supp-iframe {
  height: 80vh;
}
.res_Large.res_1000 .oce-overlay.oce-iframe-addasupp-overlay {
  width: 99.5% !important;
  height: 80vh;
}

.reminderMessage {
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: -10px;
}

.reminderMessage .statusMsg span.icon {
  background: none;
  position: unset;
  width: 0;
  float: none;
  height: 0;
}

.reminderMessage .statusMsg {
  background: #fff;
  padding: 20px 50px 20px 70px;
  text-align: left;
  line-height: 20px;
  border: 1px solid #fdb92d;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 600;
  color: #fdb92d;
  position: relative;
  margin-top: 15px;
}
.reminderMessage .statusMsg .icon:before {
  font-family: "dls-icons";
  content: "\EADE";
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 2em;
  color: #fdb92d;
}
.res_Small .reminderMessage .statusMsg .icon:before {
  top: 22px;
  left: 18px;
}
.res_Small .reminderMessage .statusMsg {
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 20px 15px 20px 55px;
}

.res_Small .oce-thankyou-offer-block .app-pay > img {
    margin-bottom: 2%;
    width: 69%;
    height: 80%;
}
.oce-thankyou-offer-block .q-pay > img {
  margin-bottom: 4%;
  width: 80px;
  height: 80px;
}
.res_Small .oce-thankyou-offer-block .q-pay > img {
    margin-bottom: 2%;
    width:55px;
    height:30px;
}
.download-text .oce-main-sub-sub-text .footer {
  margin-top: 20px;
  margin-bottom: 20px;
}
.res_Small .download-text .oce-main-sub-sub-text .footer {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 8px !important;
}
.app-pay .apple {
  width: 100px;
  height: 35px;
}

.res_Small .app-pay .apple {
  width: 85px;
  height: 30px;
}

.app-pay .android {
  width: 100px;
  height: 35px;
}

.res_Small .app-pay .android {
  width: 85px;
  height: 30px;
}
.emp-cards-tnc-membershiprewards {
  font-weight: 600;
  text-align: left;
  color: #006FCF;
}
.us-savings-redirect {
  position: relative;
  top: 75px;
}
.input-page-tnc-subtext {
  padding: 40px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.oce-offer-form-row pzn-info-tooltip p{
  white-space: nowrap;
}

.blueprint-tile p.desc1 {
  font-size: 0.75em;
}

a.oce_amex_logo:focus {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
} 

.cpw-pin-sub-header {
  margin: 0 auto;
  max-width: 560px;
}
.heading-6 {
  font-size: 2.375rem;
  line-height: 2.75rem;
}

.heading-5 {
  font-size: 1.875rem;
  line-height: 2.375rem;
}

.heading-5, .heading-6 {
  font-family: BentonSans, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
}

.heading-7 {
  margin: 58px 0 20px;
}

.heading-4 {
  font-family: BentonSans, "Helvetica Neue", Helvetica,sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem; 
}

.heading-3 {
  font-family: Helvetica Neue,Helvetica,sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem
}

.label-2 {
  font-size: .9375rem;
  line-height: 1.375rem;
  color: #333;
}

.label-1, .label-2 {
  font-family: Helvetica Neue,Helvetica,sans-serif;
  font-weight: 600;
}

.display-inline {
  display: inline!important;
}

.margin {
  margin: 1.25rem!important
}

.margin-t {
  margin-top: 1.25rem!important
}

.margin-b {
  margin-bottom: 1.25rem!important
}

.margin-l {
  margin-left: 1.25rem!important
}

.margin-lr,.margin-r {
  margin-right: 1.25rem!important
}

.margin-lr {
  margin-left: 1.25rem!important
}

.margin-tb {
  margin-top: 1.25rem!important;
  margin-bottom: 1.25rem!important
}

.margin-auto {
  margin: auto!important
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px
}

/* combine these responsive classes with col-* classes as needed to immitate dls */
.res_Large .resp_pad_inline {
  padding-inline: 16px!important;
}
.res_Med .resp_pad_inline {
  padding-inline: 12px!important;
}
.res_Med .resp_pad_inlinel {
  padding-inline: 6px!important;
}

.res_Large .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.res_Small .col-md-6,
.res_Medium .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}

.pad-1 {
  padding: .625rem!important;
}

.pad-1-t {
  padding-top: .625rem!important;
}

.pad-1-b {
  padding-bottom: .625rem!important;
}

.pad-1-l {
  padding-left: .625rem!important;
}

.pad-1-lr,.pad-1-r {
  padding-right: .625rem!important;
}

.pad-1-lr {
  padding-left: .625rem!important;
}

.pad-1-tb {
  padding-top: .625rem!important;
  padding-bottom: .625rem!important;
}

.pad-2 {
  padding: 1.25rem!important;
}

.pad-2-t {
  padding-top: 1.25rem!important;
}

.pad-2-b {
  padding-bottom: 1.25rem!important;
}

.pad-2-l {
  padding-left: 1.25rem!important;
}

.pad-2-lr,.pad-2-r {
  padding-right: 1.25rem!important;
}

.pad-2-lr {
  padding-left: 1.25rem!important;
}

.pad-2-tb {
  padding-top: 1.25rem!important;
  padding-bottom: 1.25rem!important;
}

.pad-3 {
  padding: 1.875rem!important;
}

.pad-3-t {
  padding-top: 1.875rem!important;
}

.pad-3-b {
  padding-bottom: 1.875rem!important;
}

.pad-3-l {
  padding-left: 1.875rem!important;
}

.pad-3-lr,.pad-3-r {
  padding-right: 1.875rem!important;
}

.pad-3-lr {
  padding-left: 1.875rem!important;
}

.pad-3-tb {
  padding-top: 1.875rem!important;
  padding-bottom: 1.875rem!important;
}

.margin-3-l {
    margin-left: 1.875rem!important;
}

.margin-3-lr,.margin-3-r {
    margin-right: 1.875rem!important;
}

.margin-3-lr {
    margin-left: 1.875rem!important;
}

.margin-auto {
    margin: auto!important;
}

.flex-justify-center {
  justify-content: center!important;
}

.flex-justify-end {
  justify-content: flex-end!important;
}

.flex-justify-between {
  justify-content: space-between!important;
}

.flex-justify-around {
  justify-content: space-around!important;
}

.height-auto {
    height: auto;
}

.height-full {
    height: 100%;
}

.width-auto {
    width: auto!important;
}

.width-full {
    width: 100%;
}


/* OCE OVERRIDE DLS STYLES */
.oce-main-form-container h2.heading-5 {
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-weight: 300;
}


.border {
  border: 0.0625rem solid #ecedee;
}

.body-1, .body-2 {
  font-family: Helvetica Neue,Helvetica,sans-serif;
    font-size: .9375rem;
    line-height: 1.375rem;
}


.disabled input {
  color: #8e9092!important;
  cursor: not-allowed!important;
}

button.collapsible {
  display: inline-flex;
  align-items: flex-start;
}

.select-form-control {
  position: relative;
}

/* select dropdown caret */
.select-form-control:after {
  pointer-events: none;
  font-family: "dls-icons";
  content: "\EAB6";
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #53565a;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  position: absolute;
  top: .8rem;
  right: .6rem;
  margin: auto 0.5rem;
  transition: color .25s ease-out;
  transform: rotate(90deg);
}

.collapsible, .collapsed {
  cursor: pointer;
  padding: 15px 20px;
  text-align: left;
  transition: background-color .25s ease-in-out;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.collapsible:focus, .collapsed:focus {
  outline: 1px dashed #53565a;
  outline-offset: -3px;
}

/* opened carat (pointing down) */
.collapsible-caret:before { 
  font-family: "dls-icons";
  content: "\EAB6";
  font-size: 1.3em;
  color: #53565a;
  vertical-align: middle;
  top: .2rem;
  transform: rotate(90deg);
  transition: color .25s ease-out,transform .25s ease-out;
  position: absolute;
}

/* closed carat (pointing right) */
.collapsed .collapsible-caret:before{
  transform: rotate(0deg);
  transform: translate(2px, -2px);
}

.accordion-content {
  margin: 0;
  overflow: hidden;
  transition: max-height .4s ease-out;
  max-height: 400px;
}
.max-height-zero {
  max-height: 0px!important;
}

.body-1 {
  font-weight: 400;
}
.body-2 {
  font-weight: 600;
}

select.select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  background-image: none;
  border: 0.0625rem solid #8e9092;
  border-radius: 0.25rem;
  transition: border-color .25s ease-out;
  cursor: pointer;
  font-size: 1rem;
  width: 100%;
  z-index: 1;
  overflow-wrap: break-word;
  white-space: normal;
  padding: 0.625rem 2rem 0.625rem 0.625rem;
}

.radio input[type=radio]:hover {
  cursor: pointer;
}

.radio input[type=radio]:focus + div {
  outline: dashed 1px #53565a;
  outline-offset: 3px;
  border-color: #006fcf;
}

.margin-1-t {
  margin-top: .625rem
}
/* de_DE */
.res_Large
  .oce-main-container-de_DE
  .oce-main-setup-container
  .oce-offers-container
  mgm
  .oce-mgm-offer-block {
  min-height: auto;
  overflow-x: inherit;
}
.res_Medium
  .oce-main-container-de_DE
  .oce-main-setup-container
  .oce-offer-main-block
  mgm
  .oce-mgm-offer-block {
  margin-left: 0px !important;
  margin-bottom: 25px !important;
}
.res_Large
  .oce-main-container-de_DE
  .oce-offers-container-scroll
  .oce-offer-block:first-child {
  margin-left: 10px;
}

.res_Large
  .oce-main-container-de_DE
  .oce-main-setup-container
  .oce-button-style.oce-button-no-de {
  width: 100%;
}
.oce-main-container-de_DE .oce-main-setup-container .oce-offer-block label {
  display: inline-block;
  text-align: left;
}
.oce-main-container-de_DE .oce-thanks-offer-block h4 {
  font-weight: 800;
  font-size: 1.2em;
}
.oce-main-container-de_DE
  .oce-update-records-wrapper
  .oce-right-form-container {
  max-width: 270px;
}

.oce-main-container-ja_JP
  .oce-main-setup-container
  .oce-offers-container
  mgm
  .oce-mgm-offer-block
  .widget-wrapper
  .fixedBottomWrapper
  .oce-custom-buttom {
  font-size: 13px !important;
}
.oce-main-container-ja_JP
  .oce-main-setup-container
  .oce-offers-container
  mgm
  .oce-mgm-offer-block
  a.oce-custom-link.not-now-link {
  font-size: 13px !important;
}

.oce-main-container-de_DE .oce-update-records-wrapper .select-dropdown,
.oce-main-container-de_DE .oce-update-records-wrapper .text_input,
.oce-main-container-de_DE
  .oce-update-records-wrapper
  .text_input
  input[type="text"],
.oce-main-container-de_DE
  .oce-update-records-wrapper
  .text_input
  input[type="password"],
.oce-main-container-de_DE
  .oce-update-records-wrapper
  .text_input
  input[type="email"] {
  max-width: 247px;
}
.oce-main-container-de_DE
  .oce-main-form-light-blue-container
  label
  .oce-accessCode-link {
  display: inline;
}
.oce-main-container-de_DE .oce-verify-wrapper {
  position: relative;
}
.oce-main-container-de_DE .oce-hidden-de {
  display: none;
}
.oce-main-container-de_DE input#oce-paperless-check {
  width: 7%;
}
.oce-main-container-de_DE
  account-option-paperless
  .oce-setup-paperless-error
  ul
  li {
  line-height: 18px !important;
  font-size: 13px;
  width: 122%;
}
.res_Medium
  .oce-main-container-de_DE
  .oce-main-setup-container
  .oce-offers-container {
  min-height: auto;
  overflow-x: inherit;
}

.res_Medium .oce-main-container-de_DE .oce-verify-wrapper #oce-answer-error,
.res_Medium .oce-main-container-de_DE .oce-verify-wrapper #oce-answer-info {
  top: auto;
}
.res_Small
  .oce-main-container-de_DE
  .oce-card-activation-form-wrapper
  button.primary-button {
  margin-top: 30px;
}
.res_Small
  .oce-main-container-de_DE
  .oce-main-setup-container
  .oce-offer-main-block {
  height: 425px;
}

.res_Small
  .oce-main-container-de_DE
  .oce-main-setup-container
  .oce-offers-container {
  min-height: 370px;
  overflow: visible;
}
.res_Medium.res_750
  .oce-main-container-de_DE
  .oce-main-setup-container
  .oce-offer-main-block {
  margin-left: 94px;
  margin-top: 25px;
}

.res_Small .oce-main-container-de_DE .oce-button-no-de {
  padding: 31px 0;
}

.oce-main-container-de_DE .oce-inline-block .app-pay img {
    border-radius: 4px;
    margin-bottom: 5%;
}

.oce-main-container-de_DE .oce-thankyou-offer-block h4 {
    margin-bottom: 3%;
}
/** en_CA and fr_CA */
.oce-main-container-en_CA alerts .oce-accntalert-tnc,
.oce-main-container-fr_CA alerts .oce-accntalert-tnc {
  overflow: visible;
}
.oce-main-container-en_CA alerts .oce-accntalert-tnc label p,
.oce-main-container-fr_CA alerts .oce-accntalert-tnc label p {
  margin-bottom: 0px;
}

.oce-main-container-fr_CA .oce-main-activate-prev,
.oce-main-container-en_CA .oce-main-activate-prev {
  left: -35px;
}

.oce-main-container-en_CA
  .oce-overlay
  .oce-alert-paperless-subhdng
  .oce-overlay-info,
.oce-main-container-fr_CA
  .oce-overlay
  .oce-alert-paperless-subhdng
  .oce-overlay-info {
  text-align: left;
}
.oce-main-container-en_CA .oce-overlay .oce-edit-cntWrapper p:first-child,
.oce-main-container-fr_CA .oce-overlay .oce-edit-cntWrapper p:first-child {
  text-align: left;
}
.oce-main-container-en_CA
  .oce-update-records-wrapper
  .oce-right-form-container
  .select-dropdown-chevron,
.oce-main-container-fr_CA
  .oce-update-records-wrapper
  .oce-right-form-container
  .select-dropdown-chevron {
  left: 11px;
}
.oce-main-container-en_CA .oce-alert-contentwrapper .oce-marketingPref,
.oce-main-container-fr_CA .oce-alert-contentwrapper .oce-marketingPref {
  display: block;
}
.oce-main-container-en_CA
  .oce-alert-contentwrapper
  .oce-overlay-info.oce-overlay-buttom-info.msg1,
.oce-main-container-fr_CA
  .oce-alert-contentwrapper
  .oce-overlay-info.oce-overlay-buttom-info.msg1 {
  margin-right: 10%;
  margin-left: 10%;
}
.oce-main-container-en_CA
  .oce-alert-contentwrapper
  .edit-paperless
  .oce-marketingPref,
.oce-main-container-fr_CA
  .oce-alert-contentwrapper
  .edit-paperless
  .oce-marketingPref {
  display: none !important;
}
.oce-main-container-en_CA .recordupdateFooter,
.oce-main-container-fr_CA .recordupdateFooter {
  width: 90%;
  text-align: left;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 0.75em;
  line-height: 12px;
}

.oce-main-container-fr_CA .oce-thankyou-offer-button .addCardOfferBtnStyle,
.oce-main-container-fr_CA .oce-thankyou-offer-button .referOwnerOfferBtnStyle {
  line-height: 16px !important;
  padding: 6px !important;
  width: 172px !important;
}
.oce-main-container-en_CA .recordupdateFooter span.oce-line-break,
.oce-main-container-fr_CA .recordupdateFooter span.oce-line-break {
  color: #9a9a9a;
  font-size: 12px;
}
.oce-main-container-fr_CA .oce-thankyou-offer-block,
.oce-main-container-en_CA .oce-thankyou-offer-block {
  width: 222px;
}
.oce-main-container-fr_CA .checkbox.plpreference,
.oce-main-container-en_CA .checkbox.plpreference {
  margin-left: 5%;
  top: 8px;
}
.oce-main-container-fr_CA .paperlessPreference,
.oce-main-container-en_CA .paperlessPreference {
  font-size: 13px;
  padding: 0 5%;
}
.oce-main-container-fr_CA .checkbox.plpreference1,
.oce-main-container-en_CA .checkbox.plpreference1 {
  margin-left: 5%;
  top: 19px;
}

.oce-main-container-fr_CA pzn-account-options-tnc .paperlessRead,
.oce-main-container-en_CA pzn-account-options-tnc .paperlessRead {
  width: 80%;
}

.oce-main-container-fr_CA .oce-main-activate-carousel {
  height: 320px !important;
}
.oce-main-container-fr_CA .oce-thankyou-offer-block {
  height: 275px;
}

/* en_US */
.oce-main-container-en_US .alerts-sec {
  margin-left: 34px;
  margin-right: 34px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.oce-main-container-en_US .oce-main-activate-block {
  width: 841px;
}
.oce-main-container-en_US .oce-offer-form-content.us-alert-font {
  font-size: 15px;
}

.oce-main-container-en_US
  .oce-main-form-container
  .oce-success-banner
  .oce-bold-text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.oce-main-container-en_US account-option-alerts {
  font-size: 15px;
}
.oce-main-container-en_US
  account-option-alerts
  .oce-offer-block.oce-offer-block-error
  h4 {
  font-size: 16px;
}

.oce-main-container-de_DE .oce-offer-block p {
  margin-bottom: 7px !important;
}

.oce-main-container-en_US paperless .oce-offer-block h3 {
  font-size: 1em;
  margin-bottom: 10px;
  margin-top: 10px;
}

.res_Small .oce-main-container-en_US .gopaperlessTNC2 {
  height: 28vh;
}

/* es_AR */
.oce-main-container-es_AR
  .oce-update-records-wrapper
  .oce-right-form-container
  .select-dropdown-chevron {
  left: 11px;
}
.oce-main-container-es_AR .otp-verify-overlay h2 {
  width: 40% !important;
}
.oce-main-container-es_AR .otp-verify-overlay .oce-overlay-wrapper-center {
  width: 60% !important;
}
.oce-main-container-es_AR .oce-tooltip-alert .oce-tooltip-alert-infoWrapper {
  font-size: 0.72em;
}
.res_Small
  .oce-main-container-es_AR
  amex-offers-ar[eligibility="addCardOffer"]
  .primary-button {
  font-size: 14px;
}
.res_Small .oce-main-container-es_AR .otp-verify-overlay h2 {
  width: 80% !important;
}
.res_Small
  .oce-main-container-es_AR
  .otp-verify-overlay
  .oce-overlay-wrapper-center {
  width: 80% !important;
}
.oce-main-container-es_AR .oce-main-activate-block {
  width: 841px;
}
.oce-main-container-es_AR .gopaperlessTNC2 {
  height: 300px;
}

.oce-main-container-es_AR amex-offers-ar[eligibility="addCardOffer"] .link-as-button {
    padding-left: 10px;
    padding-right: 10px;
}

/* ja_JP */
.oce-main-container-ja_JP .checkbox label {
  display: inline-block;
}

.oce-main-container-ja_JP .oce-main-form-activation-container h2 {
  font-size: 40px;
}

.oce-main-container-ja_JP .oce-main-form-container h2 {
  font-size: 30px;
  line-height: 1.16em;
}
.oce-main-container-ja_JP .oce-overlay h2 {
  width: 100%;
}

.oce-main-container-ja_JP .gopaperlessTNC div {
  margin-bottom: 10px;
}

.oce-main-container-ja_JP .gopaperlessTNC div h3 {
  font-weight: 600;
}
.oce-main-container-ja_JP .gopaperlessTNC div ol {
  padding-top: 10px;
  margin-left: 25px;
  margin-top: 10px;
  list-style: decimal;
}
.oce-main-container-ja_JP .gopaperlessTNC div p {
  margin-left: 25px;
}

.oce-main-container-ja_JP input#oce-paperless-check {
  width: 15px;
}

.oce-main-container-ja_JP account-option-alerts .oce-offer-form-header span {
  width: 10px !important;
}

.oce-main-container-ja_JP .oce-offer-main-block {
  font-size: 13px;
}
.oce-main-container-ja_JP .oce-main-setup-container .oce-line-break {
  display: inline;
}
.oce-main-container-ja_JP .marketingPrefOption,
.oce-main-container-ja_JP
  .form-container.edit-paperless.editForm
  .oce-marketingPref {
  display: block;
}
.res_Small .oce-main-container-ja_JP .oce-main-form-container h2 {
  font-size: 26px;
  line-height: 1.16em;
}

.res_Small
  .oce-main-container-ja_JP
  .oce-main-form-wrapper
  .text_input
  .oce-four-digit-card[type="password"] {
  float: right;
}
.oce-main-container-ja_JP .oce-oneTimeAccess-BottmWrapper .oce-radio-label {
  padding-left: 30px !important;
  padding-top: 2px;
  font-size: 0.84em;
  font-family: bentonsans-md;
}
.oce-main-container-ja_JP
  .oce-oneTimeAccess-BottmWrapper
  .oce-otp-verify-btn
  .primary-button {
  font-size: 0.84em;
}
.res_Small .oce-main-container-ja_JP .oce-main-form-wrapper label {
  font-size: 0.65em;
}
.oce-main-container-ja_JP .contact-info-error {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 0.8em;
}
.res_Small
  .oce-main-container-ja_JP
  .custom_style.oce-oneTimeAccess-custom_style {
  top: 0px;
}
.oce-main-container-ja_JP .exteranltp_additonal_text {
  display: block !important;
}

/* en_IN */
.oce-main-container-en_IN .oce-thankyou-offer-block {
  /*width: 217px; */
}
.oce-main-container-en_IN .oce-main-activate-prev {
  /*left: -35px;*/
}
.tnc_list_en_IN {
  list-style-type: decimal;
}
.tnc_list_en_IN li {
  margin-bottom: 10px;
  margin-left: 20px;
}

.radio {
  /* GLOBAL STYLE */
  margin-left: 11px;
  margin-right: 18px;
  top: -8px;
}

/* en_GB */
.oce-main-container-en_GB .paperless-scrollable-wrapper {
  overflow-y: scroll;
  height: 400px;
  padding-bottom: 10px;
}
.oce-main-container-en_GB .paperless-scrollable-wrapper .oce-marketingPref {
  display: block;
}

.oce-main-container-en_GB .recordupdateFooter,
.oce-main-container-en_GB .account-setup-footer {
  text-align: center;
  margin-top: 20px;
  font-size: 0.75em;
  line-height: 15px;
}
.oce-main-container-en_GB .oce-main-activate-prev {
  /*left: -35px;*/
}
.oce-main-container-en_GB .oce-thankyou-offer-block {
  /*width: 222px; */
}

.oce-main-container-en_GB .recordupdateFooter span.oce-line-break,
.oce-main-container-en_GB .account-setup-footer span.oce-line-break {
  color: #9a9a9a;
  font-size: 12px;
}

.res_Small .oce-main-container-en_GB #plasticless-no-cid-header {
  font-size: 2em;
}

/* es_MX */
.oce-main-container-es_MX amex-offers-mx .oce-thankyou-offer-block .desc1.oce-main-sub-sub-text {
  margin-bottom: -6px;
}

.oce-main-container-es_MX amex-offers-mx[eligibility="offer"] .oce-thankyou-offer-block .desc2.oce-main-sub-sub-text {
  display: none;
}

.oce-main-container-es_MX amex-offers-mx[eligibility="addAcard"] .download-text {
  padding-top: 10px;
}

.oce-main-container-es_MX
  amex-offers-mx
  .oce-thankyou-offer-block
  .oce-offer-desc-text {
  display: none;
}

.oce-main-container-es_MX .oce-accessCode-heading.oce-text-color {
  width: 60%;
}

.oce-main-container-es_MX .oce-main-form-container h2.mxonly,
.res_Small
  .oce-main-container-es_MX
  .oce-main-form-container
  h2#oce-register-header {
  font-size: 1em;
  line-height: 1.16em;
}
.res_Small .oce-main-container-es_MX .oce-main-form-container h2.mxonly {
  font-size: 1em;
  line-height: 1.16em;
}

.res_Small
  .oce-main-container-es_MX
  .oce-overlay-wrapper.oce-overlay-wrapper-center.otponly {
  width: 86% !important;
}
.res_Small .oce-main-container-es_MX .oce-accessCode-heading.oce-text-color {
  width: 76%;
  font-size: 1.2em;
}

/* fr_FR */

.res_Medium
  .oce-main-container-fr_FR
  .validated-text-input-block
  .validated-text-input-label
  label,
.res_Medium
  .oce-main-container-fr_CH
  .validated-text-input-block
  .validated-text-input-label
  label {
  letter-spacing: -0.04em;
  font-size: 0.8em;
}
.res_Small
  .oce-main-container-fr_FR
  .validated-text-input-block
  .validated-text-input-label
  label,
.res_Small
  .oce-main-container-fr_CH
  .validated-text-input-block
  .validated-text-input-label
  label {
  letter-spacing: -0.04em;
  font-size: 0.73em;
  max-width: 78vw;
}

.oce-main-container-fr_FR .oce-overlay .oce-suggest-info .arrow-left-info {
  left: 104px;
  top: 107px;
}
.oce-main-container-fr_FR .oce-overlay .oce-suggest-info {
  bottom: 55px;
}

.oce-main-container-fr_FR
  .oce-overlay
  #oce-confirmemail-info.oce-suggest-info
  .arrow-left-info,
.oce-main-container-fr_FR
  .oce-overlay
  #oce-updConfirmPhone-info.oce-suggest-info
  .arrow-left-info,
.oce-main-container-fr_FR
  .oce-overlay
  #oce-updConfirmEmail-info.oce-suggest-info
  .arrow-left-info {
  top: 85px;
}

.oce-main-container-fr_FR
  render-alert
  .oce-tooltip-alert
  .oce-tooltip-alert-suggest-info
  .arrow-left-info {
  top: 0px;
}

.res_Small .oce-main-container-fr_FR #plasticless-no-cid-header {
  font-size: 2em;
}

/* es_ES */
.oce-main-container-es_ES .oce-overlay .oce-suggest-info .arrow-left-info {
  left: 104px;
  top: 85px;
}
.oce-main-container-es_ES
  .oce-overlay
  #oce-updPhone-info.oce-suggest-info
  .arrow-left-info {
  top: 63px;
}
.oce-main-container-es_ES .oce-overlay .oce-suggest-info {
  bottom: 55px;
}

.oce-main-container-es_ES
  .oce-overlay
  #oce-confirmemail-info.oce-suggest-info
  .arrow-left-info,
.oce-main-container-es_ES
  .oce-overlay
  #oce-updConfirmPhone-info.oce-suggest-info
  .arrow-left-info,
.oce-main-container-es_ES
  .oce-overlay
  #oce-updConfirmEmail-info.oce-suggest-info
  .arrow-left-info {
  top: 85px;
}

.oce-main-container-es_ES
  render-alert
  .oce-tooltip-alert
  .oce-tooltip-alert-suggest-info
  .arrow-left-info {
  top: 0px;
}

/* sv_SE */

.res_Large
  .oce-main-container-sv_SE
  .oce-main-form-oneblk-container
  .oce-left-align-block {
  margin: 10px -155px 0 -155px;
}

.res_Large
  .oce-main-container-sv_SE
  .oce-main-form-twoblk-container
  .oce-left-align-block {
  margin: 10px 0 0 0;
}

.res_Medium
  .oce-main-container-sv_SE
  .oce-main-form-oneblk-container
  .oce-left-align-block {
  margin: 10px -103px 0 -103px;
}

.res_Medium
  .oce-main-container-sv_SE
  .oce-main-form-twoblk-container
  .oce-left-align-block {
  margin: 10px 0 0 0;
}

.res_Small .oce-main-container-sv_SE .oce-left-align-block {
  margin: 10px -20px 0 -20px;
}

/* title on update password form splits line for sweden - here is the fix*/
.res_Small .oce-main-container-sv_SE .oce-main-form-container h2 span {
  font-size: 1em;
  line-height: 1.16em;
}

.oce-main-container-sv_SE .oce-inline-block .app-pay img{
    height: 45px;
    margin-bottom: 5%;
}

/* fi_FI */

.oce-main-container-fi_FI
  .otp-verify-overlay
  .oce-main-form-wrapper
  button.primary-button {
  width: 250px;
}

.res_Large
  .oce-main-container-fi_FI
  .oce-main-form-oneblk-container
  .oce-left-align-block {
  margin: 10px -155px 0 -155px;
}

.res_Large
  .oce-main-container-fi_FI
  .oce-main-form-twoblk-container
  .oce-left-align-block {
  margin: 10px 0 0 0;
}

.res_Medium
  .oce-main-container-fi_FI
  .oce-main-form-oneblk-container
  .oce-left-align-block {
  margin: 10px -103px 0 -103px;
}

.res_Medium
  .oce-main-container-fi_FI
  .oce-main-form-twoblk-container
  .oce-left-align-block {
  margin: 10px 0 0 0;
}

.res_Small .oce-main-container-fi_FI .oce-left-align-block {
  margin: 10px -20px 0 -20px;
}

.oce-main-container-fi_FI .oce-thankyou-offer-block .desc1 {
  font-size: 0.72em;
  margin-top: -6%;
}

.res_Small .oce-main-container-fi_FI .oce-thankyou-offer-block .desc1 {
  font-size: 0.72em;
  margin-top: -9%;
}

.res_Large
  .oce-main-container-fi_FI
  .oce-thankyou-offer-block
  p
  + .app-pay
  img {
  margin-top: 5%;
}

.res_Medium
  .oce-main-container-fi_FI
  .oce-thankyou-offer-block
  p
  + .app-pay
  img {
  margin-top: 7%;
}

.res_Small
  .oce-main-container-fi_FI
  .oce-thankyou-offer-block
  p
  + .app-pay
  img {
  margin-top: 10%;
}

/* nl_BE   fr_BE  */
.res_Large .oce-main-container-nl_BE .text_input.text_input_dob label.dob-label,
.res_Large
  .oce-main-container-fr_BE
  .text_input.text_input_dob
  label.dob-label {
  padding-left: 180px;
}

.res_Small
  .oce-main-container-fr_BE
  .validated-text-input-block
  .validated-text-input-label
  label {
  font-size: 0.79em;
}

.res_Small
  .oce-main-container-nl_BE
  .validated-text-input-block
  .validated-text-input-label
  label {
  font-size: 0.75em;
  letter-spacing: -0.04em;
}

.res_Small
  .oce-main-container-fr_BE
  .oce-main-form-card-input-container.reredesign
  .validated-text-input-block
  .validated-text-input-label
  label {
  font-size: 0.9em;
}

.res_Small
  .oce-main-container-nl_BE
  .oce-main-form-card-input-container.reredesign
  .validated-text-input-block
  .validated-text-input-label
  label {
  font-size: 0.9em;
  letter-spacing: 0em;
}


/* nl_NL */
.res_Small .oce-main-container-nl_NL amex-offers-nl[eligibility="addAcard"] .link-as-button,
.res_Medium .oce-main-container-nl_NL amex-offers-nl[eligibility="addAcard"] .link-as-button {
  padding-left: 7px;
  padding-right: 7px;
}


/* following 2 selectors handle long text on card input cid label */
.oce-main-container-fr_FR .oce-main-form-card-input-container.reredesign .validated-text-input-label label,
.oce-main-container-fr_CA .oce-main-form-card-input-container.reredesign .validated-text-input-label label,
.oce-main-container-fr_CH .oce-main-form-card-input-container.reredesign .validated-text-input-label label,
.oce-main-container-nl_BE .oce-main-form-card-input-container.reredesign .validated-text-input-label label,
.oce-main-container-es_AR .oce-main-form-card-input-container.reredesign .validated-text-input-label label {
  font-size: .9em !important;
  white-space: inherit;
}

.oce-main-container-fr_FR .oce-main-form-card-input-container.reredesign .validated-text-input-label,
.oce-main-container-fr_CA .oce-main-form-card-input-container.reredesign .validated-text-input-label,
.oce-main-container-fr_CH .oce-main-form-card-input-container.reredesign .validated-text-input-label,
.oce-main-container-nl_BE .oce-main-form-card-input-container.reredesign .validated-text-input-label,
.oce-main-container-es_AR .oce-main-form-card-input-container.reredesign .validated-text-input-label {
  height: 3em;
  line-height: 4em;
}

.res_Small .oce-main-container-fr_FR .reredesign .oce-card-input-block .card-cm15-image-double.card-graphic-figure,
.res_Small .oce-main-container-fr_CA .reredesign .oce-card-input-block .card-cm15-image-double.card-graphic-figure,
.res_Small .oce-main-container-fr_CH .reredesign .oce-card-input-block .card-cm15-image-double.card-graphic-figure,
.res_Small .oce-main-container-nl_BE .reredesign .oce-card-input-block .card-cm15-image-double.card-graphic-figure,
.res_Small .oce-main-container-es_AR .reredesign .oce-card-input-block .card-cm15-image-double.card-graphic-figure {
  padding-bottom: 0px;
}

.oce-main-container-fr_FR .validated-text-input-label label {
  /* font-size: 0.65em !important; */
  text-wrap: wrap;
}
/* .res_Small .oce-main-container-fr_FR .validated-text-input-label label {
  font-size: 0.65em;
}
.res_Medium .oce-main-container-fr_FR .validated-text-input-label label {
  font-size: 0.65em;
} */
.res_Large
  .res_800
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}
.res_Large
  .res_850
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}
.res_Large
  .res_900
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}
.res_Large
  .res_950
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}
.res_Large
  .res_1000
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}
.res_Medium
  .res_700
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}
.res_Medium
  .res_800
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}
.res_Medium
  .res_650
  .oce-main-container-fr_FR
  .validated-text-input-label
  label {
  font-size: 0.65em;
}

.oce-main-container-nl_BE .oce-link-block,
.oce-main-container-fr_BE .oce-link-block {
  font-size: 12px;
}

.oce-main-container-nl_BE
  .oce-main-form-wrapper
  .card-register-left-container
  button.primary-button,
.res_Small
  .oce-main-container-fr_BE
  .oce-main-form-wrapper
  .card-register-left-container
  button.primary-button {
  font-size: 15px;
}
.oce-main-container-nl_BE
  #oce-card-input-graphic-wrapper
  .card-cm15-cid-combo
  figcaption {
  width: 225px;
}

.res_Small .oce-main-container-it_IT .card-graphic-overlay .back-graphic h2 {
  width: 75%;
}
.res_Small .oce-main-container-en_SG .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}

.res_Small .oce-main-container-es_MX .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}
.res_Small .oce-main-container-en_AU .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}
.res_Small .oce-main-container-en_GB .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}
.res_Small .oce-main-container-en_HK .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}
.res_Small .oce-main-container-ch_HK .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}
.res_Small .oce-main-container-nl_BE .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}
.res_Small .oce-main-container-fr_BE .oce-thankyou-offer-block .q-pay > img {
  display: none !important;
}

.res_Small .oce-main-container-es_MX .oce-inline-block {
  margin-top: 60px;
}

/* en_NZ */
oce-offer-nz[eligibility="welcomeCenter"] .offerBtn button {
  padding: 0px 10px;
}

/* es_MX */
.oce-main-container-es_MX .mx-offset-button {
  margin-top: -10px;
}

/** thank you offer tile button fixes */
.oce-main-container-en_AU .oce-thankyou-offer-button a.link-as-button {
  padding-left: 12px;
  padding-right: 12px;
}

.res_Medium .oce-main-form-container {
  padding: 0 5% 100px;
  width: 90%;
  min-height: auto !important;
}
.res_Medium .oce-main-form-wrapper .oce-card-activation-form .text_input {
  right: 10%;
  text-align: right;
}
.res_Medium .oce-hidden-medium {
  display: none;
}

.res_Medium .oce-success-banner .oce-main-sub-text {
  line-height: normal;
  margin: 0 auto 17px;
  width: 100%;
}
.res_Medium #oce-digit-info {
  left: auto;
  top: -51px;
  right: -71px;
  width: 231px;
}
.res_Medium #oce-digit-error {
  left: auto;
  top: -51px;
  right: -71px;
  width: 231px;
}
.res_Medium #oce-card-info {
  left: 0px;
  top: -51px;
}
.res_Medium #oce-card-error {
  left: 0px;
  top: -51px;
}
.res_Medium #oce-answer-info,
.res_Medium #oce-answer-error {
  left: -45px;
  top: auto;
  padding-top: 10px;
  bottom: 76px;
}

.res_Medium #dav-suggest-info .arrow-top-info {
  right: 7%;
}
.res_Medium .oce-main-form-wrapper .oce-card-activation-form .oce-four-digit {
  top: 100px;
}
.res_Medium
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-activation-helperText {
  color: #333;
  position: relative;

  font-size: 0.714em;
  text-align: center;
  margin-top: 10px;
}
.res_Medium
  .oce-main-DJ-container
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-activation-helperText {
  color: #fff;
}

.res_Medium .arrow-left-info,
.arrow-left-error,
.res_Medium #oce-confirm-password-info .arrow-left-info {
  left: 50%;
  position: absolute;
  top: auto;
  bottom: -23px;
}
.res_Medium .dav-amex-logo {
  margin-top: 13px;
}
.res_Medium .arrow-left-error {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
}
.res_Medium .arrow-left-info {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #eeeeee;
}
.res_Medium img.oce-hidden-medium {
  display: none !important;
}
.res_Medium .oce-register-error {
  width: 200px;
}
.res_Medium .oce-right-form-timezone-container {
  max-width: 247px;
}
.res_Medium .dav-header {
  height: 40px;
  position: relative;
}
.res_Medium .dav-help_content {
  position: absolute;
  right: 0;
  top: 0;
}
.res_Medium .dav-header-logo {
  left: 5%;
  position: absolute;
  margin-left: 0;
}

.res_Medium #oce-stand-createUser #oce-userid-valid,
.res_Medium #oce-stand-createUser #oce-userid-error {
  top: -221px;
  left: -26px;
}
.res_Medium #oce-stand-createUser #oce-userid-info {
  top: -172px;
  left: -26px;
}
.res_Medium #oce-stand-createUser #oce-password-info {
  top: -244px;
  left: -26px;
}
.res_Medium #oce-stand-createUser #oce-password-error {
  top: -286px;
  left: -26px;
}
.res_Medium #oce-stand-createUser #oce-confirm-password-info {
  top: -110px;
  left: -26px;
}
.res_Medium #oce-stand-createUser #oce-password-confrm-error {
  top: -91px;
  left: -26px;
}
.res_Medium #oce-stand-createUser .arrow-left-info {
  left: 44%;
  position: absolute;
  top: 100%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
}

.res_Medium .oce-otp-overlay {
  width: 100%;
  margin-left: 0;
  left: 0;
  top: 0;
}
.res_Medium .oce-otp-overlay h2 {
  margin: 0;
  width: 43%;
  font-size: 1em;
  padding: 15px 10%;
}

.res_Medium .oce-left-form-container .text_input .oce-suggest-info,
.res_Medium .oce-left-form-container .text_input .oce-error-info,
.res_Medium .oce-left-form-container .text_input .dav-suggest-info,
.res_Medium .oce-right-form-container .text_input .oce-suggest-info,
.res_Medium .oce-right-form-container .text_input .oce-error-info,
.res_Mediums .oce-right-form-container .text_input .dav-suggest-info,
.res_Medium .oce-right-form-container .text_input #oce-answer-info,
.res_Medium .oce-right-form-container .text_input #oce-answer-error {
  left: -35px;
  top: auto;
  height: auto;
  padding: 10px;
  bottom: 69px;
}

.res_Medium .oce-overlay {
  width: 100%;
  left: 0;
  margin: 0;
  top: 15px;
  margin-bottom: 35px;
}
.res_Medium .oce-overlay .oce-alert-setting,
.res_Medium .oce-overlay .form-container {
  width: 78%;
}

/*  BREAKPOINT STYLES   */
.res_Medium.res_900 .oce-offer-main-block,
.res_Medium.res_850 .oce-offer-main-block,
.res_Medium.res_800 .oce-offer-main-block,
.res_Medium.res_750 .oce-offer-main-block,
.res_Medium.res_700 .oce-offer-main-block,
.res_Medium.res_650 .oce-offer-main-block {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.res_Large.res_1050 .oce-offer-main-block.oce-offer-block-first,
.res_Large.res_1000 .oce-offer-main-block.oce-offer-block-first,
.res_Large.res_950 .oce-offer-main-block.oce-offer-block-first,
.res_Large.res_900 .oce-offer-main-block.oce-offer-block-first,
.res_Large.res_850 .oce-offer-main-block.oce-offer-block-first,
.res_Large.res_800 .oce-offer-main-block.oce-offer-block-first,
.res_Medium.res_900 .oce-offer-main-block.oce-offer-block-first,
.res_Medium.res_850 .oce-offer-main-block.oce-offer-block-first,
.res_Medium.res_800 .oce-offer-main-block.oce-offer-block-first,
.res_Medium.res_750 .oce-offer-main-block.oce-offer-block-first,
.res_Medium.res_700 .oce-offer-main-block.oce-offer-block-first,
.res_Medium.res_650 .oce-offer-main-block.oce-offer-block-first {
  margin: 0 auto;
  margin-bottom: 20px;
}

.res_Large.res_1050 .oce-offer-main-block,
.res_Large.res_1000 .oce-offer-main-block,
.res_Large.res_950 .oce-offer-main-block,
.res_Large.res_900 .oce-offer-main-block,
.res_Large.res_850 .oce-offer-main-block,
.res_Large.res_800 .oce-offer-main-block {
  display: block;
  margin: 0 auto 20px !important;
}

.res_Medium .oce-overlay .oce-alert-subhdng {
  width: 100%;
}
.res_Medium .oce-overlay .oce-alert-paperless-subhdng {
  width: 76%;
  padding-top: 20px;
}
.res_Medium .oce-card-activation-form .oce-four-digit-card[type="tel"] {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  text-align: center;
  height: 13px;
  border-radius: 5px;
  width: 42px;
  font-size: 16px;
  padding: 10px 25px;
  min-height: 1em;
}
.res_Medium .oce-edit-alert .arrow-left-error,
.res_Medium .oce-edit-alert .arrow-left-info {
  border-top: 10px solid transparent;
  border-bottom: 10px solid #ededed;
  top: -20px;
  left: 36px;
}
.res_Medium .oce-main-form-wrapper .text_input .oce-card-number[type="tel"] {
  font-size: 16px;
}

.res_Medium .oce-main-activate-carousel li {
  display: inline-block;
}

/* carousel medium changes */
.res_Medium .oce-main-activate-carousel {
  width: 560px !important;
}

.res_Medium .oce-main-activate-block {
  width: 560px !important;
}
/*.res_Medium .oce-main-activate-carousel ul {
    left: -280px;
}*/
.res_Medium .oce-main-activate-prev {
  left: -50px !important;
}

.res_Medium .oce-thankyou-offer-block.oce-thanks-offer-block {
  margin-left: 19px;
}

.res_Medium .oce-thankyou-offer-block {
  margin-left: 20px;
}

.res_Medium .oce-main-activate-next {
  right: -50px;
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
  .oce-main-activate-prev {
    left: -45px;
  }
  .oce-main-activate-next {
    right: -45px;
  }
  .oce-main-activate-block {
    width: 845px;
  }
}

.res_Medium #oce-answer-otp-error,
.res_Medium #oce-answer-otp-info {
  top: 104px;
  left: -10px;
}

.res_Medium .arrow-otp-left-info {
  border-top: 10px solid #eee;
  left: 50%;
  position: absolute;
  top: auto;
  bottom: -23px;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
}

.res_Medium
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-card-number_container {
  right: 58px;
}
.res_Medium
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-card-number_container
  label {
  text-align: left;
}
.res_Medium .oce-overlay .editForm {
  width: 260px;
}
.res_Medium .oce-overlay .editForm.edit-paperless {
  width: 78% !important;
}
.res_Medium .oce-overlay h2 {
  width: 60%;
}
.res_Medium #oce-userid-error,
.res_Medium #oce-userid-info,
.res_Medium #oce-userid-valid,
.res_Medium #oce-password-info,
.res_Medium #oce-password-error,
.res_Medium #oce-confirm-password-info,
.res_Medium #oce-password-confrm-error {
  left: -35px;
  top: auto;
  bottom: 70px;
}
.res_Medium
  .oce-main-form-wrapper.oce-update-records-wrapper
  .text_input
  input[type="password"].oce-input-last {
  margin-bottom: 12px;
}
.res_Medium .oce-update-records-wrapper .oce-input-tel {
  height: 13px;
}

.res_Medium .oce-main-activate-carousel li {
  float: left;
}
.res_Medium .oce-main-activate-carousel li:first-child {
  margin-left: 0 !important;
}

.res_Medium
  .oce-main-activate-carousel
  ul
  li:first-child
  .oce-thankyou-offer-block {
  margin-left: 0px !important;
}
.res_Medium .otp-access-code #oce-answer-otp-info,
.res_Medium .otp-access-code #oce-answer-otp-error {
  top: auto;
  bottom: 72px;
}

.res_Medium input,
.res_Medium select,
.res_Medium textarea {
  font-size: 16px !important;
}

/**Added for multi-color supp*/
.res_Medium .oce-main-form-wrapper .select-dropdown.addsupp {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #bcbcbc;
  font-size: 1em;
  max-width: 240px;
  margin: 0 0 20px;
  height: 40px;
  float: none;
}
.res_Medium .multicolor-suppfee {
  color: #008767;
  font-size: 0.813em;
  margin-bottom: 5px;
  float: none;
  display: block;
}
.res_Medium .addsuppContent .text_input {
  margin-right: 50px;
}

/** merchant offer  **/

.res_Medium .merchantoffer .oce-offer-block {
  padding: 0px 10px;
}

/* disclaimer text for opting in to marketing emails */
.res_Medium .oce-main-form-oneblk-container #oce-opt-in-disclaimer {
  margin: 0 -103px 0 -103px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  font-size: 0.813em;
}

.res_Medium .oce-main-form-twoblk-container #oce-opt-in-disclaimer {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  font-size: 0.813em;
}

.res_Medium .oce-alert-overlay .form-container .oce-buttonwrap {
  padding-left: 20px;
}

.res_Medium
  .oce-overlay.oce-main-form-twoblk-container
  .email-update-block
  .editForm {
  width: 430px;
}

.res_Medium
  .oce-overlay.oce-main-form-twoblk-container
  .oce-alert-edit
  .text_input {
  width: 46%;
  margin: 0px 5px 0px 5px;
}

.res_Medium .alerts-time-preference-block {
  text-align: center;
}

.res_Medium .alerts-time-preference-block label.oce-timezone-label {
  text-align: center;
}

.res_Medium .oce-overlay.oce-iframe-addasupp-overlay {
  width: 99.76%;
  height: 80vh;
}

/* REDESIGN STYLES */
.dls-bright-blue {
  color: #006fcf;
}

.dls-deep-blue {
  color: #00175A;
}

.res_Large .two-column-flex {
  flex-direction: row;
}

.two-column-flex {
  flex-direction: column;
  display: flex;
  justify-content: space-between;
}

.res_Large .two-column-flex-block {
  max-width: 47%;
  min-width: 400px;
  width: 100%;
}

.res_Large .two-column-flex-block.first-block {
  text-align: left
}

.res_Large .two-column-flex-block.second-block {
  min-width: 350px;
}


.res_Medium .res_large_plus,
.res_Small .res_large_plus {
  display: none!important;
}

.res_Large .res_medium_minus {
  display: none!important;
}

.app-download-flourish {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
}
.res_Small .app-download-flourish {
  width: 100vw;
}

.app-download-page.desktop-variant1 .appDownload-a-main-container {
  display: block;
  /* flex-direction: column; */
  align-items: left;
}


.appDownload-a-main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flourish-right {
  -webkit-transform: scalex(-1);
  transform: scalex(-1);
}

.appDownload-b-right-container img {
  width: 534.49px;
}

.isMobile-app-download .app-download-benefit {
  display: flex;
  flex-direction: column;
  color: #00175A;
  margin: 1em 0em;
  justify-content: space-between;
  height: 3em;
}

.isMobile-app-download .app-download-benefit > * {
  margin: 0 auto;
}

.isMobile-app-download .benefit-container {
  width: auto;
  height: auto;
  margin: 1em 0em 1.5em;
}

.app-download-page .icon-image svg {
  height: 25px;
  width: 25px;
  margin-right: 10px;
}

.full-width-container {
  width: 90%;
  padding: 0 5% 40px;
}

.res_Small .app-download-page.full-width-container.mobile-variant2,
.res_Small .app-download-page.full-width-container.desktop-variant1,
.res_Medium .app-download-page.full-width-container.mobile-variant2,
.res_Medium .app-download-page.full-width-container.desktop-variant1 {
  padding-bottom: 30px;
}
.res_Large .app-download-page.full-width-container.mobile-variant2 {
  padding-bottom: 0px;
}

.app-download-page.full-width-container.mobile-variant2 * {
  color: #00175a;
}

.res_Large .app-download-page.full-width-container.mobile-variant2 header *,
.res_Large .app-download-page.full-width-container.desktop-variant1 header * {
  text-align: left;
}

.app-download-page.full-width-container.desktop-variant1 header * {
  width: 100%;
}

.res_Large .app-download-page.full-width-container.desktop-variant1 .subheading {
  text-align: left;
  /* max-width: 70%; */
}

.app-download-page.full-width-container .subheading {
  font-size: 1em;
  line-height: 1.5em;
}

.app-download-page.full-width-container .qr-heading {
  padding-top: 1.3em;
  font-family: BentonSans, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.875rem;
}


.a-variant.app-download-page .icon-image svg {
  margin: 2px auto;
  display: block;
}

hr {
  border: none;
  border-top: 1px solid lightcoral;
  color: lightcoral;
  overflow: visible;
  text-align: center;
  width: 100vw;
  margin-left: -5vw;
  height: 5px;
}

.mobile-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile-cta img {
  height: auto;
  width: 180px;
}

.cta-container button {
  margin-top: 7px;
}

.app-download-page .heading-5 {
  margin-bottom: 21px !important;
  margin-top: 51px;
}

.res_Large .app-download-page.mobile-variant2 .heading-5 {
  width: 12em;
  line-height: 1em;
}

.app-download-page .primary-button {
  height: 50px;
  width: 230px;
}
.res_Small .app-download-page .primary-button {
  width: 100%;
}

.app-download-page .secondary-button {
  box-sizing: border-box;
  height: 50px;
  width: 180px;
  border: 1px solid #006FCF;
  border-radius: 4px;
  background-color: #FFFFFF;
  color:#006FCF;
}

.appDownload-desktop {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2em;
}

.app-download-page .subtext {
  color: #333333;
  font-family: "Helvetica Neue" !important;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  margin-bottom: 25px;
}




.background {
  max-width: 500px;
  height: auto;
  padding: 2em;
  border-radius: 8px;
  background-color: #00175A;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: rgb(255, 255, 255)
}

.background h3 {
  padding: 0em 20px 0em;
  max-width: 90vw;
  font-size: 1.25em;
}
.res_Small .app-download-page header {
  margin-top: 4em;
}
.app-download-page header * {
  margin-top: 10px;
  line-height: 38px;
}

.flex-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.app-download-page .flex-content > section {
  margin: 1.5em .5em 0em;
}

.left-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.qr-code-border {
  height: 145px;
  width: 145px;
  border-radius: 8px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.app-download-qr-code {
  height: 180px;
  width: 180px;
}

.qr-code span {
  height: 28px;
  width: 410px;
  color: #FFFFFF;
  font-family: BentonSans;
  font-size: 20px !important;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  margin-bottom: 23px;
}

.store-badges-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 25px 25px 6px;
  width: 80%;
}

.app-download-page.mobile-variant2 .store-badges-container,
.app-download-page.desktop-variant1 .store-badges-container {
  justify-content: center;
  margin: 26px 0px 6px;
  width: 100%;
}

.app-download-page.mobile-variant2 .store-badges-container {
  gap: 30px;
}
.res_Small .app-download-page.mobile-variant2 .store-badges-container {
  gap: 20px;
}

.res_Large .app-download-page.mobile-variant2 .store-badges-container,
.res_Large .app-download-page.desktop-variant1 .store-badges-container {
  justify-content: left;
}
.app-download-page.mobile-variant2 .store-badges-container .app-store-button-container *,
.app-download-page.desktop-variant1 .store-badges-container .app-store-button-container * {
  margin: 0px
}
.app-download-page.mobile-variant2 .store-badges-container app-store-buttons,
.app-download-page.desktop-variant1 .store-badges-container app-store-buttons {
  display: flex;
  gap: 30px;
}

.res_Small .app-download-page.mobile-variant2 .store-badges-container app-store-buttons,
.res_Small .app-download-page.desktop-variant1 .store-badges-container app-store-buttons {
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.res_Small .app-download-page.mobile-variant2 .store-badges-container app-store-buttons,
.res_Small .app-download-page.desktop-variant1 .store-badges-container app-store-buttons img {
  height: auto;
  gap: 10px;
}

.res_Small .app-download-page.mobile-variant2 .store-badges-container {
  flex-direction: column;
  /* margin-left: 0px; */
}
.app-download-page.mobile-variant2 .store-badges-container button.secondary-button {
  margin-bottom: 2px;
  width: 175px;
  /* margin-left: 1em; */
}

.store-badges {
  margin: 5px;
}
.store-badges:focus {
  outline: dashed 1px #53565a;
  outline-offset: -2px;
  border-radius: 6px;
}

app-store-buttons span img {
  margin: 5px;
}

app-store-buttons span, app-store-buttons span a {
  height: 100%;
  display: inline-block;
}

.res_Large .app-download-page.mobile-variant2 .benefits-wrapper, 
.res_Large .app-download-page.desktop-variant1 .benefits-wrapper {
  justify-content: left;
}

.app-download-page.mobile-variant2 .benefits-wrapper,
.app-download-page.desktop-variant1 .benefits-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6%;
}

.res_Large .app-download-page.desktop-variant1 .benefits-wrapper {
  flex-wrap: nowrap;
}

.res_Small .app-download-page.desktop-variant1 .benefits-wrapper,
.res_Medium .app-download-page.desktop-variant1 .benefits-wrapper {
  flex-direction: column;
}

/* .res_Small .app-download-page.desktop-variant1 .benefits-wrapper .qr-code-border {
  margin: 20px auto 5px;
} */
.res_Small .app-download-page.desktop-variant1 .benefits-wrapper > *,
.res_Medium .app-download-page.desktop-variant1 .benefits-wrapper > * {
  margin-left: auto;
  margin-right: auto;
}

.app-download-page.mobile-variant2 .benefits-wrapper > *,
.app-download-page.desktop-variant1 .benefits-wrapper > * {
  margin-top: 1.6rem;
}

.benefit-container {
  height: 145px;
  font-size: 15px;
  font-weight: 600;
  text-align: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.res_Small .benefit-container {
  height: auto;
}

.app-download-page.desktop-variant1 .benefit-container > div:first-child {
  margin-top: 0px;
}

.res_Small .app-download-page.mobile-variant2 .benefit-container,
.res_Small .app-download-page.desktop-variant1 .benefit-container {
  height: auto;
}

.benefit-desc {
  margin: auto;
  margin-left: 0px;
  line-height: 1.2em;
  padding-bottom: 3px;
}
.a-variant .benefit-desc {
  margin-left: auto;
}
 
.app-download-benefit {
  display: flex;
  flex-direction: row;
  margin: 7px 0px;
}

.res_Small .app-download-benefit {
  flex-direction: column;
  gap: 5px;
}

.res_Small .app-download-benefit > * {
  margin: auto;
  text-align: center;
}

.res_Large .app-download-page.desktop-variant1 .hero-image-container {
  margin-top: -2rem;
}

.res_Large .app-download-page.mobile-variant2 .hero-image-container {
  margin-top: -4rem;
}

.app-download-page.mobile-variant2 .hero-image-container,
.app-download-page.desktop-variant1 .hero-image-container {
  display: flex;
  margin-top: 1em;
  justify-content: center
}

.app-download-page.mobile-variant2 #app-download-hero-image,
.app-download-page.desktop-variant1 #app-download-hero-image {
  object-fit: contain;
  min-width: 25rem;
  max-width: 27rem
}

.res_Small .app-download-page.mobile-variant2 #app-download-hero-image,
.res_Small .app-download-page.desktop-variant1 #app-download-hero-image {
  min-width: 15rem;
  max-width: 22rem
}



.app-download-page.desktop-variant1 .cta-container {
  margin-top: 1em;
}
.res_Large .app-download-page.desktop-variant1 .cta-container {
  text-align: right;
}

.app-download-page.mobile-variant2 .cta-container button {
  color: white;
}

.redesign button {
  background-color: #006fcf;
}

.redesign span,
.redesign a {
  font-size: 13px;
  line-height: 18px;
}


.redesign a {
  color: #006fcf;
}

.reredesign ul.hyperlinks {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reredesign ul.hyperlinks li {
  height: 2.5rem;
}

.reredesign .hyperlinks a {
  font-size: 0.9375rem;
  text-decoration: underline;
}

.reredesign .hyperlinks a span {
  font-size: inherit;
}

/* Input Validation Styles */

.validation-input-and-icon-wrapper {
  position: relative;
}

.validated-text-input-block {
  margin-bottom: 25px;
}

.ssn-dob-capture {
  margin-left: auto;
  margin-right: auto;
}

.center-in-block {
  margin-left: auto !important;
  margin-right: auto !important;
}

.remove-top-bottom-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* removes IE specific icons appearing in text inputs */
.validated-text-input-block input[type="text"]::-ms-clear,
.validated-text-input-block input[type="password"]::-ms-reveal,
.validated-text-input-block input[type="tel"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.validated-text-input {
  box-sizing: border-box;
  height: 50px !important;
  text-align: left;
}

.input-has-error .validated-text-input {
  /* background-color: #fbefec; */
  border-color: #b42c01 !important;
}

.input-has-error .validated-text-input::placeholder {
  color: #b42c01;
}

/* .input-has-error .validated-text-input-label label {
  color: #b42c01;
} */

.register-revamp .validated-text-input-block .validated-input-msg {
  margin-top: 2px;
  position: relative;
  height: 1.5rem;
  line-height: 1.5rem;
}
.register-revamp .validated-text-input-block .validated-input-msg > span{
  padding-left: 32px;
}

.res_Small .register-revamp .oce-main-form-wrapper label {
  font-size: 1rem;
}
.validated-text-input-block .validated-input-msg {
  margin-top: 10px;
  color: #b42c01;
  font-size: 13px;
  text-align: left;
}

.validated-text-input-block .validation-icon {
  position: relative;
  top: -39px;
  right: -115px;
}
.res_Medium .validated-text-input-block .validation-icon {
  position: relative;
  top: -39px;
  right: -104px;
}

.validated-text-input-label {
  /* text-align: left;
    height: 24px; */
  text-align: left;
  height: auto;
  margin-bottom: 9px;
}

.validated-text-input-label label {
  white-space: nowrap;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
}

.res_Small .validated-text-input-label {
  height: auto;
  margin-bottom: 10px;
}

.res_Small .register-revamp .validated-text-input-label {
  padding-top: 0px;
}

.dls-info-icon:before {
  font-family: "dls-icons";
  content: "\EA6C";
  color: #006fcf;
  position: relative;
  font-size: 20px;
  bottom: -5px;
  left: 4px;
}

.dls-success-icon:before {
  font-family: "dls-icons";
  content: "\EAC2";
  color: #008767;
}

.dls-warning-icon:before {
  font-family: "dls-icons";
  content: "\EADE";
  color: #b42c01;
}

.dls-warning-icon:before,
.dls-success-icon:before {
  position: absolute;
  font-size: 30px;
  right: 10px;
  top: 10px;
}


.dls-solid-warning-icon:before {
  font-family: "dls-icons";
  font-size: 30px;
  content: "\EADD";
  color: #b42c01;
}
.register-revamp .dls-solid-warning-icon:before {
  position: absolute;
}

.show-hide-button {
  color: #006fcf;
}



/* Card Input General Styles */

.oce-main-form-card-input-container .oce-register-error {
  width: 86%;
  margin: 3px 42px 16px;
  font-size: 13px;
  padding: 0;
}

.res_Small .oce-main-form-card-input-container .oce-register-error {
  width: 88%;
}

.reredesign.oce-main-form-card-input-container .oce-register-error ul li {
  text-align: center;
}

.reredesign.oce-main-form-card-input-container .oce-register-error ul li:before {
  left: 69px
}

.oce-main-form-card-input-container .oce-register-error ul li {
  line-height: 18px;
}

/* .res_Medium .oce-main-form-card-input-container .oce-register-error {
    width: 100%;
} */

div.card-input-graphic-desc {
  width: 249px;
  margin: 0px auto;
}

.reredesign #oce-card-input-main-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 750px;
  margin: auto;
}

#oce-card-input-main-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 689px;
  margin: auto;
}

#oce-card-input-main-wrapper button {
  max-width: 249px;
  width: 84%;
  margin: 25px auto 0;
  display: block;
}

.res_Small .card-input-layer-desc {
  line-height: 20px;
}

.card-input-layer-desc {
  line-height: 24px;
  font-size: 13px;
  text-align: center;
  margin: 0px 20px;
}

#oce-card-activation-form-wrapper,
#oce-card-input-graphic-wrapper {
  width: 45.5%;
  display: inline-block;
}

.res_Small .oce-main-form-container.oce-main-form-card-input-container h2 {
  font-size: 28px;
  line-height: 34px;
  margin: 30px 0 20px;
}

.res_Small
  .oce-main-form-card-input-container
  #oce-card-activation-form-wrapper {
  width: 100%;
}

.res_Small .card-input-graphic img {
  width: 100%;
}

.oce-main-form-card-input-container a.plasticless-card {
  margin-top: 20px;
  display: inline-block;
}

/* Card Input Overlay */

.res_Small .card-graphic-overlay .card-input-graphic-wrapper {
  padding: 20px 20px;
}

.res_Small .card-graphic-overlay .oce-buttonwrap {
  padding-bottom: 0px;
}

.res_Small .card-graphic-overlay .oce-buttonwrap button {
  margin-top: 0px;
  width: 84%;
}

.res_Small .card-input-graphic-desc {
  text-align: center;
  font-size: 13px;
  width: 100%;
}

.res_Small .card-input-graphic {
  margin: 18px 8% 25px;
}

.res_Large .oce-card-input-block input,
.res_Medium .oce-card-input-block input {
  min-width: 210px;
}

.oce-card-input-block input {
  width: 100% !important;
}

#oce-card-input-graphic-wrapper {
  position: relative;
}
#oce-card-input-graphic-wrapper:before {
  content: "";
  height: 220px;
  border: 0.5px solid #979797;
  width: 0px;
  position: absolute;
  top: 0;
  margin-top: 10%;
  left: -20px;
}

.res_Small .reredesign .oce-card-input-block {
  margin-top: 25px;
}

.res_Small .reredesign .oce-card-input-block#card-input-cid-container {
  margin-top: 35px;
}

.reredesign #card-input-cid-container {
  position: relative;
}

.reredesign .page-heading {
  margin: 30px 0px 50px;
}

/* .reredesign .page-heading-text {
  font-size: inherit;
} */

main.oce-main-form-card-input-container .page-heading .subheading {
  margin-top: 20px;
}

.res_Large .desktop-variant1 .content-container,
.res_Large .mobile-variant2 .content-container {
  max-width: 50rem;
  margin: 0 auto;
}

.reredesign .validated-input-msg-container {
  min-height: 35px;
  position: relative;
}

.reredesign .validated-input-msg-container ul {
  position: absolute;
}

/* vertical divider between cm15 & cid images on cardInput */
.res_Small .reredesign #card-input-cid-container:before {
  display: none;
}

.reredesign #card-input-cid-container:before {
  content: "";
  height: 210px;
  border: 0.5px solid #ECEDEE;
  width: 0px;
  position: absolute;
  top: -25px;
  margin-top: 10%;
  left: -11%;
}

.reredesign .oce-card-input-block {
  width: 45.5%;
  display: inline-block;
}

.oce-main-form-container.oce-main-form-card-input-container,
.oce-main-form-container.register-revamp {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15% 109px;
}

#oce-card-input-graphic-wrapper figure,
#oce-card-input-graphic-wrapper-mobile figure {
  margin: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card-cm15-image-label-container {
  display: flex;
  margin: 0px auto;
  justify-content: space-around;
  width: 240px;
}

.reredesign .card-cm15-image-label-container {
  display: flex;
  margin: 0px auto;
  justify-content: space-between;
  width: 158px;
}
.reredesign .card-cm15-image-label-container.single-card {
  display: flex;
}

.reredesign .card-cm15-image-label-container {
  display: flex;
  margin: 0px auto;
  justify-content: space-around;
  width: 240px;
}

.res_Small .reredesign .card-cm15-image-label-container {
  margin-top: 15px;
  width: 265px;
}
.res_Small .reredesign .card-cm15-image-label-container span {
  margin-bottom: 0px
}
.reredesign .card-cm15-image-label-container span {
  font-size: 0.8125rem;
  line-height: 1rem;
  font-weight: 400;
  margin: 0 auto;
  margin-bottom: 5px;
}
/* IMAGE LABELS */
.card-input-image-label {
  font-size: 11px;
  font-weight: 600;
}

.res_Medium .oce-main-form-container.oce-main-form-card-input-container {
  padding: 0 5% 109px;
}

.res_Small .oce-main-form-container.oce-main-form-card-input-container {
  width: 100%;
  padding: 0 5% 100px;
}

.reredesign .card-cid-image {
  margin-top: 0px !important;
}

.card-cid-image {
  margin-top: 22px !important;
}

.res_Small .oce-overlay .card-cid-image-single figcaption {
  margin-right: 0px;
  text-align: right;
  right: 15%;
  width: auto;
}

/* COMBO CM15 AND CID IMAGE */
#oce-card-input-graphic-wrapper .card-cm15-cid-combo img {
  width: 200px;
  margin: 0 auto;
}

#oce-card-input-graphic-wrapper .card-cm15-cid-combo figcaption {
  top: 0px;
  text-align: right;
}

.reredesign div.figcaption-container {
  position: relative;
  height: 1.1rem;
}

/* needs to be absolute so text inputs are same y axis on page 
if one figcaption has line break */
.reredesign .figcaption-container figcaption {
  position: absolute; 
}

.reredesign .card-cid-image .figcaption-container {
  padding-left: 19%;
}

/* FIGCAPTION CONTAINERS */
#oce-card-input-graphic-wrapper .figcaption-container,
#oce-card-input-graphic-wrapper-mobile .figcaption-container {
  position: relative;
  line-height: 20px;
}

#oce-card-input-graphic-wrapper .card-cm15-cid-combo .cm15-cid-combo-desc {
  position: relative;
  height: 15px;
}

#oce-card-input-graphic-wrapper
  .card-cm15-cid-combo
  .cm15-cid-combo-desc.upper {
  margin-bottom: 6px;
}

.res_Large
  .oce-main-form-card-input-container
  #oce-card-input-graphic-wrapper
  .card-input-cid-image
  img {
  width: 215px;
}

/* SINGLE IMAGES */
#oce-card-input-graphic-wrapper .card-cm15-image-single img,
#oce-card-input-graphic-wrapper .card-cid-image-single img {
  width: 115px;
  margin: 0 auto;
}

.res_Small #oce-card-input-graphic-wrapper-mobile .card-cm15-image-single img,
.res_Small #oce-card-input-graphic-wrapper-mobile .card-cid-image-single img {
  width: 70%;
  margin: 0px auto;
}

#oce-card-input-graphic-wrapper .card-cid-image-single .cm15-cid-combo-desc {
  position: relative;
}

/* DOUBLE IMAGES */
#oce-card-input-graphic-wrapper .card-cm15-image-double img {
  width: 237px;
  margin: 0 auto;
}

#oce-card-input-graphic-wrapper .card-cid-image-double img {
  width: 179px;
  padding-right: 59px;
  margin: 10px auto 0px;
}

.res_Small #oce-card-input-graphic-wrapper-mobile .card-cm15-image-double img,
.res_Small #oce-card-input-graphic-wrapper-mobile .card-cid-image-double img {
  width: 100%;
  max-width: 400px;
  margin: auto;
}

.res_Small #oce-card-input-graphic-wrapper-mobile .card-cid-image-double {
  margin-top: 17px;
}

.res_Small .card-cid-image-double.card-graphic-figure figcaption {
  margin-right: 0px;
  text-align: center;
  width: 154px;
}

.res_Small .reredesign.oce-main-form-card-input-container .page-heading {
  margin-bottom: 10px;
}

.reredesign.oce-main-form-card-input-container .page-heading {
  margin-bottom: 40px;
}

.reredesign .oce-card-input-block {
  width: 45%;
  height: 250px;
}

.res_Small .reredesign .oce-card-input-block {
  width: 90%;
  min-height: 107px;
  height: auto;
}

.reredesign #card-input-form-fields-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.res_Small .reredesign #card-input-form-fields-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reredesign .validated-text-input-block {
  height: 100%;
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* All card input graphic images  */
.reredesign figure img {
  margin: auto;
}
.res_Small .reredesign figure img {
  margin: 0px auto;
}

.reredesign .card-graphic-figure {
  height: auto;
  display: flex;
  flex-direction: column;
}

/* US CM15 image */
.reredesign .card-graphic-figure img#card-details-graphic-cm15-double{
  height: 90px;
  width: 265px;
}

/* US CID image */
.reredesign figure.card-cid-image-double img#card-details-graphic-cid {
  height: 104px;
  width: 189px;
}

.reredesign figure.card-cid-image-double {
  padding-bottom: 7px;
}

.res_Small .reredesign .card-graphic-figure .figcaption-container {
  width: 189px;
  margin: 0 auto;
  padding: 0;
}

/* AU (double cm15 single cid) cid image */
.reredesign figure.double-cm15-single-cid.card-graphic-figure img#card-details-graphic-cid {
  height: 90px;
  width: 140px;
}

/* ES (single cm15 single cid) cm15 and cid images */
.reredesign figure.single-image-cm15-cid img {
  width: 200px;
  height: 125px;
}


.reredesign .validated-text-input-block .card-graphic-figure figcaption {
  margin-top: 5px;
}

.res_Small .reredesign .oce-card-input-block .card-cm15-image-double.card-graphic-figure {
  padding-bottom: 13px;
}

.res_Small .reredesign .oce-card-input-block .card-cid-image-double.card-graphic-figure {
  padding-bottom: 0px;
}

.card-graphic-figure figcaption {
  font-size: 13px;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 210px;
  text-align: center;
}

.res_Small .card-graphic-figure figcaption {
  bottom: -17px;
}

.res_Small .reredesign .validated-text-input-container {
  width: 100%;
  min-width: 250px;
  max-width: 320px;
  margin-top: 20px;
}
.res_Small .reredesign #card-input-cid-container .validated-text-input-container {
  margin-top: 30px;
}

.reredesign .validated-text-input-container {
  margin: 30px auto;
  min-width: 210px;
  max-width: 350px;
}

/* .validated-text-input-container {
  margin: 0px 90px;
} */

.reredesign .card-graphic-figure.card-cid-image-double figcaption {
  padding-left: 5%;
}
.res_Small .reredesign .card-graphic-figure.card-cid-image-double figcaption {
  padding-right: 5%;
  text-align: end;
}

.card-graphic-figure.card-cid-image-double figcaption {
  padding-left: 19px;
}

.res_Small .card-cm15-image-label-container {
  margin-top: 15px;
  width: 100%;
}

.res_Small .reredesign #oce-card-input-main-wrapper form {
  position: relative;
}

.reredesign #card-input-footer-container {
  margin-top: 3em;
}

.res_Small .reredesign #card-input-footer-container {
  margin-top: 0px;
  position: sticky;
  bottom: 0;
  height: 100%;
  background-color: white;
}

.res_Small .reredesign #card-input-footer-container #card-input-footer-outer {
  position: relative;
  height: 80px;
}

.res_Small .reredesign #card-input-footer-container #card-input-footer-inner {
  position: absolute;
  border-top: 1px solid #c8c9c7;
  width: 100vw;
  left: -5.5%;
  background-color: #fff;
}
.res_Small.res_300 .reredesign #card-input-footer-container #card-input-footer-inner {
  width: 95vw;
}

.reredesign #card-input-footer-container button {
  width: 296px;
}

.res_Small .reredesign #card-input-footer-container button {
  max-width: 95%;
  margin: 20px auto;
}
.res_Small.res_300 .reredesign #card-input-footer-container button {
  max-width: 95%;
  margin: 20px auto;
}


.res_Small .reredesign.oce-main-form-container.oce-main-form-card-input-container {
  padding-bottom: 0px;
}

.reredesign .us-savings-redirect {
  position: static;
  margin-top: 20px;
}

.reredesign .us-savings-redirect span {
  font-size: 15px;
}

.res_Small #oce-card-input-graphic-wrapper-mobile figure {
  margin-bottom: 35px;
}

.res_Small
  .oce-main-form-card-input-container
  #oce-card-input-graphic-wrapper
  img {
  /* max-width: 200px;
    height: auto; */
  width: 160px;
  margin: 0px 20px;
  margin-top: 7px;
}

.res_Medium .oce-main-form-activation-container .oce-main-form-container {
  padding: 0 5% 109px;
  width: 100%;
}

/* Card Input Graphics - (not used in small screens) */
.res_Small #oce-card-input-graphic-wrapper {
  display: none;
}

.res_Small #oce-card-activation-form-wrapper {
  border: none;
}

.res_Large
  #oce-card-activation-form-wrapper
  .validated-text-input-label
  span.dls-info-icon:before,
.res_Medium
  #oce-card-activation-form-wrapper
  .validated-text-input-label
  span.dls-info-icon:before,
.res_Large
  main.oce-main-form-card-input-container.reredesign
  .validated-text-input-label
  span.dls-info-icon:before,
.res_Medium
  main.oce-main-form-card-input-container.reredesign
  .validated-text-input-label
  span.dls-info-icon:before {
  display: none;
}

/* Card Input Layer */

.card-graphic-overlay .oce-overlay-BottmWrapper .card-input-graphic img {
  display: block;
  margin: auto;
}

/*   Message / banners */
.linkage-banner {
  color: #b42c01;
  font-size: 0.9375rem;
  border: 1px solid;
  padding: 16px 12px 7px;
  text-align: left;
  margin: 0px;
  border-radius: 1px;
}

.linkage-banner li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.linkage-banner ul li div {
  display: inline-block;
  margin: 0 4px;
  line-height: 20px;
}

.linkage-banner ul li div.icon-container {
  width: 30px;
  height: 30px;
}

.linkage-banner ul li div.icon-container:before {
  font-family: "dls-icons";
  content: "\EADE";
  font-size: 1.7em;
  color: #b42c01;
}

/* .banner-container now contains margin previously applied */
.oce-main-form-container.register,
.oce-main-form-container.register-old,
.oce-main-form-container.login {
  margin-top: 0px;
}

.banner-container {
  margin-top: 15px;
  background-color: #fff;
}

.dls-success-icon-supp:before {
  font-family: "dls-icons";
  content: "\EAC2";
  color: #008767;
}

.dls-success-icon-supp:before {
  position: absolute;
  font-size: 30px;
  right: 50px;
}
.res_Small .dls-success-icon-supp:before {
  position: absolute;
  font-size: 30px;
  right: 35px;
}
.dls-success-icon-supp-add:before {
  font-family: "dls-icons";
  content: "\EAC2";
  color: #008767;
}
.dls-success-icon-supp-add:before {
  position: absolute;
  font-size: 30px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.res_Small .dls-success-icon-supp-add:before {
  position: absolute;
  font-size: 30px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.dls-warning-icon-supp:before {
  font-family: "dls-icons";
  content: "\EADE";
  color: #b42c01;
}

.dls-warning-icon-supp:before {
  position: absolute;
  font-size: 30px;
  right: 50px;
}
.res_Small .dls-warning-icon-supp:before {
  position: absolute;
  font-size: 30px;
  right: 35px;
}
.dls-warning-icon-supp-add:before {
  font-family: "dls-icons";
  content: "\EADE";
  color: #b42c01;
}
.dls-warning-icon-supp-add:before {
  position: absolute;
  font-size: 30px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.res_Small .dls-warning-icon-supp-add:before {
  position: absolute;
  font-size: 30px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.dls-success-icon-supp2:before {
  font-family: "dls-icons";
  content: "\EAC2";
  color: #008767;
  line-height: 50px;
  position: absolute;
  font-size: 30px;
  right: 50px;
}
.res_Small .dls-success-icon-supp2:before {
  font-family: "dls-icons";
  content: "\EAC2";
  color: #008767;
  line-height: 50px;
  position: absolute;
  font-size: 30px;
  right: 35px;
}
.dls-warning-icon-supp2:before {
  font-family: "dls-icons";
  content: "\EADE";
  color: #b42c01;
  line-height: 50px;
  position: absolute;
  font-size: 30px;
  right: 50px;
}
.res_Small .dls-warning-icon-supp2:before {
  font-family: "dls-icons";
  content: "\EADE";
  color: #b42c01;
  line-height: 50px;
  position: absolute;
  font-size: 30px;
  right: 35px;
}

/* Address Capture General Styles */

#oce-main-form-address-capture-container {
  display: flex;
  flex-direction: column;
  position: relative;
  background: white;
  padding-bottom: 20px;
}

.res_Small #oce-main-form-address-capture-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
  /* height: calc(100vh + 150px); */
  /* height: 100px; */
}

#oce-address-capture-header {
  margin-bottom: 50px;
}

#oce-address-capture-header h2 {
  margin-bottom: 10px !important;
}

#oce-address-capture-form-wrapper {
  text-align: left;
  width: 100%;
  display: inline-block;
}

#oce-address-capture-form-wrapper select {
  width: 100%;
  padding: 0 0.625em;
}

.address-capture-subheader {
  color: #767676;
  padding: 10px 0 10px 0;
}

.info-block {
  background-color: #e6f1fa;
}

.res_Small .info-block {
  width: auto;
  left: 0;
  margin-left: -10px;
  margin-right: -10px;
}

.res_Small .supp-kyc-info-block-margins {
  margin-left: 20px;
  margin-right: 20px;
}

.info-text-block {
  padding: 20px;
  display: flex;
  text-align: left;
  justify-content: center;
}

.res_Large .info-text-block {
  margin-bottom: 50px;
  /* width: 68%; */
}

/* Mobile view info block. */
.res_Small .info-text-block {
  position: relative;
  left: 0;
  right: 0;
  align-items: center;
  height: 100px;
}

/* info text block in supp kyc page */
.supp-info-text-block {
  padding: 20px;
  display: flex;
  text-align: left;
  justify-content: center;
}

.res_Large .supp-info-text-block {
  margin-bottom: 25px;
  /* width: 68%; */
}

/* Mobile view info block. */
.res_Small .supp-info-text-block {
  position: relative;
  left: 0;
  right: 0;
  align-items: center;
  height: 100px;
  margin-bottom: 5px;
}

.res_Large .supp-kyc-redesign-button {
  width: 70% !important;
  height: 45px;
}

.res_Small .supp-kyc-redesign-button {
  position: relative;
  width: 70% !important;
  height: 45px;
}

.gcp-tool-tip {
  padding: 20px;
  display: flex;
  text-align: left;
  justify-content: center;
}

.address-capture-select-dropdown-arrow {
  appearance: none;
}

.address-capture-select-dropdown-arrow::before {
  font-family: "dls-icons";
  content: "\EA08";
  color: black;
  position: absolute;
  right: 13px;
  top: 6px;
  padding: 12px 0px 0px 8px;
  pointer-events: none;
}

/* Separates the info icon from the info text. */
.info-text {
  margin-left: 20px;
  position: relative;
  color: #53565a;
  font-family: "Helvetica Neue";
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22px;
  display: flex;
  align-items: center;
}

.res_Small.info-text {
  width: 307px;
  height: 60px;
}

.res_Large.info-text {
  width: 543px;
  height: 40px;
}

.res_Large
  #oce-main-form-address-capture-container
  > .oce-main-form-container.oce-main-form-card-input-container {
  padding: 0 15% 32px;
}

/* Places the State and Zip fields in a row. */
#address-capture-state-and-zip {
  display: flex;
  justify-content: space-between;
}

.res_Small #address-capture-state-and-zip {
  display: inline-block;
  width: 100%;
}

/* input for the State field. */
.address-capture-state {
  width: 70%;
  margin-right: 20px;
}

.res_Small .address-capture-state {
  width: 100%;
  margin: 0 auto 25px;
}

#oce-main-form-address-capture-container button {
  max-width: 400px;
  width: 90%;
  height: 50px;
  margin: 0 auto 50px;
  display: block;
}

.res_Small
  #oce-main-form-address-capture-container
  > .oce-main-form-container.oce-main-form-card-input-container {
  padding: 0 5% 20px;
}

.res_Small .oce-address-capture-info-icon {
  position: relative;
  top: -20px;
}

.res_Small #oce-main-form-address-capture-container button {
  width: 100%;
  max-width: 90%;
  height: 50px;
  margin: 40px 5%;
  position: relative;
}

#oce-address-capture-form-wrapper select {
  font-size: 1em;
}

#oce-main-form-address-capture-container .dls-success-icon:before,
.dls-warning-icon:before {
  margin-right: 10px;
}

.additional-fields-link {
  position: relative;
  bottom: 10px;
  margin-bottom: 20px;
}

#oce-main-form-address-capture-container .dls-info-icon:before {
  bottom: 0;
  top: 0;
}


/* Market Specific Styles */

/* ch_HK  */
.res_Small .oce-main-container-ch_HK #custom-cardInput {
  left: -14px;
}

.res_Small .oce-main-container-ch_HK #custom-cid {
  left: 28px;
}

/* zh_TW */

.res_Small .oce-main-container-zh_TW #custom-cardInput {
  left: -14px;
}

.oce-main-container-zh_TW #custom-cardInput {
  left: -5px;
}

/* fr_CA */
.oce-main-container-fr_CA .validated-text-input-label .validated-text-input-label-cm15 {
  margin-bottom: 10px;
}

/* es_AR */
.res_Medium .oce-main-container-es_AR .validated-text-input-label .valdated-text-input-cid-label{
  white-space: inherit;
}

.res_Medium .oce-main-container-es_AR .validated-text-input-label .validated-text-input-label-cm15 {
  margin-bottom: 10px;
}
.res_Small .oce-main-form-container {
  width: 90%;
  padding: 0 5% 100px;
  min-height: auto !important;
}
.res_Small .oce-flip-main-container {
  position: relative;
  z-index: 1;
  width: 100%;
}
.res_Small #oce-progress-tracker .oce-progress-bar-content {
  padding-top: 13px;
}
.res_Small .oce-progress-bar-container {
  font-size: 0.563em;
}
.res_Small .oce-flip-main-container .res_Small .oce-flip-container {
  background-color: #fff;
  position: absolute;
  width: 100%;
  overflow-x: hidden;
}
.res_Small
  .oce-flip-content-block.res_Small
  .oce-flip-main-container
  .res_Small
  .oce-flip-container {
  -ms-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.res_Small
  .oce-flip-content.res_Small
  .oce-flip-main-container
  .res_Small
  .oce-flip-container {
  -ms-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.res_Small .oce-back-container {
  display: none;
}
.res_Small .oce-flip-main-container .res_Small .oce-front-container {
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: perspective(800px) rotateY(0deg);
  -webkit-transform: perspective(800px) rotateY(0deg);
  -moz-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
  z-index: 1;
}
.res_Small .oce-flip-main-container .res_Small .oce-back-container {
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: perspective(800px) rotateY(-180deg);
  -webkit-transform: perspective(800px) rotateY(-180deg);
  -moz-transform: perspective(800px) rotateY(-180deg);
  transform: perspective(800px) rotateY(-180deg);
  display: inline-block;
}
.res_Small
  .oce-flip-content.res_Small
  .oce-flip-main-container
  .res_Small
  .oce-front-container {
  -ms-transform: perspective(800px) rotateY(180deg);
  -webkit-transform: perspective(800px) rotateY(180deg);
  -moz-transform: perspective(800px) rotateY(180deg);
  transform: perspective(800px) rotateY(180deg);
}
.res_Small
  .oce-flip-content.res_Small
  .oce-flip-main-container
  .res_Small
  .oce-back-container {
  -ms-transform: perspective(800px) rotateY(0deg);
  -webkit-transform: perspective(800px) rotateY(0deg);
  -moz-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg);
}
.res_Small .oce-flip-main-container .res_Small .oce-noloyalty-opensavings {
  backface-visibility: visible;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
.res_Small .oce-front-container .res_Small .oce-card-content-wrapper {
  height: 200px;
  width: 200px;
  border: 1px solid red;
  background: green;
}
.res_Small .oce-back-container .res_Small .oce-card-content-wrapper {
  height: 200px;
  width: 200px;
  border: 1px solid green;
  background: blue;
}
.res_Small .oce-register-logontab {
  background: transparent none repeat scroll 0 0;
  border-bottom: 2px solid #bcbcbc;
  margin-left: 8px;
  padding: 20px 0;
  display: block;
}

.res_Small .oce-register-logontab ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.res_Small .oce-register-logontab li {
  display: inline;
  margin: 0 1px 0 0;
  padding: 0;
}
.res_Small .oce-register-logontab .current a {
  background-color: #fff;
  border-color: #bcbcbc;
  border-style: solid solid none;
  border-width: 2px 2px medium;
  color: #002165;
  height: 24px;
  margin-top: 0;
  padding-bottom: 1px;
}
.res_Small .oce-register-logontab a {
  background-color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #bcbcbc;
  display: block;
  float: left;
  font: bold 0.875em bentonsans-md;
  margin: 0 1px 0 0;
  padding: 11px 0 0;
  text-decoration: none;
  width: 47%;
}
.res_Small .oce-hidden-small {
  display: none;
}
.res_Small .oce-register-form-container {
  border: none;
  margin-top: 20px;
  padding: 0 5%;
  width: 90%;
}

.res_Small .oce-main-form-wrapper .text_input input[type="text"],
.res_Small .oce-main-form-wrapper .text_input input[type="password"] {
  margin-bottom: 12px;
}
.res_Small .oce-main-form-wrapper button.primary-button {
  margin-top: 25px;
}
.res_Small .oce-main-form-wrapper .oce-card-activation-form .text_input {
  right: 29px;
  top: 95px;
}
.res_Small
  .oce-main-form-wrapper
  .oce-card-activation-form
  .text_input:last-child {
  top: 95px;
}
.res_Small .oce-main-form-wrapper .oce-card-activation-form .oce-four-digit {
  top: 52px;
}
.res_Small
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-activation-helperText {
  color: #000;
  position: relative;
  max-width: 307px;
  font-size: 0.6em;
  left: 0px;
  margin-top: 5px;
  text-align: center;
}
.res_Small
  .oce-main-DJ-container
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-activation-helperText {
  color: #fff;
}
.res_Small
  .oce-main-form-wrapper
  .text_input
  input.oce-four-digit-card[type="text"] {
  width: 108px;
}
/*.res_Small .oce-main-form-wrapper .text_input input.oce-card-number[type="tel"] {
    width: 183px;font-size:16px;padding: 5px 5px;
}*/
.res_Small .oce-main-form-wrapper .text_input input.oce-card-num1[type="tel"] {
  width: 14%;
  margin-right: 1%;
  min-height: 1em;
}
.res_Small .oce-main-form-wrapper .text_input input.oce-card-num2[type="tel"] {
  width: 21%;
  margin-right: 5px;
  min-height: 1em;
}
.res_Small .oce-main-form-wrapper .text_input input.oce-card-num3[type="tel"] {
  width: 17%;
  min-height: 1em;
}
.res_Small .oce-card-activation-form-wrapper .text_input input[type="text"],
.res_Small
  .oce-card-activation-form-wrapper
  .text_input
  input[type="password"] {
  font-size: 1em;
  /* height: 42px; */
  padding: 0;
}
.res_Small .oce-main-form-wrapper .text_input {
  width: auto;
}
.res_Small .oce-card-activation-form-wrapper button.primary-button {
  max-width: 249px;
  width: 100%;
}
.res_Small .oce-card-activation-form {
  max-height: 154px;
  max-width: 249px;
}
.res_Small .oce-main-form-container h2, .res_Small h1.heading-spacing {
  font-size: 26px;
  margin: 19px 10px 13px;
  word-wrap: break-word;
  line-height: 34px;
}
.res_Small .oce-main-form-container .oce-main-sub-text {
  font-size: 0.875em;
  margin: 0 0 15px;
  line-height: normal;
}
.res_Small .oce-main-form-wrapper label {
  font-size: 0.75em;
}
.res_Small .oce-overlay.shoprunner-overlay .oce-main-form-wrapper label,
.res_Small .oce-overlay.alert-modal .oce-main-form-wrapper label,
.res_Small .oce-overlay.paperless-update .oce-main-form-wrapper label,
.res_Small .oce-overlay.oce-income-overlay .oce-main-form-wrapper label {
  font-size: 1em;
}
.res_Small .oce-main-form-container .oce-main-sub-text-last {
  margin-bottom: 0;
}
.res_Small .oce-main-form-container .oce-reference-text {
  /* font-size: 0.625em;
    line-height: 14px; */
}
.res_Small #oce-userid-error,
.res_Small #oce-userid-info,
.res_Small #oce-userid-valid {
  width: 276px;
}
.res_Small #oce-userid-valid,
.res_Small #oce-userid-error {
  left: -35px;
  top: auto;
  bottom: 70px;
}

.res_Small #oce-password-info {
  left: -41px;
  top: auto;
  bottom: 71px;
}
.res_Small #oce-password-error {
  left: -41px;
  top: auto;
  bottom: 76px;
}
.res_Small #oce-confirm-password-info,
.res_Small #oce-password-confrm-error {
  left: -35px;
  top: auto;
  width: 276px;
  bottom: 68px;
  padding: 10px;
  border: 1px solid #ededed;
}

.res_Small #oce-confirm-password-info .arrow-left-info,
.res_Small #oce-password-confrm-error .arrow-left-info {
  top: auto;
  bottom: -20px;
}
.res_Small #oce-userid-info {
  left: -35px;
  top: -174px;
}
.res_Small .oce-suggest-info {
  left: -25px;
  padding: 15px 10px 17px 14px;
}
.res_Small .arrow-left-info,
.arrow-left-error,
.res_Small #oce-userid-info .arrow-left-info {
  left: 50%;
  position: absolute;
  top: 101%;
}
.res_Small .arrow-left-error {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #c00;
}
.res_Small .arrow-left-info {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ededed;
}
.res_Small .oce-error-info ul {
  margin-left: -2px;
}
.res_Small .oce-left-form-container {
  border: none;
  padding-right: 0;

  min-width: 247px;
}
.res_Small .oce-edit-alert .oce-suggest-info,
.res_Small .oce-edit-alert .oce-error-info {
  width: 245px;
  left: -17px;
  padding: 10px;
  bottom: 78px;
  top: auto;
}

.res_Small .oce-right-form-container {
  padding-left: 0;
  border: none;
  padding-bottom: 0;

  min-width: 247px;
  display: block;
  margin: 20px auto;
  margin-top: 20px;
  max-width: 247px;
}
.res_Small .oce-main-form-wrapper .checkbox label {
  text-align: left;
}
.res_Small .oce-close-layer {
  right: 15px;
  top: 15px;
}
.res_Small .oce-activation-page {
  padding-bottom: 104px;
}
.res_Small h2.oce-activation-heading {
  margin: 104px 0 41px;
}
.res_Small .oce-offers-container {
  text-align: center;
  white-space: normal;
  width: 100%;
  padding: 0;
}
.res_Small .oce-offer-block {
  margin-top: 20px;
  margin-left: 0;
}
.res_Small .oce-offer-block-first {
  margin-top: 0;
}
.res_Small .oce-main-setup-container {
  padding: 0 0 30px;
  width: 100%;
}
.res_Small .oce-main-setup-container .oce-main-sub-text {
  margin: 0 5% 15px;
}
.res_Small .oce-main-form-light-blue-container a:link {
  font-size: 0.75em;
}
.res_Small .oce-icon-close {
  right: 12px;
  top: 14px;
}
.res_Small .oce-register-error {
  width: 75%;
}
.res_Small #oce-digit-info {
  left: auto;
  top: -53px;
  right: -33px;
  width: 231px;
  padding: 10px;
}
.res_Small #oce-digit-error {
  left: auto;
  top: -53px;
  right: -33px;
  width: 231px;
  padding: 10px;
}
.res_Small #oce-card-info {
  left: -39px;
  top: -52px;
  width: 250px;
  padding: 10px;
}
.res_Small #oce-card-error {
  left: -39px;
  top: -52px;
  width: 250px;
  padding: 10px;
}
.res_Small #oce-answer-info {
  left: -34px;
  top: -119px;
  height: 75px;
  padding-top: 11px;
}
.res_Small #oce-answer-error {
  left: -34px;
  top: -119px;
  height: 75px;
  padding-top: 11px;
}
.res_Small #oce-digit-info .arrow-left-info,
.res_Small #oce-digit-error .arrow-left-info {
  left: 72%;
}
.res_Small .oce-main-form-container {
  min-height: auto;
}

.res_Small .oce-main-form-container .oce-nomargin-bot {
  margin-bottom: 0;
}
.res_Small .oce-sorry-page-container h2 {
  margin-bottom: 10px;
}
.res_Small .oce-login-form-wrapper {
  margin-top: 14px;
  min-height: 380px;
}
.res_Small .oce-main-form-activation-container h2 {
  margin: 32px 0 19px;
}
.res_Small .oce-main-form-activation-container .oce-main-form-wrapper {
  width: 248px;
  margin-top: 19px;
}
.res_Small .oce-main-form-wrapper .oce-card-activation-form .text_input label {
  margin-bottom: 2px;
  text-align: right;
  margin-top: 0;
  font-size: 0.5em;
}
.res_Small
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-card-number_container
  label {
  text-align: left;
  margin-top: 7px;
}
.res_Small .oce-main-form-container.oce-main-form-login-container h2 {
  margin: 40px 0 15px;
}
.res_Small .oce-main-form-login-container button.secondary-button {
  margin-top: 12px;
}
.res_Small
  .oce-main-form-login-container
  .oce-main-form-wrapper
  .text_input
  input[type="text"],
.res_Small
  .oce-main-form-login-container
  .oce-main-form-wrapper
  .text_input
  input[type="password"] {
  color: #fff;
  margin-bottom: 16px;
}
.res_Small .oce-main-form-login-container .oce-primary-link.oce-text-color {
  margin-top: 9px;
}
.res_Small .oce-main-form-redirect-container h2 {
  margin: 80px 0 20px;
}
.res_Small .oce-main-form-redirect-container .secondary-button {
  margin-top: 28px;
}
.res_Small .oce-main-form-container.oce-main-form-redirect-container {
  min-height: 330px;
}
.res_Small .oce-card-security-form-wrapper button.primary-button {
  margin: 3px 0 15px;
}
.res_Small .oce-main-form-wrapper.oce-card-security-form-wrapper {
  margin-top: 2rem;
}

.res_Small
  .oce-main-container-es_MX
  .oce-main-form-oneblk-container
  .oce-update-records-wrapper
  .oce-right-form-container {
  border-top: none !important;
}
.res_Small .oce-main-form-select-pin-container h2 {
  margin: 27px 0 16px;
}
.res_Small
  .oce-main-form-select-pin-container
  .oce-main-form-wrapper
  .text_input {
  font-size: 1em;
}
.res_Small .oce-main-active-container .oce-success-banner {
  padding-top: 15px;
}
.res_Small .oce-main-active-container h2 {
  margin: 0 0 18px;
}
.res_Small .oce-success-banner .oce-main-sub-text {
  margin: 0 0 5px;
  width: 100%;
}
.res_Small .oce-main-activate-block {
  margin-top: 7px;
}
.res_Small .oce-thanks-offer-block {
  height: auto;
  padding: 7%;
  width: 86%;
  max-width: 216px;
  margin-top: 20px;
  margin-left: 0px;
}
.res_Small .oce-thanks-offer-block .oce-offer-button {
  display: inline-block;
  margin-top: 30px;
  position: static;
  width: 100%;
}
.res_Small .oce-main-active-container .secondary-button {
  max-width: 180px;
  width: 100%;
  padding: 0px 0px 0px 0px;
}
.oce-manage-btn {
  max-width: 200px;
}
.res_Small .oce-thanks-offer-block .oce-offer-desc-text {
  display: inline-block;
  font-size: 0.6875em;
  margin-left: 8px;
  margin-top: 4px;
  padding-left: 8px;
  text-align: center;
}
.res_Small .oce-thanks-offer-logo-block .oce-offer-desc-text {
  border-left: 1px solid #d4d4d4;
  display: inline-block;
  float: left;
  font-size: 0.6875em;
  margin-left: 8px;
  margin-top: 4px;
  padding: 8px 0 8px 8px;
  text-align: left;
  width: 60%;
}
.res_Small .oce-thanks-offer-block h4 {
  text-align: center;
  font-size: 1.75em;
}
.res_Small .oce-thanks-offer-block .oce-main-sub-sub-text {
  display: inline-block;
  font-size: 0.688em;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 16px;
}
.res_Small .oce-thanks-offer-block h4.oce-text-center {
  text-align: center;
}
.res_Small .oce-main-active-container .secondary-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.res_Small .oce-credit-line-container h2 {
  font-size: 2.28125em;
  margin: 39px 0 19px;
}
.res_Small .oce-credit-line-container .oce-main-sub-text {
  margin-bottom: 20px;
}
.res_Small .oce-credit-line-container ul {
  margin-bottom: 23px;
}
.res_Small .oce-credit-line-container li {
  font-size: 0.75em;
  margin-left: 10px;
}
.res_Small .oce-credit-line-container .oce-button-no {
  margin-left: 18px;
}
.res_Small .oce-credit-line-container .oce-desc-hdr-text {
  margin-bottom: 14px;
}
.res_Small .oce-main-form-skip-setup-container h2 {
  margin-bottom: 23px;
}
.res_Small .oce-main-form-container.oce-main-form-skip-setup-container p {
  margin-bottom: 21px;
}
.res_Small
  .oce-main-form-container.oce-main-form-skip-setup-container
  .oce-main-sub-text-last {
  margin-bottom: 23px;
}
.res_Small .oce-main-form-skip-setup-container .oce-primary-link {
  margin-top: 15px;
}
.res_Small .oce-main-form-gopaperless-container h2 {
  margin: 47px 0 23px;
}
.res_Small
  .oce-main-form-gopaperless-container.oce-main-form-container
  .oce-main-sub-text {
  margin: 0 0 20px;
}
.res_Small
  .oce-main-form-gopaperless-container.oce-main-form-container
  .oce-main-sub-text-last {
  margin: 0 0 15px;
}
.res_Small .oce-main-form-gopaperless-update-container .oce-main-sub-text {
  margin-bottom: 20px;
}
.res_Small .oce-main-form-gopaperless-update-container .oce-main-sub-sub-text {
  font-size: 0.75em;
  margin-bottom: 16px;
  margin-top: 7px;
}
.res_Small .oce-main-form-gopaperless-update-container button.secondary-button {
  margin-top: 5px;
}
.res_Small
  .oce-main-form-container.oce-main-form-gopaperless-update-container
  .oce-main-help-text {
  margin-top: 10px;
}
.res_Small .oce-main-form-account-alerts-container h2 {
  margin: 32px 0 31px;
}
.res_Small .oce-main-form-account-alerts-container .oce-main-sub-text {
  margin-bottom: 20px;
}
.res_Small #oce-container-inside {
  position: relative;
}
.res_Small .oce-logon-container.flipContent {
  -ms-transform: perspective(1100px) rotateY(0deg);
  -webkit-transform: perspective(1100px) rotateY(0deg);
  -moz-transform: perspective(1100px) rotateY(0deg);
  transform: perspective(1100px) rotateY(0deg);
}
.res_Small .oce-register-container.flipContent {
  /* -ms-transform: perspective(1100px) rotateY(180deg);
	-webkit-transform: perspective(1100px) rotateY(180deg);
	-moz-transform: perspective(1100px) rotateY(180deg);
	transform: perspective(1100px) rotateY(180deg); */
}
.res_Small .flipContent .oce-flipContent {
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.res_Small .oce-flipContent {
  /* position: absolute; */
  text-align: center;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.res_Small .oce-register-container {
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: perspective(1100px) rotateY(0deg);
  -webkit-transform: perspective(1100px) rotateY(0deg);
  -moz-transform: perspective(1100px) rotateY(0deg);
  transform: perspective(1100px) rotateY(0deg);
  z-index: 1;
}
.res_Small .oce-logon-container {
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: perspective(1100px) rotateY(-180deg);
  -webkit-transform: perspective(1100px) rotateY(-180deg);
  -moz-transform: perspective(1100px) rotateY(-180deg);
  transform: perspective(1100px) rotateY(-180deg);
  display: inline-block;
}
.res_Small .oce-register-container.hideFront {
  backface-visibility: hidden;
  -ms-transform: perspective(1100px) rotateY(180deg);
  -webkit-transform: perspective(1100px) rotateY(180deg);
  -moz-transform: perspective(1100px) rotateY(180deg);
  transform: perspective(1100px) rotateY(180deg);
  backface-visibility: hidden;
}
.res_Small .oce-logon-container.hideBack {
  backface-visibility: hidden;
}
.res_Small .oce-offer-main-block .oce-offer-block {
  margin-top: 0;
}
.res_Small .oce-offer-main-block {
  margin-left: 0;
  margin-top: 20px;
}
.res_Small .oce-main-animate-block {
  min-height: 400px;
}
.res_Small .dav-header {
  height: 40px;
}
.res_Small .dav-help-text.secondary-button {
  font-size: 0.875em;
  line-height: 1.7em;
  margin-top: 10px;
  /*padding: 0 10px;*/
}
.res_Small .dav-amex-logo {
  margin-top: 15px;
  margin-left: 3px;
}
.res_Small #dav-suggest-info {
  right: 3px;
  top: 46px;
}
.res_Small #dav-suggest-info .arrow-top-info {
  right: 6%;
}
.res_Small .oce-phn-time-zone-blk {
  margin: 0 auto;
  max-width: 247px;
}
.res_Small .oce-select-dropdown-and {
  margin-right: 0;
  float: right;
}
/************** Defect Activation *****************/
.res_Small
  .oce-main-form-wrapper
  .text_input
  .oce-four-digit-card[type="password"] {
  width: 85px;
  height: 25px;
  padding: 5px 5px;
  color: #333;
}
.res_Small .oce-main-form-wrapper .select-dropdown {
  font-size: 1em;
}
.res_Small img.oce-hidden-small {
  display: none !important;
}
.res_Small #oce-terms-and-conditions-layer {
  font-size: 0.75em;
  line-height: 23px;
}
.res_Small .oce-select-dropdown-time-zone {
  /* float:left */
}
.res_Small .oce-select-dropdown-time-zone .oce-req-field {
  clear: left;
}
.res_Small #oce-terms-and-conditions-layer > div {
  margin-right: 7%;
}
.res_Small .oce-select-dropdown-time-zone label {
  margin-left: 0px;
}
.res_Small #oce-success-banner-act {
  color: #002663;
  margin-top: 25px;
}
.res_Small .oce-thanks-offer-block.oce-offer-block-first a img {
  width: 50%;
}

.res_Small .oce-otp-overlay {
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
}
.res_Small .oce-otp-overlay h2 {
  margin: 0;
  width: 80%;
  font-size: 1em;
  padding: 15px 10%;
}
.res_Small .oce-overlay-wrapper {
  width: 90%;
}
.res_Small .oce-otp-overlay p {
  font-size: 1em;
}
.res_Small .oce-alert-edit .oce-close-layer {
  right: 10px;
}

.res_Medium .oce-main-form-wrapper .verify-input,
.res_Small .oce-main-form-wrapper .verify-input,
.res_Medium .oce-main-form-wrapper .text_input_dob,
.res_Small .oce-main-form-wrapper .text_input_dob {
  margin-top: 4em;
}
.res_Small .oce-main-form-wrapper .text_input_dob .oce-input-yyyy {
  width: 35%;
  padding: 0px;
}
.res_Small .oce-main-form-wrapper .text_input_dob .oce-input-mm,
.res_Small .oce-main-form-wrapper .text_input_dob .oce-input-dd {
  padding: 0px;
  width: 25%;
}
.res_Small .oce-main-form-wrapper .text_input_dob {
  width: 100%;
}
.res_Small .oce-timezone-label {
  text-align: center;
}
.res_Small .oce-left-form-container .text_input .oce-suggest-info,
.res_Small .oce-left-form-container .text_input .oce-error-info,
.res_Small .oce-left-form-container .text_input .dav-suggest-info,
.res_Small .oce-right-form-container .text_input .oce-suggest-info,
.res_Small .oce-right-form-container .text_input .oce-error-info,
.res_Small .oce-right-form-container .text_input .dav-suggest-info,
.res_Small .oce-right-form-container .text_input #oce-answer-info,
.res_Small .oce-right-form-container .text_input #oce-answer-error {
  left: -35px;
  top: auto;
  height: auto;
  padding: 10px;
  bottom: 70px;
}

.res_Small .oce-overlay .oce-alert-setting,
.res_Small .oce-overlay .form-container {
  width: 73%;
}
.res_Small .oce-overlay .oce-alert-setting-wrapper {
  display: inline-block;
  width: 85%;
  text-align: center;
}
.res_Small .oce-overlay .oce-alert-subhdng {
  width: 95%;
}
.res_Small .oce-overlay .oce-alert-setting,
.res_Small .oce-overlay .form-container {
  width: 95%;
}
.res_Small .oce-overlay .form-container {
  text-align: center;
}
.res_Small .oce-overlay .text_input {
  margin-right: 0;
}
.res_Small .oce-overlay .oce-main-form-wrapper .text_input {
  width: 240px;
}
.res_Small .oce-overlay .oce-main-form-wrapper span {
  font-size: 0.75em;
  padding-left: 0;
}

.res_Small .merchantoffer-layer .terms {
  padding-left: 7.5%;
}

.res_Small .oce-overlay .oce-main-form-wrapper .terms span {
  font-size: 1em;
  line-height: 1.5rem;
}

.res_Small .oce-overlay .oce-main-form-wrapper .alerts-tnc-container span {
  font-size: 12px;
  padding-left: 0;
  margin-top: 7px;
}

.res_Small
  .oce-overlay
  .oce-main-form-wrapper
  .alerts-tnc-container
  .last-modified-date {
  margin-top: 10px;
  color: #53565A;
}
.res_Small .oce-overlay .edit-paperless {
  width: 100%;
}
.res_Small .oce-overlay .edit-paperless .oce-buttonwrap {
  text-align: center;
}
.res_Small .oce-overlay .oce-overlay-buttom-info {
  padding: 20px 10px;
}

.res_Small .oce-card-activation-form .oce-four-digit-card[type="tel"] {
  background-color: #fff;
  text-align: center;
  width: 30%;
  margin-right: -6%;
  min-height: 1em;
}
.res_Small
  div.oce-card-activation-form
  > div.text_input.oce-four-digit
  > label {
  margin-top: 2px;
  margin-bottom: 5px;
  width: 100%;
}
.res_Small .oce-overlay h2 {
  width: 80%;
}

.res_Small .skip-layer-overlay h2 {
  width: 70%;
}

.res_Small
  .oce-overlay
  .oce-paperless
  .oce-alert-setting-wrapper
  .oce-alert-settingInfo {
  font-size: 1em;
  display: inline-block;
}
.res_Small .oce-overlay .edit-paperless .text_input {
  width: 80%;
}
.res_Small .oce-overlay .edit-paperless .text_input input {
  max-width: 100%;
}
.res_Small .edit-paperless .oce-error-info,
.res_Small .edit-paperless .oce-suggest-info {
  left: 0;
}

.res_Small .oce-main-activate-block {
  width: 100%;
}

.res_Small .oce-main-activate-next,
.res_Small .oce-main-activate-prev {
  display: none;
}

.res_Small .oce-main-activate-carousel ul {
  width: 100%;
}

.res_Small .oce-main-activate-carousel {
  overflow: hidden;
  width: 100% !important;
  height: auto !important;
  padding-bottom: 1px;
}

.res_Small .oce-main-activate-carousel ul {
  width: 100% !important;
  position: static !important;
}

.res_Small .oce-main-activate-block {
  width: 100% !important;
  position: static !important;
}
.res_Small.res_300 #oce-content-container {
  width: 96%;
}

.res_Small .oce-thankyou-offer-block {
  margin-left: 0px;
  margin-bottom: 7%;
  width: 202px;
  height: 100%;
}

.res_Small .merchantoffer.oce-thankyou-offer-block {
  height: 295px;
}

.res_Small .app-download-block-ca {
  padding-bottom: 10px;
  display: inline-block;
  height: 40px;
  margin-bottom: 30px;
}

.res_Small .access-code-center {
  margin-left: 10% !important;
  margin-bottom: 5% !important;
}

.res_Small .oce-card-security-form-wrapper #oce-answer-error,
.res_Small .oce-card-security-form-wrapper #oce-answer-info {
  left: -14px;
  bottom: 70px;
  height: auto;
  padding: 10px;
  top: auto;
  width: 100%;
}

.res_Small .oce-card-security-form-wrapper .text_input_dob #oce-answer-error,
.res_Small .oce-card-security-form-wrapper .text_input_dob #oce-answer-info {
  bottom: 83px;
}

.res_Small .oce-card-security-form-wrapper .oce-verify-wrapper #oce-answer-error,
.res_Small .oce-card-security-form-wrapper .oce-verify-wrapper #oce-answer-info {
  bottom: 160px;
}

.res_Small .oce-edit-alert .arrow-left-error,
.res_Small .oce-edit-alert .arrow-left-info {
  border-bottom: 10px solid transparent;
  border-top: 10px solid #ededed;
  top: auto;
  left: 50%;
  bottom: -20px;
}

.res_Small .oce-overlay .oce-main-form-wrapper p span.oce-alert-settingInfo {
  font-size: inherit;
}
.res_Small .oce-overlay .oce-alert-setting span a {
  font-size: 1.34em;
}
.res_Small .oce-overlay .oce-alert-setting p span a {
  font-size: 1.1em;
}

.res_Small #oce-answer-otp-error,
.res_Small #oce-answer-otp-info {
  top: auto;
  left: -15px;
  bottom: 72px;
  width: 240px;
}

.res_Small .arrow-otp-left-info {
  left: 50%;
  position: absolute;
  top: 101%;
  border: 10px solid transparent;
  border-top: 10px solid #ededed;
}

.res_Small .contact-info-error {
  padding: 0 5%;
}

.res_Small .oce-otp-buttonwrap {
  padding-top: 5% !important;
}

/*.res_Small .oce-otp-cap-info {
    text-align:left;
}

.res_Small .oce-accessCode access-code-center {
    margin-left:10% !important;
}*/

.res_Small .oce-grey-layer {
  position: fixed;
}
.res_Small .oce-overlay .oce-spinner {
  top: 310px;
}
.res_Small .oce-overlay .oce-skiplayer-overlay div span {
  font-size: 1em;
}
.res_Small
  .oce-overlay
  .oce-main-form-wrapper
  .oce-oneTimeAccess-BottmWrapper
  span {
  font-size: 1em;
}
.res_Small
  .oce-main-form-wrapper
  .oce-card-activation-form
  .oce-card-number_container {
  right: 0%;
  top: 95px;
}
.res_Small .oce-offer-main-block .oce-cli-body-txt p {
  margin-bottom: 5px;
}
.res_Small .oce-offer-button .oce-button-no {
  padding: 10px 0;
  margin: 0px;
  display: block;
  text-align: center;
  border: none;
  width: auto;
}

.res_Small .oce-tooltip-alert .oce-tooltip-alert-suggest-info .arrow-left-info {
  left: 8px;
  top: -18px;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ededed;
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
}
.res_Small input,
.res_Small select,
.res_Small textarea {
  font-size: 16px !important;
}
.res_Small .overlayChkbxWrap {
  overflow: hidden;
  width: 100%;
}
.res_Small .oce-overlay .overlayChkbxWrap p {
  float: none;
}

.res_Small .oce-alert-tandc-overlay .account-alert-layer {
  word-wrap: break-word;
}

.res_Small .addsuppContent .oce-suggest-info {
  left: -10px;
}
/**Added for multi-color supp*/

.res_Small .oce-main-form-wrapper .select-dropdown.addsupp {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #bcbcbc;
  font-size: 1em;
  max-width: 87%;
  margin: 0 0 20px;
  height: 40px;
  float: none;
}
.res_Small .multicolor-suppfee {
  color: #008767;
  font-size: 0.813em;
  margin-bottom: 5px;
  float: none;
  display: block;
  width: 100%;
}

.res_Small .oce-overlay .oce-otp-verify-btn a.oce-primary-link {
  display: block;
}
.res_Small .oce-overlay .oce-main-form-wrapper .text_input.oce-accessCode {
  width: 95% !important;
}

.res_Small .oce-pcn-form-wrapper {
  text-align: center;
  margin: 0% 16%;
  width: 70%;
}

.res_Small .oce-pcnverify-header {
  text-align: center;
}

.res_Small .oce-pcn-form-wrapper .primary-button {
  width: 100%;
}

/* Merchant styles */

.res_Small #merchantoffer .oce-offer-block {
  width: 200px;
}

.res_Small .merchant-offer-body {
  /* padding: 5px 0 0 5px; */
}
.res_Small .merchantoffer .oce-offer-button {
  padding-left: 3px;
}
.res_Small .merchantoffer-terms-layer {
  height: 70vh !important;
}

.res_Small .merchantoffer-layer .section {
  margin: 2% 8% 4%;
}

.res_Small .section.merchant-offer-terms-block {
  padding: 3%;
  background-color: #f7f8f9;
  border: 1px solid #d0d8dc;
  height: 51vh;
  overflow-y: scroll;
}

.res_Small .merchantoffer-layer-title {
  width: 95% !important;
  font-size: 1.6em !important;
}

.res_Small .merchantoffer-layer {
  text-align: left;
  height: 210px;
  overflow: scroll;
}

.res_Small .merchantoffer-layer .section-desc {
  margin-bottom: 20px;
}

.res_Small merchantoffer .oce-offer-block-green .oce-offer-success-image {
  background: url(../image/sprite_mobile.png) 0 -95.5px no-repeat rgba(0, 0, 0, 0);
}

.res_Small .merchantoffer .oce-offer-block {
  width: inherit;
}

/*end merchant offer style */

/* disclaimer text for opting in to marketing emails */
.res_Small #oce-opt-in-disclaimer {
  margin: 0 -20px 0 -20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  font-size: 0.75em;
}

.res_Small .offer-info-icon span.mobile-clickable-area {
  position: absolute;
  right: -10px;
  bottom: -12px;
  height: 35px;
  width: 35px;
  display: inline-block;
}

/* FIXED & SCROLLABLE MODAL CLASSES */
.res_Small .scrollable-modal {
  overflow-y: auto;
  height: 100vh;
  width: 95vw;
  position: fixed;
  top: 0px;
  left: 2.5vw;
  display: block;
  z-index: 200002;
}

.res_Small .oce-overlay {
  width: 100%;
  margin-top: 1.5vh;
  left: 0;
  margin-left: 0px;
  position: relative;
}

.res_Small .mobile-navbar-padding {
  height: 130px;
  background-color: transparent;
  width: 100%;
  position: relative;
}

.res_Small.modalIsOpen {
  position: fixed;
}

/*  SHOPRUNNER LAYER TREATMENT   */
.res_Small .shoprunner-overlay .oce-main-form-wrapper span {
  font-size: 1em;
}

.res_Small .ShopRunnerTNCContentCotainer {
  margin: 11px 0px 0px;
}
.res_Small .ShopRunnerTNCContentCotainer .shoprunnertnc {
  height: 32vh;
  margin: 3% 4% 8%;
  background-color: #f7f8f9;
}

.res_Small .ShopRunnerTNCContentCotainer .terms-tab-content-label-container h2 {
  line-height: 1.3rem;
}

.res_Small sup {
  line-height: 1em;
}

.res_Small
  .shoprunner-overlay
  .ShopRunnerTNCContentCotainer
  .shoprunnertnc-labels {
  margin: -12px 4%;
  padding: 8px 0% 0% 0%;
}

.res_Small .ShopRunnerTNCContentCotainer .terms-tab-content-label-container {
  width: 32%;
}

/*   EXPO ONLY LAYER TREATMENT  */
.res_Small .EXPOLayer .oce-main-form-wrapper .LOCTNCContentCotainer {
  border: 1px solid #d0d8dc;
  overflow-y: scroll;
  height: 30vh;
  background-color: #f7f8f9;
}

.res_Small .EXPOLayer .oce-main-form-wrapper .LOCUlContent span {
  font-size: 1em;
}

/*    LOCTOGGLE and EXPO LAYER TREATMENT   */
.res_Small .LOCLayer .LOCTNCContentCotainer {
  border: none;
  overflow-y: none;
  height: auto;
}

.res_Small .LOCLayer .LOCTNCContent .loc_tncTable span {
  font-size: 1em;
}

.res_Small .LOCLayer table.loc_tncTable .fontColorWhite #tandcheader {
  margin: 0 0;
  display: block;
  font-size: 1.2em;
}

/*   EXPO VERTICAL LIST    */
.res_Small .LOCLayer ul.LOCUlContent li {
  margin-bottom: 20px;
}

.res_Small .LOCLayer ul.LOCUlContent li .layerList {
  width: 85%;
}

.res_Small .LOCLayer ul.LOCUlContent li.locList1 {
  width: 100%;
}

.res_Small .LOCLayer ul.LOCUlContent li.locList2 {
  width: 100%;
  padding-left: 0px;
  margin-right: 0px;
}

.res_Small .LOCLayer ul.LOCUlContent li.locList3 {
  width: 100%;
}

.res_Small .LOCLayer .locline {
  display: none;
}

.res_Small .LOCLayer .oce-main-form-wrapper button.primary-button {
  margin-top: 14px;
}

/*    ADD A SUPP LAYER TREATMENT   */
.res_Small
  .oce-overlay.oce-addasupp-overlay
  .oce-addsuppbuttonwrap
  .agreeContent
  .AP_Bold {
  font-size: 1em;
  font-weight: 600;
}

.res_Small .oce-overlay.oce-addasupp-overlay .addsuppContent {
  margin-top: 30px;
  width: 89%;
}

.res_Small
  .oce-overlay.oce-addasupp-overlay
  .account-alert-layer.add-a-supp-tnc {
  width: 81% !important;
}

.res_Small .oce-overlay.oce-addasupp-overlay .addsuppContent .text_input label {
  font-size: 0.9em;
}

.res_Small .oce-overlay.oce-addasupp-overlay .add-a-supp-tnc {
  height: auto !important;
  padding: 3vw 3vw 3vw;
  background-color: #f7f8f9;
}

.res_Small .oce-overlay.oce-addasupp-overlay .oce-addsuppbuttonwrap {
  margin-top: 0px;
}

.res_Small .subscribe-instructions {
  margin: 0px 0px 0px !important;
}

.res_Small
  .oce-overlay.oce-addasupp-overlay
  .text_input
  input[type="text"].small_inputText {
  padding: 0px 10px;
}
/*    PAPERLESS LAYER TREATMENT   */

.res_Small .paperless-update .oce-alert-contentwrapper .oce-overlay-info {
  text-align: left;
}

.res_Small .paperless-update .oce-alert-contentwrapper .oce-paperless {
  width: 89%;
}

.res_Small .paperless-update .oce-overlay-buttom-info {
  padding: 20px 5.5%;
}

.res_Small .paperless-update .oce-alert-setting-wrapper {
  width: 100%;
}

.res_Small .email-update-block .edit-paperless button.primary-button {
  margin-top: 15px;
}

.res_Small .email-update-block .edit-paperless {
  padding-bottom: 15px;
}

.res_Small .paperless-tnc-layer .oce-main-form-wrapper button.primary-button {
  margin-top: 15px;
}

.res_Small .oce-overlay .oce-alert-paperless-subhdng {
  margin-top: 30px;
}

.res_Small .paperless-update .oce-alert-paperless-subhdng {
  margin-top: 10px;
}

.res_Small .paperless-update .oce-updateform-form-wrapper .oce-alert-subhdng {
  width: 89%;
}

.res_Small p.oce-overlay-info.oce-overlay-buttom-info.msg1.ng-binding:empty {
  display: none;
}

.res_Small .gopaperlessTNCC p {
  margin-top: 20px;
}

.res_Small .gopaperlessTNC1 p {
  font-size: 13px;
  width: 90%;
  margin: auto;
}

.res_Small .gopaperlessTNC1 {
  height: auto;
  /* border-bottom: 1px solid #C8C9C7; */
  width: 100%;
  padding-bottom: 10px;
  margin-top: 0px;
}

.res_Small .gopaperlessTNC2 {
  border: 1px solid #c8c9c7;
  padding: 3% 3% 3%;
  background-color: #f7f8f9;
  height: 62vh;
  margin-top: 30px;
  margin-bottom: 20px;
  width: 83%;
}

.res_Small .oce-overlay.paperless-tnc-layer {
  top: 0px;
}

.res_Small .oce-overlay .oce-buttonwrap {
  margin-top: 0px;
  border-top: 1px solid #c8c9c7;
}

.res_Small .oce-main-form-wrapper .paperless-tnc-layer button.primary-button {
  margin-top: 10px;
}

/*     ALERTS LAYER TREATMENT    */
.res_Small .oce-alert-overlay .oce-edit-alert .oce-alert-setting span {
  padding: 0 0px;
}

.res_Small .oce-alert-overlay .oce-edit-alert .oce-alert-setting a {
  margin-left: 9px;
}

.res_Small .oce-alert-overlay .oce-alert-contentwrapper .form-container {
  padding: 15px 0;
}

.res_Small .oce-alert-overlay .oce-alert-contentwrapper button.primary-button {
  margin-top: 17px;
}

.res_Small .account-alerts-tnc-overlay .tandc-review-info {
  margin: 0px 20px 0px;
  padding-top: 20px !important;
}

.res_Small .account-alerts-tnc-overlay button.primary-button {
  margin-top: 15px;
}

.res_Small .account-alerts-tnc-overlay .oce-main-form-wrapper p.subscribe-info {
  margin-top: 10px;
  margin-bottom: 10px;
}

.res_Small .account-alerts-tnc-overlay .oce-buttonwrap {
  padding-bottom: 13px;
}

.res_Small
  .oce-alert-overlay
  .oce-main-form-wrapper
  .oce-alert-setting
  p
  span
  a {
  font-size: 1.34em;
}

.res_Small .oce-overlay .tandc-review-info {
  padding-top: 30px;
  font-size: 13px;
}

.res_Small .oce-overlay .account-alert-layer {
  margin: 3% 6% 3% !important;
  border: 1px solid #c8c9c7;
  padding: 3% 3% 3%;
  background-color: #f7f8f9;
  height: 22vh !important;
  width: 83% !important;
}

.res_Small .oce-overlay .account-alert-layer h3 {
  font-size: 14px;
  line-height: 16px;
}

.res_Small .oce-overlay .account-alert-layer p {
  font-size: 12px;
}

.res_Small .oce-overlay .account-alert-layer div p {
  font-size: 12px;
}

.res_Small .oce-alert-tandc-overlay .oce-main-form-wrapper .subscribe-info {
  margin: 14px 22px 17px;
  font-size: 13px;
}

.res_Small .oce-alert-tandc-overlay .subscribe-instructions {
  margin: 0 auto !important;
  width: 88%;
  margin-bottom: 5px !important;
}

.res_Small .oce-alert-tandc-overlay .subscribe-instructions:last-child {
  padding-bottom: 15px;
}

/*     INCOME CAPTURE LAYER TREATMENT     */
.res_Small .oce-income-overlay .oce-updateform-form-wrapper {
  margin-top: 30px;
}

.res_Small .oce-income-overlay .IncomeContent {
  width: 83vw;
}

.res_Small .oce-income-overlay .oce-main-form-wrapper .IncomeContent p span {
  font-size: 1em;
}

.res_Small .IncomeContent p.lastUpdDate {
  text-align: center;
  margin-top: 20px;
}

/*     INCOME CAPTURE FAQ LAYER TREATMENT    */
.res_Small #IncomeFaqLayer .IncomeFAQContent div:first-child h2 {
  padding-bottom: 0px;
}

.res_Small #IncomeFaqLayer .IncomeFAQContent {
  margin: 3% 7%;
  background-color: white;
  padding: 0px;
}

.res_Small #IncomeFaqLayer .IncomeFAQContent div:first-child {
  background-color: white;
  padding: 3%;
  border: 1px solid #c8c9c7;
  border-bottom: none;
}

.res_Small #IncomeFaqLayer .IncomeFAQContent .innerfaq {
  padding: 3%;
  border: 1px solid #c8c9c7;
  background-color: #f7f8f9;
  height: 53vh;
}

/*      AMEX OFFERS ON TYPAGE LAYER TREATMENT    */
.res_Small .merchant-offer-info-overlay .merchantoffer-layer {
  height: auto;
}

.res_Small
  .merchant-offer-info-overlay
  .merchantoffer-layer
  .section:not(:first-child):not(.terms) {
  padding-left: 15px;
}

.res_Small
  .merchant-offer-info-overlay
  .merchantoffer-layer
  .section:first-child
  h3 {
  text-align: left;
  margin-bottom: 15px;
}

.res_Small .merchant-offer-info-overlay a.oce-primary-link {
  margin-right: 0px;
}

/*    CA CREDITOR LAYER TREATMENT    */

.res_Small .creditor-overlay .oce-overlay-header-wrapper h2 {
  width: 284px;
}

.res_Small .creditor-overlay .baseTNC.gopaperlessTNC {
  width: auto;
  margin: 10px 20px;
  border: 1px solid #c8c9c7;
  padding: 3% 3% 3%;
  background-color: #f7f8f9;
  height: 40vh;
}

.res_Small .creditor-overlay .baseTNC.gopaperlessTNC p:first-child {
  margin-top: 0px;
}

.res_Small .creditor-overlay .confirmation-container-TNC {
  width: auto;
  margin: 20px 20px;
}

.res_Small .creditor-overlay .confirmation-container-TNC .creditorPreference {
  width: 88%;
}

.res_Small .oce-overlay .oce-overlay-buttom-info:empty {
  padding: 0px;
}

/*    OTP VERIFY LAYER TREATMENT    */
.res_Small .otp-verify-overlay .oce-overlay-header-wrapper h2 {
  padding-right: 12px;
}

.res_Small
  .otp-verify-overlay
  .oce-oneTimeAccess-BottmWrapper
  .oce-overlay-wrapper.oce-overlay-wrapper-center {
  margin-top: 30px;
}

.res_Small
  .otp-verify-overlay
  .oce-oneTimeAccess-BottmWrapper
  .oce-otp-verify-btn
  a {
  margin-right: 0px;
}

/*    OTP CAPTURE LAYER TREATMENT    */
.res_Small .otp-capture-overlay .oce-accessCodediv span {
  font-size: 1em;
}

.res_Small .oce-overlay.otp-capture-overlay {
  overflow-y: auto;
  max-height: 97vh;
  width: 95vw;
  position: fixed;
  top: 0px;
  left: 2.5vw;
  margin-top: 1.5vh;
  z-index: 2000003;
}

.res_Small .oce-overlay.otp-verify-overlay {
  overflow-y: auto;
  max-height: 97vh;
  width: 95vw;
  position: fixed;
  top: 0px;
  left: 2.5vw;
  margin-top: 1.5vh;
  z-index: 2000002;
}

/*  JD POWER MAXYMIZER MODAL  */
.res_Medium .T388_popup.oce-overlay {
  width: 90%;
  height: auto;
  top: 15%;
  left: 50%;
  margin-left: -45%;
}

.res_Small .T388_popup.oce-overlay .oce-buttonwrap {
  padding-top: 20px;
}

/* GCP flow A - CHOOSE POINTS / CHOOSE CASH TnC  */
.res_Small .oce-overlay.gcp-choose-points-layer .account-alert-layer,
.res_Small .oce-overlay.gcp-alerts-tnc-layer .account-alert-layer,
.res_Small .oce-overlay.gcp-choose-cash-layer .account-alert-layer {
  height: 60vh !important;
  margin: 8% 6% 6% !important;
}

.res_Small .oce-overlay.gcp-choose-points-layer .gcp.oce-buttonwrap button {
  margin-top: 0px;
}

/*   INTERNATIONAL PAPERLESS AND ALERTS MODAL FIXES   */
.res_Small
  .oce-main-container-en_CA
  .oce-alert-contentwrapper
  .oce-overlay-info.oce-overlay-buttom-info.msg1,
.res_Small
  .oce-main-container-fr_CA
  .oce-alert-contentwrapper
  .oce-overlay-info.oce-overlay-buttom-info.msg1 {
  padding: 0px 5.5% 5px;
  margin-left: 0px;
  margin-right: 0px;
}

.res_Small
  .oce-main-container-en_CA
  .paperless-update
  .oce-alert-contentwrapper
  .oce-alert-edit.email-update-block
  .edit-paperless.editForm
  div:first-child
  b
  label {
  margin-left: 5.5%;
}

.res_Small
  .oce-main-container-en_CA
  .oce-alert-overlay.paperless-update
  .email-update-block
  .edit-paperless.editForm {
  margin-bottom: 20px;
}

.res_Small
  .oce-main-container-fr_CA
  .oce-alert-overlay.paperless-update
  .email-update-block
  .edit-paperless.editForm
  div:first-child
  b
  label {
  width: 80%;
  margin: auto;
}

.res_Small .oce-alert-overlay.paperless-tnc-layer .gopaperlessTNC {
  margin: 30px 20px 20px;
  border: 1px solid #c8c9c7;
  padding: 3% 3% 3%;
  background-color: #f7f8f9;
  height: 64vh;
  width: 83%;
}

.res_Small .oce-alert-overlay.card-setup-gopaperless-tnc-layer .gopaperlessTNC {
  margin: 30px 20px 20px;
  border: 1px solid #c8c9c7;
  padding: 3% 3% 3%;
  background-color: #f7f8f9;
  height: 64vh;
  width: 83%;
}

.res_Small
  .oce-alert-overlay.paperless-tnc-layer
  .gopaperlessTNC
  p:first-child {
  margin-top: 0px;
}

/*   MARKET STYLES FOR MODAL UPDATE */

.res_Small .oce-main-container-fr_CA pzn-account-options-tnc .paperlessRead,
.res_Small .oce-main-container-en_CA pzn-account-options-tnc .paperlessRead {
  margin: 5px 20px 5px 50px;
}

.res_Small
  .oce-main-container-fr_CA
  pzn-account-options-tnc
  div
  div:first-child
  br,
.res_Small
  .oce-main-container-en_CA
  pzn-account-options-tnc
  div
  div:first-child
  br {
  display: none;
}

.res_Small
  .oce-main-container-fr_CA
  .oce-alert-overlay.paperless-tnc-layer
  .gopaperlessTNC,
.res_Small
  .oce-main-container-en_CA
  .oce-alert-overlay.paperless-tnc-layer
  .gopaperlessTNC {
  margin: 15px 20px 0px;
  height: 33vh;
}

.res_Small
  .oce-main-container-fr_CA
  .level2-model-height.otp-capture-overlay
  .oce-overlay-header-wrapper
  h2 {
  width: 75%;
}

.res_Small
  .oce-main-container-ja_JP
  .paperless-update
  .oce-overlay-header-wrapper
  h2 {
  padding: 15px 13px 15px 0px;
}

.res_Small
  .oce-main-container-fr_FR
  .oce-overlay.oce-alert-overlay
  .oce-overlay-header-wrapper
  h2 {
  margin-right: 46px;
}

.res_Small
  .oce-main-container-fr_FR
  .oce-alert-overlay.skip-layer-overlay
  a.oce-primary-link {
  margin-right: 0px;
}

.res_Small
  .oce-main-container-de_AT
  .oce-alert-overlay.skip-layer-overlay
  a.oce-primary-link {
  margin-right: 0px;
}

.res_Small
  .oce-main-container-fr_FR
  .oce-alert-overlay.paperless-tnc-layer
  .oce-buttonwrap
  a:first-child {
  margin: 0px;
}

.res_Small
  .oce-main-container-de_DE
  .oce-alert-overlay.skip-layer-overlay
  a.oce-primary-link {
  margin-right: 0px;
}

.res_Small
  .oce-main-container-it_IT
  .oce-alert-overlay.paperless-tnc-layer
  .oce-buttonwrap
  a:first-child {
  margin: 0px;
}

.res_Small
  .oce-main-container-en_GB
  .paperless-update
  .oce-alert-contentwrapper
  .oce-alert-edit.email-update-block
  .edit-paperless.editForm
  div:first-child
  b
  label {
  margin-left: 5.5%;
}

.res_Small .oce-main-container-en_GB .paperless-scrollable-wrapper {
  overflow-y: hidden;
  height: auto;
}

.res_Small
  .oce-main-container-en_GB
  .paperless-scrollable-wrapper
  .oce-alert-subhdng.oce-alert-paperless-subhdng {
  padding: 0px;
  margin-bottom: 20px;
}

.res_Small
  .oce-main-container-en_GB
  .paperless-scrollable-wrapper
  .gopaperlessTNC2 {
  height: 30vh;
}

.res_Small
  .oce-main-container-en_GB
  .paperless-scrollable-wrapper
  .gopaperlessTNC2
  .gopaperlessTAndC {
  width: 100%;
}

.res_Small
  .oce-main-container-en_US
  .oce-overlay.paperless-tnc-layer
  pzn-account-options-tnc
  .gopaperlessTNC2 {
  margin-top: 5px;
}

/* fix for broken helper text arrows */
.res_Small .oce-main-container-es_ES .oce-card-activation-form .arrow-left-info,
.res_Small .oce-main-container-fr_FR .oce-card-activation-form .arrow-left-info,
.res_Small
  .oce-main-container-sv_SE
  .oce-card-activation-form
  .arrow-left-info {
  width: 0px;
  top: 150%;
}

.res_Medium
  .oce-main-container-es_ES
  .oce-card-activation-form
  .arrow-left-info,
.res_Medium
  .oce-main-container-fr_FR
  .oce-card-activation-form
  .arrow-left-info,
.res_Medium
  .oce-main-container-sv_SE
  .oce-card-activation-form
  .arrow-left-info {
  width: 0px;
  top: 150%;
}

/*  fix for card input number size in mobile  */
.res_Small .oce-main-form-wrapper .text_input input.oce-card-num1[type="tel"] {
  width: 15%;
  padding: 0 0.5em;
}

.res_Small .oce-main-form-wrapper .text_input input.oce-card-num2[type="tel"] {
  width: 22%;
  padding: 0 0.5em;
}

.res_Small .oce-main-form-wrapper .text_input input.oce-card-num3[type="tel"] {
  width: 18%;
  padding: 0 0.5em;
}
.res_Small
  .oce-main-container-fr_FR
  .oce-card-security-form-wrapper
  .oce-securityWrapper
  #oce-answer-info {
  top: auto !important;
}
.res_Small .oce-main-container-fr_FR .arrow-left-info {
  top: 65px !important;
}
.res_Medium
  .oce-main-container-fr_FR
  .oce-card-security-form-wrapper
  .oce-securityWrapper
  #oce-answer-info {
  top: auto !important;
}
.res_Medium .oce-main-container-fr_FR .arrow-left-info {
  display: none;
}

.res_Medium .oce-main-container-fr_FR .oce-securityWrapper #oce-answer-info {
  left: -26px !important;
}
.res_Small .supp-kyc-form #oce-answer-info {
  height: auto;
  top: -245px !important;
  width: 100%;
}
.res_Medium .arrow-left-info,
.arrow-left-error,
.res_Medium #oce-confirm-password-info .arrow-left-info .supp-arrow {
  left: 71%;
  top: 158px;
}
.res_Medium .supp-kyc-form #oce-answer-info {
  bottom: 101px;
}
.res_Small .arrow-left-info,
.arrow-left-error,
.res_Small #oce-userid-info .arrow-left-info .supp-arrow {
  left: 70%;
  top: 103%;
}
.res_Small .oce-overlay.oce-iframe-addasupp-overlay {
  width: 99.3% !important;
}

.res_Small iframe.supp-iframe {
  height: 72vh;
}
/* gives extra space for hyperlinks under cta in add-a-sup iframe  */
.res_Small #add-supp-mobile-navbar-padding {
  height: 350px;
}

/* FIXED & SCROLLABLE MODAL CLASSES */
.res_Small .supp-iframe-scrollable-modal {
  overflow-y: auto;
  width: 95vw;
  position: fixed;
  top: 0px;
  left: 2.5vw;
  display: block;
  z-index: 200002;
}

.icons-sprite,
.popover-link,
.popover-link:hover,
.popover-link.active,
.popover-link.active:hover,
.popover-link.dark,
.popover-link.dark:hover,
.popover-link.dark.active,
.popover-link.dark.active:hover,
.select-dropdown .select-dropdown-handle .select-dropdown-chevron,
.icon.icon-chevron,
.icon.icon-chevron.active,
.icon.icon-chevron.dark,
.icon.icon-chevron.dark.active,
.icon.icon-close,
.icon.icon-close.dark,
.icon.icon-supp,
.icon.icon-lock,
.icon.icon-lock.dark,
.icon.icon-alert-neg,
.icon.icon-alert-neg.outline,
.icon.icon-alert-pos,
.icon.icon-alert-pos.outline,
.icon.icon-search,
.icon.icon-search.dark {
  background-image: url("../image/icons-sprite.png");
  background-repeat: no-repeat;
}
.oce-main-form-container .oce-spinner,
.oce-overlay .oce-spinner,
.gcp .oce-spinner,
.gcpoverlay .oce-spinner {
  background-color: #fff;
  background-image: url("../image/loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
  height: 25px;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -12.5px;
  padding: 10px;
  position: absolute;
  top: 50%;
  width: 25px;
}
.oce-offers-img {
  background: url("../image/tablet_sprite.png") no-repeat 0 -585px;
  width: 43px;
  height: 41px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-downloadapp-img {
  background: url("../image/tablet_sprite.png") no-repeat 0 -692px;
  width: 28px;
  height: 41px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-vicinity-img,
.oce-offer-accept-location,
.oce-offer-our-network {
  background: url("../image/tablet_sprite.png") no-repeat 0 -639px;
  width: 23px;
  height: 41px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-refer-frinend-img {
  background: url("../image/tablet_sprite.png") no-repeat 0 -751px;
  width: 49px;
  height: 41px;
  display: inherit;
  margin-bottom: 6%;
}

.dls-icon-card-swipe-filled:before {
  content: "\EA34";
  font-family: dls-icons;
  font-size: 50px;
  color: #006FCF;
}

.oce-add-card-img,
.oce-offer-dots-business {
  background: url("../image/tablet_sprite.png") no-repeat 0 -805px;
  width: 57px;
  height: 41px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-offers-membership-rewards {
  background: url("../image/tablet_sprite.png") no-repeat 0 -969px;
  width: 36px;
  height: 42px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-offers-membership-rewards-in {
  background: url("../image/eze_click_logo.jpg") no-repeat 0 0;
  width: 200px;
  height: 42px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-offers-customer-center {
  background: url("../image/tablet_sprite.png") no-repeat 0 -1036px;
  width: 43px;
  height: 42px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-offers-news-letter-reg {
  background: url("../image/tablet_sprite.png") no-repeat 0 -910px;
  width: 48px;
  height: 42px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-offers-welcome-center,
.oce-offers-amex-online {
  background: url("../image/tablet_sprite.png") no-repeat 0 -857px;
  width: 57px;
  height: 42px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-offers-alert-service {
  background: url("../image/tablet_sprite.png") no-repeat 0 -857px;
  width: 57px;
  height: 42px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-increase-limit {
  background: url("../image/tablet_sprite.png") no-repeat 0 -446px;
  width: 45px;
  height: 40px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-travel-insurance {
  background: url("../image/tablet_sprite.png") no-repeat 0 -1098px;
  width: 53px;
  height: 40px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-front-of-line {
  background: url("../image/tablet_sprite.png") no-repeat 0 -1154px;
  width: 54px;
  height: 40px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-amex-invites-ca {
  background: url("../image/tablet_sprite.png") no-repeat 0 -1208px;
  width: 53px;
  height: 34px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-your-supplier-program {
  background: url("../image/tablet_sprite.png") no-repeat 0 -1265px;
  width: 54px;
  height: 37px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-new-way-to-pay {
  background: url("../image/tablet_sprite.png") no-repeat 0 -1319px;
  width: 54px;
  height: 42px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-fuelup-with-esso {
  background: url("../image/tablet_sprite.png") no-repeat 0 -1383px;
  width: 31px;
  height: 41px;
  display: inherit;
  margin-bottom: 6%;
}
.oce-close-layer {
  background: url(../image/icons-sprite.png) no-repeat scroll 0 -176px;
  height: 13px;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 13px;
  cursor: pointer;
}
.oce-offer-success-image {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -136px;
  display: inline-block;
  height: 49px;
  width: 48px;
}
.oce-activation-loader {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -277px;
  display: inline-block;
  height: 35px;
  width: 48px;
  margin-top: 35px;
}
.oce-info-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -313.5px;
  cursor: pointer;
  height: 28.5px;
  position: absolute;
  right: 20px;
  top: 15px;
  width: 30px;
}
.oce-main-form-container .oce-icon-close {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -416px;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  position: absolute;
  right: 25px;
  top: 27px;
  width: 12px;
}
.offer-info-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -430px;
  /* this filter setting takes the icon to be close to dls-gray-05 */
  /* reference this codepen to find the color needed: https://codepen.io/sosuke/pen/Pjoqqp */
  filter: brightness(0) saturate(100%) invert(33%) sepia(7%) saturate(1677%) hue-rotate(27deg) brightness(93%) contrast(93%);
  cursor: pointer;
  display: inline-block;
  height: 13px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 13px;
  z-index: 5;
}
.oce-setup-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -446px;
  display: inline-block;
  height: 40px;
  width: 45px;
}
.oce-paperless-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -536px;
  display: inline-block;
  height: 40px;
  width: 41px;
}
.oce-account-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -491px;
  display: inline-block;
  height: 40px;
  width: 40px;
}
.oce-credit-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -446px;
  display: inline-block;
  height: 40px;
  width: 45px;
}
.oce-paperless-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -536px;
  display: inline-block;
  height: 40px;
  width: 41px;
}
.oce-loc-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -1520px;
  display: inline-block;
  width: 56px;
  height: 30px;
}
.oce-income-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -1664px;
  display: inline-block;
  width: 50px;
  height: 50px;
}
.oce-addasupp-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -805px;
  display: inline-block;
  width: 57px;
  height: 44px;
}
.oce-amex-logo {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 0;
  display: inline-block;
  height: 65px;
  margin-bottom: 10px;
  width: 66px;
}
.oce-main-active-container .oce-offer-success-image {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -65px;
  display: inline-block;
  height: 73px;
  width: 73px;
  margin: 7px 0 15px;
}
.oce-overlay .oce-skiplayer-overlay div {
  padding-left: 27px;
  line-height: 18px;
  margin: 3px 3px 20px;
  text-align: left;
  position: relative;
}
.oce-tickmark-icon {
  background-position: 0 -428px;
  width: 20px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.res_Small .oce-activation-loader {
  background: rgba(0, 0, 0, 0) url("../image/sprite_mobile.png")
    no-repeat scroll 0 -218px;
  display: inline-block;
  height: 28px;
  width: 38.5px;
}
.res_Small .oce-main-active-container .oce-offer-success-image {
  background: rgba(0, 0, 0, 0) url("../image/sprite_mobile.png")
    no-repeat scroll 0 -54.5px;
  height: 51px;
  margin: 0 0 11px;
  width: 51px;
}
.res_Small .oce-amex-logo {
  background: rgba(0, 0, 0, 0) url("../image/sprite_mobile.png")
    no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 54px;
  margin-bottom: 0;
  width: 54px;
}
.oce-tickmark-us-icon {
  background-position: 0 -470px;
  width: 20px;
  height: 22px;
  display: inline-block;
  vertical-align: top;
}
.oce-overlay .oce-skiplayer-overlay div span.icon {
  background: url("../image/icons-sprite.png") 0 -429px no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
}
.amex-dls-logo {
  background-image: url("../image/amex-mobile-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 268px;
  height: 17px;
}

.apu-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll -5px -1725px;
  display: inline-block;
  height: 56px;
  width: 58px;
}
.oce-addasupp-icon {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -805px;
  display: inline-block;
  width: 57px;
  height: 44px;
}

.oce-offer-block .oce-offer-success-image {
  background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png")
    no-repeat scroll 0 -136px;
  display: inline-block;
  height: 49px;
  width: 48px;
  margin: 5px 0 5px;
}

.gcp-flex-layout .dls-icon-1x {
  content: url("../image/dls-icon-1x.png");
  width: 46px;
  padding-bottom: 6px;
}
.gcp.gec .oce-spinner,
.gcp.gexpo .oce-spinner {
  top: 20%;
}
.res_Small .gcp.gec .oce-spinner,
.res_Small .gcp.gexpo .oce-spinner {
  top: 30%;
}
.res_Medium .gcp.gec .oce-spinner,
.res_Medium .gcp.gexpo .oce-spinner {
  top: 30%;
}
oce-offer-us .addabank:before {
  font-family: "dls-icons";
  content: "\EA23";
  font-size: 40px;
  color: #006FCF;
}

oce-offer-us .billcom:before {
  font-family: "dls-icons";
  content: "\EA22";
  font-size: 40px;
  color: #006FCF;
}

.dls-icon-advertising:before {
  font-family: "dls-icons";
  content: "\EAC6";
  font-size: 40px;
  color: #006FCF;
}
.dls-icon-business-services:before {
  font-family: "dls-icons";
  content: "\EA2A";
  font-size: 40px;
  color: #006FCF;
}
.dls-icon-supplies:before {
  font-family: "dls-icons";
  content: "\EABA";
  font-size: 40px;
  color: #006FCF;
}
.dls-icon-utilities:before {
  font-family: "dls-icons";
  content: "\EACA";
  font-size: 40px;
  color: #006FCF;
}

.res_Small .spendinspiration ul li {
  width: 46%;
  margin-bottom: 5%;
}
/* .oce-npsl-icon {
    background: rgba(0, 0, 0, 0) url("../image/tablet_sprite.png") no-repeat scroll 0 -536px;
    display: inline-block;
    height: 40px;
    width: 41px;
} */

.dls-deep-blue-icon {
  filter: invert(8%) sepia(53%) saturate(5707%) hue-rotate(219deg) brightness(89%) contrast(109%);;
}

.oce-main-form-container.register h2 {
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  /* margin: 34px 0 0; */
  /* font-size: 30px;
  line-height: 38px;
  font-weight: 350; */
}

.oce-main-form-container.register h4 {
  /* font-family: Bentonsans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 28px; */
}

.res_Medium .card-register-left-container {
  padding-left: 0%;
}
.card-register-left-container {
  display: inline-block;
  width: 49%;
  padding: 0 3% 0 15%;
  box-sizing: border-box;
  vertical-align: top;

  border-right: 1px solid #ccc;
}

.card-register-right-container {
  display: inline-block;
  width: 50%;
}

.oce-main-form-container.register .oce-main-form-wrapper {
  padding: 2% 10% 2% 10%;
}

.register-revamp #card-register-header-container {
  text-align: center;
  margin-bottom: 2rem;
}
.register-revamp .oce-main-form-wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  margin-top: 0px;
}

.res_1000 #card-register-page,
.res_950 #card-register-page,
.res_900 #card-register-page,
.res_850 #card-register-page,
.res_800 #card-register-page {
  padding-left: 5%;
  padding-right: 5%;
}

.card-register-right-container .validations li.valid:before,
.card-register-left-container .validations li.valid:before {
  font-family: "dls-icons";
  content: "\EA40";
  color: #008767;
  font-size: 18px;
  top: 1px;
  left: 0;
  position: absolute;
}

.card-register-right-container .validations li.valid,
.card-register-left-container .validations li.valid {
  color: #333333;
}

.card-register-right-container .validations li.default,
.card-register-left-container .validations li.default {
  color: #666666;
}

.card-register-right-container .validations li.invalid:before,
.card-register-left-container .validations li.invalid:before {
  font-family: "dls-icons";
  content: "\EA04";
  font-size: 18px;
  top: 1px;
  left: 0;
  position: absolute;
}

.card-register-right-container .validations li.invalid,
.card-register-left-container .validations li.invalid,
.card-register-right-container .validations li span.invalid,
.card-register-left-container .validations li span.invalid {
  color: #b42c01;
}

.card-register-right-container .validations li span {
  margin-left: 2%;
}

.card-register-right-container .validations li,
.card-register-left-container .validations li {
  text-align: left;
  line-height: 22px;
  font-size: 15px;
  position: relative;
  padding-left: 5%;
  margin-bottom: 2%;
}

.res_Medium.res_Medium.res_700 .card-register-right-container .validations li {
  padding-left: 9%;
}

.card-register-right-container h3,
.card-register-left-container h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 2%;
  text-align: left;
  margin-left: 5%;
  margin-top: 4%;
}

.validated-text-input-block .validated-input-msg.userids {
  font-size: 16px;
  line-height: 24px;
}

.validated-text-input-block .useridtaken-block {
  margin-bottom: 2%;
  display: block;
  text-align: left;
  margin-top: 2%;
}

.useridtaken-block + ul li {
  text-align: left;
}

.card-register-right-container .validations li.info,
.card-register-left-container .validations li.info {
  font-weight: 600;
}

.oce-main-form-wrapper .card-register-left-container button.primary-button {
  padding: 10px 10px;
  font-size: 16px;
  line-height: 22px;
  width: 90%;
}

.oce-login-form-wrapper .card-register-left-container .oce-primary-link {
  color: #006fcf;
  font-size: 15px;
  line-height: 22px;
}

.icon-validation {
  vertical-align: middle;
}

.res_Small .card-register-mobile-validations .validations .icon-validation {
  margin-right: 2%;
}

.res_Small .register .oce-login-form-wrapper {
  padding: 0;
}

.res_Small .register .oce-login-form-wrapper .card-register-left-container {
  width: 90%;
  padding: 0;
  border-right: none;
}

.res_Small .card-register-right-container .card-register-desktop-validations {
  display: none;
}
.res_Large .card-register-left-container .card-register-mobile-validations,
.res_Medium .card-register-left-container .card-register-mobile-validations {
  display: none;
}

.res_Small .card-register-left-container h3 {
  font-size: 14px;
  line-height: 24px;
  margin-left: 0;
}

.res_Small .card-register-left-container .validations li {
  margin-left: 2%;
  line-height: 20px;
  font-size: 13px;
  padding-left: 0;
}
.res_Small .card-register-left-container .validations li.default:before,
.res_Small .card-register-left-container .validations li.valid:before,
.res_Small .card-register-left-container .validations li.invalid:before {
  left: -24px;
}

.res_Small
  .card-register-left-container
  .card-register-mobile-validations.confirm_password {
  margin-top: 10px;
}

.res_Small .oce-main-form-container.register h2 {
  line-height: 38px !important;
  font-size: 30px;
  margin-bottom: 5%;
}

.res_Small .oce-main-form-container.register h4 {
  font-size: 18px;
  line-height: 25px;
}
.oce-main-form-container.register
  .card-register-left-container
  .validated-text-input-block {
  margin-bottom: 15px;
}

.res_Medium.res_800 .card-register-left-container,
.res_Medium.res_650 .card-register-left-container,
.res_Medium.res_750 .card-register-left-container,
.res_Medium.res_700 .card-register-left-container {
  padding: 0 3% 0 0%;
}

.res_Medium.res_800 .card-register-right-container .validations li,
.res_Medium.res_700 .card-register-right-container .validations li,
.res_Medium.res_650 .card-register-right-container .validations li,
.res_Medium.res_750 .card-register-right-container .validations li {
  padding-left: 8%;
}

.res_Medium.res_650 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Medium.res_800 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Medium.res_700 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Medium.res_750 .oce-main-form-container.register .oce-main-form-wrapper {
  padding: 2% 1%;
}

.res_Large.res_800 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Large.res_850 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Large.res_900 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Large.res_950 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Large.res_1000 .oce-main-form-container.register .oce-main-form-wrapper,
.res_Large.res_1050 .oce-main-form-container.register .oce-main-form-wrapper {
  padding: 2% 1%;
}


/* ONE-ID LOOK REGISTER PAGE: */

#suggested-user-ids strong {
  font-weight: 800;
}

.show-password-btn {
  color: #006fcf;
}

.password-strength-container {
  padding: 10px;
  border: 1px solid rgb(200, 201, 199); /* Using the existing light gray color */
  border-radius: 5px;
  margin: 20px 0px;
}

.password-strength-box {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Ensure bars remain visible */
}

.password-strength-tips {
  margin-top: 10px;
}

.password-strength-tips ul {
  padding-inline-start: 1.3em;
  padding-top: 6px;
}

.password-strength-tips li {
  list-style: disc;
  line-height: 1.5rem;
}


.password-strength-bars {
  display: flex;
  gap: 5px;
  width: 100%; /* Ensure bars take full width */
  margin-top: 10px; /* Add spacing from the <p> tags */
}

.password-strength-bar {
  flex: 1;
  height: 10px;
  background-color: rgb(200, 201, 199); /* Default gray color */
}

.password-strength-bar.gray {
  background-color: rgb(200, 201, 199)!important;
}

.password-strength-bar.red {
  background-color: #b42c01;
}

.password-strength-bar.yellow {
  background-color: #fdb92d;
}

.password-strength-bar.green {
  background-color: #008767;
}

.password-strength-bar:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.password-strength-bar:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#create-user-cta-container {
  display: flex;
  flex-direction: column;
  /* justify-content: end; */
}

.res_Small #create-user-cta-container button {
  margin: 0 auto;
}

.validated-text-input-label.password-label-container {
  margin-bottom: 0px;
}

.validated-text-input-label.confirm-password-container {
  padding-top: 18px;
}

.password-hint {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  padding-top: 0.3125rem;
  color: rgb(83, 86, 90) !important;
  fill: rgb(83, 86, 90) !important;
}

/* MODAL */
#card-register-page.register-revamp {
  width: 100%;
  height: 100%;
  position: relative;
}


#create-user-popover .oce-overlay {
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  margin-left: 0px;
  max-width: 1376px;
  margin-inline: auto;
}

#create-user-popover .row {
  margin-bottom: 1rem;
}

#create-user-popover .popover-body {
  padding: 1.5rem;
}

#steps-container h4 {
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

#steps-container .step-number {
  font-weight: 800;
}

#steps-container .steps-heading {
  font-weight: 800;
}

#how-to-password-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.res_Large #steps-container,
.res_Large #example-container {
  max-width: 45%;
}

#pw-example-icons-container {
  gap: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  fill: #006fcf;
  font-size: 1.5rem;
  margin: 10px 0;
}

#passphrase-example {
  font-size: 1rem;
  color: #006fcf;
}

.password-input-wrapper input {
  padding-right: 80px;
}

.password-input-wrapper button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
}

body {
  background-color: #e9e9e9;
}
/********** oce-progress Bar ***************/
#oce-progress-tracker {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  z-index: 0;
  position: relative;
}
.oce-progress-bar-container {
  /*background-color:#CCCCCC;
	border-left:none;
	font-family:BentonSans-Md;
	height:38px;
	overflow:hidden;
	font-size: 0.75em;*/

  background-color: #f7f8f9;
  border-left: none;
  height: 38px;
  overflow: hidden;
  font-family: "HELVETICA NEUE", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 0.813em;
  line-height: 1.125em;
}
#oce-progress-tracker.progress-bar-removed {
  height: 0px!important;
  overflow: hidden;
  display: block;
  margin-top: -18px;
}

.res_Small #oce-progress-tracker.progress-bar-removed {
  margin-top: -36px;
}

.tick-wrapper,
.small-detail,
#oce-progress-tracker .oce-progress-bar-content .incomplete-desc,
#oce-progress-tracker .oce-progress-bar-content .small-incomplete-desc,
#oce-progress-tracker .oce-progress-bar-content .small-oce-progress-bar-step,
#oce-progress-tracker
  .oce-progress-bar-content
  .small-oce-progress-bar-step-desc,
#oce-progress-tracker .oce-progress-bar-content .small-incomplete-desc,
#oce-progress-tracker.incomplete
  .oce-progress-bar-content.last-step
  span.oce-progress-bar-step-desc {
  display: none;
}
#oce-progress-tracker.incomplete
  .oce-progress-bar-content.last-step
  span.incomplete-desc {
  display: inline-block;
}
#oce-progress-tracker.incomplete
  .oce-progress-bar-content.last-step
  span.tick-wrapper {
  background-position: -417px -37px;
  display: block;
  float: right;
  width: 22px;
  margin: 0 3.4% 0 0;
}
.oce-progress-bar-content .step-wrapper > span {
  color: #333333;
}
.oce-progress-bar-content .oce-progress-bar-step {
  padding-right: 4px;
}
#oce-progress-tracker
  .oce-progress-bar-content.active-step
  .step-wrapper
  > span,
#oce-progress-tracker .oce-progress-bar-content.completed .step-wrapper > span {
  color: #ffffff;
}
#oce-progress-tracker.incomplete
  .oce-progress-bar-content.last-step
  .step-wrapper
  > span {
  color: #b42c01;
}
#oce-progress-tracker .oce-progress-bar-content.completed {
  background-color: #006FCF;
}
#oce-progress-tracker .oce-progress-bar-content.completed.incomplete-step {
  background-color: #f4f4f4 !important;
}
#oce-progress-tracker .oce-progress-bar-content {
  float: left;
  height: 18px;
  padding: 10px 0 10px 2%;
}
.track-filler {
  background: #006FCF;
  height: 38px;
  position: absolute;
  top: 0px;
  left: 0;
  width: 0;
}
.oce-progress-bar-content.animate-completed .track-filler {
  width: 95%;
}
#oce-progress-tracker .oce-progress-bar-content.steps-2 {
  width: 48%;
}
#oce-progress-tracker .oce-progress-bar-content.steps-3 {
  width: 31.3%;
}
#oce-progress-tracker .oce-progress-bar-content.steps-3.last-step {
  padding: 12px 0 8px 2.1%;
}
#oce-progress-tracker .oce-progress-bar-content.steps-4 {
  width: 22.83%;
}
#oce-progress-tracker .oce-progress-bar-content .step-wrapper {
  padding: 0 0 0 10px;
}
#oce-progress-tracker .oce-progress-bar-content.animated .track-filler {
  width: 95%;
  background-color: #006FCF;
}
#oce-progress-tracker.incomplete .last-step .track-filler {
  background-color: #f4f4f4;
}
#oce-progress-tracker
  .oce-progress-bar-content.animated.last-step
  .track-filler {
  width: 100%;
}
#oce-progress-tracker .oce-progress-bar-content {
  position: relative;
}
:root #oce-progress-tracker .oce-progress-bar-content:after {
  content: "";
  border-bottom: 26px solid transparent;
  border-left: 16px solid #006FCF;
  border-top: 26px solid transparent;
  width: 0px;
}
:root #oce-progress-tracker .oce-progress-bar-content.animated:before,
#oce-progress-tracker .oce-progress-bar-content.last-step:before,
#oce-progress-tracker .oce-progress-bar-content.last-step:after {
  content: "";
  border: none !important;
}
:root #oce-progress-tracker .oce-progress-bar-content.animate-completed:before {
  border-left: 14px solid #006FCF;
  margin-top: -25px;
  left: 94.5%;
}
:root #oce-progress-tracker .oce-progress-bar-content.animate-completed:after {
  border-left: 14px solid #006d54;
  border-bottom: 26px solid transparent;
  border-top: 26px solid transparent;
  top: 0;
  height: 0;
  margin-top: -6px;
  left: 95%;
}
:root #oce-progress-tracker .oce-progress-bar-content.animated:after {
  content: "";
  border-bottom: 26px solid transparent;
  border-left: 16px solid #006FCF;
  border-top: 26px solid transparent;
  width: 0px;
  left: 94.5%;
  /* height: 15px; */
}
:root
  #oce-progress-tracker
  .oce-progress-bar-content.animate-completed.incomplete-step:after {
  content: "";
  border-bottom: 26px solid transparent;
  border-left: 16px solid #006FCF;
  border-top: 26px solid transparent;
  width: 0px;
  left: 94.5%;
}
:root #oce-progress-tracker .oce-progress-bar-content:before,
#oce-progress-tracker .oce-progress-bar-content:after {
  border-bottom: 26px solid transparent;
  border-left: 16px solid #f7f8f9;
  border-top: 26px solid transparent;
  content: "";
  /* height: 2px; */
  position: absolute;
  /* right: -16px; */
  z-index: 2;
  top: 50%;
  left: 94.5%;
  margin-top: -25px;
}
:root .res_Small #oce-progress-tracker .oce-progress-bar-content:before,
.res_Small #oce-progress-tracker .oce-progress-bar-content:after {
  left: 94%;
}
:root
  .res_Small
  #oce-progress-tracker
  .oce-progress-bar-content.completed::before {
  left: 94%;
}
:root #oce-progress-tracker .oce-progress-bar-content:after {
  border-left: 16px solid #ffffff;
  content: "";
  z-index: 1;
  left: 95%;
}
:root #oce-progress-tracker .last-step.oce-progress-bar-content:after {
  width: 0px;
}
#oce-progress-tracker .step-wrapper {
  position: relative;
  z-index: 7;
  top: 0px;
}
:root #oce-progress-tracker .oce-progress-bar-content.completed::before {
  border-bottom: 26px solid transparent;
  border-left: 16px solid #006FCF;
  border-top: 26px solid transparent;
  content: "";
  left: 94.5%;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  z-index: 2;
}
:root #oce-progress-tracker .oce-progress-bar-content.completed::after {
  border-left: 16px solid #ffffff;
  content: "";
  left: 95%;
  z-index: 1;
}