@media ( prefers-color-scheme: dark ) {
	body, .container, .page-footer, .page-content, .DataList .Foot, .DataList .Item, .DataList.Activities .CommentForm, .PanelInfo .Heading, .PanelInfo a, .list-group-item, .Message, .Note.Closed, .NumberedPager > a, .NumberedPager > div, .NumberedPager > span, .pagination > li > a, .pagination > li > span, .Item-BodyWrap, .CategoryBox, .CategoryGroup, .DataTableWrap, .Empty, .MessageForm, .MessageList .Item, .NoResults, .panel, .CategoryBox .MorePager, .MessageForm .Buttons, .panel-footer, .Reactions, .InformMessage, .popover, .Message, .Discussion, .Body 
	{
		color: rgba(255,255,255,1) !important;
		background-color: #0C1219 !important;
	}

	.Quote {
		background-color: #333; 
		border-left: #000;
		border-bottom: #000;
	}

	.SelfReactItem > * { color: #fff !important; }
	.SelfReactItem > .ReactSprite { filter: invert(100%); }


	.ReactButton:hover, .Button:hover {
		background-color: #333;
		color: rgba(255,255,255,.6);
		background-color: #333;
	}

	.DataList .Foot, .DataList .Item, .DataList.Activities .CommentForm, .PanelInfo .Heading, .PanelInfo a, .list-group-item {
		border: 1px solid rgba( 255, 255, 255, .06 );
	}

	.DataList .Item.CategoryHeading { 
		background-color: #171F2A !important; 
		margin-top: 2em; 
		border: 1px solid rgba(255,255,255,.06);
		font-size: 1.5em;
	}

	.tc.LastReply {
		/* border-left: 1px solid rgba(255,255,255,.06); */
		border-left: 0;
	}

	.tc.Totals { border-left: 1px solid rgba(255,255,255,.06); border-right: 1px solid rgba(255,255,255,.06); } 

	.InputBox, .MultiComplete, .TextBox, .form-control, .token-input-list, select {
		background-color: rgba(0,0,0,.06);
		color: rgba(255,255,255,1);
	}

	#Form_Search { background-color: #0a1017; border: 1px solid rgba(255,255,255,.15); }

	.well {
		background-color: rgba(255,255,255,.06);
		color: #fff;
		border: 0;
	}

	.search-form {
		background-color: transparent !important;
	}

	.CategoryBox .H, .CategoryGroup .H, .MessageList .Item-Header, .MessageList.Conversation .Meta, .panel-default>.panel-heading, .InputBox, .MultiComplete, .TextBox, .form-control, .token-input-list, select {
		border-color: rgba(255,255,255,.06);
	}

	.CategoryBox, .CategoryGroup, .DataTableWrap, .Empty, .MessageForm, .MessageList .Item, .NoResults, .panel-default {
		border-color: rgba(255,255,255,.06);
	}

	.CategoryBox .MorePager, .MessageForm .Buttons, .panel-footer {
		border-color: rgba(255,255,255,.06);
	}
	
	.tc.Category, .tc.PostInfo { border-right: 1px solid rgba(255,255,255,.06); }
	
	.Title, .Title a, .HomepageTitle, .PageTitle, Title.Discussion a, h1,h2,h3,h4,h5,h6 { color: #FFF !important; }
	.Title a:hover,.Title.Discussion a:hover, a.Title:hover { 
		color: #cc6600 !important; 
	}

	.Item .Title, .Item .Title a { color: #fff !important; }

	.Homepagetitle { margin-bottom: 0; }

	.navbar-collapse, .navbar-header, .navbar-brand {
		background-color: #161d27 !important;
	}

	.InformMessage, .popover {
		background-color: #0C1219;
	}

	.DismissMessage .Dismiss, .close, .token-input-delete-token, a.Close, a.Delete {
		color: #fff;
		text-shadow: 0 1px 0 #000;
	}

	.DismissMessage .Dismiss:focus, .DismissMessage .Dismiss:hover, .close:focus, .close:hover, .token-input-delete-token:focus, .token-input-delete-token:hover, a.Close:focus, a.Close:hover, a.Delete:focus, a.Delete:hover {
		color: #fff;
	}

	#return-top {
		background-color: #0C1219 !important;
	}

	.pagination>li>a, .pagination>li>span, .NumberedPager>a, .NumberedPager>span, .NumberedPager>div {
		border-color: rgba(255,255,255,.06);
	}

	.Count {
		color: rgba( 255, 255, 255, .87 );
	}

	.ReactLabel {
		color: rgba( 255, 255, 255, .6 );
	}

	blockquote, .Blockquote, blockquote.Quote {
		/*border-bottom: 1px solid #000;*/
		border-bottom: 0;
		border-left: 3px solid rgba( 255, 255, 255, .1 );
		background-color: rgba( 255, 255, 255, .03 );
		padding: 1rem;
		color: rgba(255,255,255,.6);
	}

	.FlyoutMenu, .MenuItems, .ac_results, .atwho-view, .dropdown-menu, .token-input-dropdown {
		background-color: #0C1219;
	}

	.MenuItems li>a, .MenuItems>a, .ac_results li, .ac_results>p, .atwho-view li, .dropdown-menu>li>a, .token-input-dropdown li, .token-input-dropdown>p {
		color: rgba(255,255,255,.6);
	}

	.nav a:hover {
		background-color: #0C1219;
	}

	a, a:visited, a:active {
		color: #82AFEB;
	}

	.Note.Closed a, .Note.Closed a:active  {
		color: #82AFEB !important;
	}

	img {
		opacity: .9;
		transition: opacity .5s ease-in-out;
	}

	img:hover {
		opacity: 1;
	}

	.ReactSprite {
		filter: invert(100%);
	}

	.NumberedPager .Highlight { border: 1px solid rgba(255,255,255,.06); }
	a.Highlight { background-color: rgba(255,255,255,.06) !important; }

	/* Begin New Dark Mode Dev */
	.CategoryBox, .CategoryGroup, .DataTableWrap, .Empty, .MessageForm, .MessageList .Item, .NoResults, .panel-default {
		border: none;
	}

	.CommentFormWrap {
		border-top: 1px solid rgba(255,255,255,.09);
	}

	.Reactions {
		border: none !important;
		box-shadow: none !important;
		background-color: inherit !important;
		padding: 0;
		margin-top: 1.5em;
	}

	.Message, Item-BodyWrap, .Item-Body, .Options, .Comment {
		background-color: #252a31 !important;
		color: #fff;
	}

	.AuthorWrap { flex: 1; }

	.Item-Header {
		background-color: #252a31 !important;
		border: 0 !important;
		display: flex;
		background-color: #171F2A;
		box-shadow: none;
	}

	.ReactButton, .Button {
		background-color: #3E4F60 !important;
		color: #fff;
	}

	.ReactButton, .Button { border: 1px solid rgba(255,255,255,.03); color: #fff !important; }
	.ReactButton:hover, .Button:hover { 
		background-color: rgba(255,255,255,.1) !important;
		border-color: rgba(255,255,255,.1) !important;
	}

	.ReactLabel, .ReactQuote, .ReactQuote:hover { color: #fff !important; }

	.CommentLastUpdated { color: #999 !important; }
	a { color: #6CA4D5; }

	.Message { font-size: 15px; padding-bottom: 1.5em; border-bottom: 1px solid rgba(255,255,255,.05); }

	.wysihtml5-sandbox {  border: 1px solid rgba(255,255,255,.1) !important; border-top: 0 !important; }
	.editor-dialog-fire-close, .editor-action { color: #fff; }
	.editor-dialog-fire-close body { background-color: rgba(0,0,0,.6) !important; }
	.editor-format-wysiwyg { background-color: rgba(255, 255, 255, .06); padding: 1em; }
	.editor-action:hover { background-color: rgba(255, 255, 255, .06) !important; border-radius: 1em !important; }
	.PageDescription, .light { color: rgba(255,255,255,.6) !important; }

	.DataList.Discussions li:nth-child(even) {
		background-color: #171F2A !important;
	}

	.DataList.Discussions li:nth-child(even) .Discussion {
		background-color: #171F2A !important;
	}

	.SelfReactions { margin-top: 0; }
	.MessageForm .PhotoWrap { left: auto; top: auto; position: initial; display: none; }


	.NumberedPager>a:focus, .NumberedPager>a:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, Ellipsis:hover {
		border-color: rgba(255,255,255,.06);
		background-color: rgba( 255, 255, 255, .06 );
	}


	.panel-default > .panel-heading a, .MessageList .Item-Header a, .MessageList.Conversation .Meta a, .CategoryBox .H a, .CategoryGroup .H a, .text-muted, .Gloss, .OptionsMenu .SpFlyoutHandle, .Item .Meta, .Conversation .Item .MItem, .Item .Meta a, .Conversation .Item .MItem a, .Item .AuthorInfo, .ActionBlock, .CommentHeader .MItem a, .PostCount, .PostNum {
		color: #fff; 
	}

	.MItem { color: #fff; } 
	.CommentHeader .MItem a { color: #fff !important; } 
	span.PostNum, .PostCount { color: rgba(255,255,255,.6); }

	.SelfReactions { border-top: rbga(255,255,255,.06); }

	.PrevNextPager a, .pager li>a, .pager li>span { 
		background-color: #3E4F60 !important;
		color: #fff;
		border-color: #3E4F60;
	}

	.PrevNextPager a:hover, .pager li>a:hover, .pager li>span:hover { 
		background-color: rgba(255,255,255,.1) !important;
		border-color: rgba(255,255,255,.1) !important;
	}

	.ConversationMessage .Meta { background-color: #252a31 !important; }

}


@media screen and (max-width:768px) {
	.Item-Header { display: flex; flex-direction: column; width: 100%; gap: .5em; border-bottom: 1px solid rgba(255,255,255,.06) !important; }

	.wysihtml5-command-active, .wysihtml5-action-active, .wysihtml5-command-dialog-opened, .editor-dropdown-open > .editor-action {
		border-radius: 1em !important; 
		background-color: rgba(0,0,0,.6);
	}

	.Discussion .PostMeta, .tc.Category, .tc.PostInfo { border-bottom: 1px solid rgba(255,255,255,.06) !important; }

	.TCWrap { display: flex; }
	.TCWrap .LastReply { width: auto; }


	.tc.Category, .tc.PostInfo { border-right: 0; }

	.tc.Totals { border-left: 0; }
	.TCWrap { margin-top: .5em; gap: 1em; } 
	.TCWrap .LastReply { flex: 1; text-align: center; }
	.TCWrap .Totals { border-left: 0; flex: 1; }
	.tc-wrap .PostInfo { border-right: 0; }
	.lastReplyDate { display: block; clear: both; }
	.BoxNewDiscussion { margin-top: 4.5em; }
	.Discussion.PostMeta { margin: 0; margin-top: 1em; margin-bottom: 1em; }

	.tc-wrap { flex-direction: column; }

	.tc.PostInfo { margin-top: 1.5em; } 

	.Title.Discussion { font-size: 18px; line-height: 1.4em; }

	.Discussions li { margin-bottom: 1.5em;} 

	.Discussion PostMeta { display: block; clear: both; }
	.tc.LastReply { padding-top: 0; }

	.Options { display: none; }
	.Message { border-bottom: 0; padding-bottom: 1em; }
	.ReactButton { margin-top: 1.25em; }
	.Reactions { margin-top: 1em; border-top: 1px solid rgba(255,255,255,.06) !important; }

	.Message blockquote.Quote {
		/* autocollapse */
		max-height: 22.5em;
	}

	.SelfReactions { border-top: 0; }
}


.tc-wrap { display: flex; }
.tcWrap { display: flex; }
.tc.Category, .tc.PostInfo { width: auto; flex: 1; }
.TCWrap { display: flex; flex: 1; }
.TCWrap .Totals, tc.Totals { width: 150px !important; min-width: 150px !important; max-width: 150px !important; align-content: center; }
.tc.LastReply { flex: 1; align-content: center; }

p.lastReplyUser { width: 100%; }

.AdminCheck { margin-left: .5em; }
.page-footer { margin-bottom: 1em; }