/* general styles to apply dark theme */
/* also should apply theme color: #121212 in html */
html {
  background-color: #121212;
  background-image: none;
}

.header-outer {
  background-color: #121212;
  border-color: #273139;
}

.pre-footer {
  padding-top: 0;
  background-image: linear-gradient(to top, #080808, #0b0b0b, #0e0e0e, #101010, #121212);
}

.header-dropdown-menu-datasets,
.header-dropdown-menu-more,
.header-dropdown-menu-premium {
  background-color: #121212;
}

#auto-suggest-links-container {
  background-color: #161517;
  border-top: 1px solid #1b242b;
}

#auto-suggest-links-container li:hover,
#auto-suggest-links-container-mobile li:hover {
  background-color: #121212;
}

#auto-suggest-links-container li,
#auto-suggest-links-container-mobile li {
  border-top: 1px solid #1b242b;
}

#auto-suggest-links-container > .auto-suggest-tabs div {
  background-color: #242d35;
  color: (225,225,225);
}

.active-autosuggest-result {
  background-color: #121212 !important;
}

.ticker-text {
  background-color: rgb(45 45 45);
}

.footer-outer {
  margin-top: 0;
  background-color: #080808;
}

div {
  scrollbar-width: thin;
  scrollbar-color: #2b2b2b #161616;
}

.table-inner:hover {
  scrollbar-color: #8691a5 #161616;
}

@media screen and (max-width: 1200px) {
  #mobileDropdown {
    background: #121212;
  }
  nav .nav-links-outer > .nav-links-inner, .nav-search-and-myaccount {
    background-color: #121212;
  }
}