.qrleads-sidebar {
  width: 300px !important;
  height: 100vh !important;
  position: fixed !important;
  top: 50px !important;
  left: -300px !important;
  z-index: 1000 !important;
  transition: left 0.3s ease !important;
  background-color: var(--green-500) !important;
}

.qrleads-sidebar.show {
  left: 0 !important;
}

.qrleads-sidebar ul.components {
  padding: 0 !important;
}

.qrleads-sidebar ul li {
  font-size: 16px !important;
}

.qrleads-sidebar ul li > ul {
  margin-left: 10px !important;
}

.qrleads-sidebar ul li > ul li {
  font-size: 16px !important;
}

.qrleads-sidebar ul li a {
  padding: 10px 0 !important;
  display: block !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.qrleads-sidebar ul li a:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.qrleads-sidebar ul li.active > a {
  background: transparent !important;
  color: white !important;
}