/* Following are generated styles via gulp. */
/* inject: css */
@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}
html{background:0 0}
body{
	font-family:'Inter', sans-serif;
	background-attachment:fixed;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:left;
	background: rgb(243, 243, 243) none repeat scroll 0% 0%;
}
p{margin:0}
a:focus{outline:0}
input,select{border:1px solid #605e5c}
input:focus { 
    outline: none !important;
	border: 1px solid #549975 !important;
	box-shadow: 0 0 3px #549975 !important;
	-moz-box-shadow: 0 0 3px #549975 !important;
	-webkit-box-shadow: 0 0 3px #549975 !important;
 }
 select:focus { 
	outline: none !important;
	border: 1px solid #549975 !important;
	box-shadow: 0 0 3px #549975 !important;
	-moz-box-shadow: 0 0 3px #549975 !important;
	-webkit-box-shadow: 0 0 3px #549975 !important;
 }
input::placeholder{color:#6a6a6a}		
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}
.container{
	text-align:center;
	width:100%;
	display:table;
	padding:0;
	overflow: hidden;
	background-color: #fff;
	margin: 0 auto;
	height: calc(100% - 134px)!important;}
#api{margin:0 auto}
.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;
	border-radius:3px;
	font-style:italic}
#LocalAccountSigninEmailExchange,#LocalAccountSigninUsernameExchange,#SignInWithLogonEmailExchange,#SignInWithLogonNameExchange,#SignUpWithLogonEmailExchange,#SignUpWithLogonNameExchange{
	background-color:#296ec6;
	background-image:url(none);
	background-size:10%;
	background-position-x:95%;
	background-position-y:50%;
	background-repeat:no-repeat;
	border-radius:.5rem;
	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}
#GoogleExchange:hover{background-color:#c64a29!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}
.buttons button{
	margin:0 auto;
	width:60%;
	height:50px;
	background-color: #549975;
	border:1px solid #549975;
	color:#fff;
	font-size:1em;
	margin-top:10px}
.buttons button:hover{
	background-color:#FFF;
	color:#549975}
.buttons button[aria-disabled=true]{opacity:.3}
.buttons button:not([aria-disabled=true]){opacity:1}
.buttons #cancel{
	padding:0;
	padding-left:20px;
	margin-left:auto;
	background:0 0;
	border:0;
	width:inherit;
	background-color: transparent;
	top:2px;
	left:15px;
	font-size:1em;
	color:#549975;
	text-decoration:underline;
	box-shadow:none;}
.buttons #cancel:hover{text-decoration:none;}
.buttons #cancel:before{
	padding:10px;
	vertical-align:sub;
	zoom:90%;
	display:inline-block}
#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}
#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:.5rem}
#attributeList ul li label[for=cpiminternal_legalCountry]{
	float:none;
	display:block!important;
	text-align:left;
	margin-bottom:.5rem}
#attributeList ul li label[for=cpiminternal_dateOfBirth]{
	float:none;
	text-align:left;
	display:block!important;
	margin-bottom:.5rem}
#attributeList ul li input{
	height:50px;
	width:70%;
	border-radius:.5rem;
	text-indent:20px}
#attributeList ul li select{
		height:50px;
		width:70%;
		border-radius:.5rem;}
#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}
#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:#549975;
	color:#fff;}
#attributeList ul li .attrEntry .verificationControlContent .sendCode{
	width:60%;
	height:50px;
	background-color:#549975;
	color:#fff;}
#attributeList ul li .attrEntry .verify .sendButton[id$=ver_but_send]:hover{
	background-color:#fff; 
	color:#549975}
#attributeList ul li .attrEntry .verificationControlContent .sendCode:hover{
	background-color:#fff;
	color:#549975}
@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;
	height:50px;
	background-color:#549975;
	color:#fff;
	margin-right:5px;}
#attributeList ul li .attrEntry .verificationControlContent .verifyCode{
	width:inherit;
	padding:0 20px;
	height:50px;
	background-color:#549975;
	color:#fff;
	margin-right:5px;}
#attributeList ul li .attrEntry .verify .verifyButton:hover{
	background-color:#fff;
	color:#549975;}
#attributeList ul li .attrEntry .verificationControlContent .verifyCode:hover{
	background-color:#fff;
	color:#549975;}
#attributeList ul li .attrEntry .verify .sendButton[id$=ver_but_resend]{
	width:inherit;
	padding:0 20px;
	border:0;
	font-size:1em;
	height:50px;
	right:0;
	bottom:-38px;
	background-color:#549975;
	color:#fff;}
#attributeList ul li .attrEntry .verificationControlContent .sendNewCode{
	width:inherit;
	padding:0 20px;
	border:0;
	font-size:1em;
	height:50px;
	right:0;
	bottom:-38px;
	background-color:#549975;
	color:#fff;}
#attributeList ul li .attrEntry .verify .sendButton[id$=ver_but_resend]:hover{
	background-color:#fff;
	color:#549975;}
#attributeList ul li .attrEntry .verificationControlContent .sendNewCode:hover{
	background-color:#fff;
	color:#549975;}
#attributeList ul li .attrEntry .verify .editButton{
	border:none;
	color:#fff;
	background-color:#549975;
	width:60%;
	height:50px;}
#attributeList ul li .attrEntry .verificationControlContent .changeClaims{
	border:none;
	color:#fff;
	background-color:#549975;
	width:60%;
	height:50px;}		
#attributeList ul li .attrEntry .verify .editButton:hover{
	background-color:#fff;
	color:#549975;}
#attributeList ul li .attrEntry .verificationControlContent .changeClaims:hover{
	background-color:#fff;
	color:#549975;}
#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;
	border-radius:.5rem;
	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{
	border-radius:.5rem;
	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;
	text-align: left;}
/*@media screen and (max-width:1920px){
	.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-radius:.5rem;
		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:.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:400px){
	img[data-tenant-branding-background=true]{display:none}
	.container{background-color:#fff}
	.container .row .panel-default{
		border-radius:0;
		border:none;
		box-shadow:none}
}
/* endinject */