.nav a.active {
    color: #fff;
    opacity: 100%;
}

.nav a {
    color: #fff;
    opacity: 40%;
}

.nav a:hover {
    color: #fff;
    opacity: 100%;
    transition: all 0.3s;
}

.input-container {
    position: relative;
}

.input-container input {
    padding-right: 48px;
}

.clear-date {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* === TYPOGRAPHY === */
.fs-7 {
  font-size: 0.938rem !important;
}
.fs-8 {
  font-size: 0.875rem !important;
}
.fs-9 {
  font-size: 0.75rem !important;
}
.fs-10 {
  font-size: 0.625rem !important;
}
.fs-11 {
  font-size: 0.563rem !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.login-layout{
  display:grid;
  grid-template-areas:"auth-header" "auth-body" "auth-footer";
  grid-template-rows:80px auto 50px;
  grid-template-columns:auto
}

@media (min-width: 992px){
  .login-layout{
    grid-template-areas:"auth-aside auth-header" "auth-aside auth-body" "auth-aside auth-footer";
    grid-template-rows:100px auto 50px;
    grid-template-columns:auto 500px
  }
}

@media (min-width: 1400px){
  .login-layout{
    grid-template-areas:"auth-aside auth-header" "auth-aside auth-body" "auth-aside auth-footer";
    grid-template-rows:100px auto 50px;
    grid-template-columns:auto 800px
  }
}

.login-layout .auth-aside{
  grid-area:auth-aside;
  background:var(--bs-body-bg);
  display:flex;
  align-items:center;
  justify-content:center
}

.login-layout .auth-aside .login-img{
  filter:grayscale(100%);
  max-width:100%
}

@media (max-width: 991.98px){
  .login-layout .auth-aside{
    display:none
  }
}

.login-layout .auth-body{
  grid-area:auth-body;
  height:calc(100vh - 130px);
  display:flex;
  align-items:center
}

@media (min-width: 992px){
  .login-layout .auth-body{
    height:calc(100vh - 150px);
    display:flex;
    align-items:center
  }
}

@media (min-width: 1400px){
  .login-layout .auth-body>form{
    max-width:400px
  }
}