:root {
	--clr-bg-1: #fff;
	--clr-bg-2: #fcfcfce6;
	--clr-bg-3: #9f9f9f;
	--clr-bg-4: #39445d;
	--clr-bg-5: #c30000;
	--clr-bg-6: #b00000;
	--clr-bg-7: #444444;
	--clr-bg-8: #222222;
	--clr-bg-9: #1e1e1e;
	--clr-bg-10: #ffffff;

	--clr-txt-1: #39445d;
	--clr-txt-2: #39445d;
	--clr-txt-3: #9d9d9d;
	--clr-txt-4: #222222;
	--clr-txt-5: #dc0000;
	--clr-txt-6: #32bef0;

	--clr-brd-1: #ffffff;
	--clr-brd-2: #b00000;
	--clr-brd-3: #eeeeee;
	--clr-brd-4: #333333;

	--fw-1: 300;
	--fw-2: 400;
	--fw-3: 700;

	--fs-1: 1.25rem;
	--fs-2: 18px;
	--fs-3: 3rem;
	--fs-small: 0.75rem;
}

/* CSS reset */

/* Box sizing rules */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default margin */
* {
	margin: 0;
	padding: 0;
	font: inherit;
}

*:focus-visible {
	outline: none;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
	list-style: none;
}

/* Set core root defaults */
html:focus-within {
	scroll-behavior: smooth;
}

html,
body {
	height: 100%;
}

/* Set core body defaults */
body {
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}

footer {
	border-top: 1px solid var(--clr-bg-3);
}

footer a {
	font-size: var(--fs-1);
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
	padding-top: 5px;
}

/* Make images easier to work with */
img,
picture,
svg {
	max-width: 100%;
	display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* common */

html {
	background: 0 0;
}

body {
	font-family: "Open Sans", Arial, sans-serif;
	background-attachment: fixed;
	background-color: var(--clr-bg-10);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
	font: -apple-system-body;
}

/* p {
	margin: 0;
	color: var(--clr-txt-2);
} */

a {
	color: var(--clr-txt-6);
}

a:focus {
	outline: 0;
}

.title {
	color: var(--clr-txt-1);
	font-weight: var(--fw-1);
	font-size: var(--fs-3);
}

input,
select {
	border: 1px solid #605e5c;
}

input:focus-visible {
	outline: none;
}

input::placeholder {
	color: var(--clr-txt-3);
	opacity: 1;
}

img[data-tenant-branding-background="true"] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	position: fixed;
	left: 0;
	overflow: hidden;
	top: 0;
}

div[data-tenant-branding-background-color="true"] {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 0;
}

p#IntroMessage {
	color: var(--clr-txt-1);
	text-align: left;
}

.container {
	text-align: center;
	width: 100%;
	display: table;
	height: 100vh;
	padding: 0;
}

#api {
	margin: 0 auto;
}

.heading {
	display: none;
}

.heading h1 {
	margin-bottom: 20px;
}

.col-lg-6 {
	max-width: 470px;
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

.row {
	width: 100%;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

ul {
	padding: 0;
}

#simplemodal-container .simplemodal-data {
	padding: 5px 8px;
	overflow: hidden;
	background-color: #fff;
	font-style: italic;
}

#LocalAccountSigninEmailExchange,
#LocalAccountSigninUsernameExchange,
#SignInWithLogonEmailExchange,
#SignInWithLogonNameExchange,
#SignUpWithLogonEmailExchange,
#SignUpWithLogonNameExchange {
	background-color: var(--clr-bg-8);
	background-image: url(none);
	background-size: 10%;
	background-position-x: 95%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	width: 100%;
	width: 100%;
	font-size: 1em;
	margin-left: auto;
}

#LocalAccountSigninEmailExchange:hover,
#LocalAccountSigninUsernameExchange:hover,
#SignInWithLogonEmailExchange:hover,
#SignInWithLogonNameExchange:hover,
#SignUpWithLogonEmailExchange:hover,
#SignUpWithLogonNameExchange:hover {
	background-color: #1662c7 !important;
}

#AmazonExchange:hover {
	background-color: #36474f !important;
}

#FacebookExchange:hover {
	background-color: #3b5595 !important;
}

#GitHubExchange:hover {
	background-color: #0f0f0f !important;
}

#AppleExchange:hover,
#AppleManagedExchange:hover {
	background-color: #0f0f0f !important;
}

#LinkedInExchange:hover {
	background-color: #0274b3 !important;
}

#MicrosoftAccountExchange:hover {
	background-color: #01a4ef !important;
}

#QQExchange:hover {
	background-color: #1a97df !important;
}

#TwitterExchange:hover {
	background-color: #1da1f2 !important;
}

#WeChatExchange:hover {
	background-color: #4cc522 !important;
}

#WeiboExchange:hover {
	background-color: #e81123 !important;
}

.error {
	color: var(--clr-txt-5);
	text-align: left;
}

.buttons button {
	margin: 0 auto;
	width: 60%;
	height: 50px;
	background-color: var(--clr-bg-4);
	border: none;
	color: #fff;
	font-size: 1em;
	margin-top: 10px;
}

/* .buttons button:focus,
.buttons button:focus-visible,
.buttons button:hover {
	background-color: var(--clr-bg-6);
	border-color: #204d74;
	transition: 0.3s;
} */

.buttons button[aria-disabled="true"] {
	opacity: 0.3;
}

.buttons button:not([aria-disabled="true"]) {
	opacity: 1;
}

.buttons #cancel {
	padding: 0;
	margin-left: auto;
	background: 0 0;
	border: 0;
	width: inherit;
	position: absolute;
	background-color: transparent;
	top: 2px;
	left: 15px;
	font-size: 1em;
	color: var(--clr-txt-3);
	box-shadow: none;
	text-align: left;
}

.buttons #cancel:hover {
	color: var(--clr-txt-3) !important;
}

.buttons #cancel:before {
	padding: 10px;
	vertical-align: sub;
	zoom: 90%;
	display: inline-block;
}

.buttons button#emailVerificationSendGridControl_but_change_claims,
.buttons button:hover#emailVerificationSendGridControl_but_change_claims {
	visibility: hidden;
}

.termsOfUseLink {
	color: var(--clr-txt-6);
}

#attributeList ul {
	padding: 0;
}

#attributeList ul li {
	list-style: none;
	margin: 1rem 0;
}

label {
	font-weight: 600;
}

#attributeList ul li label {
	display: block;
	text-align: left;
	float: none;
	color: var(--clr-txt-2);
}

#attributeList ul li.EmailBox label,
#attributeList ul li.Password label,
#attributeList ul li.TextBox label {
	display: none !important;
}

#attributeList ul li label[for="country"] {
	float: left;
	display: inline-block !important;
	margin-bottom: 0.5rem;
}

#attributeList ul li label[for="cpiminternal_legalCountry"] {
	float: none;
	display: block !important;
	text-align: left;
	margin-bottom: 0.5rem;
}

#attributeList ul li label[for="cpiminternal_dateOfBirth"] {
	float: none;
	text-align: left;
	display: block !important;
	margin-bottom: 0.5rem;
}

#attributeList ul li label#AgreeToTermsOfUseConsentYes_option {
	color: var(--clr-txt-1);
}

#attributeList ul li input {
	height: 50px;
	width: 100%;
	text-indent: 20px;
}

#attributeList ul li input[type="checkbox"] {
	height: 20px;
	width: 20px;
	margin: 0 10px 0 0;
	float: left;
}

#attributeList ul li input::-webkit-input-placeholder {
	text-indent: 20px;
}

#attributeList ul li .attrEntry.validate input.invalid,
#attributeList ul li .attrEntry.validate input:invalid {
	border: 1px solid #b00;
}

#attributeList ul li .attrEntry .verify {
	margin-top: 2rem;
	padding-bottom: 10px;
	position: relative;
}

.verificationSuccessText {
	color: var(--clr-txt-2);
}

#attributeVerification
	#attributeList
	ul
	li
	#email_success.verificationSuccessText {
	float: left;
	text-align: left;
	color: var(--clr-txt-2);
}

#attributeVerification #attributeList ul li #email_info {
	float: left;
	text-align: left;
	color: var(--clr-txt-2);
}

#attributeVerification
	#attributeList
	ul
	li
	.attrEntry.validate
	#email_fail_retry {
	float: left;
	text-align: left;
	color: var(--clr-txt-5);
}

#attributeVerification
	#attributeList
	ul
	li
	.attrEntry.validate
	#email_fail_server {
	float: left;
	text-align: left;
	color: var(--clr-txt-5);
}

#attributeVerification #attributeList ul li #email_fail_no_retry {
	float: left;
	text-align: left;
	color: var(--clr-txt-5);
}

#attributeList ul li .attrEntry .verificationControlContent .buttons {
	margin-top: 2rem;
	padding-bottom: 10px;
	position: relative;
}

#attributeList ul li .attrEntry .verify .sendButton[id$="ver_but_send"] {
	/*width: 60%;
	height: 50px;
	 background-color: var(--clr-bg-4); 
	color: #fff;
	border-radius: 0.5rem;*/
}

#attributeList ul li .attrEntry .verificationControlContent .sendCode {
	width: 60%;
	height: 50px;
	color: #fff;
}

#attributeList ul li .attrEntry .verify .sendButton[id$="ver_but_send"]:hover {
}

#attributeList ul li .attrEntry .verificationControlContent .sendCode:hover {
}

@media screen and (-ms-high-contrast: active) {
	#attributeList ul li .attrEntry .verify button,
	.buttons #continue {
		border: 1px dashed #fff !important;
	}

	#attributeList ul li .attrEntry .verify button:hover,
	.buttons #continue:hover {
		border: 1px solid #fff !important;
	}
}

#attributeList ul li .attrEntry .verify .verifyButton {
	width: inherit;
	padding: 0 20px;
	margin-right: 5px;
}

#attributeList ul li .attrEntry .verificationControlContent .verifyCode {
	width: inherit;
	padding: 0 20px;
	margin-right: 5px;
}

#attributeList ul li .attrEntry .verify .sendButton[id$="ver_but_resend"] {
	width: inherit;
	padding: 0 20px;
}

#attributeList ul li .attrEntry .verificationControlContent .sendNewCode {
	width: inherit;
	padding: 0 20px;
	margin-right: 5px;
}

#attributeList ul li .attrEntry .verify .editButton {
}

#attributeList ul li .attrEntry .verificationControlContent .changeClaims {
	width: 60%;
	height: 50px;
}

#attributeList ul li .attrEntry .verify #email_ver_input_label {
	display: none !important;
}

#api .working {
	background: url(data:image/gif;base64,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)
		no-repeat;
	height: 30px;
	width: auto;
	background-position: center bottom;
}

#attributeList ul li .attrEntry .itemLevel {
	display: none;
}

input[type="email"],
input[type="password"],
input[type="text"] {
	-webkit-appearance: none;
}

#attributeList ul li .attrEntry .dropdown_single {
	height: 45px;
	width: 100%;
	padding-left: 15px;
}

#attributeList ul li .attrEntry div#cpiminternal_dateOfBirth.date {
	display: table;
	width: 100%;
}

#attributeList ul li .attrEntry div#cpiminternal_dateOfBirth.date select {
	display: inline-block;
	height: 50px;
	padding-left: 15px;
}

#attributeList
	ul
	li
	.attrEntry
	div#cpiminternal_dateOfBirth
	select#cpiminternal_dateOfBirth_day.day {
	margin-right: 3%;
	width: 23%;
}

#attributeList
	ul
	li
	.attrEntry
	div#cpiminternal_dateOfBirth
	select#cpiminternal_dateOfBirth_month.month {
	margin-right: 3%;
	width: 38%;
}

#attributeList
	ul
	li
	.attrEntry
	div#cpiminternal_dateOfBirth
	select#cpiminternal_dateOfBirth_year.year {
	width: 33%;
}

#attributeList ul li .helpLink {
	display: none;
}

#attributeVerification .buttons {
	margin-top: 30px;
}

@media screen and (max-width: 100%) {
	.row .panel-default .panel-body {
		margin-top: 40px;
	}

	.row .panel-default .panel-body .branding img {
		display: block;
		height: 80px;
		width: auto;
		margin: 0 auto;
	}

	.row .panel-default .panel-body .branding h1 {
		display: none;
	}

	.row .panel-default .panel-body h3 {
		font-size: 1.5em;
		margin-top: 15px;
	}

	#attributeVerification #attributeList ul li input {
		width: 60%;
		height: 40px;
		border: 1px solid #605e5c;
		text-indent: 10px;
	}

	#attributeVerification
		#attributeList
		ul
		li
		input::-webkit-input-placeholder {
		text-indent: 10px;
	}

	#attributeVerification #attributeList ul li #email {
		width: 65%;
		float: left;
		position: relative;
		z-index: 2;
	}

	#attributeVerification #attributeList ul li #email_ver_but_verify {
		background: 0 0;
		border: 0;
		color: #496ad8;
		font-size: 1em;
		position: relative;
		right: 0;
		top: 60px;
		font-size: 1.1em;
		width: auto;
		z-index: 1;
		height: 20px;
	}

	#attributeVerification #attributeList ul li #email_ver_input {
		min-width: 50%;
		width: 60%;
		float: left;
	}

	#attributeVerification #attributeList ul li #email_ver_but_resend {
		top: 10px;
		font-size: 1.1em;
		height: 20px;
	}

	#attributeVerification #attributeList ul li .attrEntry #email {
		height: 40px;
	}

	#attributeVerification
		#attributeList
		ul
		li
		.attrEntry
		.verify
		#email_ver_but_send:after {
		content: " Verify";
		font-size: 1.1em;
		font-style: bold;
		margin-left: 40%;
	}

	#attributeVerification
		#attributeList
		ul
		li
		.attrEntry
		.verify
		#email_ver_but_send {
		height: 40px;
		width: auto;
		float: right;
		overflow: hidden;
		text-indent: -200px;
	}

	#attributeVerification
		#attributeList
		ul
		li
		.attrEntry
		.verify
		#email_ver_but_edit {
		margin-bottom: 15px;
		border: none;
		color: #fff;
		background-color: #496ad8;
		border-radius: 0.5rem;
		font-size: 1em;
		box-shadow: 0 0 40px 2px #dae1f7;
		width: 30%;
		height: 40px;
		overflow: hidden;
		padding-top: 6px;
		margin-left: 40%;
	}

	#attributeVerification #attributeList ul li .attrEntry .verify:after {
		content: " ";
		display: block;
		clear: both;
	}

	#attributeVerification #attributeList #verifying_blurb {
		margin-top: 15px;
	}

	#attributeVerification .buttons #continue {
		height: 40px;
	}

	#attributeVerification .buttons #cancel {
		font-size: 1em;
		left: 40%;
	}
}

.panel,
.panel_layout,
.panel_layout_row,
body,
html {
	height: 100%;
}

@media only screen and (max-width: 600px) {
	img[data-tenant-branding-background="true"] {
		display: none;
	}

	.container {
		background-color: var(--clr-bg-10);
	}

	.container .row .panel-default {
		border-radius: 0;
		border: none;
		box-shadow: none;
	}
}

/* endinject */