/* Change the topbar background
   from NiFi gray #728e9b
   to Cloudera black #132329 */

.contain-to-grid {
  width: 100%;
  background: #132329;
}

.top-bar {
  background: #132329;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}

.top-bar.expanded .title-area {
  background: #132329;
}

.top-bar-section ul li {
  background: #132329;
}

.top-bar-section ul li.active > a {
  background: #132329;
  color: #fff;
}

@media only screen and (min-width: 40.0625em) {
  .top-bar {
    background: #132329;
    overflow: visible;
  }

  .top-bar.expanded {
    background: #132329;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    background: #132329;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #132329;
    color: #fff;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
  }

  .top-bar-section .dropdown li a {
    background: #132329;
    color: #fff;
    line-height: 2.8125rem;
    padding: 12px 0.9375rem;
    white-space: nowrap;
  }

  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #132329;
    color: #fff;
  }

  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #607b87;
    color: #eee;
    background: #132329;
  }

  .top-bar-section .has-form {
    background: #132329;
    height: 2.8125rem;
    padding: 0 0.9375rem;
  }

  .no-js .top-bar-section ul li:active > a {
    background: #132329;
    color: #fff;
  }
}