﻿/* Updated floating form variables */
/*$form-floating-line-height: 1.25;*/
#sidebar {
  background: linear-gradient(135deg, rgb(0, 125.2652173913, 245.2), #005eb8 40%, rgb(0, 78.3673913043, 153.4));
  height: 100vh;
  color: white;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  width: 18rem;
  min-width: 15rem;
  position: sticky;
  top: 0;
  box-shadow: 8px 0 12px rgba(0, 0, 0, 0.1), 6px 0 30px rgba(0, 0, 0, 0.1);
  border-right: 0.5rem solid rgb(0, 67.9456521739, 133);
}
#sidebar #sidebar-header {
  text-align: center;
  margin: 0 0 1rem 0;
}
#sidebar #sidebar-header #sidebar-brand {
  border-radius: 1rem;
  max-width: 8rem;
  height: auto;
}
#sidebar #sidebar-body {
  flex-grow: 1;
}
#sidebar .sidebar-title {
  line-height: 3rem;
  font-weight: bold;
  border-radius: 1rem;
  padding: 0 0.75rem;
  cursor: pointer;
  user-select: none;
  display: block;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s;
}
#sidebar .sidebar-title:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
#sidebar .sidebar-title .chevron-icon {
  transition: transform 0.3s ease-in-out;
}
#sidebar .sidebar-title[aria-expanded=false] .chevron-icon {
  transform: rotate(180deg);
}
#sidebar .sidebar-section {
  margin-bottom: 1rem;
}
#sidebar .sidebar-section .sidebar-item {
  line-height: 2.25rem;
  transition: transform 0.2s;
  padding: 0 0 0 0.75rem;
  display: block;
  text-decoration: none;
  color: inherit;
}
#sidebar .sidebar-section .sidebar-item:hover {
  cursor: pointer;
  transform: scale(1.05);
}
#sidebar .sidebar-section .sidebar-item.active {
  background: #00a499;
  border-left: 0.25rem solid white;
  border-radius: 0 0.25rem 0.25rem 0;
}
#sidebar .sidebar-section.maintenance-section {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
}
#sidebar .sidebar-title.active {
  background: #00a499;
  border-left: 0.25rem solid white;
  border-radius: 1rem;
}