/* header icons */
.svg-user-profile {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 46.7005076142132% no-repeat;
}

.svg-user-profile-dims {
  width: 44px;
  height: 44px;
}

/* Mobile menu icons */
#menu {
  /*background: url("svg/sprite.css-2e1390b8.svg") 0 0 no-repeat;*/
}

#menu.open {
  /*background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 0 no-repeat;*/
}

.svg-menu-dims {
  width: 49.33px;
  height: 49.48px;
}

#user {
  /*background: url("svg/sprite.css-2e1390b8.svg") 49.46851183313277% 51.29055664
  973567% no-repeat;*/
}

.svg-user-profile-mob-dims {
  width: 46.56px;
  height: 48.06px;
}

/* Social share icons */
.svg-email-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 50.16525143641633% 25.835421888053464% no-repeat;
}

.svg-email-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 50.16525143641633% 0 no-repeat;
}

.svg-google-plus-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 0 25.835421888053464% no-repeat;
}

.svg-google-plus-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 25.835421888053464% no-repeat;
}

.svg-linkedin-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 75.24787715462449% 0 no-repeat;
}

.svg-linkedin-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 75.24787715462449% 25.835421888053464% no-repeat;
}

.svg-twitter-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 0 51.67084377610693% no-repeat;
}

.svg-twitter-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 51.67084377610693% no-repeat;
}

.socialLinks span{
  width: 49.33px;
  height: 49.48px;
  display: inline-block;
}

/* Footer icons */
.svg-linkedin-grey {
  background: url("svg/sprite.css-2e1390b8.svg") 99.65656565656566% 0 no-repeat;
}

.svg-linkedin-grey:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 73.34343434343434% 51.27461139896373% no-repeat;
}

.svg-youtube-grey {
  background: url("svg/sprite.css-2e1390b8.svg") 0 76.9119170984456% no-repeat;
}

.svg-youtube-grey:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 24.242424242424242% 76.9119170984456% no-repeat;
}

footer .socialLinks span {
  width: 48px;
  height: 48px;
  display: inline-block;
}

/* chevron icons */
.svg-down {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 69.03553299492386% no-repeat;
}

.svg-left {
  background: url("svg/sprite.css-2e1390b8.svg") 0 99.71573604060913% no-repeat;
}

.svg-up {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 24.365482233502537% no-repeat;
}

.chevron span {
  width: 44px;
  height: 44px;
}

/* EID*/
.double-image{
  width:auto;
  display: inline-block;
  margin-bottom:25px;
  
}

@media screen and (max-width: 768px){
  .double-image{
    width: 100%;
  }
}
.info-step{
  font-size:18px;
  color:#007588; 
  margin-bottom:0px; 
  font-weight:600;
}
.info-tip{
  color:#007588; 
  font-weight:700;
}
.info-highlight{
  color:#007588;
  margin-bottom:0px; 
  font-weight:600;
}
@media screen and (min-width:1024px){
  #ios-image-4{
    width:50%;
  }
}
.info-wide-image{
  width:100%;
}
#borderline{
  margin-top:10px;
  margin-bottom: 10px;
}



#valid-id-image{
            width:60%;
}
@media screen and (max-width: 768px){
            #valid-id-image{
                        width:100%;
            }
}

#bank-account-note > *{
  color: black;
  font-weight: 700;
}
#bank-account-note{
  color: black;
  font-weight: 700;
}
#poa-note-ul > li> strong {
  font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #365977;
    line-height: 20px;
}
#non-valid-poa {  
  margin-left:0px;
  margin-right:0px;
}
#non-valid-poa >div {
  padding:4px;
}
#selfie-list,#valid-id-list,#poa-note-ul,#invalid-poa{
  list-style-type:none;
}
#selfie-list-1{
  background:  url("imgs/verification-sprites.png")  -39px -5px;
  width: 24px;
    height: 21px;
  float:left;
}
#valid-id-1{
  background:  url("imgs/verification-sprites.png")  -39px -36px;
    width: 25px;
    height: 20px;
}
#poa-list-1{
  background:  url("imgs/verification-sprites.png")  -5px -5px;
  width: 28px;
    height: 24px;
    background-position:;
}

#invalid-poa-1{
  background:  url("imgs/verification-sprites.png")  -5px -42px;
  width: 25px;
    height: 21px;
}

#selfie-text{
  margin-left:25px;
}

#selfie-list > li{
  margin-bottom:8px;
}
#valid-id-list> li{
  margin-bottom:8px;
}
#poa-note-ul> li{
  margin-bottom:8px;
}
#poa-note-ul, #valid-id-list{
  margin-bottom:30px;
}
#invalid-poa> li{
  margin-bottom:8px;
}
.online-note{
  color:black;
  font-weight:700;
}
@media screen and (min-width: 768px){
    #required-documents{
        margin-left:30px;
    }
}
#photo-note{
  padding-bottom:0px;
}
#selfie-details{
  padding-top:0px;
}
.update-heading{
  font-size : 14px;
}
#required-field{
  color: #E70000;
  font-size: 12px;
}

/* Style the tab */
div.tab {
    overflow: hidden;
   
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #ccc;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;

}
.currency-styling{
  font-weight: 500;
}
.checkbox-text{
  font-size:14px;
  font-weight: 400;
  color:#474747;
}
#checkbox-item{
  padding:0px;
}
@media screen and (max-width: 767px) {
  #checkbox-item{
    padding:0px;
  }
}
input[id*="-check"]{
  margin-top:0px;
}

#net-assets{
  font-size: 12px;
  font-weight:400;
  color: #365977;
  padding :5px;
  text-align: center;
}

#net-assets > div{
  padding:5px;
}
#salary-dropdown{
  font-size:12px;
}

#financial-commitments-label{
  font-size : 12px;
  margin-right:3px;
  color: #474747;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  #financial-commitments-label{
    width:60%;
  }
}

.finance-info-title{
  font-weight:500;
}

#client-details-text-input > div {
  padding-top:5px;
  padding-bottom: 5px;
}
.tablinks{
  color: #365977;
  font-size:14px;
}
#account-holder-heading{
  color: #474747;
}

@media screen and (min-width: 768px) {
   .finance-commitment-checkbox{
    width:100%;
  }
}

@media screen and (max-width: 767px) {
   .finance-commitment-checkbox{
    width:100%;
  }
}
#investor-profile-title{
  margin-bottom: 20px;
}

.updateButton{
  width: 91.5%;
}
@media screen and (max-width: 767px) {
  .updateButton{
    width: 100%;
  }
}

#financeInfo > select {
  font-size: 12px;
  height:35px;
}
#financeInfo > input {
  font-size: 12px;
  height:35px;
}

#submit-button{
  padding-top:9%;
}
.funding-help-account-details{
  margin-bottom:0px;
}
.funding-help-account-details > span{
  font-weight:600;
}

.riskAssessmentText {
  margin-top: 10px;
  margin-bottom: 10px;
}

#renewal-landing-head{
  color:white;
  font-size:2.1em;
  font-weight: 400;
  text-align:center;
}
.renewal-landing-link{
  margin-top:1em;
}
#renewal-landing-info{
  text-align:center;
  width:100%;
  margin-top:1em;
  color: #FFFFFF;
}
#renewal-landing-info:hover{
  text-decoration:underline;
  color: #FFFFFF;				 
}
#renewal-header{
  margin-bottom:0px;
  margin-left:-2px;
  margin-right:-2px;
}
.renewal-tcs{
  text-align:left;
  padding-left : 50px;
  padding-right: 50px;
  padding-bottom: 19px;
}
.btn-renew{
  width:300px;
}
.error-warning{
  font-weight:600;
}
#up-to-date-help{
  background-color:white;
}
.fin-info-alert{
  text-align:center;
}
.fin-info-form-background{
  background-color: white;
}
.fin-info-form-clear{
  background-color: unset;
}

.fin-info-form-div{
  margin-left:24%;
  margin-right:16%;
}


.fin-info-success{
  color:#468847;
  margin-bottom:20px;
}
#fin-info-success-margin{
  margin-bottom:20px;
}
.optionFocusHighLight{
  border:1px solid lightblue !important;
}
.required-field-class{
  font-weight:bold;
}

@media screen and (max-width: 768px){
  .fin-info-form-div{
    margin-left:0%;
    margin-right:35%;
  }
  .finance-info-title{
    font-weight:500;
    text-align:left;
  }
  .renewal-tcs{
    display:none;
  }
}

.financeInfoForm{
  margin-left: 0px;
  margin-right:0px;
  max-width:3500px;
  margin-top:0px;
  padding-top:0px;
  
}

.financeInfoNoPadding{
  padding-left:1px;
  padding-right:1px;
}

.getting-started-button{
  padding:12px 40px 12px 40px;
  border: 1px solid #365977;
  background-color:white;
  font-weight:100;
  color: #365977;
  letter-spacing:2.5px;
  width:55%;
  text-decoration:none;
}
.getting-started-button:hover{
  text-decoration:none;
  color: white;
  background-color:#365977;
}
#getting-started{
  padding-top:50px;
}
#getting-started h2{
  text-align:center;
  letter-spacing:1.4px;
  color: #365977;
}
#getting-started p{
  text-align:center;
  font-weight:400;
  color: #365977;
  padding-bottom:50px;
  font-size: 1em;
}
.getting-started-image{
  height: 150px;
  width: auto;
  padding-bottom: 25px
}
#getting-started-text{
  padding-top:50px;
  margin: 0px 10% 0px 10%;
}
@media screen and (max-width: 425px){
  #getting-started{
    padding-top:0px;
  }
  .getting-started-image{
    padding: 50px 0 25px 0;
    height: 150px;
    width: 150px;
  }
  
  /*#getting-started h2{
    padding: 50px 0 50px 0;
  }*/
  #getting-started p{
    padding-bottom: 0px;
  } 
  #getting-started-text {
    padding-top:200px !important;
    margin: 0px 8% 0px 8%;
    padding-bottom:0 !important;
  }
  .getting-started-button{
    width:80%;
  }
}
@media screen and (max-width: 1024px){
  #getting-started-text{
    padding-bottom:200px ;
    margin: 0px 8% 0px 8%;
  }
}
.getting-started-ulist{
  margin-bottom:0px;
}
.getting-started-ulist li{
  color:  #365977;
  float:left;
  padding:8px;
}
.getting-started-title-wrap{
  margin-top: -15px;
  padding-bottom:0px;
  margin-bottom:10px;
}
.getting-started-req-title{
  text-transform:none;
  font-size:20px;
  color: #006c7b;
  font-weight:700;
  z-index:1;
  background-color:white;
  padding:0px 10px 0px 10px;
  margin-left: 10px;
}
.getting-started-required{
  border: 0.5px solid #365977;
  border-radius: 25px;
  margin: 50px auto 0px auto;
  z-index:5;
  width:80%;
}
.expandTrigger{
  text-decoration:underline;
  color: #219dd0;
}
.getting-started-proceed{
  margin-top: 35px;
  margin-bottom: 50px;
  padding:12px 40px 12px 40px;
  border: 1px solid #365977;
  background-color:white;
  font-weight:100;
  color: #365977;
  letter-spacing:2.5px;
  width:30%;
  text-decoration:none;
}
.getting-started-proceed:hover{
  text-decoration:none;
  color: white;
  background-color:#365977;
}
.gs-proceed-text{
  margin-top: 50px;
}
.next-step-tab{
  margin:50px auto auto auto;
  width:65%;
  border-left:1px solid #365977;
}

.next-step-image{
  height: 100px;
  width: 100px;
  margin-top:-3px;
}
.next-step-message{
  padding-bottom:20px;
}
.next-step-message h2{
  font-size: 24px;
  color:#365977;
  text-transform:none;
}
.next-step-message p {
  color:#365977;
}

.next-step-section-list {
  color:#365977;
  list-style-type:none;
}
.next-step-section-list li:before {
  margin-left:-20px;
  content:'\2012';
  position: absolute;
  color: #365977;
}
#next-steps-outro{
  margin:auto;
  width:80%;
  border:1px solid #365977;
  border-radius:20px; 
  padding:20px;
  padding-bottom:50px;
  margin-top:50px;
  margin-bottom:200px;
}
.next-step-outro-content p{
  color:#365977;
}
.next-step-outro-contact{
  padding-top:20px;
  padding-bottom:20px;
}
.next-step-outro-contact a{
  font-size:16px;
  text-transform:none;
  letter-spacing:1.5px;
}
#next-step-rows{
  margin-left:-50px;
}
.next-step-header{
  margin:auto;
  width:80%
}
.next-step-header h2{
  font-weight:700;
  font-size:24px;
  text-transform:none;
}
#ns-activate-account{
  margin:auto; width:65%;
}
#ns-active-image{
  margin-left:-65px;
}
#ns-active-content{
  margin-left: -45px;
}
.showCriteriaatMob{
  display: none;
}
.eidguide-link img {
  float:left;
  width: 50px;
}
.eidguide-link p {
  padding-top:13px;
  padding-left:60px;
}
.next-step-section-title{
  font-size:24px;
  color:#365977;
  text-transform:none;
  font-weight:700;
  line-height:25px;
}
.next-step-numbering{
  width:5%;
  float:left;
}

.showFunding{
  display:none;
}
@media screen and (max-width: 768px){
  .next-step-tab{
    border:none;
  }
  .getting-started-req-title{
    margin-left:8px;
  }
}
@media screen and (max-width: 1024px){
  .next-step-tab{
    width:65%;
  }
  #next-step-rows{
    margin-left:0px;
  }
  .getting-started-ulist li{
    width:100%;
  }
  .getting-started-proceed{
    width:auto;
  }
  .next-step-header{
    margin:auto;
    width:80%
  }
  #ns-activate-account{
    margin:auto; width:80%;
  }
  #ns-active-image{
    margin-left:-15px;
  }
  #ns-active-content{
    margin-left: 15px;
  }
  .next-step-image{
    margin-left:-50px;
  }
}
@media screen and (max-width: 425px){
  .next-step-tab{
    border:none;
    width:80%;
  }
  #ns-activate-account{ 
    width:80%;
  }
  #ns-active-content{
    margin-left: -15px;
  }
  .hideCriteriaatMob{
    display:none !important;
  }
  .hideFunding{
    display:none;
  }
  .showFunding{
    display:block;
  }
  .showCriteriaatMob{
    display: inline;
  }
  .getting-started-ulist li{
    padding:5px;
  }
}
.contact-address-details{
  resize: none;
  height: 150px;
  width:95%;
  border-radius:5px;
  border:none;
  background-color:#f6f6f6;
  margin-bottom:15px;
}
.contact-detail-input{
  width:93%;
  margin-bottom:10px;
    border: 1px solid #e8e8e8 !important;
    border-radius: 3px;
  padding: 6px 12px;
}
.contact-submission-message{
  color:#365977;
  border:1px solid #347ba6;
  background-color:#f6f6f6;
  padding:5px;
  margin-top:20px;
  font-weight:400;
}
.contact-submission-message strong{
  text-transform:uppercase;
}
#pin-submit-button{
  width:62%;
}
.sms-cancel-button{
  text-align:center !important;
}
.sms-button{
  width:105px !important;
}
.sms-cancel{
  text-align:right;
}
.sms-cancel button{
  background-color:white;
  border:none;
}
#newAddrCntry{
  
}
.bank-details{
  resize: none;
  width:95%;
  border-radius:5px;
  border:none;
  background-color:#f6f6f6;
  min-height:85px;
}
.bank-detail-label{
  color:#365977;
  font-size: 13px;
}
.bank-radio-label{
  margin-left:10px;
}
.bank-detail-radio{
    display: block;
	margin-top: -5px !important;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bank-detail-radio input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  
}
.bank-detail-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius:50%;
  border:1px solid #365977;
  margin-top:8px;
}
.bank-detail-radio input:checked ~ .bank-detail-checkmark {
  background-color: #365977;
}
.bank-detail-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.bank-detail-radio input:checked ~ .bank-detail-checkmark:after {
  display: block;
}

.bank-detail-radio .bank-detail-checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact-detail-input::-webkit-input-placeholder {
  color:  #365977;
  font-size:13px;
}
.bank-details-note p{
  font-weight:600;
  color:  #365977;
  font-size:13px;
  margin-top:200px;
}
.bank-detail-error{
  color:red;
  font-size:12px;
  font-weight:600;
}
#withdraw-funds-panel{
  margin-top:-1px;
}
.withdraw-main-form{
  border-left: 1px solid #F4F4F4;
  border-right: 1px solid #F4F4F4;
  padding: 30px 50px;
}
.withdraw-wing-form{

}
.withdraw-full-form{
  border-bottom: 1px solid #F4F4F4;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#withdrawal-cancel-button{
  text-align:right;
  padding-right:0px !important;
  padding-top:40px;
  padding-bottom:40px;
}
#withdrawal-proceed-button{
  text-align:left;
  padding-left:0px !important;
  padding-top:40px;
  padding-bottom:40px;
}
.withdrawal-button{
  width:115px;
}
.withdraw-funds-alert{
  border : 1px solid #428bca;
  background-color: #F4F4F4;
}
.withdraw-funds-alert p{
  color:#365977;
  padding: 10px 15px;
  font-weight:600;
}

#requestCheckButton{
	padding-top:50px;
}
#bank-detail-info{
	color: #365977;
	font-weight:600;
}
#withdraw-form-title{
	width : 1170px;
	margin: auto;
	padding: 25px 15px;
}
#withdraw-bank-details{
	height: auto;
	width:100%;
	font-size:14px;
}
.withdraw-warning-text{
	color: #d9080b;
}
#withdrawal-outro{
	text-align:center;
	font-weight:700;
}
.withdraw-outrodesc-text{
	color: #365977;
	font-weight:300;
	text-align:right;
}
.withdraw-outro-text{
	color: #365977;
	font-weight:600;
	text-align:left
}
@media screen and (max-width: 425px){

	.withdraw-main-form{
	  padding: 30px 25px !important;
	}	
	.withdraw-outrodesc-text{
		text-align:center;
	}
	.withdraw-outro-text{
		text-align:center;
	}
	
	#withdraw-address-form{
		padding-top:30px !important;
	}
	#withdrawal-cancel-button{
	  text-align:center;
	  padding: 20px 0px 20px 0px !important;
	}
	#withdrawal-proceed-button{
	  text-align:center;
	  padding: 20px 0px 20px 0px !important;
	}
	.bw-available-amount{
		text-align:center;
	}
  .contact-address-details{
    width:100%;
  }
  .bank-details{
    width:100%;
    margin-bottom:15px;
  }
}
@media screen and (max-width: 768px){
	.withdraw-main-form{
	  padding: 30px 20px !important;
	}
  #withdraw-form-title{
	width : 768px  !important;
	margin: auto;
	padding: 25px 15px !important;
  }
  .contact-address-details{
    width:92%;
  }
  .bank-details{
    width:92%;
    margin-bottom:15px;
  }
  #withdraw-form-spacing{
	  padding-left:15px;
	  padding-right:15px;
  }
}
@media screen and (max-width: 1024px){
  #withdraw-form-title{
	width : 970px !important;
	margin: auto;
	padding: 25px 15px;
  }
  .contact-address-details{
    width:90%;
  }
  .bank-details{
    width:90%;
    margin-bottom:15px;
  }
}
#bank-details-change-submit{
  max-width:130px;
  float:right;
}
#contact-details-change-submit{
  max-width:130px;
  float:right;
}
.verify-mobile-text{
  font-size:14px !important;
  color:#365977 !important; 
  font-weight:400 !important;
}
.svg-bank-details {
  background: url("svg/iconmonstr-bank-1.svg") 60% 15% no-repeat;
  width: 21px;
  height: 20px;
  display: inline-block;
}
.common-questions-ulist{
  margin-bottom:0px;
}
.common-questions-ulist li{
  color:  #365977;
  padding:8px;
}
.cq-time{
	padding:0px 0px 0px 15px !important;
}
.common-faq-starter p{
	text-align: left !important;
	padding-bottom:5px !important;
}
.common-questions-panel{
	border:none !important;
}
.new-features-section{
	position:absolute;
	top:125px;
	left:620px;
	width:175px;
	background-color: #b1c4ca  ;
	border-radius:15px;
	border:1px solid white;
	z-index: 5;
}
.new-features-section p{
	color:#51535c;
	font-size:14px;
	margin: 3px 10px;
}/* header icons */
.svg-user-profile {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 46.7005076142132% no-repeat;
}

.svg-user-profile-dims {
  width: 44px;
  height: 44px;
}

/* Mobile menu icons */
#menu {
  /*background: url("svg/sprite.css-2e1390b8.svg") 0 0 no-repeat;*/
}

#menu.open {
  /*background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 0 no-repeat;*/
}

.svg-menu-dims {
  width: 49.33px;
  height: 49.48px;
}

#user {
  /*background: url("svg/sprite.css-2e1390b8.svg") 49.46851183313277% 51.29055664
  973567% no-repeat;*/
}

.svg-user-profile-mob-dims {
  width: 46.56px;
  height: 48.06px;
}

/* Social share icons */
.svg-email-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 50.16525143641633% 25.835421888053464% no-repeat;
}

.svg-email-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 50.16525143641633% 0 no-repeat;
}

.svg-google-plus-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 0 25.835421888053464% no-repeat;
}

.svg-google-plus-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 25.835421888053464% no-repeat;
}

.svg-linkedin-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 75.24787715462449% 0 no-repeat;
}

.svg-linkedin-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 75.24787715462449% 25.835421888053464% no-repeat;
}

.svg-twitter-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 0 51.67084377610693% no-repeat;
}

.svg-twitter-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 51.67084377610693% no-repeat;
}

.socialLinks span{
  width: 49.33px;
  height: 49.48px;
  display: inline-block;
}

/* Footer icons */
.svg-linkedin-grey {
  background: url("svg/sprite.css-2e1390b8.svg") 99.65656565656566% 0 no-repeat;
}

.svg-linkedin-grey:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 73.34343434343434% 51.27461139896373% no-repeat;
}

.svg-youtube-grey {
  background: url("svg/sprite.css-2e1390b8.svg") 0 76.9119170984456% no-repeat;
}

.svg-youtube-grey:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 24.242424242424242% 76.9119170984456% no-repeat;
}

footer .socialLinks span {
  width: 48px;
  height: 48px;
  display: inline-block;
}

/* chevron icons */
.svg-down {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 69.03553299492386% no-repeat;
}

.svg-left {
  background: url("svg/sprite.css-2e1390b8.svg") 0 99.71573604060913% no-repeat;
}

.svg-up {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 24.365482233502537% no-repeat;
}

.chevron span {
  width: 44px;
  height: 44px;
}

/* EID*/
.double-image{
  width:auto;
  display: inline-block;
  margin-bottom:25px;
  
}

@media screen and (max-width: 768px){
  .double-image{
    width: 100%;
  }
}
.info-step{
  font-size:18px;
  color:#007588; 
  margin-bottom:0px; 
  font-weight:600;
}
.info-tip{
  color:#007588; 
  font-weight:700;
}
.info-highlight{
  color:#007588;
  margin-bottom:0px; 
  font-weight:600;
}
@media screen and (min-width:1024px){
  #ios-image-4{
    width:50%;
  }
}
.info-wide-image{
  width:100%;
}
#borderline{
  margin-top:10px;
  margin-bottom: 10px;
}



#valid-id-image{
            width:60%;
}
@media screen and (max-width: 768px){
            #valid-id-image{
                        width:100%;
            }
}

#bank-account-note > *{
  color: black;
  font-weight: 700;
}
#bank-account-note{
  color: black;
  font-weight: 700;
}
#poa-note-ul > li> strong {
  font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #365977;
    line-height: 20px;
}
#non-valid-poa {  
  margin-left:0px;
  margin-right:0px;
}
#non-valid-poa >div {
  padding:4px;
}
#selfie-list,#valid-id-list,#poa-note-ul,#invalid-poa{
  list-style-type:none;
}
#selfie-list-1{
  background:  url("imgs/verification-sprites.png")  -39px -5px;
  width: 24px;
    height: 21px;
  float:left;
}
#valid-id-1{
  background:  url("imgs/verification-sprites.png")  -39px -36px;
    width: 25px;
    height: 20px;
}
#poa-list-1{
  background:  url("imgs/verification-sprites.png")  -5px -5px;
  width: 28px;
    height: 24px;
    background-position:;
}

#invalid-poa-1{
  background:  url("imgs/verification-sprites.png")  -5px -42px;
  width: 25px;
    height: 21px;
}

#selfie-text{
  margin-left:25px;
}

#selfie-list > li{
  margin-bottom:8px;
}
#valid-id-list> li{
  margin-bottom:8px;
}
#poa-note-ul> li{
  margin-bottom:8px;
}
#poa-note-ul, #valid-id-list{
  margin-bottom:30px;
}
#invalid-poa> li{
  margin-bottom:8px;
}
.online-note{
  color:black;
  font-weight:700;
}
@media screen and (min-width: 768px){
    #required-documents{
        margin-left:30px;
    }
}
#photo-note{
  padding-bottom:0px;
}
#selfie-details{
  padding-top:0px;
}
.update-heading{
  font-size : 14px;
}
#required-field{
  color: #E70000;
  font-size: 12px;
}

/* Style the tab */
div.tab {
    overflow: hidden;
   
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #ccc;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;

}
.currency-styling{
  font-weight: 500;
}
.checkbox-text{
  font-size:14px;
  font-weight: 400;
  color:#474747;
}
#checkbox-item{
  padding:0px;
}
@media screen and (max-width: 767px) {
  #checkbox-item{
    padding:0px;
  }
}
input[id*="-check"]{
  margin-top:0px;
}

#net-assets{
  font-size: 12px;
  font-weight:400;
  color: #365977;
  padding :5px;
  text-align: center;
}

#net-assets > div{
  padding:5px;
}
#salary-dropdown{
  font-size:12px;
}

#financial-commitments-label{
  font-size : 12px;
  margin-right:3px;
  color: #474747;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  #financial-commitments-label{
    width:60%;
  }
}

.finance-info-title{
  font-weight:500;
}

#client-details-text-input > div {
  padding-top:5px;
  padding-bottom: 5px;
}
.tablinks{
  color: #365977;
  font-size:14px;
}
#account-holder-heading{
  color: #474747;
}

@media screen and (min-width: 768px) {
   .finance-commitment-checkbox{
    width:100%;
  }
}

@media screen and (max-width: 767px) {
   .finance-commitment-checkbox{
    width:100%;
  }
}
#investor-profile-title{
  margin-bottom: 20px;
}

.updateButton{
  width: 91.5%;
}
@media screen and (max-width: 767px) {
  .updateButton{
    width: 100%;
  }
}

#financeInfo > select {
  font-size: 12px;
  height:35px;
}
#financeInfo > input {
  font-size: 12px;
  height:35px;
}

#submit-button{
  padding-top:9%;
}
.funding-help-account-details{
  margin-bottom:0px;
}
.funding-help-account-details > span{
  font-weight:600;
}

.riskAssessmentText {
  margin-top: 10px;
  margin-bottom: 10px;
}

#renewal-landing-head{
  color:white;
  font-size:2.1em;
  font-weight: 400;
  text-align:center;
}
.renewal-landing-link{
  margin-top:1em;
}
#renewal-landing-info{
  text-align:center;
  width:100%;
  margin-top:1em;
  color: #FFFFFF;
}
#renewal-landing-info:hover{
  text-decoration:underline;
  color: #FFFFFF;
}
#renewal-header{
  margin-bottom:0px;
  margin-left:-2px;
  margin-right:-2px;
}
.renewal-tcs{
  text-align:left;
  padding-left : 50px;
  padding-right: 50px;
  padding-bottom: 19px;
}
.btn-renew{
  width:300px;
}
.error-warning{
  font-weight:600;
}
#up-to-date-help{
  background-color:white;
}
.fin-info-alert{
  text-align:center;
}
.fin-info-form-background{
  background-color: white;
}
.fin-info-form-clear{
  background-color: unset;
}

.fin-info-form-div{
  margin-left:24%;
  margin-right:16%;
}


.fin-info-success{
  color:#468847;
  margin-bottom:20px;
}
#fin-info-success-margin{
  margin-bottom:20px;
}
.optionFocusHighLight{
  border:1px solid lightblue !important;
}
.required-field-class{
  font-weight:bold;
}

@media screen and (max-width: 768px){
  .fin-info-form-div{
    margin-left:0%;
    margin-right:35%;
  }
  .finance-info-title{
    font-weight:500;
    text-align:left;
  }
  .renewal-tcs{
    display:none;
  }
}

.financeInfoForm{
  margin-left: 0px;
  margin-right:0px;
  max-width:3500px;
  margin-top:0px;
  padding-top:0px;
  
}

.financeInfoNoPadding{
  padding-left:1px;
  padding-right:1px;
}

.getting-started-button{
  padding:12px 40px 12px 40px;
  border: 1px solid #365977;
  background-color:white;
  font-weight:100;
  color: #365977;
  letter-spacing:2.5px;
  width:55%;
  text-decoration:none;
}
.getting-started-button:hover{
  text-decoration:none;
  color: white;
  background-color:#365977;
}
#getting-started{
  padding-top:50px;
}
#getting-started h2{
  text-align:center;
  letter-spacing:1.4px;
  color: #365977;
}
#getting-started p{
  text-align:center;
  font-weight:400;
  color: #365977;
  padding-bottom:50px;
  font-size: 1em;
}
.getting-started-image{
  height: 150px;
  width: auto;
  padding-bottom: 25px
}
#getting-started-text{
  padding-top:50px;
  margin: 0px 10% 0px 10%;
}
@media screen and (max-width: 425px){
  #getting-started{
    padding-top:0px;
  }
  .getting-started-image{
    padding: 50px 0 25px 0;
    height: 150px;
    width: 150px;
  }
  
  /*#getting-started h2{
    padding: 50px 0 50px 0;
  }*/
  #getting-started p{
    padding-bottom: 0px;
  } 
  #getting-started-text {
    padding-top:200px !important;
    margin: 0px 8% 0px 8%;
    padding-bottom:0 !important;
  }
  .getting-started-button{
    width:80%;
  }
}
@media screen and (max-width: 1024px){
  #getting-started-text{
    padding-bottom:200px ;
    margin: 0px 8% 0px 8%;
  }
}
.getting-started-ulist{
  margin-bottom:0px;
}
.getting-started-ulist li{
  color:  #365977;
  float:left;
  padding:8px;
}
.getting-started-title-wrap{
  margin-top: -15px;
  padding-bottom:0px;
  margin-bottom:10px;
}
.getting-started-req-title{
  text-transform:none;
  font-size:20px;
  color: #006c7b;
  font-weight:700;
  z-index:1;
  background-color:white;
  padding:0px 10px 0px 10px;
  margin-left: 10px;
}
.getting-started-required{
  border: 0.5px solid #365977;
  border-radius: 25px;
  margin: 50px auto 0px auto;
  z-index:5;
  width:80%;
}
.expandTrigger{
  text-decoration:underline;
  color: #219dd0;
}
.getting-started-proceed{
  margin-top: 35px;
  margin-bottom: 50px;
  padding:12px 40px 12px 40px;
  border: 1px solid #365977;
  background-color:white;
  font-weight:100;
  color: #365977;
  letter-spacing:2.5px;
  width:30%;
  text-decoration:none;
}
.getting-started-proceed:hover{
  text-decoration:none;
  color: white;
  background-color:#365977;
}
.gs-proceed-text{
  margin-top: 50px;
}
.next-step-tab{
  margin:50px auto auto auto;
  width:65%;
  border-left:1px solid #365977;
}

.next-step-image{
  height: 100px;
  width: 100px;
  margin-top:-3px;
}
.next-step-message{
  padding-bottom:20px;
}
.next-step-message h2{
  font-size: 24px;
  color:#365977;
  text-transform:none;
}
.next-step-message p {
  color:#365977;
}

.next-step-section-list {
  color:#365977;
  list-style-type:none;
}
.next-step-section-list li:before {
  margin-left:-20px;
  content:'\2012';
  position: absolute;
  color: #365977;
}
#next-steps-outro{
  margin:auto;
  width:80%;
  border:1px solid #365977;
  border-radius:20px; 
  padding:20px;
  padding-bottom:50px;
  margin-top:50px;
  margin-bottom:200px;
}
.next-step-outro-content p{
  color:#365977;
}
.next-step-outro-contact{
  padding-top:20px;
  padding-bottom:20px;
}
.next-step-outro-contact a{
  font-size:16px;
  text-transform:none;
  letter-spacing:1.5px;
}
#next-step-rows{
  margin-left:-50px;
}
.next-step-header{
  margin:auto;
  width:80%
}
.next-step-header h2{
  font-weight:700;
  font-size:24px;
  text-transform:none;
}
#ns-activate-account{
  margin:auto; width:65%;
}
#ns-active-image{
  margin-left:-65px;
}
#ns-active-content{
  margin-left: -45px;
}
.showCriteriaatMob{
  display: none;
}
.eidguide-link img {
  float:left;
  width: 50px;
}
.eidguide-link p {
  padding-top:13px;
  padding-left:60px;
}
.next-step-section-title{
  font-size:24px;
  color:#365977;
  text-transform:none;
  font-weight:700;
  line-height:25px;
}
.next-step-numbering{
  width:5%;
  float:left;
}

.showFunding{
  display:none;
}
@media screen and (max-width: 768px){
  .next-step-tab{
    border:none;
  }
  .getting-started-req-title{
    margin-left:8px;
  }

}
@media screen and (max-width: 1024px){
  .next-step-tab{
    width:65%;
  }
  #next-step-rows{
    margin-left:0px;
  }
  .getting-started-ulist li{
    width:100%;
  }
  .getting-started-proceed{
    width:auto;
  }
  .next-step-header{
    margin:auto;
    width:80%
  }
  #ns-activate-account{
    margin:auto; width:80%;
  }
  #ns-active-image{
    margin-left:-15px;
  }
  #ns-active-content{
    margin-left: 15px;
  }
  .next-step-image{
    margin-left:-50px;
  }
}
@media screen and (max-width: 425px){
  .next-step-tab{
    border:none;
    width:80%;
  }
  #ns-activate-account{ 
    width:80%;
  }
  #ns-active-content{
    margin-left: -15px;
  }
  .hideCriteriaatMob{
    display:none !important;
  }
  .hideFunding{
    display:none;
  }
  .showFunding{
    display:block;
  }
  .showCriteriaatMob{
    display: inline;
  }
  .getting-started-ulist li{
    padding:5px;
  }
}
.contact-address-details{
  resize: none;
  height: 150px;
  width:95%;
  border-radius:5px;
  border:none;
  background-color:#f6f6f6;
  margin-bottom:15px;
}
.contact-detail-input{
  width:93%;
  margin-bottom:10px;
    border: 1px solid #e8e8e8 !important;
    border-radius: 3px;
  padding: 6px 12px;
}
.contact-submission-message{
  color:#365977;
  border:1px solid #347ba6;
  background-color:#f6f6f6;
  padding:5px;
  margin-top:20px;
  font-weight:400;
}
.contact-submission-message strong{
  text-transform:uppercase;
}
#pin-submit-button{
  width:62%;
}
.sms-cancel-button{
  text-align:center !important;
}
.sms-button{
  width:105px !important;
}
.sms-cancel{
  text-align:right;
}
.sms-cancel button{
  background-color:white;
  border:none;
}
#newAddrCntry{
  
}
.bank-details{
  resize: none;
  width:95%;
  border-radius:5px;
  border:none;
  background-color:#f6f6f6;
  min-height:85px;
}
.bank-detail-label{
  color:#365977;
  font-size: 13px;
}
.bank-radio-label{
  margin-left:10px;
}
.bank-detail-radio{
    display: block;
	margin-top: -5px !important;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bank-detail-radio input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  
}
.bank-detail-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius:50%;
  border:1px solid #365977;
  margin-top:8px;
}
.bank-detail-radio input:checked ~ .bank-detail-checkmark {
  background-color: #365977;
}
.bank-detail-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.bank-detail-radio input:checked ~ .bank-detail-checkmark:after {
  display: block;
}

.bank-detail-radio .bank-detail-checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact-detail-input::-webkit-input-placeholder {
  color:  #365977;
  font-size:13px;
}
.bank-details-note p{
  font-weight:600;
  color:  #365977;
  font-size:13px;
  margin-top:200px;
}
.bank-detail-error{
  color:red;
  font-size:12px;
  font-weight:600;
}
#withdraw-funds-panel{
  margin-top:-1px;
}
.withdraw-main-form{
  border-left: 1px solid #F4F4F4;
  border-right: 1px solid #F4F4F4;
  padding: 30px 50px;
}
.withdraw-wing-form{

}
.withdraw-full-form{
  border-bottom: 1px solid #F4F4F4;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#withdrawal-cancel-button{
  text-align:right;
  padding-right:0px !important;
  padding-top:40px;
  padding-bottom:40px;
}
#withdrawal-proceed-button{
  text-align:left;
  padding-left:0px !important;
  padding-top:40px;
  padding-bottom:40px;
}
.withdrawal-button{
  width:115px;
}
.withdraw-funds-alert{
  border : 1px solid #428bca;
  background-color: #F4F4F4;
}
.withdraw-funds-alert p{
  color:#365977;
  padding: 10px 15px;
  font-weight:600;
}

#requestCheckButton{
	padding-top:50px;
}
#bank-detail-info{
	color: #365977;
	font-weight:600;
}
#withdraw-form-title{
	width : 1170px;
	margin: auto;
	padding: 25px 0px;
}
#withdraw-bank-details{
	height: auto;
	width:100%;
	font-size:14px;
}
.withdraw-warning-text{
	color: #d9080b;
}
#withdrawal-outro{
	text-align:center;
	font-weight:700;
}
.withdraw-outrodesc-text{
	color: #365977;
	font-weight:300;
	text-align:right;
}
.withdraw-outro-text{
	color: #365977;
	font-weight:600;
	text-align:left
}
@media screen and (max-width: 425px){
	.withdraw-main-form{
	  padding: 30px 25px !important;
	}	
	.withdraw-outrodesc-text{
		text-align:center;
	}
	.withdraw-outro-text{
		text-align:center;
	}
	
	#withdraw-address-form{
		padding-top:30px !important;
	}
	#withdrawal-cancel-button{
	  text-align:center;
	  padding: 20px 0px 20px 0px !important;
	}
	#withdrawal-proceed-button{
	  text-align:center;
	  padding: 20px 0px 20px 0px !important;
	}
	.bw-available-amount{
		text-align:center;
	}
  .contact-address-details{
    width:100%;
  }
  .bank-details{
    width:100%;
    margin-bottom:15px;
  }
}
@media screen and (max-width: 768px){
	.withdraw-main-form{
	  padding: 30px 20px !important;
	}
  #withdraw-form-title{
	width : 970px  !important;
	margin: auto;
	padding: 25px 15px !important;
  }
  .contact-address-details{
    width:92%;
  }
  .bank-details{
    width:92%;
    margin-bottom:15px;
  }
  #withdraw-form-spacing{
	  padding-left:15px;
	  padding-right:15px;
  }
}
@media screen and (max-width: 1024px){
  #withdraw-form-title{
	width : 970px !important;
	margin: auto;
	padding: 25px 0px;
  }
  .contact-address-details{
    width:90%;
  }
  .bank-details{
    width:90%;
    margin-bottom:15px;
  }
}
#bank-details-change-submit{
  max-width:130px;
  float:right;
}
#contact-details-change-submit{
  max-width:130px;
  float:right;
}
.verify-mobile-text{
  font-size:14px !important;
  color:#365977 !important; 
  font-weight:400 !important;
}/* header icons */
.svg-user-profile {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 46.7005076142132% no-repeat;
}

.svg-user-profile-dims {
  width: 44px;
  height: 44px;
}

/* Mobile menu icons */
#menu {
  /*background: url("svg/sprite.css-2e1390b8.svg") 0 0 no-repeat;*/
}

#menu.open {
  /*background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 0 no-repeat;*/
}

.svg-menu-dims {
  width: 49.33px;
  height: 49.48px;
}

#user {
  /*background: url("svg/sprite.css-2e1390b8.svg") 49.46851183313277% 51.29055664
  973567% no-repeat;*/
}

.svg-user-profile-mob-dims {
  width: 46.56px;
  height: 48.06px;
}

/* Social share icons */
.svg-email-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 50.16525143641633% 25.835421888053464% no-repeat;
}

.svg-email-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 50.16525143641633% 0 no-repeat;
}

.svg-google-plus-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 0 25.835421888053464% no-repeat;
}

.svg-google-plus-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 25.835421888053464% no-repeat;
}

.svg-linkedin-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 75.24787715462449% 0 no-repeat;
}

.svg-linkedin-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 75.24787715462449% 25.835421888053464% no-repeat;
}

.svg-twitter-blue {
  background: url("svg/sprite.css-2e1390b8.svg") 0 51.67084377610693% no-repeat;
}

.svg-twitter-blue:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 25.082625718208163% 51.67084377610693% no-repeat;
}

.socialLinks span{
  width: 49.33px;
  height: 49.48px;
  display: inline-block;
}

/* Footer icons */
.svg-linkedin-grey {
  background: url("svg/sprite.css-2e1390b8.svg") 99.65656565656566% 0 no-repeat;
}

.svg-linkedin-grey:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 73.34343434343434% 51.27461139896373% no-repeat;
}

.svg-youtube-grey {
  background: url("svg/sprite.css-2e1390b8.svg") 0 76.9119170984456% no-repeat;
}

.svg-youtube-grey:hover {
  background: url("svg/sprite.css-2e1390b8.svg") 24.242424242424242% 76.9119170984456% no-repeat;
}

footer .socialLinks span {
  width: 48px;
  height: 48px;
  display: inline-block;
}

/* chevron icons */
.svg-down {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 69.03553299492386% no-repeat;
}

.svg-left {
  background: url("svg/sprite.css-2e1390b8.svg") 0 99.71573604060913% no-repeat;
}

.svg-up {
  background: url("svg/sprite.css-2e1390b8.svg") 97.68316831683168% 24.365482233502537% no-repeat;
}

.chevron span {
  width: 44px;
  height: 44px;
}

/* EID*/
.double-image{
  width:auto;
  display: inline-block;
  margin-bottom:25px;
  
}

@media screen and (max-width: 768px){
  .double-image{
    width: 100%;
  }
}
.info-step{
  font-size:18px;
  color:#007588; 
  margin-bottom:0px; 
  font-weight:600;
}
.info-tip{
  color:#007588; 
  font-weight:700;
}
.info-highlight{
  color:#007588;
  margin-bottom:0px; 
  font-weight:600;
}
@media screen and (min-width:1024px){
  #ios-image-4{
    width:50%;
  }
}
.info-wide-image{
  width:100%;
}
#borderline{
  margin-top:10px;
  margin-bottom: 10px;
}



#valid-id-image{
            width:60%;
}
@media screen and (max-width: 768px){
            #valid-id-image{
                        width:100%;
            }
}

#bank-account-note > *{
  color: black;
  font-weight: 700;
}
#bank-account-note{
  color: black;
  font-weight: 700;
}
#poa-note-ul > li> strong {
  font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #365977;
    line-height: 20px;
}
#non-valid-poa {  
  margin-left:0px;
  margin-right:0px;
}
#non-valid-poa >div {
  padding:4px;
}
#selfie-list,#valid-id-list,#poa-note-ul,#invalid-poa{
  list-style-type:none;
}
#selfie-list-1{
  background:  url("imgs/verification-sprites.png")  -39px -5px;
  width: 24px;
    height: 21px;
  float:left;
}
#valid-id-1{
  background:  url("imgs/verification-sprites.png")  -39px -36px;
    width: 25px;
    height: 20px;
}
#poa-list-1{
  background:  url("imgs/verification-sprites.png")  -5px -5px;
  width: 28px;
    height: 24px;
    background-position:;
}

#invalid-poa-1{
  background:  url("imgs/verification-sprites.png")  -5px -42px;
  width: 25px;
    height: 21px;
}

#selfie-text{
  margin-left:25px;
}

#selfie-list > li{
  margin-bottom:8px;
}
#valid-id-list> li{
  margin-bottom:8px;
}
#poa-note-ul> li{
  margin-bottom:8px;
}
#poa-note-ul, #valid-id-list{
  margin-bottom:30px;
}
#invalid-poa> li{
  margin-bottom:8px;
}
.online-note{
  color:black;
  font-weight:700;
}
@media screen and (min-width: 768px){
    #required-documents{
        margin-left:30px;
    }
}
#photo-note{
  padding-bottom:0px;
}
#selfie-details{
  padding-top:0px;
}
.update-heading{
  font-size : 14px;
}
#required-field{
  color: #E70000;
  font-size: 12px;
}

/* Style the tab */
div.tab {
    overflow: hidden;
   
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #ccc;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;

}
.currency-styling{
  font-weight: 500;
}
.checkbox-text{
  font-size:14px;
  font-weight: 400;
  color:#474747;
}
#checkbox-item{
  padding:0px;
}
@media screen and (max-width: 767px) {
  #checkbox-item{
    padding:0px;
  }
}
input[id*="-check"]{
  margin-top:0px;
}

#net-assets{
  font-size: 12px;
  font-weight:400;
  color: #365977;
  padding :5px;
  text-align: center;
}

#net-assets > div{
  padding:5px;
}
#salary-dropdown{
  font-size:12px;
}

#financial-commitments-label{
  font-size : 12px;
  margin-right:3px;
  color: #474747;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  #financial-commitments-label{
    width:60%;
  }
}

.finance-info-title{
  font-weight:500;
}

#client-details-text-input > div {
  padding-top:5px;
  padding-bottom: 5px;
}
.tablinks{
  color: #365977;
  font-size:14px;
}
#account-holder-heading{
  color: #474747;
}

@media screen and (min-width: 768px) {
   .finance-commitment-checkbox{
    width:100%;
  }
}

@media screen and (max-width: 767px) {
   .finance-commitment-checkbox{
    width:100%;
  }
}
#investor-profile-title{
  margin-bottom: 20px;
}

.updateButton{
  width: 91.5%;
}
@media screen and (max-width: 767px) {
  .updateButton{
    width: 100%;
  }
}

#financeInfo > select {
  font-size: 12px;
  height:35px;
}
#financeInfo > input {
  font-size: 12px;
  height:35px;
}

#submit-button{
  padding-top:9%;
}
.funding-help-account-details{
  margin-bottom:0px;
}
.funding-help-account-details > span{
  font-weight:600;
}

.riskAssessmentText {
  margin-top: 10px;
  margin-bottom: 10px;
}

#renewal-landing-head{
  color:white;
  font-size:2.1em;
  font-weight: 400;
  text-align:center;
}
.renewal-landing-link{
  margin-top:1em;
}
#renewal-landing-info{
  text-align:center;
  width:100%;
  margin-top:1em;
  color: #FFFFFF;
}
#renewal-landing-info:hover{
  text-decoration:underline;
  color: #FFFFFF;
}
#renewal-header{
  margin-bottom:0px;
  margin-left:-2px;
  margin-right:-2px;
}
.renewal-tcs{
  text-align:left;
  padding-left : 50px;
  padding-right: 50px;
  padding-bottom: 19px;
}
.btn-renew{
  width:300px;
}
.error-warning{
  font-weight:600;
}
#up-to-date-help{
  background-color:white;
}
.fin-info-alert{
  text-align:center;
}
.fin-info-form-background{
  background-color: white;
}
.fin-info-form-clear{
  background-color: unset;
}

.fin-info-form-div{
  margin-left:24%;
  margin-right:16%;
}


.fin-info-success{
  color:#474747;
  margin-bottom:20px;
}
#fin-info-success-margin{
  margin-bottom:20px;
}
.optionFocusHighLight{
  border:1px solid lightblue !important;
}
.required-field-class{
  font-weight:bold;
}

@media screen and (max-width: 768px){
  .fin-info-form-div{
    margin-left:0%;
    margin-right:35%;
  }
  .finance-info-title{
    font-weight:500;
    text-align:left;
  }
  .renewal-tcs{
    display:none;
  }
}

.financeInfoForm{
  margin-left: 0px;
  margin-right:0px;
  max-width:3500px;
  margin-top:0px;
  padding-top:0px;
  
}

.financeInfoNoPadding{
  padding-left:1px;
  padding-right:1px;
}

.getting-started-button{
  padding:12px 40px 12px 40px;
  border: 1px solid #365977;
  background-color:white;
  font-weight:100;
  color: #365977;
  letter-spacing:2.5px;
  width:55%;
  text-decoration:none;
}
.getting-started-button:hover{
  text-decoration:none;
  color: white;
  background-color:#365977;
}
#getting-started{
  padding-top:50px;
}
#getting-started h2{
  text-align:center;
  letter-spacing:1.4px;
  color: #365977;
}
#getting-started p{
  text-align:center;
  font-weight:400;
  color: #365977;
  padding-bottom:50px;
  font-size: 1em;
}
.getting-started-image{
  height: 150px;
  width: auto;
  padding-bottom: 25px
}
#getting-started-text{
  padding-top:50px;
  margin: 0px 10% 0px 10%;
}
@media screen and (max-width: 425px){
  #getting-started{
    padding-top:0px;
  }
  .getting-started-image{
    padding: 50px 0 25px 0;
    height: 150px;
    width: 150px;
  }
  
  /*#getting-started h2{
    padding: 50px 0 50px 0;
  }*/
  #getting-started p{
    padding-bottom: 0px;
  } 
  #getting-started-text {
    padding-top:200px !important;
    margin: 0px 8% 0px 8%;
    padding-bottom:0 !important;
  }
  .getting-started-button{
    width:80%;
  }
}
@media screen and (max-width: 1024px){
  #getting-started-text{
    padding-bottom:200px ;
    margin: 0px 8% 0px 8%;
  }
}
.getting-started-ulist{
  margin-bottom:0px;
}
.getting-started-ulist li{
  color:  #365977;
  float:left;
  padding:8px;
}
.getting-started-title-wrap{
  margin-top: -15px;
  padding-bottom:0px;
  margin-bottom:10px;
}
.getting-started-req-title{
  text-transform:none;
  font-size:20px;
  color: #006c7b;
  font-weight:700;
  z-index:1;
  background-color:white;
  padding:0px 10px 0px 10px;
  margin-left: 10px;
}
.getting-started-required{
  border: 0.5px solid #365977;
  border-radius: 25px;
  margin: 50px auto 0px auto;
  z-index:5;
  width:80%;
}
.expandTrigger{
  text-decoration:underline;
  color: #219dd0;
}
.getting-started-proceed{
  margin-top: 35px;
  margin-bottom: 50px;
  padding:12px 40px 12px 40px;
  border: 1px solid #365977;
  background-color:white;
  font-weight:100;
  color: #365977;
  letter-spacing:2.5px;
  width:30%;
  text-decoration:none;
}
.getting-started-proceed:hover{
  text-decoration:none;
  color: white;
  background-color:#365977;
}
.gs-proceed-text{
  margin-top: 50px;
}
.next-step-tab{
  margin:50px auto auto auto;
  width:65%;
  border-left:1px solid #365977;
}

.next-step-image{
  height: 100px;
  width: 100px;
  margin-top:-3px;
}
.next-step-message{
  padding-bottom:20px;
}
.next-step-message h2{
  font-size: 24px;
  color:#365977;
  text-transform:none;
}
.next-step-message p {
  color:#365977;
}

.next-step-section-list {
  color:#365977;
  list-style-type:none;
}
.next-step-section-list li:before {
  margin-left:-20px;
  content:'\2012';
  position: absolute;
  color: #365977;
}
#next-steps-outro{
  margin:auto;
  width:80%;
  border:1px solid #365977;
  border-radius:20px; 
  padding:20px;
  padding-bottom:50px;
  margin-top:50px;
  margin-bottom:200px;
}
.next-step-outro-content p{
  color:#365977;
}
.next-step-outro-contact{
  padding-top:20px;
  padding-bottom:20px;
}
.next-step-outro-contact a{
  font-size:16px;
  text-transform:none;
  letter-spacing:1.5px;
}
#next-step-rows{
  margin-left:-50px;
}
.next-step-header{
  margin:auto;
  width:80%
}
.next-step-header h2{
  font-weight:700;
  font-size:24px;
  text-transform:none;
}
#ns-activate-account{
  margin:auto; width:65%;
}
#ns-active-image{
  margin-left:-65px;
}
#ns-active-content{
  margin-left: -45px;
}
.showCriteriaatMob{
  display: none;
}
.eidguide-link img {
  float:left;
  width: 50px;
}
.eidguide-link p {
  padding-top:13px;
  padding-left:60px;
}
.next-step-section-title{
  font-size:24px;
  color:#365977;
  text-transform:none;
  font-weight:700;
  line-height:25px;
}
.next-step-numbering{
  width:5%;
  float:left;
}
.gs-criteria{
  padding: 0px 30px 5px 30px !important;
}
.showFunding{
  display:none;
}
@media screen and (max-width: 768px){
  .gs-criteria{
	padding: 0px 10px 5px 10px !important;
  }
  .next-step-tab{
    border:none;
  }
  .getting-started-req-title{
    margin-left:8px;
  }

}
@media screen and (max-width: 1024px){
  .next-step-tab{
    width:65%;
  }
  #next-step-rows{
    margin-left:0px;
  }
  .getting-started-ulist li{
    width:100%;
  }
  .getting-started-proceed{
    width:auto;
  }
  .next-step-header{
    margin:auto;
    width:80%
  }
  #ns-activate-account{
    margin:auto; width:80%;
  }
  #ns-active-image{
    margin-left:-15px;
  }
  #ns-active-content{
    margin-left: 15px;
  }
  .next-step-image{
    margin-left:-50px;
  }
}
@media screen and (max-width: 425px){
  .next-step-tab{
    border:none;
    width:80%;
  }
  #ns-activate-account{ 
    width:80%;
  }
  #ns-active-content{
    margin-left: -15px;
  }
  .hideCriteriaatMob{
    display:none !important;
  }
  .hideFunding{
    display:none;
  }
  .showFunding{
    display:block;
  }
  .showCriteriaatMob{
    display: inline;
  }
  .getting-started-ulist li{
    padding:5px;
  }
}
.contact-address-details{
  resize: none;
  height: 150px;
  width:95%;
  border-radius:5px;
  border:none;
  background-color:#f6f6f6;
  margin-bottom:15px;
}
.contact-detail-input{
  width:93%;
  margin-bottom:10px;
    border: 1px solid #e8e8e8 !important;
    border-radius: 3px;
  padding: 6px 12px;
}
.contact-submission-message{
  color:#365977;
  border:1px solid #347ba6;
  background-color:#f6f6f6;
  padding:5px;
  margin-top:20px;
  font-weight:400;
}
.contact-submission-message strong{
  text-transform:uppercase;
}
#pin-submit-button{
  width:62%;
}
.sms-cancel-button{
  text-align:center !important;
}
.sms-button{
  width:105px !important;
}
.sms-cancel{
  text-align:right;
}
.sms-cancel button{
  background-color:white;
  border:none;
}
#newAddrCntry{
  
}
.bank-details{
  resize: none;
  width:95%;
  border-radius:5px;
  border:none;
  background-color:#f6f6f6;
  min-height:85px;
}
.bank-detail-label{
  color:#365977;
  font-size: 13px;
}
.bank-radio-label{
  margin-left:10px;
}
.bank-detail-radio{
    display: block;
	margin-top: -5px !important;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bank-detail-radio input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  
}
.bank-detail-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius:50%;
  border:1px solid #365977;
  margin-top:8px;
}
.bank-detail-radio input:checked ~ .bank-detail-checkmark {
  background-color: #365977;
}
.bank-detail-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.bank-detail-radio input:checked ~ .bank-detail-checkmark:after {
  display: block;
}

.bank-detail-radio .bank-detail-checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact-detail-input::-webkit-input-placeholder {
  color:  #365977;
  font-size:13px;
}
.bank-details-note p{
  font-weight:600;
  color:  #365977;
  font-size:13px;
  margin-top:200px;
}
.bank-detail-error{
  color:red;
  font-size:12px;
  font-weight:600;
}
#withdraw-funds-panel{
  margin-top:-1px;
}
.withdraw-main-form{
  border-left: 1px solid #F4F4F4;
  border-right: 1px solid #F4F4F4;
  padding: 30px 50px;
}
.withdraw-wing-form{

}
.withdraw-full-form{
  border-bottom: 1px solid #F4F4F4;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#withdrawal-cancel-button{
  text-align:right;
  padding-right:0px !important;
  padding-top:40px;
  padding-bottom:40px;
}
#withdrawal-proceed-button{
  text-align:left;
  padding-left:0px !important;
  padding-top:40px;
  padding-bottom:40px;
}
.withdrawal-button{
  width:115px;
}
.withdraw-funds-alert{
  border : 1px solid #428bca;
  background-color: #F4F4F4;
}
.withdraw-funds-alert p{
  color:#365977;
  padding: 10px 15px;
  font-weight:600;
}

#requestCheckButton{
	padding-top:50px;
}
#bank-detail-info{
	color: #365977;
	font-weight:600;
}
#withdraw-form-title{
	width : 1170px;
	margin: auto;
	padding: 25px 15px;
}
#withdraw-bank-details{
	height: auto;
	width:100%;
	font-size:14px;
}
.withdraw-warning-text{
	color: #d9080b;
}
#withdrawal-outro{
	text-align:center;
	font-weight:700;
}
.withdraw-outrodesc-text{
	color: #365977;
	font-weight:300;
	text-align:right;
}
.withdraw-outro-text{
	color: #365977;
	font-weight:600;
	text-align:left
}
@media screen and (max-width: 425px){

	.withdraw-main-form{
	  padding: 30px 25px !important;
	}	
	.withdraw-outrodesc-text{
		text-align:center;
	}
	.withdraw-outro-text{
		text-align:center;
	}
	
	#withdraw-address-form{
		padding-top:30px !important;
	}
	#withdrawal-cancel-button{
	  text-align:center;
	  padding: 20px 0px 20px 0px !important;
	}
	#withdrawal-proceed-button{
	  text-align:center;
	  padding: 20px 0px 20px 0px !important;
	}
	.bw-available-amount{
		text-align:center;
	}
  .contact-address-details{
    width:100%;
  }
  .bank-details{
    width:100%;
    margin-bottom:15px;
  }
}
@media screen and (max-width: 768px){
	.withdraw-main-form{
	  padding: 30px 20px !important;
	}
  #withdraw-form-title{
	width : 768px  !important;
	margin: auto;
	padding: 25px 15px !important;
  }
  .contact-address-details{
    width:92%;
  }
  .bank-details{
    width:92%;
    margin-bottom:15px;
  }
  #withdraw-form-spacing{
	  padding-left:15px;
	  padding-right:15px;
  }
}
@media screen and (max-width: 1024px){
  #withdraw-form-title{
	width : 970px !important;
	margin: auto;
	padding: 25px 15px;
  }
  .contact-address-details{
    width:90%;
  }
  .bank-details{
    width:90%;
    margin-bottom:15px;
  }
}
#bank-details-change-submit{
  max-width:130px;
  float:right;
}
#contact-details-change-submit{
  max-width:130px;
  float:right;
}
.verify-mobile-text{
  font-size:14px !important;
  color:#365977 !important; 
  font-weight:400 !important;
}
.svg-bank-details {
  background: url("svg/iconmonstr-bank-1.svg") 60% 15% no-repeat;
  width: 21px;
  height: 20px;
  display: inline-block;
}
.common-questions-ulist{
  margin-bottom:0px;
}
.common-questions-ulist li{
  color:  #365977;
  padding:8px;
}
.cq-time{
	padding:0px 0px 0px 15px !important;
}
.common-faq-starter p{
	text-align: left !important;
	padding-bottom:5px !important;
}
.common-questions-panel{
	border:none !important;
}
.new-features-section{
	position:absolute;
	top:125px;
	left:620px;
	width:175px;
	background-color: #b1c4ca  ;
	border-radius:15px;
	border:1px solid white;
	z-index: 5;
}
.new-features-section p{
	color:#51535c;
	font-size:14px;
	margin: 3px 10px;
}
.new-features-section button{
	color:#51535c;
	margin: 3px 10px;
	border: 1px solid white;
	padding: 3px;
	float: right;
	font-size:14px;
	background-color: #b1c4ca;
}
@media screen and (max-width: 425px){
	#withdraw-form-title{
		width :inherit !important;
		margin: auto;
		padding: 25px 15px;
	 }
}

.new-features-tag{
	background-color: white;
    color: #3d90c3;
    padding: 3px 6px;
    border-radius: 5px;
    font-weight: 700;
    margin-left: 24px;
}

.svg-bank-details {
  background: url("svg/iconmonstr-bank-1.svg") 60% 15% no-repeat;
  width: 21px;
  height: 20px;
  display: inline-block;
}
.common-questions-ulist{
  margin-bottom:0px;
}
.common-questions-ulist li{
  color:  #365977;
  padding:8px;
}
.cq-time{
	padding:0px 0px 0px 15px !important;
}
.common-faq-starter p{
	text-align: left !important;
	padding-bottom:5px !important;
}
.common-questions-panel{
	border:none !important;
}

.new-features-section button{
	color:#51535c;
	margin: 3px 10px;
	border: 1px solid white;
	padding: 3px;
	float: right;
	font-size:14px;
	background-color: #b1c4ca;
}
@media screen and (max-width: 425px){
	#withdraw-form-title{
		width :inherit !important;
		margin: auto;
		padding: 25px 15px;
	 }
}

.new-features-tag{
	background-color: white;
    color: #3d90c3;
    padding: 3px 6px;
    border-radius: 5px;
    font-weight: 700;
    margin-left: 24px;
}

/*Epoa Rework Starting point */


#epoa-login-heading{
	background-color : #365977;
}

.epoa-login-icon {
  background: url("svg/FingerPrint.svg") no-repeat;
  width:60px;
  height: 60px;
  float:left;
  margin-left:-10px;
  margin-top:-5px;
}
#epoa-login-title{
	text-align:left;
}
.epoa-login-button{
	  width:100% !important;
	  background-color: #3d90c3;
	  border: #3d90c3;
	  color: #fff;
	  padding: 10px 20px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  position: relative;
	  font-family: "Open Sans",sans-serif;
	  border-radius: 3px;
	  font-weight: 700;
	  text-transform: uppercase;
	  font-size: 14px;
	  display: block;
	  margin: 10px 0;
	  cursor: pointer;
}
#epoa-login-reset{
	text-align:center;
}
#verify-provide-id{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/PhotoID.svg") no-repeat;
}
#verify-take-photo{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/Self.svg") no-repeat;
}
#verify-provide-statement{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/Bank.svg") no-repeat;
}
#verify-provide-second{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/Home.svg") no-repeat;
}
#verify-provide-email{
	width:50px;
	height: 65px;
	float:left;
	margin-right:10px;
	background: url("svg/Email.svg") no-repeat;
}
#verify-provide-phone{
	width:50px;
	height: 60px;
	float:left;
	margin-right:10px;
	background: url("svg/Phone.svg") no-repeat;
}
.verify-provide-list{
	list-style-type:none;
	display:inline-grid;
	padding-left:0px !important;
	width:100%;
	min-height:335px;
}
.verify-logout-list{
	list-style-type:none;
	display:inline-grid;
	height: 36vh;
	width:100%;
}
.verify-logout-list li{
	padding-top:18%;
}
.verify-provide-list li{
	float:left;
	padding: 15px 20px 15px 20px;
	height:60px;
	margin-left: 20px;
}
.verify-provide-list-message{
	height:60px;
	text-align:left;
	vertical-align: middle;
	margin-top:5px;
	margin-bottom:30px;
	font-weight:600;
	font-size:16px;
	line-height:21px;
}
.verify-epoa-button{
	width:100%;
	font-size: 14px !important; 
	padding: 14px 15px !important;
	margin-top:20px;
}
.epoa-backout-text{
	text-align:center;
	text-decoration:underline;
	margin-top:10px;
	font-weight:600;
	color:#007588;
	display:block;
}
.epoa-guide-image{
	width:100%;
	position:relative;
	z-index:1;
	height:275px;
}
.epoa-play-button{
	margin-top: -250px;
    z-index: 2;
    margin-left: 125px;
    position: relative;
}
.epoa-guide-image-hide{
	position:relative;
	z-index:-1;
}
.epoa-guide-video{
	position:relative;
	z-index:1;
}
.epoa-guide-video-hide{
	position:relative;
	z-index:3;
}
.epoa-carousel-progess {
	border: 2px solid #428bca;
	height: 15px;
	width: 15px; 
	border-radius: 50%;
	display: inline-block;
}
.epoa-carousel-complete{
	background: #428bca;
}
.verify-contact-details{
	font-size:15px;
	text-decoration:underline;
}
.cu-phonediv{
	margin-top:50px;
}
.epoa-final-div{
	min-height:52.5vh;
}
#verify-bank-address{
	width:50px;
	height: 75px;
	float:left;
	margin-right:10px;
	background: url("svg/Bank.svg") no-repeat;
	background-size: contain;
}
#verify-home-address{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/Home.svg") no-repeat;
}
#verify-bank-statement{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/Date.svg") no-repeat;
}
#verify-bank-equal{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/does-not-equal.svg") no-repeat;
	background-size: contain;
}
#verify-bank-inbox{
	width:50px;
	height: 60px;
	float:left;
	margin-right:10px;
	background: url("svg/Inbox.svg") no-repeat;
}
#verify-bank-five{
	width:50px;
	height: 60px;
	float:left;
	margin-right:10px;
	background: url("svg/Five.svg") no-repeat;
}
#verify-bank-tick{
	width:50px;
	height: 50px;
	float:left;
	margin-right:10px;
	background: url("svg/Tick.svg") no-repeat;
}
#verify-menu{
	float:right;
	width:20px;
	height: 20px;
	margin-right:10px;
	background: url("svg/menu-burger.svg") no-repeat;
}
#verify-back{
	float:right;
	width:30px;
	height: 30px;
	margin-right:10px;
	margin-left:-5px;
	background: url("svg/Back.svg") no-repeat;
	margin-left:-8px;
}
.epoa-header{
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #474747;
    margin: 50px 0 10px 0;
	text-transform:none;
	min-height: 60px;
}
.epoa-sub-header{
	font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #474747;
    margin: 50px 0 0 0 !important;
	text-transform:none;
	min-height: 60px;
}
#epoa-verification-intro{
	min-height:100vh;
}
.epoa-guide-text{
	font-size:16px;
	min-height:80px;
	font-weight:400;
	line-height:21px;
}
.epoa-dtop-guide-text{
	font-size:16px;
	font-weight:400;
	line-height:21px;
	padding:10px 20px 0px 20px;
}

.epoa-dtop-test{
	margin: 0px 5px 0px 5px;
	background-color:#EFF3F4;
	height:350px;
}

.epoa-dtop-test h3{
	padding:10px;
	min-height:50px;
}
.dtop-image-block{
	padding:0px 10px 10px 10px;
}
.epoa-guide-div{
	min-height:400px;
}

.verify-logout-button{
  background-color: #006c7b !important;
  border: #3d90c3;
  color: #fff;
  padding: 14px 15px !important;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  position: relative;
  font-family: "Open Sans",sans-serif;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  width: 100%;
  margin: 10px 0;
  cursor: pointer;	
}
.non-online-button{
	margin-bottom:30px;
}
#businessTypeOptionSet{
}
#epoaRenewalOptionSet{
	background-image:none;
}
.epoa-jumio-container{
	min-height:70vh;
}
#wistia-guide-video{
	padding-bottom:80%;
}
.epoa-doc-select-return{
	min-height:40vh;
}
.epoa-doc-select{
	min-height:32.5vh;
}
.epoa-text-message{
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.success-form{
	min-height:47vh;
}
.success-form p{
	width:80%;
	font-size:16px;
	padding:6px;
}
.doc-verify-row{
	min-height:50vh;
}
.other-doc-text{
	font-weight:700;
	font-size:16px;
	padding-bottom:5px;
}
.desktop-back-button{
	display:none;
}
.desktop-epoa-guide{
	display:none;
}

.succuss-buttons{
	position: absolute;
    bottom: 60px;
    width: 100%;
}
.epoa-query-div{
	min-height:60.5vh;
}
.logout-button{
	position:absolute;
	width:100%;
	bottom:15px;
}
.return-choice-div{
	min-height:50vh;
}
.return-guide-div{
	min-height:61vh;
}
.return-guide-div p{
	padding-left: 8px;
}
.jumio-error-message{
	min-height:49vh;
}
.jumio-error-message-return{
	min-height:63vh;
}
.jumio-error-message p{
	color:#9e0000;
}
.jumio-error-message-return p{
	color:#9e0000;
}
.desktop-progress-bar{
	background-color: white !important;
}
.dtop-side-block{
	display:none;
}
.dtop-skip-button{
	display:none;		
}
.dtop-skip-icon{
	display:none;		
}
.epoa-ready-text{
	padding:7px;
}
.epoa-error-text{
	color: #9e0000;
}
.dtop-return-intro{
	color: #0a7888;
    font-weight: 600;
}
.autoaddress-searchdiv{
	width:93%;
}
.autoaddress-searchbutton{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	display:inline;
	width:25%;
	float:right;
	height:40px;
	margin-bottom: 10px;
}
.autoaddress-searchinput{
	background :  #f7f7f7 none repeat scroll 0% 0%;
    width: 75%;
    margin-bottom: 10px;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
    border: 1px solid #e8e8e8 !important;
    border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
    padding: 6px 12px;
	display:inline-block;
	float:left;
	height:40px;
	color: #000;
	font-size:14px;
}
.autoaddress-responsemessage{
	display:inline-block;
	width:100%;
}
.sr-para{
	width:90%;
	height:40px;
	line-height:30px;
	display:inline;
	float:right;
	background-color:#D6F4D6;
	border: 1px solid #55AA55;
	border-top-right-radius: 3px !important;
	padding:5px;
	border-bottom-right-radius: 3px !important;
	margin-bottom:0px;
}
.sr-span{
	width:10%;
	height:40px;
	display:inline;
	float:left;
	padding:5px;
	background-color:#55AA55;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}
.sr-icon{
	width:80%;
	margin:auto;
	display:block;
}
.aa-search-results{
	min-height:40px;
	width:100%;
	border: 1px solid #e8e8e8 !important;
	border-radius:3px;
	font-size:12px;
	line-height:3.3;
	color:#000;
	padding: 5px 5px;
	background:#f7f7f7 none repeat scroll 0% 0%;
	cursor: pointer;
}
.aa-search-results-div{
	display:block;
	width:65%;
	margin-top:-12px;
	position:absolute;
	z-index: 9999;
	top: 220px;
}
@media screen and (max-width: 350px){
	.epoa-guide-div{
		height:59vh;
	}
}
@media screen and (min-width: 768px){
	.jumio-container{
		
	}
	.return-choice-div{
		min-height:30vh;
	}	
	.return-guide-div{
		min-height:310px;
	}
	.return-choice-div{
		min-height:30vh;
	}
	.succuss-buttons{
		position: auto;
		bottom: auto;
		width: 100%;
	}
	.jumio-error-message{
		min-height:30vh;

	}
	.jumio-error-message-return{
		min-height:30vh;
	}
	.jumio-error-message p{
		color:#9e0000;
		text-align:center;
	}
	.jumio-error-message-return p{
		color:#9e0000;
		text-align:center;
	}
	.epoa-query-div{
		min-height:30vh;
	}
	#eid-contact-email{
		font-size:14px;
	}
	.doc-verify-row{
		min-height:30vh;
	}
	#epoa-verification-intro{
		min-height:auto;
	}
	.epoa-play-button{
		margin-top:0px;
		margin-left:-210px;
	}

	#wistia-guide-video{
		padding-bottom:35.5%;
		text-align:center;
	}
	.success-form{
		width: 60%;
		margin: auto;
		min-height:30vh;
	}
	.epoa-sub-header{
		text-align:left;
	}
	.epoa-guide-text{
		text-align:left;
	}
	.verify-provide-list{
		width:100%;
		margin:auto;
	}
	.tab-intro-list-div{
		width:60%;
		margin:auto;
	}
	.verify-epoa-button{
		width:45%;
	}
	.epoa-jumio-container{
		min-height:auto;
	}
	.epoa-guide-div{
		min-height:auto;
		height:auto;
	}
	.button-div{
		width:100%;
		text-align:center;
		margin:auto;
		position:auto;
	}
	.epoa-guide-image{
		width:auto;
		height:auto;
		
	}
	#wistia-thumbnail{
		margin-left:-110px;
	}
	.epoa-doc-select{
		text-align:center;
		min-height:200px;
	}
	#businessTypeOptionSet{
		width:100%;
		margin:0 auto;
	}
	#epoaRenewalOptionSet{
		width:85%;
		margin:0 auto;
	}
	.verify-logout-button{
		width:60%;
		display:inline;
	}
	.image-block{
		text-align:center;
	}
	.epoa-login-icon{
		margin-top: -15px !important;
	}
	.epoa-desktop-guide-image{
		width:180px;
		height:127px;
	}
	.dtop-image-block{
		text-align:center;
	}
	.epoa-desktop-sub-header{
		font-family: "Open Sans",sans-serif;
		color: #006c7b;
		text-transform:none;
		padding:10px 10px 0px 10px;
		margin-bottom:0px;
		font-weight:600;
	}
	.epoa-text-message{
		font-size:16px;
	}
	#join-header{
		min-height:auto !important;
	}
}

@media screen and (min-width: 1024px){
	.dtop-hide{
		display:none;
	}
	.verify-logout-list{
		height:auto;
	}
	.verify-logout-list li{
		padding: 20px 0px 0px 0px; 
		margin-top:0px;
	}	
	#dtop-tel-li{
		margin-top:20px;
	}
	.epoa-goodbody-logo{
		width: 150px;
		float:left;
	}
	.epoa-ready-text{
		color:#347ba6;
		text-align:center;
		font-weight:700;
	}
	.epoa-sub-header{
		margin-top:10px !important;
		font-family: "Open Sans",sans-serif;
		font-size: 28px;
		font-weight: 300;
		color: #474747;
		text-transform: none;
		min-height: 40px;
	}
	.epoa-header{
		margin-top:10px;
		margin-bottom:20px;
		min-height:40px;
	}
	.dtop-main-div{
		border-left: 1px solid #e8e8e8;
		border-right: 1px solid #e8e8e8;
	}
	.success-form{
		width: 80%;
		margin: auto;
		height: 290px;
	}
	.epoa-doc-select-return{
		min-height:230px;
	}
	.epoa-query-div{
		height:325px;
	}
	.epoa-query-div p{
		color:#0a7888;
		font-weight:600;
		text-align:center;
	}
	.dtop-skip-button{
		display:block;
		float:right;
		color: #365977;
		text-transform:uppercase;
		text-decoration:none;
		margin-right:5px;
	}
	.dtop-skip-icon{
		display:block;
		margin-top: 8px;
		float: right;
		width: 30px;
		height: 30px;
		margin-left: -5px;
		background: url(svg/Back.svg) no-repeat;
		margin-left: -7px;
		transform: rotate(180deg);
	}
	.dtop-back-click{
		float:left;
		color: #365977;
		text-transform:uppercase;
		text-decoration:none;
	}
	.dtop-back-icon{
		margin-top: 8px;
		float: left;
		width: 30px;
		height: 30px;
		margin-left: -5px;
		background: url(svg/Back.svg) no-repeat;
		margin-left: -8px;		
	}
	.dtop-upload-warning{
		padding: 22px 75px 22px 75px !important;
	}
	.dtop-details-div{
		min-height:285px;
	}
	.epoa-header{
		font-size:32px;
	}
	.epoa-final-div{
		min-height:285px;
	}
	.dtop-return-intro{
		color:#0a7888;
		margin-bottom:20px;
		font-weight:600;
	}
	.dtop-return-contact{
		margin-top:30px;
		margin-top:30px;
	}
	.success-form p{
		width:100%;
		font-size:16px;
		text-align:center;
		color:#0a7888;
	}
	.dtop-choice-message{
		text-align:center;
		color:#0a7888;
		font-weight:600;
	}
	.success-form span{
		text-align:center;
		margin-left: 43%;
	}
	.success-form{
		text-align:center;
	}
	.success-form .button-div{
		margin-top:130px;
	}
	.return-button-div{
		margin-top:-20px !important;
	}
	.verify-provide-list-message{
		margin-bottom:30px;
	}
	.dtop-side-block{
		height:310px;
		padding:10px;
		display:block;
	}
	.dtop-outro-block{
		height:330px;
	}
	.dtop-return-block{
		height:340px;
	}
	.dtop-return-choice-block{
		height:380px;
	}
	.desktop-progress-button{
		width:100% !important;
	}
	.desktop-success-button{
		width:65% !important;
	}
	.desktop-intro-button{
		width:35% !important;
	}
	.desktop-back-button{
		float:left;
		width:15%;
		display:block;
	}
	.epoa-dt-backout{
		margin-top:10px;
	}
	.other-doc-text{
		font-weight: 700;
	}
	.dtop-other-text{
		text-align: center;
		color:#0a7888;
		margin-top:20px;
	}
	.returningClientSection{
		min-height:50vh;
	}
	.desktop-epoa-guide{
		display:block;
	}
	.verify-epoa-button{
		width:60%;
	}
	.dtop-doc-button{
		width:75% !important;
		margin-top:10px !important;
	}
}
/* Dropdown Button */
.dropbtn {
  background-color: white;
  color: white;
  padding: 10px;
  font-size: 10px;
  border: none;
  float:right;
}
.backbtn {
  background-color: white;
  color: white;
  padding: 10px 0px;
  font-size: 10px;
  border: none;
  float:left;
}

/* The container <div> - needed to position the dropdown content */
.eidvdropdown {
  position: relative;
  display: inline-block;
  float:right;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 3;
  margin-left:-40px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.select-filter-control{
	width: 75% !important;
	height:30px !important;
	margin-top:10px;
}			 
 
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.eidvdropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.eidvdropdown:hover .dropbtn {background-color: white;}
