@charset "utf-8";

html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
}

#main {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

:not(textarea).flexfull {
	overflow: hidden;
}

.tempmessage:empty {
	display: none;
}

.tempmessage:blank {
	display: none;
}
/*
@-webkit-keyframes rightThenLeft {
	0%   {left: 0%;}
	50%  {left: 100%;}
	100% {left: 0%;}
}
*/
@media screen and (max-width: 960px) {
	*.mobilehide {
		display: none;
	}
}
@media screen and (min-width: 961px) {
	body:not(.popup) *.mobileshow {
		display: none;
	}
}

body.popup *.mobilehide {
	display: none;
}

#ajaxmessage:empty, #ajaxmessage:blank {
	display: none;
}

#content, body {
	overflow-x: hidden;
}

table, .overflow {
	overflow-x: auto;
	overflow-y: hidden;
}

table {
	border-spacing: 0px;
}

table.logtable > tbody > tr > td, table.logtable > tbody > tr > td > * {
	vertical-align: top;
}

*.noresize {
	resize: none !important;
}

*.jsUnHide {
	display: none !important;
}

.button > input[type="checkbox"] {
	margin: 0px;
	padding: 0px;
}

.invert {
	filter: invert(1);
}

/*=====================================*/
/*==    POSITIONING                  ==*/
/*=====================================*/

.left, .float-left {
	float: left;
	left: 0px;
}

.right, .float-right {
	float: right;
	right: 0px;
}

.center, .float-center {
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	right: 0px;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear {
	clear: both;
}

/*=====================================*/
/*==    ALIGNING                     ==*/
/*=====================================*/

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

.align-right {
	text-align: right !important;
}

.align-center {
	text-align: center !important;
}


/*=====================================*/
/*==    FLEX BOX                     ==*/
/*=====================================*/

.flex {
	display: flex;
	flex-direction: column;
}

.flex.flexreverse {
	flex-direction: column-reverse;
}

.flex.row {
	flex-direction: row;
}

.flex.row.flexreverse {
	flex-direction: row-reverse;
}

.flex.wrap {
	flex-wrap: wrap;
}

.flex.wrap.flexreverse {
	flex-wrap: wrap-reverse;
}

@media (max-width: 680px) {
	.flex.wrapsmall {
		flex-wrap: wrap;
	}
}

.inline-flex {
	display: inline-flex;
	flex-direction: column;
}

.flexfull {
	flex: 1;
}

.flexbasis {
	flex-basis: auto;
}

/*=====================================*/
/*==    TABLES                       ==*/
/*=====================================*/

td.fit, th.fit {
	width: 0%;
}

td.span, th.span {
	width: 100%;
}

/*=====================================*/
/*==	CONTAINER					==*/
/*=====================================*/

#container {
	display: flex;
	flex: 1;
	flex-direction: row;
}

div.spacer.bottom {
	flex-grow: 1;
}

.flexfull + div.spacer.bottom {
	flex-grow: 0;
}

/*=====================================*/
/*==	SIDEBAR					  ==*/
/*=====================================*/

div.sidebar {
	display: flex;
	flex-direction: column;
}

div.sidebar div a {
	display: block;
}

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

#content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

#content #topheader span.sitename {
	display: none;
}

tf {
	display: table-cell;
}

tooltip {
    display: none;
    position: absolute;
    background: white;
    color: black;
    border: 1px solid #808080;
    text-shadow: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)
    padding: 2px 4px;
    margin: 2px 0px;
    z-index: 999;
	font-size: 0.75em;
	text-align: left;
}

*:hover + tooltip {
    display: block;
}

pre.bbcode, pre.markdown {
	font-family: inherit;
	margin: 0px;
	padding: 0px;
	white-space: pre-wrap;
}

body.modal-open {
	/*box-sizing: border-box;*/
	padding-right: 0px !important;
	overflow: initial;
}