div.offline-notification {
  position: fixed;
  right: 10px;
  top: 60px;
  width: 304px;
  height: 1.2em;
  border: 2px solid rgb(185, 74, 72);
  z-index: 10000;
  background-color: white;
  vertical-align: middle;
  padding: 4px;
  font-weight: bold;
}
div.offline-posts-pending {
  position: fixed;
  right: 10px;
  top: calc(60px + 1.2em + 10px);
  width: 304px;
  height: calc(4em + 6px);
  border: 2px solid rgb(185, 74, 72);
  z-index: 10000;
  background-color: white;
  padding: 4px;
}
div.offline-posts-pending-message {
  margin-bottom: 6px;
}
div.offline-posts-pending button {
  display: inline-block;
}
div.offline-posts-pending span.posts-pending-number {
  font-weight: bold;
  font-style: italic;
  color: #4e6e8d;
}
div.offline-notification.not-offline,
div.offline-posts-pending.not-pending {
  display: none;
}