.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  z-index: 100;
  padding: 7.375rem 0 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
}
[dir=rtl] .sidebar {
  left: auto;
}
[dir=rtl] .sidebar {
  right: 0;
}
.sidebar.show {
  display: block !important;
}
.sidebar-header {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
  padding: 1rem 1rem 0 1rem;
}
.sidebar-header__img {
  margin-right: 0.75rem;
  margin-left: 0;
}
[dir=rtl] .sidebar-header__img {
  margin-right: 0;
}
[dir=rtl] .sidebar-header__img {
  margin-left: 0.75rem;
}
.sidebar-header__img_user {
  width: 3.125rem;
  height: 3.125rem;
  background-color: var(--driver-sidebar-logo-bg-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar .nav {
  padding-right: auto;
}
[dir=rtl] .sidebar .nav {
  padding-right: 0;
}
.sidebar .nav-item ul {
  padding-left: 0;
  padding-right: 0;
}
.sidebar .nav-item ul li::-webkit-details-marker {
  color: transparent;
}
.sidebar .nav-item ul li::marker {
  color: transparent;
}
.sidebar .nav-item ul .nav-link {
  padding-left: 2.75rem;
  padding-right: 0.75rem;
}
[dir=rtl] .sidebar .nav-item ul .nav-link {
  padding-left: 0.75rem;
}
[dir=rtl] .sidebar .nav-item ul .nav-link {
  padding-right: 2.75rem;
}
.sidebar .nav-link {
  padding: 0.8125rem 0.75rem 0.8125rem 1rem;
  padding: 0.8125rem 0.75rem 0.8125rem 1rem;
  line-height: 1.1875rem;
  display: flex;
  align-items: center;
}
[dir=rtl] .sidebar .nav-link {
  padding: 0.8125rem 1rem 0.8125rem 0.75rem;
}
.sidebar .nav-link i {
  margin-right: 0.75rem;
  margin-left: 0;
}
[dir=rtl] .sidebar .nav-link i {
  margin-right: 0;
}
[dir=rtl] .sidebar .nav-link i {
  margin-left: 0.75rem;
}
.sidebar .nav-link span {
  text-overflow: ellipsis;
  white-space: break-spaces;
  overflow: hidden;
}
.sidebar .nav-link:hover {
  background-color: var(--sidebar-menu-hover);
}

@media (min-width: 576px) {
  .sidebar {
    padding: 7rem 0 0 0;
  }
}
@media (min-width: 768px) {
  .sidebar {
    padding: 3.75rem 0 0 0;
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .sidebar {
    max-width: 240px;
  }
}

/*# sourceMappingURL=sidebar.css.map */