body {
  padding-top: 56px;
  /* tinggi navbar */
}

.sidebar {
  position: fixed;
  top: 56px;
  bottom: 0;
  left: 0;
  width: 16.6666667%;
  background-color: #0f5132;
  /* hijau gelap */
  overflow-y: auto;
}

.sidebar .nav-link {
  color: #e9f7ef;
  font-weight: 500;
  padding: 10px 15px;
}

.sidebar .nav-link:hover {
  background-color: #198754;
  color: #ffffff;
}

.sidebar .nav-link.active {
  background-color: #198754;
  color: #ffffff;
  border-left: 4px solid #ffc107;
}

.sidebar .collapse .nav-link {
  color: #d1fae5;
  padding-left: 30px;
}

.sidebar .collapse .nav-link:hover {
  background-color: #157347;
}

.sidebar ul {
  list-style: none;
  padding-left: 0;
}