.main-container{
height: 100%;
}
.sidebar-container {
position: relative;
height: auto;
transition: all 0.3s ease;
padding: 0;
background-color: #f8f9fa;
width: 400px;
}

.sidebar-content {
padding: 20px;
color: #000;
width: auto;
background-color: #f8f9fa;
}

.sticky-sidebar {
position: sticky;
top: 0px;
height: 100vh;
width: 100%;
overflow-y: auto;
}

.main-content {
padding: 20px;
color: white;
}

/* Adding some placeholder content for the right column */
.content-section {
height: 300px;
margin-bottom: 40px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 20px;
}


.main-list > li {
margin-bottom: 8px;
}

.main-list a {
color: #003a5d;
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}

.main-list a:hover {
color: #FFD100;
text-decoration: underline;
}

.sublisting {
list-style: none;
padding-left: 0;
margin-top: 8px;
margin-bottom: 0;
border-left: 2px solid #FFD100;
padding-left: 15px;
background-color: rgba(255, 209, 0, 0.04);
border-radius: 0 4px 4px 0;
}

.sublisting li {
margin-bottom: 6px;
position: relative;
}

.sublisting li:before {
content: "→";
color: #FFD100;
font-weight: bold;
margin-right: 8px;
}

.sublisting a {
color: #555;
font-size: 0.9em;
font-weight: 400;
padding: 4px 0;
display: inline;
}

.sublisting a:hover {
color: #003a5d;
transform: translateX(3px);
transition: all 0.2s ease;
}

.main-list > li > a.active {
  font-weight: 700 !important;
}

.sublisting li > a.active {
  font-weight: 700 !important;
}

.sublisting {
  display: none;
  transition: all 0.3s ease;
}

/* Show sublisting when parent has 'open' class */
.main-list > li.open .sublisting {
  display: block;
}

/* Optional: Add a subtle transition for smooth state changes */
.main-list a,
.sublisting a {
  transition: all 0.2s ease;
}

.main-list > li.has-sublisting:not(.pinned-open) > a::after {
  content: " ▶";
  font-size: 0.8em;
  color: #FFD100;
  transition: transform 0.3s ease;
  display: inline-block;
  padding-left: 7px;
}

.main-list > li.has-sublisting.open:not(.pinned-open) > a::after {
  transform: rotate(90deg);
}
.display-xl-none{
	display: none;
}
/* Mobile sidebar styles */
@media (max-width: 1281px) {
.sidebar-container {
position: fixed;
left: -100%;
top: 0;
height: 100%;
width: 350px;
z-index: 1000;
background-color: #f8f9fa;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
transition: left 0.3s ease;
}

.sidebar-container.open {
left: 0;
}

.sticky-sidebar {
height: 100%;
}

.sidebar-toggle-btn {
position: fixed;
left: 0;
top: 40vh;
z-index: 999;
color: white;
border: none;
border-radius: 4px;
width: 30px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
font-weight: bold;
}

.close-sidebar-btn {
position: absolute;
right: 15px;
top: 15px;
background-color: transparent;
border: none;
font-size: 1.5rem;
cursor: pointer;
color: #003a5d;
}

.overlay-positioning {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none !important;
}

.main-container {
padding-top: 60px;
}
}