/* Main Login CSS */

.login-card {
  max-width: 500px;
  width: 90%;
  border-radius: 10px;
}

.logo {
  max-height: 60px;
}

.login-text {
  color: #7f7fd8;
  font-weight: bold;
}

.input-lable {
  font-weight: 500;
}

.input-style {
  border-radius: 5px;
  border: 1px solid #ced4da;
}

.captcha-box {
  padding: 0;
}

.captcha {
  height: 38px;
}

.login-btn {
  background-color: #7f7fd8;
  border-color: #7f7fd8;
  color: white;
  padding: 8px 30px;
  border-radius: 5px;
  font-weight: 500;
}

.login-btn:hover,
.login-btn:focus {
  background-color: #6a6ac4;
  border-color: #6a6ac4;
  color: white;
}

.login-btn.is-loading {
  pointer-events: none;
}

/* Error display */
.text-danger {
  color: #dc3545;
}

/* For attempts counter */
.attempts-counter {
  color: #3333ff;
  margin-top: 5px;
  margin-bottom: 15px;
}

/* For captcha refresh button */
.captcha-refresh-btn {
  border: 1px solid #ced4da;
  background-color: #f8f9fa;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #495057;
}

.captcha-refresh-btn:hover {
  background-color: #e9ecef;
  color: #495057;
}

/* For the bottom text */
.resolution-text {
  font-size: 12px;
  margin-top: 15px;
}