#mask {
  position: absolute;
  z-index: @zindex-navbar-fixed + 1;
  opacity: 0.8;
  height: 100%;
  width: 100%;
  background-color: @medGrey;
}

#navigation {
  position: absolute;
  width: 80%;
  height: 100%;
  overflow: hidden;
  z-index: @zindex-navbar-fixed + 2;

  background-color: @darkGrey;
  top: 0;
  padding: 10px;

  .body {
    padding-top: 50px;
  }

  .summary {
    text-align: center;
    border-radius: 2px;

    .lead {
      font-weight: bold;
    }
  }

  .time-remaining-summary, .active-defects-summary {
    background-color: @nearWhite;
  }

  .percent-accepted-summary {
    background-color: @brick;
  }

  .buttons {
    margin-top: 20px;
    margin-left: 0px;
    font-family: @proxima-nova;

    .btn-inverse {
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 4px;
      color: @nearWhite;
      background-color: @nearBlack;
      border-color: @black;
    }

    .displayName {
      text-align: left;
      padding-top: 4px;
    }

    .icon {
      text-align: right;
    }
  }

  .navbar {
    min-height: 40px;

    .search-query {
      background-color: @darkGrey;
      color: @white;
      border-color: @nearBlack;
      border-radius: 15px;
      padding: 5px;
      margin-top: 3px;
    }
  }
}

.search-no-results {
  position: absolute;
  z-index: @zindex-navbar-fixed + 3;
}

.navbar-fixed-top {
  position: absolute;
}