.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  li {
    .disabled > a {
      color: #777;
      &:hover,
      &:focus {
        color: #777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed
      }
    }
  }
  .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
  }
  .open>a,
  .open>a:hover,
  .open>a:focus {
    background-color: #eee;
    border-color: #337ab7;
  }
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
  li {
    float: left;
    margin-bottom: -1px;
    a {
      margin-right: 2px;
      line-height: 1.42857143;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0;
      &:hover {
        border-color: #eee #eee #ddd
      }
    }
    .active>a,
    .active>a:hover,
    .active>a:focus {
      color: #555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default;
    }
  }
  .nav-justified {
    width: 100%;
    border-bottom: 0;
    li {
      float: none;
      @media screen and (min-width: 45.000em) {
        display: table-cell;
        width: 1%;
      }
      a {
        text-align: center;
        margin-bottom: 5px;
        margin-right: 0;
        border-radius: 4px;
        @media screen and (min-width: 45.000em) {
          margin-bottom: 0;
          border-bottom: 1px solid #ddd;
          border-radius: 4px 4px 0 0
        }
      }
    }
    .dropdown .dropdown-menu {
      top: auto;
      left: auto
    }
    .active>a,
    .active>a:hover,
    .active>a:focus {
      border: 1px solid #ddd;
      @media screen and (min-width: 45.000em) {
        border-bottom-color: #fff
      }
    }
  }
  .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
  }
}
.nav-stacked {
  li {
    float: none;
    &+li {
        margin-top: 2px;
        margin-left: 0
    }
  }
}
.nav-justified {
  width: 100%;
  li {
    float: none;
    @media screen and (min-width: 45.000em) {
      display: table-cell;
      width: 1%;
    }
    a {
      text-align: center;
      margin-bottom: 5px;
      @media screen and (min-width: 45.000em) {
        margin-bottom: 0
      }
    }
  }
  .dropdown .dropdown-menu {
    top: auto;
    left: auto
  }
}
.nav-tabs-justified {
  border-bottom: 0;
  li>a {
    margin-right: 0;
    border-radius: 4px;
    @media screen and (min-width: 45.000em) {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0;
    }
  }
  .active>a,
  .active>a:hover,
  .active>a:focus {
    border: 1px solid #ddd;
    @media screen and (min-width: 45.000em) {
      border-bottom-color: #fff;
    }
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}



@media (max-width:991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu>li>a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;

  .form-group {
    @media screen and (min-width: 45.000em) {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    @media (max-width:991px) {
      margin-bottom: 5px;
      &:last-child {
        margin-bottom: 0
      }
    }
  }
  @media screen and (min-width: 45.000em) {
    .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
    }
    .form-control-static {
      display: inline-block
    }
    .input-group {
      display: inline-table;
      vertical-align: middle
    }
    .control-label {
      margin-bottom: 0;
      vertical-align: middle
    }
    .has-feedback .form-control-feedback {
        top: 0
    }
    .radio,
    .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
      label {
        padding-left: 0;
      }
      input[type="checkbox"] {
          position: relative;
          margin-left: 0
      }
    }
  }
  @media screen and (min-width: 45.000em) {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
  .btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
  }
  .btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
  }
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
  @media screen and (min-width: 62.000em) {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.tab-content {
  .tab-pane {
    display: none;
  }
  .active {
    display: block;
  }
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  li {
    a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.42857143;
      color: #333;
      white-space: nowrap;
      &:hover,
      &:focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5
      }
    }
  }
  .pull-right {
    right: 0;
    left: auto;
  }
  .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}
.open>.dropdown-menu {
  display: block;
}
.open>a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
