/* Begin General CSS --------------------------- */


@font-face{
    font-family:NotoSans-Regular;
    src: url(./fontsh/NotoSans-Regular.ttf);
    font-weight:thin;
}

@font-face{
    font-family:NotoSans-Regular;
    src: url(./fontz/NotoSans-Regular.ttf);
}

@font-face{
    font-family:NotoSans-Regular-Semibold;
    src: url(./fontz/NotoSans-Regular.ttf);
    font-weight:semibold;
}

@font-face{
    font-family:NotoSans-Bold;
    src: url(./fontz/NotoSans-Bold.ttf);
    font-weight:bold;
}

@font-face{
    font-family:Metropolis;
    src: url(./fontz/Metropolis-Regular.ttf);
}

@font-face{
    font-family:Metropolis;
    src: url(./fontz/Metropolis-Semibold.ttf);
    font-weight:bold;
}

@font-face{
    font-family:Metropolis;
    src: url(./fontz/Metropolis-RegularItalic.ttf);
    font-style:italic;
}

.page-type-page .ql-editor h2{
	margin-top: 3.5rem;
}

@media (min-width: 999px){
	
	.search-page-content, .list-page-your-groups {
		padding-top: 1rem;
	}

	.page-content {
		padding-top: 1rem;
	}

	.search-page-content .block-list {
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 2.5rem;
	}

	.list-page-your-subscriptions {
		margin-top: 2.5rem;
	}	

	.page-type-page .viewTitle.pageTitle, 
	.page-type-page h2.pageTitle {
		margin-top: 3.5rem;
	}

	#border.page-type-search-page,
	#border {
		width: 1000px
	}

	.page-type-search-page .list-block-border,
	.list-block-border {
		width:48.9%;
	}

	.thread-topic-border #block-container {
		float: left;
	}

	.page-type-search-page .block-container,
	.block-container {
		width: 73%;
	}

	.page-type-search-page .container-side,
	.container-side {
		width: 26%;
		padding-right: 2%;
	}

	#navbar {
		width: 100%;
	}

	#navbar-backing,
	#page-header {
		width: 980px;
		margin-left: 10px;
		margin-right: 10px;
		position: relative;
	}

	#block-container, 
	.block-container, 
	.control-panel-content .page-details {
		width: 70%;
		position:relative;
		min-height: 1px;
	}

	.page-you-contents-s #block-container,
	.page-you-contents- #block-container {
		width: 73% !important;
		float: left;
	}
}

@media (min-width: 1200px){
	
	#border.page-type-search-page,
	#border {
		width: 1200px
	}

	.page-type-search-page .list-block-border,
	.list-block-border {
		width:32.9%;
	}

	.page-type-search-page .block-container,
	.block-container {
		width: 73%;
	}

	.page-type-search-page .container-side,
	.container-side:not(.timeline-container) {
		width: 25% !important;
	}

	#navbar-backing,
	#page-header {
		width: 1200px;
	}
}

html{
	font-size: 1em;
}

body{
	color: #000;
	font-family:Metropolis;
	overflow-x:hidden;
	margin: 0;
	height: 100%;
	text-align: center;
}

body, .ql-container {
	font-size: 1rem;
}

.ql-container {
	font-size: 1rem !important;
}
.ql-container ul {
	padding-top: 1rem !important;
}
.ql-container p {
	padding-top: 1rem !important;
}

body.service-class {
	text-align: left;
	padding: 0.5rem;
	line-height: 1.5;
}

.service-class table {
	font-size: 1rem;
}

div, input, textarea{
	box-sizing: border-box;
}

.not-subscribed-to-anything {
	margin-top: 2rem;
	line-height: 2;
	font-size: 1rem;
	font-style: italic;
}

.inline {
    display:inline !important;
}

.page-welcome #table_of_contents_holder{
	display: none;
}

.page-type-system-page .block-hero-editor-container {
	display: none;
}

.page-type-system-page .viewTitle:not(.editTitle),
.page-type-system-page .block h1:not(.editTitle) {
	display: none;
}

#page-title {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 90%;
	display: inline-block;
	font-size: 2rem;
	line-height: 1;
	padding-top: 2.5rem;
	padding-bottom: 1.5rem;
	color: rgba(0,0,0,0.7);

	/* goodbye */
	display:none;
}

#page-title i {
	font-size: 80%;
}
#page-title .fa-hashtag {
	transform: translateY(-5%);
}

.page-subtitle {
	opacity: 0.8;
	padding-left: 1rem;
}

.landing-header{
    background-image:url('./welcome/halftone.png');
    background-size:cover;
    background-position:center top;
    padding: 30pt;
	color: #fff;
	height: 20vh;
	background-color: #82B6E3;
}

.landing-banner{
    padding-top: 60pt;
	padding-bottom: 60pt;
}

.light-banner .big-banner {
	color: rgba(0,0,0,0.75);
}

.hero-container{
    text-align:center;
    width: 1000px;
}

.hero-title{
    margin-top: 8vh;
    margin-bottom: 8vh;
    color: #fff;
    font-size: 40pt;
    max-width: 90%;
    line-height: 1.4;
    font-family:NotoSans-Regular;    
    text-align:left;
    display:inline-block;
}

.landing-page-content{
	background: #fff;
	min-height: 50vh;
}

#center-div{
	min-height: 100%;
	text-align: center;
}

.double-spaced{
    line-height: 2;
}

.line_break {
	clear: both;
	height: 1rem;
}

.space-after{
    margin-bottom: 1em;
}

#border {
    margin-top: 20px;
    
    display:inline-block;
	text-align:center;
	min-height: 65vh;
	overflow-x: hidden;
	/*position:relative;*/
}

.chat-page #border {
	margin-top: 0;
}

.chat-page .notify-banner {
	display: none;
}

#user_header{
	position:relative; 
}

.control-panel-content .page-details {
	display: inline-block;
}

.page-you #block-container {
	width: 100%;
}

/*
.page-you #page-header-container {
	background-color: #82B6E3;
}

.page-you #page-header-container #page-title,
.page-you #page-header-container .page-header-tab {
	color: #fff;
}

.page-you #page-header-container .page-header-tab.phtseld {
	color: #fff !important;
	border-bottom-color: #82B6E3;
	border-bottom-width: 2px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);

}*/

.full-width{
	width: 100% !important;
}

#related-pages .list-block-border,
.page-you .list-block-border {
	width: 32.9%;
}

.list-page-your-groups .fa-users {
	display: none;
}

.list-page-your-subscriptions {
	width: 80%;
}



.container-side{
	width: 27%;
	display:block;
	/*position:relative;*/
	float:right;
	z-index: 2;
}

/* End General CSS --------------------------- */



/* Begin Navigation --------------------------- */

.vertical-indent{
    display:block;
    clear:both;
    height: 1em;
}

.page-header, .home-header{
	position:relative;
	height: 120pt;
}

.page-header-banner{
	position:relative;
}

#page-header {
	text-align:center; 
    padding-bottom: 0;
	position:relative;
	display: inline-block !important;
	height: 100%;
}

#page-header-container, .page-header-container{
    width: 100%;
    padding-top: 0; 
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.08)!important;
	background-color: #FFF;

	/* goodbye 
	height: calc(90px + 50px); */
}

.group_content #blogpost-new .post-content-hider ,
.homegroup-content #blogpost-new .post-content-hider,
#blogpost-new .post-content-hider {
	display: none;
}

#blogpost-new .unpublished.untouched {
	/*background-color: white;
	background-image: unset;
	font-size: 1.5rem;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0.5rem;*/
}

.landing-page-content .page-header-container {
	color: #fff;
}

.page-header-tabs{

	/* goodbye 
    position:absolute; 
	bottom: 0; 
	*/

	width: 100%;
}

.page-header-tab{
	display:inline-block; 

	color:rgba(0,0,0,0.45);
	background:none;
	
	/* goodbye
	padding: 1rem 2.5%;
	font-size: 11pt; */

	padding: 1.3rem 3%;
	font-size: 1rem;
	
	text-transform:uppercase;
	transform:translateY(1px);
	z-index: 2;
}

.page-header-tab:hover{
	color: #364B5E;  
}

.page-header-cover{
	width: 100%; 
	height: 110px; 
	z-index: 9999999;
}

.phtseld, .lhseld, .lhseld a{
	/*color: #364B5E !important;*/
	color: rgba(0,0,0,0.76) !important;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

#page-header-filters{
    position:absolute; 
    bottom: 0; 
    right: 0;
}

.list-page-header{
	text-align: left;
	background: #82B6E3;
	height: 48px;
	margin: 0;
	padding: 0;
	position:relative;
    border-top: 8px solid #82B6E3;
}

.list-none {
	font-size: 2rem;
	width: 100%;
	text-align: center;
	position: relative;
	min-height: 15vh;
	color: rgba(0,0,0,.4);
	clear: left;
}

.list-none .loading-ring-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: unset;
	color: rgba(0,0,0,.24);
}

.list-none-text {
	display: none;
	font-size: 1.5rem;
	font-style: italic;
}

.fa, .fas, .far, .fab {
	padding-right: 0.2rem;
}

.list-page-header li{
	display: inline-block;
	padding: 16px 14px 16px 14px;
	font-size: 13pt;
}

.list-page-header li:hover{
	color: #55A4F2 !important;
}

#category-name, .big-banner{
	font-size: 22pt; 
	font-family: NotoSans-Regular;
    display: block;
    line-height: 2;
}

.banner-button {
	padding: 0.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	border: 1px solid #82B6E3;
	border-radius: 1rem;
	display: inline-block !important;
}

.block-banner, #page-header {
	display: block;
	align-items: center;
	flex-direction: column;
}

.block-banner #comments a {
	color: inherit
}

#category-description, .small-banner{
	font-size: 13pt; 
	color:rgba(0,0,0,.54); 
	font-style:italic;
    font-family:Metropolis;
    letter-spacing: 1px;
	line-height: 1.8;
	display: block;
	clear: both;
}

.unread_notifier {
	/*
	background: #82B6E3;
	font-weight: bold;
	color: #fff;
	*/
	/*border: 1px solid #82B6E3;*/
	border-radius: 1px;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	padding-right: 0.3rem;
	padding-left: 0.3rem;
	border-radius: 0.2rem;
	margin-left: 0.3rem;
	/*font-size: 0.8rem;*/
}

.xsmall-banner{
	font-size: 12pt; 
	color:rgba(0,0,0,.54); 
    font-family:Metropolis;
	letter-spacing: 1px;
	display: block;
	padding-top: 1rem;
}

.post-checkboxes {
	color:rgba(0,0,0,0.30); 
	line-height: 2;
}

.ql-htmlFragment {
	white-space: normal;
}

.smart_math, 
.ql-htmlInlineMath {
	border: 1px solid rgba(0,0,0,0.54);
}

.ql-htmlFragmentMath {
	position: relative;
	border: 1px solid rgba(0,0,0,0.1);
}

.ql-htmlFragmentMath .smart_math {
	position: absolute;
	bottom: 0;
	left: 0;
	min-width: 30vw;
	transform: translateY(150%);
	box-shadow: 0 4px 12px 0 rgba(0,0,0,0.25);
	background: #fff;
}

.post-child .blog-tags, 
.post-child .firstTitle {
	display: none !important;
}

#page-comments-loader .comments_blog_post .blog-post {
	border-top: none;
}

.block.smart_section textarea:last-of-type,
#page-comments .smart_section textarea:last-of-type  {
	border-bottom-left-radius: 0.8rem;
	border-bottom-right-radius: 0.8rem;
}

.katex-display,
.katex-display>.katex {
	display: inline-block !important;
	margin: 0 !important;
}



.editTitle
/*, .meta-boxes-column input:first-of-type*/ {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

.blog-post .editTitle {
	margin-bottom: 0.5rem;
	box-shadow: none;
}

/*.meta-boxes-column input:last-of-type {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}*/

.block-banner{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.meta-boxes .block-banner, .settings .block-banner {
	padding-bottom: 1.8rem;
}


/* End Navigation --------------------------- */
.order-by{
	position:absolute;
	top: 10px;
	left: 18px;
	z-index: 9;
	opacity: 0.3
}

.lhfilter{
	border-right:none;
	cursor:pointer;
}

.list-header-filter{
	color:rgba(0,0,0,0.9);
	font-size: 15px;
}

input{
	display:inline-block; 
}

input, textarea{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	border:none;
	resize: none;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2) inset;	
}

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

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

.text-underline {
	text-decoration: underline;
}

.text-strikethrough {
	text-decoration: line-through;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

a, .a {
	color: #3C92DE;	
	text-decoration:none;
    cursor: pointer; 
}

a:hover, .a:hover, 
.post-functions .a:hover, 
.blog-post-activity span:hover,
.page-functions .a:hover {
	color: #1071D1;	
}

.post_editor_error_message {
	width: 100%;
    color: red;
    padding-top: 0.2rem;
	text-align: center;
	display: block;
}

.post-reply-banner {
	margin-bottom: 0.3rem;
}

.blog-tags{
	padding-top: 1rem;
}

.blog-tags a {
	color: rgba(0,0,0,0.5);
	padding-right: 1em;
	display: inline-block;
}

.blog-tags a:hover {
	color: #1071D1 !important;	
}


a img{ 
	border:none; 
}

.psuedoa{ 
	cursor: pointer; 
}

.usertag, .user-tag-color{
	color: #C30 !important;
}

.tag, .tag-color, .post-tag-input{ 
	color: #3C92DE;
}

.tag-fake {
	color: rgba(0,0,0,0.3);
}

.removable-tag {
	color:rgb(9, 148, 62) !important;
}

.removable-tag-prompt {
	color: rgba(0,0,0,0.4);
}

.padding-top-xsmall {
	padding-top: 10px;
}

.padding-bottom-xsmall {
	padding-bottom: 10px;
}

.padding-top-medium {
	padding-top: 30px;
}

.padding-top-small {
	padding-top: 20px;
}

.padding-bottom-small {
	padding-bottom: 20px;
}

.padding-bottom-medium {
	padding-bottom: 30px;
}

.padding-bottom-none {
	padding-bottom: 0 !important;
}

.serif{
	font-family: Georgia, "Times New Roman", Times, serif;
}

.italic{ 
	font-style:italic;
}

.hidden{
	display:none;
}

.search-page-content .group_info_hider {
	display: none;
}

.partially-hidden {
	display: block;
	max-height: 30vh;
	overflow: hidden;
	position: relative;
}

.partially-hidden-gradient {
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	z-index: 2;
	bottom: 0;
}

.blog-post .partially-hidden {
	max-height: 20vh;
}

.blog-post .partially-hidden-gradient {
	height: 20vh;
}

#footer-container{
	width: 100vw; 
	clear:both;
    padding-top: 8vh;
	padding-bottom: 8vh;
	margin-top: 8vh;
	z-index:-1;
	/*background: #222;*/
	background: rgba(0, 0, 0, 0.02);
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.05) inset!important;
}

#footer-content{
	position:relative;
	width: 100vw; 
	color: #555;
	font-size: 12pt;
	/*color: #fff;*/
	color:rgba(0,0,0,0.7);
	opacity: 0.5;
}



.clearfix, .clear-both{
	clear:both;
}

.line-height-158{
	line-height: 1.58;
}

.line-height-2{
	line-height: 2;
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.blog-post, .block{
	width: 100%;
	position:relative;
	text-align:left;
	float:left;
}

.blog-post {
	padding-left: 1em;
	padding-right: 1em;
}

.smart_title, 
.inline-section {
	margin-top: 3rem !important;
}

/*
.intro-block .viewTitle
.block h1 {
	margin-bottom: 0.5rem;
}*/

.viewTitle a,
.block h1 a , 
.block h2 a {
	color: black;
}

.intro-block .editTitle {
	margin-top: 6px;
}


.blog-post .viewTitle {
	/*
	padding-top: 0.1em;
	padding-bottom: 0;
	*/
	display: none;
}

@keyframes unread-fade {
	/*from {background-color: rgba(0,0,255,0.05);}*/
	from {background-color: rgba(130,182,227, 0.1);}
	to {background-color:rgba(255,255,255,0); }
  }

.unread-post,
.subscription-row.unread {
	/*background-color: rgba(0,0,255,0.05);*/
	background-color: rgba(130,182,227, 0.15);
}

.unread-post-fadeout {
	animation: unread-fade 2.5s ease-in;
}


@keyframes clicked-link {
	from {color: #3C92DE;}
	to {color: rgba(0,0,0,0); }
  }

.clicked-link-animation {
	animation: clicked-link 0.5s ease-out;
}


.timeline {
	text-align: left;
	margin-top: 3rem;
	margin-left: 3rem;
	color: rgba(0,0,0,0.6);
}

.timeline-bubble {
	position: absolute;
	color: #3C92DE;
	background: #3C92DE;
	border: 1px solid #3C92DE;
	/*border-radius: 2.5px;*/
	left: -2.5px;
	width: 2.5px;
	height: 5px;
}

.timeline-content {
	border-left: 1px solid #3C92DE;
	position: relative;
	height: 500px;
	margin-left: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.timeline-handle {
	position: absolute;
	width: 80%;
	min-height: 2rem;
	line-height: 1.5;
	left: -10px;
	border-radius: 5px;
	border-left: 10px solid #3C92DE;
	/*color: black;*/
	text-align: left;
	padding-left: 1rem;
	cursor: ns-resize;
}

.timeline-postnumber {
	font-weight: bold;
	color: #000;
}

.timeline-postdate .short-time {
	display: none;
}

.timeline-element {
	/*display: none;*/
}

.blog-post-activity {
	margin-top: 1em;
	position: relative;
	font-size: 11pt;
}

.blog-post-activity span {
	/*padding-right: 1em;*/
	color: rgba(0,0,0,0.35);
}

.blog-post-activity .comment-count {
	position: absolute;
	left: 0;
}

.blog-post-activity .activity {
	position: absolute;
	right: 0;
}

.blog-post .block_feature {
	padding-bottom: 1em;
	padding-top: 1em;
}

.blog-post .block_text{
	padding-bottom: 0.5em;
	padding-top: 0.3em;
}

.blog-post {
	padding-top: 1rem;
	padding-bottom: 1rem;
    border-top: 1px dotted rgba(0,0,0,0.05);
}

.blog-post-meta {
	padding-bottom: 0.0rem;
}

.blog-post .smart_div {
	padding-top: 0.3em;
}

/* End Global ------------------------- */

/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */

/* Begin pageSectionNavbar.php ------------------------- */

.subscription-row {
	/*padding-top: */
	padding: 0.5rem 1rem;
	padding-top: 0.7rem;
	text-align: left;
	min-height: 2.5rem;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding-right: 0;
}

.subscription-row-icon {
	width: 2rem;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	color: rgba(0,0,0,0.30);
	transform: translateY(-0.1rem);
	padding-right: 0.5rem;
}

.subscription-row-children-notifier {
	padding-top: 0.8rem;
	padding-bottom: 0.2rem;
	font-size: 85%;
}

.subscription-row-children-notifier i {
	font-size: 75%;
	transform: translateY(-0.05rem);
}

.subscription-row-children-notifier .a {
	color: rgba(0,0,0,0.30);
}

.subscription-row-action .lin {
	display: none;
}

.subscription-row-action {
	width: 5rem;
	display: block;
	text-align: center;
	float: right;
	text-align: center
}

.subscription-row-action i {
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	width: 1.8rem;
	overflow: hidden;
	display: inline-block;
}

.subscription-row-activity .feed-unread-chats-counter {
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 0.3rem;
	padding: 0.2rem 0.5rem;
}

.subscription-row-title.unread {
	font-weight: bold;
}

/*.subscription-row-action .positive {
	display: none;
}
.subscription-row-action .negative {
	display: inline-block;
}*/

.subscription-row-action .a {
	color: rgba(0, 0, 0, 0.2);
}

.subscription-row-action .a:hover, 
.subscription-row-children-notifier .a:hover {
	color: #3C92DE;
}

.subscription-row-child {
	padding-left: 2rem;
}

.subscription-row-title {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 60%;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}

.subscription-row-title i {
	color: rgba(0, 0, 0, 0.2);
}

.subscription-row-activity {
	display: block;
	color: rgba(0,0,0,.44);
	width: 2rem;
	text-align: center;
	float: right;
}

.subscription-row-activity .full-time {
	display: none;
}

.subscription-row-activity .short-time {
	display: inline;
}


#navigation{
	width: 100%;
	text-align:center; 
	padding: 0;
	z-index: 10;
	height: 50px;
	z-index: 5000;
	user-select: none;
	position: relative;
	background: #3C92DE;
}

#navigation.fixed-for-editor {
	position: fixed;
}

#navbar-mobile-spacer.fixed-for-editor {
	height: 50px;
}

#navbar-backing{
	//width: 1000px;
	height: 100%;
	display:inline-block; 
	visibility: visible;
}

#navbar {
	position: absolute;
	top: 50%;
	left: 0; 
	transform: translateY(-50%);
	text-align: left;
}

#navbar .lin {
	padding-left: 0.2rem;
}

#navbar .lin::first-letter {
	text-transform: uppercase;
}

#navbar .lin .feed-unread-counter {
	font-size: 70%;
	padding: 0.2rem 0.3rem 0.1rem 0.3rem;
	transform: translate(0.5rem, -10%);
	background: rgba(255,255,255,0.2);
	border-radius: 0.3rem;
}

.feed-unread-counter:not(.hide) {
	display: inline-block;
}

#navbar, #sign-in-menu-content{
    z-index: 10;
}

/*
#navbar-categories{
	width: 79%;
    display:inline-block;
    position: relative;
	top: 0%;
    padding-top: 8pt;
    padding-bottom: 8pt;
    line-height: 2;
}*/

/*#navbar-logo{
    color: #fff; 
    text-decoration:none !important;
	font-weight:bold;
	letter-spacing: 1px;
	padding-right: 5%;
	top: 50%;
	transform: translateY(30%);
	font-size: 24pt;
	float: left;
}*/

#navbar-logo{
    color: #fff; 
    text-decoration:none !important;
	font-weight:bold;
	letter-spacing: 1px;
	padding-right: 5%;
	/*top: 50%;
	transform: translateY(50%);*/
	font-size: 1.5rem;
	float: left;
}

#navbar-logo a {
	color: #fff; 
}

/*#navbar-logo span{
    font-size: 50%;
}*/

#navbar-logo:hover{
	color: #eef;
}

.navbar-selected{
	color:rgba(255,255,255,1);
}

.navbar_versions select {
	background: none;
	border: none;
	color: #fff;
	width: 220px;
	font-size: 1rem;
	display: inline-block;
	box-sizing: border-box;
	padding: 0;
}

.navbar_versions {
	position: relative;
	color: #fff;
	width: 180px;
	text-align: left;
}

.navbar_versions_inner {
	width: 100%;
	overflow: hidden;
	display: block;
	position: absolute;
	top: -1px;
	left: 1rem;
	height: 1.5rem;
	padding-left: 0 !important;
}

#navbar select option {
	color: #000;
}

#you-menu{
	padding-top: 0.25rem; 
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.8rem;
	position:absolute;
	right: 0pt;
	top: 35px; 
	background: #3C92DE; 
	width: 250px;  
	display:none; 
	border-top:none;
	text-shadow:none;
	z-index: 10;
	text-align: left;
}

#you-menu .menu-separator {
	display: block;
	height: 1rem;
}


#you-menu li{
	display:block;
	padding-right: 0;
	padding-left: 0;
	text-decoration:none !important;
	color:rgba(255,255,255,0.9);
	font-size: 1.2rem;
	margin: 0;
	min-height: 2.2rem;
	position: relative;
}

#you-menu .lin {
	position: absolute;
	left: 2.5rem;
	top: 0;
	transform: translateY(50%);
}

#you-menu li i {
	width: 2.2rem;
	text-align: center;
	position: absolute;
	top: 0;
	transform: translateY(50%);
}

#you-menu a{
	text-decoration:none !important;
}

#you-menu li:hover{
	background: #82B6E3;
    color: #FFF;
}

.nbsw{
	color: #FFF !important;
}

#navbar-controls{
	display:inline-block;

	/* goodbye
	transform: translateY(10%);
	float: right;
	width: 85%; */
}

#navbar-controls li:not(#you-menu li) {
    list-style:none;
	display:inline-block;
}

#navbar .nav-button{
	padding-right: 30px;
}

i.inverse {
	display: none;
}

.subscription-row-action i.normal {
	display: none;
}

.subscription-row-action i.inverse {
	display: inline-block;
}

#navbar-controls .psuedoa, #navbar-controls a{
	color: #FFF;
}

#navbar-controls .psuedoa:hover, #navbar-controls a:hover{
	color: #000;
}

.translucent-50 {
	opacity: 0.5;
}

.media_uploading_modal {
	opacity: 0.25;
}

.search-page-content .block-container {
	float: left;
}

.group_content .extended_post_info {
	display: none;
}

.search-page-content .block-more-button {
	padding-bottom: 0;
}

.blog-post-more-button {
	position: relative;
	top: 0.5rem;
	z-index: 3;
}

.search-page-content .block-list .block:last-of-type{
	margin-bottom: 2rem;
}

.homegroup-content .block-list {
	border-bottom: 1px solid #eee;
	margin-bottom: 2rem;
}

.settings-customization .setting-block:last-of-type,
.settings-account .setting-block:last-of-type,
.page-panel .setting-block:last-of-type {
	border-bottom: none !important;
}

.control-panel-chat-trackers .subscription-row:last-of-type{
	border-bottom-style: double;
	border-bottom-width: 3px;
}

.setting-block .push-button {
	line-height: 2;
	background: rgba(0,0,0,0.07);
	border-radius: 0.3rem;
	display: inline-block;
	margin-bottom: 0.7rem;
	margin-right: 1rem;
	padding: 0.1rem 0.5rem;
	cursor: pointer;
}

.page-verify .email-unverified-warning {
	display: none !important;
}

.setting-block .push-button:hover {
	opacity: 0.8;
}

.setting-block .push-button:active {
	opacity: 0.5;
}

.page-panel .setting-block:first-of-type {
	padding-top: 0 !important;
}

#sidebar-options {
	padding-bottom: 0;
}


.ql-container p:first-of-type {
	padding-top: 0 !important;
}

.search-page-content .intro-block .editTitle {
	display: block;
}

.search-keywords {
	padding-top: 15px;
}

#search-keywords-input {
	font-size: 1rem;
}

.padded{
	padding: 12px;
}

.blog-post .viewTitle {
	position: relative;
}

.post-thumbtack i {
	font-size: 70%;
	transform: translateY(-10%);
}

.post-thumbtack, .page-thumbtack {
	/*display: none;*/
}

.post-edited-by {
	opacity: 0.5;
}

.group_content .post-thumbtack,
.group_content .page-thumbtack, 
.global_group_content .page-thumbtack,
.homegroup-content .page-thumbtack {
	display: inline-block;
}

.homegroup-content .intro-block .smart_div {
	margin-top: 6px;
}

.homegroup-content .intro-block {
	float: right;
	width: 72%;
	margin-left: 3%;
}

.smart_div .ql-toolbar {
	display: none;
}

.web-push-devices {
	width: 100%;
	margin-top: 0;
}

.web-push-devices td, 
.web-push-devices th {
	padding: 0.5rem;
}

.web-push-devices th {
	background-color: rgba(0,0,0,0.03);
}

.web-push-devices tr:nth-child(odd) {
	background-color: rgba(0,0,0,0.05);
}


/* End pageSectionNavbar.php --------------------------- */

/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */

/* Begin Page (Edit Mode) ------------------------- */

.block_text_edit{        
	background-image: linear-gradient(to bottom,#f0f0f0,#fff);
	letter-spacing: -.003em;
	padding: 0;
	outline: 0;
	width: 100%;
	white-space: pre-wrap;
	/*overflow-y: hidden !important;*/
}

.height_holder {
	min-height: 100000px;
}

.add-section {
	padding-top: 2em;
}

.code, 
.ql-syntax {
	/*overflow-x: hidden;*/
	padding: 0;
	margin: 0;
	font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace !important;
}

.syntaxhighlighter table {
	border-spacing: 0;
}

/* Hide rich media unless shown */
/*.search-page-content .block-list .rich-media { 
	display: none;
}*/

.code-container, 
.blockquote-container, 
.smart_code, 
.ql-syntax {
	position: relative;	
	margin-bottom: 1rem !important;
	font-size: 11pt !important;
	padding: 12pt !important;
	background: rgba(0, 0, 0, 0.04) !important;
}

pre.ql-syntax {
	margin-top: 1rem !important;
	color: black !important;
	line-height: 2;
}

.ql-clipboard {
   position: fixed !important;
   opacity: 0 !important;
   left: 50% !important;
   top: 50% !important;
}

.smart_code {
	line-height: 2;
}

.quote-container,
.smart_quote,
blockquote {
	padding-left: 1rem !important;
	border-left: 4px solid #000 !important;
	margin-left: 0.5rem !important;
}

.quote-container,
.smart_quote,
blockquote {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.quote-container .author {
	font-style: italic;
	color: rgba(0,0,0,0.45);
	font-size: 80%;
}

.smart_quote,
blockquote {
	width:calc(100% - 0.5rem) !important;
}

.code-container {
	line-height: 2;
}

.code-hint, .blockquote-hint {
	position: absolute;
	top: -1em;
	right: 0;
	background-color: #eee;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.8em;
	font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
	color: #aaa;
	line-height: 1.58;
}

.editTitle, 
.ql-editor h2 {
	padding: 0;
	outline: 0;
	/*background-image: linear-gradient(to bottom,#f0f0f0,#fff);*/
	background-color: rgba(0, 0, 0, 0.03);
}

.ql-editor h2 {
	margin-bottom: 0.5rem !important;
}

.block-list .editTitle:focus {
	background: rgba(0, 0, 0, 0.03);
	box-shadow: unset;
	/*outline: 1px solid rgba(0, 0, 0, 0.15);
	outline-offset: 0.2rem;*/
}

.block-list .block_text_edit:focus {
	background: unset;
	box-shadow: unset;
}
 
.edit-actions{
	line-height: 2;
	text-align: center;
	padding-top: 0.5rem;
	font-size: 0.9rem;
}

.edit-actions-note {
	color: #CCC; 
	font-size: 80%
}

.step .edit-actions-container, 
.intro-block .edit-actions-container {
	width: 100%;
	text-align: center;
}

.is-affixed #editor-actions {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding-bottom: 0.5rem;
	z-index: 25;
}

#editor-actions {
	line-height: 2.5;
	display: inline-block;
	width: 100%;
	padding-top: 0.5rem;
	padding-bottom: 1.5rem;
	background: #fff;
	z-index: 25;
}

.edit-actions .a {
	padding-right: 12px;
	padding-left: 12px;
	display: inline-block;
}

.edit-actions i {
	padding-right: 3px;
}


.line {
	overflow-wrap: break-word;
	box-sizing: border-box !important;
}

.deleteusure{
	font-size: 16px; 
	display:none; 
	position:absolute; 
	bottom: 3px; 
	right: 0;
	background-color: #fff;	
	text-align:left;
}

.deleted-text{
	color: rgba(0,0,0,0.3) !important;
}

.media_form {
	line-height: 2;
	/*transform: translateY(-0.6rem);*/
	position:relative;
	border: 1px solid #eee;
	border-radius: 1rem;
	overflow:hidden;
	text-overflow: ellipsis;
	/*margin-bottom: 1rem;*/
	text-align: center;
	white-space: normal;
}

.file-3d-viewer {
	width:100%;
	height:50vh;
	margin:0 auto;
}

.file-fragment-form {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.block-hero-editor .media-form-content {
	position: absolute;
	top: 50%;
	left: 50%; 
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.media-form-content {
	padding: 1rem;
	text-align: left;
}

.remove_fragment {
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
}

.media_file {
	width: 25vw;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.file-fragment {
	padding: 1rem;
	border: 1px solid #eee;
	border-radius: 1rem;
	overflow:hidden;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1rem;
	white-space: normal;
	text-align: left;
}

.fileName {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.youtube_link_box {
	display: inline-block;
	font-size: 13pt;
	width: 14rem;

	background-image: linear-gradient(to bottom,#f0f0f0,#fff);
}

#nav-menu-bars, #nav-menu-controls{
    /*display:none;*/
}

#nav-menu-user {
	/*position: relative;
	float: right;*/
}

.feed-unread-posts {
	font-size: 0.7rem;
	background: red;
	color: #fff;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	border-radius: 0.2rem;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.navbar-buttons {
	display: block;
	/* goodbye
	position: absolute;
	right: 0.5rem;*/
	float: right;
	transform: translateY(5%);
	padding-right: 0rem;
}

.navbar-button .feed-unread-posts {
	position: absolute;
	top: -40%;
	right: 10%;
}

.xdebug-var-dump {
	white-space: pre-line;
}

.navbar-button{
	font-size: 1.1rem;
	line-height: 1;

	display:inline-block;

	padding-left: 0.8rem;
	padding-right: 0.8rem;

	text-decoration:none !important;
	color:rgba(255,255,255,0.9);

	/*
	transform: translateY(-55%);
    position:relative;
    top: 50%;
	padding-top: 0;
	*/
}

#navbar-logo i {
	font-size: 90%;
	padding-right: 0.2rem;
	transform: translateY(-0.0rem);
	display: none;
}

.navbar-button i{
	display:none;
}

.navbar-button:hover{
	color: #FFF;
}

.view-code{
    font-size: 13pt; 
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 1rem;
}


/* End Page (Edit Mode) --------------------------- */

/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */

/* Begin Page (Display Mode) --------------------------- */
.code{
	white-space: pre-line;
}

#page-blog-name{
	font-size: 60px;	
	font-family: "Sketch Rockwell"; 
	color:rgba(0,0,0,0.7);
}

#page-blog-note{
	font-family: Georgia, "Times New Roman", Times, serif;	
	text-shadow: 0 1px 0 #f0f0f0; 
	color:rgba(0,0,0,0.6);
}

.block_text,
.block_text_edit .ql-editor{
	/*font-size: 13pt;*/
	color: #545454;
	line-height: 1.8;
	/*font-family:Georgia,Cambria,"Times New Roman",Times,serif;*/
	font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif !important;
	letter-spacing: -.003em;
	padding-top: 0;
	white-space: pre-line;
	width: 100%; 
}

.block_text ul, .block_text ol {
	margin-top: 0;
}

.block_text_edit {
	background-image: unset;
}

.ql-container.ql-snow,
.ql-toolbar.ql-snow {
	border: none !important;
}

.ql-container .smart_fragment {
	margin-top: 1rem;
}

.block_text_edit .ql-editor {
	padding-right: 0;
	padding-left: 0;
	white-space: pre-line;
}

.block_text_edit .ql-editor p,
.block_text_edit .ql-editor ul,
.block_text_edit .ql-editor ol {
	/*background-image: linear-gradient(to bottom,#f0f0f0,#fff);*/
	background: rgba(0, 0, 0, 0.03);
}

.block_text_edit .ql-editor ul {
	padding-left: 0;
}

.viewTitle, 
.block h1,
.block h2 {
	padding-bottom: 0pt;
	line-height: 1.5;
	/*color: #545454;*/
	/*font-family: Georgia,Cambria,"Times New Roman",Times,serif;*/
	font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
	font-size: 150%;
	font-weight: normal;
	display:block; 
	width: 100%;
}

.viewTitle.pageTitle:not(.editTitle), 
.block h1 {
	/* lmao why did i do it this way */
	/*opacity: 0;*/
	/*font-size: 180%;*/
	/*font-size: 0.5rem;*/
}

.homegroup-content .viewTitle:not(.editTitle),
.homegroup-content .pageTitle:not(.editTitle) {
	text-transform: capitalize;
}

.homegroup-content .pageTitle {
	margin-top: 0;
}

.blog-post .viewTitle {
	font-size: 120%;
}

.block_image, .lilthumb{
	max-width: 100%;
	/*border-radius: 5px;*/
	display:inline-block;
	max-height: inherit;
}

.lilthumb {
	margin-top: 1em;
	margin-bottom: 1em;
}


.block_video_container {
	padding-bottom: 56.25%;
	width: 100%;
	position: relative;
}

.block_video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*.block_feature {
	max-height: unset;
}*/

.step .block_feature, .intro-block .block_feature{
    position:relative; 
	width: 100%;
	margin-bottom: 1.2em;
	margin-top: 1.2rem;
	text-align: center;
}

.block_hero {
	margin-top: 1.8rem;
	margin-bottom: 1.8rem;
}

.block-hero-container-container {
	width: 30%;
	float: left;
	border: 1px solid #eee;
	border-radius: 1rem;
	position: relative;
}

.block_hero_container {
	border-radius: 1rem;
	position:relative;
	width: 100%;  
	padding-top: 75%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
}

.block-hero-editor-container {
	text-align: left;
	position: relative;
}

.block-hero-editor-container .media_form {
	width: 68%;
	height: 100%;
	/*float: right;*/
	position:  absolute;
	top: 0;
	right: 0;
	margin-bottom: 0;
}

.block-hero-editor {
	position:relative;
    width: 100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 0.8rem; 
}

.group_content .block_hero {
	margin-top: 5px;
}

.intro_feature{
    width: 58%;
    float:left;
}

.table_of_contents{    
	display:block; 
    font-size: 13pt;
	line-height: 1.8;
}

.table_of_contents h1{
    font-size: 15pt;
}

.table_of_contents .toc_item{
    margin-left: 15pt;
}

.imgDiv{
	width: 333px;
	height: 250px;
	float:left;
	display:block;
	border: 2px solid #BBB;
	margin-right: 10px;
	text-align:center;
}

.blockheader{
	text-align:left;
	padding: 0 20px 0 0;
	position:relative;
	display:block !important;
	width: 695px;
	line-height:normal;
}

.b-bot{
	border-bottom: 1px solid #eaeaea; 
}

/* End Page (Display Mode) --------------------------- */

/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */

/* Begin Blog (Display Mode) --------------------------- */

.blog-post-new{
	/*padding-top: 10px;*/
	/*padding-bottom: 1rem;*/
	/*min-height: 130px;*/
	padding-bottom: 0rem;
}

.blog-post-name {
	/*font-size: 12pt;*/
	/*font-weight: bold;*/
	display: inline-block;
	color:#222 !important;
	/*padding-right: 0.5rem;*/
}

.blog-post-name a {
	color: #888;
}

.blog-post-name a:hover{
	text-decoration: underline;
}

.blog-post-info{
	font-size: 10pt;
	color: #888;
	/*padding-left: 10px;*/
	line-height: 1.5;
}

.blog-post-date a {
	color: #888;
}

#blog-stats h2{
	font-size: 20px;
	display:inline-block;
	font-weight:normal;
	margin-top: 0;
}

.blockquote {
	font-style: italic;
	color: rgba(0,0,0,0.5);
}

.post-functions{  
	/*
	position: absolute;
	top: 2em;
	right: 1em;*/
}

.page-functions {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.ban-user-details {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1rem;
	background: #fff;
	border: 1px solid #3C92DE;
	border-radius: 0.25rem;
	text-align: left;
	z-index: 4;
}

.ban-user-hours input {
	padding: 0.5rem;
	width: 50%;
	display: inline-block;
}

.ban-user-hours {
	width:10rem;
}

.ban-user-commit {
	padding-top: 0.5rem;
}

.post-functions i,
.page-functions i {
    /*#color: #3C92DE;*/
	cursor: pointer;
	line-height: 1.58;
}

.post-functions .a {
	color: rgba(0,0,0,0.15);
	padding-right: 1rem;
}

.page-functions i {
	color: rgba(0,0,0,0.25);
	padding-left: 1rem;
}

.post-reply-button {
	color: rgba(0,0,0,0.15);
}

.red, .post-functions i .red{
    color:red !important;
}

.orange {
	color:orange !important;
}

.yellow {
	color: yellow !important;
}

.green {
	color: greenyellow !important;
}

.blue {
	color: blue !important;
}

.indigo {
	color: indigo !important;
}

.violet {
	color: violet !important;
}

.post-functions i:hover, 
.page-functions i:hover {
    opacity: 0.8;
}

#page_tag_boxes {
	column-count: unset;
}

#page_tag_boxes, #page_contributor_boxes {
	padding-bottom: 1rem;
}


#page_tag_boxes span {
	display: block;
}

.post-tag-input{
	width: 100%;
	display: block;
	font-size: 13pt;
	background-image: linear-gradient(to bottom,#f0f0f0,#fff);
}

.blog-edit-tags {
	column-count: unset;
}

#page-comments .post-tags-container, #page-comments .extended_post_info {
	display: none;
}

.blog-edit-tags h1{
	font-size: 15px;
	display:inline-block;
	font-weight:normal;
	margin-top:.8em;
}

/* End Blog (Display Mode) --------------------------- */

/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */

/* Begin Sidebars --------------------------- */

.userbar-avatar{
	width: 80%; 
	display: inline-block;
	border-radius: 50%;
    /*margin-left: 10%;*/
	margin-bottom: 15pt;
	/*box-shadow: 0 -3px 0 red inset;*/
}

.avatar {
	display: inline-block;
	border-radius: 50%;
	width: 100%;	
}

.user-metadata{
    margin-top: 20pt;


    color: #666; 
    line-height: 1.8;
    font-size: 13pt;
    margin-left: 10pt;

    text-align:center;
    width: 90%;
}

.fileSize, .fileUploadDate {
	color: #888; 
}

.fileMetaData {
	padding-bottom: 0.5rem;
}

/* Tag Edit Bar ---- */

.tagbox, .setting-box {
    width: 100%;
	text-align:center;
	font-size: 13pt;
    outline: 0;
	padding: 3pt;
	transition: border 0.25s ease-in-out, background 0.25s ease-in-out;
	background-image: linear-gradient(to bottom,#f0f0f0,#fff);
}

.setting-box {
	text-align: left;
}

.tagbox:disabled {
	color: rgba(0,0,0,0.4) !important;
}

#tags{
	text-align:justify;
}

/* Tag Cloud ---- */

.filter-results {
	display: none;
	line-height: 1;
	padding-top: 1rem;
	padding-bottom: 0.3rem;
	color: rgba(0,0,0,0.54);
	cursor: pointer;
}

.page-type-search-users .filter-results{
	padding-bottom: 0.5rem;
}

.taglist{
	font-size: 1.2rem;
	text-align:left;
	line-height: 2;
}

.tag-cloud {
	padding-top: 1rem;
}

.tag-cloud .tag {
	padding-right: 1rem;
	display: inline-block;
}

.tag-cloud .removable-tag {
	display: block;
	padding-left: 1rem;
	padding-right: 0;
}

#side-container-sticky {
	will-change: min-height;
}

#inner-sticky {
	transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

/* --------------- */

.page-block-container-container {
	width: 100%;
	text-align: center;
}

.page-block-container, 
.login-block-container {
	width: 73%;
}

.page-block-container, 
.login-block-container, 
.page-type-page .page-details {
	display: inline-block;
	float: none;
}

.ql-editor {
	overflow-y: unset !important;
}

.ql-editor.ql-blank::before {
	color: rgba(0, 0, 0, 0.3) !important;
	left: 0 !important;
}

.page-type-page .page-details {
	width: 73%;
}

.page-type-search .page-details {
	width: 100%;
}

.login-block{
	text-align: center;
}

/* End Sidebars --------------------------- */

/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */

/* Begin search index --------------------------- */
.list-page-users .infinite-scroll {
	padding-top: calc(0.4rem + 2px);
}

.list-page-users .block-container {
	width: 100%;
}

.search-page-content  #side-container-sticky {
	padding-top: 2px;
}

.list-page-users .user-card-border {
	background: #fff;
	position: relative;
 
	display:inline-block;
	overflow:hidden;
	position:relative;

	width: 24.5%;
	/*width: 19.5%;*/
}

.user-card-border:before{
	content: "";
	display: block;
}

.user-card {
	padding: 5%;
}

.user-card-contributor {
	width: 15%;
}

.civ-landing-page-avatar-container {
	width: 25%; 
	display: inline-block;
	border-radius: 50%;
	float:left;
	/*box-shadow: 0 -3px 0 red inset;*/
}



.civ-landing-page-avatar-container .civ-landing-page-avatar {
	border-radius: 50%;
}

.user-card-image, 
#settings-avatar,
.blog-post-avatar,
.civ-landing-page-avatar {
	width: 100%;  
	padding-top: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 2;
	position: relative;
}

.user-card-image {
	position: absolute;
	top: 0;
	left: 0;
}


.settings_avatar_container,
.user-card-backup-image,
.blog-post-avatar-container,
.civ-landing-page-avatar-container {
	position: relative;
}

/*
.blog-post-avatar-container {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	overflow: hidden;
}
*/

.blog-post-avatar-container {
	display: none;
}

.blog-post-avatar {
	width: 100%;
	height: 100%;
}

.user-card-backup-image {
	padding-top: 100%;
}

.settings_avatar_container,
.user-card-backup-image,
.blog-post-avatar-container, 
.list-image-container,
.block-hero-container-container,
.civ-landing-page-avatar-container
{
	background: #82B6E3;
}

.list-image-container {
	position: relative;
}

.block-hero-container-container .backup-text,
.list-image-container .backup-text {
	font-size: 3rem;
}

.user-card-backup-image .backup-text, 
.settings_avatar_container .backup-text,
.blog-post-avatar-container .backup-text,
.list-image-container .backup-text,
.block-hero-container-container .backup-text,
.civ-landing-page-avatar-container .backup-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 0;
}

.backup-text i {
	padding-right: 0 !important;
}

.user-card-backup-image .backup-text,
.civ-landing-page-avatar-container .backup-text {
	font-size: 3rem;
}

.settings_avatar_container .backup-text {
	font-size: 4rem;
}

.user-card-title {
	font-size: 2rem;
	padding-top: 0.2rem;
}

/* Page List ---- */

.list-page-list .infinite-scroll {
	width: 100%;
	column-count: 1;
	position:relative;
	text-align:center;
}

.list-image{
	position:relative;
	width: 100%;  
	padding-top: 75%;
	margin-bottom: 6px; 
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
}

.list-block{
	padding: 5%;
	text-align:left; 
}

.list-as-contributor {
	background-color: #EBF0FF !important;
}

.list-as-contributor .list_description_gradient {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#EBF0FF 100%);
}

.list-block-border:before{
	content: "";
	display: block;
}

.list-block-border{
	background: #fff;
	position: relative;
	display:inline-block;
	overflow:hidden;
	position:relative;
	//width: 49.5%;
}

.list-block-border:hover, .user-card-border:hover{
	box-shadow: 0 0 8px rgba(0,0,0,.05)!important;
}

.list-text{
	color: #222;
	line-height: 1.5em!important;
	/*height: 30%;*/
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-title{
	font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important;
	font-size: 16pt;
	color: #222;
	/*font-weight: 1.8;*/
	line-height: 1.45;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
}

.inline_title_icon {
	color:rgba(0,0,0,0.2);
	font-size: 80%;
	transform: translateY(-10%);
	/*padding-left: 0.5em;*/
	padding-left: 0;
	padding-right: 0.4rem;
}

.list_description_container {
	width: 100%;
	padding-top: 30%;
	position: relative;
}

.list_description_gradient {
	position: absolute;
	height: 4em;
	width: 100%;
	z-index: 2;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.list-description{
	font-size: 12pt;
	color:rgba(0,0,0,.54)!important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	white-space: normal;
	height: 100%;
	width: 100%;
}

.list-views{
	font-size: 11pt; 
	position:absolute; 
	bottom: 24%; 
	padding-left: 1%; 
	color: #555;
	width: 90%;
}

.list-tags{
	font-size: 12pt; 
	padding: 5%; 
	bottom: 4%; 
	left: 4%; 
	height: 13%; 
	line-height: 160%;
	background: #EDF7FF; 
	width: 82%; 
	position:absolute; 
	overflow:hidden;
	padding-top: 8px; 
}

.list-block.unpublished {
	background-color: rgba(255,245,245,1) !important;
}

.unpublished .list_description_gradient {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,245,245,0.8) 100%);
}

.notify-banner {
	display: inline-block;
	width: 100%;
	padding: 1rem;
	font-size: 1rem;
	color: rgba(199, 189, 189, 1);
	font-style: italic;
	box-shadow: 0 -4px 12px 0 rgba(0,0,0,.05) inset !important;
	z-index: 3;
}

.unpublished-warning {
	background-color: rgba(245,245,255,0.8);
}

.old-version-warning {
	background-color: rgba(255,245,245,0.8);
}

.email-unverified-warning {
	/*background-color: rgba(245,245,255,0.8);*/
}

#search-keywords-input{
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	/*border-right: 2px dashed #3C92DE;
	border-bottom: 2px dashed #3C92DE;
	*/
	width: 100%;
	padding: 10px;

	background-image: linear-gradient(to bottom,#f0f0f0,#fff);
}

.suggested-input-text {
	color: #aaa;
}

/* End search index --------------------------- */

/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */
/* ========================================================================= */


.rss{
	color: #FFAE00; font-size: 18px;
}
.rss:hover{
	color: #FF6A00;
}
.noline{
	text-decoration:none !important;
}
.no-top-marg{
	padding-top: 0 !important; 
}
.nobg{
	background:none !important;
	border-bottom:none !important; 
}

.disabled-box {
	box-shadow: none;
	background-image: none;
	background: rgba(0,0,0,0);
}

.block_text_edit:focus, .editTitle:focus, .tagbox:focus, 
.youtube_link_box:focus, .setting-box:focus, #search-keywords-input:focus{
	background:rgb(245, 251, 255);
	outline: 0;
	box-shadow: 0 0 5px rgb(195, 210, 223) inset;
}

/* --USERBAR-----------------------------------------------------------------------------*/

.blog-post-reply-new {
	border-top: 1px solid rgba(0,0,0,0.08) !important;
	padding-top: 0.6em;
}

.search-page-content .blog-post:first-of-type, 
#view-single-thread .blog-post:first-of-type, 
.control-panel-content .blog-post:first-of-type {
	border-top:none;
}

/*#thread-comments,*/
/*
#view-single-thread .blog-post {
	padding-top: 2rem;
}*/

#thread-comments .blog-post:first-of-type {
	padding-top: 2rem;
	border-top: 1px solid rgba(0,0,0,0.08) !important;
}

.post-permalink, .post-quote,
#view-single-thread .post-reply-button {
	display: none;
}

#view-single-thread .post-permalink,
#view-single-thread .post-quote {
	display: inline-block;
}


/* Nesting levels */
[data-post_nesting_level="1"]  { padding-left:  2.0rem; }
[data-post_nesting_level="2"]  { padding-left:  2.5rem; }
[data-post_nesting_level="3"]  { padding-left:  3.0rem; }
[data-post_nesting_level="4"]  { padding-left:  3.5rem; }
[data-post_nesting_level="5"]  { padding-left:  4.0rem; }
[data-post_nesting_level="6"]  { padding-left:  4.5rem; }
[data-post_nesting_level="7"]  { padding-left:  5.0rem; }
[data-post_nesting_level="8"]  { padding-left:  5.5rem; }
[data-post_nesting_level="9"]  { padding-left:  6.0rem; }
[data-post_nesting_level="10"] { padding-left:  6.5rem; }
[data-post_nesting_level="11"] { padding-left:  7.0rem; }
[data-post_nesting_level="12"] { padding-left:  7.5rem; }
[data-post_nesting_level="13"] { padding-left:  8.0rem; }
[data-post_nesting_level="14"] { padding-left:  8.5rem; }
[data-post_nesting_level="15"] { padding-left:  9.0rem; }
[data-post_nesting_level="16"] { padding-left:  9.5rem; }
[data-post_nesting_level="17"] { padding-left: 10.0rem; }
[data-post_nesting_level="18"] { padding-left: 10.5rem; }
[data-post_nesting_level="19"] { padding-left: 11.0rem; }
[data-post_nesting_level="20"] { padding-left: 11.5rem; }
[data-post_nesting_level="21"] { padding-left: 12.0rem; }

[data-post_nesting_level="1"]::after  { left:  1.0rem; }
[data-post_nesting_level="2"]::after  { left:  1.5rem; }
[data-post_nesting_level="3"]::after  { left:  2.0rem; }
[data-post_nesting_level="4"]::after  { left:  2.5rem; }
[data-post_nesting_level="5"]::after  { left:  3.0rem; }
[data-post_nesting_level="6"]::after  { left:  3.5rem; }
[data-post_nesting_level="7"]::after  { left:  4.0rem; }
[data-post_nesting_level="8"]::after  { left:  4.5rem; }
[data-post_nesting_level="9"]::after  { left:  5.0rem; }
[data-post_nesting_level="10"]::after { left:  5.5rem; }
[data-post_nesting_level="11"]::after { left:  6.0rem; }
[data-post_nesting_level="12"]::after { left:  6.5rem; }
[data-post_nesting_level="13"]::after { left:  7.0rem; }
[data-post_nesting_level="14"]::after { left:  7.5rem; }
[data-post_nesting_level="15"]::after { left:  8.0rem; }
[data-post_nesting_level="16"]::after { left:  8.5rem; }
[data-post_nesting_level="17"]::after { left:  9.0rem; }
[data-post_nesting_level="18"]::after { left:  9.5rem; }
[data-post_nesting_level="19"]::after { left:  10.0rem; }
[data-post_nesting_level="20"]::after { left:  10.5rem; }
[data-post_nesting_level="21"]::after { left:  11.0rem; }

.nested_post::after {
	content: '';
	position: absolute;
	width: 0%;
	height: 80%;
	border-left: 2px solid rgba(0,0,0,0.08);
	top: 50%;
	z-index: -1;
	transform: translateY(-50%);
}


/*
.search-page-content .blog-post-new {
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}*/

.top_border {
	border-top: 1px solid rgba(0,0,0,0.08) !important;
}

.bottom_border,
.post-bottom-border {
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.blue-top{
	border-top: 4px solid #458;
}

#page-comments-meta {
	width: 100%;
	column-count: 2;
	display: inline-block;
	float: none;
	text-align: center;
}

#page-comments {
	width: 100%;
	display: inline-block;
	float: none;
	text-align: center;
	width: 73%;
}

#page-comments .blog-post-new {
	border-top: none !important;
	padding-top: 0 !important;
}

.subscribe-button-embed {
	list-style-type: none;
}

.subscribe-button-embed .push-notifications-button {
	display: none;
}

.subscribe-button-embed .fas, .subscribe-button-embed .far, .subscribe-button-embed .fab {
	padding-right: 0.8rem;
}

.subscribe-button-embed .subscribe-button-navbar-text {
	display: none;
}

.subscribe-button-embedded-text {
	display: none;
}

.subscribe-button-embed .subscribe-button-embedded-text {
	display: inline;
}

/* CONTAINERS ==============================================================*/

.heading{
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 22pt;
	display:inline-block; 
	color: #333;
	line-height:normal;
}

.px20{
	font-size: 20px;
	margin-bottom: 8px;
}

.serif{
	font-family: Georgia, "Times New Roman", Times, serif;
}

pre {
	margin: 0;
}

.hljs {
	background: none !important;
}

/* register --------------------------------------------------------------------*/

.login-textbox{
	outline: 0;
	width: 50%;
	box-sizing: border-box;
	padding: 8px 6px;
	border: 1px solid #bbb;
	font-size: 1rem;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2) inset;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f0f0f0),color-stop(100%,#fff));
	background-image: linear-gradient(to bottom,#f0f0f0,#fff);
}

.login-note{
    margin-top: 1rem;
    height: 2.5rem;
}


#userspan{
	display:inline-block !important
}


/* RELATED STUFFS ==========================================================================*/
.Cborder{
	border-color: #ccc !important;
}

#related-pages{
	text-align:center; 
	line-height:normal;
	padding-top: 0;
	clear:both;
}

.tag-container {
	position: relative;
}

.suggestions-container {
	display: block;
	position: relative;
}

.suggestions-modal {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translateY(100%);
	background: #fff;
	z-index: 10;
	width: 100%;
	box-shadow: 0 0 1rem rgba(0,0,0,0.1);
}

.suggestions-modal .suggestion-choice:hover {
	background: #efefef;
}

.suggestions-modal .suggestion-choice {
	background: #fff;
	padding: 0.8rem;
	font-size: 1.2rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	cursor: pointer;
	display: block;
}

/* --- BUTTONS AND INDICATORS -------------------------------------------------------------------------------------------------*/

.invisible-waypoint {
	clear: both;
	display: block;
}

.unsubscribe{
	width: 15px; cursor:pointer; 
	vertical-align: 2px;
	height: 13px; display:inline-block; margin-right: 1px;
	background-image: url(./imgs/sprite-icons.png);
	background-position: -208px -32px;
	opacity: 0.5;
}
.unsubscribe:hover{
	opacity: 1;
}
.unsubscribe:active{
	opacity: 0.3;
}
.unsubt{
	position:absolute; top: 8px; right: 8px; 
}

.rel{
	display:inline-block;
	position:relative !important; 
	top: 0 !important;
	right: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
}

.subscribe{
	display:inline-block;
	width: 15px;
	height: 13px;
	margin-right: 1px;
	vertical-align: 2px;
	background-image: url(./imgs/sprite-icons.png);
	background-position: -176px -32px;
	opacity: 0.5;
}

.subscribe:hover{
	opacity: 1;
}

.subscribe:active{
	opacity: 0.3;
}

.checkbox{
	background: #FFF; 
	opacity: 0.7; 
	color: #444; 
	padding: 2px 7px; 
	text-decoration:none !important; 
	margin: 3px 2px; 
	display:inline-block; 
	border-radius: 5px;
	transform: translateY(15%);
}

.checkbox:active{
	opacity:.8 !important;
}

.check{
	display:inline-block;
    color:green;
}

.edit:hover{
	opacity: 1;
}

.camera{
	vertical-align:-2px;
	display:inline-block;
	width: 17px;
	height: 16px;
	background-image: url(./imgs/sprite-icons.png);
	background-position: -128px -128px;
}

.redglow{
	box-shadow: 0 0 5px inset #944 !important; 
	background-image: linear-gradient(to bottom,#f5d5d5,#fff);
}

.color-red{
	color: #e00 !important; 
}

.okay{
	color:green; 
}

.error{
	color:red; 
}

.hide, .weak-hide{
	display:none; 
}

.invisible {
	opacity: 0;
	z-index: 0;
}

.hide-fo-real{
	display:none !important;
}

.show-fo-real{
	display:block !important;
}

.show {
	display: inline-block !important;
}



/* SETTINGS ==========================================*/

.settings_avatar_container_container {
	width: 100%;
	text-align: center;
	padding-bottom: 5%;
	padding-top: 3rem;
	position: relative;
}
 
.settings_avatar_container {
	width: 25%;
	display:inline-block;
}

.settings_avatar_container {
	/*border: 2px solid #000;*/
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0,0,0,.25)!important;	
}

.setting-block{
	width: 100%;
	padding: 1.5rem 0;
	padding-left: 3%;
	border-bottom: 1px solid #ddd;
}

.setting-box {
	width: 95%;
}

.settings-text{
	float:left; 
	width: 30%;
	text-align: left;
	padding-right: 1rem;
	border-right: 1px dashed #bbb; 
}

.settings-subtitle{
	font-size: 85%; 
	color: rgba(0,0,0,0.5);
	line-height: 1.2;
	padding-top: 0.5rem;
	display: block;
	clear: both;
}

.settings-right-panel{
	float:right; 
	width: 70%;
	padding-left: 20px;
	text-align: left;
	color: rgba(0,0,0,0.5);
}

.setidentR{
	position:relative;
	display:block;
	right: 105px;
	top: 9px;
	width: 0;
	height: 0;
	color: #aaa;
}

.small-share-links{
    float:right;
}

.small-share-links a{
    color: #3C92DE;	
}


/* List Page ========================================== */ 

/*msgs-------------------------------------------------------------------*/
.errormsg{
	font-weight:bold; font-style:italic; 
	padding: 50px; display:block; color: #bF8585;
}

.add-another-block{
    font-size: 18pt;
    line-height: 2;
}

#sidebar-tags {
    font-size: 12pt;
}

.page-panel {
	padding-top: 20pt;
	position: relative;
}

.contributors_avatars_list {
	display: inline-block;
    float: none;
    text-align: center;
}

.contributors_avatars_list, .administrators_avatars_list, .banned_users_avatars_list {
	text-align: center;
}

.contributors_avatars_list {
	padding-top: 0.4rem;
}

.contributors_avatars_list .user-card-border {
	width: 15%;
	/*float: left;*/
	display: inline-block;
	text-align: center;
	margin-bottom: 1rem;
}

.contributors_avatars_list .user-card-backup-image {
	width: 70%;
	padding-top: 70%;
	margin-right: 0rem;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 3px rgba(0,0,0,.25)!important;	
}

.contributors_avatars_list .user-card-image {
	border-radius: 50%;
}

.contributors_avatars_list .user-card-title {
	/*padding-top: 1.5rem;*/
	font-size: 1.2rem;
	padding-top: 0.4rem;
	/*padding-left: 0.8rem;*/
}

.contributors_avatars_list .block-banner {
	/*padding-bottom: 1.5rem;*/
}

.contributors_avatars_list .user-card-backup-image .backup-text {
	font-size: 1.5rem;
}

.contributors_avatars_list .user-card {
	padding: 0;
}

.contributors_avatars_list .user-card-border:hover {
	box-shadow: none !important;
	opacity: 0.8;
}

.contributors_avatars_list .fa-shield-alt {
	display: none;
}

/*.contributors_avatars_list .list-title {
	display: none;
}*/

.user-card-title {
	font-size: 1.2rem;
}

/* LOADING ANIMATIONS */
.lds-ring {
	display: inline-block;
	position: relative;
	width: 4rem;
	height: 4rem;
	mix-blend-mode: difference;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0.75rem solid #d9d9d9;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #d9d9d9 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.lds-facebook {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-facebook div {
	display: inline-block;
	position: absolute;
	left: 6px;
	width: 13px;
	background: #d9d9d9;
	animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
	left: 6px;
	animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
	left: 26px;
	animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
	left: 45px;
	animation-delay: 0;
}
@keyframes lds-facebook {
	0% {
		top: 6px;
		height: 51px;
	}
	50%, 100% {
		top: 19px;
		height: 26px;
	}
}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
  }
  .lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #d9d9d9;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
	0% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes lds-ellipsis3 {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes lds-ellipsis2 {
	0% {
	  transform: translate(0, 0);
	}
	100% {
	  transform: translate(19px, 0);
	}
  }

  .lds-grid {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
  }
  .lds-grid div {
	position: absolute;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #d9d9d9;
	animation: lds-grid 1.2s linear infinite;
  }
  .lds-grid div:nth-child(1) {
	top: 6px;
	left: 6px;
	animation-delay: 0s;
  }
  .lds-grid div:nth-child(2) {
	top: 6px;
	left: 26px;
	animation-delay: -0.4s;
  }
  .lds-grid div:nth-child(3) {
	top: 6px;
	left: 45px;
	animation-delay: -0.8s;
  }
  .lds-grid div:nth-child(4) {
	top: 26px;
	left: 6px;
	animation-delay: -0.4s;
  }
  .lds-grid div:nth-child(5) {
	top: 26px;
	left: 26px;
	animation-delay: -0.8s;
  }
  .lds-grid div:nth-child(6) {
	top: 26px;
	left: 45px;
	animation-delay: -1.2s;
  }
  .lds-grid div:nth-child(7) {
	top: 45px;
	left: 6px;
	animation-delay: -0.8s;
  }
  .lds-grid div:nth-child(8) {
	top: 45px;
	left: 26px;
	animation-delay: -1.2s;
  }
  .lds-grid div:nth-child(9) {
	top: 45px;
	left: 45px;
	animation-delay: -1.6s;
  }
  @keyframes lds-grid {
	0%, 100% {
	  opacity: 1;
	}
	50% {
	  opacity: 0.5;
	}
  }  
/* / LOADING ANIMATIONS */  

.block_feature_container .block_feature {
	display: inline-block;
}

.block_feature_container, .settings_avatar_container {
	position: relative;
	text-align: center;
}

.block_feature_container .loading-animation, 
.settings_avatar_container .loading-animation, 
.blog-post .loading-animation, 
.block-loading-animation, 
.page-panel .loading-animation, 
.fragment-loading-animation,
.avatar-loading-animation,
.image-fragment-size-buttons {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

.block-loading-animation {
	background: rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 3rem;
	border-radius: 1rem;
}

.image-fragment-size-buttons i {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.bad-fragment-image {
	width:100%;
	font-style: italic;
	text-align: center;
	color: rgba(255,0,0,0.8);
}

.bad-fragment-image::first-letter {
	text-transform: uppercase;
}

.block_hero_container .bad-fragment-image {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    padding: 0.5rem;
	line-height: 1.4;
	border-top: 1px solid rgba(255,0,0,0.8);
	border-bottom: 1px solid rgba(255,0,0,0.8);
}

/*.block .lds-ring div,
.page-panel .lds-ring div {
	border-width: 1rem;
}*/

.block_feature_container .loading-animation, 
.avatar-loading-animation {
	mix-blend-mode: difference;
}

.block_feature_container .lds-ring div, 
.avatar-loading-animation .lds-ring div {
	border-color: #fff transparent transparent transparent;
	width: 100%;
	height: 100%;
	border-width: 1rem;
}

.avatar-loading-animation {
	width: 100%;
	height: 100%;
}

.avatar-loading-animation .lds-ring {
	width: 100%;
	height: 100%;
}

.avatar-loading-animation .lds-ring div { 
	border-width: 2rem;
}

.loading-ring-container {
	min-height: 15vh;
	padding-bottom: 0;
	display: block;
	text-align: center;
	position: relative;
	z-index: -1;
}

.loading-ring-container .lds-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.short-time {
	display: none;
}

/* CHAT ================================================ */

body.chat-page {
	overflow: hidden;
}

#border .chat-container {
	/*height: 78vh;*/
	height: calc(100vh - 190px);
}

.chat-container {
	width: 100%;

	position: relative;
	height: 100vh;
	box-sizing: border-box;
}

.chat-content-container {
	padding-top: 4rem;
	width: 55%;
	float: left;
	position: relative;
	height: 100%;
}

.chat-right-info-panel {
	padding-top: 4rem;
	width: 20%;
	float: right;
	position: relative;
	height: 100%;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
	box-sizing: border-box;
}

.chat-right-info-panel-border {
	border-left: 1px solid #eee;
	height: 100%;
	position: relative;
	/*overflow-y: scroll;
	overflow-x: hidden;*/
	overflow:hidden;
}

.chat-left-info-panel {
	float:left;
	width: 25%;
	height: 100%;
	border-right: 1px solid #eee;
	z-index: 4;
	overflow-y: scroll;
	overflow-x: hidden;
}

.chat-entry {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	padding: 0.8rem;
	background: #fff;
	z-index: 3;
	height: 4.2rem;
}

.chat-entry .chat-send {
	color: #3C92DE;
	font-size: 2rem;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 6.5%;
	transform: translate(50%, -50%);
	cursor: pointer;
}

.chat-entry .chat-send:hover {
	color: rgb(78, 152, 218);
}

.chat-entry input {
	font-size: 1.1rem;
	background-image: linear-gradient(to bottom,#f0f0f0,#fff);
}

.chat-text-entry,
.click-modal {
	width: 87%;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	border:none;
	resize: none;
	padding: 0.8rem;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2) inset;	
	border-radius: 1.25rem;
	outline: 0;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}

.click-modal {
	background-color: #3C92DE;
	color: #fff;
	box-shadow: none;
	cursor: pointer;
	display: none;
}

.click-modal:hover {
	background-color: rgb(78, 152, 218);
}


.chat-click-to-connect-container {
	width: 15%;
	position: relative;
	background: #3C92DE;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 200;
}

.chat-click-to-connect-container:hover {
	opacity: 0.95;
}

.chat-click-to-connect .lds-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 1px);
	height: calc(100% + 1px);
	mix-blend-mode: unset;
	display: none;
}

.chat-click-to-connect .lds-ring div {
	border-color: #fff transparent transparent transparent;
}

.chat-click-to-connect-container:hover {
	/*color: #3C92DE;*/
}

.chat-click-to-connect {
	cursor: pointer;
	padding-top: 100%;
}

.chat-click-to-connect-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 10vh;
}

.chat-click-to-connect-text i {
	padding: 0;
}

.chat-click-to-join.joining,
.chat-click-to-connect.joining {
	cursor: unset;
}

.chat-click-to-join.joining::after {
	content: "Joining...";
}

.chat-click-to-connect-container.joining .lds-ring {
	display: block !important;
}

.chat-click-to-join-channel {
	font-weight: bold;
}

.chat-click-to-join.joining .chat-click-to-join-text {
	display: none;
}

.chat-content {
	clear:both;
	padding-left: 1rem;
	padding-right: 1rem;
	height: 90%;
	overflow-y: scroll;
	overflow-x: hidden;
	width:100%;
	text-align: left;
	padding-bottom: 1rem;
}

@-moz-document url-prefix() {
	.chat-content {
		height: 88% !important; 
	}
}

.chat-left-info-panel,
.chat-right-info-panel,
.chat-content, 
.chat-nicknames-container {
	overflow: -moz-scrollbars-none;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.chat-toast {
	display: none;
	border-radius: 0.8rem;
	background: rgba(255, 217, 253, 1);
	/*color: hsl(303, 29%, 69%);*/
	color: rgba(0,0,0,0.3);
	padding: 1rem;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	z-index: 50;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.05)!important;
}

.chat-left-info-panel::-webkit-scrollbar,
.chat-right-info-panel::-webkit-scrollbar,
.chat-content::-webkit-scrollbar,
.chat-nicknames-container::-webkit-scrollbar { 
	width: 0 !important 
}

.chat-content .bubble .display-command {
	font-weight: bold;
	padding-right: 0.5rem;
} 

.chat-header {
	padding: 0;
	width: 75%;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));
	border-bottom: 1px solid #eee;
	text-align: left;
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	z-index: 2;
	/*background:#fff;*/
}

.chat-add-focus, 
.chat-header {
	height: 4rem;
}

.chat-add-focus {
	margin-top: 0.5rem;
}

.chat-header-title {
	font-weight: bold;
	font-size: 1.2rem;
	position: absolute;
	height: 100%;
	/*top: 50%;*/
	top: 0;
	left: 1rem;
	transform: translateY(calc(50% - 0.6rem));
	color: rgba(0,0,0,0.7);
}

.chat-content .bubble {
	position: relative;
	display: none;
	clear: both;
	text-align: left;
	max-width: 90%;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 1rem;
	margin-top: 3rem;
}

.chat-content .merged {
	margin-top: 0.2rem;
}

.chat-content .merged .display-name {
	display: none;
}

.chat-content .bubble/*.received */{
	float: left;
	background: rgba(238, 238, 238, 1); /* rgba(232, 236, 241, 1);*/
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
}

.chat-content .received {
	color: rgba(0,0,0,0.75);
}

.chat-content .sent a, 
.chat-content .sent .a {
	color: #fff;
	text-decoration: underline;
}

.chat-content .display-name {
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(0,0,0,0.40);
	transform: translateY(-100%);
	padding-bottom: 0.5rem;
	/*padding-left: 1rem;*/
	font-size: 85%;
	white-space: nowrap;
}

.chat-content .display-time {
	display: none;
}

.chat-content .sent .display-name {
	text-align: right;
	left: unset;
	right: 0;
}

.chat-content .bubble .display-content {
	word-wrap: break-word;
	line-height: 1.5;
}

.chat-socket-handler-host {
	display: none;
}

.chat-debug-container .xdebug-var-dump {
	clear:both;
	display: none;
	font-size: 80%;
	padding: 0;
}

.chat-debug-container {
	clear: both;
	padding-top: 0.8rem;
	opacity: 0.5;
	color: black;
}

.chat-panel-entry-row {
	text-align: left;
	/*border-bottom: 1px solid #eee;*/
}

.chat-panel-entry-row input {
	padding: 0.8rem;
	border-radius: 0.8rem;
	position: relative;
	font-weight: normal;
	/*background-image: linear-gradient(to bottom,#f0f0f0,#fff);*/
	box-shadow: none;
	width: 100%;
	box-sizing: border-box;
	outline: 0;
	margin-top: 0.1rem;
	font-size: 1rem;
}

.chat-panel-entry-row input:focus {
	background: rgba(0, 0, 0, 0.05);
}

.chat-foci .channel-row,
.chat-nicknames-container .chat-nicknames-row,
.chat-settings-row {
	text-align: left;
	cursor: pointer;
}

.channel-row {
	padding: 0.6rem;
}

.chat-settings-row {
	padding: 1.4rem;
	position: relative;
	font-weight: bold;
	z-index: 5;
}

.chat-modal {
	position: relative;
}

.chat-settings-row, 
.chat-nicknames-row {
	background: #fff;
}

.chat-settings-container {
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	position: absolute;
}

.chat-settings-container::after {
	content: "\00a0";
	display: block;
	width: 100%;
	height: 2000px;
	background: #fff;
	position: relative;
	z-index: 4;
}

.channel-row, 
.chat-settings-row,
.chat-nicknames-row {
	color: rgba(0,0,0,0.55);
	position: relative;
	display: block;
}

.channel-row i, 
.chat-settings-row i,
.chat-nicknames-row i {
	padding-right: 0.4rem;
}

.chat-nicknames-container .chat-nicknames-row,
.chat-settings-row {
	border-bottom: 1px solid #eee;
}

.chat-nicknames-row {
	z-index: 2;
}

.chat-right-info-panel .chat-nicknames-container .null-results,
.chat-right-info-panel .chat-settings-container .null-results {
	width: 100%;
	position: absolute;
	top: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	color:rgba(0, 0, 0, 0.25);
	font-style: italic;
}

.chat-right-info-panel .chat-nicknames-container .null-results {
	z-index: 1;
	top: 0;
}

.chat-right-info-panel .chat-settings-container .null-results {
	z-index: 5
}

.channel-row:hover, 
.chat-settings-row:hover,
.chat-nicknames-row:hover { 
	color: rgba(0,0,0,0.8);
}

.chat-nicknames-container .chat-nicknames-row {
	padding: 1.4rem;
}

.channel-row .channel-highlighter {
	padding: 0.8rem;
	border-radius: 0.8rem;
	position: relative;
	/*font-weight: bold;*/
}

.channel-row .lit {
	background: rgba(0,0,0,0.05);
	color: rgba(0,0,0,0.65);
}

.channel-row .lit:hover, 
.chat-panel-entry-row input:hover {
	background: rgba(0,0,0,0.04);
}

.chat-panel-entry-row input:not(.suggested-input-text) {
	font-weight: bold;
	padding-left: 15%;
	color: rgba(0,0,0,0.65);
}

.channel-row.not-joined .channel-highlighter::after{
	font-weight: 900;
	color: rgba(0, 0, 0, 0.15);
	font-weight: normal;
}

.chat-header-connecting .chat-header-title::after,
.chat-header-offline .chat-header-title::after,
.chat-header-unconnected .chat-header-title::after {
	font-weight: 100;
	color: rgba(0, 0, 0, 0.32);
	opacity: 1 !important;
}


.chat-header-connecting .chat-header-animation {
	display: inline-block;
}

.chat-header-animation  {
	display: none;
	transform:translateY(-35%);
}

/*
.chat-header-animation .lds-facebook {
	display: inline-block;
	overflow: hidden;
	transform: scale(0.5);
}*/

.chat-header-connecting .chat-header-title::after {
	content: "\00a0 connecting...";
}

.chat-header-inner-title {
	display: inline-block;
	vertical-align: top;
}

.chat-header-offline .chat-header-title::after {
	content: "\00a0 offline";
}

.chat-header-unconnected:not(.chat-header-offline):not(.chat-header-connecting) .chat-header-title::after {
	content: "\00a0 disconnected";
}

.channel-row .channel-icons {
	position: absolute;
	right: 2%;
	text-align: right;
	transform: translate(0%, 10%);
	opacity: 0.5;
}

.channel-row .channel-highlighter {
	padding-left: 16%;
	position: relative;
}

.chat-leave-channel,
.chat-channel-icon {
	/*background: rgba(0,0,0,0.05);*/
	font-size: 80%;
	font-weight: normal;
	padding: 0 0.2rem;
}

.chat-more-button {
	position: absolute;
	left: 2%;
	display: none;
	/*transform: translateX(-50%);*/
	font-size: 80%;
	transform: translate(50%, 15%);
}

.channel-row:hover .chat-more-button {
	display: inline;
}

.chat-more-menu {
	border-radius: 0.5rem;
}

.chat-more-menu li {
	line-height: 2;
	list-style: none;
	font-weight: normal;
}

.chat-more-menu li:first-of-type {
	padding-top: 1rem;
}

.channel-row .chat-hide-modal {
	display: none;
}

.chat-more-menu li:hover {
	font-weight: bold;
	letter-spacing: -0.2px;
}

.chat-leave-channel {
	cursor: pointer;
}

.chat-leave-channel:hover {
	/*background: rgba(0,0,0,0.1);*/
	/*color: rgba(238, 130, 130, 0.8);*/
	color: red;
}

.chat-modal .chat-hide-modal.chat-settings-container {
	display: none;
}

.panel-network .chat-setting-delete-history {
	display: none !important;
}

.panel-network .chat-nicknames-container,
.panel-pm .chat-nicknames-container {
	display: none !important;
}


/* Errors as defined by RFC1459, RFC2812 */

.irc-error,
.bubble[data-irccmd='400'], /*ERR_UNKNOWNERROR*/
.bubble[data-irccmd='401'], /*ERR_NOSUCHNICK*/
.bubble[data-irccmd='402'], /*ERR_NOSUCHSERVER*/
.bubble[data-irccmd='403'], /*ERR_NOSUCHCHANNEL*/
.bubble[data-irccmd='404'], /*ERR_CANNOTSENDTOCHAN*/
.bubble[data-irccmd='405'], /*ERR_TOOMANYCHANNELS*/
.bubble[data-irccmd='406'], /*ERR_WASNOSUCHNICK*/
.bubble[data-irccmd='407'], /*ERR_TOOMANYTARGETS*/
.bubble[data-irccmd='408'], /*ERR_NOSUCHSERVICE*/
.bubble[data-irccmd='409'], /*ERR_NOORIGIN*/
.bubble[data-irccmd='411'], /*ERR_NORECIPIENT*/
.bubble[data-irccmd='412'], /*ERR_NOTEXTTOSEND*/
.bubble[data-irccmd='413'], /*ERR_NOTOPLEVEL*/
.bubble[data-irccmd='414'], /*ERR_WILDTOPLEVEL*/
.bubble[data-irccmd='415'], /*ERR_BADMASK*/
/**/
.bubble[data-irccmd='421'], /*ERR_UNKNOWNCOMMAND*/
.bubble[data-irccmd='422'], /*ERR_NOMOD*/
.bubble[data-irccmd='423'], /*ERR_NOADMININFO*/
.bubble[data-irccmd='424'], /*ERR_FILEERROR*/

.bubble[data-irccmd='431'], /*ERR_NONICKNAMEGIVEN*/
.bubble[data-irccmd='432'], /*ERR_ERRONEUSNICKNAME*/
.bubble[data-irccmd='433'], /*ERR_NICKNAMEINUSE*/

.bubble[data-irccmd='436'], /*ERR_NICKCOLLISION*/

.bubble[data-irccmd='441'], /*ERR_USERNOTINCHANNEL*/
.bubble[data-irccmd='442'], /*ERR_NOTONCHANNEL*/
.bubble[data-irccmd='443'], /*ERR_USERONCHANNEL*/
.bubble[data-irccmd='444'], /*ERR_NOLOGIN*/
.bubble[data-irccmd='445'], /*ERR_SUMMONDISABLED*/

.bubble[data-irccmd='446'], /*ERR_USERSDISABLED*/

.bubble[data-irccmd='451'], /*ERR_NOTREGISTERED*/

.bubble[data-irccmd='461'], /*ERR_NEEDMOREPARAMS*/
.bubble[data-irccmd='462'], /*ERR_ALREADYREGISTERED*/
.bubble[data-irccmd='463'], /*ERR_NOPERMFORHOST*/
.bubble[data-irccmd='464'], /*ERR_PASSWDMISMATCH*/
.bubble[data-irccmd='465'], /*ERR_YOUREBANNEDCREEP*/

.bubble[data-irccmd='467'], /*ERR_KEYSET*/

.bubble[data-irccmd='471'], /*ERR_CHANNELISFULL*/
.bubble[data-irccmd='472'], /*ERR_UNKNOWNMODE*/
.bubble[data-irccmd='473'], /*ERR_INVITEONLYCHAN*/
.bubble[data-irccmd='474'], /*ERR_BANNEDFROMCHAN*/
.bubble[data-irccmd='475'], /*ERR_BADCHANNELKEY*/
.bubble[data-irccmd='476'], /*ERR_BADCHANMASK*/
.bubble[data-irccmd='477'], /*ERR_NOCHANMODES*/

.bubble[data-irccmd='478'], /*ERR_BANLISTFULL*/

.bubble[data-irccmd='481'], /*ERR_NOPRIVILEGES*/
.bubble[data-irccmd='482'], /*ERR_CHANOPRIVSNEEDED*/
.bubble[data-irccmd='483'], /*ERR_CANTKILLSERVER*/
.bubble[data-irccmd='484'], /*ERR_RESTRICTED*/

.bubble[data-irccmd='485'], /*ERR_UNIQOPRIVSNEEDED*/
.bubble[data-irccmd='491'], /*ERR_NOOPERHOST*/

.bubble[data-irccmd='501'], /*ERR_UMODEUNKNOWNFLAG*/
.bubble[data-irccmd='502']  /*ERR_USERSDONTMATCH*/
{
	background: rgb(255, 230, 234) !important;
}

.bubble[data-ctcp='ACTION'] {
	margin-top: 0.8rem !important;
	background: rgb(230, 234, 255) !important;
	color: rgba(0,0,0,0.45) !important;
	border-radius: 0.8rem !important;
	font-style: italic;
}
.bubble[data-ctcp='ACTION'] .display-name {
	display: inline;
	color: inherit;
	font-size: inherit;
	position: unset;
}
.bubble[data-ctcp='ACTION'] .display-name::after{
	content: "\00a0";
}

.bubble[data-irccmd='400'] .bdc-0, /*ERR_UNKNOWNERROR*/
.bubble[data-irccmd='401'] .bdc-0, /*ERR_NOSUCHNICK*/
.bubble[data-irccmd='402'] .bdc-0, /*ERR_NOSUCHSERVER*/
.bubble[data-irccmd='403'] .bdc-0, /*ERR_NOSUCHCHANNEL*/
.bubble[data-irccmd='404'] .bdc-0, /*ERR_CANNOTSENDTOCHAN*/
.bubble[data-irccmd='405'] .bdc-0, /*ERR_TOOMANYCHANNELS*/
.bubble[data-irccmd='406'] .bdc-0, /*ERR_WASNOSUCHNICK*/
.bubble[data-irccmd='407'] .bdc-0, /*ERR_TOOMANYTARGETS*/
.bubble[data-irccmd='408'] .bdc-0, /*ERR_NOSUCHSERVICE*/
.bubble[data-irccmd='409'] .bdc-0, /*ERR_NOORIGIN*/
.bubble[data-irccmd='411'] .bdc-0, /*ERR_NORECIPIENT*/
.bubble[data-irccmd='412'] .bdc-0, /*ERR_NOTEXTTOSEND*/
.bubble[data-irccmd='413'] .bdc-0, /*ERR_NOTOPLEVEL*/
.bubble[data-irccmd='414'] .bdc-0, /*ERR_WILDTOPLEVEL*/
.bubble[data-irccmd='415'] .bdc-0, /*ERR_BADMASK*/
/**/
.bubble[data-irccmd='421'] .bdc-0, /*ERR_UNKNOWNCOMMAND*/
.bubble[data-irccmd='422'] .bdc-0, /*ERR_NOMOD*/
.bubble[data-irccmd='423'] .bdc-0, /*ERR_NOADMININFO*/
.bubble[data-irccmd='424'] .bdc-0, /*ERR_FILEERROR*/

.bubble[data-irccmd='431'] .bdc-0, /*ERR_NONICKNAMEGIVEN*/
.bubble[data-irccmd='432'] .bdc-0, /*ERR_ERRONEUSNICKNAME*/
.bubble[data-irccmd='433'] .bdc-0, /*ERR_NICKNAMEINUSE*/

.bubble[data-irccmd='436'] .bdc-0, /*ERR_NICKCOLLISION*/

.bubble[data-irccmd='441'] .bdc-0, /*ERR_USERNOTINCHANNEL*/
.bubble[data-irccmd='442'] .bdc-0, /*ERR_NOTONCHANNEL*/
.bubble[data-irccmd='443'] .bdc-0, /*ERR_USERONCHANNEL*/
.bubble[data-irccmd='444'] .bdc-0, /*ERR_NOLOGIN*/
.bubble[data-irccmd='445'] .bdc-0, /*ERR_SUMMONDISABLED*/

.bubble[data-irccmd='446'] .bdc-0, /*ERR_USERSDISABLED*/

.bubble[data-irccmd='451'] .bdc-0, /*ERR_NOTREGISTERED*/

.bubble[data-irccmd='461'] .bdc-0, /*ERR_NEEDMOREPARAMS*/
.bubble[data-irccmd='462'] .bdc-0, /*ERR_ALREADYREGISTERED*/
.bubble[data-irccmd='463'] .bdc-0, /*ERR_NOPERMFORHOST*/
.bubble[data-irccmd='464'] .bdc-0, /*ERR_PASSWDMISMATCH*/
.bubble[data-irccmd='465'] .bdc-0, /*ERR_YOUREBANNEDCREEP*/

.bubble[data-irccmd='467'] .bdc-0, /*ERR_KEYSET*/

.bubble[data-irccmd='471'] .bdc-0, /*ERR_CHANNELISFULL*/
.bubble[data-irccmd='472'] .bdc-0, /*ERR_UNKNOWNMODE*/
.bubble[data-irccmd='473'] .bdc-0, /*ERR_INVITEONLYCHAN*/
.bubble[data-irccmd='474'] .bdc-0, /*ERR_BANNEDFROMCHAN*/
.bubble[data-irccmd='475'] .bdc-0, /*ERR_BADCHANNELKEY*/
.bubble[data-irccmd='476'] .bdc-0, /*ERR_BADCHANMASK*/
.bubble[data-irccmd='477'] .bdc-0, /*ERR_NOCHANMODES*/

.bubble[data-irccmd='478'] .bdc-0, /*ERR_BANLISTFULL*/

.bubble[data-irccmd='481'] .bdc-0, /*ERR_NOPRIVILEGES*/
.bubble[data-irccmd='482'] .bdc-0, /*ERR_CHANOPRIVSNEEDED*/
.bubble[data-irccmd='483'] .bdc-0, /*ERR_CANTKILLSERVER*/
.bubble[data-irccmd='484'] .bdc-0, /*ERR_RESTRICTED*/

.bubble[data-irccmd='485'] .bdc-0, /*ERR_UNIQOPRIVSNEEDED*/
.bubble[data-irccmd='491'] .bdc-0, /*ERR_NOOPERHOST*/

.bubble[data-irccmd='501'] .bdc-0, /*ERR_UMODEUNKNOWNFLAG*/
.bubble[data-irccmd='502'] .bdc-0 /*ERR_USERSDONTMATCH*/
{
	display:none;
}

.chat-header-buttons {
	position: absolute;
	top: 50%;
	right: 1.2rem;
	transform: translateY(-50%);
	color: rgba(0,0,0,0.3);
}

.chat-header-buttons i {
	cursor: pointer;
}

.chat-header-button-selected,
.chat-header-buttons i:hover {
	color: rgba(0,0,0,0.76);
}

.chat-header-bars,
.chat-header-user,
.chat-header-settings {
	padding-left: 1.3rem;
	display: inline-block;
}

.chat-header-bars,
.chat-header-user {
	display: none;
}

/*,
.chat-header-user*/

.chat-unread-focus {
	font-weight: bold;
	color: black !important;
}

.chat-unread-count {
	background: #3C92DE;
	color: #fff;
	border-top-right-radius: 0.8rem;
	border-bottom-right-radius: 0.8rem;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;	
	padding: 0;
	font-weight: bold;
	height: 100%;
	width: 3rem;
}

.chat-unread-count-center {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.bubble[data-irccmd="PART"],
.bubble[data-irccmd="QUIT"],
.bubble[data-irccmd="JOIN"],
.bubble[data-irccmd="NICK"],
.bubble[data-irccmd="SOCKLIVE"],
.bubble[data-irccmd="SOCKDEAD"],
.bubble[data-irccmd="305"] {
	background: unset !important;
	text-align: center !important;
	width: 100% !important;
	max-width: 100% !important;
	border-radius: unset;
	font-style: italic;
	margin-top: 0.8rem !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	color: rgba(0,0,0,0.30) !important;
}

/* Don't display these loopback messages */
/*.sent[data-irccmd="NICK"],
.sent[data-irccmd="PART"] {
	display: none !important;
}*/

.bubble[data-irccmd="305"] .display-name {
	display:none;
}

.bubble[data-irccmd="PART"] .display-name,
.bubble[data-irccmd="QUIT"] .display-name,
.bubble[data-irccmd="JOIN"] .display-name,
.bubble[data-irccmd="NICK"] .display-name {
	position: unset !important;
	display: inline-block !important;
	color: inherit;
	transform: unset;
	font-size: inherit;
}

.bubble[data-irccmd="QUIT"] .bdc-0 {
	display: none;
}

/* Socket alive / dead 
.bubble[data-irccmd="SOCKLIVE"],
.bubble[data-irccmd="SOCKDEAD"] {
	border-top: 1px dashed #DDD;
}*/

.bubble[data-irccmd="SOCKLIVE"] .display-name,
.bubble[data-irccmd="SOCKDEAD"] .display-name {
	display: none !important;
}

.bubble[data-irccmd="SOCKLIVE"] .display-content::after {
	content: "Connected"
}

.bubble[data-irccmd="SOCKDEAD"] .display-content::after {
	content: "Disconnected"
}

.bubble[data-irccmd="SOCKLIVE"] .display-time,
.bubble[data-irccmd="SOCKDEAD"] .display-time {
	position: unset !important;
	display: inline-block !important;
	color: inherit;
	transform: unset;
	font-size: inherit;
}

.bubble[data-irccmd="SOCKLIVE"] .display-time::before,
.bubble[data-irccmd="SOCKDEAD"] .display-time::before {
	content: "\00a0"
}

/* NICK: Changed name */
.bubble[data-irccmd="NICK"] .display-name::after {
	content: "\00a0is now known as\00a0";
}


.bubble[data-irccmd="PART"] .display-command,
.bubble[data-irccmd="QUIT"] .display-command,
.bubble[data-irccmd="JOIN"] .display-command,
.bubble[data-irccmd="NICK"] .display-command,
.bubble[data-irccmd="SOCKLIVE"] .display-command,
.bubble[data-irccmd="SOCKDEAD"] .display-command {
	display: none;
}

.bubble[data-irccmd="JOIN"].sent {
	display: none !important;
}

/*.bubble[data-irccmd="SOCKLIVE"] .display-content,
.bubble[data-irccmd="SOCKDEAD"] .display-content {
	display: none;
}*/

/* 305: RPL_UNAWAY */
.bubble[data-irccmd='305'] .display-command,
.bubble[data-irccmd='305'] .bdc-0 {
	display: none;
}

/* PRIVMSG: Private Message */
.bubble[data-irccmd="PRIVMSG"] .display-command, 
.bubble[data-irccmd="PRIVMSG"] .bdc-0 {
	display: none;
}

/* JOIN: Entered Channel */
.bubble[data-irccmd="JOIN"] .display-name::after {
	content: "\00a0joined\00a0";
}

/* PART: Left Channel */
.bubble[data-irccmd="PART"] .display-name::after {
	content: "\00a0left\00a0";
}

/* QUIT: Left Network */
.bubble[data-irccmd="QUIT"] .display-name::after {
	content: "\00a0quit the network";
}

/* WHOIS Responses */
.bubble[data-irccmd="311"] .bdc-0, 
.bubble[data-irccmd="311"] .bdc-1,
.bubble[data-irccmd="319"] .bdc-0, 
.bubble[data-irccmd="319"] .bdc-1,
.bubble[data-irccmd="312"] .bdc-0, 
.bubble[data-irccmd="312"] .bdc-1,
.bubble[data-irccmd="378"] .bdc-0, 
.bubble[data-irccmd="378"] .bdc-1,
.bubble[data-irccmd="317"] .bdc-0, 
.bubble[data-irccmd="317"] .bdc-1,
.bubble[data-irccmd="318"] .bdc-0, 
.bubble[data-irccmd="318"] .bdc-1 {
	display: none;
}

/* NAMES Resonses */
.bubble[data-irccmd="353"] .bdc-0,
.bubble[data-irccmd="353"] .bdc-1,
.bubble[data-irccmd="353"] .bdc-2,
.bubble[data-irccmd="366"] .bdc-0,
.bubble[data-irccmd="366"] .bdc-1 {
	display: none;
}

/* 404: ERR_CANNOTSENDTOCHAN */
.bubble[data-irccmd="404"] .bdc-0 {
	display: none;
}

/* 332: RPL_TOPIC */
.bubble[data-irccmd="332"] .bdc-0,
.bubble[data-irccmd="332"] .bdc-1 {
	display: none;
}

.bubble[data-irccmd="332"] {
	background: rgba(241, 231, 254, 1) !important;
}

/* 333: RPL_TOPICWHOTIME */
.bubble[data-irccmd="333"] .bdc-0,
.bubble[data-irccmd="333"] .bdc-1 {
	display: none;
}

.bubble[data-irccmd="333"] {
	background: rgba(241, 231, 254, 1) !important;
}

/* 001: RPL_WELCOME  
   002: RPL_YOURHOST
   003: RPL_CREATED
   004: RPL_MYINFO */
.bubble[data-irccmd="001"] .bdc-0,
.bubble[data-irccmd="002"] .bdc-0,
.bubble[data-irccmd="003"] .bdc-0,
.bubble[data-irccmd="004"] .bdc-0 {
	display: none;
}

/* 005 RPL_ISUPPORT */
.bubble[data-irccmd="005"] .bdc-0 {
	display: none;
}

.bubble[data-irccmd="250"] .bdc-0,
.bubble[data-irccmd="251"] .bdc-0,
.bubble[data-irccmd="252"] .bdc-0,
.bubble[data-irccmd="253"] .bdc-0,
.bubble[data-irccmd="254"] .bdc-0,
.bubble[data-irccmd="255"] .bdc-0 {
	display: none;
}

.bubble[data-irccmd="265"] .bdc-0,
.bubble[data-irccmd="266"] .bdc-0 {
	display: none;
}

/* MOTD */
.bubble[data-irccmd="375"] .bdc-0,
.bubble[data-irccmd="372"] .bdc-0,
.bubble[data-irccmd="376"] .bdc-0{
	display: none;
}

.bubble[data-irccmd="375"], 
.bubble[data-irccmd="372"],
.bubble[data-irccmd="376"] {
	background-color: rgba(232, 236, 241, 1) !important;
}

/* MODE */
.bubble[data-irccmd="MODE"] .bdc-0 {
	display: none;
}

.bubble[data-irccmd="MODE"] {
	background-color: rgba(200, 247, 197, 1) !important;
	color: black !important;
}

/* NOTICE */
.bubble[data-irccmd="NOTICE"] {
	background-color: rgba(241, 231, 254, 1) !important;
	color: black !important;
}
.bubble[data-irccmd="NOTICE"] .bdc-0 {
	display: none;
}

/* RPL_CHANNEL_URL */
.bubble[data-irccmd="328"] {
	background-color: rgba(241, 231, 254, 1) !important;
}

.bubble[data-irccmd="328"] .bdc-0 {
	display: none;
}


.display-content span::after {
	content: "\00a0";
}

.chat-header .chat-unread-bubbles-count {
	font-size: 8pt;
	background: #3C92DE;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	position: absolute;
	top: -4pt;
	right: 0;
	z-index: 3;
}


/* ------------ */

.chat-header-user {
	display: inline-block;
}

.chat-content-container {
	width: 75%; 
}

.chat-right-info-panel.chat-hide-modal {
	display: none;
}

.chat-right-info-panel {
	position: absolute;
	top: 0;
	right: 0;
	border-right: 0;
	height: 90%;
}

.chat-nicknames-container {
	display: block !important;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	padding-bottom: 30vh;
}

.chat-loading-animation,
.chat-loading-animation-small,
.chat-loading-end-of-scroll {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

.chat-loading-animation {
	top: 20%;
}

.chat-loading-animation-small,
.chat-loading-end-of-scroll {
	top: 5.5rem;
	width: 100%;
	font-style: italic;
}

.chat-loading-end-of-scroll {
	color: rgba(0,0,0,.24);
}

/* Management Console */ 
.console-iframe-right-panel,
.console-left-panel {
	height: 100vh;
}

.console-iframe-right-panel {
	width: 79%;
	float: right;
	border: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	overflow-y: hidden;
}

.console-left-panel {
	width: 20%;
	float: left;
}

.console-left-panel .console-panel-row {
	color: rgba(0,0,0,0.55);
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 1.8rem;
	text-align: left;
	font-weight: bold;
}

.console-left-panel .console-panel-row:hover {
	color: rgba(0,0,0,0.8);
}

.page-system #border {
	margin-top: 0;
}