body {
	background-color: #abc;
}

[data-bs-theme=dark] body {
	background-color: #001213;
}

.borderdist {
	border-radius: 4px;
	border: 1px solid gray;
	padding: 8px;
	margin: 8px;
	background-color: #eee;
}

[data-bs-theme=dark] .borderdist {
	background-color: #333;
}

.headerback {
	background-color: #eee;
	border-bottom: 1px solid silver;
}

[data-bs-theme=dark] .headerback {
	background-color: #333;
}

.rightaligned {
	right: 20px;
	position: absolute;
}

.rightpadding64 {
	margin-right: 64px;
}

.sidenote {
	font-style: italic;
}

.blockframe {
	border: 1px solid gray;
	padding: 4px;
	margin: 4px;
	border-radius: 4px;
}

.centeredalert {
	width: 400px;
	margin: auto;
}

.campbadge {
	border: 1px solid #222;
	color: #222;
}

[data-bs-theme=dark] .campbadge {
  border-color: silver;
  color: silver;
}

.full-size {
	width: 100% !important;
	max-width: inherit !important;
}

.tag {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg); /* Safari, Chrome */
  -moz-transform: rotate(270deg);    /* Firefox */
  -ms-transform: rotate(270deg);     /* IE 9 */
  -o-transform: rotate(270deg);      /* Opera */
  font-size: small;
  position: absolute;
  left: -16px;
  top: 24px;
  border-bottom: 1px dashed silver;
}

.tagbu {
  background: linear-gradient(to bottom, yellow, white);
}

[data-bs-theme=dark] .tagbu {
	background: none;
  color: yellow;
}

.tagju {
  background: linear-gradient(to bottom, lime, white);
}

[data-bs-theme=dark] .tagju {
	background: none;
  color: lime;
}

.tagfollow {
	padding-left: 20px;
}

.tagemphasize {
	font-weight: bolder;
	color: #ff4444;
}

.smallbadge {
	font-size: small;
}

[data-bs-theme=dark] .smallbadge {
	font-size: small;
}