:root {
    --white: #FFFFFF;
    --text: #6F6F6F;
    --orange: #FF5100;
    --orangeTransparent: #FF510020;
    --orangeText: #FFFFFF;
	--orangeDisabled: #FFD3BF;
    --red: #ed0000;
    --green: #2eb872;
	--textDark: #6B7073;
	--lightGrey: #b2b2b1;
	--darkBg: #323F48;
	--divider: #ebeced;
	--grey: #cccfd1;
	--lightest: #f5f5f6;
}
b, strong {
    font-weight: 1000;
	font-family: 'Graphik Semibold';
}
b i, i b{
	font-family: 'Graphik Semibold Italic';
}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}
html {
  background: none;
  position: relative;
  height: 100%;
  width:100%;
}
body {
  font-family: Graphik Regular,Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
  #font-family: 'Open Sans', sans-serif;
  background-attachment: fixed;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
  color: var(--text);
  position: relative;
  height: 100%;
  width:100%;
}
#api label{
	/* color: var(--textDark); */
	color: var(--darkBg);
}
.container {
  text-align: center;
  width: 100%;
  display: table;
  height: 100vh;
  padding: 0px;
}
a:focus {
    outline: none;
}
#api {
	margin: 0 auto;
	margin-bottom: 40px;
}
.col-lg-6 {
  max-width: 470px;
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0px;
}
.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: white;
    border-radius: 3px;
    font-style: italic;
}
/** Social Button Styles **/
#SignInWithLogonNameExchange {
  background-color: #296ec6;
  background-image: url(none);
  background-size: 10%;
  background-position-x: 95%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  border-radius: 0.2rem;
  width: 100%;
  width: 100%;
  font-size: 1.0em;
  margin-left: auto;
}

.buttons button:disabled {
  margin: 0 auto;
  background-color: #0067b8;
  opacity: 1;
  border: none;
  color: white;
  font-size: 1em;
  cursor: not-allowed;
}
.buttons button{
  margin: 0 auto;
  /* width: 50%; */
  /* height: 40px; */
  background-color: #0067b8;
  /* opacity: 1; */
  border: none;
  color: white;
  font-size: 1em;
  cursor: default;
  /* float: right; */
}
/* .buttons #continue:hover { */
  /* -moz-box-shadow: none; */
  /* -webkit-box-shadow: none; */
  /* box-shadow: none; */
  /* background-color: #0058ad; */
  /* border-color: #204d74; */
/* } */
.buttons #cancel {
  padding: 0;
  margin-left: auto;
  background: none;
  border: 0;
  width: 80px;
  position: absolute;
  background-color: transparent;
  top: 2px;
  left: 3.5%;
  font-size: 1em;
  color: #505050;
  box-shadow: none;
  text-align: left;
}
/* .buttons #cancel:hover { */
  /* color: black !important; */
/* } */
.buttons #cancel:before {
  padding: 10px;
  vertical-align: sub;
  zoom: 90%;
  display: inline-block;
}
#attributeList ul {
    padding: 0;
}
#attributeList ul li {
    list-style: none;
    margin: 12px 0;
}
label {
    /* font-weight: 600; */
    font-size: 16px;
	font-family: 'Graphik Medium';
}
#attributeList ul li label {
  float: none;
  /* display: none !important; */
}
#attributeList ul li.CheckboxMultiSelect label,
#attributeList ul li.RadioSingleSelect label { 
    font-family: 'Graphik Medium';
    font-weight: normal;
}

#attributeList ul li label[for=extension_ADB2C_BirthDate],
#attributeList ul li label[for=extension_ADB2C_JobType],
#attributeList ul li label[for=country],
#attributeList ul li label[for=state] {
  float: left;
  display: inline-block !important;
}
#attributeList ul li label[for=cpiminternal_legalCountry] {
  float: none;
  text-align: left;
  display: block !important;
}
#attributeList ul li label[for=cpiminternal_dateOfBirth] {
    float: none;
    text-align: left;
    display: block !important;
}
#attributeList ul li input:not([type="checkbox"]),
#attributeList ul li select {
	border: 1px solid var(--grey);
	border-radius:0;
    box-shadow: none;
	padding: 10px;
    height: 60px;
    padding-left: 20px;
	color:var(--darkBg);
    font-size: 16px;
    font-family: 'Graphik Regular';
    outline-color: #000;
}
#attributeList ul li input::-webkit-input-placeholder {
  text-indent: 20px;
}
#attributeList ul li .attrEntry.validate input:not([id^='otc-']):invalid {
    border-color: var(--red) !important;
}
#attributeList ul li .attrEntry .verify {
    margin-top: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: right;
}
#attributeList ul li .attrEntry .verify #email_ver_but_send {
  width: 50%;
  height: 40px;
  background-color: #0067b8;
  color: white;
  float: right;
}
#attributeList ul li .attrEntry .verify #email_ver_but_send:hover {
  background-color: #0058ad;
}
#attributeList ul li .attrEntry .verify #email_ver_but_verify {
    width: inherit;
    padding: 0px 20px;
    height: 40px;
    background-color: #0067b8;
    color: white;
    margin-left: 148px;
    margin-right: 5px;
}
#attributeList ul li .attrEntry .verify #email_ver_but_verify:hover {
  background-color: #0058ad;
}
#attributeList ul li .attrEntry .verify #email_ver_but_resend {
    padding: 0px 20px;
    border: 0;
    font-size: 1em;
    height: 40px;
    right: 0;
    bottom: -38px;
    background-color: #0067b8;
    color: white;
    width: inherit;
    float: right;
}
#attributeList ul li .attrEntry .verify #email_ver_but_resend:hover {
  background-color: #0058ad;
}
#attributeList ul li .attrEntry .verify #email_ver_but_edit {
  margin-bottom: 15px;
  border: none;
  color: white;
  background-color: #0067b8;
  width: 50%;
  height: 40px;
  float: right;
}
#attributeList ul li .attrEntry .verify #email_ver_but_edit:hover {
  background-color: #0058ad;
}
#attributeList ul li .attrEntry .verify #email_ver_input_label {
  display: none !important;
}
#attributeList ul li .attrEntry .itemLevel {
  display: none;
}
#attributeList ul li .attrEntry .dropdown_single {
	/* height: 45px; */
	/* border-radius: 0.2rem; */
	width: 100%;
	/* margin-bottom: 15px; */
	/* padding-left: 15px;    */
	-webkit-appearance: none;
	appearance: none;
	cursor:default;
    outline-offset: 5px;
}

#attributeList ul li .attrEntry .dropdown_single:enabled{
	background-image: url(../img/downArrow.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px);
	cursor:pointer;
}
#attributeList ul li .attrEntry .dropdown_single option:first-child {
    display: block !important;
}
#attributeList ul li .attrEntry div#cpiminternal_dateOfBirth.date {
  margin-bottom: 15px;
  display: table;
  width: 100%;
}
#attributeList ul li .attrEntry div#cpiminternal_dateOfBirth.date select {
  border-radius: 0.2rem;
  display: table-cell;
  height: 45px;
  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;
}
@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;
      margin-bottom: 10px;
      border-radius: 0.2rem;
      border: none;
      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: none;
      border: 0;
      color: #0067b8;
      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: white;
      background-color: #0067b8;
      border-radius: 0.2rem;
      font-size: 1em;
      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%;  
  overflow: auto;
  min-height: 100%;
}
}
.accountButton, .buttons button {
    -moz-border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
    color: black;
    width: 60%;
    border: none;
    font-size: 1em;
    background-color: rgb(244, 244, 244);
    cursor: pointer;
    margin-top: 10px;
    margin-right: auto;
    white-space: normal;
}
.accountButton:not(:disabled), .buttons button:not(:disabled){
    cursor: pointer;
}
.accountButton:hover, .buttons button:hover {
  /* border: none; */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
/** Phone **/
@media only screen and (max-width: 600px) {
    .container .row .panel-default {
        border-radius: 0px;
    }
}
.normalColor:{
	color: #232221;
	background-color: #ffffff;
}

.accent{
	color: #eb592d;
	background-color: #ffffff;
}

.accentBg{
	background-color: #eb592d;
	color: #ffffff;
}

.lightBg{
	background-color: #f3f3f3;
}

.vertPanel{
	display:inline-block;
	width:40%;
	padding: 56px clamp(10px, 5%, 100px) clamp(10px, 5%, 100px);
	margin: 0;
	height: 100%;
	min-height: 100%;
	overflow: auto;
}
#myContentPanel{
	width:50%;
	float:right;
}

.logo{
	height: 24px;
	width: 112px;
	display: block;
}

.fr{float:right;}.fl{float:left;}.clear{clear: both;}

h1{
	font-family: 'Graphik Light';
	font-size:50px;
    color: var(--darkBg);
}

#api form button:not(.iti__selected-country), .customBtn{
	background-color: var(--orange);
	color: var(--orangeText);
	border-radius:100px;
	border-style: none;
	line-height: 0;
}
#api form button:not(.iti__selected-country):hover, .customBtn:hover{
	cursor: pointer;
	text-decoration: none;
}
#api form button:not(.iti__selected-country):disabled, .customBtn:disabled{
	background-color: var(--orangeDisabled);
	color: var(--orangeText);
	cursor: not-allowed;
}

#api form button:not(.iti__selected-country), .customBtn{
	display:inline-block;
	margin-left:10px;
	text-align: center;
	padding: 0 30px;
	min-width:130px;
	height:48px;
    line-height: 46px;
	margin: 10px auto;
	border-radius:100px !important;
	border-style: none;
	text-decoration:none;
	/* font-weight:bold; */
	
	font-family: 'Graphik Semibold';
	font-size:14px;
    outline-offset: 5px;
}

input[type="checkbox"]{
    width: 17px;
    height: 17px;
    vertical-align: top;
}

input[type="checkbox"]:focus, input[type="checkbox"]:focus-visible{
	outline-offset: 3px;
}

#api form input:not([type="checkbox"]){
	width: 100%;
	border: 1px solid var(--grey);
	border-radius:0;
	padding: 12px 15px;
    height: 60px;
    padding-left: 20px;
	color:var(--darkBg);
    outline-color: #000;
    font-size: 16px;
    outline-offset: 5px;
}


#api .divider{
	font-size: 0.8em;
	border-top: 1px solid var(--divider);
	/* border-bottom: 1px solid #b2b2b1; */
	text-align: center;
	position: relative;
	height:0px;
	margin:25px 0;
	clear:both;
    text-transform: uppercase;
}
#api .divider span{
	text-align: center;
	top:-9px;
	position:relative;
	background-color:var(--white);
	margin:0 auto;
	display:inline; 
	color: var(--textDark);
    padding: 5px 20px;
    letter-spacing: 2px;
}

div.eye{
	background-image:url(../img/eye.png);
	width: 21px;
	
	display: block;
	height: 15px;
	position: absolute;
	right: 13px;
	top: 14px;
	cursor: pointer;
	font-size:0.8em;
	line-height: 15px;
	white-space: nowrap;
}
p.customError{
	color:var(--red);
}
p.customError.noError{
	color:var(--textDark);
}
div.error{
	display:none;
}
/* div.error{ */
	/* color: #aa0000; */
/* } */
/* div.error.pageLevel{ */
	/* padding-left:10px; */
/* } */

div.entry-item, div#attributeList ul li:not(.RadioSingleSelect) div.attrEntry{
  /* display:flex; */
  /* flex-flow: column; */
  position: relative;
}
div.entry-item div.error.itemLevel, div#attributeList ul li:not(.RadioSingleSelect) div.attrEntry div.error.itemLevel{
	/* order:2; */
	padding: 3px 0 0 10px;
}
div.entry-item input, div#attributeList ul li:not(.RadioSingleSelect) div.attrEntry input{
	/* order:1; */
}

a[href], select, a[href] label{
	cursor:pointer !important;
	/* color: inherit !important; */
}
a[href], a[href] label{
	text-decoration-line: underline;
}
.hide{
	display:none !important;
}

div.vertPanel div#mobileLogo{
	display:none;
}



/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0;
  margin-left: 0px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  line-height: 1em;
  font-size: 0.8em;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

div.vertPanel.fl.lightBg{
	background-repeat: no-repeat;
	#background-position: top left;
	#background-size: auto 100%;
	background-size: cover;
	padding:0;
	min-height:450px;
}
div.vertPanel.fl.loading{
	background-image:url('../img/loading.gif') !important;
	background-position-x:50% !important;
	background-size:50% !important;
	background-color: #fff !important;
}

div.bgImage{
	/* background: linear-gradient(to left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); */
	background: linear-gradient(to left, rgba(255, 255, 255, 1) 5%, rgba(255, 255, 255, 0) 100%);
	width:100%;
	height:100%;
}

div.bgContent{
	width:50%;
	height:100%;
	padding: clamp(40px, 3%, 100px);
    padding-top: 38px;
	/* font-size: 50px; */
	/* line-height: 56px; */
	position:fixed;
	top:0;
	left:0;
    color: var(--darkBg);
}


body,div.vertPanel.fl.lightBg,div.bgImage,div.bgContent{
	overflow:hidden;
}
input.highlightError, div.error.itemLevel.show+input{
	border-color: var(--red) !important;
}

div.bgSubContent{
	margin-left: 22%;
    margin-top: 84px;
}
div#shader{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.25);
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    /* pointer-events: none; */
}
div#overlay{
	position: absolute;
    z-index: 999;
    width: 222px;
    margin-top: 50px;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
a[id^="lnkBack"]{
	text-decoration:none;
	cursor:pointer;
	margin-top: 50px;
	color: var(--darkBg);
    font-size: 16px;
	
    font-family: 'Graphik Semibold';
	/* font-weight: 600; */
	padding:3px 3px 3px 0;
	border:2px solid transparent;
    border-radius: 2px;
}
a[id^="lnkBack"] img{
    width: 18px;
    margin-right: 3px;
    margin-top: -3px;
}
div#leftWrapper{
	height:100%;
    float: left;
    width: 50%;
}

@media (max-width:800px)  { 
	div.intro h2{
		font-size:21px;
	}
	div.vertPanel div#mobileLogo{
		display:block;
		margin-bottom:20px;
	}
	div.vertPanel.lightBg{
		/* display:none; */
	}
	.vertPanel, #myContentPanel{
		width:100%;
		height:auto;
		min-height:auto;
        padding-top: 22px;
	}
	div.bgContent{
		float:left;
	}
	div.bgContent img.logo,
	div.bgContent #lnkBack{
		display:none;
	}
	
	div.bgContent{
		width:100%;
		position:relative;
		float:left;
	}

	a#lnkBackMobile{
		margin-top: 20px;
		display: block;
        width: fit-content;
	}
	body, div#welcomePanel, div.bgContent{
		overflow:auto;
	}
	
	div#leftWrapper{
		float:left;
		width:100%;
		position:relative;
	}
	
	div#leftWrapper div#welcomePanel{
		position:absolute;
		top:0; 
		left:0;
        bottom: 0;
        right: 0;
	}
	div#leftWrapper div.bgContent{
		position:absolute;
		top:0; 
		left:0;
	}
}

#api form button.eye{
    display: inline;
    background-color: transparent;
    color: var(--text) !important;
    border: none;
    padding: 20px 5px;
    height: 30px;
    width: auto;
    font-size: 12px;
    position: absolute;
    right: 8px;
    top: 36px;
    min-width: 30px;
    margin-right: 0;
    line-height: 0;
    border-radius: 0;
    font-family: 'Graphik Medium';
}

#api form button.eye:focus-visible{
    border-radius: 2px !important;
}

span.hl, .color-primary-1{
	
	font-family: 'Graphik Bold';
	/* font-weight:1000; */
	color: var(--orange);
}

.mandatoryNote{
    float: right;
    /* margin-top: 34px; */
    /* margin-bottom: 14px; */
    color: var(--text);
    margin-top: 14px;
    margin-bottom: 16px;
	font-size:12px;
}

div.chbWrapper{
	position:relative;
    display: inline-block;
    height: 35px;
    padding-top: 3px;
    padding-right: 3px;
}
div.chbWrapper>input[type="checkbox"]{
    width: 0;
    height: 0;
	opacity:0;
}

div.chbWrapper>div.fakeChb{
    width: 24px;
    height: 24px;
	border:1px solid var(--text);
    display: inline-block;
}
div.chbWrapper>img.fakeChb{
    width: 11px;
    height: 12px;
    position: absolute;
    top: 10px;
    left: 7px;
}
div.chbWrapper>label[for]{ 
    margin-left: 6px;
    top: -6px;
    position: relative;
    font-size: 14px;
}

div.chbWrapper>*{
	cursor:pointer;
	user-select: none;
}

input.wrong{
	border-color: var(--red) !important;
    border-width: 2px !important;
}
span.wrongMessage{
	margin-top: 8px;
    padding-left: 28px;
    padding-bottom: 2px;
    padding-top: 4px;
	color:var(--red);
	background-image:url(../img/alertCircle.svg);
    background-position-x: 0;
    background-position-y: 50%;
    background-repeat: no-repeat;
    min-height: 28px;
    display: block;
    font-family: 'Graphik Regular';
}

div.intro h2{ 

	font-family: 'Graphik Semibold';
    /* font-weight: 800; */
    color: var(--darkBg);
}


.otpContainer {
	display: flex;
	/* align-items: center; */
	/* justif-content: center; */
	margin-bottom:25px;
}

.otc {
	position: relative;
	width: 360px;
}

.otc fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.otc fieldset div {
	display: flex;
	align-items: center;
}

.otc legend {
	margin: 0 auto 1em;
	color: #5555FF;
}

#api .otc input[type="number"] {
	width: 16.6%;
	line-height: 1.5rem;
	margin: .1em;
	margin-right: 8px;
	font-size: 21px;
	text-align: center;
	appearance: textfield;
	-webkit-appearance: textfield;
	font-family: 'Graphik Semibold';
    padding-left: 0;
    padding-right: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.otc label {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

#lblWelcomeContent {
	margin-top:40px;
}
#lblWelcomeContent div.li:first-of-type{
	margin-top:30px;
}

#lblWelcomeContent div.li,#lblWelcomeMobileContent div.li{
	padding: 5px 0 20px 70px;
	position:relative;
	min-height:70px;
    max-width: 390px;
}
#lblWelcomeContent div.li div.bg,#lblWelcomeMobileContent div.li div.bg{
	border-radius:100%;
	background-color:var(--orangeTransparent);
	position:absolute;
	width: 50px;
    height: 50px;
    top: 0;
    left: 0;
}
#lblWelcomeContent div.li div.bg div.tick,#lblWelcomeMobileContent div.li div.bg div.tick{
	/* -webkit-mask-image: url(../img/tick.svg); */
    /* mask-image: url(../img/tick.svg); */
	/* background-color:var(--orange); */
	background-image: url('../img/tickOrange.svg');
	background-repeat:no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 17px;
    left: 15px;
}
#lblWelcomeMobile{
	font-size: 28px;
}

li.RadioSingleSelect>div>label{
	display:block;
	margin-bottom:10px;
}

div.radioWrapper{
	position:relative;
	width:auto;
	display:inline-block;
	cursor:pointer;
    padding: 6px 3px 3px 3px;
}
div.radioWrapper:not(:has(input:checked)),
div.radioWrapper:not(.checked){
	opacity:.6;
}
div.radioWrapper * {
	cursor:pointer;
}
div.radioWrapper:first-of-type{
	margin-right:16px;
}

div.radioWrapper input{
	margin-right:20px;
	margin-left:10px;
}

div.radioWrapper div.radioCircle{
	width:28px;
	height:28px;
	position:absolute;
	border: 1px solid var(--text);
	top:4px;
	left:7px;
	border-radius:100%;
	background-color:var(--white);
}
div.radioWrapper.checked div.radioCircle{
	background-image:url('../img/tick.svg');
	background-repeat:no-repeat;
	background-position:center center;
}

div.radioWrapper input[type="radio"]{
	display:none;
}
div.radioWrapper label
{
    padding-left: 44px;
	color: var(--lightGrey);
	margin-top: 2px;
}
div.radioWrapper.checked label
{
    padding-left: 44px;
	color: var(--text);
}

div.radioWrapper.readonly,
div.radioWrapper.readonly *{
	cursor:default;
	color: var(--lightGrey) !important;
}

button>img.btnDeco{
    width: 18px;
    height: 18px;
    margin-left: 6px;
    margin-top: -2px;
}

div#welcomePanel{
	width:80%;
}

div.intro{
	color:var(--darkBg);
}

div.intro span.step{
    font-family: 'Graphik Medium';
	font-size: 16px;
}
div.intro p{
	font-size: 16px;
}

button.iti__selected-country {
	height:60px;
    margin-top: -1px;
}
div.iti__country-container:has(+ input.wrong) button.iti__selected-country{
	margin-top:19px;
}
div.iti__country-container div.iti__selected-country-primary {
    height: 58px;
}

#lblWelcome{
    margin-top: 40px;
    line-height: 56px;
}
:focus-visible {
    border-radius: 2px !important;
    outline: 2px solid #000 !important;
}

div.iti__selected-dial-code{
	font-size:16px;
    vertical-align: baseline;
    line-height: 16px;
}

a#lnkBack:focus-visible,
a#lnkBackMobile:focus-visible{
	border-radius: 5px !important;
    outline: 2px solid #000 !important;
}