@charset "utf-8";

:root {
	--padding-horizontal: 12px;
	--padding-vertical: 6px;
	--sidebar-item-padding: 6px;
	--font-size: 16px;

	--banner-font-size: 3em;
	--banner-font-size2: 2.5em;

	--input-font-size: 0.875em;
	--input-height: 17px;

	--code-font-size: 0.75em;

	--menubutton-font-size: 22px;

	--topheader-font-size: 1.375em;
	--topheader-height: 40px;

	--header-font-size: 1.375em;
	--header-height: 1.666em;

	--title-font-size: 1.25em;
	--title-height: 1.666em;

	--subtitle-font-size: 1.125em;
	--subtitle-height: 1.666em;

	--footer-font-size: 0.875em;
	--footer-height: 20px;

	--sidebar-footer-font-size: 0.875em;
	--sidebar-header-font-size: 1.125em;
	--sidebar-header-height: 1.666em;

	--block-border-width: 1px;
	--button-border-width: 1px;
	--sidebar-border-width: 2px;
	--sidebar-link-border-width: 1px;
	--table-separator-width: 1px;

	--fa-font-size: 14px; /* Reference Only */
}

/*=====================================*/
/*==    GENERAL STUFF                ==*/
/*=====================================*/

body,
input,
textarea,
select,
button,
option,
optgroup {
	font-family: Roboto, Sans-Serif;
}

body {
	font-size: var(--font-size);
	cursor: default;
	margin: auto;
}

a {
	border-style: none;
	outline-style: none;
	text-decoration: none;
}

a:link:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

a[name]:empty {
	position: absolute;
	margin-top: -40px;
	display: inline-block;
}

.fakelink,
.fakelink * {
	cursor: pointer;
}

hr {
	width: auto;
	margin: 3px 0px 2px;
	height: 0px;
	border: none;
	border-top: 1px solid;
}

p {
	margin: var(--padding-vertical) 0px;
}

p + * {
	margin-top: var(--padding-vertical);
}

p + p {
	margin-top: 0px;
}

.tooltip,
.tooltip *,
.tooltip2,
.tooltip2 * {
	cursor: help !important;
}

.tooltip,
.tooltip3 {
	text-decoration: underline dotted;
}

.button > i.fa,
.fakebutton > i.fa {
	width: auto;
}

.ui-autocomplete {
	max-height: 256px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-widget-content {
	font-size: calc(var(--font-size) * 0.875);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	font-weight: normal;
}

iframe {
	border: none;
}

table {
	border-spacing: 0px 0px;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	border: 2px solid;
}

.censor {
	padding: 1px;
}

.censor:not(:hover) {
	background: black;
	color: black;
}

.logtable .logbox + .logbox:before {
	content: "";
	border-left: 1px solid;
	padding-left: 0.5em;
	margin-left: 0.5em;
}
/*=====================================*/
/*==    CONTAINER                    ==*/
/*=====================================*/

div.topheader {
	font-size: var(--topheader-font-size);
	min-height: calc(var(--topheader-height) - 2px);
	line-height: calc(var(--topheader-height) - 2px);
	z-index: 2;
	white-space: nowrap;
	display: flex;
	border-top: 2px solid;
	border-bottom: 2px solid;
	font-weight: bold;
}

div.topheader > div {
	overflow: auto;
	padding: 0px var(--padding-horizontal);
	flex: 1;
}

div.notice {
	padding: var(--padding-vertical) var(--padding-horizontal);
	text-align: center;
	margin-bottom: var(--block-border-width);
}
/*=====================================*/
/*==    HEADER                       ==*/
/*=====================================*/

#header {
	text-align: center;
	overflow-x: auto;
	overflow-y: hidden;
}

#header h1,
#header h2,
#header h3,
#header h4,
#header h5 {
	margin: 0;
}

#header a.banner {
	font-size: var(--banner-font-size);
	line-height: var(--banner-font-size);
	font-weight: bold;
	letter-spacing: 1px;
	white-space: nowrap;
}

#header a.banner:hover {
	text-decoration: none;
}

@media (max-width: 960px) {
	body:not(.popup):not(.standalone) #header {
		background-position: 0px 0px !important;
	}
}

@media (max-width: 600px) {
	body:not(.popup):not(.standalone) #header {
		background-size: var(--banner-font-size2);
	}
	#header a.banner {
		font-size: var(--banner-font-size2);
		line-height: var(--banner-font-size2);
	}
}

@media (max-height: 600px) {
	#header {
		display: none;
		height: 0;
	}
}
/*=====================================*/
/*==    SIDEBAR                      ==*/
/*=====================================*/

div.sidebar {
	width: 250px;
	min-width: 250px;
	word-break: break-word;
	overflow-y: hidden;
}

div.sidebar.left {
	border-right-width: var(--sidebar-border-width);
	border-right-style: solid;
}

div.sidebar.right {
	border-left-width: var(--sidebar-border-width);
	border-left-style: solid;
}

div.sidebar.left div.section {
	direction: rtl;
}

div.sidebar.left div.section * {
	direction: ltr;
}

div.sidebar div.topheader + div.section {
	overflow-y: auto;
}

div.sidebar div.title {
	display: block;
	padding: 0px calc(var(--sidebar-item-padding) * 2);
	font-size: var(--sidebar-header-font-size);
	line-height: var(--sidebar-header-height);
	font-weight: bold;
}

div.sidebar div.footer {
	text-align: center;
	font-size: var(--sidebar-footer-font-size);
}

div.sidebar .item > i.fa:before {
	width: var(--fa-font-size);
	text-align: center;
	display: inline-block;
}

div.sidebar .item > i.fa {
	width: calc((var(--fa-font-size) * 2) - var(--sidebar-item-padding));
	text-align: left;
}

div.sidebar .item > i.fa.fa-external-link:last-child, div.sidebar .item > i.fa.fa-window-maximize:last-child {
	position: absolute;
	right: 0;
	text-align: center;
	width: calc(var(--fa-font-size) * 2);
	line-height: inherit;
}

div.sidebar a,
div.sidebar a:link:hover {
	text-decoration: none !important;
}

div.sidebar a.item {
	position: relative;
}

#overlay {
	transition: opacity 0.5s ease-in;
	pointer-events: none;
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: black;
	opacity: 0;
	z-index: 4;
}

@media (max-width: 1680px) {
	#overlay.show {
		transition: opacity 0.5s ease-out;
		pointer-events: initial;
		opacity: 0.5;
		cursor: pointer;
	}
}
/*=====================================*/
/*==    SIDEBAR NAV ITEMS            ==*/
/*=====================================*/

div.sidebar ul.nav,
div.sidebar ul.nav > li {
	padding: 0px;
}

div.sidebar ul.nav {
	margin: 0px;
}

div.sidebar ul.nav > li {
	list-style-type: none;
	text-indent: 0;
	line-height: calc(var(--fa-font-size) * 2);
}

div.sidebar ul.nav > li > .item {
	display: block;
	padding: 0px var(--sidebar-item-padding);
}

div.sidebar ul.nav.nav2 > li > .item {
	padding-left: var(--sidebar-item-padding);
}

div.sidebar ul.nav.nav3 > li > .item {
	padding-left: calc(var(--sidebar-item-padding) * 2);
}

div.sidebar ul.nav.nav4 > li > .item {
	padding-left: calc(var(--sidebar-item-padding) * 3);
}

div.sidebar ul.nav.nav5 > li > .item {
	padding-left: calc(var(--sidebar-item-padding) * 4);
}

div.sidebar ul.nav > li.collapse > .item {
	flex-grow: 1;
}

div.sidebar ul.nav > li.collapse {
	display: flex;
	flex-flow: wrap;
}

div.sidebar ul.nav > li.collapse > ul.nav {
	display: none;
	width: 100%;
}

div.sidebar ul.nav > li.collapse > .toggle {
	display: flex !important;
	margin: auto;
	cursor: pointer;
	width: calc(var(--fa-font-size) * 2);
}

div.sidebar ul.nav > li.collapse > .toggle:after {
	content: "▼";
	width: inherit;
	text-align: center;
	font-size: 14px;
}
div.sidebar ul.nav > li.collapse > .toggle[active=true]:after {
	content: "▲";
}

div.sidebar ul.nav > li.collapse > .toggle[active=true] + ul.nav {
	display: block;
}

/*=====================================*/
/*==    CONTENT BOX                  ==*/
/*=====================================*/

.bootbox-body {
	display: flex;
	flex-direction: row;
}

#content div.box:not(.small),
.bootbox-body div.box:not(.small) {
	padding: var(--padding-vertical) var(--padding-horizontal);
}

#content div.box.small,
.bootbox-body div.box.small {
	padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) / 2);
}

.modal-body {
	padding: var(--padding-horizontal);
}

#content div.box.header,
.bootbox-body div.box.header {
	font-size: var(--header-font-size);
	font-weight: bold;
	padding: 0px var(--padding-horizontal);
	line-height: var(--header-height);
}

#content div.box.title,
.bootbox-body div.box.title {
	font-size: var(--title-font-size);
	font-weight: bold;
	padding: 0px var(--padding-horizontal);
	line-height: var(--title-height);
}

#content div.box.subtitle,
.bootbox-body div.box.subtitle {
	font-size: var(--subtitle-font-size);
	font-weight: normal;
	padding: 0px var(--padding-horizontal);
	line-height: var(--subtitle-height);
}

#content div.box.footer,
.bootbox-body div.box.footer {
	font-size: var(--footer-font-size);
}

#content div.box:last-of-type + .boxmargin,
#content .boxmargin + .boxmargin,
#content div.section + div.boxmargin,
#content div.boxmargin + div.section,
#content div.boxmargin + div.spacer + div.boxmargin,
#content div.section + div.spacer + div.section,
#content div.boxmargin + div.spacer + div.section,
#content div.section + div.spacer + div.boxmargin {
	margin-top: 0px !important;
}

#content div.section div.box:last-child,
#content div.spacer.bottom + div.box:last-child,
#content div.spacer.bottom + * + div.box:last-child,
#content div.spacer.bottom + * + * + div.box:last-child,
#content div.spacer.bottom + * + * + * + div.box:last-child {
	margin-bottom: 0px !important;
}
/*=====================================*/
/*==    CONTENT HEADER               ==*/
/*=====================================*/

.menubutton i.fa:before {
	font-size: var(--menubutton-font-size);
	vertical-align: bottom;
	position: relative;
	top: 2px;
}

.menubutton {
	display: none;
	cursor: pointer;
	line-height: var(--topheader-height);
	text-align: center !important;
	width: var(--topheader-height);
	z-index: 1;
	margin-top: -2px;
	margin-bottom: -2px;
	font-size: var(--menubutton-font-size);
}

#navbutton {
	float: left;
	left: 0;
	border-left: none;
}

#staffnavbutton {
	float: right;
	right: 0;
	border-right: none;
}

@media (max-width: 960px) {
	body:not(.popup):not(.standalone) #navbutton {
		display: block;
	}
}

@media (max-width: 1680px) {
	body.staffsidebar:not(.popup):not(.standalone) #staffnavbutton {
		display: block;
	}
}

#scrolltop {
	position: relative;
	transition: top 0.25s ease-in, opacity 0.25s ease-out;
	top: calc(0px - var(--topheader-height));
	opacity: 0;
	display: block;
	width: var(--topheader-height);
}

#scrolltop.shown {
	top: 0;
	transition: top 0.25s ease-out, opacity 0.25s ease-in;
	opacity: 1;
}
/*=====================================*/
/*==    CONTENT OTHER                ==*/
/*=====================================*/

#content a,
.bootbox-body a {
	font-weight: bold;
}

#content .fa a,
.bootbox-body .fa a,
#content a.fa,
.bootbox-body a.fa {
	font-weight: normal;
}

#content label,
.bootbox-body label {
	display: inline-block;
	text-align: right;
	margin-right: 0.25em;
}

#content div.block,
#content div.column-left,
#content div.column-right {
	vertical-align: top;
}

#content .column-right + .column-left,
#content .column-left + .column-left {
	clear: both;
}

#content div.column-left + div.column-right {
	margin-top: var(--padding-vertical);
}

body.popup #pageheader,
body.popup #content div.spacer.bottom + div.box.footer,
#content div.block,
.bootbox-body div.block {
	text-align: center;
}

@media (max-width: 960px) {
	#pageheader,
	#content div.spacer.bottom + div.box.footer {
		text-align: center;
	}
}

@media (min-width: 720px) {
}

@media (min-width: 1680px) {

	#content div.block {
		margin-left: auto;
		margin-right: auto;
		width: 75%;
		max-width: 960px;
	}

	#content div.column-left,
	#content div.column-right {
		display: inline-block;
		width: 50%;
	}
	#content div.column-left {
		float: left;
	}
	#content div.column-right {
		float: right;
	}
	#content div.column-left + div.column-right {
		margin-top: initial;
	}
}

@media (min-width: 1920px) {
	#content div.block {
		width: 1920px;
	}
}

#content fieldset {
	border: var(--block-border-width) solid transparent;
}

#content fieldset > legend {
	padding: 0px 3px;
}

/*=====================================*/
/*==    CONTENT LISTS                ==*/
/*=====================================*/

#content ul:not(.nav),
#content ol,
.bootbox-body ul:not(.nav),
.bootbox-body ol {
	margin: 0.25em 0px;
	padding: 0px 0px 0px 1.5em;
}

#content li > ul:not(.nav),
#content li > ol,
.bootbox-body li > ul:not(.nav),
.bootbox-body li > ol {
	padding-left: 0.5em;
	margin: 0px;
}

#content ul:not(.nav) > li:first-of-type,
#content ol > li:first-of-type,
.bootbox-body ul:not(.nav) > li:first-of-type,
.bootbox-body ol > li:first-of-type {
	margin-top: 0px;
}

#content ul:not(.nav) > li:last-of-type,
#content ol > li:last-of-type,
.bootbox-body ul:not(.nav) > li:last-of-type,
.bootbox-body ol > li:last-of-type {
	margin-bottom: 0px;
}
/*=====================================*/
/*==    CONTENT SECTION              ==*/
/*=====================================*/

#content div.section,
.bootbox-body div.section {
	border: var(--block-border-width) solid transparent;
	margin: var(--padding-vertical) var(--padding-horizontal);
}

.bootbox-body div.section {
	margin: 0px;
	margin-bottom: calc(var(--padding-vertical) * 2);
}

#content div.section > div.section {
	margin: calc(var(--padding-vertical) / 2) 0px calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) / 2);
}

#content div.section + div.section {
	margin-top: 0px;
}

/*=====================================*/
/*==    SPOILER AND BLOCKQUOTE       ==*/
/*=====================================*/

div.spoiler,
div.blockquote {
	margin: var(--padding-vertical) var(--padding-horizontal);
}

div.notice > div.spoiler,
div.notice > div.blockquote {
	margin: 0px;
}

.bootbox-body div.spoiler,
.bootbox-body div.blockquote {
	margin: 0px;
	margin-bottom: 12px;
}

div.spoiler_header,
div.blockquote_header {
	padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) / 2);
	border: var(--block-border-width) solid transparent;
	overflow: hidden;
}

div.spoiler_header > * + *,
div.blockquote_header > * + * {
	margin-left: calc(var(--padding-horizontal) / 2);
}

div.spoiler_icon {
	text-align: right;
}

.spoiler_icon {
	margin-top: auto;
	margin-bottom: auto;
}

.bootbox-body div.spoiler,
.bootbox-body div.blockquote {
	padding: 0px;
	padding-bottom: var(--padding-vertical);
}

div.spoiler_content,
div.blockquote_content {
	border: var(--block-border-width) solid transparent;
	overflow: hidden;
	margin-top: calc(0px - var(--block-border-width));
}

div.spoiler_content + div.blockquote_content,
div.blockquote_content + div.blockquote_content {
	margin-top: calc(0px - var(--block-border-width));
	background: none;
	border-top: 0px;
	padding-top: var(--padding-vertical);
}

/*=====================================*/
/*==    CONTENT CODE                 ==*/
/*=====================================*/

#content .code,
#content .codeblock {
	padding: 0px 4px 1px;
	border: 1px solid;
	cursor: text;
	font-family: "Roboto Mono", Monospace;
	font-size: var(--code-font-size);
	position: relative;
	top: -1px;
	margin: -0.5px;
}

#content .code {
	display: inline-block;
}

/* Something is overwriting this and IDK what yet */
#content .code:empty {
	display: inline-block !important;
}

#content .code:empty:after {
    content: "​";
}

#content .codeblock {
	display: block;
	white-space: pre-wrap;
}
/*=====================================*/
/*==    CONTENT TABLE                ==*/
/*=====================================*/

#content table.tnostyle,
.bootbox-body table.tnostyle {
	border-spacing: var(--padding-vertical) 0px;
}

#content table.tnostyle > tbody > tr > *,
.bootbox-body table.tnostyle > tbody > tr > * {
	padding: 0px;
}

#content table.tstyle,
.bootbox-body table.tstyle {
	width: 100%;
	border: var(--block-border-width) solid transparent;
	font-size: 0.875em;
}

#content table.tstyle > * > tr > *,
.bootbox-body table.tstyle > * > tr > * {
	padding: calc(var(--padding-vertical)) calc(var(--padding-horizontal));
	text-align: left;
	vertical-align: top;
}

#content table.tstyle > * > tr > th,
.bootbox-body table.tstyle > * > tr > th {
	white-space: nowrap;
	vertical-align: middle;
}

#content table.tstyle.valign-middle > * > tr > *,
.bootbox-body table.tstyle.valign-middle > * > tr > * {
	vertical-align: middle;
}

#content table.tstyle > * > tr > *,
.bootbox-body table.tstyle > * > tr > * {
	padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) / 2);
	text-align: left;
	vertical-align: top;
}

#content table.tstyle > * > tr > *:not(:first-child),
.bootbox-body table.tstyle > * > tr > *:not(:first-child)
{
	border-left-width: var(--table-separator-width);
	border-left-style: solid;
}

#content table.tstyle > * > tr > *:not(:last-child),
.bootbox-body table.tstyle > * > tr > *:not(:last-child)
{
	border-right-width: var(--table-separator-width);
	border-right-style: solid;
}

#content table.valign-middle > * > tr > *,
.bootbox-body table.valign-middle > * > tr > * {
	vertical-align: middle;
}

#content th .button,
#content th .fakebutton,
#content th input,
#content th select,
#content th textarea,
.bootbox-body th .button,
.bootbox-body th .fakebutton,
.bootbox-body th input,
.bootbox-body th select,
.bootbox-body th textarea {
	border: none !important;
}

#content td label,
#content th label,
.bootbox-body td label,
.bootbox-body th label {
	vertical-align: top;
}

body.popup #content div.block table.tstyle > tbody > tr > *,
.bootbox-body div.block table.tstyle > tbody > tr > * {
	text-align: initial;
}
/*=====================================*/
/*==    CONTENT FORM                 ==*/
/*=====================================*/

#content form:not(.flex),
.bootbox-body form:not(.flex) {
	margin: 0px;
	display: inline;
}

#content form.boxpadding:not(.flex),
#content form.boxpadding_half:not(.flex),
#content form.boxpadding_left:not(.flex),
#content form.boxpadding_left:not(.flex),
#content form.boxpadding_left:not(.flex),
#content form.boxpadding_left:not(.flex),
#content form.boxmargin:not(.flex),
.bootbox-body form.boxpadding:not(.flex),
.bootbox-body form.boxpadding_half:not(.flex),
.bootbox-body form.boxpadding_left:not(.flex),
.bootbox-body form.boxpadding_left:not(.flex),
.bootbox-body form.boxpadding_left:not(.flex),
.bootbox-body form.boxpadding_left:not(.flex),
.bootbox-body form.boxmargin:not(.flex) {
	display: block;
}

#content .form_title,
#content .form_content {
	padding: calc(var(--padding-vertical) / 1) calc(var(--padding-horizontal) / 1);
}

.bootbox-body .form_title,
.bootbox-body .form_content {
	padding: 0px;
	padding-bottom: calc(var(--padding-vertical) * 2);
}

#content div.spoiler .form_title,
#content div.block .form_title,
#content div.spoiler .form_content,
#content div.block .form_content {
	padding: calc(var(--padding-vertical) / 1) calc(var(--padding-horizontal) / 1);
}

.bootbox-body div.spoiler .form_title,
.bootbox-body div.block .form_title,
.bootbox-body div.spoiler .form_content,
.bootbox-body div.block .form_content {
	padding: 0px;
	padding-bottom: var(--padding-vertical);
}

#content .form_title + .form_title,
#content .form_title + .form_content,
#content .form_content + .form_content,
#content div.spoiler .form_title + .form_title,
#content div.block .form_title + .form_title,
#content div.spoiler .form_title + .form_content,
#content div.block .form_title + .form_content,
#content div.spoiler .form_content + .form_content,
#content div.block .form_content + .form_content,
.bootbox-body .form_title + .form_title,
.bootbox-body .form_title + .form_content,
.bootbox-body .form_content + .form_content,
.bootbox-body div.spoiler .form_title + .form_title,
.bootbox-body div.block .form_title + .form_title,
.bootbox-body div.spoiler .form_title + .form_content,
.bootbox-body div.block .form_title + .form_content,
.bootbox-body div.spoiler .form_content + .form_content,
.bootbox-body div.block .form_content + .form_content {
	padding-top: 0px;
}

#content div.spoiler .form_content + .form_title,
#content div.block .form_content + .form_title,
.bootbox-body div.spoiler .form_content + .form_title,
.bootbox-body div.block .form_content + .form_title {
	padding-top: var(--padding-vertical);
}

#content .check_block {
	display: inline-block;
	vertical-align: top;
}

#content .check_block.half {
	text-align: right;
	width: 50%;
}

#content .form_title,
.bootbox-body .form_title {
	font-weight: bold;
}

#content .form_block,
.bootbox-body .form_block {
	display: inline-block;
	vertical-align: top;
}

#content .form_block.flex,
.bootbox-body .form_block.flex {
	display: inline-flex;
}

.flex.wrap > .form_block, .flex.wrap > .form_content {
	min-width: 320px;
}

#content .form_block.full {
	width: 100%;
}

#content .form_block.eighth {
	width: 12.5%;
}

#content .form_block.quarter {
	width: 25%;
}

#content .form_block.third {
	width: 33.333333333333333333333333333333%;
}

#content .form_block.half {
	width: 50%;
}

#content .form_block.min-eighth {
	min-width: 12.5%;
}

#content .form_block.min-quarter {
	min-width: 25%;
}

#content .form_block.min-third {
	min-width: 33.333333333333333333333333333333%;
}

#content .form_block.min-half {
	min-width: 50%;
}

#content .form_block.half .form_block.half,
#content .form_block.third .form_block.half,
#content .form_block.half .form_block.quarter,
#content .form_block.third .form_block.quarter,
#content .form_block.-halfhalf .form_block.half,
#content .form_block.-halfthird .form_block.half,
#content .form_block.-halfhalf .form_block.quarter,
#content .form_block.-halfthird .form_block.quarter {
	width: calc(50% - 2px);
}

#content .form_block.half .form_block.min-half,
#content .form_block.third .form_block.min-half,
#content .form_block.half .form_block.min-quarter,
#content .form_block.third .form_block.min-quarter,
#content .form_block.min-half .form_block.min-half,
#content .form_block.min-third .form_block.min-half,
#content .form_block.min-half .form_block.min-quarter,
#content .form_block.min-third .form_block.min-quarter {
	min-width: calc(50% - 2px);
}

@media (min-width: 960px) {
	#content .form_block.left div.spoiler,
	#content .form_block.left div.blockquote {
		margin-right: calc(var(--padding-horizontal) / 1);
	}
	#content .form_block.right div.spoiler,
	#content .form_block.right div.blockquote {
		margin-left: calc(var(--padding-horizontal) / 1);
	}

	#content .form_block.left .form_title,
	#content .form_block.left .form_content {
		padding-right: calc(var(--padding-horizontal) / 1);
	}
	#content .form_block.right .form_title,
	#content .form_block.right .form_content {
		padding-left: calc(var(--padding-horizontal) / 1);
	}
}

@media (max-width: 1920px) and (min-width: 1440px) {
	#content .form_block.eighth {
		width: 25%;
	}
	#content .form_block.min-eighth {
		min-width: 25%;
	}
}

@media (max-width: 1680px) and (min-width: 1440px) {
	#content .form_block.eighth {
		width: 25%;
	}
	body.staffsidebar #content .form_block.third {
		width: 100%;
	}
	body.staffsidebar #content .form_block.half {
		width: 50%;
	}
	body.staffsidebar #content .form_block.half .form_block.quarter,
	body.staffsidebar #content .form_block.third .form_block.quarter,
	body.staffsidebar #content .form_block.min-half .form_block.quarter,
	body.staffsidebar #content .form_block.min-third .form_block.quarter {
		width: 100%;
	}
	#content .form_block.min-eighth {
		min-width: 25%;
	}
	body.staffsidebar #content .form_block.min-third {
		min-width: 100%;
	}
	body.staffsidebar #content .form_block.min-half {
		min-width: 50%;
	}
	body.staffsidebar #content .form_block.half .form_block.min-quarter,
	body.staffsidebar #content .form_block.third .form_block.min-quarter,
	body.staffsidebar #content .form_block.min-half .form_block.min-quarter,
	body.staffsidebar #content .form_block.min-third .form_block.min-quarter {
		min-width: 100%;
	}
}

@media (max-width: 1440px) and (min-width: 720px) {
	#content .form_block.eighth {
		width: 25%;
	}
	#content .form_block.min-eighth {
		min-width: 25%;
	}
}

@media (max-width: 720px) {
	#content .form_block.eighth {
		width: 50%;
	}
	#content .form_block.min-eighth {
		min-width: 50%;
	}
}

@media (max-width: 1440px) and (min-width: 600px) {
	#content .form_block.quarter {
		width: 50%;
	}
	#content .form_block.half,
	#content .form_block.third {
		width: 100%;
	}
	#content .form_block.min-quarter {
		min-width: 50%;
	}
	#content .form_block.min-half,
	#content .form_block.min-third {
		min-width: 100%;
	}
}

@media (max-width: 600px) {
	#content .form_block.quarter,
	#content .form_block.half,
	#content .form_block.third {
		width: 100% !important;
	}
	#content .form_block.min-quarter,
	#content .form_block.min-half,
	#content .form_block.min-third {
		min-width: 100% !important;
	}
}

@media (max-width: 1680px) {
	.show1200 {
		display: revert !important;
	}
}

@media (max-width: 720px) {
	.show720 {
		display: revert !important;
	}
}

/*=====================================*/
/*==    CONTENT OVERRIDES            ==*/
/*=====================================*/

.boxpadding {
	padding: var(--padding-vertical) var(--padding-horizontal) !important;
}

.boxpadding_half {
	padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) / 2) !important;
}

.boxpadding_left {
	padding-left: var(--padding-horizontal) !important;
}

.boxpadding_left_half {
	padding-left: calc(var(--padding-horizontal) / 2) !important;
}

.boxpadding_right {
	padding-right: var(--padding-horizontal) !important;
}

.boxpadding_right_half {
	padding-right: calc(var(--padding-horizontal) / 2) !important;
}

.boxpadding_horizontal {
	padding-left: var(--padding-horizontal) !important;
	padding-right: var(--padding-horizontal) !important;
}

.boxpadding_horizontal_half {
	padding-left: calc(var(--padding-horizontal) / 2) !important;
	padding-right: calc(var(--padding-horizontal) / 2) !important;
}

.boxpadding_top {
	padding-top: var(--padding-vertical) !important;
}

.boxpadding_top_half {
	padding-top: calc(var(--padding-vertical) / 2) !important;
}

.boxpadding_bottom {
	padding-bottom: var(--padding-vertical) !important;
}

.boxpadding_bottom_half {
	padding-bottom: calc(var(--padding-vertical) / 2) !important;
}

.boxpadding_vertical {
	padding-top: var(--padding-vertical) !important;
	padding-bottom: var(--padding-vertical) !important;
}

.boxpadding_vertical_half {
	padding-top: calc(var(--padding-vertical) / 2) !important;
	padding-bottom: calc(var(--padding-vertical) / 2) !important;
}

.boxmargin {
	margin: var(--padding-vertical) var(--padding-horizontal) !important;
}

.boxmargin_half {
	margin: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) / 2) !important;
}

.boxmargin_left {
	margin-left: var(--padding-horizontal) !important;
}

.boxmargin_left_half {
	margin-left: calc(var(--padding-horizontal) / 2) !important;
}

.boxmargin_right {
	margin-right: var(--padding-horizontal) !important;
}

.boxmargin_right_half {
	margin-right: calc(var(--padding-horizontal) / 2) !important;
}

.boxmargin_horizontal {
	margin-left: var(--padding-horizontal) !important;
	margin-right: var(--padding-horizontal) !important;
}

.boxmargin_horizontal_half {
	margin-left: calc(var(--padding-horizontal) / 2) !important;
	margin-right: calc(var(--padding-horizontal) / 2) !important;
}

.boxmargin_top {
	margin-top: var(--padding-vertical) !important;
}

.boxmargin_top_half {
	margin-top: calc(var(--padding-vertical) / 2) !important;
}

.boxmargin_bottom {
	margin-bottom: var(--padding-vertical) !important;
}

.boxmargin_bottom_half {
	margin-bottom: calc(var(--padding-vertical) / 2) !important;
}

.boxmargin_vertical {
	margin-top: var(--padding-vertical) !important;
	margin-bottom: var(--padding-vertical) !important;
}

.boxmargin_vertical_half {
	margin-top: calc(var(--padding-vertical) / 2) !important;
	margin-bottom: calc(var(--padding-vertical) / 2) !important;
}

.outlined {
	outline-width: var(--block-border-width) !important;
	outline-style: solid !important;
}

.bordered {
	border: var(--block-border-width) solid transparent;
}

.bordered_vertical {
	border-left-width: var(--block-border-width) !important;
	border-left-style: solid !important;
	border-right-width: var(--block-border-width) !important;
	border-right-style: solid !important;
}

.bordered_left {
	border-left-width: var(--block-border-width) !important;
	border-left-style: solid !important;
}

.bordered_right {
	border-right-width: var(--block-border-width) !important;
	border-right-style: solid !important;
}

.bordered_horizontal {
	border-top-width: var(--block-border-width) !important;
	border-top-style: solid !important;
	border-bottom-width: var(--block-border-width) !important;
	border-bottom-style: solid !important;
}

.bordered_top {
	border-top-width: var(--block-border-width) !important;
	border-top-style: solid !important;
}

.bordered_bottom {
	border-bottom-width: var(--block-border-width) !important;
	border-bottom-style: solid !important;
}
/*=====================================*/
/*==    CONTENT RECAPTCHA            ==*/
/*=====================================*/

#content div.g-recaptcha,
.bootbox-body div.g-recaptcha {
	overflow-x: auto;
	overflow-y: hidden;
	transform: scale(0.8);
	transform-origin: 0;
}

#content div.block table div.g-recaptcha > div,
.bootbox-body div.block table div.g-recaptcha > div {
	margin: initial;
}

#content div.block table div.g-recaptcha,
.bootbox-body div.block table div.g-recaptcha {
	transform-origin: 0;
}

#content div.block div.g-recaptcha > div,
.bootbox-body div.block div.g-recaptcha > div {
	margin: auto;
}

#content div.block div.g-recaptcha,
.bootbox-body div.block div.g-recaptcha {
	transform-origin: 50% 50%;
}

/*=====================================*/
/*==    FOOTER                       ==*/
/*=====================================*/

#footer {
	right: 0;
	left: 0;
	height: auto;
	font-size: var(--footer-font-size);
	bottom: 0;
	border-top: 2px solid;
	border-bottom: 2px solid;
	padding: 0px var(--padding-horizontal);
	line-height: var(--footer-height);
}

@media (max-width: 960px) {
	#footer div.box div.left {
		float: none;
		text-align: center;
	}
	#footer div.box div.right {
		display: none;
	}
}
/*=====================================*/
/*==    INPUTS AND BUTTONS           ==*/
/*=====================================*/

input,
button,
select,
textarea,
.button,
.fakebutton {
	outline: none;
	font-size: calc(var(--font-size) - 2px) !important;
	vertical-align: middle;
	line-height: calc(var(--font-size) * 1.5 - var(--padding-vertical));
	height: calc(var(--font-size) * 1.5);
}

input.fa,
button.fa,
select.fa,
textarea.fa,
.button.fa,
.fakebutton.fa {
	font-size: calc(var(--font-size) - 2px) !important;
}

input.monospace,
button.monospace,
select.monospace,
textarea.monospace,
.button.monospace,
.fakebutton.monospace {
	font-size: calc(var(--font-size) - 3px) !important;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
select {
	width: 200px;
}

select[multiple] {
	height: auto;
}

textarea {
	min-width: 200px;
}

input[type="file"] {
	width: 320px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="file"],
input[type="submit"],
input[type="button"],
button,
select,
textarea,
.button,
.fakebutton {
	margin: 1px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="submit"],
input[type="button"],
button,
select,
textarea,
.button,
.fakebutton {
	padding: calc(var(--padding-vertical) / 3) calc(var(--padding-horizontal) / 2);
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="file"],
input[type="submit"],
input[type="button"],
button,
select,
textarea,
.button,
.fakebutton {
	border: var(--button-border-width) solid transparent;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="file"],
select,
textarea {
	box-sizing: border-box;
	text-shadow: none;
}

textarea {
	white-space: pre;
}

input[type="text"]:focus:not(:disabled):not([readonly]):not(.disabled),
input[type="email"]:focus:not(:disabled):not([readonly]):not(.disabled),
input[type="date"]:focus:not(:disabled):not([readonly]):not(.disabled),
input[type="number"]:focus:not(:disabled):not([readonly]):not(.disabled),
input[type="password"]:focus:not(:disabled):not([readonly]):not(.disabled),
input[type="file"]:focus:not(:disabled):not([readonly]):not(.disabled),
select:focus:not(:disabled):not([readonly]):not(.disabled),
textarea:focus:not(:disabled):not([readonly]):not(.disabled) {
	outline: 1px solid;
	position: relative;
	z-index: 1;
}

input[type="submit"],
input[type="button"],
button,
.button,
.fakebutton {
	box-sizing: border-box;
	font-weight: bold;
}

input[type="submit"],
input[type="button"],
button,
.button {
	box-sizing: border-box;
	font-weight: bold;
	cursor: pointer;
}

input[type="submit"].fa,
input[type="button"].fa,
button.fa,
.button.fa,
.fakebutton.fa {
	font-weight: normal;
}

input[type="submit"] + input[type="submit"],
input[type="submit"] + input[type="button"],
input[type="submit"] + button,
input[type="submit"] + .button,
input[type="submit"] + .fakebutton,
input[type="button"] + input[type="submit"],
input[type="button"] + input[type="button"],
input[type="button"] + button,
input[type="button"] + .button,
input[type="button"] + .fakebutton,
button + input[type="submit"],
button + input[type="button"],
button + button,
button + .button,
button + .fakebutton,
.button + input[type="submit"],
.button + input[type="button"],
.button + button,
.button + .button,
.button + .fakebutton,
.fakebutton + input[type="submit"],
.fakebutton + input[type="button"],
.fakebutton + button,
.fakebutton + .button,
.fakebutton + .fakebutton {
	margin: 1px 2px;
}

input[type="checkbox"],
input[type="radio"] {
	margin: 6px 1px;
	/*position: relative;*/
	/*top: 2px;*/
}

input.captcha {
	text-align: center;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.checkboxbg {
	padding: 6px 0px 3px 1px;
}

a.button:hover {
	text-decoration: none;
}

.button,
.fakebutton {
	display: inline-block;
	text-align: center;
	position: static;
}

input[type="submit"].active,
input[type="button"].active,
button.active,
.button.active,
input[type="submit"].disabled,
input[type="button"].disabled,
button.disabled,
.button.disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
.button:disabled {
	cursor: default;
}

input[type="submit"]:active,
input[type="button"]:active,
button:active,
.button:active,
input[type="submit"].active,
input[type="button"].active,
button.active,
.button.active {
	position: relative;
	z-index: 1;
}

/*.pagebutton,*/
.buttonsmall {
	padding: 0px 4px 0px 3px !important;
	min-width: 23px !important;
	line-height: 17px !important;
	height: 19px !important;
}

.buttonarray {
    font-size: 0px;
	vertical-align: top;
	margin-top: 1px;
	margin-bottom: 1px;
}

.buttonarray:not(.flex) {
	display: inline-block;
}

.buttonarray > .bordered,
.buttonarray > .button,
.buttonarray > .fakebutton,
.buttonarray > button,
.buttonarray > input,
.buttonarray > select,
.buttonarray > form > .bordered,
.buttonarray > form > .button,
.buttonarray > form > .fakebutton,
.buttonarray > form > button,
.buttonarray > form > input,
.buttonarray > form > select {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.buttonarray > .bordered:not(:last-child),
.buttonarray > .button:not(:last-child),
.buttonarray > .fakebutton:not(:last-child),
.buttonarray > button:not(:last-child),
.buttonarray > input:not(:last-child),
.buttonarray > select:not(:last-child),
.buttonarray > form:not(:last-child) > .bordered,
.buttonarray > form:not(:last-child) > .button,
.buttonarray > form:not(:last-child) > .fakebutton,
.buttonarray > form:not(:last-child) > button,
.buttonarray > form:not(:last-child) > input,
.buttonarray > form:not(:last-child) > select {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-right: -1px !important;
}

.buttonarray > .bordered:not(:first-child),
.buttonarray > .button:not(:first-child),
.buttonarray > .fakebutton:not(:first-child),
.buttonarray > button:not(:first-child),
.buttonarray > input:not(:first-child),
.buttonarray > select:not(:first-child),
.buttonarray > form:not(:first-child) > .bordered,
.buttonarray > form:not(:first-child) > .button,
.buttonarray > form:not(:first-child) > .fakebutton,
.buttonarray > form:not(:first-child) > button,
.buttonarray > form:not(:first-child) > input,
.buttonarray > form:not(:first-child) > select {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-left: 0px !important;
    margin-right: -1px !important;
}

/*=====================================*/
/*==    OVERRIDES                    ==*/
/*=====================================*/

hr.spacer {
	display: block !important;
	height: 4px;
	background: none;
}

hr.spacer:last-child {
	display: none !important;
}

.smalltext {
	font-size: 0.91666666666666666666666666666667em;
}

.smalltext2 {
	font-size: 0.83333333333333333333333333333333em;
}

.smalltext3 {
	font-size: 0.75em;
}

.largetext {
	font-size: 1.0833333333333333333333333333333em;
}

.largetext2 {
	font-size: 1.1666666666666666666666666666667em;
}

.largetext3 {
	font-size: 1.25em;
}

.monospace {
	font-family: "Roboto Mono", Monospace;
}

.nowrap,
.nobreak {
	white-space: nowrap !important;
}

.noborder {
	border: none !important;
	outline: none !important;
}

.noborder-top {
	border-top: none !important;
}

.noborder-bottom {
	border-bottom: none !important;
}

.noborder-left {
	border-left: none !important;
}

.noborder-right {
	border-right: none !important;
}

.nobackground {
	background: none !important;
}

.nopadding {
	padding: 0 !important;
}

.nopadding_vertical {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nopadding_horizontal {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.nomargin_vertical {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.nomargin_horizontal {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.hidden {
	visibility: hidden;
}

.noshadow {
	text-shadow: none !important;
	box-shadow: none !important;
}

.nodecoration {
	text-decoration: none !important;
}

body.popup .popuphide,
.bootbox-body .popuphide {
	display: none !important;
}

.bootbox.in, .bootbox .modal-dialog {
	display: flex !important;
	flex-direction: column;
}

.bootbox .modal-content {
	overflow: auto;
}

/*=====================================*/
/*==    FONT AWESOME ADDONS          ==*/
/*=====================================*/

.fa.fa-p:before, .fa.fa-b:before {
    font-weight: bold;
    font-size: calc(var(--fa-font-size) + 2);
	font-family: sans-serif;
	position: relative;
}

a.fa.fa-p:before, a.fa.fa-b:before {
	position: relative;
	top: 1px;
}

.fa.fa-p:before {
	content: "P";
}
.fa.fa-b:before {
	content: "B";
}

/*=====================================*/
/*==    EXPERIMENTAL                 ==*/
/*=====================================*/

table.rotated, table.rotated > tbody, table.rotated > tbody > tr {
    display: flex;
}

table.rotated > tbody {
    flex-basis: 100%;
}

table.rotated.single > tbody > tr:first-child {
    flex-basis: 130px;
}


table.rotated.single > tbody > tr:not(:first-child) {
    flex-basis: 100%;
}

table.rotated > tbody > tr {
    flex-wrap: wrap;
}

table.rotated > tbody > tr > th, table.rotated > tbody > tr > td {
  flex-basis: 100%;
}

table.rotated.single > tbody > tr > * {
    width: auto !important;
    height: 1.333em !important;
}

table.rotated.single > tbody > tr:first-child > * {
    text-align: right !important;
}

table.rotated.single > tbody > tr:not(:first-child) > * {
    text-align: left !important;
}

table.rotated.single > tbody > tr > * .button,
table.rotated.single > tbody > tr > * .fakebutton {
    margin: 0px;
}

/*=====================================*/
/*==    JQUERY UI OVERRIDES          ==*/
/*=====================================*/

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0;
}

.ui-menu .ui-menu-item {
	padding: calc(var(--padding-vertical) / 2) calc(var(--padding-horizontal) / 2);
	border: 1px solid transparent;
}