/* Full Page Background Setup */
.auth-background {
  height: 100vh;
  /* Image source: https://www.freepik.com/premium-vector/line-drawing-autumn-town-scape-with-people_75958715.htm */
  background-image: url("../images/background.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}

/* Adjustments for better visual integration */
.container {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  padding: 20px;
  margin-top: -200px
}

/* Adjustments for the login box */
.auth-box,
.new-account-box {
  border: 1px solid #ffffff;
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(67, 186, 173, .3)
}



/* Style for input boxes when they are focused */
.form-control:focus {
  border-color: #000000;
}

/* Control the logo size */
.login-logo {
  width: 120px;
  height: auto;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Adjusting label styles */
.form-label {
  text-align: left;
  color: #333333;
  display: block;
  margin-bottom: 0.5rem;
}

/* Styling for error flash messages */
.alert-custom-error {
  background-color: #f8d7da;
  border-color: #d9534f;
  color: #d9534f;
}