.widget.login {
  --form-content-padding: 0px;
  --form-content-margin: 0px;
  --text-content-padding: 0px;
  --text-content-margin: 0px;
  width: 100vw;
  margin: 0 auto
}

.widget.login .login-banner {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.widget.login .form-inputs-wrapper {
  padding-left: 0;
  padding-right: 0
}

.widget.login .lp6-button {
  width: 100%
}

.widget.login .lp6-button.m-1 {
  margin-top: 16px;
  margin-top: 1rem
}

.widget.login .lp6-button.w-100 .button {
  width: 100%
}

.widget.login .field-under-text {
  margin-top: 12.8px !important;
  margin-top: .8rem !important
}

.widget.login .field-under-text a {
  font-size: 12.8px;
  font-size: .8rem;
  font-weight: 400;
  letter-spacing: .32px;
  letter-spacing: .02rem
}

@media (min-width: 768px) {
  .widget.login .container {
    width: 65vw;
    max-width: 580px
  }
}

@media (min-width: 992px) {
  .widget.login .logform_wrapper {
    padding: 80px 0 0;
    width: 100%
  }
}

.widget.login .hidden {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  visibility: hidden;
  display: none
}

.widget.login .visible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  visibility: visible;
  display: block
}

.widget.login .authform {
  max-width: 650px;
  margin: 0 auto
}

.widget.login .authform * {
  font-family: Source Sans Pro, sans-serif
}

.widget.login .authform h1,
.widget.login .authform h2,
.widget.login .authform h3,
.widget.login .authform h4,
.widget.login .authform h5,
.widget.login .authform p {
  color: #1f1f1f !important
}

.widget.login .authform .span-hr {
  background: #fff
}

@media (min-width: 576px) {
  .widget.login .authform .span-hr {
    width: 12px
  }
}

.widget.login .authform h3 {
  font-size: 41.6px;
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px
}

@media (min-width: 576px) {
  .widget.login .authform h3 {
    font-size: 3rem
  }
}

@media (min-width: 768px) {
  .widget.login .authform h3 {
    font-size: 36px;
    text-align: center
  }
}

.widget.login .authform h4 {
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  text-align: center
}

@media (min-width: 768px) {
  .widget.login .authform h4 {
    padding: 0 2rem
  }
}

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

.widget.login .authform input[type=text] {
  -moz-appearance: textfield
}

.widget.login .authform .resend-block {
  text-align: right;
  max-width: 492px;
  margin: auto 20px
}

@media (min-width: 576px) {
  .widget.login .authform .resend-block {
    margin: auto
  }
}

.widget.login .authform .resend-block a {
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  color: #2c6fbd
}

.widget.login .authform .resend-block-message {
  max-width: 448px;
  margin: auto
}

.widget.login .authform .resend-block-message .alert {
  padding: 15px;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  color: #c21e33 !important;
  font-family: Open Sans, sans-serif;
  font-weight: 600 !important;
  text-shadow: none
}

.widget.login .authform .alert.alert-danger {
  background-color: #f2dede;
  background-image: none;
  font-size: 15px;
  margin: 15px 0;
  color: var(--black)
}

.widget.login .authform img {
  max-width: 100%
}

.widget.login .authform .gmail-block {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center
}

.widget.login .authform .gmail-block a {
  color: #4e4e4e !important
}

.widget.login .authform .open-link {
  display: flex;
  justify-content: space-evenly;
  margin: 30px 0
}

.widget.login .authform .open-link img {
  width: 24px;
  height: 24px
}

.widget.login .authform .open-link a {
  padding-left: 10px
}

.widget.login .authform .link-message p {
  padding: 7px 0;
  font-size: 18px;
  color: #444244 !important
}

.widget.login .authform .link-message a {
  font-size: 18px;
  color: #000
}

.widget.login .authform .form-control {
  font-family: Open Sans, sans-serif;
  line-height: 1.42857143
}

.widget.login .authform .form-control.full-bg-white {
  background: none;
  font-weight: 500
}

.widget.login .authform .portlet-body.form.validateForm {
  margin: auto;
  text-align: center
}

.widget.login .authform .input-box {
  width: 100%;
  margin: auto;
  padding: 0
}

.widget.login .authform .portlet-body.form .validTokenBox {
  align-items: center;
  border: 1px solid #929292;
  display: flex;
  justify-content: center;
  margin: auto;
  text-align: center
}

@media (min-width: 576px) {
  .widget.login .authform .portlet-body.form .validTokenBox {
    height: 75px;
    width: 65px;
    padding: 6px 12px;
    font-size: 40px
  }
}

.widget.login .authform .input-box-inner {
  max-width: 500px;
  display: flex;
  align-content: space-around;
  align-items: center;
  justify-content: space-around;
  margin: auto auto 25px
}

.widget.login .authform .input-box-inner input[type=text]:nth-child(n+4) {
  order: 2
}

.widget.login .authform .input-box-inner:before {
  content: "";
  height: 2px;
  width: 24px;
  margin: 0 .25em;
  order: 1;
  background: #929292
}

.widget.login .login-view.fgPassword .panel-body {
  padding: 15px
}

.widget.login .login-view.fgPassword .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px #0000000d
}

.widget.login .login-view.fgPassword h2 {
  font-size: 38px;
  color: #333;
  font-weight: 400
}

.widget.login .login-view.fgPassword p {
  font-size: 16px;
  color: #252838;
  font-weight: 400
}

.widget.login .qrImg {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem
}