.patient-signup-portlet .strength {
  display: inline; }

.patient-signup-portlet .filter-option-inner-inner {
  overflow: visible !important; }

.u-check-icon-font i.fa-lock::before {
  content: "\f023" !important; }

.u-check-icon-font i.fa-question-circle::before {
  content: "\f059" !important; }

.u-check-icon-font i.fa-envelope::before {
  content: "\f0e0" !important; }

.u-check-icon-font i.fa-mobile::before {
  content: "\f10b" !important; }

.u-check-icon-font i.fa-qrcode::before {
  content: "\f029" !important; }

a.disable {
  opacity: 0.3;
  pointer-events: none; }

.tooltip-inner {
  background-color: #5F7790 !important;
  border-radius: 500px; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #5F7790 !important; }

.mfaOption .u-check-icon-font i {
  font-size: 20px;
  color: #9c9c9f; }

.u-check {
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 16px 0; }

#PatientMfa .g-px-20 {
  padding-right: 5px !important; }

@media (min-width: 768px) {
  .tab-pane.fade {
    display: block;
    opacity: 1; } }

@media (max-width: 767px) {
  .tab-pane.fade {
    display: none;
    opacity: 0; }
  .tab-pane.show {
    display: block;
    opacity: 1; } }

@media all and (min-width: 280px) {
  label[id="password1-error"] {
    display: inline;
    visibility: visible; } }

@media all and (min-width: 280px) {
  .btn-search-cancel {
    display: block;
    visibility: hidden; }
  .glyphicon {
    display: block;
    visibility: hidden; } }

@media (max-width: 767px) {
  .align-center {
    text-align: center;
    justify-content: center;
    align-items: center; } }

.showanswer {
  position: absolute;
  right: -27px;
  top: 12px; }

.btncn a {
  color: #e62154; }

.btncn {
  background-color: #fff !important;
  border-color: #e62154; }

/* Unlock User */
.unlock_Step2, .unlock_Step3 {
  margin-top: 78px; }

.unlock_Step4, .unlock_Step5 {
  margin-top: 40px; }

.progressBarContain {
  width: 527px;
  position: absolute;
  top: -29px;
  left: -44px; }

.progressBar {
  width: 100%;
  background: #d5d8ec;
  height: 16px; }

.completed {
  background: #7981b6;
  height: 16px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 17px; }

.complete-25 {
  width: 25%; }

.complete-50 {
  width: 50%; }

.complete-75 {
  width: 75%; }

.complete-100 {
  width: 100%; }

/* End unlock user */
@media (max-width: 1250px) {
  .progressBarContain {
    width: auto;
    position: absolute;
    top: -29px;
    left: -36px;
    right: -30px; } }

@media (max-width: 992px) {
  .unlockstep1, .unlockstep2, .unlockstep3, .unlockstep4, .unlockstep5 {
    width: 100%; }
  .unlockstep2-cancel {
    color: #e62154 !important;
    width: 100% !important;
    border: 2px solid #e62154;
    background-color: #ffffff !important; }
  .progressBarContain {
    width: auto;
    position: absolute;
    top: 0;
    left: 26px;
    right: 26px; }
  .unlock_Step2, .unlock_Step3 {
    margin-top: 28px;
    text-align: center; }
  input.otpInput {
    margin-bottom: 5px; } }

@media (max-width: 767px) {
  .align-center {
    text-align: center;
    justify-content: center;
    align-items: center; }
  .input.otpInput {
    margin-bottom: 0px; }
  .unlocl-mobile {
    position: inherit !important; }
  .progressBarContain {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  section.portlet {
    position: inherit !important; }
  .unlockstep1, .unlockstep2, .unlockstep3, .unlockstep4, .unlockstep5 {
    width: 100%; }
  .unlockstep2-cancel {
    color: #e62154 !important;
    width: 100% !important;
    border: 2px solid #e62154;
    background-color: #ffffff !important; }
  .unlock_Step2 p, .unlock_Step3 p {
    display: block;
    text-align: center;
    width: 100%; } }