nav.navbar
  font-family: "lato"

  ul.pull-right
    li:last-child
      padding-right: 0
      a
        padding-right: 0

  ul.pull-left
    li:first-child
      padding-left: 0
      a
        padding-left: 0

  .navbar-menu
    +box-shadow(0 3px 6px rgba(0,0,0,0.8))
    z-index: 10
    position: relative


  .navbar-status
    background-color: $light-blue
    color: white
    font-size: 1.0em
    z-index: 5
    position: relative
    padding: 2px 0

    ul
      margin: 0

    a
      +link-colors(white)

    .system-status-box
      margin: 0 auto
      #alert-summary-bar
        margin-left: 60px
      #system-status-bar
        
    .powered-by
      font-size: 0.8em
      font-style: italic
            
  .navbar-inner
    +background(linear-gradient(top, $orange, #EF8704))
    border: 0

    .navbar-text
      color: #EEE

    a.brand
      color: $blue
      font-weight: bold
      +text-shadow(0 -1px 0 rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,0.6))
    a.brand:hover
      color: $blue
      text-shadow: 0 -1px 4px rgba(0,0,0,0.30), 0 1px 4px rgba(255,255,255,0.9) !important

    li
      color: #DDD

      a 
        color: white !important
        text-shadow: 0 1px 0 rgba(0,0,0,0.4), 0 -1px 0 rgba(255,255,255,0.5) !important

        &:hover
          text-shadow: 0 1px 4px rgba(0,0,0,0.5), 0 -1px 4px rgba(255,255,255,0.6) !important

      &.active a
        color: white
        background-color: $blue !important
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(100,100,100,0.6) !important

        
    .dropdown-menu
      li
        a 
          color: $orange !important
          
          &:hover
            text-shadow: 0 1px 4px rgba(0,0,0,0.5), 0 -1px 4px rgba(255,255,255,0.6) !important
            
        &.active a
          color: white
          background-color: $orange !important
          text-shadow: 0 -1px 0 rgba(0,0,0,0.3), 0 1px 0 rgba(100,100,100,0.6) !important
