body.login-page {
  background-image: url("../assets/images/login_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FCFCFC; }

.login-area {
  width: 30%;
  min-width: 360px;
  height: 60%;
  min-height: 613.5px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  box-shadow: 0px 10px 24px 4px rgba(151, 151, 151, 0.3);
  border-radius: 0.75rem;
  flex-wrap: wrap;
  position: fixed;
  z-index: 10; }
  .login-area .login-header {
    width: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
    overflow: hidden; }
    .login-area .login-header img {
      width: 100%;
      height: auto; }

.login-box {
  width: 100%;
  min-width: 360px;
  padding: 1.5rem; }

.card-login, .card-login .card-body {
  background-color: unset;
  box-shadow: none;
  padding: 0; }
  .card-login .btn-login, .card-login .card-body .btn-login {
    color: #fff;
    background-color: #4E6CD1;
    border-color: #4E6CD1;
    box-shadow: none;
    height: 3.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    border-radius: 0.5rem; }
  .card-login .btn-login:hover, .card-login .btn-login.focus, .card-login .btn-login:focus, .card-login .btn-login:active, .card-login .btn-login.active, .card-login .card-body .btn-login:hover, .card-login .card-body .btn-login.focus, .card-login .card-body .btn-login:focus, .card-login .card-body .btn-login:active, .card-login .card-body .btn-login.active {
    color: #fff;
    opacity: 0.9; }
  .card-login .btn-login:not(:disabled):not(.disabled).active, .card-login .btn-login:not(:disabled):not(.disabled):active, .card-login .show > .btn-login.dropdown-toggle, .card-login .card-body .btn-login:not(:disabled):not(.disabled).active, .card-login .card-body .btn-login:not(:disabled):not(.disabled):active, .card-login .card-body .show > .btn-login.dropdown-toggle {
    color: #fff;
    opacity: 0.9; }

.login-logo {
  text-align: left;
  margin-top: 1rem; }
  .login-logo img {
    width: 100%;
    max-width: 360px;
    height: auto; }

.login-form {
  display: grid;
  row-gap: 1rem; }
  .login-form .login-title {
    font-size: 1.875rem;
    font-weight: 500;
    color: #181818; }
  .login-form label {
    font-weight: 500;
    color: rgba(24, 24, 24, 0.7); }
  .login-form .input-group {
    border-radius: 0.5rem;
    border: none;
    background: #EFF2F8;
    height: 3rem;
    align-items: center; }
  .login-form .form-control {
    border: none;
    background: #EFF2F8;
    height: 3rem;
    border-radius: 0.5rem; }
    .login-form .form-control:focus {
      border: 1px solid #4E6CD1; }
  .login-form .login-button {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }

.login-footer {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 2rem;
  z-index: 0; }
  .login-footer img {
    height: 2.5rem;
    width: auto; }

/*# sourceMappingURL=login.css.map */