#login-body {
  float: left;
  width: 30%;
  padding: 15% 8% 0% 8%;
  position: relative;
}
#login-image {
  width: 70%;
  float: left;
  position: relative;
}
.input {
  width: 100%;
  height: 30px;
  padding-top: 5px;
  color: black;
  border: none;
  border-bottom: 2px solid black;
  outline: none;
}
#login-body table {
  width: 100%;
}
#for-more-info {
  font-size: smaller;
}
#submit {
  width: 60%;
  height: 35px;
  color: #fff;
  background-color: rgb(55, 55, 231);
}

#nakli {
  height: 730px;
}
#message {
  display:none;
  background: white;
  color: #000;
  font-size: smaller;
}

#message p {
  font-size: smaller;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  content: "✖";
}