body {
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.small {
  font-size: 10pt;
}

.smaller {
  font-size: 9pt;
}

.smallest {
  font-size: 8pt;
}

.big {
  font-size: 12pt;
}

.bigger {
  font-size: 14pt;
}

.biggest {
  font-size: 16pt;
}

.smallcaps {
  font-variant: small-caps;
}

.bold {
  font-weight: bold;
}

.align-left {
  text-align: left;
}

.text-nowrap, .nowrap {
  white-space: nowrap;
}

.align-right {
  text-align: left;
}

.align-center, .center {
  text-align: center
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

/* The codebase-wide "render it, but start it hidden and let JS reveal it" marker -- see the ~45
   'class' => '... hide ...' call sites across Presentation/. Bootstrap 5 dropped .hide (it was a
   Bootstrap 3 class; the BS5 utility is .d-none), so without this rule every one of them is inert
   and any hidden element that happens to have a background paints anyway. Same definition as
   libs/persistence/css/persistence.css and example.com's template default.css, which is why the
   convention worked everywhere except pages that load neither. No !important: jQuery .show()'s
   inline display has to be able to win when a widget reveals the element. */
.hide {
  display: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}


ol li {
  padding-bottom: 6px;
}

.text-underline-hover {
  text-decoration: none;
}

.text-underline-hover:hover {
  text-decoration: underline;
}

/* extra large Devices */
@media only screen and (min-width: 2000px) {
}

/* extra large Devices */
@media only screen and (min-width: 1730px) {
}

@media only screen and (min-width: 1366px) {
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1366px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 560px) {
}