/* UIB subclass */

.uib-header {
	background: #40d3af;
}

.uib-actions-action {
	background: #40d3af;
	color: #FFF;
}
.uib-actions-action-destructive {
	background: #FF6666;
}

/* */

/* TEMP START */

.post-main-content-fb_title {
	position: relative;
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	font-size: 22px;
	line-height: 33px;
	height: 33px;
	display: inline-block;
	color: #555;
	overflow: hidden;
}

.post-main-content-fb {
	padding: 10px;
	margin: 0!important;
}

.post-main-content-fb .post-main-content-text {
	margin-top: 5px;
	padding: 0px;
	padding-top: 5px;
	border-top: dashed 1px #ddd;
}

#post_fbarea {
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
	font-size: 14px;
	resize: none;
	margin: 8px 0px 0px;
	padding: 6px;
	width: 100%;
	box-sizing: border-box;
	height: 70px;
	border: 1px solid #DDD;

	outline: none;
	background: #FDFDFD;
}

/* TEMP END */

html,
body {
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	font-size: 14px;
	background-color: #efefef;
	/*position: absolute;*/
	top: 0;
	left: 0;
	border: 0px;
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	width: 100%;
	overflow: initial;
	-webkit-user-select: initial;
	min-width: 1140px;
	overflow-x: hidden;
}

input {
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	font-size: 14px;
}

textarea {
	font-family: "Segoe WPN", arial, verdana, sans-serif;
	font-size: 14px;
}

a {
	color: inherit;
}

::-moz-selection {
	background: #CCC;
}
::selection {
	background: #CCC;
}
::-moz-selection {
	background: #CCC;
}


/* START */
/**/
/* SUBCLASSING EXISTING */
/**/
/**/

@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter: saturate(180%) blur(20px))) {
	.titlebar {
		border-color: rgba(64, 211, 175, 0.9);
		background: rgba(64, 211, 175, 0.9);
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}
}
.titlebar-DEV {
	border-bottom: none;
	height: 46px;

	background: rgba(64,211,175,1);
	background: -moz-linear-gradient(top, #40D3AF 0%, #50E3BF 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #40D3AF), color-stop(100%, #50E3BF));
	background: -webkit-linear-gradient(top, #40D3AF 0%, #50E3BF 100%);
	background: -o-linear-gradient(top, #40D3AF 0%, #50E3BF 100%);
	background: -ms-linear-gradient(top, #40D3AF 0%, #50E3BF 100%);
	background: linear-gradient(to bottom, #40D3AF 0%, #50E3BF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40d3af', endColorstr='#40d366', GradientType=0 );
	
}

.titlebar-app {
	width: 250px;
	text-align: center;
	padding: 0px !important;
}

.titlebar-app-img {
	position: relative !important;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	width: 38px;
	height: 38px;
	overflow: hidden;
	background-image: url('/files/images/network/appicon-small@transparent.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.titlebar-app-title {
	display: inline-block;
	position: relative;
	margin-right: 5px;
}

.titlebar-commands-wrapper {
	position: relative;
	text-align: center;
}

.titlebar-commands {
	margin: 0px !important;
	position: absolute;
	top: 0;
	left: 470px;
	right: 250px;
	padding-right: 220px;
	display: block;
	white-space: nowrap;
}

.titlebar-search {
	position: absolute;
	top: 0;
	left: 230px;
}

.titlebar-search,
.titlebar-search form {
	margin: 0px !important;
	text-align: center;
	height: 46px;
	padding-left: 15px;
	display: inline-block;
	height: auto;
}

.titlebar-search input {
	padding: 3px 5px;
	line-height: 26px;
	width: 200px;
	margin-right: 18px;
	margin-top: 6px;
	background: rgba(255, 255, 255, 0.95);
	border: 0px !important;
	color: #333;
	font-size: 16px;
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
	-webkit-transition: all 0.150S ease;
	transition: all 0.150S ease;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);

	display: inline-block;
	height: auto;
}
.titlebar-search input:hover,
.titlebar-search input:focus,
.titlebar-serch input:active {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 1);
}

.titlebar-command {
	font-size: 18px;
	border-bottom: solid 1px transparent;

	transition: all 0.150S ease;
	-webkit-transition: all 0.150S ease;
	-moz-transition: all 0.150S ease;
	-ms-transition: all 0.150S ease;
	-o-transition: all 0.150S ease;
}
.titlebar-command:hover,
.titlebar-command:active {
	text-shadow: 0px 0px 5px #FFFFFF;
}

.titlebar-user {
	text-align: center;
	right: 0;
	width: 250px;
}

.titlebar-user * {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
}

.titlebar-user-username {
	margin-top: -15px;
}

.titlebar-user-profile {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border-radius: 28%;
}

.chevron {
	display: none !important;
	width: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
}

.leftpopup-arrow {
	left: 107px;
}

.rightpopup-arrow {
	right: 107px;
}

/**/
/**/
/* SUBCLASSING EXISTING */
/**/
/* END */


/* START */
/**/
/* SIGNUPPROMPT */
/**/
/**/

.signupprompt {
	padding: 16px;
	border: 5px solid #40D3AF;
	border-radius: 16px;
	background: #fff;
	margin-top: 20px;
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
	font-size: 18px;
	position: relative;
}

.signupprompt-content {
	height: 90px;
	padding-left: 110px;
	padding-top: 10px;
	text-align: center;
	background: url("/files/images/network/appicon.png");
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 100px;
	line-height: 26px;
}

.signupprompt-footer {
	font-size: 0;
	text-align: center;
	position: absolute;
	bottom: 16px;
	left: 90px;
	right: 0;
	height: 30px;
	line-height: 30px;
}

.signupprompt-footer-command {
	display: inline-block;
	font-size: 19px;
	padding: 0px 20px;
	cursor: pointer;
	color: #40D3AF;
}

/**/
/**/
/* SIGNUPPROMPT */
/**/
/* END */


/* START */
/**/
/* LEFTCOLUMN */
/**/
/**/

.leftcolumn {
	width: 250px;
	position: fixed;
	top: 45px;
	bottom: 0;
	overflow: hidden;
	z-index: 98;
	background: #fff;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.leftcolumn-loading {
	font-family: "Segoe WPN Semilight", sans-serif;
	color: #999;
	font-size: 17px;
	text-align: center;
	display: block;
	padding: 20px;
	padding-top: 35px;
}

.leftcolumn-loading span {
	display: block;
	font-family: "Segoe WPN Light";
	font-size: 24px;
	padding: 5px;
	color: #333;
}

.leftcolumn-loading div {
	padding: 5px;
	font-size: 16px;
}

.leftcolumn-menu {
	bottom: 40px;
	position: absolute;
	top: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .5;
	transition: all .5;
	-webkit-transition: all .220s;
	-moz-transition: all .220s;
	-ms-transition: all .220s;
	-o-transition: all .220s;
}

.openconversation .leftcolumn-menu {
	bottom: 70%!important;
	margin-bottom: 31px;
}

.leftcolumn-menu-header {
	background: #fff;
	display: block;
	padding: 3px;
	color: #44D4B1;
	font-family: 'Segoe WPN Semibold';
	font-size: 14px;
	line-height: 25px;
	border-bottom: 1px solid #44D4B1;

	text-align: center;
}

.leftcolumn-menu-request {
	position: relative;
	border-bottom: 1px solid #e8e8e8;

	background: #FFFFFF;
	padding: 6px;
	transition: background 0.6s;
	cursor: default;
	padding-top: 15px;
}

.leftcolumn-menu-request-img {
	width: 40px;
	height: 40px;
	position: absolute;
	border-radius: 3px;
	cursor: pointer;
	margin-left: 41px;
}

.leftcolumn-menu-request-name {
	font-family: 'Segoe WPN Light';
	font-size: 22px;
	color: #000;
	margin-left: 90px;
	line-height: 40px;
	margin-right: 0px;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

.leftcolumn-menu-request-description {
	font-size: 16px;
	font-family: "Segoe WPN Semilight";
	margin: 8px 2px 4px;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	text-align: center;
}

.leftcolumn-menu-request-accept {
	cursor: pointer;
	display: inline-block;
	font-family: "Segoe WPN Semibold", sans-serif;
	font-size: 16px;
	padding: 6px;
	margin: 10px;
	margin-left: 6px;
	margin-top: 12px;
	min-width: 85px;
	text-align: center;
	padding-left: 7px;
	background: #40D3AF;
	color: #fff;
	border-radius: 2px;
	box-shadow: 0px 2px 4px #ddd;
	transition: all 0.150S ease;
}
.leftcolumn-menu-request-accept:hover {
	box-shadow: 0px 3px 5px #ccc;
}

.leftcolumn-menu-request-refuse {
	right: 10px;
	position: absolute;
	cursor: pointer;
	min-width: 85px;
	display: inline-block;
	font-family: "Segoe WPN Semibold", sans-serif;
	font-size: 16px;
	padding: 3px;
	background: #FF4040;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0px 2px 4px #ddd;
	transition: all 0.150S ease;
	padding: 6px;
	margin: 10px;
	margin-right: 6px;
	margin-top: 12px;
}
.leftcolumn-menu-request-refuse:hover {
	box-shadow: 0px 3px 5px #ccc;
}

.leftcolumn-menu-chat {
	position: relative;
	border-bottom: 1px solid #e8e8e8;

	height: 50px;
	background: #FFFFFF;
	padding: 6px;
	transition: background 0.6s;
	overflow: hidden;
	cursor: pointer;
	/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);*/
}
.leftcolumn-menu-chat:first-child {
	border-top: 1px solid #e8e8e8;

}
.leftcolumn-menu-chat-selected {
	background: #DDD !important;
	transition: background 0.1s ease;
}

.leftcolumn-menu-chat-centered,
.leftcolumn-menu-chat-contact {
	height: 40px;

}

.leftcolumn-menu-chat-img-centered {
	width: 40px;
	height: 40px;
	position: absolute;
	border-radius: 3px;
}

.leftcolumn-menu-chat-title {
	font-family: 'Segoe WPN Light';
	font-size: 22px;
	color: #000;
	margin-left: 60px;
	line-height: 25px;
	margin-right: 25px;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	display: block;
	min-height: 25px;
}

.leftcolumn-menu-chat-title-centered {
	margin-left: 50px;
	line-height: 40px;
}

.leftcolumn-menu-chat-text {
	font-family: 'Segoe WPN';
	font-size: 16px;
	color: #333;
	display: block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 82px;
	margin-right: 25px;
}

.leftcolumn-menu-chat-text-new {
	font-family: 'Segoe WPN Semibold';
	margin-left: 60px;
	color: #191919;
}

.leftcolumn-menu-chat-state {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 60px;
	bottom: 6px;
	background-size: 24px;
}

.leftcolumn-menu-chat-state-centered {
	bottom: 14px;
	left: 52px;
}

.leftcolumn-menu-chat-online {
	position: absolute;
	width: 14px;
	height: 14px;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	background: url('/files/images/network/online.svg') 0 center no-repeat transparent;
	background-size: 14px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.leftcolumn-menu-chat-inactive {
	position: absolute;
	width: 14px;
	height: 14px;
	right: 10px;
	background: url('/files/images/network/inactive.svg') 0 center no-repeat transparent;
	background-size: 14px;
	margin: 18px 0 0;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.leftcolumn-menu-chat-img {
	width: 50px;
	height: 50px;
	position: absolute;
	border-radius: 3px;
}

.leftcolumn-searchbox {
	width: 100%;
	height: 40px;
	display: block;
	bottom: 0;
	background: #F9F9F9;
	background-image: url('/files/images/network/search.svg');
	background-position: 5px 5px;
	background-size: 30px;
	background-repeat: no-repeat;
	border-top: 1px solid #40D3AF;

	position: absolute;
}

.leftcolumn-searchbox input[type=text] {
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	height: 40px;
	width: 210px;
	background: #F9F9F9;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	font-size: 19px;
	margin: 0px 0px 0px 34px;
	padding: 0px 2px 0px 4px;
	display: block;
	position: absolute;
	z-index: 1;
	outline: none;
}

.leftcolumn-conversation {
	bottom: -70%;
	width: 250px;
	height: 70%;
	position: fixed;
	background: #fff;
	z-index: 97;
	display: block;
	transition: all .220s;
	-webkit-transition: all .220s;
	-moz-transition: all .220s;
	-ms-transition: all .220s;
	-o-transition: all .220s;
}
.openconversation .leftcolumn-conversation {
	bottom: 0;
}

.leftcolumn-conversation-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 38px;
	border-top: 1px solid #37C2A0;
	background: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 90;
	box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.1);
	padding: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
	.leftcolumn-conversation-top {
		border-bottom: 1px solid #CCCCCC;
		border-width: 0.5px;
	}
}

.leftcolumn-conversation-top-name {
	font-size: 20px;
	margin-right: 30px;
	margin-left: 70px;
	cursor: pointer;
	line-height: 38px;
	display: inline-block;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

.leftcolumn-conversation-top-img {
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 2px;
	margin: 4px;
	left: 30px;
}

.leftcolumn-conversation-top-command {
	cursor: pointer;
	position: absolute;
	background-image: url('/files/images/network/chat.svg');
	background-repeat: no-repeat;
}

.leftcolumn-conversation-top-command-close {
	left: 7px;
	top: 14px;
	width: 20px;
	height: 20px;
	background-size: 50px 80px;
	background-position: -30px 0px;
}
.leftcolumn-conversation-top-command-close:hover {
	background-position: -30px -30px;
}
.leftcolumn-conversation-top-command-close:active {
	background-position: -30px -60px;
}

.leftcolumn-conversation-top-command-more {
	top: 12px;
	right: 7px;
	width: 24px;
	height: 24px;
	background-size: 60px 96px;
	background-position: 0px 0px;
}
.leftcolumn-conversation-top-command-more:hover {
	background-position: 0px -36px;
}
.leftcolumn-conversation-top-command-more:active {
	background-position: 0px -72px;
}

.leftcolumn-conversation-content {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	position: absolute;
	top: 49px;
	bottom: 90px;
	left: 0;
	right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background: #fcfcfc;
}


/* .leftbubble and .rightbubble are now replaced with -message, first the common style (for easier editing) */

.leftcolumn-conversation-content-message img {
	max-width: 100%;
}

.leftcolumn-conversation-content-messageleft .leftcolumn-conversation-content-message-image {
	width: 28px;
	height: 28px;
	max-width: 100%;
	border-radius: 50%;
	border: solid 2px #fff;
	position: absolute;
	bottom: -8px;
	left: -20px;
}

.leftcolumn-conversation-content-messageright .leftcolumn-conversation-content-message-image {
	width: 28px;
	height: 28px;
	max-width: 100%;
	border-radius: 50%;
	border: solid 2px #fff;
	position: absolute;
	bottom: -8px;
	right: -20px;
}

.leftcolumn-conversation-content-message:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 311px;
	display: block;
	width: 0;
	z-index: 0;
}

.leftcolumn-conversation-content-message {
	max-width: 183px;
	font-family: "Segoe WPN", sans-serif;
	color: #fff;
	width: auto;
	position: relative;
	padding: 10px;
	margin: 10px;
	border-radius: 6px;
	clear: both;
	word-wrap: break-word;
	white-space: pre-wrap;
	line-height: 19px;
	opacity: 1;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	cursor: auto;
	/*animation: comeIn 0.150s ease;*/
	transition: all .150s ease;
}

/*
@keyframes comeIn {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
*/

.leftcolumn-conversation-content-message-temp {
  opacity: 0.5;
	/*opacity: 0;
	animatin-delay: 20s;*/
}


/*.leftcolumn-conversation-content-message:after {
	content: "";
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	word-wrap: initial;
	white-space: initial;
	z-index: 1;
}*/


/* and here specific for messageright and messageleft */

.leftcolumn-conversation-content-messageright {
	background: #34aadc;
	margin-right: 20px;
	float: right;
	border-color: transparent #34aadc;
	padding-right: 16px;
}

.leftcolumn-conversation-content-messageright:after {
	bottom: 10px;
	right: -15px;
	border-width: 10px 0 10px 15px;
	border-color: inherit;
}

.leftcolumn-conversation-content-messageleft {
	margin-left: 20px;
	background: #4cd964;
	float: left;
	border-color: transparent #4cd964;
	padding-left: 16px;
}

.leftcolumn-conversation-content-messageleft:after {
	top: 10px;
	left: -15px;
	border-width: 10px 15px 10px 0;
	border-color: inherit;
}

.leftcolumn-conversation-content-file {
	margin-bottom: 5px;
	border: 1px solid;

	border-color: #DDD;
	color: #000;
	border-radius: 5px;
	padding: 6px;
	padding-left: 36px;
	line-height: 34px;
	font-size: 18px;
	cursor: pointer;
	-webkit-transition: 0.200s ease;
	transition: 0.200s ease;
	background-image: url("/files/images/cloud/fileicons/icon-54-document.svg");
	background-size: 40px;
	background-position: -2px 2px;
	background-repeat: no-repeat;
	height: 34px;
	background-color: rgba(255, 255, 255, 0.9);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.leftcolumn-conversation-content-file:hover {
	background-color: #2f2f2f;
	color: #FFF;
	border-color: #2f2f2f;
	padding-left: 21px;
	padding-right: 21px;
}

.leftcolumn-conversation-content-voice {
	background-image: url(/files/images/network/mic.svg);
	background-size: 30px;
	background-position: left;
	background-repeat: no-repeat;
	height: 30px;
	width: 80px;
	padding-left: 40px;
	position: relative;
}

.leftcolumn-conversation-content-voice-counter {
	line-height: 30px;
	display: inline-block;
}

.leftcolumn-conversation-content-voice-button {
	width: 30px;
	height: 30px;
	display: inline-block;
	background-image: url(/files/images/network/play.svg);
	background-size: 20px;
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
	background-position: center;
}

.leftcolumn-conversation-content-voice-button-playing {
	background-image: url(/files/images/network/pause.svg);
}


/* what about a date? */

.leftcolumn-conversation-content-message-date {
	font-size: 12px;
	display: inline;
	padding-left: 10px;
	opacity: 0.75;
	-webkit-transition: 0.200s ease;
	transition: 0.200s ease;
	cursor: default;
	float: right;
}

.leftcolumn-conversation-content-date:hover,
.leftcolumn-conversation-content-message-date:hover {
	opacity: 1;
}

.leftcolumn-conversation-content-readlabel {
	position: relative;
	float: right;
	display: block;
	font-size: 12px;
	padding-left: 15px;
	-webkit-transition: .2s;
	transition: .2s;
	cursor: default;
	width: 100%;
	box-sizing: border-box;
}
.leftcolumn-conversation-content-readlabel:last-child {
	padding-bottom: 10px;
}

.leftcolumn-conversation-scrollbanner {
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
	background: #FFF9C4;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.150S ease;
	transition: all 0.150S ease;
	text-align: center;
	padding: 3px 15px;
	font-size: 15px;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	bottom: 90px;
	z-index: 10;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

.leftcolumn-conversation-scrollbanner-visible {
	z-index: 96;
	transform: none;
	-webkit-transform: none;
	opacity: 1;
}

.leftcolumn-conversation-content-endbanner {
	text-align: center;
}

.leftcolumn-conversation-content-endbanner img {
	width: 40px;
	height: 40px;
	padding-top: 15px;
}

.leftcolumn-conversation-footer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 90px;
	position: absolute;
	z-index: 95;
	margin: 0;
	/*border-top: 1px solid #AAAAAA;
	*/
	border-width: 0.5px;
	/*box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);*/
	background: #fcfcfc;
}

.leftcolumn-conversation-footer-textfield {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.leftcolumn-conversation-footer-textfield textarea {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 30px;
	-webkit-appearance: none;
	border: none;
	padding: 10px;
	background: transparent;
	resize: none;
	outline: none;
	width: 220px;
	height: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}

.leftcolumn-conversation-footer-textfield-column {
	overflow: hidden;
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

.leftcolumn-conversation-footer-textfield-column-button {
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 21px;
	margin: 1px;
	cursor: pointer;
	background-size: 21px;
	margin-top: 6px;
}


/* imagefield */

.leftcolumn-conversation-footer-field {
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
}

.leftcolumn-conversation-footer-field-close {
	top: 3px;
	right: 3px;
	position: absolute;
	width: 20px;
	height: 20px;
	background: url("/files/images/network/close.svg") center no-repeat;
	cursor: pointer;
}

.leftcolumn-conversation-footer-field-commands {
	position: absolute;
	right: 25px;
	width: 100px;
	height: 100%;
}

.leftcolumn-conversation-footer-field-command {
	display: block;
	position: relative;
	height: 26px;
	font-family: "Segoe WPN Semilight", sans-serif;
	line-height: 26px;
	font-size: 17px;
	cursor: pointer;
	margin: 3px;
	overflow: hidden;
}

.leftcolumn-conversation-footer-field button {
	/* temporaryly necessary because style seems to be messed a bit*/
	margin: 0px 3px!important;
	width: 100%;
	text-align: left;
	color: inherit;
	cursor: pointer;
	padding: 0px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.leftcolumn-conversation-footer-field button:hover {
	color: inherit;
}

.leftcolumn-conversation-footer-imagefield-imagecontainer {
	position: absolute;
	left: 5px;
	top: 5px;
	right: 125px;
	bottom: 5px;
	text-align: center;
}

.leftcolumn-conversation-footer-imagefield-imagecontainer img {
	max-height: 100%;
	max-width: 115px;
	vertical-align: middle;
	cursor: pointer;
}

.leftcolumn-conversation-footer-imagefield-imagecontainer .helper {
	display: inline-block;
	height: 100%;
	/*breaks the effect in Safari because of the max-width of img EDIT: somehow necessary, adjusted max-width of img */
	vertical-align: middle;
}

.leftcolumn-conversation-footer-filefield-filecontainer {
	position: absolute;
	left: 5px;
	top: 5px;
	right: 125px;
	bottom: 5px;
	text-align: center;
}

.leftcolumn-conversation-footer-filefield-filecontainer-icon {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 28px;
	text-align: center;
	font-size: 15px;
	padding-top: 24px;
	padding-left: 2px;
	background-image: url("/files/images/cloud/fileicons/icon-54-document.svg");
	background-size: 60px;
	background-position: center center;
	background-repeat: no-repeat;
}

.leftcolumn-conversation-footer-filefield-filecontainer-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 24px;
	line-height: 24px;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* popups from the buttons in conversations */

.chatpopup {
	position: fixed;
	font-family: "Segoe WPN Semilight", sans-serif;
	left: 265px;
	min-height: 50px;
	background: #fff;
	width: 200px;
	border-radius: 10px;
	padding: 8px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	text-align: center;
}

.chatpopup::before {
	top: 16px;
	left: -12px;
	border-width: 10px 12px 10px 0;
	border-color: transparent #fff;
	content: "";
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	z-index: 1;
}

.chatpopup-title {
	font-size: 16px;
	margin-bottom: 5px;
}

.chatpopup-close {
	top: 8px;
	right: 8px;
	background-image: url('/files/images/lists/close.svg');
	background-size: 66px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	background-position: 0 0;
}

.chatpopup-stat {
	display: table;
	padding: 5px 0px;
}

.chatpopup-stat-title {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	white-space: nowrap;
	min-width: 75px;
}

.chatpopup-stat-text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

.chatpopup-link {
	cursor: pointer;
	display: inline-block;
	text-decoration: underline;
	margin-top: 5px;
}

.chatpopup-boxtitle {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-right: 42px;
	margin-top: 10px;
}

.chatpopup-box {
	font-size: 17px;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	margin-top: -30px;
	right: 8px;
	box-sizing: border-box;
	position: absolute;
	border: 1px solid;

	border-color: #808080;
	background: #fff;
	color: #808080;
	width: 38px;
	text-align: center;
	border-radius: 8px;
	-webkit-transition: 0.200s ease;
	transition: 0.200s ease;
}

.chatpopup-text {
	padding-bottom: 2px;
}

.chatpopup-box:hover {
	border-color: #58bbbb;
	background: #d6f2f2;
}

.chatpopup-box:active {
	border-color: #6bacac;
	background: #a0e1e1;
}

.chatpopup-box-enabled {
	border-color: #37C2A0!important;
	background: #37C2A0!important;
	color: #fff!important;
}

.chatpopup-box-enabled:hover {
	border-color: #65b9b9!important;
	background: #85d9d9!important;
}

.chatpopup-box-enabled:active {
	border-color: #71a0a0!important;
	background: #bbeaea!important;
}

.chatpopup-emojibox {
	margin-top: -5px;
}

.emoji {
	font-size: 16px;
}

.chatpopup-space {
	height: 12px;
	border-bottom: 1px solid #F5F5F5;

	margin: 0px 8px 10px;
}

.chatpopup-contactgrid-container {
	overflow-x: hidden;
	overflow-y: auto;
	width: auto;
	max-height: 160px;
}

.chatpopup-contactgrid {
	margin-top: 10px;
	width: 200px;
	height: auto;
	border: 1px solid #F5F5F5;

	box-sizing: border-box;
	border-bottom: none;
	padding-right: 20px;
	padding: 0px 9px 9px 0px;
	font-size: 0;
	position: relative;
	overflow: hidden;
	text-align: left;
}

.chatpopup-contactgrid-contact {
	position: relative;
	display: inline-block;
	height: 54px;
	width: 54px;
	margin: 9px 0px 0px 9px;
	cursor: pointer;
	background: #eee;
}

.chatpopup-contactgrid-contact img {
	width: 100%;
	height: 100%;
}

.chatpopup-search {
	width: 200px;
	height: 34px;
	display: block;
	background: #FAFAFA;
	background-image: url('/files/images/network/search.svg');
	background-position: 5px 5px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	border: 1px solid #F5F5F5;

	position: relative;
	box-sizing: border-box;
}

.chatpopup-search input {
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
	height: 100%;
	width: 164px;
	background: #FAFAFA;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	font-size: 16px;
	padding: 0px 2px 0px 4px;
	display: block;
	position: absolute;
	margin-left: 30px;
	z-index: 1;
	outline: none;
}


/**/
/**/
/* LEFTCOLUMN */
/**/
/* END */


/* START */
/**/
/* RIGHTCOLUMN */
/**/
/**/

.rightcolumn {
	width: 250px;
	position: fixed;
	right: -250px;
	top: 0px;
	bottom: 0px;
	background: #ffffff;
	padding-top: 45px;
	z-index: 3;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
}
.rightcolumn-loaded {
	right: 0px;
	transition: .220s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/* a js solution should be used to avoid shrinking the width when the scrollbar appears (just saying it as there will be a problem with widget tiles later... Oh no, another comment with secret information :O) */
/* :) */

.rightcolumn-iframe {
	position: absolute;
	top: 45px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.rightcolumn-iframe iframe {
	border: none;
	width: 100%;
	height: 100%;
}


/**/
/**/
/* RIGHTCOLUMN */
/**/
/* END */


/* START */
/**/
/* CONTENT */
/**/
/**/

.content {
	position: absolute;
	left: 270px;
	right: 270px;
	max-width: 820px;
	margin: 0 auto!important;
	padding-top: 45px;
	/* overflow-x: hidden; */
	padding-bottom: 25px;
}

.field {
	display: block;
	overflow: hidden;
}

.field textarea {
	-webkit-appearance: none;
	border-radius: 0;
	border: solid #aaa 1px;
	position: absolute;
	left: 0;
	right: 0;
	height: 160px;
	margin-right: 90px;
	margin-top: 5px;
	padding: 5px;
	resize: none;
	outline: none;
}

.field input[type=button] {
	float: right;
	height: 40px;
	width: 80px;
	background: #ccc;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	margin-top: 70px;
	margin-bottom: 70px;
	cursor: pointer;
}


/**/
/**/
/* CONTENT */
/**/
/* END */


/* START */
/**/
/* TAG */
/**/
/**/

.tag {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	border-radius: 20px;
	padding: 4px 8px 4px 20px;
	margin: 3px 5px 3px 0;
	display: inline-block;
	cursor: pointer;
	background: url("/files/images/network/tagcircle.svg") 2px 2px no-repeat;
	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15;
	-o-transition: all .15s;
	opacity: .8;
	outline: none;
	box-shadow: none;
}

.tag:hover {
	opacity: 1;
}


/**/
/**/
/* TAG */
/**/
/* END */


/* START */
/**/
/* GROUP */
/**/
/**/

.grouppage {
	min-height: 502px;
}

.grouppage-nogroup {
	text-align: center;
	font-size: 18px;
	font-family: "Segoe WPN Semilight", sans-serif;
	color: #333;
	padding: 28px;
}

.grouppage-top {
	margin: 20px 0px 15px;
	background: #FFF;
	box-shadow: 0px 0px 10px #CCC;
	border-radius: 2px;
}

.grouppage-top-titlebox {
	text-align: center;
	margin-top: 15px;
	position: relative;
}

.grouppage-top-titlebox-title {
	font-family: "Segoe WPN Light", sans-serif;
	font-size: 28px;
	padding-top: 20px;
	padding-bottom: 10px;
	border: none;
	background: none;
	text-align: center;
	outline: none;
}

.grouppage-top-titlebox-tagbox {
	padding: 1px;
}

.grouppage-top-titlebox-visibilitybox {
	position: absolute;
	left: 15px;
	height: 28px;
	line-height: 28px;
	top: 50%;
	margin-top: -12px;
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
	font-size: 14px;
	padding-left: 30px;
	background-image: url('/files/images/network/hidden.svg');
	background-size: 28px 28px;
	background-repeat: no-repeat;
}

.grouppage-top-titlebox-settingsbox {
	position: absolute;
	right: 15px;
	height: 24px;
	line-height: 24px;
	top: 50%;
	margin-top: -8px;
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
	font-size: 14px;
	padding-left: 28px;
	cursor: pointer;
	background-image: url('/files/images/network/settings.svg');
	background-size: 24px 24px;
	background-repeat: no-repeat;
}

.grouppage-top-titlebox-settingsbox-badge {
	position: absolute;
	right: 100%;
	margin-right: 5px;
	border-radius: 10px;
	padding: 0px 8px;
	color: #fff;
	background: #ff6666;
	min-width: 8px;
}

.grouppage-top-descriptionbox {
	height: 200px;
	margin-top: 15px;
	border-top: 1px solid #DDD;

}

.grouppage-top-descriptionbox-imagebox {
	height: 200px;
	width: 360px;
	position: absolute;
}

.grouppage-top-descriptionbox-imagebox img {
	position: absolute;
	border: 1px solid #FAFAFA;

	background: #FAFAFA;
	box-sizing: border-box;
}

.grouppage-top-descriptionbox-description {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 16px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 160px;
	right: 1px;
	left: 360px;
	padding: 20px;
	position: absolute;
	white-space: pre-wrap;
	resize: none;
	background: none;
	outline: none;
	box-shadow: none;
	border: none;
}

.groupcreatesubmit {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 8px;
	margin: 10px;
	border-radius: 0px;
	border: #333;
	background: #eee;
	height: 20px;
	line-height: 20px;
	box-sizing: content-box;
}

.grouppage-memberbox {
	background: #FFF;
	box-shadow: 0px 0px 10px #CCC;
	position: absolute;
	left: 0;
	width: 320px;
	height: 190px;
	border-radius: 2px;
	box-sizing: border-box;
	font-family: "Segoe WPN Semilight", sans-serif;
}

.grouppage-memberbox-top {
	height: 50px;
	border-bottom: 1px solid #DDD;

}

.grouppage-memberbox-top-button {
	border: 1px solid #37C2A0;

	height: 30px;
	margin: 10px;
	display: inline-block;
	cursor: pointer;
	line-height: 30px;
	padding: 0px 5px 0px 30px;
	font-size: 18px;
	color: #37C2A0;
	border-radius: 4px;
	background-image: url('/files/images/network/groupbuttonicons.svg');
	background-size: 30px 210px;
	background-repeat: no-repeat;
}

.grouppage-memberbox-top-closed {
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.grouppage-memberbox-top-button:hover {
	border-color: #54BBBB;
	color: #54BBBB;
}

.grouppage-memberbox-top-button:active {
	border-color: #419090;
	color: #419090;
}

.grouppage-memberbox-top-button-ismember {
	background-position: 0px 0px;
}

.grouppage-memberbox-top-button-ismember:hover {
	background-position: 0px -30px;
}

.grouppage-memberbox-top-button-ismember:active {
	background-position: 0px -60px;
}

.grouppage-memberbox-top-button-ispending {
	background-position: 0px -180px;
}

.grouppage-memberbox-top-button-ispending:hover {
	background-position: 0px -30px;
}

.grouppage-memberbox-top-button-ispending:active {
	background-position: 0px -60px;
}

.grouppage-memberbox-top-button-isnomember {
	background-position: 0px -90px;
}

.grouppage-memberbox-top-button-isnomember:hover {
	background-position: 0px -120px;
}

.grouppage-memberbox-top-button-isnomember:active {
	background-position: 0px -150px;
}

.grouppage-memberbox-top-notificationbox {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 30px;
}

.grouppage-memberbox-top-notificationbox-title {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-right: 42px;
}

.grouppage-memberbox-top-notificationbox-box {
	font-size: 17px;
	height: 30px;
	line-height: 28px;
	cursor: pointer;
	top: 0;
	right: 0;
	box-sizing: border-box;
	position: absolute;
	border: 1px solid;

	border-color: #808080;
	background: #fff;
	color: #808080;
	width: 38px;
	text-align: center;
	border-radius: 8px;
	-webkit-transition: 0.200s ease;
	transition: 0.200s ease;
}

.grouppage-memberbox-top-notificationbox-box:hover {
	border-color: #58bbbb;
	background: #d6f2f2;
}

.grouppage-memberbox-top-notificationbox-box:active {
	border-color: #6bacac;
	background: #a0e1e1;
}

.grouppage-memberbox-top-notificationbox-box-enabled {
	border-color: #37C2A0!important;
	background: #37C2A0!important;
	color: #fff!important;
}

.grouppage-memberbox-top-notificationbox-box-enabled:hover {
	border-color: #65b9b9!important;
	background: #85d9d9!important;
}

.grouppage-memberbox-top-notificationbox-box-enabled:active {
	border-color: #71a0a0!important;
	background: #bbeaea!important;
}

.grouppage-memberbox-contactbox {
	position: absolute;
	top: 51px;
	bottom: 0;
	left: 0;
	right: 0;
}

.grouppage-memberbox-contactbox-members {
	border-bottom: 1px solid #DDD;

	overflow: auto;
	padding: 3px;
	box-shadow: inset 0 0 5px #E5E5E5;
	position: absolute;
	bottom: 20px;
	top: 0;
	left: 0;
	right: 0;
}

.grouppage-memberbox-contactbox-members-member {
	position: relative;
	display: inline-block;
	height: 40px;
	width: 40px;
	margin: 3px;
	cursor: pointer;
}

.grouppage-memberbox-contactbox-members-member img {
	display: inline-block;
	height: 40px;
	width: 40px;
}

.grouppage-memberbox-contactbox-members-member-info {
	display: none;
	position: absolute;
	top: 20px;
	left: 40px;
	min-width: 200px;
	max-height: 100px;
	overflow: hidden;
	background: #fff;
	z-index: 101;
	border-radius: 2px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.grouppage-memberbox-contactbox-members-member-info img {
	opacity: 0.7;
	border-radius: 10px 0 0 0;
}

.grouppage-memberbox-contactbox-members-member-info-name {
	position: absolute;
	top: 0;
	left: 40px;
	right: 0;
	border-bottom: solid 1px #aaa;

	color: #aaa;
	font-family: "Segoe UI Light", Segoe UI, sans-serif;
	margin-left: 5px;
	font-size: 24px;
}

.grouppage-memberbox-contactbox-members-member-info-name,
.grouppage-memberbox-contactbox-members-member-info img,
.grouppage-memberbox-contactbox-members-member-info-description {
	display: inline-block;
}

.grouppage-memberbox-contactbox-members-member:hover .grouppage-memberbox-contactbox-members-member-info {
	/*display: block;*/
	display: none;
}

.grouppage-memberbox-contactbox-title {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
}

.grouppage-postbox {
	background: #FFF;
	left: 335px;
	height: 190px;
	box-sizing: border-box;
	border-radius: 2px;
	position: absolute;
	right: 0;
	box-shadow: 0px 0px 10px #CCC;
	overflow: hidden;
}

.grouppage-postbox-disable {
	border-radius: 2px;
	left: 335px;
	height: 190px;
	position: absolute;
	right: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.6);
	color: #FFF;
	text-align: center;
	padding: 50px;
	padding-top: 70px;
	font-size: 18px;
	font-family: "Segoe WPN Semilight", sans-serif;
	text-shadow: 0px 1px #555;
	z-index: 20;
	box-sizing: border-box;
}

.grouppage-postbox-title {
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	font-size: 21px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 3px;
	height: 35px;
	background: #44D4B1;
	color: #fff !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	z-index: 10;
	box-sizing: border-box;
}

.grouppage-postbox-content {
	height: 30px;
	padding: 5px;
	margin-top: 117px;
}

.grouppage-postbox-content-appsharedbox {
	position: absolute;
	top: 150px;
	bottom: 0px;
	left: 0px;
	width: 60px;
	padding: 7px;
	padding-right: 15px;
	z-index: 11;
}

.grouppage-postbox-content-appsharedbox-appshared {
	position: absolute;
	top: 1px;
	left: 1px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 0px;
	border: 0px;
	margin: 5px;
	cursor: pointer;
}

.grouppage-postbox-content-appsharedbox-appshared-icon {
	/*background-size: 34px 34px;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 40px;*/
	width: 30px;
	height: 30px;
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 0px;
	border: 0px;
	margin: 5px;
}

.grouppage-postbox-content-appsharedbox-appshared-title {
	/*position: absolute;
	bottom: 0;
	text-align: center;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	font-family: "Segoe WPN Semilight", sans-serif;*/
	font-size: 0px;
	cursor: pointer;
}

.grouppage-postbox-content-post {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0;
	top: 40px;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.grouppage-postbox-content-post-content-postareabox {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 40px;
	top: 0px;
	box-sizing: border-box;
	border-top: solid 0px #ddd;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content-postareabox textarea {
	position: relative;
	width: 100%;
	height: 100%;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	padding: 5px;
	margin: 0;
	z-index: 1;
	border: solid 0px #fff;
	outline: none;
	-moz-outline-style: none;
	resize: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.150S ease;
	outline-color: #fff;
	box-sizing: border-box;
	padding: 8px;
}

.grouppage-postbox-content-post-content-previewbox {
	right: 5px;
	position: absolute;
	width: 90px;
	top: 0px;
	bottom: 40px;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content-previewbox-close {
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background-image: url('/files/images/lists/close.svg');
	background-size: 60px;
	background-position: 0 0;
	cursor: pointer;
	position: absolute;
}

.grouppage-postbox-content-post-content-previewbox-close:hover {
	background-position: 0 -20px;
}

.grouppage-postbox-content-post-content-previewbox-close:active {
	background-position: 0 -40px;
}

.grouppage-postbox-content-post-content-previewbox-content {
	top: 20px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	cursor: default;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content-previewbox-content-filepreview {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 24px;
	text-align: center;
	font-size: 16px;
	padding-top: 33px;
	padding-left: 2px;
	background-image: url("/files/images/cloud/fileicons/icon-54-document.svg");
	background-size: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content-previewbox-content-filename {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: "Segoe WPN Semilight", sans-serif;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content-previewbox-content-imagehelper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.grouppage-postbox-content-post-content-previewbox-content-imagepreview {
	height: 75px;
	/* 100% with real image */
	max-width: 100%;
	vertical-align: middle;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content-attachmentbox {
	position: absolute;
	left: 32px;
	bottom: 0;
	top: 100px;
	width: 60px;
	height: 40px;
	z-index: 11;
}

.grouppage-postbox-content-post-content-attachmentbox-title {
	text-align: center;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	display: none;
}

.grouppage-postbox-content-post-content-attachmentbox-attachments {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 20px;
	text-align: center;
	width: 90px;
	display: block;
}

.grouppage-postbox-content-post-content-attachmentbox-attachments-attachment {
	/*border: 1px solid #DDD;

	display: inline-block;
	padding-left: 32px;
	height: 32px;
	width: 80px;
	margin: 3px;
	line-height: 32px;
	font-size: 14px;
	font-family: "Segoe WPN Semilight", sans-serif;
	text-align: left;
	background-image: url('/files/images/network/appicon-small.png');
	background-size: 24px 24px;
	background-position: 3px 4px;
	background-repeat: no-repeat;
	cursor: pointer;
	box-sizing: border-box;*/
	width: 30px;
	height: 30px;
	border-top: solid 0px #37C2A0;
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 0px;
	border: 0px;
	margin: 5px;
	position: absolute;
	top: -9px;
	cursor: pointer;
	transition: all 0.150S ease;
}

.grouppage-postbox-content-post-content-attachmentbox-attachments-attachment:nth-child(1) {
	left: 2px;
}

.grouppage-postbox-content-post-content-attachmentbox-attachments-attachment:nth-child(2) {
	left: 33px;
}

.grouppage-postbox-content-post-content-attachmentbox-attachments-attachment:nth-child(3) {
	left: 64px;
}

.grouppage-postbox-content-post-content-attachmentbox-attachments-attachment-active {
	border-top: 2px solid #37C2A0;
}

.grouppage-postbox-content-post-buttonbox {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	box-sizing: border-box;
	border-top: solid 1px rgba(68, 212, 177, 0.1);

	z-index: 10;
}

.grouppage-postbox-content-post-buttonbox-button {
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	font-family: "Segoe WPN Semilight", sans-serif;
	cursor: pointer;
	display: inline-block;
	padding: 0px 2px;
	color: #44D4B1;
}

.grouppage-content {
	margin-top: 220px;
}

.grouppage-content-left {
	width: 320px;
	position: absolute;
}

.grouppage-content-left-fixedtop {
	position: fixed;
	top: 60px;
}

.grouppage-content-left-fixedbottom {
	position: fixed;
	bottom: 0;
}

.grouppage-content-left iframe {
	background: #FFF;
	position: relative;
	left: 0;
	width: 100%;
	height: 330px;
	/*was 220px */
	box-sizing: border-box;
	font-family: "Segoe WPN Semilight", sans-serif;
	border-radius: 2px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 10px #CCC;
}

.grouppage-content-left .titlebar {
	border-radius: 0px !important;
}

.grouppage-content-posts {
	margin-left: 335px;
	position: relative;
	min-height: 820px;
}

.grouppage-top .colorblock {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #67856f;
	border-radius: 4px;
	box-shadow: 0 0 3px #aaa;
	-webkit-transition: background 0.150S ease;
	transition: background 0.150S ease;
	margin-bottom: 5px;
}

.grouppage-top .colorinput {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	left: 50px;
	height: 40px;
	background: #fff;
	border: none;
	outline: none;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 5px;
	color: #000;
	box-shadow: 0 0 3px #aaa;
	-webkit-appearance: none;
	font-family: "Segoe WPN Light", sans-serif;
	font-size: 18px;
}

.grouppage-top .colorcontainer {
	position: relative;
	width: 334px;
	height: auto;
	background: none;
	padding: 5px;
	box-sizing: border-box;
	margin: 3px;
	text-align: left;
	margin-left: 7px;
}

.grouppage-top .colorcontainer-palette {
	width: 100%;
	font-size: 0;
}

.grouppage-top .color {
	display: inline-block;
	width: 25px;
	height: 20px;
	background: blue;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 0 0 1px #ccc;
	color: transparent;
	overflow: hidden;
	margin: 1px;
}


/**/
/**/
/* GROUP */
/**/
/* END */


/* START */
/**/
/* USER */
/**/
/**/

.userpage {

}

.userpage-top {
	margin: 20px 0px;
	background: #FFF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	position: relative;
	border-radius:	 2px;
	min-height: 280px;
}

.userpage-top-img {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 3px;
}

.userpage-top-title {
	font-family: "Segoe WPN Light", sans-serif;
	font-size: 28px;
	text-align: center;
	padding-top: 20px;
	margin: 0px 10px 20px 220px;
}

.userpage-top-votescore {
	font-size: 20px;
	text-align: center;
	margin: 0px 10px 20px 220px;
}

.userpage-top-tags {
	margin: 20px 10px 20px 220px;
	text-align: center;
}

.userpage-top-info {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 16px;
	padding-bottom: 20px;
	margin: 20px 15px 0px 225px;
}

.userpage-top-button-container {
	text-align: center;
	min-width: 200px;
	position: absolute;
	bottom: 19px;
	left: 10px;
}

.userpage-top-button {
	border: 1px solid #37C2A0;

	height: 30px;
	display: inline-block;
	cursor: pointer;
	line-height: 30px;
	padding: 0px 6px 0px 30px;
	font-size: 18px;
	color: #37C2A0;
	border-radius: 4px;
	background-image: url('/files/images/network/groupbuttonicons.svg');
	background-size: 30px 210px;
	background-repeat: no-repeat;
	text-align: center;
}
.userpage-top-button:hover {
	border-color: #54BBBB;
	color: #54BBBB;
}
.userpage-top-button:active {
	border-color: #419090;
	color: #419090;
}
.userpage-top-button-iscontact {
	background-position: 0px 0px;
}
.userpage-top-button-iscontact:hover {
	background-position: 0px -30px;
}
.userpage-top-button-iscontact:active {
	background-position: 0px -60px;
}
.userpage-top-button-ispending {
	background-position: 0px -180px;
}
.userpage-top-button-ispending:hover {
	background-position: 0px -30px;
}
.userpage-top-button-ispending:active {
	background-position: 0px -60px;
}
.userpage-top-button-isnocontact {
	background-position: 0px -90px;
}
.userpage-top-button-isnocontact:hover {
	background-position: 0px -120px;
}
.userpage-top-button-isnocontact:active {
	background-position: 0px -150px;
}

.userpage-groups, .userpage-contacts, .userpage-posts {
	margin-bottom: 20px;
	position: relative;
	padding-top: 5px;
}

.userpage-groups-title {
	height: 40px;
	font-size: 26px;
	text-align: center;
	padding-bottom: 3px;
}

.userpage-groups-content {
	white-space: nowrap;
	overflow-x: auto;
	border-top: none;
}

.userpage-groups-content .group:nth-child(1) {
	margin-left: 0px !important;
}

.userpage-groups-content .group {
	display: inline-block;
	width: 320px;
	height: 190px;
	vertical-align: top;
	overflow: hidden;
	white-space: normal;
	margin: 5px !important;
}

.userpage-contacts-title {
	height: 40px;
	font-size: 26px;
	text-align: center;
	padding-bottom: 3px;
}

.userpage-contacts-content {
	white-space: nowrap;
	overflow-x: auto;
	border-top: none;
}

.userpage-contacts-content .user:nth-child(1) {
	margin-left: 0px !important;
}

.userpage-contacts-content .user {
	display: inline-block;
	width: 320px;
	height: 190px;
	vertical-align: top;
	overflow: hidden;
	white-space: normal;
	margin: 5px !important;
	float: initial;
}

.userpage-posts-title {
	height: 40px;
	font-size: 26px;
	text-align: center;
	padding-bottom: 3px;
}

.userpage-posts-content {

}

.userpage-posts-content .post:first-child {
	margin-top: 5px;
}

/**/
/**/
/* USER */
/**/
/* END */


/* START */
/**/
/* POST */
/**/
/**/

.post {
	position: relative;
	background: #FFF;
	max-width: 600px;
	box-sizing: border-box;
	margin: 0 auto 15px;
	font-family: "Segoe WPN Semilight", sans-serif;
	border-radius: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.post:first-child {
	margin-top: 50px;
}

.post-main {
	position: relative;
	/* */
}

.post-main-top {
	position: relative;
	height: 60px;
	left: 0;
	right: 0;
	padding: 10px;
	padding-bottom: 0px;
}

.post-main-top img {
	width: 60px;
	height: 60px;
	position: absolute;
	border-radius: 2px;
	cursor: pointer;
	max-height: 600px;
}

.post-main-top-title {
	position: relative;
	margin-left: 68px;
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	font-size: 22px;
	line-height: 33px;
	height: 33px;
	display: inline-block;
	color: #555;
	overflow: hidden;
}

.post-main-top-title-username {
	display: inline;
	cursor: pointer;
	color: #000;
}

.post-main-top-title-group {
	display: inline;
	cursor: pointer;
	color: #000;
}

.post-main-top-date {
	position: relative;
	margin-left: 68px;
	height: 26px;
	font-size: 15px;
	color: #555;
}

.post-main-content {
	position: relative;
	margin: 10px 0px;
	text-align: center;
	/* */
}

.post-main-content-img {
	display: inline-block;
	max-width: 100%;
	margin-top: 10px;
	/*border-bottom: dashed 1px #eee;
	border-top: dashed 1px #eee;*/
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.post-main-content-text {
	font-size: 16px;
	line-height: 22px;
	white-space: pre-wrap;
	word-wrap: break-word;
	text-align: left;
	padding: 0px 10px;
}

.post-main-content iframe {
	width: 100%;
	width: calc(100% - 20px);
	box-sizing: border-box;
	height: 339px;
	border: none;
	border-bottom: 1px solid #FF6666;
	width: 100%;
	margin-left: -5px;
	margin-right: -5px;
	/*border-radius: 2px;*/
}

.post-main-content-file-wrapper {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.post-main-content-file {
	margin-top: 10px;
	border: 1px solid;

	border-color: #DDD;
	border-radius: 5px;
	padding: 6px;
	padding-left: 36px;
	line-height: 34px;
	font-size: 18px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: 0.200s ease;
	transition: 0.200s ease;
	background-image: url("/files/images/cloud/fileicons/icon-54-document.svg");
	background-size: 40px;
	background-position: -2px 2px;
	background-repeat: no-repeat;
	height: 34px;
}

.post-main-content-file:hover {
	background-color: #2f2f2f;
	color: #FFF;
	border-color: #2f2f2f;
	padding-left: 21px;
	padding-right: 21px;
}


.post-main-content-file-video {
	padding: 5px 0px;
}

.post-main-content-file-video-content {

}

.post-main-content-file-video-content video {
	width: 100%;
}

.post-main-content-file-video-footer {

}

.post-main-content-file-video-footer-name {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
}


.post-main-content-file-image {
	padding: 5px 0px;
}

.post-main-content-file-image-content {

}

.post-main-content-file-image-content img {
	max-width: 100%;
	max-height: 500px;
}

.post-main-content-file-image-footer {

}

.post-main-content-file-image-footer-name {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
}


.post-main-bottom {
	margin-top: -15px;
	position: relative;
	padding: 10px;
}

.post-main-bottom-command {
	font-size: 14px;
	display: inline-block;
	margin-right: 20px;
	color: #555;
	cursor: pointer;
	-webkit-transition: .1s;
	transition: .1s;
}
.post-main-bottom-command:hover {
	color: #000;
}

.post-main-bottom-votes {
	position: absolute;
	right: 0;
	top: 0;
	height: 39px;
	font-size: 0;
	padding-top: 3px;
}

.post-main-bottom-vote {
	display: inline-block;
	padding-top: 18px;
	line-height: 18px;
	font-size: 14px;
	min-width: 20px;
	text-align: center;

	margin-right: 3px;

	background-size: 18px;
	background-position: center top;
	background-repeat: no-repeat;
	cursor: pointer;
	/*font-size: 13px;
	color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	text-align: center;
	user-select: none;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	margin: 3px;
	margin-left: 0px;
	border-radius: 50%;
	box-sizing: border-box;
	width: 30px;
	height: 30px;*/
}

.post-main-bottom-vote-icon {
	display: inline-block;
	position: relative;
	transform: rotate(90deg);
	width: 10px;
	height: 10px;
	text-align: center;
	margin: 0px;
	text-align: center;
	width: 10px;
}

.post-main-bottom-vote:nth-child(1) {
	background-image: url(/files/images/network/vote_up.svg);
}

.post-main-bottom-vote:nth-child(2) {
	background-image: url(/files/images/network/vote_down.svg);
}

.post-comments {
	background: #F9F9F9;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.post-comments-comment {
	border-top: 1px solid #DDD;

	position: relative;
	min-height: 38px;
	padding: 6px;
	display: table;
}

.post-comments-comment-info {
	position: relative;
	height: 38px;
	display: table-cell;
	//white-space: nowrap;
}

.post-comments-comment-info img {
	position: absolute;
	height: 38px;
	width: 38px;
	border-radius: 2px;
	cursor: pointer;
	margin-top: 5px;
}

.post-comments-comment-info-username {
	position: relative;
	margin-left: 45px;
	font-size: 15px;
	cursor: pointer;
	display: inline-block;
}

.post-comments-comment-info-date {
	position: relative;
	margin-left: 45px;
	font-size: 11px;
	color: #555;
}

.post-comments-comment-text {
	position: relative;
	display: table-cell;
	width: 99%;
	padding-left: 10px;
	font-size: 15px;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-word;
}

.post-comments-comment-text-delete {
	padding-right: 26px;
}

.post-comments-comment-delete {
	top: 50%;
	right: 8px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-image: url('/files/images/lists/close.svg');
	background-size: 60px;
	background-position: 0 0;
	cursor: pointer;
	position: absolute;
}

.post-comments-comment-delete:hover {
	background-position: 0 -20px;
}

.post-comments-comment-delete:active {
	background-position: 0 -40px;
}

.post-comments-input {
	border-top: 1px solid #DDD;

	position: relative;
	min-height: 38px;
	padding: 6px;
	display: none;
}

.post-comments-input img {
	position: absolute;
	height: 38px;
	width: 38px;
	border-radius: 2px;
}

.post-comments-input-container {
	position: relative;
	margin-left: 45px;
	font-size: 15px;
	margin-right: 86px;
}

.post-comments-input-container textarea {
	margin: 1px 4px 3px 0px;
	border: 1px solid #DDD;

	border-radius: 2px;
	line-height: 20px;
	min-height: 32px;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	padding: 5px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	resize: none;
	white-space: normal;
}

.post-comments-input-container-size {
	margin: 2px 4px 4px 0px;
	visibility: hidden;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-wrap: break-word;
	line-height: 20px;
	min-height: 32px;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid transparent;

	overflow: hidden;
	width: 100%;
}

.post-comments-sendbuttonbox {
	position: absolute;
	right: 6px;
	top: 6px;
	height: 38px;
	width: 80px;
	text-align: center;
}

.post-comments-sendbuttonbox-sendbutton {
	line-height: 38px;
	height: 100%;
	font-size: 18px;
	display: inline-block;
	cursor: pointer;
}


/**/
/**/
/* POST */
/**/
/* END */


/* START */
/**/
/* USER */
/**/
/**/

.user {
	position: relative;
	display: inline-block;
	float: left;
	background: #FFF;
	//border: 1px solid #DDD;
	//
	//border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 15px;
	font-family: "Segoe WPN Semilight", sans-serif;
	padding: 10px;
	margin: 15px 0px;
	color: #000;
	border-radius: 2px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.search-content .user {
	float: initial !important;
	display: block;
}

.user-top {
	position: relative;
	height: 60px;
	left: 0px;
	right: 0px;
	text-align: left;
}

.user-top img {
	width: 60px;
	height: 60px;
	position: absolute;
	border-radius: 2px;
	cursor: pointer;
}

.user-top-name {
	position: relative;
	margin-left: 68px;
	font-family: 'Segoe WPN Light', arial, verdana, sans-serif;
	font-size: 24px;
	line-height: 60px;
	height: 60px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 50px;
}

.user-top-state {
	border: 1px solid #37C2A0;

	height: 30px;
	width: 30px;
	margin: 10px;
	display: inline-block;
	cursor: pointer;
	line-height: 30px;
	font-size: 18px;
	color: #37C2A0;
	border-radius: 4px;
	background-image: url('/files/images/network/groupbuttonicons.svg');
	background-size: 30px 210px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 5px;
}

.user-top-state:hover {
	border-color: #54BBBB;
	color: #54BBBB;
}

.user-top-state:active {
	border-color: #419090;
	color: #419090;
}

.user-top-state-iscontact {
	background-position: 0px 0px;
}

.user-top-state-iscontact:hover {
	background-position: 0px -30px;
}

.user-top-state-iscontact:active {
	background-position: 0px -60px;
}

.user-top-state-ispending {
	background-position: 0px -180px;
}

.user-top-state-ispending:hover {
	background-position: 0px -30px;
}

.user-top-state-ispending:active {
	background-position: 0px -60px;
}

.user-top-state-isnocontact {
	background-position: 0px -90px;
}

.user-top-state-isnocontact:hover {
	background-position: 0px -120px;
}

.user-top-state-isnocontact:active {
	background-position: 0px -150px;
}

.user-top-state-text {
	width: auto;
	background: #fff;
	padding: 0px 5px;
}

.user-tags {
	position: relative;
	margin: 10px 0px;
	text-align: center;
}

.user-info {
	font-size: 15px;
	text-align: center;
}


/**/
/**/
/* USER */
/**/
/* END */


/* START */
/**/
/* USER */
/**/
/**/

.group {
	position: relative;
	background: #FFF;
	box-sizing: border-box;
	margin-bottom: 15px;
	font-family: "Segoe WPN Semilight", sans-serif;
	padding: 10px;
	margin: 15px 0px;
	color: #000;
	border-radius: 2px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.group-top {
	position: relative;
	height: 50px;
	left: 0px;
	right: 0px;
	text-align: center;
}

.group-top-name {
	position: relative;
	font-family: 'Segoe WPN Light', arial, verdana, sans-serif;
	font-size: 22px;
	line-height: 50px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 50px;
}

.group-top-state {
	border: 1px solid #37C2A0;

	height: 30px;
	width: 30px;
	margin: 10px;
	display: inline-block;
	cursor: pointer;
	line-height: 30px;
	font-size: 18px;
	color: #37C2A0;
	border-radius: 4px;
	background-image: url('/files/images/network/groupbuttonicons.svg');
	background-size: 30px 210px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}

.group-top-state:hover {
	border-color: #54BBBB;
	color: #54BBBB;
}

.group-top-state:active {
	border-color: #419090;
	color: #419090;
}

.group-top-state-ismember {
	background-position: 0px 0px;
}

.group-top-state-ismember:hover {
	background-position: 0px -30px;
}

.group-top-state-ismember:active {
	background-position: 0px -60px;
}

.group-top-state-ispending {
	background-position: 0px -180px;
}

.group-top-state-ispending:hover {
	background-position: 0px -30px;
}

.group-top-state-ispending:active {
	background-position: 0px -60px;
}

.group-top-state-isnomember {
	background-position: 0px -90px;
}

.group-top-state-isnomember:hover {
	background-position: 0px -120px;
}

.group-top-state-isnomember:active {
	background-position: 0px -150px;
}

.group-tags {
	position: relative;
	margin: 10px 0px;
	text-align: center;
}

.group-info {
	font-size: 15px;
	text-align: center;
}


/**/
/**/
/* USER */
/**/
/* END */


/* START */
/**/
/* TAGPAGE */
/**/
/**/

.tagpage {}

.tagpage-top {
	text-align: center;
	padding-bottom: 10px;
}

.tagpage-top-tag {
	font-size: 32px;
	border-radius: 40px;
	border: 1px solid #37C2A0;

	color: #37C2A0;
	padding: 0px 15px 0px 33px;
	height: 45px;
	margin-top: 30px;
	margin-bottom: 3px;
	display: inline-block;
	background: url("/files/images/network/tagcirclebig.svg") #fff no-repeat;
	cursor: default;
	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15;
	-o-transition: all .15s;
}

.tagpage-top-tag:hover {
	background-color: #37C2A0;
	color: #fff;
}

.tagpage-top-recommendation {
	/* add recommendations */
}

.tagpage-content {}

.tagpage-content-title {
	text-align: center;
	font-size: 20px;
	font-family: "Segoe WPN Semilight", arial, verdana, sans-serif;
}

.tagpage-content-column {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	box-sizing: border-box;
}

/**/
/* TAGPAGE */
/**/
/* END */


/* START */
/**/
/* SEARCH */
/**/
/**/

.search {}

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

.search-top-box {
	position: relative;
	background: #FFF;
	//border: 1px solid #DDD;
	//
	//border-radius: 10px;
	font-family: "Segoe WPN Semilight", sans-serif;
	padding: 10px;
	margin: 20px 100px 0px;
	color: #000;
	height: 40px;
	text-align: right;
	border-radius: 2px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.search-top-box-input {
	box-sizing: border-box;
	border: 1px solid #bbb;

	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 55px;
}

.search-top-box-input input {
	box-sizing: border-box;
	border: none;
	border-radius: 5px;
	margin: 0;
	padding: 0px 10px;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 18px;
	width: 100%;
	height: 100%;
	text-align: center;
	outline: none;
}

.search-top-box input:focus {
	text-align: left;
}

.search-top-box-icon {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-image: url('/files/images/network/search.svg');
	background-position: 5px 5px;
}

.search-leftcolumn {
	position: absolute;
	width: 265px;
	margin-top: 50px;
}

.search-leftcolumn-container {
	position: relative;
	background: #FFF;
	//border: 1px solid #DDD;
	//
	//border-radius: 10px;
	margin-bottom: 15px;
	font-family: "Segoe WPN Semilight", sans-serif;
	padding: 15px;
	color: #000;
	border-radius: 2px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.search-leftcolumn-container-title {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 22px;
	margin-bottom: 5px;
	text-align: left;
}

.search-leftcolumn-container-selection {
	cursor: pointer;
	font-size: 17px;
	margin-bottom: 2px;
	display: inline-block;
}

.search-leftcolumn-container-selected {
	font-family: "Segoe WPN Semibold";
}

.search-content {
	margin-left: 300px;
	min-height: 400px;
}

.search-content-sectiontitle {
	margin-top: 50px;
	margin-bottom: 10px;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 24px;
	padding-left: 50px;
}


/**/
/**/
/* SEARCH */
/**/
/* END */


/* START */
/**/
/* KILL ME ------------------------------------------------------------------------------------------------------------------------------------------------- */
/**/
/**/

.hiddeninput {
	display: none;
}

.user-postbox {
	margin: 25px 60px 0px;
}

.user-postbox:first-child {
	margin-top: 50px;
}

.groupbox {
	margin: 25px 100px 0px;
}

.oldpost {
	position: relative;
	margin-left: 50px;
	margin-right: 80px;
	padding-top: 20px;
	padding-bottom: 18px;
	overflow-x: hidden;
}

.oldpost img {
	width: 50px;
	height: 50px;
	position: absolute;
	margin-top: 5px;
	cursor: pointer;
	border-radius: 3px;
}

.posttitle {
	font-size: 21px;
	border-bottom: 1px solid #999;

	display: block;
	width: 100%;
	padding-bottom: 4px;
	margin-left: 58px;
}

.posttitlelink {
	display: inline-block;
	font-family: "Segoe WPN Semilight", sans-serif;
	cursor: pointer;
}

.postdate {
	display: inline-block;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	width: auto;
	display: block;
	padding-top: 2px;
	margin-left: 58px;
}

.posttext {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 17px;
	display: block;
	padding: 4px;
	line-height: 1.4;
	white-space: pre-wrap;
}

.postcommands {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 14px;
	color: #333;
	display: inline-block;
	cursor: pointer;
	padding-top: 4px;
}

.dateseperator {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 17px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-top: 25px;
	position: relative;
	z-index: 1;
	display: none;
}

.dateseperator:before {
	border-top: 1px solid #dfdfdf;

	content: "";
	position: absolute;
	top: 16px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.dateseperator span {
	padding: 0 10px;
	background: #EFEFEF;
}

.groups-link {
	font-family: "Segoe WPN Semilight";
	font-size: 18px;
	cursor: pointer;
	display: inline-block;
	margin-right: 15px;
	padding: 3px;
	margin-top: 3px;
}

.bigtag {
	font-size: 32px;
	border-radius: 40px;
	border: 1px solid #999;

	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 33px;
	margin-top: 30px;
	margin-bottom: 3px;
	display: inline-block;
	background: url("/files/images/network/tagcirclebig.svg") #eee no-repeat;
	cursor: default;
	transition: all .15s;
	-webkit-transition: all .15s;
	-moz-transition: all .15;
	-o-transition: all .15s;
}

.bigtag:hover {
	background-color: #ccc;
}

#selector {
	height: 40px;
	margin: 20px;
}

.selection {
	font-size: 24px;
	color: rgb(92, 204, 204);
	background: #fff;
	display: block;
	-webkit-transition: 0.200s ease;
	transition: 0.200s ease;
	cursor: pointer;
	position: absolute;
	height: 34px;
	padding: 3px 8px;
	border: 1px solid rgb(92, 204, 204);

	min-width: 160px;
	text-align: center;
}

.selection:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	right: 50%;
}

.selection:last-child {
	border-left: none;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	left: 50%;
}

.selection:hover {
	background: #f1fbfb;
}

.selection:active {
	background: rgb(92, 204, 204);
	color: #fff;
}

.userprofile {
	position: absolute;
	width: 120px;
	height: 120px;
	padding: 3px;
	margin-top: 30px;
	border-radius: 6px;
	cursor: pointer;
}

.profilespace {
	margin-left: 130px;
	min-height: 130px;
}

.username {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 19px;
}

.pagetitle {
	font-size: 36px;
	margin-top: 30px;
}

.pagetitlebutton {
	position: absolute;
	right: 0px;
	height: 24px;
	margin-top: -33px;
	border: 1px solid #40D3AF;

	border-radius: 5px;
	padding: 3px 6px 3px 30px;
	background-color: #fff;
	color: #40d3af;
	font-size: 18px;
	cursor: pointer;
	font-family: "Segoe WPN Semilight";
	background-image: url('/files/images/network/groupbuttonicons.svg');
	background-position: 0px -90px;
	background-repeat: no-repeat;
}

.pagetitlebutton:hover {
	color: #37C2A0;
	border-color: #37C2A0;
	background-position: 0px -120px;
}

.pagetitlebutton:active {
	color: #25A183;
	border-color: #25A183;
	background-position: 0px -150px;
}

.contactblock {
	width: 45%;
	display: inline-table;
	padding-bottom: 30px;
	padding-left: 20px;
}

.contactblock:nth-child(2n-1) {
	border-right: 1px solid #999;

	padding-left: 00px;
	padding-right: 20px;
}

.contactblock:last-child {
	padding-bottom: 0px;
}

.contactblock img {
	width: 50px;
	height: 50px;
	position: absolute;
	margin-top: 9px;
	cursor: pointer;
	border-radius: 3px;
}

.contactusername {
	font-size: 24px;
	margin-left: 60px;
	cursor: pointer;
	display: inline-block;
}

.contacttable {}

.contacttable .user {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	float: left;
}

.tags {
	margin-left: 60px;
	min-height: 30px;
}

.contactdescription {
	font-size: 16px;
}

.projectpostbox {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 30px;
	text-align: left;
}

.projectpostbox .title {
	font-size: 25px;
	text-align: left;
}

.projectpostbox p {
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 19px;
	text-align: left;
}

.projectpostbox input[type=text] {
	display: block;
	height: 20px;
	width: 260px;
	border: 1px solid #CCC;

	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 19px;
	margin: 10px;
	margin-top: 10px;
	color: #333;
	padding: 12px;
	-webkit-appearance: none;
	text-align: left;
}

.projectpostbox input[type=submit] {
	height: 40px;
	min-width: 80px;
	margin: 0 auto;
	background: #ccc;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	margin-top: 40px;
	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 16px;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.resultname {
	color: #000;
	font-size: 22px;
	display: block;
	z-index: 100;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.resultcomment {
	color: #555;
	font-size: 16px;
	display: block;
	z-index: 100;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gigantictext {
	font-size: 64px;
}

.bigtext {
	font-size: 36px;
}

.stroke {
	height: 5px;
	position: fixed;
	bottom: 60px;
	left: 0;
	display: block;
	width: 100%;
}

.lowerbar {
	position: fixed;
	bottom: 0;
	/*-webkit-box-sizing: border-box;*/
	box-sizing: border-box;
	background-color: #333;
	height: 60px;
	width: 100%;
	color: rgb(200, 200, 200);
}

.bottombara {
	float: right;
	outline: none;
	color: #eee;
	padding: 5px;
	padding-right: 20px;
	text-decoration: none;
	font-size: 22px;
	padding: 5px 20px 5px 5px;
	margin: 10px;
}

.box {
	border: 0px;
	padding: 0px;
	margin: 60px 0px 90px;
	outline: none;
	text-align: center;
	color: #333;
}

.box .titleinbox {
	font-size: 24x;
}

.box p {
	font-size: 24px;
}

.box input[type=text] {
	display: inline-block;
	height: 20px;
	width: 310px;
	outline: none;
	border: 1px solid #CCC;

	font-family: "Segoe WPN Semilight", sans-serif;
	font-size: 19px;
	margin: 10px;
	color: #333;
	padding: 12px;
	-webkit-appearance: none;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0
}

button {
	width: auto;
	border: 0 none;
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: visible;
	font-size: 14px;
	#vertical-align: middle;
}

#popup {
	position: fixed;
	width: 320px;
	z-index: 100;
	margin: 2% auto;
	top: 38.2%;
	left: 40%;
	display: none;
	border: solid 1px #eee;

}

.upper {
	/*-webkit-box-sizing: border-box;*/
	box-sizing: border-box;
	padding: 10%;
	background-color: #fff;
	height: 120px;
	color: rgb(100, 100, 100);
	font-size: 25px;
	text-align: center;
}

.stroke {
	height: 5px;
	background: rgb(255, 102, 102);
}

.lower {
	box-sizing: border-box;
	background-color: #333;
	height: 60px;
	width: 100%;
	padding: 6% 15%;
	color: rgb(200, 200, 200);
}

button {
	float: left;
	height: 18px;
	line-height: 18px;
	display: block;
	color: rgb(255, 255, 255);
	width: 25%;
	font-family: "Segoe WPN Semilight", sans-serif;
	transition: all .220s;
	-webkit-transition: all .220s;
	-moz-transition: all .220s;
	-ms-transition: all .220s;
	-o-transition: all .220s;
}

button:last-child {
	margin-left: 50%;
}

button i {
	width: 19px;
	height: 18px;
	display: block;
	float: left;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition: all .220s;
	-moz-transition: all .220s;
	-ms-transition: all .220s;
	-o-transition: all .220s;
}

button:hover {
	cursor: pointer;
}

button:hover {
	color: rgb(255, 255, 255);
}

button:hover .icon-ok {
	color: rgb(100, 255, 100);
}

button:hover .icon-remove {
	color: rgb(255, 102, 102);
}

.userpage-contacts-content-title {
	font-family: "Segoe WPN Light";
	font-size: 24px;
	padding: 5px;
	color: #333;
	text-align: center;
}

.userpage-contacts-content-text {
	padding: 5px;
	font-size: 16px;
	text-align: center;
	width: 400px;
	margin: 0 auto;
}

/**/
/**/
/* KILL ME ------------------------------------------------------------------------------------------------------------------------------------------------- */
/**/
/* END */


/* START */
/**/
/* IMAGEPOPUP */
/**/
/**/

.clearpopup-dark {
	background: rgba(0, 0, 0, .8);
}

.popup-image {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
}

.popup-image-container {
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.popup-image-container img {
	max-width: 920px;
	max-height: 600px;
	border-radius: 2px;
	width: auto;
	height: auto;
	background: #fff;
}

.popup-image-container-button {
	position: absolute;
	top: 0px;
	right: -35px;
	width: 30px;
	height: 30px;
	background-image: url('https://www.moonzean.com/files/images/lists/close.svg');
	background-size: 90px;
	background-position: 0 0;
	cursor: pointer;
}

.popup-image-container-button:hover {
	background-position: 0 -30px;
}

.popup-image-container-button:active {
	background-position: 0 -60px;
}

/**/
/**/
/* IMAGEPOPUP */
/**/
/* END */


/* START */
/**/
/* FEEDBACK */
/**/
/**/

.feedback-container {
	font-size: 18px;
	color: #666;
	position: fixed;
	margin-top: 80px;
	left: 50%;
	margin-left: -300px;
	z-index: 80;
	overflow: hidden;
	width: 600px;
	height: 400px;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
	border: solid 1px rgb(204, 204, 204);
	border-width: 0.5px;
	border-radius: 18px;
	background: #eee;
	display: none;

	opacity: 0;

	transform: scale(0.75);
	-webkit-transition: .3s;
	transition: .3s;
	transition-timing-function: cubic-bezier(0.5, 0.1, 0.6, 0.5);
}

.feedback-container-active {
	opacity: 1;
	transform: scale(1);
	transition-timing-function: cubic-bezier(0.1, 0.5, 0.25, 0.9);
}

.feedback-top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 46px;
	background: #F9F9F9;
	border-bottom: 1px solid #ccc;
}

.feedback-top-title {
	text-align: center;
	font-size: 20px;
	font-family: "Segoe WPN Semibold";
	display: block;
	width: 100%;
	height: 100%;
	line-height: 46px;
}

.feedback-top-close {
	top: 50%;
	margin-top: -10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-image: url('/files/images/lists/close.svg');
	background-size: 60px;
	background-position: 0 0;
	cursor: pointer;
	position: absolute;
}

.feedback-top-close:hover {
	background-position: 0 -20px;
}

.feedback-top-close:active {
	background-position: 0 -40px;
}

.feedback-content {
	position: absolute;
	top: 46px;
	width: 100%;
	bottom: 40px;
}

.feedback-content-textarea-container {
	position: absolute;
	top: 1px;
	left: 0;
	bottom: 0;
	width: 250px;
}

.feedback-content-textarea {
	background: #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	position: absolute;
	resize: none;
	margin: 0;
	padding: 10px;
	border: none;
	font-size: 18px;
	color: #666;
	line-height: 20px;
	outline: none;
	-webkit-appearance: none;
}

.feedback-content-description {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 250px;
	border-left: 1px solid #ccc;

	font-family: "Segoe WPN", sans-serif;
}

.feedback-content-success-title {
	font-family: "Segoe WPN Light", arial, verdana, sans-serif;
	text-align: center;
	font-size: 48px;
	padding: 40px 10px 25px;
}

.feedback-content-success-text {
	font-family: "Segoe WPN Semilight", sans-serif;
	text-align: center;
	font-size: 20px;
	padding: 15px;
}

.feedback-content-description-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 60px;
	padding: 10px;
	font-size: 18px;
	overflow: auto;
}

.feedback-content-description-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	max-height: 50px;
	font-size: 16px;
	overflow: auto;
}

.feedback-content-description-bottom label {
	cursor: pointer;
}

.feedback-bottom {
	position: absolute;
	bottom: 0;
	height: 40px;
	width: 100%;
	background: #F9F9F9;
	border-top: 1px solid #ccc;
}

.feedback-bottom-button {
	margin: 2px 10px;
	text-align: center;
	font-family: "Segoe WPN Semibold";
	font-size: 16px;
	display: block;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
}

#feedback-loader {
	display: none;
	height: 29px;
	width: 29px;
	position: relative;
	top: -1px;
}

.feedback-loader {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	margin: 5px;
	font-size: 0px;
}

.titlebar-loader {
	display: none !important;
	border-color: transparent !important;
}

#post_recommendedGroups {
	background: #eee;
	box-shadow: none !important;
}

.post-main-content-recommendedGroups_content {
	font-size: 26px;
	text-align: center;
	padding-bottom: 3px;
	display: block;
	width: 100%;
	height: 220px;
	position: relative;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	padding-right: 10px;
}

#post_recommendedGroups .group {
	display: inline-block;
	position: relative;
	width: 320px;
	height: 190px;
	vertical-align: top;
	overflow: hidden;
	white-space: normal;
	margin: 5px !important;
}

#post_recommendedGroups .group-top {
	height: 30px;
}

#post_recommendedGroups .group-top-state {
	height: 20px;
	width: 20px;
	background-size: 20px 140px;
	margin: 5px;
}

#post_recommendedGroups .group-top-state-ismember:hover {
	height: 20px;
	width: 20px;
	background-position: 0 -20px;
}

#post_recommendedGroups .group-top-state-isnomember {
	background-position: 0 -80px;
}

#post_recommendedGroups .group-top-name {
	line-height: 30px;
	height: 30px;
}

#post_recommendedGroups .group-tags {
	padding: 0px;
	max-height: 64px;
	font-size: 12px !important;
}

#post_recommendedGroups .group:nth-child(1) {
	margin-left: 0px !important;
}

.post-main-content-recommendedGroups_title {
	padding-top: 20px;
	font-size: 28px;
	color: #555;
}

/**/
/**/
/* FEEDBACK */
/**/
/* END */

/*

sketchnotepost

*/

.sketchnotepost-container {
	position: fixed;
	z-index: 99;
	left: 50%;
	top: 50%;
	max-width: 800px;
	width: calc(100% - 120px);
	max-height: 620px;
	height: calc(100% - 120px);
	transform: translate(-50%, -50%);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	overflow: hidden;
}

.sketchnotepost-container iframe {
	border: none;
	width: 100%;
	height: 100%;
}