/* =========================
   AUTH PAGES (LOGIN)
========================= */

.auth-wrapper {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  background: linear-gradient(to bottom,
      rgba(50, 204, 58, 0.08),
      rgba(255, 255, 255, 0.9));
}

#loginCard {
  border-radius: 1.5rem;
}

/* =========================
   ICON INPUT STYLES
========================= */

.input-group-text {
  background: #ffffff;
  border-right: 0;
  color: #000;
}

.input-group .form-control,
.input-group .form-select {
  border-left: 0;
}

.input-group:focus-within .input-group-text {
  background: var(--navcolor);
  color: #000;
  transition: all 0.3s ease;
}