/* Change error message color */
label.error {
  color: red; /* Change to any color */
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}

/* Change input border color on error */
input.error, textarea.error,text.error {
  border: 2px solid red !important;
  background-color: #ffe6e6; /* Light red background */
}
.error{
     color: red!important; /* Change to any color */
}

/* Overlay to disable background content */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  z-index: 9999; /* Ensure it's above other content */
  display: none; /* Hidden by default */
}

/* Center the loader */
#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center loader both horizontally and vertically */
  text-align: center;
}

#loader img {
  width: 100px; /* Size of the loader image */
  height: 100px; /* Size of the loader image */
}

.swal-content a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #28a745; /* green */
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.swal-content a:hover {
  background-color: #218838;
}