:root {
  --bg-primary: #12285B;
  --bg-3: #4E6CD1;
  --bg-5: #E8F1F5;
  --bg-7: #142F66;
  --bg-AAA: #EFF2F8;
  --text-AAA: rgba(24, 24, 24, 0.70);
  --text-AAAA: #181818;
  --text-danger: #FD5C5C;
  --select-bg: var(--bg-AAA, #EFF2F8) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><g clip-path='url(%23clip0_556_2313)'><path fill-rule='evenodd' clip-rule='evenodd' d='M12.7064 16.9075C12.5188 17.095 12.2645 17.2003 11.9994 17.2003C11.7342 17.2003 11.4799 17.095 11.2924 16.9075L5.63537 11.2505C5.53986 11.1583 5.46367 11.0479 5.41126 10.9259C5.35886 10.8039 5.33127 10.6727 5.33012 10.5399C5.32896 10.4072 5.35426 10.2755 5.40454 10.1526C5.45483 10.0297 5.52908 9.91804 5.62297 9.82414C5.71686 9.73025 5.82852 9.656 5.95141 9.60572C6.07431 9.55544 6.20599 9.53013 6.33877 9.53129C6.47155 9.53244 6.60277 9.56003 6.72477 9.61244C6.84677 9.66485 6.95712 9.74103 7.04937 9.83654L11.9994 14.7865L16.9494 9.83654C17.138 9.65438 17.3906 9.55359 17.6528 9.55586C17.915 9.55814 18.1658 9.66331 18.3512 9.84872C18.5366 10.0341 18.6418 10.2849 18.644 10.5471C18.6463 10.8093 18.5455 11.0619 18.3634 11.2505L12.7064 16.9075Z' fill='%234E6CD1'/></g></svg>") right 0.75rem center/1.5rem 1.5rem no-repeat;
}

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;
  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 {
  position: absolute;
  bottom: 2rem;
  z-index: 0;
}
.login-footer img {
  height: 2.5rem;
  width: auto;
}

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