.main {
  display: block !important;
}

input.form-control {
  background-color: #F5F8FA;
  border: none;
}

.main {
  background-color: #F4F7F9;
}

button.btn {
  padding: 8px 36px;
  background-color: #1B2650;
  border: none;
  transition: all 0.2;
}

button.btn:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  background-color: #1B2650;
}

.btn.btn-outline-blue-1 {
  border: 1px solid;
  background-color: transparent;
  border-color: #2F80ED;
  color: #2F80ED;
}

.btn.btn-outline-blue-1:hover {
  background-color: #2F80ED;
  border-color: white;
  color: wheat;
}

.login-aside {
  background: linear-gradient(180deg, #1E2751 0%, #424A72 100%);
}

.login {
  /* style icon */
  /* align icon */
  /* add padding  */
}

.login .login-aside {
  max-width: 750px !important;
}

@media only screen and (max-width: 992px) {
  .login .login-aside {
    max-width: 100% !important;
  }
}

.login .banner-img {
  width: 100%;
  max-height: 450px;
}

.login .banner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.login .card-wrapper {
  border: none;
  padding: 22px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 992px) {
  .login .copyright {
    justify-content: center !important;
  }
}

.login .eye-icon::before {
  top: 22% !important;
}

.login .inner-addon {
  position: relative;
}

.login .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

.login .left-addon .glyphicon {
  left: 0px;
}

.login .right-addon .glyphicon {
  right: 0px;
}

.login .left-addon input {
  padding-left: 30px;
}

.login .right-addon input {
  padding-right: 30px;
}

@media only screen and (max-width: 425px) {
  .login .signup-text {
    text-align: left !important;
  }
}