.custom {
  display: flex;
}

.column {
  flex: 1;
}

/* The overlay will cover the entire screen */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Make sure it's on top of other content */
  pointer-events: all; /* Prevent interaction with other elements */
}

/* Optional: Style the spinner */
.spinner-border {
  width: 3rem;
  height: 3rem;
  border-width: 0.3em;
}

.navbar-light .navbar-nav .nav-link {
  color: black !important;
}