/***************   login icon  ****************/
.loggedIn {
  position: relative;
}
.loggedIn.iconImg .iconContainer {
  position: absolute;
  right: 0;
  font-size: 20px;
  line-height: 1;
}
.glyphicon.loginIconOK,
.topNav .glyphicon.loginIconOK {
  position: absolute;
  bottom: 0px;
  left: 50%;
  font-size: 0.7em;
  line-height: 1;
  color: #20aa20;
  background: transparent;
  padding: 0;
  top: auto;
}
.lpMenu a:hover .glyphicon.loginIconOK,
.topNav .lpMenu a:hover .glyphicon.loginIconOK {
  background: transparent;
  color: #20aa20;
}
/***************  registration ****************/
/*.registerForm h2,
.registerForm h3{
	text-align:center;
	font-size:22px;
}*/
.registerText {
  text-align: justify;
  margin: 15px 0;
}
#lpContent .regLabel {
  width: 160px;
}
.formInput {
  width: 160px;
}
.formInput.long {
  width: 220px;
}
.termsLabel {
  line-height: 36px;
  text-decoration: underline;
}
.registerForm .formRemark {
  font-size: 12px;
  font-style: italic;
}
.registerForm .nameParts .formInput {
  width: 80px;
  float: left;
}
.passwordInfo .iconContainer {
  margin-left: 4px;
}
/***************  cta ****************/
.cta .textBefore {
  float: left;
}
.cta .ctaButton {
  float: left;
}
.cta .ctaButton.right {
  float: right;
}
.ctaButton.linkBtn {
  margin: 0;
  /*width:100%;*/
  text-align: center;
}
.ctaHeader {
  float: right;
  display: inline-block;
}
.cta {
  text-align: center;
}
.ctaButtonContainer {
  display: inline-block;
}
.cta .textBefore {
  line-height: 35px;
  margin-right: 10px;
}
/*.ctaButtonContainer{
	float:right;
}*/
.loginEmailInline .registerForm,
.lpGroupText .registerForm,
.lpArticle .registerForm {
  margin: 10px auto;
  max-width: 400px;
  width: 100%;
}
.lpGroupText .registerForm form,
.lpArticle .registerForm form,
.registerForm .formInner {
  background: #f5f5f5;
  padding: 16px;
  border-radius: 4px;
  display: inline-block;
  width: 100%;
}
.lpArticle .registerForm .ctaLabel {
  width: 120px;
  float: left;
  line-height: 30px;
}
/*.registerForm .formInput{
	float:right;
}*/
.ctaButton {
  background: #dd2020;
  color: #f5f5f5;
  border-radius: 2px;
  padding: 8px 20px;
  font-weight: bold;
  text-align: center;
  transition: .4s;
  line-height: 32px;
}
.articleBody .ctaButton:hover,
.ctaButton:hover {
  background: #F11837;
  color: #fff;
}
@media (max-width: 450px) {
  .lpArticle .registerForm form {
    padding: 16px 8px;
  }
  .regLabel {
    width: auto;
    min-width: 60px;
    max-width: 120px;
  }
}