@media only screen and (max-width: 767px) {
  .input-email-verification .input-grouped-addon.fa {
    display: block;
    position: absolute;
    top: 0;
    right: -35px;
  }
}
@media only screen and (min-width: 768px) {
  .input-email-verification .help-block.msg-error {
    margin: 7px 0 auto 0;
  }
}
.input-email-verification .help-block.pre {
  display: block !important;
}
.input-email-verification .help-block.pos {
  display: none !important;
}
.input-email-verification .help-block.pre.d-none {
  display: none !important;
}
.email-verification .tell-us-your-code label {
  display: block;
}
.email-verification .tell-us-your-code .msg-error {
  display: none;
}
.email-verification .tell-us-your-code.error input,
.email-verification .tell-us-your-code.error-length input {
  border: 1px solid #da3e23;
}
.email-verification .tell-us-your-code.error .msg-error:not(.error-length),
.email-verification .tell-us-your-code.error-length .msg-error.error-length {
  display: inline;
  vertical-align: middle;
}
.email-verification .tell-us-your-code .extra-custom-error-msg {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .email-verification .tell-us-your-code .extra-custom-error-msg {
    width: 100%;
  }
}
.email-verification .send-again-text {
  width: 750px;
}
.email-verification .send-again-text a {
  display: inline;
}
.email-verification .media__body {
  display: block !important;
  position: relative;
}
.email-verification .media__body .fa.fa-spinner {
  position: absolute;
  top: 10px;
  margin-left: 5px;
  font-size: 32px;
}
.email-verification .msg-error {
  color: #da3e23;
}
.attemp,
.attemps {
  display: none;
}
.attemp.attemp-1 {
  display: inline;
}
.attemps:not(.attemp-1) {
  display: inline;
}
.email-code-error.input-grouped-addon.fa {
  vertical-align: middle;
}
.tell-us-your-code.invalid-code span.email-code-error.input-grouped-addon.fa.fa-times,
.tell-us-your-code.expired-code span.email-code-error.input-grouped-addon.fa.fa-times {
  display: inline !important;
}
@media only screen and (max-width: 767px) {
  .tell-us-your-code.invalid-code span.email-code-error.input-grouped-addon.fa.fa-times,
  .tell-us-your-code.expired-code span.email-code-error.input-grouped-addon.fa.fa-times {
    width: 13%;
    display: inline-block;
  }
}
.tell-us-your-code.invalid-code span.invalid-msg-code,
.tell-us-your-code.expired-code span.invalid-msg-code,
.tell-us-your-code.invalid-code span.expired-msg-code,
.tell-us-your-code.expired-code span.expired-msg-code {
  color: #da3e23;
}
.tell-us-your-code.msg-check .input-grouped-addon.fa.fa-check {
  color: #639e35;
  vertical-align: middle;
  display: inline;
  font-size: 24px;
  padding: 12px;
  font-weight: 400;
  line-height: 1;
}
.error-code,
.msg-check.input-grouped-addon.fa.fa-check {
  display: none;
}
@media only screen and (max-width: 768px) {
  .input-email-verification .form-grouped input.form-field-control {
    width: 90%;
  }
  .input-email-verification .input-grouped-addon.fa {
    right: -1%;
  }
}
@media only screen and (min-width: 768px) {
  .mailfield-component p.help-block.msg-error {
    margin-bottom: 47px !important;
  }
}