body {
            background-color: #f1f5f8; /* Light blue */
            color: #333; /* Dark gray */

        }
/* Highlight the "Make My Test" link */
        .nav-item-make-my-test {
            background-color: #fffff;
            border-radius: 12px;
        }

        /* Add a blinking effect */
        .blink {
            animation: blinker 1s linear infinite;
        }

        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }

        .navbar-nav a, .navbar-brand {
            color: white;
        }

    /* Set text color to black for navigation links */
    .page-link {
        color: black;
    }
/* Define the CSS class for the sidebar content with !important */
.sidebar-content {
  color: white !important;
  background-color: #496e43 !important;
  border-radius: 4px !important;
}


.sidebar {
  float: right;
  width: auto;
  margin-right: auto;
  margin-top: auto;
  background-color: #ffffff;
  padding: 20px;
}

@media (max-width: 767px) { /* apply styles for screens smaller than 768px */
  .sidebar {
    float: none;
    width: auto;
    margin-right: 0;
  }

  .content {
    margin-left: 0;
  }
}
#level-checkboxes .col-md-4 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.list-group {
  list-style: none; /* remove bullet points */
  padding-left: 0; /* remove default indentation */
}

.dropdown-menu {
background-color: #343a40; /* Dark background */
}
.dropdown-item {
color: #ffffff; /* White text color */
}
.dropdown-item:hover {
background-color: #495057; /* Darker background on hover */
color: #ffffff; /* Ensure text remains white on hover */
}