html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: linear-gradient(135deg, #0a0a0a 0%, #111111 100%); /* Main site gradient */
  color: #00ff00;
  border-top: 1px solid #00ff00;
}

body {
  margin-bottom: 60px;
  padding-top: 54px;
  background-color: #f5f5f5; /* Light background */
  color: #333; /* Dark text for readability */
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

/* Required icon */
.requiredIcon {
  color: #00ff00; /* Changed from red to neon green */
}

/* Suggestion list styles */
ul.suggestionsList {
  background-color: #e8f5e8; /* Light green tint */
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #00ff00;
}
  
ul.suggestionsList li {
  padding: 12px;
}

ul.suggestionsList li:hover {
  background-color: #d0f0d0; /* Slightly darker green on hover */
}

/* Table stripe colors - green theme */
.table-striped > tbody > tr:nth-child(2n+1) > td, 
.table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #e8f5e8; /* Light green stripes */
}

/* Nav pills - green theme */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #00cc00; /* Bright green */
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.5); /* Subtle glow */
}

.nav-pills .nav-link:hover {
  background-color: #00ff00;
  color: #0a0a0a;
}

/* Buttons - green theme */
.btn-primary {
  background-color: #00cc00;
  border-color: #00cc00;
  color: #fff;
}

.btn-primary:hover {
  background-color: #00ff00;
  border-color: #00ff00;
  color: #0a0a0a;
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.6);
}

/* Display the suggestions list on top of other elements */
.customListDivWidth {
  position: absolute;
  z-index: 500;
  width: 100%;
}

/* Green accent for links and important text */
.blueText {
  color: #00dd00; /* Changed from blue to green */
}

a {
  color: #00cc00;
}

a:hover {
  color: #00ff00;
}

/* Header styling (if you have navbar) */
.navbar {
  background: linear-gradient(135deg, #0a0a0a 0%, #111111 100%) !important; /* Main site gradient */
  border-bottom: 1px solid #00ff00;
  backdrop-filter: blur(10px);
}

.navbar-brand, .navbar-nav .nav-link {
  color: #00ff00 !important;
}
.navbar-nav .nav-link:hover {
  color: #39ff14 !important;
  text-shadow: 0 0 10px #00ff00;
}