/*** general ***/

#socialbox_stream{
	padding-left: 15px;
	width: calc(100% - 510px);
	min-height: 200px;
	display: inline-block;
	overflow: visible;
}

aside.right_column {
	float: right;
}

aside.right_column #socialbox-user-online {
	border: solid 1px #ddd;
	box-sizing: border-box;
	background-color: #f6f6f6;
	padding: 11px;
	width: 100%;
}

#socialbox_stream a:hover {
	text-decoration: none;
}

#sb_sidebar input.box,
#socialbox_stream input.box{
	border: 1px solid #ddd;
	outline: none;
}

#sb_sidebar .icon.pos_abs,
#socialbox_stream .icon.pos_abs{
	position: absolute;
}

#sb-spa #socialbox_stream .noMessages {
	position: relative;
	top: 10px;
}

#sb-spa .inline_block{display: inline-block;}

#sb-spa .grey_box_border {
	background-color: #f6f6f6;
	padding: 11px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}


/*** sidebar ***/

#sb_sidebar .border{
	border: 1px solid #ddd;
}

#sb_sidebar #own_profile{
	background-color: #f6f6f6;
	padding: 11px;
}

#sb_sidebar #own_profile .image{
	width: 50px;
	height: 50px;
	display: inline-block;
	/*margin: 11px;*/
}

#sb_sidebar #own_profile p{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	position: relative;
	top: 0;
	font-weight: bold;
	padding-left: 5px;
}

#sb_sidebar .block_header {
	padding: 5px 5px 6px 10px;
	border-bottom: 1px solid #ddd;
	background-color: #f6f6f6;
}

#sb_sidebar .block_header p{
	position: relative;
}

#sb_sidebar #sb-stream-tree {
	cursor: pointer;
}

#sb_sidebar #sb-team-buttons{
	position: absolute;
	right: 10px;
}

#sb_sidebar #team-add-button{
	background-color: #fff;
	padding: 1px 5px;
	border-radius: 0;
}

#sb_sidebar .block{
	margin-top: 20px;
}

#sb_sidebar .block p{
	margin: 0;
}

#sb_sidebar .block ul{
	list-style-type: none;
	padding: 0;
}

#sb_sidebar .block .profile_pic{
	 vertical-align: top;
	 padding-right: 10px;
	 margin-top: 5px;
	display: inline-block;
}

#sb_sidebar #sb-list{
	list-style: none;
	padding: 5px 9px 0 10px;
	margin: 0;
	position: relative;
}

#sb_sidebar #sb-list li{
	padding-bottom: 4px;
	position: relative;
	margin-bottom: 5px;
	border-bottom: 1px solid #e1e1e1;
}

#sb_sidebar #sb-list li:last-of-type{
	border-bottom: none;
	margin-bottom: 0;
}

#sb_sidebar #sb-list li.open{
	font-weight: bold;
}

#sb_sidebar #sb-list li.active ul{
	display: block;
}

#sb-list .sb-room, #sb-list .sb-management {
	display: inline-block;
}

#sb-list .sb-room {
	display: flex;
	align-items: center;
}

#sb_sidebar #sb-list li .sb-room {
	font-size: 0;
	vertical-align: middle;
	width: 100%;
}

#sb_sidebar #sb-list li .sb-room *{
	font-size: 13px;
}

#sb_sidebar #sb-list li .sb-room .sb-team-name {
	display: inline-block;
	width: calc(100% - 40px);
	margin-left: 21px;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
}

/*#sb_sidebar #sb-list li:hover .sb-room .sb-team-name,*/
#sb_sidebar #sb-list li.sb-stream-counter .sb-room .sb-team-name {
	width: calc(100% - 76px);
}

#sb_sidebar #sb-list li.sb-stream-editable.sb-stream-counter:hover .sb-room .sb-team-name {
	width: calc(100% - 100px);
}

#sb_sidebar #sb-list li.sb-stream-editable:hover .sb-room .sb-team-name {
	width: calc(100% - 60px);
}

#sb_sidebar #sb-list li .sb-room .sb-team-name .counter {
	float: left;
	margin-right: 10px;
}

#sb_sidebar #sb-list li .sb-room .sb-team-name .member {
	display: inline-block;
	float: left;
	/*max-width: calc(100% - 45px);*/
	max-width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*#sb-spa #sb-list-container ul li:hover .sb-room .sb-team-name .member {*/
	/*max-width: calc(100% - 45px);*/
/*}*/

#sb-list-container .counter {
	/*margin-left: 23px;*/
}

#sb_sidebar #sb-list li .sb-management {
	font-size: 0;
	position: absolute;
	top: 3px;
	right: 1px;
}

#sb-list .sb-team-manage-button,
#sb-list .sb-team-remove-button,
#sb-list .sb-team-leave-button,
#sb-spa .sb-room,
#sb-spa .sb-messages {
	cursor: pointer;
}

#sb-list .sb-team-leave-button {
	 top: -2px;
	 position: relative;
	 right: -2px;
 }

#sb_sidebar #sb-list li .sb-management a:last-of-type span {
	margin-left: 10px;
}

#sb_sidebar #sb-list li.sb-stream-counter .sb-management a:last-of-type span {
	margin-right: 10px;
}

#sb_sidebar #sb-list li img{
	width: 18px;
	display: inline-block;
	vertical-align: top;
}

#sb_sidebar #sb-list li p{
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
}

#sb_sidebar #sb-list li ul{
	padding-left: 23px;
}

#sb_sidebar #sb-list li ul li{
	padding: 2px 57px 0 0;
	margin-right: -57px;
	font-weight: normal;
}

#sb_sidebar #sb-list .right_arrow{
	position: absolute;
	right: 40px;
	top: 6px;
	cursor: pointer;
}

#sb_sidebar #sb-list .sb-messages{
	background-color: #dddddd;
	color: #ffffff;
	/*padding: 0;*/
	display: inline-block;
	/*position: absolute;*/
	/*left: 0px;*/
	width: auto;
	padding: 0 6px;
	text-align: center;
	float: right;
	height: 19px;
	font-size: 13px;
	margin-left: 8px;
	bottom: 3px;
	position: relative;
	font-weight: bold;
}

#sb_sidebar #sb-list ul.messages{
	list-style-type: none;
}

#sb_sidebar #sb-list-container {
	position: relative;
	min-height: 32px;
}

/*#sb_sidebar #sb-list-container img#sb-tree-loading {*/
#sb_sidebar #sb-list-container div#sb-tree-loading {
	position: absolute;
	top: 0;
	left: 35%;
	transform: translateY(-50%) translateX(-50%);
	color: rgb(221, 221, 221);
}

/*** pop up ***/

/*.k-widget.k-window{*/
	/*width: 299px;*/
	/*height: 381px;*/
/*}*/



/*** main area ***/

#socialbox_stream #sb-search input {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	background: #fff url('../images/searchicon_grey.png') calc(100% - 5px) 3px no-repeat;
	border: solid 1px #ccc;
}

#socialbox_stream #sb-search button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	height: 21px;
	position: absolute;
	right: 13px;
	top: 13px;
	width: 25px;
	margin: 0;
}

#socialbox_stream .comment_section .comment {
	display: flex;
	padding-top: 4px;
	padding-left: 8px;
	/*border-top: 1px solid #bbbbbb;*/
	/*border: none;*/
	/*border-bottom-style: solid;*/
	/*border-bottom-width: 1px;*/
	/*border-bottom-color: #bbbbbb;*/
}

#socialbox_stream .comment_section .moreComments {
	padding: 0 8px 8px;
}

#socialbox_stream .comment_section .comment ~ div {
	/*border-top: 1px solid #bbbbbb;*/
}

.comment_section > div:not(.ng-hide) {
	border: none;
}

.comment_section > div:not(.ng-hide) ~ div:not(.ng-hide) {
	border-top: 1px solid #e1e1e1;
}

.comment_section > div:first-of-type {
	border: none;
}

#socialbox_stream .profile_pic img{
	margin-bottom: 8px;
}

#socialbox_stream .comment_section .comment .sb-right-col {
	margin-left: 0;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	width: 100%;
}

#socialbox_stream .thread_container .thread .content input,
#socialbox_stream .comment_section .comment .sb-right-col input {
	/*display: block;*/
	/*margin: 10px 0;*/
}

#socialbox_stream .comment_section .comment .sb-right-col .date {
	float: none;
}


#socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span,
#socialbox_stream .comment_section .comment .sb-right-col .actions > a > span:not(.date) {
	top: -4px;
}

#socialbox_stream .comment_section .comment .sb-right-col .actions > a > span.thumbs_up {
	top: 1px;
}

#socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span {
	top: 0;
}

#socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.thumbs_up {
	top: -3px;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-message-bar {
	padding-right: 2px;
	position: relative;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-comment-fileupload h4,
#sb-spa #socialbox_stream .comment_section .write_comment .sb-thread-fileupload h4 {
	margin-bottom: 0;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-comment-fileupload .k-upload-files,
#sb-spa #socialbox_stream .comment_section .write_comment .sb-thread-fileupload .k-upload-files {
	margin-bottom: 0;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-document.ng-scope,
#sb-spa #socialbox_stream .comment_section .write_comment .sb-document.ng-scope {
	margin-top: 5px;
	position: relative;
	border: solid 1px #e1e1e1;
	background: #fdfcfb;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-document.ng-scope .sb-document-description,
#sb-spa #socialbox_stream .comment_section .write_comment .sb-document.ng-scope .sb-document-description {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	max-width: calc(100% - 135px);
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-document.ng-scope .sb-document-description p,
#sb-spa #socialbox_stream .comment_section .write_comment .sb-document.ng-scope .sb-document-description p {
	margin: 0;
	/*max-width: calc(100% - 20px);*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-document.ng-scope~div,
#sb-spa #socialbox_stream .comment_section .write_comment .sb-document.ng-scope~div {
	margin-top: 0;
}

#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-document.ng-scope button,
#sb-spa #socialbox_stream .comment_section .write_comment .sb-document.ng-scope button {
	padding: 2px 5px;
	margin-left: 5px;
}

#socialbox_stream .comment_section .css_arrow_up{
	position: absolute;
	top: -7px;
	left: 23px;
	margin: 0;
	border-bottom: 7px solid #f6f6f6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	box-sizing: border-box;
}

#socialbox_stream a{
	color: #0C528A;
	position: relative;
	font-weight: bold;
}

#socialbox_stream h1 {
	padding-right: 0;
	margin-bottom: 0 !important;
}

#socialbox_stream h1 .box{
	font-size: 13px;
	font-weight: normal;
}

#socialbox_stream h1 .pos_rel{
	padding-top: 7px;
	margin-bottom: 16px;
}

#socialbox_stream h1 span:not(.icon) {
	position: relative;
	margin-left: 35px;
	cursor: pointer;
}

#socialbox_stream h1 .add_status {
	position: absolute;
	left: 14px;
	margin: 0;
	top: 5px;
}

#socialbox_stream h1 input[type="text"] {
	display: block;
	padding: 10px;
	/*width: 100%;*/
	width: 100%;
	box-sizing: border-box;
}

#socialbox_stream h1 .icon.triangle.pos_abs{
	/*position: absolute;*/
	top: 0;
	left: 15px;
	z-index: 2;
}

#socialbox_stream h1 .filter_wrapper{
	background-color: #fff;
	font-size: 0.55em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	right: 0;
	z-index: 9;
	margin-top:-4px;
}

#socialbox_stream h1 .filter_wrapper.open{
	border: 1px solid #ddd;
}

#socialbox_stream h1 .filter_wrapper .filter_top{
	/*width: 55px;*/
	height: 17px;
	padding: 0 20px 0 10px;
	margin: 0;
	cursor: pointer;
}

#socialbox_stream h1 .filter_wrapper.open .filter_top{
	width: 100%;
	padding-left: 20px;
}

#socialbox_stream h1 .filter_top .icon.dropdown{
	right: 8px;
	top: 7px;
}

#socialbox_stream h1 .filter_wrapper.open .filter_top .icon.dropdown{
	/*right: auto;*/
	/*left: 51px;*/
}

#socialbox_stream h1 .filter_top p{
	margin: 0;
	/*padding: 1px 0;*/
	font-style: 12px;
}

#socialbox_stream h1 .filter_wrapper ul{
	list-style: none;
	margin: 0;
	padding: 4px 10px 6px 20px;
	background-color: #f6f6f6;
	font-size: 1.125em;
}

#socialbox_stream h1 .filter_wrapper ul li{
	cursor: pointer;
}

#socialbox_stream h1 .filter_wrapper ul li span.icon{
	top: 4px;
	left: -15px;
}

#socialbox_stream h1 .filter_wrapper ul li span.icon.hide{
	display: none;
}

#socialbox_stream h1 .newThread {
	margin: 0;
}

#sb-spa .icon.add_status.ng-hide ~ span {
	margin-left: 0;
	cursor: default;
}

#socialbox_stream textarea {
	border-radius: 0;
	padding: 5px;
	vertical-align: top;
	border: solid 1px #ddd;
	resize: none;
	outline: none;
	box-sizing: border-box;
	min-height: 31px;
	width: 100%;
	max-width: 100%;
	height: 31px;
}

#socialbox_stream h1 .newThread textarea.box {
	/*height: 20px;*/
	/*width: calc(100% - 59px);*/
	/*max-width: calc(100% - 59px);*/
	/*border-color: #ddd;*/
	/*height: 25px;*/
}

#socialbox_stream .buttonblock {
	display: none;
	margin-top: 5px;
}

#socialbox_stream .buttonblock span {
	margin-right: 5px;
}

#socialbox_stream {
	/*margin-right: 250px;*/
}

#socialbox_stream .comment{
	padding-top: 10px;
}

#socialbox_stream span.date {
	/*float: right;*/
	/*margin-right: 25px;*/
}

#socialbox_stream .thread{
	position: relative;
	display: inline-block;
	/*width: calc(100% - 64px);*/
	width: 100%;
}

#socialbox_stream .thread .content p {
	margin-top: 0;
	margin-bottom: 0;
	width: calc(100% - 50px);
}

#socialbox_stream .thread .toggle{
	cursor: pointer;
}

#socialbox_stream .thread .toggle p{
	margin: 0;
}

#socialbox_stream .thread .toggle:not(.date){
	/*position: absolute;*/
	/*right: 2px;*/
	/*top: 5px;*/
	margin-left: 5px;
	margin-right: 10px;
}

#socialbox_stream .blue {
	color: #0C528A;
}

#socialbox_stream .thread_container {
	padding: 15px 0 20px 0;
	/*border-top: solid 1px #f6f6f6;*/
	display: flex;
	/*margin-right: 250px;*/
	padding-right: 20px;
	border: none;
}

#socialbox_stream .thread_container ~ div.thread_container {
	border-top: solid 1px #f6f6f6;
}

/*#socialbox_stream .thread_container:first-of-type {*/
	/*border-top: none;*/
/*}*/

#socialbox_stream .profile_pic{
	vertical-align: top;
	padding-right: 10px;
	margin-top: 5px;
	display: inline-block;
}

#sb_sidebar .image img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.profile_pic img{
	width: 55px;
	max-width: 55px;
	border-radius: 50%;
}

#socialbox_stream .thread .content {
	min-height: 20px;
}

#socialbox_stream .thread .footer {
	margin-top: 6px;
}

#socialbox_stream .thread .actions {
	padding: 6px 0 5px 1px;
	/*display: inline-block;*/
	/*transform: translateY(-3px);*/
}

#socialbox_stream .thread_container .thread .actions span.black,
#socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.black {
	color: #333;
	font-weight: normal;
	top: -1px;
	position: relative;
	font-size: 13px;
}

#socialbox_stream .thread .comment_section .comment .actions {
	padding: 8px 0 3px 1px;
}

#socialbox_stream .thread_container.ng-scope .thread .actions {
	padding-top: 7px;
}

#socialbox_stream .thread_container.ng-scope .thread .comment_section .comment .actions {
	padding-top: 5px;
}


#socialbox_stream .thread .actions *:not(.date, .sb-likes-thread){
	font-size: 0;
}

#socialbox_stream .thread .actions .likes_count,
#socialbox_stream .thread .actions .count,
#socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span {
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #0C528A;
	cursor: pointer;
}

/*#socialbox_stream .thread .actions .comment {*/
	/*-webkit-transform: translateY(2px);*/
	/*-moz-transform: translateY(2px);*/
	/*-ms-transform: translateY(2px);*/
	/*-o-transform: translateY(2px);*/
	/*transform: translateY(2px);*/
/*}*/

/*#socialbox_stream .thread .actions .bookmark{*/
	/*-webkit-transform: translateY(1px);*/
	/*-moz-transform: translateY(1px);*/
	/*-ms-transform: translateY(1px);*/
	/*-o-transform: translateY(1px);*/
	/*transform: translateY(1px);*/
/*}*/

/*#socialbox_stream .thread .actions .cross{*/
	/*-webkit-transform: translateY(1px);*/
	/*-moz-transform: translateY(1px);*/
	/*-ms-transform: translateY(1px);*/
	/*-o-transform: translateY(1px);*/
	/*transform: translateY(1px);*/
/*}*/

#socialbox_stream .thread .actions .date{
	margin-right: 0;
}

#socialbox_stream .thread .tags{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#sb-spa .sb-message-bar {
	padding-right: 5px;
	position: relative;
}

#socialbox_stream .thread .message_container .poster span:last-of-type {
	cursor: pointer;
	color: #0C528A;
	font-weight: bold;
}

#sb-spa .sb-likes-thread, #sb-spa .sb-likes-comment {
	list-style-type: none;
	display: none;
	position: absolute;
	top: -3px;
	left: 5px;
	z-index: 10;
	/*background-color: #ffffff;*/
	background-color: rgba(256,256,256,0.7);
	border: solid 1px #ddd;
	padding: 10px;
	width: 200px;
}

/*#sb-spa .sb-likes-comment {*/
	/*top: -3px;*/
	/*left: 5px;*/
/*}*/

#sb-spa .sb-likes-thread button.button_remove,
#sb-spa .sb-likes-comment button.button_remove {
	padding: 1px 3px;
	/*margin-left: 10px;*/
	float: right;
}

.sb-button {
	position: relative;
	padding: 1px 2px 0 22px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #0C528A;
	/*background-color: #ffffff;*/
	background-color: #f6f6f6;
	/*border: none;*/
	border: 1px solid #bbbbbb;
	border-radius: 1px;
	/*padding-left: 5px;*/
	/*padding-left: 22px;*/
	vertical-align: bottom;
	font-weight: bold;
	margin-right: 2px;
}

.sb-button:active {
	/*background-color: #ffffff;*/
	background-color: #f6f6f6;
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
	transform: translateY(4px);
}

#socialbox_stream .comment_section {
	background: #f6f6f6;
	padding: 0;
	position: relative;
	margin-top: 6px;
}

#socialbox_stream .comment_section .icon.comments {
	width: 20px;
	height: 20px;
	background-position: -20px -14px;
	margin: 2px 10px 2px 5px;
	top: 4px;
}

#socialbox_stream .comment_section input[type="text"] {
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
}

#socialbox_stream .comment_section .comment .sb-right-col {
	position: relative;
	max-width: calc(100% - 75px);
}

.write_comment{
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	position: relative;
	/*border-top: 1px solid #bbb;*/
}

.write_comment textarea {
	/*width: calc(100% - 55px);*/
	/*max-width: calc(100% - 55px);*/
	/*min-height: 12px;*/
	/*height: 20px;*/
	/*padding: 5px;*/
	/*border: solid 1px #ddd;*/
}

.write_comment span.icon {
	vertical-align: top;
}

.sb-document{
	background-color: #ffffff;
	display: block;
	padding: 8px;
}

.sb-document img{
	display: inline-block;
	vertical-align: middle;
	height: 64px;
	background-color: #ffffff;
	padding: 5px 10px;
	border: 1px solid #bbb;
	max-width: 80px;
}

.sb-document-description p{
	margin: 0;
}

.sb-document-description{
	display: inline-block;
	vertical-align: top;
}

.sb-document-description span{
	color: #0C528A;
	padding-right: 3px;
}

#sb-marktanalyse{
	color: #0C528A;
}

.sb-more-comments{
	color: #0C528A;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top: 1px solid #bbb;
}

.sb-more-comments p{
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	margin: 0;
}

#sb-spa #socialbox_stream .thread_container .thread .sb-message-bar.edit,
#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-message-bar.edit {
	position: absolute;
	top: 0;
	right: 25px;
}

#sb-spa #socialbox_stream .thread_container .thread .sb-message-bar.edit {
	right: 0;
}

#sb-spa #socialbox_stream .thread_container .thread .sb-message-bar.edit {
	/*top: -2px;*/
	/*right: 0;*/
	position: relative;
	margin-left: 0;
}

#sb-spa #socialbox_stream .thread_container .thread .sb-message-bar.delete-comment, #sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-message-bar.delete-comment {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

#sb-spa #socialbox_stream .thread_container .thread .sb-message-bar.delete-message, #sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-message-bar.delete-message {
	display: none;
}

#sb-spa #socialbox_stream .thread_container .thread .message_container:hover .sb-message-bar.delete-message,
#sb-spa #socialbox_stream .comment_section .comment:hover .sb-right-col .actions .sb-message-bar.delete-message,
#sb-spa #socialbox_stream .thread_container .thread .message_container:hover .sb-message-bar.delete-comment,
#sb-spa #socialbox_stream .comment_section .comment:hover .sb-right-col .actions .sb-message-bar.delete-comment {
	display: inline-block;
}

#sb-spa #socialbox_stream .thread_container .thread .sb-message-bar.edit .icon {
	/*transform: scale(0.75);*/
	vertical-align: bottom;
}

#sb-spa #socialbox_stream .thread_container .thread .sb-message-bar.edit span,
#sb-spa #socialbox_stream .comment_section .comment .sb-right-col .actions .sb-message-bar.edit span {
	background-position: -180px -20px;
	display: none;
}

#sb-spa #socialbox_stream .thread_container .thread .message_container:hover .sb-message-bar.edit span,
#sb-spa #socialbox_stream .comment_section .comment:hover .sb-right-col .actions .sb-message-bar.edit span {
	display: inline-block;
}

#sb-spa #socialbox_stream .thread_container .thread .message_container:hover .sb-message-bar.edit span:hover,
#sb-spa #socialbox_stream .comment_section .comment:hover .sb-right-col .actions .sb-message-bar.edit span:hover {
	background-position: -160px -20px;
}

#socialbox_stream .comment_section .comment .sb-right-col .message_container {
	width: calc(100% - 30px);
}

/*#socialbox_stream img#sb-message-loading,*/
/*#socialbox_stream img#sb-message-loading2 {*/
#socialbox_stream div#sb-message-loading,
#socialbox_stream div#sb-message-loading2 {
	left: 50%;
	top: 100px;
	position: absolute;
	transform: translateX(-50%);
	color: rgb(221, 221, 221);
}

/*#socialbox_stream img#sb-message-loading {*/
#socialbox_stream div#sb-message-loading {
	top: 200px;
}

/*#socialbox_stream .thread_container:nth-of-type(odd) {*/
	/*background: #f6f6f6;*/
/*}*/

/*#socialbox_stream .thread_container:nth-of-type(odd) .comment_section {*/
	/*background: #fff;*/
/*}*/


/*** online status ***/

#sb_user_online{
	position: absolute;
	top: 65px;
	right: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #bbbbbb;
	padding: 10px;
}

#sb-user_online #sb_online_title{
	display: block;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 15px;
}

#sb_user_online img{
	width: 50px;
	display: inline-block;
	vertical-align: initial;
}

#sb_user_online div{
	padding-top: 10px;
}

#sb_user_online p{
	display: inline-block;
	/*vertical-align: top;*/
	margin: 0;
	padding-left: 10px;
	font-weight: bold;
}

#sb_user_online .user{
	min-height: 50px;
}

#sb_user_online .user a{
	display: inline-block;
}

#sb_user_online .user .icon_wrapper{
	padding-left: 60px;
}

#sb_user_online .dropdown_user{
	display: none;
	padding: 5px 10px 5px 5px;
	background-color: #f6f6f6;
}

#sb_user_online .dropdown_user li ul{
	padding-left: 10px;
}

#sb-spa .icon.onlinestatus {
	/*background: 0 url(../images/css_sprite.png) no-repeat;*/
	bottom: -1px;
	padding-right: 3px;
}

#sb-spa .icon.onlinestatus.status0 {
	background-position: -20px -540px;
}

#sb-spa .icon.onlinestatus.status2 {
	background-position: -20px -580px;
}

/* modal */

#sb-modal-add-left #sb-modal-add-name {
	margin-top: 19px;
	margin-left: 25px;
}

#sb-modal-add-left .sb-modal-add-input, #sb-modal-modify-left .sb-modal-modify-input {
	margin-bottom: 20px;
}

#sb-modal-add-left-button, #sb-modal-modify-left-button {
	float: left;
}

#sb-modal-add-right-button, #sb-modal-modify-right-button {
	float: right;
}

#sb-modal-add-clear-button, #sb-modal-modify-clear-button {
	clear: both;
}

#sb-modal-add-team, #sb-modal-modify-content {
	padding: 10px;
}

.sb-selected-users .k-widget.k-multiselect{
	width: 170px;
	vertical-align: middle;
	display: inline-block;
}

/* kendo window */

#sb-stream-add_wnd_title {
	top: 3px;
}
#sb-stream-manage_wnd_title {
	top: 4px;
}

#sb-stream-manage_wnd_title img {
	top: -1px;
	left: 10px;
	margin-right: 17px;
	position: relative;
}

.k-window-titlebar .k-window-actions {
	top: -3px !important;
}

#sb-team-name {
	padding: 5px 7px;
	width: 215px;
}

.modal-footer button,
.sb-modal-add-input button,
.k-tooltip-content button[type='button'],
#socialbox_stream .comment_section button,
#socialbox_stream h1 button {
	padding: 2px 7px 3px 7px;
	position: relative;
	border: 1px solid #DDDDDD;
	border-radius: 0;
	color: #000000;
	margin: 0 8px 0 0;
	bottom: 5px;
	font-weight: normal;
	/*cursor: pointer;*/
}

#socialbox_stream h1 .newThread button,
#socialbox_stream .comment_section button {
	position: absolute;
	right: 0;
	top: 7px;
	bottom: auto;
}

#socialbox_stream .comment_section button {
	top: 10px;
}

#socialbox_stream h1 .newThread button.reset,
#socialbox_stream .comment_section button.reset {
	right: 70px;
}

.k-widget.k-multiselect .k-multiselect-wrap .k-input {
	padding: 4px 0 2px 3px !important;
}

.sb-modal-add-input button{
	top: 0;
}

.sb-modal-add-input button[name='file']{
	max-width: 117px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

span.icon_wrapper.icon_select {
	width: 30px;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	text-align: center;
}

span.icon_wrapper.icon_select ~ span {
	float: left;
}



/* messages site */

ul.messages-list{
	padding: 0 10px;
}

ul.messages-list .content,
ul.messages-list .profile_pic{
	display: inline-block;
}

ul.messages-list .content{
	width: calc(100% - 65px);
}

/* browser fixes */

/* Chrome */

.chrome .sb-button{
	padding-bottom: 2px;
	padding-right: 4px;
}

/* shows which user is online */
#socialbox-user-online {
	float: right;
	/*border: solid 1px #bbb;*/
	padding: 10px;
}

#socialbox-user-online h3 {
	margin-top: 0;
}

#socialbox-user-online ul {
	padding: 0;
	margin: 0;
}

#socialbox-user-online li {
	list-style-type: none;
}

#socialbox-user-online .user span {
	display: inline-block;
}

#socialbox-user-online div.user {
	width: 40px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

#socialbox-user-online img {
	max-width: 40px;
	max-height: 40px;
	background-image: url("/bundles/k3intranetboxbasic/images/platzhalter-m.jpg");
	border-radius: 50%;
}

#socialbox-user-online .user span.icon.onlinestatus {
	display: inline-block;
	position: absolute;
	z-index: 3;
	bottom: -3px;
	right: -3px;
	padding: 0;
}

#socialbox-user-online .user span.icon.onlinestatus.fa-check-circle.green {
	color: #42B449;
}

#socialbox-user-online .user span.icon.onlinestatus.fa-times-circle.red {
	color: #db4a37;
}

#sb-add-loading {
	width: 18px;
}

/* Browser adaptions */

/* Firefox */

html.win.firefox .sb-button .icon,
html.mac.firefox .sb-button .icon{
	left: 4px;
	top: 4px;
}

html.win.firefox #sb-spa .actions .icon,
html.mac.firefox #sb-spa .actions .icon {
	top: -4px;
}

html.win.firefox #sb-spa .icon.comment,
html.mac.firefox #sb-spa .icon.comment {
	top: -1px;
}

html.win.firefox #sb-spa .icon.thumbs_up, #sb-stream-add_wnd_title .icon.thumbs_up,
html.mac.firefox #sb-spa .icon.thumbs_up, #sb-stream-add_wnd_title .icon.thumbs_up {
	top: -2px;
}

/*html.win.firefox #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span,*/
html.win.firefox #socialbox_stream .comment_section .comment .sb-right-col .actions > a > span:not(.date),
html.mac.firefox #socialbox_stream .comment_section .comment .sb-right-col .actions > a > span:not(.date) {
	top: -6px;
}

html.win.firefox #socialbox_stream .thread_container .thread .actions span.black, #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.black,
html.mac.firefox #socialbox_stream .thread_container .thread .actions span.black, #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.black {
	top: -1px;
}

html.win.firefox #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.thumbs_up,
html.mac.firefox #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.thumbs_up {
	top: -3px;
}

html.win.firefox #socialbox_stream .profile_pic,
html.mac.firefox #socialbox_stream .profile_pic {
	margin-top: 6px;
}

html.win.firefox #socialbox_stream .comment_section .comment .profile_pic,
html.mac.firefox #socialbox_stream .comment_section .comment .profile_pic {
	margin-top: 5px;
}

html.win.firefox #socialbox_stream .thread .comment_section .comment .actions,
html.mac.firefox #socialbox_stream .thread .comment_section .comment .actions {
	padding-top: 7px;
}

html.win.firefox #socialbox_stream .comment_section .comment .sb-right-col,
html.mac.firefox #socialbox_stream .comment_section .comment .sb-right-col {
/*html.mac.firefox #socialbox_stream .comment_section .comment .sb-right-col {*/
	margin-top: -1px;
}

html.win.firefox #socialbox_stream .thread_container,
html.mac.firefox #socialbox_stream .thread_container {
	padding-top: 14px;
}


html.win.firefox #sb_sidebar #sb-list li,
html.mac.firefox #sb_sidebar #sb-list li{
	padding-bottom: 3px;
}

html.win.firefox #sb_sidebar .block_header,
html.mac.firefox #sb_sidebar .block_header {
	padding-bottom: 5px;
}

html.win.firefox #sb_sidebar #sb-team-buttons,
html.mac.firefox #sb_sidebar #sb-team-buttons {
	top: 4px;
}

html.mac.firefox #socialbox_stream .thread .comment_section .comment .actions {
	padding-top: 4px;
}

html.mac.firefox #socialbox_stream .thread .comment_section .comment .profile_pic img {
	margin-bottom: 9px;
}

html.mac.firefox #sb_sidebar #sb-list li .sb-room .sb-team-name,
html.win.firefox #sb_sidebar #sb-list li .sb-room .sb-team-name {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}

/*html.win.firefox #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span {*/
	/*top: -3px;*/
/*}*/

/* Edge (/IE) */

html.win.edge #sb_sidebar #sb-list li,
html.win.ie #sb_sidebar #sb-list li {
	padding-bottom: 3px;
}

html.win.edge #socialbox_stream .thread_container,
html.win.ie #socialbox_stream .thread_container {
	padding-top: 14px;
}

html.win.edge #socialbox_stream .profile_pic,
html.win.ie #socialbox_stream .profile_pic {
	margin-top: 6px;
}

html.win.edge #socialbox_stream .thread_container ~ div:last-of-type {
	padding-top: 15px;
}

html.win.edge #socialbox_stream .thread_container ~ div:last-of-type .profile_pic {
	margin-top: 5px;
}

html.win.edge #socialbox_stream .comment_section .comment~div:last-child {
	padding-top: 5px;
}

html.win.edge #socialbox_stream .comment_section .comment~div:last-child .profile_pic {
	margin-top: 5px;
}

html.win.edge #sb-spa .icon.thumbs_up.gray,
html.win.ie #sb-spa .icon.thumbs_up.gray {
	/*background-position: -100px -80px;*/
}

html.win.edge #sb-spa .actions .icon,
html.win.ie #sb-spa .actions .icon {
	top: -4px;
}

html.win.ie #sb-spa .actions .icon {
	top: -4px;
}

html.win.edge #sb-spa .icon.thumbs_up, #sb-stream-add_wnd_title .icon.thumbs_up,
html.win.ie #sb-spa .icon.thumbs_up, #sb-stream-add_wnd_title .icon.thumbs_up {
	top: -1px;
}

html.win.edge #sb-spa .icon.comment,
html.win.ie #sb-spa .icon.comment {
	top: -2px;
}

html.win.edge html.win.firefox #socialbox_stream .thread_container .thread .actions span.black,
html.win.ie html.win.firefox #socialbox_stream .thread_container .thread .actions span.black,
html.win.edge #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.black,
html.win.ie #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.black {
	top: -2px;
}

html.win.edge #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.thumbs_up,
html.win.ie #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.thumbs_up {
	top: -2px;
}

html.win.edge #socialbox_stream .thread_container.ng-scope .thread .actions,
html.win.ie #socialbox_stream .thread_container.ng-scope .thread .actions {
	padding-top: 8px;
	padding-bottom: 4px;
}

html.win.edge #socialbox_stream .thread .actions .likes_count,
html.win.edge #socialbox_stream .thread .actions .count,
html.win.edge #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span {
	font-size: 10px;
}

html.win.edge #sb-spa .icon.thumbs_up,
html.win.ie #sb-spa .icon.thumbs_up,
html.win.edge #sb-stream-add_wnd_title .icon.thumbs_up,
html.win.ie #sb-stream-add_wnd_title .icon.thumbs_up {
	/*vertical-align: bottom;*/
}

/* Internet Explorer */

html.win.ie #sb_sidebar #sb-list li .sb-room .sb-team-name {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

html.win.ie #socialbox_stream h1 .newThread textarea.box {
	height: 30px;
}

html.win.ie #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span {
	top: -2px;
}

html.win.ie #socialbox_stream .comment_section .comment .sb-right-col .actions > span:not(.date) > a > span.black {
	top: -2px;
}

html.win.ie #socialbox_stream .thread_container ~ div:last-of-type .profile_pic {
	margin-top: 6px;
}

/*html.win.ie #sb-spa .icon.thumbs_up, #sb-stream-add_wnd_title .icon.thumbs_up {*/
	/*top: -1px;*/
/*}*/

html.win.ie #sb-spa .icon.comment {
/*html.win.edge #sb-spa .icon.comment {*/
	top: -2px;
}

html.win.edge #socialbox_stream .thread .comment_section .comment .actions,
html.win.ie #socialbox_stream .thread .comment_section .comment .actions {
	padding-top: 7px;
}

/* Chrome */

/*.chrome #socialbox_stream .thread_container.ng-scope .thread .actions {*/
	/*padding-top: 7px;*/
/*}*/

/*.chrome #socialbox_stream .thread .actions{*/
	/*padding-top: 6px;*/
/*}*/

/*.chrome #socialbox_stream .thread_container.ng-scope .thread .comment_section .comment .actions {*/
	/*padding-top: 5px;*/
/*}*/

/* likes popup */

#sb-likes-popup ul.sb-likes-popup {
	list-style: none;
	padding-left: 10px;
}

#sb-likes-popup ul.sb-likes-popup>li {
	/*border-bottom: solid 1px #ddd;*/
	margin-bottom: 10px;
	min-height: 40px;
}

/*#sb-likes-popup ul.sb-likes-popup>li:last-of-type {*/
	/*border: none;*/
/*}*/

#sb-likes-popup ul.sb-likes-popup>li img {
	width: 30px;
	padding-right: 10px;
	top: 5px;
	position: relative;
}

#sb-likes-popup ul.sb-likes-popup>li span.name {
	color: #0C528A;
	font-weight: bold;
}

#sb-likes-popup ul.sb-likes-popup>li div {
	display: inline-block;
}

#sb-likes-popup ul.sb-likes-popup>li div.sb-likes-departments {
	top: 3px;
	position: relative;
	display: block;
	color: #969696;
}

#sb-likes-popup ul.sb-likes-popup>li>div:first-of-type {
	float: left;
}

#sb-likes-popup ul.sb-likes-popup>li div.name-departments {
	width: calc(100% - 50px);
	padding-bottom: 13px;
	border-bottom: solid 1px #ddd;
}

#sb-likes-popup ul.sb-likes-popup>li:last-of-type div.name-departments {
	border: none;
}

#sb-stream-add_wnd_title span.see-likes.name {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

/*html:not(.ie) .k-widget.k-window {*/
	/*top: 50% !important;*/
	/*-webkit-transform: translateY(-50%) scale(1) !important;*/
	/*-moz-transform: translateY(-50%) scale(1) !important;*/
	/*-ms-transform: translateY(-50%) scale(1) !important;*/
	/*-o-transform: translateY(-50%) scale(1) !important;*/
	/*transform: translateY(-50%) scale(1) !important;*/
	/*position: fixed;*/
/*}*/

div[role='tooltip'] {
	/*position: fixed;*/
}

.likeImages.ng-scope, .likeImages.ng-scope div {
	display: inline;
}

.likeImages.ng-scope div img {
	width: 25px;
	padding-right: 10px;
}

.k-tooltip-content button[type='button'] {
	position: static;
	background-color: #fff;
}

.k-callout-w {
	left: -12px !important;
}

.sb-nopointer {
	cursor: default !important;
}

.sb-nohover:hover {
	background-color: #fff !important;
}

.profile_pic .sb-message-indicator, .comment .profile_pic {
	position: relative;
}

.profile_pic .sb-message-indicator .sb-message-indicator-on, .comment .profile_pic .sb-comment-indicator-on {
	position: absolute;
	left: -6px;
	width:3px;
	height:55px;
	background-color: rgb(12, 82, 138);
	margin: 0;
}

#sb-room-leave-remove button {
	padding: 11px;
	width: 100%;
	box-sizing: border-box;
	border-top: none;
}

.gray, #sb-spa .fa-trash.sb-gray {
	color: #989898
}

.blue {
	color: #0C528A;
}

.sb-red, #sb-spa .fa-trash.sb-red {
	color: #DD4A30;
}

.sb-green {
	color: #48AE4B;
}

.trash-to-right {
	position: absolute;
	right: 20px;
}

.trash-to-right:hover {
	cursor: pointer;
	color: #0C528A;
}

.sb-pointer {
	cursor: pointer;
}

.sb-stream-modify-popup {
	padding-right: 10px;
}

.sb-mod-red {
	color: rgb(219, 75, 55);
}

.sb-mod-green {
	color: rgb(76, 173, 80);
}

.sb-mod-blue {
	color: rgb(37, 131, 197);
}

#sb-modal-modify-left .sb-mod-user,
#sb-modal-add-left .sb-mod-user,
#sb-modal-modify-left-button .sb-mod-user,
#sb-modal-add-left-button .sb-mod-user,
#sb-modal-modify-right-button .sb-mod-user,
#sb-modal-add-right-button .sb-mod-user{
	font-size: 18px;
	vertical-align: top;
	background: none !important;
}

#sb-modal-modify-left-button .sb-mod-user,
#sb-modal-modify-right-button .sb-mod-user,
#sb-modal-add-left-button .sb-mod-user,
#sb-modal-add-right-button .sb-mod-user {
	top: -3px !important;
}

#sb-modal-modify-right-button .sb-mod-user,
#sb-modal-add-right-button .sb-mod-user{
	left: 2px;
}

.sb-mod-add-title {
	margin-left: 11px;
	vertical-align: middle;
	margin-right: 10px;
	background: none !important;
	position: relative;
	bottom: 1px;
}