.navbar-brand img {
  margin: 0;
  padding: 0;
  display: block;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  padding-top: 40px;
}

.content {
  padding-bottom: 60px;
}

.footer {
  height: 60px;
  background-color: #f5f5f5;
  text-align: center;
  padding: 20px;
}

h1 {
  color: white;
}

.navbar {
  background-color: #dc941f;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px;
}

.navbar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.navbar-brand {
  display: flex;
  align-items: center;
}

.navbar-brand img {
  height: 30px;
  margin-right: 10px;
}

.navbar .navbar-brand, .navbar .navbar-brand:hover {
  color: white;
  text-decoration: none;
}

.green-text {
  color: green;
}

.red-text {
  color: red;
}

.navbar-nav .nav-link {
  color: white !important;
}

h4#date-update {
  text-align: right;
}

.collapsible {
  background-color: #f1f1f1;
  cursor: pointer;
  padding: 10px;
  border: 1px solid #ccc;
}

.dgcontent, .trcontent, .ttcontent, .ytcontent, .igcontent, .ircontent, .ycontent, .jcontent, .vhubcontent, .othercontent, .dcontent, .democontent, .krcontent {
  display: none;
  padding: 10px;
}

/* Common styles for all dropdowns */
.dropdown-menu {
  padding-right: 10px;
  position: relative; /* Ensure relative positioning for gradient */
}

/* Styles for scrollable dropdowns with fading effect */
.dropdown-menu.fade-scroll {
  max-height: 620px;
  overflow-y: scroll;
  padding-right: 10px;
  position: relative;
}

/* Gradient overlay for scrollable dropdowns */
.dropdown-menu.fade-scroll::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none; /* Allow clicks to pass through */
  transition: opacity 0.3s ease; /* Smooth transition for fading effect */
  opacity: 1; /* Gradient starts fully visible */
}

/* Hide gradient when scrolled */
.dropdown-menu.fade-scroll.scrolled::after {
  opacity: 0;
}

/* Custom scrollbar styles */
.dropdown-menu.fade-scroll::-webkit-scrollbar {
  width: 10px;
}

.dropdown-menu.fade-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.dropdown-menu.fade-scroll::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.dropdown-menu.fade-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}


#glossary {
  display: none;
  margin-top: 10px;
}

#data #card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 90%;
}

#data #card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

#data #card-container2 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  opacity: 0.9;
  border: 2px solid black;
  padding: 2px 16px;
}

/* slider */
#streamRange {
  -webkit-appearance: none;
  appearance: none;
  width: 150px;
  height: 10px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none; /* Remove outline */
  margin-top: 10px; /* Add margin top */
  margin-bottom: 20px; /* Add margin bottom */
}

#streamRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2a4bc4;
  cursor: pointer;
}

#streamRange::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2a4bc4;
  cursor: pointer;
}

#sliderValue {
  margin-left: 12px; /* Add margin to the left */
  margin-top: -12px;
  vertical-align: middle; /* Align vertically */
}

form div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

form label {
  margin-right: 10px;
}

form select {
  width: auto;
  max-width: 400px;
}

.rep-owner-container {
  padding-top: 15px; 
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: normal;
  padding: 5px /* Adjust line-height to make the text fully visible */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 0 10px 0 40px !important; 
  display: flex;
  /* align-items: center;  */
  margin-right: 5px; 
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 10px; 
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple {
  min-height: 34px; 
  padding: 5px;
}


.select2-container .select2-search--inline .select2-search__field {
  height: 20px !important; 
  vertical-align: top !important; 
  padding: 5px; 
  padding-right: 20px; 
  box-sizing: border-box; 
}

.left-align-content table th,
.left-align-content table td {
    text-align: left;  /* Left-align both headers and data cells */
    padding-left: 15px; /* Optional: Add padding to make it look better */
}



#tech-banner {
    display: none; /* Change to block to show */
    background-color: #fff3cd;
    color: #856404;
    border-bottom: 1px solid #ffeeba;
    padding: 12px 20px;
    font-family: sans-serif;
    font-size: 16px;
    text-align: center;
  }