.sidebar-left {
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
  opacity: 1;
}

.sidebar-left.show {
  transform: translateX(0);
  pointer-events: auto;
  opacity: 1;
}

@media (min-width: 768px) {
  .sidebar-left {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

.sidebar-right {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
  opacity: 1;
}

.sidebar-right.show {
  transform: translateX(0);
  pointer-events: auto;
  opacity: 1;
}

@media (min-width: 768px) {
  .sidebar-right {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


.sidebar-tabs button.active {
  color: #4c6680;
}

.sidebar-tabs button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 0.1875rem;
  background-color: #4c6680;
  border-radius: 0.125rem;
}

.tab-pane {
  display: none;
  height: 100%;
}

.tab-pane.active {
  display: block;
}