/* navbar */

.navbar {
    position: relative;
    z-index: 1000;
    min-height: 30px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #5E5E5E;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > li > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > li > a:hover .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}

.navbar .brand,
.navbar .nav > li > a {
    padding: 5px 30px 5px 30px;
}

.alert-neutral {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#F2F2F2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(top, #F2F2F2, 0%, #D2D2D2, 100%);
  background-image: -moz-linear-gradient(top, #F2F2F2 0%, #D2D2D2 100%);
  background-image: linear-gradient(to bottom, #F2F2F2 0%, #D2D2D2 100%);
  background-repeat: repeat-x;
  border-color: #D2D2D2;
  color: #676767;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF2F2F2', endColorstr='#ffD2D2D2', GradientType=0);
}