  #footer{
      text-align: right;
  }
  
  #footer p {
    text-align: center;
    color: gray;
    border-top: 1px solid #DDD;
    padding-top: 10px;
  }
 
</s> remove #footer a {
  color: gray;
 </s> add footer a {
  color: gray !important; </s> remove #footer{
    text-align: right;
 </s> add footer {
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
  z-index: 10;
  height: 60px;
  width: 95%;
  margin: 0 2.5%; </s> remove #footer, #push {
  height: 60px; /* .push must be the same height as .footer */
 </s> add .tabbable.first-tab-active .tab-content {
  border-top-right-radius: 0; </s> remove #footer a:hover {
 </s> add footer a:hover { </s> remove .navbar .navbar-inner{
 </s> add .navbar .navbar-inner {
footer p {
  #footer{
      text-align: right;
  }
  
footer p {
    text-align: center;
    color: gray;
    border-top: 1px solid #DDD;
    padding-top: 10px;
  }
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