.forum-header {
	font-size: 32px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin: 20px 0 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.forum-header.center,
.forum-sub-header.center {
	text-center: center;
}
.forum-header > a {
	color: inherit;
}
.forum-header > a:hover {
	text-decoration: underline;
}
@media(max-width: 1000px) {
	.forum-header {
		text-align: center;
		padding: 0 10px;
		font-size: 18px;
	}
	.forum-sub-header {
		text-align: center;
	}
}
.user-sidebar .forum-header {
	font-size: 18px;
}
.topic-header {
	display: flex;
	flex-direction: column;
	padding: 40px 40px 30px 40px;
	background: #416aac;
	color: #fff;
	text-align: left;
}
.topic-header > h1 {
	text-align: inherit;
	padding: 0;
	font-size: 32px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
	margin: 0 0 5px;
	word-break: break-word;
}
.preview-element .topic-header {
	display: block;
	padding: 10px 10px 5px 10px;
}
.preview-element .topic-header > h1 {
	font-size: 18px;
	display: inline-block;
}
@media(max-width: 900px){
	.topic-header {
		align-items: center;
		text-align: center;
		padding: 40px 0 30px 0;
	}
	.topic-header > h1 {
		font-size: 24px;
	}
}
.topic-header > span > a {
	color: inherit;
}
.topic-header > .exclude-games-link {
	color: #fff;
	text-decoration: none;
}
.topic-header > .nx > .dropdown {
	display: inline-block;
	margin-right: 5px;
	
}
.topic-header > .nx > .dropdown > ul {
	border-radius: 0;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.topic-header > .nx > .dropdown > a {
	color: #fff;
	text-decoration: none
}

.or-divider.forum > span { background: #fff; }
.pgforum { width: auto !important; }
.footer { background: none; }
.wrap > .container-fluid > .col-md-1 > .btn {
	margin-right: 5px;
	display: block;
	width: auto;
}
.wrap > .container-fluid > .col-md-10 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0 0 3px 3px;
	background: #fff;
}
@media(max-width: 997px)
{
	.wrap > .container-fluid > .col-md-10 {
		border: 1px solid #ddd;
		border-radius: 3px;
	}
}

.pgforum-banner {
	width: auto;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
}
.forum-topics-options {
	padding: 5px 15px;
	text-align: right;
}
.forum-topics-ajax .container-fluid {
	padding: 0;
}
.pgforum-banner-margin {
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
}
.pgforum-banner-margin .col-md-2 {
	padding: 10px;
}
.pgforum-banner-margin .col-white {
	padding: 0 0 0 0;
	min-height: 100%;
	height: 100%;
}
.col-white {
	min-height: 100%;
	height: 100%;
}
.recentbar a.hr {
	background: #f24298;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 100;
	text-decoration: none;
}
.recentbar .online {
	background: #fff;
	margin: 0 0 5px 0;
	padding: 5px;
	font-size: 12px;
}
.recentbar .recent {
	margin: 0 0 5px 0;
	background: #fff;
}
.recentbar-post {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	text-overflow: ellipsis;
	line-height: 24px;
}
.recentbar-post .FTP-F {
	font-size: 11px;
}
.recentbar-post .title {
	text-overflow: ellipsis;
	display: block;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
}
.pgforumsub-topic,.pgforumsub-members,.pgforumsub-purgecookies,.pgforumsub-login,.pgforumsub-board,.pgforumsub-home,.pgforumsub-top,.pgforumsub-boards,.pgforumsub-new,.pgforumsub-editpost,.pgforumsub-category,.pgforumsub-profile,.pgforumsub-search,.pgforumsub-recover-password {
	padding: 0;
}
.pgforumsub-login h3 { text-align: center; }
.pgforumsub-members h3,.pgforumsub-board h3,.pgforumsub-home h3 { margin: 0; }

.nav-sider:not(.nav-stacked) li a { color: #4e99e4 !important; }
.nav-sider li a { color: #4e99e4; }
.nav-sider li a:hover, .nav-sider li a:active,.nav-sider li a:focus {
	background: none !important;
	background: none !important;
	border-radius: 0 !important;
}
.nav-sider li.active a {
	color: #fff !important;
	background: #f24298 !important;
	border-radius: 0 !important;
}
.right-sider {
		
}
@media(max-height: 600px){
	.pgforum-banner { height: 130px; background: none; background:#627698; }
	.pgforum-banner-margin { border-radius: 0; }
}


.regForm {
	max-width: 350px; width: auto; background: #fff; margin: 10px auto;
	border-radius: 3px;
}
.regForm .form-control { margin-bottom: 10px; }
.regForm legend { text-align: center; border: none; }
.regForm label { font-weight: normal; }
.regForm .inner {
	padding: 20px 20px 10px 20px; 	
}
.regForm .inner-even {
	padding: 20px;
}
.regForm .alert {
	border: none !important;
	font-size: 11px;
	border-radius: 0 0 3px 3px !important;
	display: block !important;
}
.regForm .btn-primary.last {
	border: none !important;
	border-radius: 0 0 3px 3px !important;
	padding: 15px;
	display: block !important;
}

.container-fluid-forum-home {
	margin: 10px 0;
}

.container-fluid-forum-home ul.nav-stacked li a {
	color: #4e99e4;
}
.container-fluid-forum-home ul.nav-stacked li.active a {
	color: #fff;
}
.nav-sider li.separator {
	border-bottom: 1px solid #ccc;
}
@media(max-width: 992px){
	.nav-sider {
		padding: 5px 5px 5px 5px;
		text-align: center;
		display: block;
		white-space: nowrap;
		font-size: 0;
		overflow: auto;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		background: #fff;
		border-top: 1px solid #ccc;
	}
	.nav-sider li {
		display: inline-block;
		background: transparent !important;
		    font-size: 16px;
	}
	.nav-sider li.active {
		border-bottom: 3px solid #4e99e4;
		background: transparent !important;
	}
	.nav-sider li.separator {
		display: none !important;	
	}
}

.cat-header-name {
	color: #1e242b;
	font-size: 28px;
	text-transform: uppercase;
	padding: 5px;
	display: block;
}

.forum-boards-holder h3 {
	margin: 0;
}
.forum-board {
	padding: 16px 15px;
	font-size: 14px;
	display: block;
	color: #444;
	text-decoration: none !important;
}
.forum-board:hover {
	background: #f1f1f1;
}
.forum-board .forum-subboard {
	background: #f1f1f1 url(https://cdn.donutteam.com/MainSite/page/forum/subforum_stem.png) no-repeat left center;
	font-size: 12px;
}
.forum-board .header-link {
	font-size: 18px;
	line-height: 28px;
	border-radius: 3px;
	display: inline-block;
	padding: 2px 0;
	color: #4682B4;
	text-decoration: none;
}
.forum-board p {
	padding: 5px 0 0 0;
	margin: 0;
	text-decoration: none;

}
.breadcrumb { background: #fff; }
.breadcrumb li.active a { color: #999; text-decoration: none; }

.forum-np {
	border: 2px solid #e1e1e1;
	background: #fff;
	border-radius: 3px;
}
.forum-np-header {
	background: transparent;
}
.forum-np-header input {
	outline: none;
	border: none !important;
	background: transparent;
}
.forum-np-footer {
	padding: 20px 10px;
	margin: 0 0 0 0;
	border-top: 1px solid #e6e5e5;
	text-align: right;
}
.forum-members-pagination,.forum-topic-pagination { text-align: center; }
.forum-loading-div { width: 128px; height: 128px; margin: auto; background: url(https://cdn.donutteam.com/MainSite/ajax-loader.gif); }
.forum-members-user {
	margin: 5px;
	background: #fafafa;
	padding: 6px 5px 3px 5px;
	position: relative;
	display: flex;
	flex-direction: row;
}
.theme-dark .forum-members-user {
	background: #1e242b;
}
.forum-members-user.moderator {
	background: #d3ffda !important;	
}
.theme-dark .forum-members-user.moderator {
	background: #440000 !important;
}
.forum-members-user.moderator a {
	color: #3f964d !important;
	font-weight: bold;
}
.theme-dark .forum-members-user.moderator a {
	color: #d81515 !important;
}
.forum-members-user img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.forum-members-user .info {
	padding: 10px;
	line-height: 16px;
}
.forum-members-user .info .joinDate {
	font-size: 11px;
	color: #999;
}


.pagination li.active a,.pagination li.active a:hover{ background: #4e99e4; border: 1px solid #4e99e4; }
.pagination li:not(.active) a,.pagination li:not(.active) a:hover{ color: #4e99e4; }




.topicname-hd {
	text-align: left;
	padding: 0 5px;
	font-size: 18px;
}
.forum-new-post {
	margin: 3px;
}




.cd-editor {
	padding: 5px;
}
.cd-editor .cd-forum-topic textarea {
	width: 100%;
	border: 0;
	outline: none;
	margin: 0;
	padding: 15px;
}
.cd-editor .cd-forum-topic .forum-np-footer {
	margin: 0 !important;
	background: transparent;
}
.cd-forum-topic .inffout .pull-right {
	color: #000;
	font-size: 14px;
}
.forum-new-post .sel,.forum-new-post .inp {
	border: none !important;
	font-size: 18px;
	border-radius: 0 !important;
	background: #fff;
}
.forum-new-post .inp, .forum-new-post .sel {
	margin: 0 !important;
	border-bottom: 1px solid #ccc !important;
}
.forum-new-post .fnp-st {
	font-weight: bold;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: 300;
	display: inline-block;
	padding: 2px 10px;
}
.topic-locked {
	padding: 0 10px 10px 10px;
	text-align: center;
}
.pgforumsub-members h3,.pgforumsub-search h3 {
	margin: 0;
}



/* Forum Topic Stuff */
.forum-board-sep {
	border-bottom: 1px solid #999;
	background: rgb(192, 192, 192);
	color: #000;
	margin: 10px 0;
}



.newConversation {
	margin: 5px;
	background: #fff;
	padding: 10px;
	border-radius: 3px;

}
.newConversation > a,.newConversation > a:hover {
	display: block;
	padding: 10px;
	background: #e2e2e2;
	border-radius: 3px;
	cursor: text;
	color: #000000;
	text-decoration: none !important;
}



/* August 9th */
.section-wh {
	background: #fff;
	margin: 10px 0;
}
.section-wh .section-h {
	border-bottom: 1px solid #ccc;
	padding: 15px 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.section-wh .section-b:not(:empty) {
	padding: 10px;
}
.section-wh .section-h .wh-navigation {
	float: right;
}


.discord-key-px {
	line-height: 28px;
}

.discord-key-pr {
	background: #000;
	color: #000;
	padding: 5px;
}
.discord-key-pr:hover {
	background: none;
}

.AppGrid
{
	margin: 20px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 10px;
	gap: 10px;
	justify-items: center;
	align-items: center;

}
.App {
	display: flex;
	background: #fff;
	color: #000;
	text-align: left;
	margin: 5px 10px;
	position: relative;
	flex-direction: column;
	max-width: 300px;
	min-height: 200px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: rgb(250, 250, 250);
	border-radius: 8px;
}
.App > .remove {
	position: absolute;
	top: 10px;
	right: 15px;
	display: none;
	width: auto;
	margin: 0;
	min-width: 0;
	height: auto;
	min-height: 0;
	color: #1e242b;
}
.App:hover > .remove {
	display: block;
}
.App > a,.App > img {
	display: block;
	margin-right: 15px;
	flex: 0;
	min-width: 300px;
	height: 100px;
}
.App > a > img {
	min-width: 300px;
	height: 100px;
	border-radius: 8px 8px 0 0;
}
.App > div {
    flex: 1;
	display: flex;
	justify-content: flex-start;
    text-align: left;
	padding: 10px;
}
.App > div > div > a, .App > div > div >  h1 {
	width: 100%;
	display: block;
	font-size: 18px;
	color: #000;
	text-align: left;
	margin: 0;
}
.App > div > div > a {
	color: steelblue;
}
.App > div > div > span {
	width: 100%;
	display: block;
	color: #b4b4b4;
	font-size: 11px;
}
.BadgeContainer {
	font-size: 0;
	max-width: 1600px;
	overflow: hidden;
	margin: 20px 0;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
  }
  .BadgeContainer > a {
	cursor: default;
	position: relative;
	float: left;
	width: calc(100%/6);
	transition: 0.1s width;
	padding: 2px;
	vertical-align: middle;
  }
  .BadgeContainer > a > span {
	background: #333;
	color: #ddd;
	padding: 7px 5px;
	font-size: 12px;
	position: absolute;
	text-align: center;
	bottom: 10px;
	right: 10px;
	left: 10px;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s all;
  }
  .BadgeContainer > a > img {
	width: 100%;
	vertical-align: middle;
	pointer-events: none;
	user-select: none;
  }
  .BadgeContainer > a:hover > span {
	opacity: 1;
  }
  @media (max-width: 1000px) {
	.BadgeContainer > a {
	  width: calc(100%/2);
	}
  }
  
.cpop > .content {
    order: 1;
    padding: 0 10px;
}
@media(max-width: 900px) {
	.profile-header {
		flex-direction: column;
	}
	.profile-header > .information {
		text-align: center;
	}
	.profile-header > .image {
		align-self: center;
	}
}

.toggleableboards.hidden {
	display: none;
}

.forum-topic-preview {
	display: flex;
	flex-direction: row;
	color: #1b1b1b;
	padding: 15px;
	position: relative;
	cursor: pointer;
	margin: 20px 0;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.forum-topic-preview.mini {
	padding: 5px 5px 7px 5px;
	margin: 10px 0;
}
.forum-topic-preview.pinned {
	background-color: #ccffd8;
}
.forum-topic-preview.pinned.highlighted,
.forum-topic-preview.pinned:hover {
	background-color: #daffe5;
}
.forum-topic-preview.locked {

}
.forum-topic-preview.compact {
	margin: 2px 0;
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
}
.forum-topic-preview > .pinned {
	position: absolute;
	font-size: 103px;
	opacity: 0.4;
	bottom: -3px;
	left: 10px;
	transform: rotate(341deg);
	color: #005800;
	pointer-events: none;
}
.forum-topic-preview.compact > .pinned {
	font-size: 90px;
}
.forum-topic-preview > .floating-labels {
	position: absolute;
	top: -12px;
	left: 10px;
}
.forum-topic-preview.compact > .floating-labels  {
	top: -2px;
	left: 0px;
}
.forum-topic-preview > .floating-labels > a,
.forum-topic-preview > .floating-labels > span {
	border: 1px solid #ccc;
	background: #fff;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 6px;
	color: inherit;
	text-decoration: none;
	font-size: 11px;
}
.forum-topic-preview.compact > .floating-labels > a,
.forum-topic-preview.compact > .floating-labels > span {
	border-radius: 0px;
	border: none;
	font-size: 10px;
}
.forum-topic-preview:not(.compact) > .floating-labels > *:not(:first-child) {
	margin-left: 5px;
}
.forum-topic-preview > .floating-labels > span.fl-sub {
	background-color: #4e99e4;
	color: #fff;
}
.forum-topic-preview > .floating-labels > span.fl-spoiler {
	background-color: #000;
	color: #fff;
}
@keyframes highlighted {
	from {border-color: #6092e2;}
	to {border-color:transparent;}
}
.forum-topic-preview.highlighted:not(:hover) {
	animation-name: highlighted;
	animation-duration: 2s;
}
.forum-topic-preview.highlighted,
.forum-topic-preview:hover {
	background-color: #f9f9f9;
}
.forum-topic-preview:hover {
	border-color: #6092e2;
}
.forum-topic-preview > .unread {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #6092e2;
	width: 3px;
	opacity: 1;
	transition: opacity 0.3s;
}
.forum-topic-preview > .unread.read {
	display: none;
}
.forum-topic-preview:hover > .unread {
	opacity: 0.2;
}
.forum-topic-preview > .preview-image {
	align-self: center;
	display: flex;
	justify-content: center;
	min-width: 60px;
	max-width: 60px;
}
.forum-topic-preview > .preview-image > img {
	max-width: 100%;
	max-height: 90px;
	border-radius: 3px;
}
.forum-topic-preview > .preview-image > .no-preview {
	display: flex;
	flex: 1;
	background: rgba(0,0,0,0.7);
	color: #ddd;
	border-radius: 3px;
	padding: 20px 10px;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.forum-topic-preview > .avatar {
	min-width: 60px;
	max-width: 60px;
	z-index: 9;
}
.forum-topic-preview.compact > .avatar {
	align-self: center;
}
.forum-topic-preview > .avatar > a > img {
	border-radius: 50%;
	width: 50px;
}
.forum-topic-preview > .information {
	color: rgb(26, 25, 25);
	position: relative;
	text-decoration: none;
	display: block;
	flex: 1;
	min-width: 0;
	padding: 0 10px;
}
.forum-topic-preview > .data {
	width: 100%;
	max-width: 100px;
	align-self: center;
	text-align: right;
}
.forum-topic-preview > .data > .item {
	font-size: 12px;
	margin: 10px 0;
	font-family: 'Montserrat', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.forum-topic-preview > .data > .item:first-of-type {
	margin-top: 0;
}
.forum-topic-preview > .data > .item:last-of-type {
	margin-bottom: 0;
}
.forum-topic-preview > .information > .forum-inner-preview {
	margin-top: 5px;
	font-size: 11px;
	color: #aaa;
	word-wrap: break-word;
}
.forum-topic-preview > .popup-clicker {
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.forum-topic-preview > .information > .label {
	font-size: 100% !important;
	user-select: none;
}
.forum-topic-preview > .information > .link {
	font-size: 18px;
	color: #1b1b1b;
	font-family: 'Montserrat', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 24px;
	margin: 6px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	text-decoration: none;
	font-weight: 400;
}
.forum-topic-preview.mini > .information > .link {
	font-size: 14px;
	line-height: 18px;
}
.forum-topic-preview.compact > .information > .link {
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
}
.forum-topic-preview > .information > .poster-information a {
	color: #000;
}

.forum-topic-preview > .information > .data > .item {
	position: relative;
	display: inline-block;
	color: rgb(88, 88, 88);
	margin-right: 20px;
	cursor: default;
}
.forum-topic-preview > .information > .data {
	margin-top: 5px;
	font-size: 12px;
}
.forum-topic-preview > .information > .data > .item > span.fal {
	margin-right: 5px;
}
.forum-topic-preview > .information > .data > .item > span.fa.no-margin {
	margin: 0;
}
.forum-topic-preview > .information > .data > .tooltip:last-child {
	margin-right: 0;
}
.forum-topic-preview > .information > .data > .item > .tooltip {
	pointer-events: none;
	visibility: hidden;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	text-align: center;
	padding: 5px 0;
	position: absolute;
	top: -5px;
	right: 115%;
	z-index: 1;
	opacity: 1;
	padding: 5px;
	min-width: 100px;
}
.forum-topic-preview > .information > .data > .item > .tooltip::after {
	visibility: hidden;
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -4px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(0,0,0,0.8);
}
.forum-topic-preview > .information > .data > .item:hover > .tooltip,.forum-topic-preview > .information > .data > .item:hover > .tooltip::after {
	visibility: visible;
}
.forum-topic-preview > .information > .poster-information {
	font-size: 12px;
	line-height: 20px;
	color: #7e7e7e;
}
.forum-topic-preview.mini > .information > .poster-information {
	font-size: 11px;
	line-height: 14px;
}

@keyframes placeHolderShimmer{
	0%{
		background-position: -468px 0
	}
	100%{
		background-position: 468px 0
	}
}

.forum-topic-preview.placeholder {
	max-height: 108px;
}
.forum-topic-preview.placeholder > .avatar > .placeholder,
.forum-topic-preview.placeholder .placeholder {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, rgba(221, 221, 221, 0.2) 8%, #dddddd 18%, rgba(221, 221, 221, 0.2) 33%);
	border: 1px solid rgba(221, 221, 221, 0.4);
	background-size: 800px 104px;
	position: relative;
	min-height: 16px;
	display: inline-block;
}

.forum-topic-preview.placeholder > .avatar > .placeholder {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.forum-topic-preview.placeholder .placeholder.link {
	height: 24px;
}
.forum-topic-preview.placeholder .placeholder.placeholder-1 {
	width: 20%;
}
.forum-topic-preview.placeholder .placeholder.placeholder-2 {
	width: 30%;
}
.forum-topic-preview.placeholder .placeholder.placeholder-3 {
	width: 40%;
}
.forum-topic-preview.placeholder .placeholder.placeholder-4 {
	width: 60%;
}
.forum-topic-preview.placeholder .placeholder.placeholder-5 {
	width: 70%;
}


@media screen and (max-width: 800px) {
	.nx > .dropdown {
		display: block;
		width: 100%;
	}
	.nx > .dropdown > .dropdown-toggle {
		display: block !important;
		width: 100% !important;
		border-radius: 0px !important;
		border: none !important;
		margin: 10px 0 !important;
	}
	.nx > .dropdown > .dropdown-menu {
		right: 0;
		border-radius: 0;
	}
	.forum-topic-preview {
		flex-wrap: wrap;
		border: none;
		border-radius: 0px;
		padding-bottom: 5px;
	}
	.forum-topic-preview > .avatar {
		flex: 1 0 25%;
		float: right;
	}
	.forum-topic-preview > .information {
		flex: 1 0 75%;
	}
	.forum-topic-preview > .information > a.link {
		font-size: 18px;
		line-height: 20px;
	}
	.forum-topic-preview > .information > .forum-inner-preview {
		display: none;
	}
	.forum-topic-preview > .data {
		margin-top: 3px;
		text-align: left;
		max-width: none;
	}
	.forum-topic-preview > .data > .item {
		display: inline-block;
	}
	.forum-topic-preview > .data > .item:not(:first-of-type) {
		margin-left: 10px;
	}
}

.currently-online {
	padding: 10px;
	border-top: 1px solid #ccc;
}
.currently-online > strong {
	display: block;
	font-family: 'Montserrat', 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 5px;
}
.currently-online > div {
	font-size: 12px;
}

.sidebartoggle,
.user-sidebar .closeBtn,
.openSidebar {
	display: none;
}
@media(max-width: 772px)
{
	.openSidebar {
		position: fixed;
		z-index:9999;
		bottom: 10px;
		left: 10px;
		display: inline-block;
		text-align: center;
		background: rgba(0, 174, 255, 0.85);
		color: #fff;
		cursor: pointer;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 34;
		font-size: 24px;
		border-radius: 50%;

		transition: left 0.4s;
	}
	.openSidebar > * {
		pointer-events: none;
	}
	/*.user-sidebar {*/
	/*	position: fixed;*/
	/*	top: 0;*/
	/*	bottom: 0;*/
	/*	margin: 0 !important;*/
	/*	left: -100%;*/
	/*	min-width: 0 !important;*/
	/*	width: 100% !important;*/
	/*	max-width: 100% !important;*/
	/*	min-height: 100vh;*/
	/*	overflow-y: scroll;*/
	/*	-webkit-overflow-scrolling: touch;*/
	/*	z-index: 99999 !important;*/
	/*}*/
	.user-sidebar .closeBtn {
		padding: 10px 15px;
		text-align: center;
		font-size: 16px;
		color: #000;
		display: block;
		background: #f9f9f9;
		border-radius: 3px;
		margin-bottom: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.user-sidebar {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 0;
		width: 256px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		display: none;
		background: #fff;
		z-index:999999 !important;
	}

	#forum-main {
		position: relative;
		z-index: 1;
		will-change: transform;
	}

	.slideout-open,
	.slideout-open body {
		overflow: hidden;
	}

	.slideout-open .user-sidebar {
		display: block;
	}
}
.user-sidebar.open {
	left: 0;
}


.revision-wrap {
	display: flex;
	align-items: center;
	padding: 10px;
	margin-bottom: 5px;
	border-left: 3px solid #7e00af;
	background: #f9f9f9;
	color: #000;
}
.revision-wrap > div {
	flex: 1;
}
.revision-wrap > .ci {
	padding: 10px;
	width: 60px;
	font-size: 18px;
}

/* Friends list */
aside#forum-sidebar > ul > li.side-label {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
aside#forum-sidebar > ul > li.user {
	margin-bottom: 10px;
}
aside#forum-sidebar > ul > li.user.offline {
	opacity: 0.5;
	transition: opacity 0.3s;
}
aside#forum-sidebar > ul > li.user:hover {
	opacity: 1;
	background: none;
}
aside#forum-sidebar > ul > li.user:hover > a {
	background: none;
}
aside#forum-sidebar > ul > li.user > a > .profile-image {
	position: relative;
}
aside#forum-sidebar > ul > li.user > a > .profile-image > img {
	border-radius: 50%;
}
aside#forum-sidebar > ul > li.user > a > .profile-image > .online-status
{
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #f9f9f9;
	border: 1px solid #607D8B;
	bottom: 0;
	right: 0;
}
aside#forum-sidebar > ul > li.user > a > .profile-image > .online-status.online {
    background: #18f741;
    background: -moz-linear-gradient(top, #18f741 0%, #07d604 100%);
    background: -webkit-linear-gradient(top, #18f741 0%,#07d604 100%);
    background: linear-gradient(to bottom, #18f741 0%,#07d604 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18f741', endColorstr='#07d604',GradientType=0 );
}
aside#forum-sidebar > ul > li.user > a > .profile-image > .online-status.away {
    background: #e5e696;
    background: -moz-linear-gradient(top, #e5e696 0%, #d1d360 100%);
    background: -webkit-linear-gradient(top, #e5e696 0%,#d1d360 100%);
    background: linear-gradient(to bottom, #e5e696 0%,#d1d360 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=0 );
}
aside#forum-sidebar > ul > li.user > a > .profile-image > .online-status.dnd {
    background: #ff3019;
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}

aside#forum-sidebar > ul > li.user > a > .text {
	margin-left: 7px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}
aside#forum-sidebar > ul > li.user > a > .text > .name {
	display: block;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;

}
aside#forum-sidebar > ul > li.user > a > .text > .lastAccess {
	font-size: 11px;
}

.sidebar-link {
	display: flex;
	justify-content: center;
	align-content: center;
	margin: 10px 0;
	color: #000;
	padding: 5px;
	text-decoration: none !important;
}
.sidebar-link > .icon {
	font-size: 24px;
	width: 32px;
	height: 32px;
	text-align: center;
	margin-right: 10px;
}
.sidebar-link > .text {
	flex: 1;
}

.nx {
	display: flex;
	margin-top: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}
.nx > .dropdown {
	display: inline-block;
}
.nx > .dropdown > .dropdown-toggle {
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 10px;
	display: inline-block;
	padding: 10px 20px;
	color: #1c1c1c;
	text-decoration: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border-radius: 6px;
}

.new-post {
	display: flex;
	min-width: 200px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #4e99e4;
	color: #fff;
	font-weight: bold;
	text-decoration: none !important;
	cursor: pointer;
	border: 0;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	margin-bottom: 5px;
}
.new-post > .icon {
	width: 50px;
	height: 42px;
	background: rgba(0,0,0,0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-post > .text {
	width: 100%;
	padding: 11px;
}
.new-post:hover {
	background: #3b8ad8;
	color: #fff;
}

.new-poll {
	background-color: #e44db0;
}
.new-poll:hover {
	background-color: #cf4a9b;
}

.forum-container-ripshred {
	display: flex;
	min-width:0;
	flex-direction: row-reverse;
}
.forum-container-ripshred > .flair-listing {
	display: block;
	width: 100%;
	max-width: 200px;
	margin-left: 10px;
	padding-top: 10px;
	line-height: 24px;
}
.forum-container-ripshred > .forum-topics-ajax {
	flex: 1;
}
.forum-container-ripshred > .flair-listing > a {
	display: block;
	padding: 5px 8px;
	margin: 10px 0;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	background-color: #fff;
}
.forum-container-ripshred > .flair-listing a:hover {
	opacity: 0.8;
}

@media(max-width: 1300px)
{
	.forum-container-ripshred {
		display: block;
	}
	.forum-container-ripshred > .flair-listing {
		max-width: none;
	}
	.forum-container-ripshred > .flair-listing > a {
		display: inline-block;
		margin: 5px 0;
	}
	.forum-container-ripshred > .flair-listing > hr {
		display: none;
	}
}

.pi_user_well {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 0;
}
.pi_user_well > img {
	border-radius: 50%;
	margin-right: 10px;
}



.pi_info_holder {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px;
	margin: 10px 0;
	border-radius: 3px;
}
.pi_info_holder h3 {
	margin: 5px 0;
}
.pi_info_data {
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #555;
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}
.pi_info_stat_info {
	flex: 1;
}
.pi_info_data.negative {
	background: #810909;
}
.pi_info_data.positive {
	background: #3a9e3a;
}