/* https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting */
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

* {
	box-sizing: border-box;
}

html {
	font-family: Arial;
	width: 100%;
	height: 100%;
	overflow: hidden auto;
	/* TODO: Re-enable once scroll-padding-top can be used without breaking typing in the search bar. */
	/*scroll-padding-top: 90px;*/
	scroll-padding-bottom: 20px;
}

body {
	margin: 0;
	background: rgb(238,237,234);
	width: 100%;
}

.noscroll {
	overflow: hidden;
	padding-right: 17px;
}

:target {
	scroll-margin-top: 90px; /* height of sticky header */
}

button {
	cursor: pointer;
}
button:disabled {
	cursor: default;
}

input:read-only {
	color: #444;
}

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

td {
	text-align: center;
}

h3 {
	font-size: 19px;
}
h4 {
	font-size: 17px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 13px;
}

#browser-warning {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px;
	font-size: 15px;
	background: #fff870;
	border-bottom: 2px solid #fca;
	z-index: 9999;
	height: 40px;
	line-height: 25px;
}
#browser-warning i {
	float: right;
	cursor: pointer;
}
.lw-issue-count {
	background: #d22;
	color: #fff;
	border-radius: 99px;
	padding: 1px 5px;
	float: right;
	font-size: 14px;
}
.lw-button {
	min-width: 100px;
	background: rgb(97,99,205);
	color: #fff;
	border-radius: 99px;
	border: none;
	outline: none;
	font-size: 15px;
	padding: 3px 5px;
	border: 2px solid transparent;
}
.lw-button.small {
	min-width: initial;
	font-size: 15px;
	padding: 0px 10px;
}
.lw-button:hover {
	/*background: rgb(121,123,229);*/
	box-shadow: inset 0 0 20px 20px rgba(255,255,255,0.25);
}
.lw-button:focus {
	border-color: rgba(255,255,255,0.5);
	box-shadow: inset 0 0 20px 20px rgba(0,0,0,0.15);
}
.lw-button:disabled {
	background: rgb(150,150,150) !important;
}

.header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 100;
	background: #fff;
	width: 100%;
	box-shadow: 0 0 8px rgba(0,0,0, 0.2);
	display: flex;
	flex-flow: row;
	padding-top: 5px;
	cursor: default;
}
.header.home {
	height: 120px;
	padding-top: 15px;
}
.header-inner {
	position: relative;
	flex: 1;
	display: flex;
	flex-flow: row;
	max-width: 1903px;
	min-width: 0;
}
.header-spacer {
	max-width: 40px;
	min-width: 0;
	flex: 1 1 auto;
}
.header-logo {
	margin-right: 20px;
}
.header-right {
	flex: 1;
	display: flex;
	flex-flow: column;
	min-width: 0;
}
.header-top {
	flex: 1;
	display: flex;
	flex-flow: row;
}
.header-content {
	flex: 1 1 auto;
	display: flex;
	flex-flow: column;
	min-width: 0;
	margin-right: 5px;
	overflow: hidden;
}
.header-default-path {
	margin-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header-title-main, .header-title {
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
}
.header-title-sub {
	margin-top: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header-title {
	flex: 1;
	margin-right: 10px;
	min-width: 0;
}
.header-title.default {
	overflow: hidden;
	text-overflow: ellipsis;
}
.header-tools {
	margin-top: 5px;
	white-space: nowrap;
	background: #fff;
}
#bh-edit-space {
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}
.header-links {
	white-space: nowrap;
	position: relative;
}
.header-links, .header-bottom {
	display: flex;
	flex-flow: row;
}
.header-links::after {
	content: "";
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 40px;
}
.header-bottom {
	margin-bottom: 5px;
}
.header-menus {
	flex: 1;
	font-weight: bold;
	color: #000;
	min-width: 0;
}
.header-extras {
	min-width: 0;
	background: #fff;
	position: relative;
}
.header-controls {
	background: #fff;
	position: relative;
	padding-left: 10px;
	padding-top: 7px;
}
.header-button-menu {
	position: relative;
	padding: 12px 20px 8px 20px;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.header-button-menu:hover, .header-button:hover {
	border-bottom: 2px solid rgb(121,123,229);
	color: rgb(31,49,142);
	background: rgb(238,237,234);
}
.header-button-menu.link {
	padding: 0;
}
.header-button-link {
	color: inherit;
	padding: 12px 20px 8px 20px;
	display: inline-block;
}
.header-button-link:hover {
	text-decoration: none;
}
.header-submenu {
	display: none;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 42px;
	white-space: nowrap;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0, 0.2);
	font-weight: normal;
}
.header-button-menu:hover > .header-submenu {
	display: block;
}
.header-submenu > a {
	display: block;
	color: rgb(31,49,142);
	padding: 10px 20px;
}
.header-submenu > a:hover {
	text-decoration: none;
	background: rgb(238,237,234);
}
.header-submenu > span {
	display: block;
	height: 2px;
	background: #ccc;
	margin: 3px 0px;
}
/*.header-menus span:hover > div::after {
	content: "";
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}*/
.header-menu-item-icon {
	font-size: 20px;
	border: 1px solid;
	border-radius: 99px;
	display: inline;
	margin-right: 6px;
	margin-left: -9px;
}
.header-button {
	padding: 12px 20px 8px 20px;
	display: inline-block;
	color: inherit;
}
.header-button:hover {
	color: rgb(31,49,142);
	background: rgb(238,237,234);
	text-decoration: none;
}
.header-tax-nav {
	white-space: nowrap;
}
.header-settings {
	display: inline-block;
}
#header-button-login, #header-button-logout {
	cursor: pointer;
	color: #669;
}
#header-button-login i {
	font-size: 18px;
	margin-left: 5px;
	float: right;
}
.header-user {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}
.header-user > i {
	font-size: 22px;
}
.header-user > span {
	vertical-align: top;
	display: inline-block;
	margin-top: 2px;
}
.header-user:hover {
	color: rgb(121,123,229);
}
.header-navmenu-icon {
	text-align: right;
	margin-left: 8px;
	position: relative;
	display: inline-block;
}
.header-navmenu {
	white-space: nowrap;
	line-height: initial;
	display: none;
	position: absolute;
	z-index: 1;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0, 0.2);
	text-align: left;
	min-width: 200px;
}
.header-navmenu::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: -10px -20px;
}
.header-navmenu.a {
	right: -10px;
	top: 24px;
}
.header-navmenu-parent:hover > .header-navmenu.a {
	display: block;
}
.header-navmenu-icon:hover > i {
	color: rgb(121,123,229);
}
.header-navmenu > * {
	position: relative;
	display: block;
	color: rgb(14,14,44);
	padding: 10px 20px;
}
.header-navmenu > *:hover {
	background: rgb(238,237,234);
	text-decoration: none;
}
.header-navmenu > span {
	display: block;
	height: 2px;
	margin: 3px 0px;
	padding: 0;
}
.header-navmenu > span, .header-navmenu > span:hover {
	background: #ccc;
}
.header-navmenu.b {
	right: 100%;
	top: 0;
}
.header-navmenu-subitem {
	border-bottom: 2px solid transparent;
}
.header-navmenu-subitem:hover {
	border-bottom: 2px solid rgb(121,123,229);
}
.header-navmenu-subitem:hover::before {
	content: "\e81c";
	font-family: "lw-icons";
	position: absolute;
	left: 2px;
	top: 11px;
	color: rgb(121,123,229);
}
.header-navmenu-subitem:hover .header-navmenu.b {
	display: block;
}
.header-tax-link {
	color: #fff;
	background: rgb(97,99,205);
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}
.header-tax-link:hover {
	text-decoration: none;
	background: rgb(73,75,197);
}
.header-tax-link.disabled {
	cursor: default;
	background: #bbb;
	color: #f0f0f0;
}
.header-tax-link.prev {
	border-top-left-radius: 99px;
	border-bottom-left-radius: 99px;
}
.header-tax-link.next {
	border-top-right-radius: 99px;
	border-bottom-right-radius: 99px;
	margin-right: 15px;
}
.header-tax-middle {
	color: #fff;
	background: rgb(97,99,205);
	display: inline-block;
	cursor: pointer;
	height: 24px;
	vertical-align: top;
}
.header-tax-middle:hover {
	background: rgb(73,75,197);
}
.header-tax-middle.disabled {
	cursor: default;
	background: #bbb;
	color: #f0f0f0;
}
.header-tax-middle i {
	transform: rotate(90deg);
}
.tax-nav-popup {
	background: #fff;
	padding: 0 5px 15px 5px;
	position: absolute;
	margin-left: -130px;
	margin-top: 20px;
}
.tax-nav-popup-anchor {
	background: #fff;
	position: absolute;
	z-index: -1;
	left: 130px;
	top: -11px;
	width: 24px;
	height: 24px;
	transform: rotate(45deg);
}
.tax-nav-popup-top {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 5px;
}
.tax-nav-popup-close {
	color: rgb(14,14,44);
}
.tax-nav-popup-bottom {
	color: #333;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 10px;
}
.tax-nav-popup-bottom i {
	font-size: 18px;
	margin-right: 5px;
	color: #555;
}
.tax-nav-popup-block {
	position: relative;
	display: inline-block;
	margin: 5px;
	vertical-align: top;
	padding-bottom: 5px;
}
.tax-nav-popup-block:hover {
	text-decoration: none;
}
.tax-nav-popup-block-inner {
	box-shadow: 0 0 5px #0004;
}
.tax-nav-popup-block.enabled:hover .tax-nav-popup-block-inner {
	margin: -2px;
	border: 2px solid rgb(160,161,225);
}
.tax-nav-popup-block-img {
	display: block;
	width: 150px;
	height: 100px;
}
div.tax-nav-popup-block-img {
	background: #ddd;
}
.tax-nav-popup-block-text {
	background: #fff;
	color: rgb(31,49,142);
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tax-nav-popup-block.disabled .tax-nav-popup-block-text {
	background: #eee;
}
.tax-nav-popup-block.enabled:hover .tax-nav-popup-block-text, .tax-nav-popup-block.self .tax-nav-popup-block-text {
	background: rgb(97,99,205);
	color: #fff;
}
.tax-nav-popup-block-line {
	background: rgb(160,161,225);
	height: 2px;
	width: 80px;
	position: absolute;
	bottom: 17px;
}
.tax-nav-popup-block-line.disabled {
	background: #ccc;
}
.tax-nav-popup-block-line.left {
	left: -5px;
}
.tax-nav-popup-block-line.right {
	left: 75px;
}
.tax-nav-popup-block-bead {
	position: relative;
	width: 26px;
	height: 26px;
	border-radius: 99px;
	border: 2px solid rgb(160,161,225);
	margin-top: 10px;
	margin-left: 62px;
	background: #fff;
}
.tax-nav-popup-block-bead.full {
	background: rgb(160,161,225);
}
.tax-nav-popup-block-bead i {
	color: rgb(160,161,225);
	margin-left: -1px;
	margin-top: -1px;
}
.tax-nav-popup-block.enabled:hover .tax-nav-popup-block-bead {
	background: rgb(97,99,205);
}
.tax-nav-popup-block.enabled:hover .tax-nav-popup-block-bead i {
	color: #fff;
}
.tax-nav-popup-block.disabled .tax-nav-popup-block-bead {
	border-color: #ccc;
}
.tax-nav-popup-block.disabled .tax-nav-popup-block-bead i {
	color: #ccc;
}
.header-tax-path {
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	direction: rtl;
	text-align: left;
	padding-right: 3px;
}
.header-tax-path > * {
	color: rgb(121,123,229);
}
.header-tax-path-sep {
	font-size: 17px;
}
.header-edit-link {
	margin-right: 10px;
	font-size: 14px;
}
.header-edit-link > i {
	font-size: 18px;
	color: #446;
}

#changes {
	min-width: fit-content;
}
.change {
	margin-top: 4px;
	margin-left: 15px;
	font-size: 15px;
	display: flex;
	background: #fff;
	padding: 2px 4px 1px 0px;
	border-radius: 8px;
}
.change:hover {
	background: #f8f8f8;
	outline: 1px solid #79d;
}
.change * {
	white-space: nowrap;
}
.change .sep {
	margin: 0 4px;
	color: #777;
}
.change > .body {
	white-space: normal;
	flex: 1;
}
.change > .body > .text, .change > .body > .text * {
	white-space: normal;
}
.change > .body > .title {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 400px;
	display: inline-block;
	vertical-align: top;
	padding-right: 3px;
	margin-right: -3px;
}
.change > .body > .title.Genus, .change > .body > .title.Species {
	font-style: italic;
}
.change > .time {
	flex-shrink: 0;
	display: inline-block;
	font-size: 14px;
	min-width: 90px;
	margin-right: 4px;
	text-align: right;
}
.change > .new {
	flex-shrink: 0;
	display: inline-block;
	width: 10px;
	margin-right: 4px;
}
.change > .rank {
	flex-shrink: 0;
	margin-right: 7px;
	margin-top: -1px;
	width: 95px;
	display: inline-block;
}
.change > .rank > span {
	background: rgb(255, 190, 193);
	text-transform: uppercase;
	padding: 2px 5px;
	border-radius: 4px;
	font-size: 12px;
}
.change > .rank > .species {
	background: rgb(192,229,223);
}
.change > .user {
	font-size: 14px;
	white-space: normal;
	text-align: right;
	color: #444;
}
.change > .user-spacer {
	min-width: 20px;
	text-align: right;
}
.change .lw-icon {
	display: none;
	font-size: 17px !important;
	color: #aaa;
}
.change:hover .lw-icon {
	display: block;
}
.change > .history-version {
	padding-left: 4px;
	font-size: 14px;
}
.change > .history-date {
	font-size: 14px;
}
.change > .missing {
	padding-left: 4px;
	color: #444;
	font-size: 14px;
}

.login-container {
	margin-top: 20px;
}
.login-section.password {
	margin-top: 10px;
}
.login-section.login {
	margin-top: 15px;
}
.login-label {
	color: rgb(14,14,44);
	margin-top: 5px;
}
#login-error-container {
	margin-top: 20px;
	visibility: collapse;
}
.login-error {
	padding: 5px;
	border-radius: 3px;
	color: rgb(235,87,87);
	display: inline-block;
	font-weight: bold;
}
#newuserpass-panel {
	display: none;
	margin-top: 15px;
}
.credential-input {
	width: 270px;
	background: #fff;
	border-radius: 99px;
	border: none;
	outline: none;
	padding: 5px 10px;
	border: 2px solid transparent;
}
.credential-input:read-only {
	background: #eee;
}
.credential-input:focus {
	border-color: rgb(31,49,142);
}
.credential-input:read-only:focus {
	border-color: rgb(49,49,49);
}
.usertable {
	border-collapse: collapse;
	font-size: 14px;
	background: #fff;
}
.usertable tbody tr:nth-child(even) {
	background: #f2f2f2;
}
.usertable th {
	background: #e8e8e8;
}
.usertable, .usertable th, .usertable td {
	border: 1px solid #999;
	padding: 2px 7px;
}
.usertable-user-name {
	text-align: left;
}
.usertable-user-name.self {
	font-weight: bold;
	position: relative;
}
.usertable-user-name.self::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #28f;
}
.usertable-user-state {
	padding: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #bbb;
	border: 1px solid #888;
}
.usertable-user-state.on {
	border-color: #1a3;
	background: #4f6;
}
.admin-container {
	background: #fff;
	padding: 1px 20px 20px 20px;
	margin-bottom: 20px;
}
.admin-state {
	cursor: default;
	border-radius: 5px;
	padding: 5px;
}
.admin-state.on {
	background: #afb;
	color: #142;
}
.admin-state.off {
	background: #fcb;
	color: #500;
	border: 1px solid #b00;
}

.lw-issue {
	margin: 6px 2px;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	display: flex;
	min-width: fit-content;
}
.lw-issue:hover {
	background: #f8f8f8;
	outline: 1px solid #79d;
}
.lw-issue > .time {
	background: #d1d1d1;
	color: #222;
	font-size: 14px;
	padding: 2px 4px;
	display: flex;
	align-items: center;
}
.lw-issue > .detail {
	padding: 2px 4px;
	font-size: 15px;
	margin-right: 10px;
	flex: 1;
}
.lw-issue > a {
	font-size: 14px;
	color: #249;
	border-radius: 99px;
	padding: 1px 4px;
	display: flex;
	align-items: center;
}
.lw-issue > .copy {
	margin: 2px;
	margin-left: 15px;
	margin-right: 5px;
	display: flex;
	align-items: center;
}
.lw-issue > .copy > span {
	font-size: 14px;
	color: #666;
	cursor: pointer;
}
.lw-issue > .copy > span:hover {
	text-decoration: underline;
}
.lw-issue > .copy-result {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 14px;
	padding: 2px 6px;
	border-radius: 16px;
	cursor: default;
	display: flex;
	align-items: center;
}
.lw-issue > .copy-result.ok {
	background: rgb(135 251 160);
	color: rgb(21 66 32);
}
.lw-issue > .copy-result.err {
	background: rgb(251 167 135);
	color: rgb(64 43 38);
}

.bh-block-inline {
	display: inline-block;
	margin: 4px;
}
.bh-block-default {
	margin-block-start: 16px;
	margin-block-end: 16px;
}
.bh-block-quote {
	margin-block-start: 16px;
	margin-block-end: 16px;
	border-left: 4px solid #6163cd;
	padding-left: 16px;
	padding-top: 32px;
	padding-bottom: 4px;
	position: relative;
	background: #f4f3ff;
	color: #160824;
}
.bh-block-quote::before {
	content: "“";
	font-size: 24px;
	color: #6163cd;
	position: absolute;
	top: 6px;
}

.bh-page-search-match {
	background: #ffc;
}
.bh-page-search-match.selected {
	background: #ff0;
}
.bh-page-search-outer {
	position: fixed;
	right: 40px;
	padding: 8px 16px;
	background: rgb(253,255,134);
	z-index: 99;
	box-shadow: 0 0 4px rgba(0,0,0, 0.4);
}
.bh-page-search-outer * {
	vertical-align: middle;
}
.bh-page-search-term {
	font-weight: bold;
	margin-right: 10px;
}
.bh-page-search-index {
	font-weight: bold;
}
.bh-page-search-button.prev {
	margin-left: 30px;
}
.bh-page-search-button.next {
	margin-left: 5px;
}
.bh-page-search-button.close {
	margin-left: 10px;
}
.bh-page-search-button {
	cursor: pointer;
}
.bh-page-search-button:hover {
	opacity: 1;
	background: #fff;
	border-radius: 100px;
}

.bh-author {
	color: #004988;
	margin: 0 2px;
	border-bottom: 1px dotted #004988;
}
.bh-author:hover {
	border-bottom-style: solid;
	text-decoration: none;
}
.bh-gallery {
	margin-block-start: 1em;
	margin-block-end: 1em;
}
.bh-section-texts {
	margin-top: 10px;
}
.bh-section-texts > div {
	margin-top: 5px;
	padding: 2px 4px;
	border: 1px solid transparent;
	border-radius: 5px;
	background: rgb(238,237,234);
	display: flex;
	flex-flow: row;
}
.bh-section-texts .bh-entry-text-selected {
	border: 1px solid #47aaff;
	background: #aad4ff !important;
}
.bh-section-texts > div:hover, .bh-section-texts .bh-entry-text-hover {
	border: 1px solid #47aaff;
	background: #f3f3ff;
}
.bh-section-texts > div > span {
	flex: 1;
}
.bh-entry-link {
	color: rgb(121,123,229);
	border-left: 1px solid #aaa;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 5px;
}
.bh-section-texts .bh-entry-link {
	display: flex;
	justify-content: center;
	flex-flow: column;
}
.missing-img {
	padding: 10px;
	width: 100%;
	height: 100%;
	background: rgb(230,230,230);
}
.missing-img-inner {
	padding: 15px;
	line-height: normal;
	text-align: center;
	background: #fff;
	color: rgb(25,25,31);
	width: 100%;
	height: 100%;
}
.missing-img-title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.missing-img-text {
	font-size: 16px;
	margin-top: 20px;
	white-space: normal;
}
.bh-small-img {
	cursor: pointer;
	position: relative;
	display: inline-block;
	line-height: 0;
	margin: 3px;
	width: 300px;
	height: 200px;
	background: #efefef;
	box-sizing: content-box;
	vertical-align: top;
}
.bh-small-img-selected {
	border: 2px solid #47aaff;
	margin: 1px;
}
.bh-small-img:hover, .bh-small-img-hover, .bh-small-img-selected {
	box-shadow: 0 0 3px 1px #1a77ff;
}
.bh-small-img > img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.bh-section {
	margin-top: 20px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
}
.bh-section-header-up {
	margin-left: 10px;
	opacity: 0.6;
	cursor: pointer;
	visibility: collapse;
	vertical-align: middle;
	margin-top: -3px;
}
.bh-section-header:hover .bh-section-header-up {
	visibility: visible;
}
.bh-section-header > a {
	color: rgb(31,49,142);
}
h3.bh-section-header {
	line-height: 1.3;
	margin-bottom: 10px;
	margin-top: 10px;
}
h3.bh-section-header:not(:first-of-type) {
	margin-top: 35px;
}

.bh-img-scrolldown {
	text-decoration: none;
	position: absolute;
	background: #fff;
	color: #000;
	border-radius: 5px;
	padding: 1px;
	top: 4px;
	left: 4px;
	display: none;
	opacity: 0.7;
	font-size: 20px;
	width: 22px;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
}
.bh-small-img:hover .bh-img-scrolldown {
	display: block;
}
.bh-img-scrolldown:hover {
	background: rgb(239,239,253);
	opacity: 1;
}

.bh-header-title {
	display: inline-block;
	font-size: 20px;
	margin-left: 20px;
	margin-top: 22px;
	vertical-align: top;
}
.bh-header-title, .bh-header-title:active, .bh-header-title:hover {
	color: #222;
	text-decoration: none;
}
.bh-header-maintenance {
	padding: 3px 5px;
	border-radius: 3px;
	background: #ffb6ae;
	color: #402820;
	margin-left: 100px;
	display: inline-block;
	vertical-align: top;
	margin-top: 19px;
}
.bh-search-fulltext {
	cursor: pointer;
	display: none;
	position: relative;
	padding: 2px 8px;
	margin-right: 4px;
	margin-top: 3px;
	vertical-align: top;
	color: rgb(25,25,31);
	background: rgb(239,239,253);
	box-shadow: 0 1px 5px rgba(0,0,0, 0.1);
}
.bh-search-fulltext-icon {
	margin-right: 5px;
	display: inline;
}
.bh-search-fulltext-close {
	margin-right: 5px;
	display: none;
}
.bh-search-fulltext-label {
	vertical-align: top;
	margin-top: 3px;
	display: inline-block;
}
.bh-search-fulltext:hover .bh-search-fulltext-icon {
	display: none;
}
.bh-search-fulltext:hover .bh-search-fulltext-close {
	display: inline;
}
.bh-search-fulltext::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	right: -5px;
	top: 10px;
	background: rgb(239,239,253);
}
.bh-search {
	display: inline-block;
	white-space: nowrap;
}
#bh-search-box {
	display: inline-block;
	position: relative;
}
#bh-search-clear {
	display: none;
	position: absolute;
	font-size: 18px;
	top: 8px;
	right: 35px;
	cursor: pointer;
	color: #889;
}
#bh-search-clear:hover {
	color: rgb(121,123,229);
}
.bh-search-icon-outer {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 33px;
	height: 30px;
	border-top-right-radius: 99px;
	border-bottom-right-radius: 99px;
}
.bh-search-icon {
	vertical-align: top;
}
.bh-search-icon.search {
	right: 7px;
	top: 6px;
	position: absolute;
	color: rgb(163,163,163);
	font-size: 20px;
}
.bh-search-icon.fulltext {
	margin-top: 7px;
	display: inline-block;
	color: rgb(163,163,163);
}
#bh-search-loader {
	position: absolute;
	top: 5px;
	right: 6px;
	width: 24px;
	height: 24px;
	overflow: hidden;
	pointer-events: none;
	color: #445;
}
#bh-search-input {
	width: 200px;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 50px;
	border-radius: 4px;
	background: rgb(238,237,234);
	border: none;
	border-radius: 20px;
	outline: none;
	box-shadow: inset 0px 2px 2px 0px rgba(0,0,0, 0.05);
	left: -2px;
	margin-top: 2px;
	margin-bottom: 2px;
	position: relative;
}
#bh-search-input:focus {
	left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 8px;
	border: 2px solid rgb(121,123,229);
	background: rgb(246 244 255);
	box-shadow: none;
}
#bh-search-input:focus ~ .bh-search-icon-outer {
	background: rgb(239,239,253);
}
#bh-search-input:focus ~ .bh-search-icon-outer .bh-search-icon.search {
	color: rgb(14,14,44);
}
#bh-search-input:focus ~ #bh-search-clear {
	color: #445;
}
#bh-search-input:not(:placeholder-shown) ~ #bh-search-clear {
	display: block;
}
#bh-search-results-box {
	text-align: left;
	padding: 10px 15px;
	background: #fff;
	color: #000;
	position: absolute;
	right: 0;
	z-index: 300;
	box-shadow: 0 0 5px rgba(0,0,0, 0.5);
	min-width: 250px;
	max-width: calc(100vw - 80px);
}
.bh-search-results-footer {
	height: 20px;
	white-space: nowrap;
	text-align: right;
	font-size: 15px;
	color: rgb(14,14,44);
	margin-top: 12px;
}
.bh-search-results-footer a {
	color: rgb(97,99,205);
}
.bh-search-results-footer span {
	margin-right: 50px;
}
.bh-search-results {
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 14px;
	max-height: 308px;
	padding-right: 20px;
	width: 100%;
}
.bh-search-results-item {
	margin-top: 4px;
	white-space: nowrap;
}
.bh-search-results-item-type {
	display: inline-block;
	padding: 1px 3px;
	border-radius: 4px;
	color: #000;
	margin-right: 5px;
	font-size: 12px;
	width: 100px;
	text-align: center;
	text-transform: uppercase;
	line-height: 16px;
}
#bh-search-box.invalid #bh-search-results-box::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.15;
	z-index: 1;
	pointer-events: none;
}
#bh-search-box.fulltext.invalid > .bh-search-icon-outer > #bh-search-button {
	color: #2040ff;
}
.bh-search-match-highlight {
	font-weight: bold;
	color: #226;
}

.bh-content-body {
	position: relative;
	min-height: calc(100vh - 74px);
	width: 100%;
	overflow-x: auto;
	/* TEMP */
	padding-bottom: 50px;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
}

.bh-footer {
	background: rgb(25,25,31);
	padding-bottom: 10px;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
	display: flex;
	flex-flow: row;
	position: relative;
	overflow: hidden;
}
.bh-footer-col-logo {
	padding-right: 20px;
	margin-top: -6px;
}
.bh-footer-logo-outer {
	background: #fff;
	line-height: 0;
	border-radius: 44px;
	padding: 4px;
	display: inline-block;
}
.bh-footer-logo {
	width: 80px;
}
.bh-footer-col-text {
	font-size: 14px;
	flex: 6;
	color: #b8b8b8;
}
.bh-footer-col-text a {
	color: #e8e8e8;
	white-space: nowrap;
}
.bh-footer-col-spacer {
	flex: 1;
}
.bh-footer-col-links > div {
	margin-bottom: 7px;
	font-size: 16px;
}
.bh-footer-col-links a {
	color: #ccc;
}

.home-col {
	flex: 1;
	display: flex;
	flex-flow: column;
}
.home-row {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin: -10px;
}
.home-row-1 > * {
	margin: 10px;
}
.home-row-2 {
	margin-top: 20px;
}
.home-row-2 > * {
	flex: 1;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
}
.home-row-2 > * > * {
	margin: 10px;
	min-width: 375px;
}
.home-cell {
	flex: 1;
	display: flex;
	flex-flow: row;
	background: #fff;
	color: #000;
	width: 100%;
	box-shadow: 0 0 8px rgba(0,0,0, 0.15);
}
a.home-cell:hover {
	text-decoration: none;
	box-shadow: 0 0 8px rgba(121,123,229, 0.7)
}
.home-cell-left {
	overflow: hidden;
	width: 125px;
	position: relative;
}
.home-cell-left img {
	position: absolute;
}
.home-cell-right {
	padding: 20px;
	flex: 1;
}
.home-cell-title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.home-cell-text {
	font-weight: bold;
}
.home-fora {
	flex: 2;
}
.home-fora-left img {
	left: -121px;
}
.home-button {
	padding: 10px 30px;
	border-radius: 99px;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	outline: none;
}
.home-button.block {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-width: 270px;
	max-width: 420px;
}
.home-button:hover {
	text-decoration: none;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
}
.home-button:focus {
	box-shadow: 0 0 5px rgba(0,0,0, 0.3);
}
.primary-button {
	background: rgb(97,99,205);
	color: #fff;
	border: 1px solid transparent;
}
.secondary-button {
	background: #fff;
	color: rgb(97,99,205);
	border: 2px solid rgb(97,99,205);
}
.tertiary-button {
	background: rgb(230,233,249);
	color: rgb(31,49,142);
	border: 1px solid transparent;
}
.primary-button:hover {
	background: rgb(73,75,197);
}
.secondary-button:hover {
	color: rgb(14,14,44);
	border-color: rgb(14,14,44);
}
.tertiary-button:hover {
	background: rgb(213,218,246);
	color: rgb(42,60,149);
}
.primary-button:focus {
	background: rgb(73,75,197);
	border-color: rgb(31,49,142);
}
.secondary-button:focus {
	color: rgb(14,14,44);
	border-color: rgb(31,49,142);
}
.tertiary-button:focus {
	background: rgb(213,218,246);
	color: rgb(31,49,142);
	border-color: rgb(31,49,142);
}
.home-wiki {
	flex: 3;
}
.home-wiki-left img {
	left: -20px;
	top: -18px;
	width: 181px;
}
.home-wiki-button {
	display: inline-block;
	width: 270px;
}
.home-wiki-button.secondary-button {
	margin-right: 10px;
	margin-bottom: 5px;
}
.home-lit-left img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.home-news-left img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.home-misc-left {
	min-height: 100px;
}
.home-misc-left img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.home-overview-block a {
	display: inline-block;
	background: #fff;
	margin-right: 9px;
	margin-left: 9px;
	margin-bottom: 23px;
	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2);
}
.home-overview-block a:hover {
	text-decoration: none;
	box-shadow: 0 0 5px 1px rgba(121,123,229, 1);
}
.home-overview-block .home-overview-cell-img {
	width: 234px;
	height: 156px;
}
.home-overview-block .home-overview-cell-text {
	text-align: center;
	color: rgb(31,49,142);
	font-weight: bold;
	padding: 8px 6px 4px 6px;
}
.home-overview-cell-sub {
	text-align: center;
	color: #4e4e4e;
	padding-bottom: 4px;
	font-size: 15px;
}
.home-block {
	margin-top: 30px;
}
.home-explore {
	background: #fff;
}
.home-explore-header {
	padding: 15px 0;
	text-align: center;
	color: rgb(31,49,142);
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.home-explore-strip {
	overflow-x: auto;
	white-space: nowrap;
	padding-bottom: 10px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.home-explore-strip-item {
	display: inline-block;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
	background: #fff;
	text-align: center;
	padding-bottom: 10px;
	margin-left: 10px;
	vertical-align: top;
	position: relative;
}
.home-explore-strip-item:hover {
	text-decoration: none;
	background: rgb(239,239,253);
	box-shadow: 0 0 5px rgba(0,0,0, 0.4);
}
.home-explore-strip-item:hover::after {
	content: "";
	z-index: 1;
	pointer-events: none;
	border: 2px solid rgb(121,123,229);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.home-explore-random {
	color: rgb(14,14,44);
	margin-left: 0;
}
.home-explore-random-text {
	font-weight: bold;
}
.home-explore-random-text-sub {
	font-size: 15px;
}
.home-explore-strip-item-img {
	display: inline-block;
	line-height: 0;
	width: 300px;
	height: 200px;
	position: relative;
}
.home-explore-strip-item-img img {
	max-height: 100%;
}
.home-explore-strip-item-rank {
	color: #000;
}
.home-explore-strip-item-name {
	font-weight: bold;
	color: rgb(31,49,142);
}
.home-explore-strip-item-name.species {
	margin-top: 10px;
	margin-bottom: 10px;
}
.home-newtaxa-left {
	display: inline-block;
	text-align: left;
	padding: 20px;
}
.home-newtaxa-title {
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
}
.home-newtaxa-link {
	display: block;
	margin-top: 10px;
}
.wiki-top {
	display: flex;
	flex-flow: row;
	margin-top: 0;
}
.wiki-top-left {
	flex: 1;
}
.wiki-top-left > * {
	margin-bottom: 20px;
}
.wiki-top-right {
	flex: 2.6;
	margin-left: 40px;
}
.wiki-main-left {
	width: 234px;
	position: relative;
	overflow: hidden;
}
.wiki-main-left img {
	position: absolute;
	min-height: 100%;
}
.wiki-main-right {
	display: flex;
	flex-flow: column;
	align-items: center;
}
.wiki-block {
	background: #fff;
	padding: 20px;
}
.wiki-section-title {
	color: rgb(31,49,142);
	font-weight: bold;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.wiki-image-block {
	margin-left: -9px;
	margin-right: -9px;
}
.wiki-list li {
	margin-top: 4px;
}
.wiki-list a {
	color: rgb(97,99,205);
}
.wiki-team {
	display: block;
	padding: 20px;
}
.wiki-team-title {
	font-weight: bold;
	margin-bottom: 10px;
}
.wiki-team-title img {
	width: 40px;
	height: 40px;
}
.wiki-team-title span {
	vertical-align: top;
	margin-top: 10px;
	display: inline-block;
	margin-left: 10px;
}

.bh-species-regions-countries {
	margin-right: 10px;
}
.bh-species-regions-countries, .bh-species-regions-continents {
	vertical-align: top;
	margin-top: 4px;
	display: inline-block;
}
#distribution-list {
	overflow-x: auto;
	max-height: 627px;
}
.bh-species-regions-continents {
	margin-right: 5px;
	margin-left: 30px;
}
.bh-species-region-table {
	display: flex;
	flex-flow: row;
	min-width: 70%;
	width: max-content;
}
.bh-species-regions-header {
	height: 33px;
	font-weight: bold;
}
.bh-regions-col > div {
	padding: 10px 5px;
}
.bh-regions-col.first {
	font-weight: bold;
	padding-right: 10px;
}
.bh-regions-col.dft > div {
	white-space: nowrap;
	padding-right: 20px;
}
.bh-regions-col.dft > div > div {
	padding: 2px 0px;
}
.bh-species-region-table * {
	text-align: left;
}
.bh-species-region-table .tax-continent {
	margin-left: 0;
}
.bh-region-table-country {
	margin-left: 7px;
	vertical-align: top;
	margin-top: 2px;
	display: inline-block;
	white-space: normal;
	max-width: 300px;
}
#distribution-map {
	position: relative;
	width: 100%;
}

#bh-image-popup {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	padding: 0;
	margin: 0;
	color: #000;
	z-index: 300;
	display: flex;
	flex-flow: row;
}
.bh-image-popup-left {
	padding: 10px 20px;
	display: flex;
	flex-flow: column;
	width: 300px;
	box-shadow: 0 0 6px #0004;
	z-index: 1;
}
.bh-image-popup-right {
	flex: 1;
	display: flex;
	flex-flow: column;
}
.bh-image-popup-bottom {
	flex: 0;
	padding: 10px 0px;
	padding-bottom: 10px;
	text-align: center;
}
.bh-image-popup-text-outer {
	color: rgb(25,25,31);
	background: rgb(238,237,234);
	padding: 7px;
}
#bh-image-popup-text {
	display: inline-block;
	text-align: left;
	min-height: 40px;
}
.bh-image-popup-nav {
	flex: 0;
	padding: 20px 5px;
	display: flex;
	flex-flow: row;
	background: rgb(238,237,234);
	position: relative;
}
.bh-image-popup-4 {
	flex: 1;
	position: relative;
	padding: 10px;
	background: rgb(25,25,31);
}
.bh-image-popup-5 {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.bh-image-popup-nav-side {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	z-index: 1;
	background-image: none;
}
.bh-image-popup-nav-side.hidden {
	display: none;
}
.bh-image-popup-nav-side div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: opacity 250ms;
	opacity: 0;
}
.bh-image-popup-nav-side.left div {
	background-image: linear-gradient(90deg, rgba(171,171,255, 0.2) 0%, transparent 100%);
}
.bh-image-popup-nav-side.right div {
	background-image: linear-gradient(270deg, rgba(171,171,255, 0.2) 0%, transparent 100%);
}
.bh-image-popup-nav-side.left {
	left: 0;
}
.bh-image-popup-nav-side.right {
	right: 0;
}
.bh-image-popup-nav-side:hover div {
	opacity: 1;
}
.bh-image-popup-nav-side i {
	color: rgba(255,255,255, 0.5);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.bh-image-popup-nav-side:hover i {
	color: rgb(151,151,255);
}
.bh-image-popup-name {
	margin-top: 10px;
	color: rgb(31,49,142);
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}
.bh-image-popup-author {
	margin-top: 10px;
	color: rgb(31,49,142);
	text-align: center;
}
#bh-image-popup-section-name {
	font-weight: bold;
	color: rgb(25,25,31);
	font-size: 18px;
}
.bh-image-popup-sections {
	margin-top: 10px;
	margin-bottom: 10px;
	flex: 1;
	min-height: 0;
	overflow: auto;
	overflow-x: hidden;
	padding-right: 3px;
}
.bh-image-popup-section-pill {
	background: rgb(238,237,234);
	border-radius: 99px;
	font-size: 15px;
	white-space: nowrap;
	box-shadow: inset 0 1px 5px rgba(0,0,0, 0.05);
	margin-top: 5px;
	cursor: pointer;
	display: block;
	padding: 4px 6px 3px 6px;
	border: 2px solid transparent;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bh-image-popup-section-pill.active {
	background: #fff;
	border-color: rgb(121,123,229);
	cursor: default;
}
.bh-image-popup-section-pill.active, .bh-image-popup-section-pill:hover {
	color: rgb(14,14,44);
}
.bh-image-popup-section-pill:hover {
	background: rgb(239,239,253);
}
.bh-image-popup-sections .tax-morph-text {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bh-image-popup-section-group {
	padding: 10px 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid rgb(179 179 179);
	border-radius: 8px;
}
.bh-image-popup-section-group .tax-morph-text {
	font-weight: normal;
}
.bh-image-popup-section-group-title {
	color: rgb(14,14,44);
	font-weight: bold;
	font-size: 15px;
	margin-left: 4px;
}
#bh-image-popup-a {
	position: absolute;
	line-height: 0;
}
#bh-image-popup.fullsize #bh-image-popup-a {
	left: 40px !important;
	top: 0 !important;
	width: auto !important;
	height: auto !important;
	right: 40px;
	bottom: 0;
	overflow: auto;
	background: #4e4d52;
}
#bh-image-popup-img {
	width: 100%;
	height: 100%;
}
#bh-image-popup.fullsize #bh-image-popup-img {
	width: auto;
	height: auto;
}
#bh-image-popup-scale {
	position: absolute;
	color: #000;
	background: #fff;
	opacity: 0.8;
	border-radius: 99px;
	padding: 3px 6px;
	padding-bottom: 0;
	right: 0;
	top: 0;
	margin: 2px;
	line-height: initial;
	font-size: 13px;
	cursor: default;
}
#bh-image-popup.fullsize #bh-image-popup-scale {
	display: none;
}
.bh-image-popup-loader {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.5s;
}
.bh-image-popup-loader-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #bbb;
	font-size: 32px;
	margin-left: -16px;
	margin-top: -16px;
}
#bh-image-popup-error {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
}
.bh-image-popup-nav-block {
	position: absolute;
	top: 0;
}
.bh-image-popup-nav-outer {
	cursor: pointer;
	display: inline-block;
	border-radius: 99px;
	outline: none;
	border: none;
	background: #fff;
	color: rgb(25,25,31);
	border: 1px solid rgb(25,25,31);
	padding: 0;
	line-height: 0;
	box-shadow: 0 0 3px 1px rgba(0,0,0, 0.2);
}
.bh-image-popup-nav-outer:hover:not([disabled]) {
	background: rgb(216,209,255);
}
.bh-image-popup-nav-outer[disabled] {
	color: #777;
	border-color: #777;
}
.bh-image-popup-nav-back {
	background: rgb(25,25,31);
	color: #fff;
	border-radius: 99px;
	text-align: center;
	margin-bottom: 40px;
	font-size: 15px;
	padding: 3px 15px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.bh-image-popup-nav-back:hover {
	background: rgb(40,40,60);
}
.bh-image-popup-nav-back i {
	font-size: 16px;
	margin-right: 6px;
}
.bh-image-popup-nav-close {
	position: absolute;
	right: 8px;
	top: 8px;
	color: #ddd;
	z-index: 2;
}
#bh-image-popup-nav-full {
	position: absolute;
	right: 8px;
	bottom: 8px;
	color: #ddd;
	border: 1px solid #fff;
	border-radius: 99px;
	line-height: 0;
	z-index: 2;
}
#bh-image-popup-nav-full i {
	font-size: 19px;
}
#bh-image-popup-nav-next {
	margin-left: 10px;
}
#bh-image-popup-count {
	color: #000;
	padding: 1px 2px;
	margin: 2px;
	font-size: 14px;
	white-space: nowrap;
}

.bh-species-notes {
	margin-bottom: 15px;
	background: #fff;
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 1px;
}
.bh-species-header {
	margin-bottom: 10px;
}
.bh-species-header-strip {
	margin-bottom: 4px;
}
.bh-species-header-strip-item {
	padding: 6px 16px;
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
	cursor: pointer;
	color: rgb(70,70,70);
	box-shadow: 0 0 6px 1px rgba(0,0,0, 0.15);
	height: 42px;
	border: 2px solid transparent;
}
.bh-species-header-strip-item:not(:first-of-type) {
	margin-left: 4px;
}
.bh-species-header-strip-item:hover {
	background: rgb(230,233,249);
}
.bh-species-header-strip-item, .bh-species-header-strip-item.active {
	background: #fff;
}
.bh-species-header-strip-item.active {
	color: rgb(31,49,142);
	border-color: rgb(121,123,229);
	cursor: default;
}
.bh-species-header-strip-item.grayed {
	opacity: 0.6;
}
.bh-species-header-strip-text {
	margin-top: 4px;
	display: inline-block;
}
.bh-species-header-strip-option {
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	color: #556;
	margin-left: 10px;
	border-radius: 99px;
	padding: 3px;
	margin-top: -1px;
	vertical-align: top;
}
.bh-species-header-strip-option i {
	vertical-align: top;
	font-size: 21px;
}
.bh-species-header-strip-option:hover {
	background: rgb(216,209,255);
	color: rgb(14,14,44);
}
.bh-species-header-strip-option.active {
	color: rgb(121,123,229);
	background: rgb(230,233,249);
	cursor: default;
}
.bh-species-header-details {
	background: #fff;
	padding: 10px;
	box-shadow: 0 1px 6px rgba(0,0,0, 0.15);
}
.bh-species-map-button {
	cursor: pointer;
	background: rgb(250,250,250);
	color: #000;
	box-shadow: 0 0 5px rgba(0,0,0, 0.1);
	position: absolute;
	width: 22px;
	height: 22px;
	right: 22px;
	text-align: center;
	line-height: 24px;
	font-size: 20px;
}
.bh-species-map-button:hover {
	background: #ddd;
}
.bh-species-map-button:active {
	background: #feb;
}
.bh-species-map-button.zoom-in {
	top: 22px;
}
.bh-species-map-button.zoom-out {
	top: 44px;
}
.bh-species-map-button.show-eu {
	top: 76px;
	font-size: 14px;
}
.bh-species-map-button.show-world {
	top: 104px;
}
.bh-species-map-button.show-world i {
	font-size: 18px;
}
.map-legend {
	background: #fff;
	font-size: 14px;
	display: flex;
	flex-flow: row;
	overflow: auto;
}
.map-legend > div {
	flex: 1;
}
.map-legend-key {
	margin-right: 8px;
	white-space: nowrap;
	margin-top: 10px;
	position: relative;
}
.map-legend-key-img {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
	margin-top: 8px;
	width: 18px;
	height: 18px;
	border-radius: 99px;
	border: 1px solid #444;
}
.map-legend-key-desc {
	display: inline-block;
}

.bh-species-quick {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: -4px;
	margin-right: -4px;
}
.bh-species-quick-tile {
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
	width: 192px;
	position: relative;
}
.bh-species-quick-tile:hover {
	text-decoration: none;
	box-shadow: 0 0 5px rgba(121,123,229, 0.7);
	border: 2px solid rgb(121,123,229);
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	width: 196px;
}
.bh-species-quick-tile-top {
	position: relative;
	height: 128px;
	overflow: hidden;
	text-align: center;
	background: #f0f0f0;
}
.bh-species-quick-tile-top img {
	max-width: 100%;
	max-height: 100%;
	transform: translate(0px, -50%);
	top: 50%;
	position: relative;
}
.bh-species-quick-tile-bottom {
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 2px;
	color: rgb(121,123,229);
	font-size: 15px;
	font-weight: bold;
}
.bh-species-quick-pills {
	margin-left: 10px;
	margin-bottom: -5px;
}
.bh-species-quick-pill {
	margin-left: 10px;
	display: inline-block;
	background: #fff;
	color: rgb(121,123,229);
	border-radius: 99px;
	padding: 8px 15px;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}
.bh-species-quick-pill:hover {
	text-decoration: none;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
	background: rgb(230,233,249);
}

#bh-species-context-indicator {
	display: none;
	margin-right: 14px;
	position: relative;
}
.bh-species-context-pill {
	position: absolute;
	right: -3px;
	top: -3px;
	height: 30px;
	background: #f4f4f4;
	left: -91px;
	z-index: -1;
	border-radius: 99px;
	border: 1px solid #eee;
}
#bh-species-context-indicator > i {
	color: #989898;
}
#bh-species-context-indicator:hover > i {
	color: rgb(121,123,229);
}
#bh-species-context-menu::before, #bh-species-context-menu::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	left: 78px;
	top: 2px;
	transform: rotate(45deg);
}
#bh-species-context-menu::before {
	box-shadow: 0 0 5px rgba(0,0,0, 0.5);
	z-index: -1;
}
#bh-species-context-menu::after {
	background: rgb(239,239,253);
}
#bh-species-context-menu {
	display: none;
	position: absolute;
	left: -72px;
	top: 23px;
	max-width: 500px;
	padding-top: 8px;
	font-size: 16px;
	font-weight: normal;
}
#bh-species-context-menu > div {
	background: rgb(239,239,253);
	padding: 10px 13px;
	box-shadow: 0 0 5px rgba(0,0,0, 0.4);
	min-width: 200px;
}
#bh-species-context-indicator:hover #bh-species-context-menu {
	display: block;
}
.bh-species-krcode, .bh-tax-krcode {
	white-space: nowrap;
	background: #fff;
	color: rgb(14,14,44);
	border: 1px solid rgb(14,14,44);
	padding: 1px 3px 0px 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
}
.bh-species-krcode {
	vertical-align: top;
	margin-right: 5px;
}
.bh-tax-krcode {
	margin-top: -2px;
}
#bh-tax-taxa {
	margin-left: -5px;
	margin-right: -11px;
}
.bh-tax-name, .bh-species-name {
	font-weight: bold;
	white-space: nowrap;
	font-size: 18px;
	color: #000;
}
.bh-species-name {
	font-style: italic;
}
.bh-tax-author {
	font-size: 15px;
	white-space: nowrap;
	margin-left: 4px;
	margin-right: 10px;
}
.bh-tax-header {
	color: #333;
	display: flex;
}
.bh-tax-header-wrap {
	min-width: 0;
	padding-top: 3px;
	white-space: normal;
}
.bh-tax-header-wrap > * {
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	vertical-align: top;
}
.bh-tax-rank {
	/*margin-right: 5px;*/
	font-size: 18px;
	font-weight: normal;
}
.bh-tax-trivialnames {
	font-size: 15px;
	font-weight: normal;
}
.bh-tax-synonym {
	color: #555;
	font-size: 15px;
	font-weight: normal;
}
.bh-tax-count-pill {
	margin-left: 10px;
	margin-right: 4px;
	font-size: 14px;
	font-weight: normal;
	background: rgb(192,229,223);
	color: rgb(14,14,44);
	border-radius: 99px;
	padding: 1px 6px;
	cursor: default;
	display: inline-block;
}
.bh-species-note {
	margin-bottom: 5px;
	display: flex;
	flex-flow: row;
}
.bh-species-note > span {
	padding: 2px;
	font-size: 15px;
}
.bh-species-note.protection > span {
	color: rgb(235,87,87);
	font-weight: bold;
}
.bh-species-note.warning > span {
	color: #b95e00;
}
.bh-species-note.info > span {
	color: rgb(31,49,142);
}
.bh-species-note > span::before {
	line-height: 0;
	font-size: 20px;
	margin-right: 5px;
}
.bh-species-note.protection > .bh-species-note-icon::before {
	content: "\26A0";
}
.bh-species-note.warning > .bh-species-note-icon::before {
	content: "\26A0";
}
.bh-species-note.info > .bh-species-note-icon::before {
	content: "\1F6C8";
}

.bh-toc-line {
	display: flex;
	flex-flow: row;
}
.bh-toc-parent {
	flex-shrink: 0;
}
#bh-toc {
	border: 1px solid #c8c8c8;
	display: inline-block;
	vertical-align: top;
	position: relative;
	cursor: default;
	white-space: nowrap;
}
.bh-toc-text {
	font-size: 13px;
	font-weight: bold;
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 5px 7px;
	padding-left: 15px;
	padding-right: 20px;
}
.bh-toc-text > i:first-of-type {
	vertical-align: top;
	color: #556;
}
#bh-toc:hover .bh-toc-text > i:first-of-type {
	color: inherit;
}
.bh-toc-text > span {
	margin-left: 5px;
	margin-top: 6px;
	display: inline-block;
}
#bh-toc.fixed {
	border-color: transparent;
	height: 36px;
}
#bh-toc.fixed .bh-toc-text {
	border-radius: 99px;
	position: fixed;
	left: 0;
	padding: 2px;
	margin-left: 6px;
	margin-top: 6px;
	box-shadow: 0 0 5px rgba(0,0,0, 0.15);
}
#bh-toc.fixed .bh-toc-text > span {
	display: none;
}
#bh-toc.fixed .bh-toc-box {
	position: fixed;
	margin-top: -1px;
	margin-left: 1px;
	padding-left: 60px;
	padding-top: 15px;
	overflow: auto;
}
.bh-toc-box {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #c8c8c8;
	left: -1px;
	top: -1px;
	z-index: 1;
	white-space: nowrap;
	padding: 30px;
	padding-top: 40px;
	padding-bottom: 20px;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
}
.bh-toc-top-link {
	display: none;
	left: -8px;
	top: 44px;
	position: absolute;
	color: #666;
	opacity: 1;
	visibility: visible;
	background: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	border-radius: 99px;
}
.bh-toc-top-link:hover {
	color: rgb(121,123,229);
}
#bh-toc.fixed:hover .bh-toc-top-link {
	display: block;
}
#bh-toc:hover {
	color: rgb(121,123,229);
}
#bh-toc:hover .bh-toc-box {
	display: block;
}
.bh-toc-section {
	margin-top: 5px;
}
.bh-toc-section-num {
	color: #444;
	margin-right: 7px;
}

.page-footer {
	padding: 5px;
	color: #444;
	font-size: 14px;
	margin-left: -25px;
	margin-right: -25px;
}
.page-footer-line {
	height: 1px;
	background: #bbb;
	margin-top: 35px;
	margin-bottom: 10px;
}
.footer-taxon-id {
	font-size: 13px;
	float: right;
}
#tax-guid {
	cursor: default;
}

.bh-regions-header {
	padding: 5px;
	background: #fff;
	margin-bottom: 10px;
}
.bh-regions-region-line {
	padding: 5px;
	padding-right: 50px;
	background: #fff;
	position: relative;
	border-radius: 5px;
}
.bh-regions-region-line.clickable {
	cursor: pointer;
}
.bh-regions-region-line.clickable:hover {
	background: #fff0b0;
}
.bh-regions-subregions-outer {
	position: relative;
	padding-left: 15px;
}
.bh-regions-subregions-left {
	position: absolute;
	height: calc(100% - 5px);
	width: 12px;
	left: 0px;
	border-right: 1px solid #000;
}
.bh-regions-region-expand {
	display: inline-block;
	width: 25px;
}
.bh-regions-region-expand > i {
	font-size: 20px;
	color: #888;
}
.bh-regions-region-expand > i:hover {
	color: #08f;
	background: #fff;
	border-radius: 99px;
}
.bh-regions-region-id {
	margin-right: 10px;
	display: inline-block;
	min-width: 55px;
}
.bh-regions-region-img-inner {
	margin-right: 5px;
	margin: 3px;
	vertical-align: middle;
}
.bh-regions-region-img-outer {
	display: inline-block;
	width: 30px;
	margin-right: 10px;
	line-height: 0;
}
.bh-regions-region-text {
	font-weight: bold;
}
.bh-regions-region-extra {
	margin-left: 10px;
	color: #444;
	font-size: 13px;
}
.bh-regions-region-warning {
	position: absolute;
	top: 3px;
	right: 34px;
	color: #d40;
	font-size: 18px;
}
.bh-regions-region-warning::before {
	content: "\26A0";
}
.bh-regions-region-delete {
	position: absolute;
	top: 6px;
	right: 4px;
	font-size: 18px;
	color: #bbb;
}
.bh-regions-region-line.clickable:hover .bh-regions-region-delete {
	color: #555;
}
.bh-regions-region-delete:hover {
	color: #c20 !important;
}
.bh-regions-popup-lines > div {
	margin-bottom: 5px;
}
.bh-regions-popup-lines > div > span:first-of-type {
	display: inline-block;
	min-width: 100px;
}
.bh-regions-popup-examples {
	margin-top: 10px;
	font-size: 15px;
	color: #333;
}
.bh-regions-popup-examples > div {
	margin-top: 5px;
}
.bh-regions-popup-save {
	min-width: 100px;
	float: right;
}

.bh-tax-info-box {
	margin-top: 20px;
	padding: 1px 15px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
}
.tax-header, .tax-header a {
	color: rgb(31,49,142);
}
.bh-tax-field-right i {
	vertical-align: middle;
	margin-bottom: 3px;
	margin-left: 5px;
	visibility: collapse;
	opacity: 0.7;
}
.bh-tax-field-right:hover {
	background: #ffffe0;
	padding: 5px 0px;
	border-radius: 5px;
}
.bh-tax-field-right:hover i {
	visibility: visible;
}
.tax-region-flag {
	position: relative;
	display: inline-block;
	margin-right: 1px;
	margin-left: 1px;
	line-height: 0;
	border: 1px solid #606060;
	border-radius: 99px;
	vertical-align: top;
}
.tax-region-flag:hover {
	border-color: #6ac;
}
.tax-region-flag img {
	border: 2px solid #fff;
	display: inline-block;
	border-radius: 99px;
	width: 21px;
	height: 21px;
}
.tax-region-flag:hover img {
	border-color: #9df;
}
.tax-region-flag-inner {
	background: rgba(255,255,255, 0.6);
	color: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	text-align: center;
	pointer-events: none;
	line-height: 22px;
	border-radius: 99px;
	text-shadow: 0 0 2px #fff;
	font-weight: bold;
}
.tax-region-flag-inner.none {
	background: rgba(255,255,255, 0.85);
}
.tax-region-flag-inner.lost {
	padding-right: 0.5px;
	font-size: 15px;
}
.tax-region-flag-sub {
	width: 21px;
	height: 21px;
	display: inline-block;
	border: 1px solid #606060;
	border-radius: 99px;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	padding-top: 1px;
	cursor: default;
	position: relative;
}
.tax-region-flag-sub:hover {
	background: #9df;
}
.tax-region-flag-sub i {
	background: rgb(62,185,163);
	border-radius: 99px;
	width: 9px;
	height: 9px;
	display: block;
	margin-left: 5px;
	margin-top: 4px;
}
.tax-region-table-sub {
	padding: 5px 0px 5px 33px;
	font-size: 15px;
	display: none;
}
.tax-region-table-sub > div {
	margin-bottom: 5px;
}
.tax-additional-regions {
	display: inline-block;
	width: 47px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 20px;
	padding: 1px 4px;
	color: rgb(121,123,229);
	vertical-align: top;
	text-align: center;
	cursor: default;
	font-size: 16px;
}
.tax-additional-regions.visible {
	background: #fff;
	border: 1px solid rgb(121,123,229);
}
.tax-continent {
	color: #fff;
	border-radius: 20px;
	margin-left: 8px;
	font-size: 15px;
	font-weight: normal;
	padding: 2px 13px;
	display: inline-block;
	vertical-align: top;
	cursor: default;
}
.tax-continent.clickable {
	cursor: pointer;
}
.tax-continent.clickable:hover {
	filter: brightness(1.15);
	text-decoration: underline;
}
.tax-synonym-pill {
	color: #fff;
	background: #b3b3b3;
	font-size: 15px;
	padding: 1px 5px;
	border-radius: 99px;
	display: inline-block;
	cursor: default;
}
.bh-tax-list-item {
	white-space: nowrap;
}
.bh-tax-line-link {
	display: inline-flex;
	flex-flow: row;
	align-items: baseline;
	min-width: 700px;
	margin-right: 10px;
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.bh-tax-krcode-outer {
	align-self: center;
	display: flex;
	min-width: 103px;
}
.bh-species-name-outer {
	color: rgb(31,49,142);
	font-size: 16px;
}
.bh-tax-line-link:hover {
	text-decoration: none;
}
.bh-tax-line-link:hover .bh-species-name-outer {
	color: rgb(82,51,255);
}
.bh-tax-line-link:hover .bh-species-name-outer i {
	text-decoration: underline;
}
.bh-species-name-outer i {
	font-weight: bold;
}
.bh-species-trivial {
	color: rgb(70,70,80);
	margin-top: 2px;
}
.bh-tax-line-link:hover .bh-species-trivial {
	color: rgb(82,51,255);
}
.bh-tax-controls {
	position: relative;
}
.bh-tax-controls-inner {
	margin-bottom: 15px;
}
.bh-tax-controls-box, .bh-tax-context {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 8px rgba(0,0,0, 0.2);
	margin-bottom: 10px;
}
.bh-tax-controls-box {
	min-width: fit-content;
}
.bh-tax-context {
	padding-top: 1px;
	padding-bottom: 15px;
}
.bh-tax-siblings {
	white-space: nowrap;
	overflow-x: auto;
	position: relative;
}
.bh-tax-title {
	font-weight: bold;
	margin-bottom: 5px;
}
.bh-tax-children-header, .bh-subtax-header {
	color: rgb(31,49,142);
}
.bh-subtax-header {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 16px;
}
.bh-tax-line {
	margin-top: 6px;
	white-space: nowrap;
	display: flex;
	align-items: center;
}
.bh-tax-line:hover {
	background: #f8f8f8;
}
.taxlist-indent-1 {
	margin-left: 20px;
}
.taxlist-indent-2 {
	margin-left: 40px;
}
.taxlist-high-1 {
	margin-top: 35px;
}
.bh-tax-controls-bottom {
	min-height: 30px;
}
.subtaxa-switch {
	position: relative;
	cursor: pointer;
}
.subtaxa-switch:hover {
	text-decoration: none;
}
.subtaxa-switch-track {
	background: rgb(130,130,130);
	display: inline-block;
	height: 6px;
	width: 22px;
	border-radius: 10px;
	vertical-align: top;
	position: absolute;
	top: 4px;
}
.subtaxa-switch-knob {
	background: #fff;
	position: absolute;
	display: block;
	left: 0;
	top: 1px;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	box-shadow: 0 0 4px 1px rgba(0,0,0, 0.3);
}
.subtaxa-text {
	color: rgb(140,140,140);
	font-size: 15px;
	margin-left: 30px;
}
.subtaxa-switch.active .subtaxa-switch-track {
	background: rgb(171,171,221);
}
.subtaxa-switch.active .subtaxa-switch-knob {
	left: 11px;
	background: rgb(97,99,205);
}
.subtaxa-switch.active .subtaxa-text {
	color: rgb(121,123,229);
}
.subtaxa-switch.active:hover .subtaxa-switch-knob {
	background: rgb(73,75,197);
}
.subtaxa-switch:hover .subtaxa-text {
	color: rgb(100,100,100);
}
.subtaxa-switch.active:hover .subtaxa-text {
	color: rgb(73,75,197);
}
.bh-tax-switch {
	position: relative;
	background: #fff;
	border-radius: 15px;
	height: 30px;
	display: inline-block;
}
.bh-tax-switch:hover {
	background: rgb(200,210,245);
}
.bh-tax-switch-mode {
	display: inline-block;
	padding-top: 2px;
	cursor: pointer;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: rgb(97,99,205);
}
.bh-tax-switch-mode.active {
	cursor: default;
	box-shadow: 0 0 2px 1px rgba(0,0,0, 0.3);
	background: rgb(97,99,205);
	color: #fff;
}
.bh-tax-switch:hover .bh-tax-switch-mode.active {
	background: rgb(73,75,197);
}
.bh-tax-switch-mode i {
	font-size: 20px;
}
.bh-tax-menu-outer {
	position: relative;
	float: right;
}
.bh-tax-menu-outer > i {
	font-size: 18px;
	color: #888;
	margin-left: 10px;
	margin-bottom: 4px;
}
.bh-tax-menu-outer > div {
	display: none;
	position: absolute;
	right: 0;
	top: 22px;
	background: #fff;
	z-index: 1;
	box-shadow: 0 0 5px rgba(0,0,0, 0.3);
	width: 275px;
}
.bh-tax-menu-outer:hover > div {
	display: block;
}
.bh-tax-menu-outer:hover > i {
	color: rgb(97,99,205);
}
.bh-tax-menu-check-item {
	padding: 10px;
	cursor: pointer;
	background: #fff;
	color: rgb(14,14,44);
	display: flex;
	flex-flow: row;
}
.bh-tax-menu-check-item:hover {
	background: rgb(239,239,253);
}
.bh-tax-menu-check-item > * {
	align-self: center;
}
.bh-tax-menu-check-item > i {
	position: relative;
	font-size: 16px;
	margin-top: -2px;
}
.bh-tax-menu-check-item.small > i {
	font-size: 14px;
	margin-top: -3px;
}
.bh-tax-menu-check-item > i > i {
	display: none;
	font-size: inherit;
	position: absolute;
	left: 0;
	top: 0;
	color: rgb(62,185,163);
}
.bh-tax-menu-check-item.checked > i > i {
	display: inline-block;
}
.bh-tax-menu-check-item > span {
	margin-left: 10px;
}
.bh-tax-menu-check-item.small > span {
	margin-left: 7px;
}
.bh-tax-control-sep {
	height: 18px;
}
.bh-tax-edit-custom-region-set {
	vertical-align: top;
	font-size: 18px;
	margin-left: 8px;
	cursor: pointer;
	opacity: 0.7;
}
.bh-tax-edit-custom-region-set:hover {
	opacity: 1;
}
.bh-tax-regions-bar {
	display: flex;
	flex-flow: row;
	margin-top: 8px;
}
.bh-tax-regions-bar-right {
	flex: 1;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin-right: -4px;
	align-content: center;
}
.bh-tax-regions-bar-right > * {
	margin: 0 4px 4px 4px;
}
.bh-tax-regions-link {
	color: rgb(121,123,229);
	cursor: pointer;
	font-size: 15px;
}

.bh-tax-regions-bar-menu-toggle-outer {
	position: relative;
	display: inline-block;
}
.bh-tax-regions-bar-menu-toggle {
	border-radius: 99px;
	color: #555;
	display: inline-block;
	height: 23px;
	width: 23px;
	text-align: center;
	margin-right: 3px;
	margin-left: 5px;
	cursor: pointer;
}
.bh-tax-regions-bar-menu-toggle:hover {
	border-color: rgb(73,75,197);
	color: rgb(73,75,197);
	background: #f8f4ff;
}
.bh-tax-regions-bar-menu-toggle-outer.active > .bh-tax-regions-bar-menu-toggle {
	color: #fff;
	background: rgb(73,75,197);
}
.bh-tax-regions-bar-menu-toggle > i {
	vertical-align: top;
	font-size: 17px;
	margin-top: 3px;
	margin-left: -3px;
}
.bh-tax-regions-bar-menu {
	cursor: default;
	background: #fff;
	box-shadow: 0 0 6px #0008;
	position: absolute;
	left: 5px;
	top: 26px;
	z-index: 2;
	white-space: nowrap;
	text-align: left;
	padding: 5px;
	color: #000;
	max-height: 405px;
	overflow: auto;
	border-bottom: 3px solid rgb(121,123,229);
}
.bh-tax-regions-bar-menu-title {
	margin-bottom: 4px;
	text-align: center;
	background: #f4f4f4;
	color: #333;
	font-size: 14px;
	padding: 2px;
}

.bh-tax-regions-sep {
	width: 1px;
	background: #999;
	height: 19px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.bh-tax-regions-set {
	border: 1px solid #777;
	color: #555;
	padding: 2px 7px 0px 7px;
	background: #fff;
	font-size: 15px;
	cursor: pointer;
	height: fit-content;
	min-width: 50px;
	text-align: center;
	border-radius: 6px;
	white-space: nowrap;
}
.bh-tax-regions-set.custom {
	border-color: #333;
	color: #333;
	border-radius: 99px;
}
.bh-tax-regions-set:hover {
	background: rgb(192,229,223);
	color: rgb(14,44,14);
	border-color: rgb(14,44,14);
}
.bh-tax-regions-set.custom:hover {
	background: #f8f4ff;
	color: rgb(73,75,197);
	border-color: rgb(73,75,197);
}
.bh-tax-regions-set.active {
	cursor: default;
	color: #fff;
	background: rgb(58,128,98);
	border-color: rgb(58,128,98);
}
.bh-tax-regions-set.custom.active {
	color: #fff;
	background: rgb(97,99,205);
	border-color: rgb(97,99,205);
}
.bh-tax-regions-box {
	background: rgb(239,239,253);
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0,0,0, 0.1) inset;
	padding: 4px;
}
.bh-tax-regions-pill {
	background: rgb(205,244,230);
	color: rgb(14,44,14);
	border-radius: 20px;
	padding: 3px 10px 1px 10px;
	white-space: nowrap;
	margin: 3px;
	display: inline-block;
	cursor: default;
	border: 2px solid rgb(90,175,144);
}
.bh-tax-regions-pill.custom {
	color: rgb(14,14,44);
	background: #fff;
	border-color: rgb(121,123,229);
}
.bh-tax-regions-pill.world {
	color: #445;
	border-color: #445;
	background: #f8f8f8;
}
.bh-tax-regions-pill i {
	cursor: pointer;
	margin-left: 3px;
	opacity: 0.6;
	font-size: 17px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: -4px;
}
.bh-tax-regions-pill i:hover {
	opacity: 1;
}
.bh-tax-regions-old {
	white-space: nowrap;
	line-height: 26px;
	overflow-x: auto;
	margin-top: 10px;
}
.bh-tax-region-button {
	cursor: pointer;
	background: #fff;
	padding: 2px 3px;
	border: 1px solid transparent;
	margin-right: 5px;
	border-radius: 10px;
	color: #000;
	white-space: nowrap;
}
.bh-tax-region-button:hover {
	border: 1px solid #47aaff;
	text-decoration: none;
}
.bh-tax-region-button-active {
	cursor: default;
}
.bh-tax-region-button-active, .bh-tax-region-button-active:hover {
	border: 1px solid #2298fb;
	background: #cdf;
}
.bh-tax-semantics {
	margin-top: 10px;
}
.bh-tax-empty {
	background: #fff;
	padding: 6px 8px 6px 6px;
	border-radius: 99px;
}
.bh-tax-empty > i {
	background: #6163cd;
	color: #fff;
	border-radius: 99px;
	font-size: 17px;
	margin-right: 4px;
}
.bh-tax-empty > span {
	color: rgb(31,49,142);
	font-size: 16px;
}

.tax-morph-pill {
	background: rgb(238,237,234);
	position: relative;
	display: inline-block;
	padding: 8px 10px;
	border-radius: 99px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 15px;
	min-width: 180px;
	white-space: nowrap;
	box-shadow: inset 0 1px 5px rgba(0,0,0, 0.05);
	vertical-align: top;
	margin-top: 2px;
}
.tax-morph-pill.active {
	background: #fff;
	border: 2px solid rgb(121,123,229);
	margin-top: 0;
	margin-left: -2px;
	min-width: 182px;
	padding-right: 8px;
}
.tax-morph-content {
	color: rgb(80,80,100);
	display: inline-block;
	width: 100%;
	height: 20px;
	display: flex;
}
.tax-morph-pill.active .tax-morph-content, .tax-morph-pill:hover .tax-morph-content {
	color: rgb(14,14,44);
}
.tax-morph-pill:hover {
	background: rgb(239,239,253);
}
.tax-morph-pill a:hover {
	text-decoration: none;
}
.tax-morph-radio {
	border: 2px solid rgb(80,80,100);
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	margin-right: 10px;
	position: relative;
	vertical-align: middle;
	flex-shrink: 0;
}
.tax-morph-radio.active {
	border: 2px solid rgb(14,14,44);
}
.tax-morph-radio.active::after {
	content: "";
	background: rgb(62,185,163);
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin-left: 3px;
	margin-top: 3px;
	vertical-align: top;
}
.tax-morph-text {
	flex: 1;
	margin-top: 1px;
}
.tax-morph-arrow {
	margin-left: 10px;
	margin-top: -2px;
}
.tax-morph-menu {
	display: none;
	background: #fff;
	position: absolute;
	left: -2px;
	top: -2px;
	min-width: calc(100% + 4px);
	z-index: 1;
	box-shadow: 0 0 5px rgba(0,0,0, 0.2);
}
.tax-morph-menu a {
	color: rgb(14,14,44);
}
.tax-morph-pill:hover .tax-morph-menu {
	display: block;
}
.tax-morph-item {
	cursor: pointer;
	padding: 10px 20px;
	padding-left: 12px;
}
.tax-morph-item:hover {
	background: rgb(239,239,253);
}
.tax-morph-item-text {
	vertical-align: middle;
	display: inline-block;
}
.bh-species-regions-count {
	margin-left: 20px;
	cursor: pointer;
}
.bh-species-regions-count:hover {
	color: rgb(97,99,205);
	background: rgb(240,240,255);
}

.bh-tax-gallery-block {
	position: relative;
	display: inline-block;
	margin: 3px;
	background: #fff;
	box-shadow: 0 0 5px 1px rgba(0,0,0, 0.2);
	border-radius: 12.5px;
	overflow: hidden;
}
.bh-tax-gallery-block.small {
	font-size: 14px;
	border-radius: 0;
}
.bh-tax-gallery-block:hover {
	text-decoration: none;
}
.bh-tax-gallery-block:hover, .bh-tax-gallery-block:focus, .bh-tax-gallery-block.active {
	box-shadow: 0 0 5px 1px rgb(97,99,205);
}
.bh-tax-gallery-block.active {
	cursor: default;
}
.bh-tax-gallery-block:hover .bh-tax-gallery-block-bottom, .bh-tax-gallery-block:hover .bh-tax-gallery-block-trivial {
	background: rgb(230,230,255);
}
.bh-tax-gallery-block.active .bh-tax-gallery-block-bottom {
	background: rgb(97,99,205);
	color: #fff;
	font-weight: normal;
}
.bh-tax-gallery-img-outer {
	height: 200px;
	background: #aaa;
	overflow: hidden;
	line-height: 0;
	position: relative;
}
.bh-tax-gallery-block.small .bh-tax-gallery-img-outer {
	height: 100px;
}
.bh-tax-gallery-block:focus {
	margin: 2px;
	border: 1px solid rgb(31,48,138);
	outline: none;
}
.bh-tax-gallery-img-outer > img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.bh-tax-gallery-det-taxon-outer {
	margin-bottom: 12px;
}
.bh-tax-gallery-det-taxon {
	display: inline-block;
	background: #fff;
	padding: 4px 4px 0px 4px;
	border-radius: 6px;
	box-shadow: 0 0 6px #0003;
	border: 1px solid transparent;
}
.bh-tax-gallery-det-taxon:hover {
	box-shadow: 0 0 6px #483fd9;
	text-decoration: none;
}
.bh-tax-gallery-det-taxon:focus {
	border: 1px solid rgb(31,48,138);
}
.bh-tax-gallery-det-header {
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 6px;
}
.bh-tax-gallery-det-regions {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: -3px;
}
.bh-tax-gallery-det-block {
	width: 300px;
	display: inline-block;
	margin: 5px;
	box-shadow: 0 0 5px 1px rgba(0,0,0, 0.2);
}
.gallery-gender-icon {
	position: absolute;
	left: 2px;
	bottom: 2px;
	line-height: initial;
	padding: 2px;
	background: #fff;
	color: #226;
	border-radius: 99px;
	width: 22px;
	text-align: center;
	font-size: 14px;
	box-shadow: 0 0 4px #0006;
}
#tax-export {
	font-size: 13px;
	float: right;
	margin-right: 10px;
	cursor: pointer;
}
#tax-export:hover {
	color: #483fd9;
}

.gallery-large-link {
	position: absolute;
	right: 2px;
	top: 2px;
	background: #fff;
	padding: 1px;
	border-radius: 99px;
	cursor: pointer;
	color: #666;
	box-shadow: 0 0 4px #0006;
}
.bh-tax-gallery-block .gallery-large-link {
	opacity: 0.7;
}
.bh-tax-gallery-block:hover .gallery-large-link {
	opacity: 1;
}
.gallery-large-link:hover {
	background: #9cf;
	color: rgb(31,49,142);
}
.gallery-large-link i {
	font-size: 20px;
}
.gallery-img-text-icon {
	position: absolute;
	right: 28px;
	top: 2px;
	background: #fff;
	padding: 1px;
	border-radius: 99px;
	cursor: default;
	color: #666;
	box-shadow: 0 0 4px #0006;
}
.gallery-img-text-icon:hover {
	background: #9cf;
	color: rgb(31,49,142);
}
.gallery-img-text-icon:hover .gallery-img-text-tooltip {
	display: flex;
}
.gallery-img-text-icon i {
	font-size: 20px;
}
.bh-tax-gallery-block .gallery-img-text-icon {
	opacity: 0.7;
}
.bh-tax-gallery-block:hover .gallery-img-text-icon {
	opacity: 1;
}
.gallery-img-text-tooltip {
	display: none;
	pointer-events: none;
	position: absolute;
	right: 0;
	line-height: initial;
	width: 260px;
	color: #333;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0, 0.3);
	padding: 5px 10px;
	font-size: 15px;
}
.gallery-img-text-tooltip.below {
	margin-top: 8px;
}
.gallery-img-text-tooltip.above {
	bottom: 30px;
}
.gallery-img-text-tooltip::before {
	content: "";
	position: absolute;
	transform: rotate(45deg);
	background: #fff;
	width: 10px;
	height: 10px;
	right: 6px;
}
.gallery-img-text-tooltip.below::before {
	top: -4px;
}
.gallery-img-text-tooltip.above::before {
	bottom: -4px;
}
.gallery-info {
	float: right;
	color: #444;
	font-size: 14px;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: normal;
}
.gallery-gender {
	float: left;
	margin-left: 3px;
	font-size: 16px;
	font-weight: normal;
}
.gallery-choose-subimg {
	position: absolute;
	left: 2px;
	top: 2px;
	line-height: 0;
	box-shadow: 0 0 4px #0006;
	background: #fff;
	border-radius: 11px;
	min-width: 22px;
	cursor: default;
	white-space: normal;
	max-width: 244px;
}
.bh-tax-gallery-block .gallery-choose-subimg {
	opacity: 0.7;
}
.bh-tax-gallery-block:hover .gallery-choose-subimg {
	opacity: 1;
}
.gallery-choose-subimg:hover {
	padding-right: 1px;
}
.gallery-subimg-count {
	color: #444;
	line-height: 22px;
	text-align: center;
}
.gallery-choose-subimg .gallery-subimg-btn {
	display: none;
}
.gallery-choose-subimg:hover .gallery-subimg-count {
	display: none;
}
.gallery-choose-subimg:hover .gallery-subimg-btn {
	display: inline-block;
}
.gallery-subimg-btn {
	vertical-align: top;
	font-size: 14px;
	margin: 2px;
	border-radius: 99px;
	background: #fff;
	cursor: pointer;
	box-shadow: 0 0 2px #0006;
	color: #333;
	text-align: center;
	width: 18px;
	height: 18px;
	line-height: 19px;
}
.gallery-subimg-btn:hover {
	background: #def;
	color: #128;
}
.gallery-subimg-btn.active {
	background: #3050f0;
	color: #fff;
	cursor: default;
}
.gallery-subimg-btn.active, .gallery-subimg-btn.active:hover {
	background: #3050f0;
}
.gallery-regions {
	display: inline-block;
	position: absolute;
	left: 1px;
	bottom: 2px;
}
.idi {
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 99px;
	background: #fff;
	box-shadow: 0 0 4px #0006;
	cursor: default;
}
.idi:hover .gallery-img-text-tooltip {
	display: flex;
}
.idi .b {
	width: 6px;
	height: 6px;
	border-radius: 99px;
	position: absolute;
	display: none;
}
.idi.d1 {
	background: #6c9;
}
.idi.d1 .b {
	background: #143;
}
.idi.d1 .b.d1 {
	left: 8px;
	top: 8px;
	display: block;
}
.idi.d2 {
	background: #ed8;
}
.idi.d2 .b {
	background: #962;
}
.idi.d2 .b.d1 {
	left: 5px;
	top: 5px;
	display: block;
}
.idi.d2 .b.d2 {
	left: 11px;
	top: 11px;
	display: block;
}
.idi.d3 {
	background: #f46;
}
.idi.d3 .b {
	background: #824;
}
.idi.d3 .b.d1 {
	left: 8px;
	top: 4px;
	display: block;
}
.idi.d3 .b.d2 {
	left: 4px;
	top: 11px;
	display: block;
}
.idi.d3 .b.d3 {
	left: 12px;
	top: 11px;
	display: block;
}
.gallery-idi {
	position: absolute;
	right: 2px;
	bottom: 2px;
}
.gallery-det-idi {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: -2px;
}
/*.gallery-warning {
	position: absolute;
	right: 2px;
	bottom: 2px;
	background: #fff;
	color: #333;
	width: 22px;
	height: 22px;
	border-radius: 99px;
	text-align: center;
	line-height: 22px;
	box-shadow: 0 0 4px #0006;
	cursor: default;
	font-size: 16px;
}*/
/*.gallery-identdiff {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 8px;
	height: calc(100% - 200px);
	display: flex;
	flex-flow: column;
}
.gallery-identdiff * {
	flex: 1;
	border: 1px solid #aaa;
	/*border-radius: 99px;
	width: 16.6666px;*//*
	width: 8px;
	align-self: flex-end;
	background: #ccc;
}
.gallery-identdiff .d1.active {
	background: #40ff8b;
}
.gallery-identdiff .d2.active {
	background: #ffe34c;
}
.gallery-identdiff .d3.active {
	background: #ff394b;
}*/
.bh-tax-gallery-block > * {
	width: 300px;
}
.bh-tax-gallery-block.small > * {
	width: 150px;
}
.bh-tax-gallery-block-bottom {
	text-align: center;
	color: rgb(31,49,142);
	font-weight: bold;
	padding: 4px 2px;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.bh-tax-gallery-block-trivial {
	text-align: center;
	color: rgb(70,70,80);
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0px 2px 3px 2px;
}
.bh-tax-gallery-type-badge {
	margin-bottom: 5px;
	color: rgb(14,14,44);
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
}

.gallery-lightbox {
	flex: 1;
	margin-left: 60px;
	margin-right: 60px;
	background: rgb(25,25,31);
	max-height: 90vh;
	display: flex;
	flex-flow: column;
}
.gallery-lightbox-close-line {
	height: 30px;
	min-height: 30px;
}
.gallery-lightbox-img-line {
	min-height: 0;
	text-align: center;
	position: relative;
	height: 70vh;
}
.gallery-lightbox-subimg-line {
	height: 50px;
	min-height: 50px;
	text-align: center;
}
.gallery-lightbox-subimg-line > div {
	display: inline-block;
	padding: 15px;
}
.gallery-lightbox-nav-line {
	background: rgb(238,237,234);
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid rgb(200,200,200);
}
.gallery-lightbox-path-line {
	background: #fff;
	text-align: center;
	padding: 15px 10px;
	font-size: 17px;
}
.gallery-lightbox-img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery-lightbox-subimg {
	background: #fff;
	border-radius: 99px;
	color: #444;
	display: inline-block;
	height: 23px;
	width: 23px;
	margin-left: 7px;
	cursor: pointer;
	font-weight: bold;
	line-height: 24px;
}
.gallery-lightbox-subimg.first {
	margin-left: 0;
}
.gallery-lightbox-subimg.active {
	background: rgb(121,123,229);
	color: rgb(31,49,142);
	cursor: default;
}
.gallery-lightbox-semantic {
	font-size: 17px;
}
.gallery-lightbox-nav-name {
	margin-top: 15px;
	margin-bottom: 15px;
}
.gallery-lightbox-nav-button {
	border-radius: 99px;
	border: 1.5px solid rgb(14,14,44);
	width: 34px;
	height: 34px;
	line-height: 34px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}
.gallery-lightbox-nav-button.disabled {
	color: #ccc;
	border-color: #ccc;
}
.gallery-lightbox-name {
	color: rgb(14,14,44);
	font-weight: bold;
	font-size: 20px;
	min-width: 300px;
	display: inline-block;
}
.gallery-lightbox-close {
	position: absolute;
	color: #fff;
	right: 10px;
	top: 10px;
}
.gallery-lightbox-tax-text {
	color: #fff;
	background: #46464a;
	padding: 3px 5px;
	border-radius: 4px;
	margin: 5px;
	display: inline-block;
}

.bh-version-block {
	padding: 10px;
	background: #f7e798;
	border: 1px solid #bbb;
	margin-bottom: 10px;
}
.bh-version-prev {
	display: inline-block;
	min-width: 50px;
	text-align: left;
}
.bh-version-spacer {
	display: inline-block;
	width: 10px;
}
.bh-version-current {
	display: inline-block;
	min-width: 30px;
	text-align: center;
}
.bh-version-next {
	display: inline-block;
	min-width: 50px;
	text-align: right;
}

.edit-tax-rank-Genus, .edit-tax-rank-Species {
	font-style: italic;
}
.edit-tax-img {
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	width: 300px;
	height: 200px;
	position: relative;
}
.edit-tax-img > img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	max-height: 100%;
}
.edit-tax-img > img:hover {
	filter: brightness(0.85);
	outline: 2px solid #59f;
}
.edit-tax-img-controls {
	position: absolute;
	top: 2px;
	right: 2px;
	background: #fff;
	border-radius: 99px;
	opacity: 0.75;
	cursor: default;
}
.edit-tax-img-controls i {
	color: #234;
	font-size: 18px;
	margin: 2px;
}
.edit-tax-img:hover .edit-tax-img-controls {
	opacity: 1;
	box-shadow: 0 0 4px #0004;
}
.edit-tax-img-add {
	background: #fff;
	border-radius: 99px;
	text-align: center;
	border: none;
	outline: none;
	font-weight: unset;
	font-size: 18px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	box-shadow: 0 0 4px #0004;
	margin: 2px;
}
.edit-tax-region-search-outer {
	position: relative;
	display: inline-block;
	height: fit-content;
}
.edit-tax-region-search-text {
	padding-right: 20px;
	width: 140px;
}
.edit-tax-region-search-icon {
	position: absolute;
	top: 4px;
	right: 1px;
	font-size: 16px;
	color: #555;
}
.edit-tax-region-search-results {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 100%;
	white-space: nowrap;
	background: #fff;
	box-shadow: 0 0 6px #0008;
	max-height: 381px;
	overflow-y: auto;
	overflow-x: hidden;
	min-width: 100%;
	border-bottom: 3px solid rgb(121,123,229);
}
.edit-tax-region-search-match {
	padding: 3px 20px 3px 3px;
	cursor: pointer;
	border: 1px solid transparent;
	font-size: 15px;
	background: #fcfcfc;
}
.edit-tax-region-search-match.alt {
	background: #f0f0f0;
}
.edit-tax-region-search-match.active {
	background: #cdf;
	border-color: #128;
}
.edit-tax-region-search-match:hover {
	background: #dde7ff;
	color: #128;
}
.edit-tax-region-search-match .reg-icon {
	display: inline-block;
	min-width: 25px;
}
.edit-tax-region-search-match .reg-id {
	margin-right: 5px;
	min-width: 55px;
	display: inline-block;
	font-weight: bold;
}
.edit-tax-region-nomatch {
	padding: 10px;
	font-size: 14px;
	text-align: center;
	color: #333;
}

.lw-lazy-img {
	transition: opacity 1s;
}
.lw-lazy-img.pending {
	opacity: 0;
}

.regions-table {
	white-space: nowrap;
}
.regions-table tr:nth-child(odd) {
	background: #f8f8f8;
}
.regions-table tr:nth-child(even) {
	background: #e4e4e4;
}
.regions-table tr:hover {
	background: #e0e8ff;
}
#btn-delete {
	outline: none;
	border: none;
	border-radius: 99px;
	background: #cf6759;
	color: #fff;
	padding: 2px 8px;
}
#btn-delete:focus {
	outline: 2px solid #6b2722;
}
#btn-delete:hover {
	background: #974b3a;
}
#add-tag-btn {
	outline: none;
	border: none;
	border-radius: 99px;
	background: rgb(97,99,205);
	color: #fff;
	padding: 2px 8px;
}
#add-tag-btn:focus {
	outline: 2px solid rgb(81, 62, 148);
}
#add-tag-btn:hover {
	background: rgb(135, 123, 241);
}

.icon-clickable {
	cursor: pointer;
}
.icon-clickable:hover {
	color: rgb(121,123,229) !important;
}
.icon-clickable.fill:hover {
	color: rgb(78 46 255) !important;
	background: rgb(239,239,253);
	border-radius: 99px;
}
.icon-spin {
	-moz-animation: spin 1.25s infinite linear;
	-o-animation: spin 1.25s infinite linear;
	-webkit-animation: spin 1.25s infinite linear;
	animation: spin 1.25s infinite linear;
	display: inline-block;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-ms-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/* TEST */
.CodeMirror {
	height: auto;
	font-size: 13px;
}
.cm-error, .editor-custom-error {
	background: #ff949460;
	border-bottom: 2px solid #f00;
	color: #f00 !important;
}
.cm-trailingspace {
	background: #ff944070;
	border-bottom: 2px dotted #f80;
}

/* TEST */
@font-face {
	font-family: "GothicA1";
	src: url("/res/font/GothicA1-Regular.ttf");
}
html, button, input {
	font-family: "GothicA1";
}