.flash-msg {
  padding: 5px 24px 5px 24px;
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
  /* max-width: 1340px; */
  margin-bottom: 10px;
  text-align: center;
}

.flash-error-msg {
  border: 1px solid #f5c6cb;
  font-weight: bold;
  background-color: #fff3f3;
  color: #ff0058;
}

.flash-success-msg {
  border: 1px solid #c3e6cb;
  font-weight: bold;
  background-color: #d4edda;
  color: #155724;
}

.close-alert {
  background: none;
  border: none;
  color: inherit;
  font-size: 20px;
  float: right;
  cursor: pointer;
  margin-left: 10px;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  z-index: 9999; /* High z-index to cover all content */
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px; /* Size of the spinner */
  height: 60px; /* Size of the spinner */
  animation: spin 1s linear infinite; /* Animation */
}

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

.err-msg {
  font-size: 1.2rem;
  color: #ff0058;
}

.hidden {
  display: none;
}