@charset "UTF-8";
#sidebar {
  min-width: 260px;
  max-width: 260px;
  background: #252626;
  color: #fff;
  min-height: 100vh;
 /* transition: margin-left 0.35s ease-in-out, left 0.35s ease-in-out, margin-right 0.35s ease-in-out, right 0.35s ease-in-out; */
  transition: all 0.35s;
}

#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
  color: inherit;
  text-decoration: none;
}


.brand {
  font-size: 1.8em;
  color: white;
}

.sidebar .collapsing {
  transition-property: height, visibility !important;
  transition-duration: 0.35s !important;
  transition-timing-function: ease !important;
}

.sidebar.collapsed {
  margin-left: -270px;
}

.sidebar-brand {
  font-weight: 600;
  font-size: 1.15rem;
  padding: 10px 1.15rem;
  display: block;
  color: #f8f9fa;
}

.sidebar-nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-grow: 1;
}

.sidebar-header {
  background: transparent;
  padding: 1.5rem 1.5rem 0.375rem;
  font-size: 0.75rem;
  color: #ced4da;
}

.sidebar-nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-grow: 1;
}

.sidebar-link,
a.sidebar-link {
  display: block;
  padding: 0.625rem 1.625rem;
  font-weight: 400;
  transition: background 0.1s ease-in-out;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  color: rgba(233, 236, 239, 0.5);
  border-left: 3px solid transparent;
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover:hover:before {
  transform: translateX(4px);
}

.sidebar-dropdown .sidebar-item.active .sidebar-link {
  font-weight: 400;
  border-left: 0;
  color: #518be1;
  background: transparent;
}

body[data-theme=dark] .sidebar-dropdown .sidebar-item.active .sidebar-link,
body[data-theme=light] .sidebar-dropdown .sidebar-item.active .sidebar-link {
  color: #518be1;
}

body[data-theme=dark] .sidebar-dropdown .sidebar-item.active .sidebar-link,
body[data-theme=light] .sidebar-dropdown .sidebar-item.active .sidebar-link {
  background: transparent;
}

.sidebar [data-bs-toggle=collapse] {
  position: relative;
}

.sidebar [data-bs-toggle=collapse]:after {
  content: " ";
  border: solid;
  border-width: 0 0.075rem 0.075rem 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  position: absolute;
  top: 1.8rem;
  right: 1.5rem;
  transition: all 0.2s ease-out;
}

.sidebar [aria-expanded=true]:after,
.sidebar [data-bs-toggle=collapse]:not(.collapsed):after {
  transform: rotate(-135deg);
  top: 1.4rem;
}

.sidebar-dropdown [data-bs-toggle=collapse]:after {
  top: 1rem;
}

.sidebar-dropdown [aria-expanded=true]:after,
.sidebar-dropdown [data-bs-toggle=collapse]:not(.collapsed):after {
  top: 1.2rem;
}

.sidebar-dropdown .sidebar-link::before {
  content: "→";
  display: inline-block;
  position: relative;
  left: -14px;
  transition: all 0.1s ease;
  transform: translateX(0);
}

.sidebar-dropdown .sidebar-item.active .sidebar-link {
  color: #518be1;
}

.sidebar-dropdown .sidebar-item .sidebar-link:hover:hover::before {
  transform: translateX(4px);
}

.sidebar-dropdown .sidebar-link {
  padding: 0.625rem 1.5rem 0.625rem 3.25rem;
  font-weight: 400;
  font-size: 90%;
  border-left: 0;
  color: #adb5bd;
  background: transparent;
}

.sidebar-dropdown .sidebar-item.active .sidebar-link {
  background: transparent;
}

.sidebar [data-bs-toggle=collapse] {
  position: relative;
}

.sidebar [aria-expanded=true]:after,
.sidebar [data-bs-toggle=collapse]:not(.collapsed):after {
  transform: rotate(-135deg);
  top: 1.8rem;
}

.sidebar-dropdown [data-bs-toggle=collapse]:after {
  top: 1rem;
}

.sidebar-dropdown [aria-expanded=true]:after,
.sidebar-dropdown [data-bs-toggle=collapse]:not(.collapsed):after {
  top: 1.2rem;
}

#sidebar li a:hover {
  color: #252626;
  background: #fff;
}

#sidebar .profile-image, .sidebar-profile-image {
  width: 100px;
  height: 100px;
}

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