/* Fix for sticky headers so they don't hide under the sticky nav */
.course-group-wrapper { scroll-margin-top: 10px; }

/* Sticky Navigation Styling */
.sticky-course-nav {
	//position: sticky;
	top: 0;
	z-index: 1020; /* Just below Bootstrap modals */
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(5px);
	border-bottom: 2px solid #F46524;
}

/* Table Styling */
.table-responsive { border: 1px solid #dee2e6; border-radius: 0.25rem; }
.start-list-table { table-layout: fixed; min-width: 600px; margin-bottom: 0; }

.sticky-col { 
	position: sticky; 
	left: 0; 
	background-color: #fff !important; 
	z-index: 2; 
	border-right: 2px solid #dee2e6 !important; 
}
th.sticky-col { background-color: #f8f9fa !important; z-index: 3; }

.course-header { background: #F46524; color: #fff; padding: 12px; }

#no-results-msg { display: none; }

@media (max-width: 600px) {
	.scroll-hint { display: block; font-style: italic; font-size: 0.85rem; color: #6c757d; text-align: right; }
}
@media (min-width: 601px) {
	.scroll-hint { display: none; }
}