lucent-laravel/front/sass/_nav.scss

.lx-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  //background-color: rgba(255,255,255,1);
  margin-bottom: 0px;

  .nav-item {
    padding: 16px 0;
    margin: 0 16px;
    color: $primary;

  }

  a {
    text-decoration: none;
  }


}


.accordion {
  border: none;
}

.accordion-item {
  border: none;
  background: transparent;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}


.offcanvas-body {
  padding: 0;
  overflow: hidden;
}

.accordion-button:not(.collapsed) {
  background: rgba(var(--lucent-bg), 0.2) !important;
  font-weight: bold;
}

.accordion .list-group-item {
  margin-left: 20px;
  border-left: 2px solid rgba(var(--lucent-bg-dark), 0.2);
  border-top: none;
  border-bottom: none;
}

.accordion .list-group-item:hover {
  background: rgba(var(--lucent-bg-dark), 0.1) !important;
}

.accordion .list-group-item.active {
  border-left: 2px solid rgba(var(--lucent-bg-dark), 0.8);
  border-top: none;
  border-bottom: none;
  background: rgba(var(--lucent-bg-dark), 0.1) !important;
  color: var(--bs-primary);
}

.sidebar-logo{
  padding: 5px 20px;
  border-bottom:  1px solid rgba(var(--lucent-bg-dark), 0.2);
}
.sidebar-logo a{
  text-decoration: none;
  font-size: 25px;
  color: var(--bs-primary);
}