#auth_box{
  font-family: 'Open Sans', sans-serif;
}

#auth_box .page-header,
#auth_box #bottom_part{
  display: none;
}

#auth_box .nav-tabs{
  margin-bottom: 20px;
}

#auth_box .nav-tabs > li > a{
  margin-right: 0;
  padding: 10px;
}

#auth_box input[type="text"],
#auth_box input[type="password"]{
  width: 100%;
}

#auth_box #edit-actions{
  float: right;
}

/* Responsive Breakpoints */
@media only screen and (min-width: 320px) and (max-width: 575.98px){
  #auth_box{
    width: 95%;
  }

  #auth_box .nav-tabs > li{
    float: none;
  }

  #auth_box .nav-tabs > li.active > a,
  #auth_box .nav-tabs > li.active > a:hover,
  #auth_box .nav-tabs > li.active > a:focus{
    border: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px){
  #auth_box{
    width: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px){
  #auth_box{
    width: 80%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px){
  #auth_box{
    width: 50%;
  }
}

@media only screen and (min-width: 1200px){
  #auth_box{
    width: 40%;
  }
}
