/* Custom refined scrollbars */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #c2c2c2;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #999999;
}

/* Downward triangle divider for section transitions */
.triangle-divider {
  position: relative;
}
.triangle-divider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  z-index: 10;
}
.triangle-from-gray::before {
  border-top: 18px solid #f7f7f7;
}
.triangle-from-white::before {
  border-top: 18px solid #ffffff;
}

/* Sidebar Navigation active item indicator */
.nav-btn.active {
  background-color: #202020 !important;
  color: #ffffff !important;
  border-left: 4px solid #179ab3 !important;
  padding-left: calc(1.5rem - 4px) !important;
}
.nav-btn.active i {
  color: #179ab3 !important;
}

/* Live search dropdown overlay */
#search-results-dropdown {
  max-height: 280px;
  overflow-y: auto;
}

/* Print styles */
@media print {
  aside, #mobile-header, .no-print, .close-panel-btn, #search-results-dropdown {
    display: none !important;
  }
  .panel-section {
    position: static !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
  }
}