.bg-red {
  background-color: #e74c3c !important;
}
.bg-orange {
  background-color: #e67e22 !important;
}
.bg-green {
  background-color: #2ecc71 !important;
}
body .password-wrapper .strength-lines {
  position: absolute;
  left: 0;
  right: 0;
  width: calc(100% - 50px);
  height: 6px;
  z-index: 3;
	margin-left:24px;
}
body .password-wrapper .strength-lines .line {
  position: absolute;
  background-color: transparent;
  height: 6px;
  border-radius: 2px;
  transition: background-color 0.25s ease-in;
}
body .password-wrapper .strength-lines .line:not(:first-of-type):not(:last-of-type) {
  left: 33%;
  right: 33%;
}
body .password-wrapper .strength-lines .line:first-of-type {
  left: 4px;
  right: 68%;
}
body .password-wrapper .strength-lines .line:last-of-type {
  left: 68%;
  right: 4px;
}

.skip-password-message {
  color: #6c757d;
  margin-top: 0.25rem;
  font-style: italic;
}

#passwordFields {
  transition: opacity 0.3s ease-in-out;
}

#passwordFields[style*="display: none"] {
  display: none !important;
}

/* Verification loading spinner */
.verification-loading {
  display: none;
  text-align: center;
  padding: 20px;
}

.verification-loading.active {
  display: block;
}

.verification-spinner {
  width: 50px;
  height: 50px;
  display: inline-block;
  border: 4px solid rgba(0, 123, 255, 0.1);
  border-top-color: #007bff;
  border-radius: 50%;
  animation: verification-spin 1s linear infinite;
  margin: 0 auto 15px;
}

.verification-loading-text {
  color: #007bff;
  font-size: 14px;
  margin-top: 10px;
}

@keyframes verification-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}