/* Structure */

html, body {
  width: 100%;
  height: 100%;
}

article {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

main {
  flex-grow: 1;
}

header, main, footer {
  flex-shrink: 0;
}

/* Grid */

.container-sm {
  max-width: 460px;
}

/* General */

.logo {
  height: 30px;
  width: auto;
}
div.login {
  width: 275px;
}
div.login img {
  width: 48%;
}
/* Remove direct p child margins because wysiwyg always adds a paragraph tag around user content. */
.custom-content > p {
  margin-bottom: 0;
}

/* Component */

/* Fix know issue with bootstrap tooltip placed on display inline, or inline-block elements */
.tooltip {
  pointer-events: none;
}