.topbar {
  box-shadow: 0px 3px 4px 0.1px rgb(219 219 219);
}
.language-div button {
  background-color: transparent;
  border-radius: 50%;
  padding: 5px;
  border: none;
  font-size: 0.8rem;
}
.language-div button:focus {
  outline: none;
}
.language-div .dropdown-menu {
  outline: none;
}
@media (min-width: 768px) {
  .language-div {
    width: 30%;
    margin: -30px auto auto;
    position: relative;
    z-index: 1;
    background-color: transparent;
    top: 45px;
    margin-top: -30px;
  }
  .language-div button {
    background-color: rgb(248 249 252);
    border-radius: 10%;
    border: 1px solid rgb(212 223 255);
    padding: 5px;
    font-size: 0.8rem;
  }
}
.collapse-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .collapse-item.course-item,
.sidebar .collapse-item.course-item {
  font-size: 0.7rem;
  white-space: normal;
}
.bg-green {
  background-color: hsl(162, 43%, 47%);
  color: white;
}
.navbar-dark .navbar-toggler {
  border: none;
}
.navbar-dark svg.hamburguer-btn {
  color: #ffffff;
  font-size: 1rem;
}
.navbar-dark button:focus {
  outline: none;
}
.analytics-bar .dropdown-item {
  padding: 10px;
}
.analytics-bar .dropdown-item:hover,
.analytics-bar .dropdown-item:active {
  background-color: #44aa8b;
  border-radius: 5px;
}
.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
  background-color: #44aa8b;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    background-color: #ffffff;
    box-shadow: 0px 2px 1px 1px #44aa8b;

    padding: 5px;
  }
}

/* scrollable-dropdown */
.scrollable-dropdown {
  max-height: 200px; /* Adjust the height as needed */
  overflow-y: auto;
}

#courseSearch {
  width: 100%;
  margin-bottom: 10px;
}
.scrollable-dropdown ul {
  list-style: none;
  padding: 0px;
}