body {
  color: var(--main-text-color);
  background: var(--bar-background-color);
}

div.main-wrapper {
  background: var(--background-primary-color);
}

a, a:hover, a:focus {
  color: var(--hyperlink-text-color);
}

.fb-logo {
  background: url('../images/logo-216x216.webp') no-repeat center;
  background-size: 100%;
  border-radius: 50%;
  border: 1px solid var(--bar-text-color);
  margin-right: 7px;
}

.navbar {
  border-width: 0;
  background: var(--bar-background-color);
  background: linear-gradient(
    to bottom,
    var(--bar-background-color),
    var(--bar-background-secondary-color)
  );
  box-shadow: 0 1px 2px var(--thin-border-color);
}

.navmenu {
  border-width: 0;
  background-color: var(--bar-background-color);
}

.navmenu-item {
  color: var(--bar-text-color);
  text-decoration: none;
}

.navmenu-item:not(:disabled):focus, .navmenu-item:not(:disabled):hover, .navmenu-item:not(:disabled):visited, .navmenu-item:not(:disabled):active {
  color: var(--bar-text-color);
}

.rd-footer {
  border-width: 0;
  background: var(--bar-background-color);
  background: linear-gradient(
    to bottom,
    var(--bar-background-secondary-color),
    var(--bar-background-color)
  );
}

.navbar, .rd-footer, .navbar a, .rd-footer a {
  color: var(--bar-text-color);
}

.navbar-collapse {
  background: transparent;
  border: none;
}

.navbar-collapse, .navbar-collapse a, .navbar-collapse a:hover, .navbar-collapse a:focus {
  color: inherit;
}

@media (max-width: 767.98px) {

ul.navbar-nav {
  background: rgba(0, 0, 0, 0.05);
  border: var(--thin-border);
}

}

.card {
  border: none;
}

.tooltip-inner {
  background: var(--background-secondary-color);
  color: var(--main-text-color);
  border: var(--normal-border);
}

.tooltip-inner, .tooltip {
  opacity: 100% !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-left .tooltip-arrow::before,
.tooltip.bs-tooltip-right .tooltip-arrow::before {
  border-color: transparent;
}

.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--navbar-control-border-color) !important;
}

.bs-tooltip-top .arrow::before {
  border-top-color: var(--navbar-control-border-color) !important;
}

.bs-tooltip-right .arrow::before {
  border-right-color: var(--navbar-control-border-color) !important;
}

.bs-tooltip-left .arrow::before {
  border-left-color: var(--navbar-control-border-color) !important;
}

.btn-outline-navbar {
  border-color: var(--navbar-control-border-color);
  border-left: none;
  color: var(--bar-text-color);
}

.btn-noborder-navbar {
  border-color: transparent;
  color: var(--bar-text-color);
}

.btn-outline-navbar:disabled:hover, .btn-noborder-navbar:disabled:hover {
  color: var(--bar-text-color);
}

.btn-outline-navbar:not(:disabled):hover, .btn-noborder-navbar:not(:disabled):hover, .dropdown.show > .btn-noborder-navbar {
  background-color: var(--bar-text-color);
  color: var(--bar-background-color);
}

.navbar-tooltip .tooltip-inner {
  background-color: var(--bar-background-color);
  color: var(--bar-text-color);
  font-size: 16px;
  padding: 8px 12px;
  border-color: var(--navbar-control-border-color);
  border-radius: 2px;
}

.regular-tooltip .tooltip-inner {
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 2px;
}

#search-button:disabled {
  opacity: 1;
  color: color-mix(in srgb, var(--bar-text-color) 40%, transparent);
}