body {
  margin: 0;
  padding: 0;
  /* background-color: #17a2b8; */
  height: 100vh;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: var(--ash-dark);
}
#login .container #login-row #login-column #login-box {
  margin-top: 25%;
  margin-bottom: 25%;
  max-width: 600px;
  height: 320px;
  /* border: 1px solid #9C9C9C;
    background-color: #EAEAEA; */
}
#login .container #login-row #login-column #login-box #login-form {
  padding: 20px;
}
#login
  .container
  #login-row
  #login-column
  #login-box
  #login-form
  #register-link {
  margin-top: -85px;
}

.input-group {
  position: relative;
}
#toggle-icon {
  border-right: none;
}

#passwordInput {
  padding-right: 3rem;
  border-radius: 10px;
}

.password-toggle {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d; /* Bootstrap gray */
  font-size: 1.2rem;
  z-index: 10; /* ensure it's above input */
}