/* =========================================================
   Dark Navbar Fix for TbNavbar (Bootstrap 2)
   ========================================================= */

.navbar.navbar-inverse {
  background: #0f172a; /* modern dark (slate-900) */
  border-bottom: 1px solid #020617;
  box-shadow: 0 4px 14px rgba(0,0,0,.45);
}

.navbar-inverse .navbar-inner {
  background: none !important;
  border: 0;
  box-shadow: none;
}

/* Brand */
.navbar-inverse .brand {
  color: #f9fafb;
}
.navbar-inverse .brand:hover {
  color: #93c5fd;
}

/* Links */
.navbar-inverse .nav > li > a {
  color: #cbd5f5;
  text-shadow: none;
}

.navbar-inverse .nav > li > a:hover {
  color: #ffffff;
  background-color: rgba(255,255,255,.08);
}

/* Active */
.navbar-inverse .nav > .active > a,
.navbar-inverse .nav > .active > a:hover {
  background-color: rgba(255,255,255,.12);
  color: #ffffff;
  box-shadow: inset 0 -2px 0 #60a5fa;
}

/* Dropdown */
.navbar-inverse .dropdown-menu {
  background: #020617;
  border: 1px solid #020617;
}

.navbar-inverse .dropdown-menu > li > a {
  color: #e5e7eb;
}

.navbar-inverse .dropdown-menu > li > a:hover {
  background-color: rgba(255,255,255,.1);
}

/* Caret */
.navbar-inverse .caret {
  border-top-color: #c7d2fe;
}