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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm9mZmxpbmUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsMEJBQTBCO0VBQzFCLGdCQUFnQjtFQUNoQixzRUFBc0U7RUFDdEUsaUJBQWlCO0VBQ2pCLFVBQVU7RUFDVixXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsY0FBYztFQUNkLHVCQUF1QjtFQUN2Qix1QkFBdUI7RUFDdkIsK0dBQStHO0VBQy9HLHFCQUFxQjtFQUNyQixjQUFjO0VBQ2QsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixpQkFBaUI7RUFDakIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLHFCQUFxQjtDQUN0Qjs7QUFFRDtFQUNFLHNCQUFzQjtDQUN2Qjs7QUFFRDtFQUNFLGVBQWU7RUFDZixxQkFBcUI7RUFDckIsZ0RBQWdEO0VBQ2hELDRCQUE0QjtFQUM1QixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSwwQkFBMEI7RUFDMUIsZ0RBQWdEO0VBQ2hELG1CQUFtQjtFQUNuQixxQkFBcUI7RUFDckIsbUJBQW1CO0VBQ25CLDBDQUEwQztDQUMzQzs7QUFFRDtFQUNFLFVBQVU7RUFDVixrQkFBa0I7Q0FDbkI7O0FBRUQ7O0VBRUUsdUJBQXVCO0VBQ3ZCLHNCQUFzQjtFQUN0QixVQUFVO0VBQ1YsaUJBQWlCO0VBQ2pCLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDs7RUFFRSxZQUFZO0VBQ1osZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixtQkFBbUI7Q0FDcEI7O0FBRUQ7O0VBRUUsdUJBQXVCO0VBQ3ZCLHVCQUF1QjtFQUN2QixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSxtQkFBbUI7Q0FDcEI7O0FBRUQsbUJBQW1CO0FBQ25CO0VBQ0UsaUJBQWlCO0VBQ2pCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLHVCQUF1QjtFQUN2QixVQUFVO0VBQ1YsbUJBQW1CO0VBQ25CLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsaUJBQWlCO0VBQ2pCLHNFQUFzRTtFQUN0RSxrQkFBa0I7RUFDbEIsb0JBQW9CO0VBQ3BCLGdCQUFnQjtFQUNoQixtQ0FBbUM7RUFDbkMsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsdUJBQXVCO0VBQ3ZCLGdCQUFnQjtDQUNqQjs7QUFFRDtFQUNFO0lBQ0UsY0FBYztJQUNkLDhCQUE4QjtJQUM5QixpQkFBaUI7R0FDbEI7O0VBRUQ7O0lBRUUsWUFBWTtHQUNiOztFQUVEO0lBQ0UsaUJBQWlCO0lBQ2pCLG9CQUFvQjtHQUNyQjs7RUFFRDtJQUNFLGdCQUFnQjtHQUNqQjtDQUNGIiwiZmlsZSI6Im9mZmxpbmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiYm9keSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZhZmE7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC1mYW1pbHk6IFwiUm9ib3RvXCIsIFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgbGluZS1oZWlnaHQ6IDEuNjtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG4ub2ZmbGluZS13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoNTIsIDU4LCA2NywgMC4xKSwgMCAycHggNXB4IHJnYmEoNTIsIDU4LCA2NywgMC4wOCksIDAgNXB4IDE1cHggcmdiYSg1MiwgNTgsIDY3LCAwLjA4KTtcbiAgbWFyZ2luOiAxNTBweCBhdXRvIDA7XG4gIHBhZGRpbmc6IDQwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogNjgwcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5vZmZsaW5lLWltYWdlIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nLWJvdHRvbTogMzBweDtcbn1cblxuLm9mZmxpbmUtaW1hZ2UgaW1nIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xufVxuXG4uc2l0ZS10aXRsZSB7XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBtYXJnaW46IDAgLTQwcHggNDBweDtcbiAgdGV4dC1zaGFkb3c6IDFweCAxcHggMCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIGJvcmRlci1sZWZ0OiA3cHggc29saWQgIzA2OTtcbiAgcGFkZGluZzogMCAzMHB4O1xufVxuXG4ub2ZmbGluZS1tZXNzYWdlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y0ZjRmNDtcbiAgdGV4dC1zaGFkb3c6IDFweCAxcHggMCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSk7XG4gIHBhZGRpbmc6IDMwcHggNDBweDtcbiAgbWFyZ2luOiAwIC00MHB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogMCAwIDJweCByZ2JhKDUyLCA1OCwgNjcsIDAuMSk7XG59XG5cbmZpZWxkc2V0IHtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAyNXB4IDAgMDtcbn1cblxuI2Zvcm0tbG9naW4tdXNlcm5hbWUsXG4jZm9ybS1sb2dpbi1wYXNzd29yZCB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogNDklO1xufVxuXG4jZm9ybS1sb2dpbi11c2VybmFtZSB7XG4gIHBhZGRpbmctcmlnaHQ6IDEwcHg7XG59XG5cbiNmb3JtLWxvZ2luLXBhc3N3b3JkIHtcbiAgcGFkZGluZy1sZWZ0OiAxMHB4O1xufVxuXG4jZm9ybS1sb2dpbi11c2VybmFtZSBsYWJlbCxcbiNmb3JtLWxvZ2luLXBhc3N3b3JkIGxhYmVsIHtcbiAgY29sb3I6ICM2NjY7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXdlaWdodDogNTAwO1xuICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbiNmb3JtLWxvZ2luLXVzZXJuYW1lIC5pbnB1dGJveCxcbiNmb3JtLWxvZ2luLXBhc3N3b3JkIC5pbnB1dGJveCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjY2M7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICBwYWRkaW5nOiAwIDEwcHg7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4jZm9ybS1sb2dpbi11c2VybmFtZSAuaW5wdXRib3g6Zm9jdXMsXG4jZm9ybS1sb2dpbi1wYXNzd29yZCAuaW5wdXRib3g6Zm9jdXMge1xuICBib3JkZXItY29sb3I6ICM2NjY7XG59XG5cbi8qIFN1Ym1pdCBidXR0b24gKi9cbiNzdWJtaXQtYnV0b24ge1xuICBtYXJnaW46IDIwcHggMCAwO1xuICB0ZXh0LWFsaWduOiByaWdodDtcbn1cblxuI3N1Ym1pdC1idXRvbiAuYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzMzMztcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGNvbG9yOiAjZmZmO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGZvbnQtZmFtaWx5OiBcIlJvYm90b1wiLCBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICBsZXR0ZXItc3BhY2luZzogMXB4O1xuICBwYWRkaW5nOiAwIDIwcHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4zNXM7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG59XG5cbiNzdWJtaXQtYnV0b24gLmJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwNjk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDc4MHB4KSB7XG4gIC5vZmZsaW5lLXdyYXBwZXIge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuXG4gICNmb3JtLWxvZ2luLXVzZXJuYW1lLFxuICAjZm9ybS1sb2dpbi1wYXNzd29yZCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAjZm9ybS1sb2dpbi11c2VybmFtZSB7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICB9XG5cbiAgI2Zvcm0tbG9naW4tcGFzc3dvcmQge1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgfVxufVxuIl19 */