.app-logo {
  background-color: transparent;
  height: 500px;
}

/* .page-card {
  max-width: 600px;
} */
.app-logo {
  mix-blend-mode: multiply;
}
/* .for-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
} */

.page-card {
  padding: 45px 20px !important;
  background-color: #fff !important;
  min-width: 400px;
  max-width: 600px !important;
  flex-grow: 1 !important;
  width: 100% !important;
}
.page-content-wrapper .container {
  /* padding-left: 0;
	padding-right: 0; */
  padding: 0;
}
.for-login .page-card form {
  max-width: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}
/* .form-control {
  width: 100%;
  max-width: 100%;
  font-size: 18px;
  padding: 20px 36px;
}

.for-login .page-card .page-card-body .field-icon {
  left: 12px !important;
  top: 12px !important;

  width: 18px;
  height: 18px;
}

.toggle-password {
  right: 12px !important;
  top: 12px !important;
} */

.form-control:hover {
  border: 1px solid #39f !important;
}

.btn-login, .btn-forgot {
  height: 40px !important;
  background-color: #39f !important;
}
.page-card-head img {
  max-height: 80px !important;
}
.page-card-head h4 {
  font-size: 24px !important;
  font-weight: bold !important;
}

.btn-always-visible {
    display: inline-block !important;
}