body {
  background-color: #fafafa;
  font-size: 16px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

.offline-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(52, 58, 67, 0.1), 0 2px 5px rgba(52, 58, 67, 0.08), 0 5px 15px rgba(52, 58, 67, 0.08);
  margin: 150px auto 0;
  padding: 40px;
  border-radius: 2px;
  width: 100%;
  max-width: 680px;
  box-sizing: border-box;
}

.offline-image {
  text-align: center;
  padding-bottom: 30px;
}
.offline-image img {
  display: inline-block;
}

.site-title {
  line-height: 1;
  margin: 0 -40px 40px;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
  border-left: 7px solid #069;
  padding: 0 30px;
}

.offline-message {
  background-color: #f4f4f4;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
  padding: 30px 40px;
  margin: 0 -40px 20px;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(52, 58, 67, 0.1);
}

fieldset {
  border: 0;
  padding: 25px 0 0;
}

#form-login-username,
#form-login-password {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  width: 49%;
}

#form-login-username {
  padding-right: 10px;
}

#form-login-password {
  padding-left: 10px;
}

#form-login-username label,
#form-login-password label {
  color: #666;
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
}

#form-login-username .inputbox,
#form-login-password .inputbox {
  border: 1px solid #ccc;
  box-sizing: border-box;
  line-height: 36px;
  padding: 0 10px;
  width: 100%;
}

#form-login-username .inputbox:focus,
#form-login-password .inputbox:focus {
  border-color: #666;
}

/* Submit button */
#submit-buton {
  margin: 20px 0 0;
  text-align: right;
}

#submit-buton .button {
  background-color: #333;
  border: 0;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 36px;
  letter-spacing: 1px;
  padding: 0 20px;
  transition: background-color 0.35s;
  text-transform: uppercase;
}

#submit-buton .button:hover {
  background-color: #069;
  cursor: pointer;
}

@media (max-width: 780px) {
  .offline-wrapper {
    margin-top: 0;
    background-color: transparent;
    box-shadow: none;
  }
  #form-login-username,
  #form-login-password {
    width: 100%;
  }
  #form-login-username {
    padding-right: 0;
    margin-bottom: 15px;
  }

  #form-login-password {
    padding-left: 0;
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm9mZmxpbmUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsMEJBQTBCO0VBQzFCLGdCQUFnQjtFQUNoQixzRUFBc0U7RUFDdEUsaUJBQWlCO0VBQ2pCLFVBQVU7RUFDVixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsY0FBYztFQUNkLHVCQUF1QjtFQUN2Qix1QkFBdUI7RUFDdkIsK0dBQStHO0VBQy9HLHFCQUFxQjtFQUNyQixjQUFjO0VBQ2QsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixpQkFBaUI7RUFDakIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLHFCQUFxQjtDQUN0QjtBQUNEO0VBQ0Usc0JBQXNCO0NBQ3ZCOztBQUVEO0VBQ0UsZUFBZTtFQUNmLHFCQUFxQjtFQUNyQiw2Q0FBNkM7RUFDN0MsNEJBQTRCO0VBQzVCLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFLDBCQUEwQjtFQUMxQiw2Q0FBNkM7RUFDN0MsbUJBQW1CO0VBQ25CLHFCQUFxQjtFQUNyQixtQkFBbUI7RUFDbkIsMENBQTBDO0NBQzNDOztBQUVEO0VBQ0UsVUFBVTtFQUNWLGtCQUFrQjtDQUNuQjs7QUFFRDs7RUFFRSx1QkFBdUI7RUFDdkIsc0JBQXNCO0VBQ3RCLFVBQVU7RUFDVixpQkFBaUI7RUFDakIsV0FBVztDQUNaOztBQUVEO0VBQ0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsbUJBQW1CO0NBQ3BCOztBQUVEOztFQUVFLFlBQVk7RUFDWixlQUFlO0VBQ2YsaUJBQWlCO0VBQ2pCLG1CQUFtQjtDQUNwQjs7QUFFRDs7RUFFRSx1QkFBdUI7RUFDdkIsdUJBQXVCO0VBQ3ZCLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsWUFBWTtDQUNiOztBQUVEOztFQUVFLG1CQUFtQjtDQUNwQjs7QUFFRCxtQkFBbUI7QUFDbkI7RUFDRSxpQkFBaUI7RUFDakIsa0JBQWtCO0NBQ25COztBQUVEO0VBQ0UsdUJBQXVCO0VBQ3ZCLFVBQVU7RUFDVixtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLHNCQUFzQjtFQUN0QixpQkFBaUI7RUFDakIscUVBQXFFO0VBQ3JFLGtCQUFrQjtFQUNsQixvQkFBb0I7RUFDcEIsZ0JBQWdCO0VBQ2hCLG1DQUFtQztFQUNuQywwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0U7SUFDRSxjQUFjO0lBQ2QsOEJBQThCO0lBQzlCLGlCQUFpQjtHQUNsQjtFQUNEOztJQUVFLFlBQVk7R0FDYjtFQUNEO0lBQ0UsaUJBQWlCO0lBQ2pCLG9CQUFvQjtHQUNyQjs7RUFFRDtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGIiwiZmlsZSI6Im9mZmxpbmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiYm9keSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC1mYW1pbHk6IFwiUm9ib3RvXCIsIFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgbGluZS1oZWlnaHQ6IDEuNjtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG4ub2ZmbGluZS13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoNTIsIDU4LCA2NywgMC4xKSwgMCAycHggNXB4IHJnYmEoNTIsIDU4LCA2NywgMC4wOCksIDAgNXB4IDE1cHggcmdiYSg1MiwgNTgsIDY3LCAwLjA4KTtcbiAgbWFyZ2luOiAxNTBweCBhdXRvIDA7XG4gIHBhZGRpbmc6IDQwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogNjgwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5vZmZsaW5lLWltYWdlIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nLWJvdHRvbTogMzBweDtcbn1cbi5vZmZsaW5lLWltYWdlIGltZyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cblxuLnNpdGUtdGl0bGUge1xuICBsaW5lLWhlaWdodDogMTtcbiAgbWFyZ2luOiAwIC00MHB4IDQwcHg7XG4gIHRleHQtc2hhZG93OiAxcHggMXB4IDAgcmdiYSgyNTUsMjU1LDI1NSwwLjUpO1xuICBib3JkZXItbGVmdDogN3B4IHNvbGlkICMwNjk7XG4gIHBhZGRpbmc6IDAgMzBweDtcbn1cblxuLm9mZmxpbmUtbWVzc2FnZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNGY0ZjQ7XG4gIHRleHQtc2hhZG93OiAxcHggMXB4IDAgcmdiYSgyNTUsMjU1LDI1NSwwLjUpO1xuICBwYWRkaW5nOiAzMHB4IDQwcHg7XG4gIG1hcmdpbjogMCAtNDBweCAyMHB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJveC1zaGFkb3c6IDAgMCAycHggcmdiYSg1MiwgNTgsIDY3LCAwLjEpO1xufVxuXG5maWVsZHNldCB7XG4gIGJvcmRlcjogMDtcbiAgcGFkZGluZzogMjVweCAwIDA7XG59XG5cbiNmb3JtLWxvZ2luLXVzZXJuYW1lLFxuI2Zvcm0tbG9naW4tcGFzc3dvcmQge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbjogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDQ5JTtcbn1cblxuI2Zvcm0tbG9naW4tdXNlcm5hbWUge1xuICBwYWRkaW5nLXJpZ2h0OiAxMHB4O1xufVxuXG4jZm9ybS1sb2dpbi1wYXNzd29yZCB7XG4gIHBhZGRpbmctbGVmdDogMTBweDtcbn1cblxuI2Zvcm0tbG9naW4tdXNlcm5hbWUgbGFiZWwsXG4jZm9ybS1sb2dpbi1wYXNzd29yZCBsYWJlbCB7XG4gIGNvbG9yOiAjNjY2O1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4jZm9ybS1sb2dpbi11c2VybmFtZSAuaW5wdXRib3gsXG4jZm9ybS1sb2dpbi1wYXNzd29yZCAuaW5wdXRib3gge1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBsaW5lLWhlaWdodDogMzZweDtcbiAgcGFkZGluZzogMCAxMHB4O1xuICB3aWR0aDogMTAwJTtcbn1cblxuI2Zvcm0tbG9naW4tdXNlcm5hbWUgLmlucHV0Ym94OmZvY3VzLFxuI2Zvcm0tbG9naW4tcGFzc3dvcmQgLmlucHV0Ym94OmZvY3VzIHtcbiAgYm9yZGVyLWNvbG9yOiAjNjY2O1xufVxuXG4vKiBTdWJtaXQgYnV0dG9uICovXG4jc3VibWl0LWJ1dG9uIHtcbiAgbWFyZ2luOiAyMHB4IDAgMDtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG5cbiNzdWJtaXQtYnV0b24gLmJ1dHRvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMzMzM7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBjb2xvcjogI2ZmZjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBmb250LXdlaWdodDogNjAwO1xuICBmb250LWZhbWlseTogXCJSb2JvdG9cIixcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICBsZXR0ZXItc3BhY2luZzogMXB4O1xuICBwYWRkaW5nOiAwIDIwcHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4zNXM7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG59XG5cbiNzdWJtaXQtYnV0b24gLmJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwNjk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDc4MHB4KSB7XG4gIC5vZmZsaW5lLXdyYXBwZXIge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuICAjZm9ybS1sb2dpbi11c2VybmFtZSxcbiAgI2Zvcm0tbG9naW4tcGFzc3dvcmQge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICNmb3JtLWxvZ2luLXVzZXJuYW1lIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIH1cblxuICAjZm9ybS1sb2dpbi1wYXNzd29yZCB7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICB9XG59Il19 */