@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");


body {
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

.height {
  height: 100vh;
}

.card {
  border: none;
  padding: 20px;
  background-color: #1c1e21;
  color: #fff;

}

.form-input {

  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}

.form-input i {

  position: absolute;
  font-size: 18px;
  top: 15px;
  left: 10px;
}

.form-control {

  height: 50px;
  background-color: #dcdddd;
  text-indent: 24px;
  font-size: 15px;
}

.form-control:focus {
  background-color: #fdfeff;
  box-shadow: none;
  color: #000000;
  border-color: #4f63e7;
}

#messages {
  color: red;
  font-size: large;
}

.go-back-button,
#login_user {
  width: 100%;
}

.forgot-password-text {
  font-size: smaller;
}

.background-class {
  background-image: url('../img/bgi.jpg');
}

.login-first-col {
  background-color: #0d6efd;
  height: 670px;
}

.login-second-col {
  background-color: #fff;
  height: 670px;
}

.create-config {
  height: 50px;
}

@media only screen and (max-width: 768px) and (min-width: 350px) {
  .login-second-col {
    height: 100%;
    position: absolute;
  }
}