    border-top: 5px solid #A30000;
    border-radius: 0px;
  }
  
  .navbar .navbar-inner .nav li, .navbar .navbar-inner .nav li a, .navbar .navbar-inner .brand:hover{
    color: white;
  }
  
  .nav-list > .active > a, .nav-list > .active > a:hover {
    background: #2c2c2c;
 
</s> remove .navbar .navbar-inner .dropdown-menu li a, .navbar .navbar-inner .dropdown-menu li{
 color: #A30000;
 </s> add .navbar .navbar-inner .dropdown-menu li a, .navbar .navbar-inner .dropdown-menu li {
  color: #A30000; </s> remove .navbar .navbar-inner{
 </s> add .navbar .navbar-inner { </s> remove     background: #f5f5f5;
 </s> add   background: #F5F5F5; </s> remove     margin-right: 0;
 </s> add   margin-right: 0;
.navbar .navbar-inner .nav li, .navbar .navbar-inner .nav li a, .navbar .navbar-inner .brand:hover {
    border-top: 5px solid #A30000;
    border-radius: 0px;
  }
  
.navbar .navbar-inner .nav li, .navbar .navbar-inner .nav li a, .navbar .navbar-inner .brand:hover {
    color: white;
  }
  
  .nav-list > .active > a, .nav-list > .active > a:hover {
    background: #2c2c2c;
keep keep keep keep replace keep keep keep keep keep
 Fixed the issue with the non-draggable horizontal scrollbar 
rest_framework/static/rest_framework/css/bootstrap-tweaks.css