.navbar .nav > li > a {
    display: block;
    padding: 20px 15px;
    position: relative;
}

.navbar-inverse { 
    background-color: #fff;
    box-shadow: 0 2px 4px #ccc;
    -webkit-box-shadow: 0 2px 4px #ccc;
    -moz-box-shadow: 0 2px 4px #ccc;    
    border-bottom: 0;
}

.navbar-inverse .navbar-nav>li>a { color: #666}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #edf0f5;
    color: #188ae2;
}


.navbar-nav .dropdown-menu {
    padding: 0;
    border: 0;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider,
.dropdown-menu .divider {
    margin: 0;
    background-color: #e5e5e5;    
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #666;
    background-color: #fff;    
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
}


.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li.open>a{
 
    background-color: #edf0f5;
    color: #188ae2;    
}


.dropdown-submenu{
    position:relative;
}
.dropdown-submenu>.dropdown-menu{
    top:6px;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}



.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:15px;
    margin-right:-10px;
}

.dropdown-submenu:hover>a:after{
    border-left-color:#188ae2;
}
.dropdown-submenu.pull-left{
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}


.navbar-inverse .navbar-toggle {
    border-color: #00f;
    background-color: #188ae2;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #188ae2;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}

@media (max-width: 950px) {

 
    
    .navbar .nav > li > a {
        display: block;
        padding: 10px 15px;
        position: relative;
    }    
    .dropdown-menu {
        padding-left: 20px;
    }
}