@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto%20Slab:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Spectral+SC");
@import url("https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700");
body {
  background-color: #f8f8f8 !important; }

#login {
  background-color: #fff;
  width: 28em;
  min-width: 300px;
  margin: 100px auto;
  font-family: "Roboto", sans-serif;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 0; }
  #login .header h1 {
    margin-top: 0;
    font-size: 20px;
    padding: 12px 16px;
    height: auto;
    background-color: #009FE3;
    font-weight: 300; }
    #login .header h1 a {
      color: #fff; }
      #login .header h1 a:hover {
        text-decoration: none; }
  #login .content {
    padding: 20px 20px 10px; }
    #login .content .text {
      text-align: center;
      margin-top: 0; }
      #login .content .text h1, #login .content .text h2, #login .content .text h3, #login .content .text h4, #login .content .text h5, #login .content .text h6 {
        margin-top: 0; }
    #login .content label {
      padding-right: 0.5em;
      line-height: 2em;
      font-size: 1em;
      clear: both;
      color: #333;
      font-weight: 500;
      margin-bottom: 0; }
    #login .content input {
      clear: both;
      padding: 8px;
      width: 100%;
      border: 1px solid #ccc;
      border-radius: 4px; }
    #login .content .submit-button {
      background: #151515;
      padding: 10px 20px;
      border: none;
      border-radius: 2px;
      color: #fff;
      cursor: pointer;
      margin: 5px;
      line-height: 1; }
    #login .content .submit-form {
      text-align: center; }
    #login .content .form-field {
      margin-bottom: 10px; }

/*# sourceMappingURL=auth.css.map */