/* wms 4\wms_app\static\css\login.css */

html, body {
  width: 100%;
  height: 100vh; /* Full viewport height */
  margin: 0;
  padding: 0; /* Reset default padding */
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-color: #f0f0f0; /* Fallback background color */
}

#login_container {
  color: white; /* Text color */
  /*background-color: #333;  Dark container background */
  background-color: #2b2b2b;
  padding: 20px;
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Shadow for depth */
  width: 100%;
  max-width: 400px; /* Maximum width */
}

.form-control {
  background-color: rgba(255, 255, 255, 0.1); /* Slight transparency */
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3); /* Light border */
}

.form-control::placeholder {
  color: rgba(255, 255, 255, 0.5); /* Light placeholder text */
}

.btn-primary {
  background-color: #007bff; /* Primary blue button */
  border-color: #007bff;
}

.btn-primary:hover {
  background-color: #0056b3; /* Darker blue on hover */
}

.alert {
  margin-bottom: 1rem; /* Space between alerts and other content */
}

.alert .btn-close {
  filter: invert(1); /* Invert close button color for better visibility */
}

.language-selector .form-control {
  background-color: #444; /* Darker background for dropdown */
  color: white;
}

.language-selector .form-control option {
  background-color: #333; /* Dropdown options background */
  color: white;
}