.header-logo {
  height: 4em; }
  .header-logo a {
    padding: 1em 4em; }
  .header-logo a:hover {
    background: white;
    width: 250px; }

.header-logo:hover {
  background: white; }

.navbar {
  height: 4em;
  display: inline;
  background: red; }
  .navbar .navbar-left {
    float: left;
    height: 4em;
    line-height: 3em; }
  .navbar .navbar-right {
    height: 4em;
    float: right; }
  .navbar ul {
    display: inline; }
    .navbar ul li {
      background: blue;
      display: inline;
      padding: 10px; }
      .navbar ul li a {
        padding: 10px; }
      .navbar ul li a:hover {
        background-color: red; }

.app-menu ul {
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
  background: #f8f8f8;
  border-bottom: 1px solid #dadada; }
  .app-menu ul li {
    display: inline; }

.app-menu a {
  line-height: 40px;
  color: #888;
  text-decoration: none;
  padding: 0.8rem 10px; }

.app-menu a.active {
  background: #e8e6e6;
  color: black; }

.app-menu a:hover {
  background: #e8e6e6;
  color: black; }

@media (max-width: 979px) {
  .app-menu {
    margin-top: 0; } }

.system-menu {
  display: inline;
  font-size: 0.8rem; }
  .system-menu ul {
    margin: 0; }
    .system-menu ul li {
      list-style-type: none;
      display: inline; }
      .system-menu ul li a {
        padding: 16px 10px;
        height: 50px;
        line-height: 50px;
        color: black;
        text-decoration: none; }
      .system-menu ul li a:hover {
        background: #eee; }

.system-menu-outer {
  display: inline; }
  .system-menu-outer > ul {
    margin: 0; }
    .system-menu-outer > ul > li {
      list-style-type: none; }
      .system-menu-outer > ul > li > a {
        padding: 0 10px;
        height: 50px;
        line-height: 50px; }

.dropdown a, .dropdown button {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 13px;
  line-height: 1;
  padding: 7px 15px;
  text-decoration: none;
  width: 100%;
  white-space: nowrap; }

.pulldown-user-info {
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8rem; }

.dropdown .dropdown-menu {
  border-radius: 4px;
  box-shadow: none;
  margin-top: 5px; }
  .dropdown .dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10; }
  .dropdown .dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9; }
  .dropdown .dropdown-menu li a:hover {
    background: #bbb;
    opacity: 1; }
  .dropdown .dropdown-menu li a.active {
    background: #aaa;
    opacity: 1; }