/* navbar / nav-top (from ddp_css.css L91-L174) */
.navbar, .dropdown-menu{
    background: #8999A8;
    border: none;
    text-align: center;
}

.nav-top>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
    border-bottom: 3px solid transparent;
}
.nav-top>li>a:focus, .nav-top>li>a:hover,.nav-top .open>a, .nav-top .open>a:focus, .nav-top .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    border-bottom: 3px solid transparent;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.16));
}
.navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
    color: #fff;
}
.dropdown-menu{
    -webkit-box-shadow: none;
    box-shadow:none;
    text-align: left;
}

.nav-top li:hover:nth-child(8n+1), .nav-top li.active:nth-child(8n+1){
    border-bottom: #C4E17F 3px solid;
}
.nav-top li:hover:nth-child(8n+2), .nav-top li.active:nth-child(8n+2){
    border-bottom: #F7FDCA 3px solid;
}
.nav-top li:hover:nth-child(8n+3), .nav-top li.active:nth-child(8n+3){
    border-bottom: #FECF71 3px solid;
}
.nav-top li:hover:nth-child(8n+4), .nav-top li.active:nth-child(8n+4){
    border-bottom: #F0776C 3px solid;
}
.nav-top li:hover:nth-child(8n+5), .nav-top li.active:nth-child(8n+5){
    border-bottom: #DB9DBE 3px solid;
}
.nav-top li:hover:nth-child(8n+6), .nav-top li.active:nth-child(8n+6){
    border-bottom: #C49CDE 3px solid;
}
.nav-top li:hover:nth-child(8n+7), .nav-top li.active:nth-child(8n+7){
    border-bottom: #669AE1 3px solid;
}
.nav-top li:hover:nth-child(8n+8), .nav-top li.active:nth-child(8n+8){
    border-bottom: #62C2E4 3px solid;
}
.nav-top li:hover:nth-child(8n+1) i, .nav-top li.active:nth-child(8n+1) i{
    color: #C4E17F;
}
.nav-top li:hover:nth-child(8n+2) i, .nav-top li.active:nth-child(8n+2) i{
    color: #F7FDCA;
}
.nav-top li:hover:nth-child(8n+3) i, .nav-top li.active:nth-child(8n+3) i{
    color: #FECF71;
}
.nav-top li:hover:nth-child(8n+4) i, .nav-top li.active:nth-child(8n+4) i{
    color: #F0776C;
}
.nav-top li:hover:nth-child(8n+5) i, .nav-top li.active:nth-child(8n+5) i{
    color: #DB9DBE;
}
.nav-top li:hover:nth-child(8n+6) i, .nav-top li.active:nth-child(8n+6) i{
    color: #C49CDE;
}
.nav-top li:hover:nth-child(8n+7) i, .nav-top li.active:nth-child(8n+7) i{
    color: #669AE1;
}
.nav-top li:hover:nth-child(8n+8) i, .nav-top li.active:nth-child(8n+8) i{
    color: #62C2E4;
}
.navbar-toggle .icon-bar{
    color: #fff;
    background: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #a8bcce;
}
.nav-top .fw {
    width: 100px;
}
.nav-top li.active {
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.16));
}