.login-body {
  background-image: url("../../../../content/img/bg-1.jpg");
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
  margin-top: -80px;
}

.login-body .card {
  min-width: 300px;
  background: #ffffffe6;
}

.login-body div#its[contenteditable="false"] {
  cursor: pointer;
  background-color: white;
  border-radius: 0 8px 8px 0;
}

.login-body .alert {
  max-width: 300px;
  font-size: 14px;
}

.login-body .input-group .show {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  font-size: 20px;
  z-index: 100;
  cursor: pointer;
  color: #0b38b3;
}

.login-body #password.invalid {
  background-position: right 28px center !important;
}
.login-body #password.invalid:focus {
  background-position: right 28px center !important;
}

.login-body .btn.submit {
  background: #3f0864;
  color: white;
}

.login-body .resendOtp {
  margin: 0px 0px 0px;
  font-size: 13px;
  width: max-content;
  /* background: #4288f5; */
  color: #4288f5;
  padding: 5px 0px;
  border-radius: 8px;
  cursor: pointer;
  border: 0;
}
.login-body .resendOtp:hover {
  color: #4288f5;
}
.login-body .resendOtp .text:hover {
  text-decoration: underline;
}

.login-body .body.margin-left {
  margin-left: 0;
  top: 70px;
}