  #footer, #push {
    height: 60px; /* .push must be the same height as .footer */
  }
  
  #footer{
      text-align: right;
  }
  
  #footer p {
    text-align: center;
    color: gray;
 
</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     background: #f5f5f5;
}

.tabbable.first-tab-active .tab-content
{
    border-top-right-radius: 0;
 </s> add   background: #F5F5F5; </s> remove #footer p {
 </s> add footer p { </s> remove #footer a:hover {
 </s> add footer a:hover { </s> remove #footer a {
  color: gray;
 </s> add footer a {
  color: gray !important;
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
  z-index: 10;
  height: 60px;
  width: 95%;
  margin: 0 2.5%;
  #footer, #push {
    height: 60px; /* .push must be the same height as .footer */
  }
  
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
  z-index: 10;
  height: 60px;
  width: 95%;
  margin: 0 2.5%;
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
  z-index: 10;
  height: 60px;
  width: 95%;
  margin: 0 2.5%;
  }
  
  #footer p {
    text-align: center;
    color: gray;
keep keep keep keep replace replace keep keep keep keep keep
 Fixed the issue with the non-draggable horizontal scrollbar 
rest_framework/static/rest_framework/css/bootstrap-tweaks.css