:root {
  --accentcolor: #28abe2;
  --menucolor: #404446;
}

#main-nav {
  border-bottom-color: var(--accentcolor);
  background-color: var(--menucolor);
}

div.top-nav {
  border-bottom-color: var(--accentcolor);
}

.btn-primary {
	background-color: var(--accentcolor);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-color: var(--menucolor);
  border-color: rgba(0, 0, 0, 0.1);
}

a {
  color: var(--accentcolor);
}

a:hover {
  color: var(--menucolor);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--accentcolor);
  border-color: var(--accentcolor);
}

.pagination > li > a,
.pagination > li > span {
  color: var(--accentcolor);
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  color: var(--accentcolor);
}

.navbar-default .navbar-brand {
  color: var(--accentcolor);
}

.navbar-default .navbar-brand:hover {
  color: var(--accentcolor);
}

#sub-nav > .sub-nav > li.active,
#small-nav .active {
  color: var(--accentcolor);
}

#sub-nav > .sub-nav > li.active > a {
  color: var(--accentcolor);
}

.arrow-up {
  border-bottom-color: var(--accentcolor);
}

@media (max-width: 767px) {
  #active-level1 {
    background-color: var(--accentcolor);
  }

  .arrow-right {
    border-left-color: var(--accentcolor);
  }
}