@import "bootstrap";
@import "bootstrap-responsive";

$element_width: 280px;
$element_font_size: 16px;

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}
.new_user {
  max-width: 300px;
  padding: 19px 29px 29px;
  margin: 0 auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  h2, .checkbox {
    margin-bottom: 10px;
  }
  input[type="text"], input[type="email"], input[type="password"] {
    font-size: $element_font_size;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width: $element_width;
  }
  .btn {
    width: $element_width + 20;
  }
  .control-label {
    font-size: $element_font_size;
  }
}