
.img-box{
    width:40px;
    height: 40px;
    margin-right:5px;
}
.social-ques{
	border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    padding: 8px 0px 9px 3px;
    margin-right: 5px;
}
.social-list h3, .social-list p{font-size: 14px!important; /*margin-bottom:5px!important;*/}
.commnt-brief.qs_disable,
.commnt-brief.qs_disable .blue {
    pointer-events: none;
    opacity: 1;
}
.community .commnt-brief.qs_active:before,
.community .commnt-brief.qs_disable:before,
.community .commnt-brief.qs_draft:before,.community.commnt-brief.qs_inactive:before{left:-20px;}
.qndle-strips .strips-item.community{padding:20px 0 20px 20px;}

.commnt-brief.qs_active,
.commnt-brief.qs_disable,
.commnt-brief.qs_draft,.commnt-brief.qs_inactive {
    position: relative;
}
.commnt-brief.qs_active:before,
.commnt-brief.qs_disable:before,
.commnt-brief.qs_draft:before,.commnt-brief.qs_inactive:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 102%;
    top: 0;
    left: -7px;
    z-index: 999;
    border-radius: 3px 0px 0px 3px;
}
.qs_inactive:before {
    background-color: rgb(219, 67, 54);
}
.qs_disable:before {
    background-color: rgba(0, 0, 0, 0.12);
}
.qs_draft:before {
    background-color: rgb(250, 160, 93);
}
.qs_active:before {
    background-color: rgb(112, 164, 61);
}

.community-box .md-subheader.md-default-theme, .community-box .md-subheader{background-color: transparent; color:#3d464d;}
.commu h3{font-size:14px!important;} 
.commu h4{font-size:13px!important;}
.commu p{font-size:12px!important;}
.commu-list md-list-item.md-3-line, .commu-list md-list-item.md-3-line>._md-no-style{min-height:50px; height:60px;}
.commu-list md-list-item.md-3-line>.md-avatar{
    margin-top:0;
}
.back-image{
	background-image: url(../images/community.png);
	background-repeat:no-repeat;
    background-position:right center;
     background-size:initial;
    }
    .crowd-slove-box{
    border:1px solid rgba(0,0,0,0.12);
    border-radius: 3px;margin-top: 10px;
  }
.crwd-chatter-box{border:1px solid rgba(0,0,0,0.12); border-top:0; border-radius: 2px;}
.crowd-slove-box.commnt-brief.qs_active:before,
.crowd-slove-box.commnt-brief.qs_disable:before,
.crowd-slove-box.commnt-brief.qs_draft:before,
.crowd-slove-box.commnt-brief.qs_inactive:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: 999;
    border-radius: 3px 0px 0px 3px;
}
.input-box-crowd input {
    border: 0;
    outline: 0;
    background: transparent;
    padding:10px;
    width:90%;
}

/*emoji css*/
.post_content img{margin-bottom: 10px;}
.post_content .posted_img{max-height: 510px;max-width: 100%;width: 100%;}
.post_btn{border-radius: 0;min-height: 39px;}
.post_btn > md-icon{font-size: 18px;}
.emoji-picker-icon {font-size: 20px;}
.likecomment_strps{transition: all 0.6s ease;padding: 10px;}
.likecomment_strps ul li{float:left;border-right: 1px solid rgba(0,0,0,0.12);padding: 0 15px;line-height: 12px;font-weight: 600;}
.likecomment_strps ul li:last-child{border-right: 0;}
.likecomment_strps ul li:first-child{border-left:0;}
.emoji-picker-container{font-size: 14px;}
.emoji-picker-icon {font-size: 20px !important;}
.emoji-wysiwyg-editor{transition: all 0.6s ease;
    padding: 10px;line-height: 26px;height: initial !important;/*min-height: 80px;*/}
.emoji-wysiwyg-editor:focus{box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.23);}
.emoji-picker-icon{top:10px;}
.emoji-menu .emoji-items-wrap{overflow: auto;}
.comment_social_wrap .emoji-wysiwyg-editor{/*min-height: initial*/;background-color: #fff;margin-bottom: inherit;font-size: 14px; padding-right:38px!important;}
.emoji-picker-container textarea{display: none;}
.social_posts md-list.md-dense md-list-item.md-3-line, .social_posts md-list.md-dense md-list-item.md-3-line>._md-no-style
{
    min-height: initial;
}
.md-list-item-text.social-list {margin-top:5px !important;}
.comment_social_wrap .md-avatar{border-radius: 50%;width: 36px;height: 36px;}
.comment_social_wrap .emoji-menu{top:31px;transition: all 0.6s ease;}
.comment_social_wrap .emoji-wysiwyg-editor{padding:2px 6px;max-height: 80px;}
/*.comment_social_wrap{padding-top:10px;}*/
.comment_hirarchy{padding:5px 10px;font-size: 12px;}
.comment_hirarchy md-list-item img{margin-right: 10px !important;
width: 25px !important;height: 25px !important;}
.comment_hirarchy .like_rply > span{padding: 0 10px;}
.comment_hirarchy .see_more_social{position: absolute;right: 0;}
.comment_hirarchy .md-list-item-text{margin-top: 6px !important;}
.comment_hirarchy .md-list-item-text > p{margin-bottom: 10px !important;line-height: 14px !important;}
.comment_hirarchy md-list-item.md-2-line.md-long-text, .comment_hirarchy md-list-item.md-2-line>._md-no-style.md-long-text, .comment_hirarchy md-list-item.md-3-line.md-long-text, .comment_hirarchy md-list-item.md-3-line>._md-no-style.md-long-text
{margin:0;min-height: auto;}
.comment_social_wrap .emoji-picker-icon {top: 7px;}
/*.comment_hirarchy.reply_oncomment .md-list-item-text{overflow: initial;}*/


.comment_hirarchy.reply_oncomment .md-list-item-text{overflow: initial;width: 95%;max-width: 95%;}
.comment_hirarchy.reply_oncomment .md-list-item-text p{width: 96%;}

/*css for see more see less in social*/

.more-show-hide {
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;line-height: 18px;
}

.more-show-hide.ng-hide {
  opacity: 0;
}


.comment_hirarchy.reply_oncomment .md-list-item-text a[ng-class='vm.toggle.linkClass']{
    color:rgb(0, 126, 229);
}

.comment_hirarchy.reply_oncomment .md-list-item-text span[name=toggle]{
    cursor: pointer;
    color: rgb(0, 126, 229);
    padding-left: 12px; }


/*.comment_hirarchy.reply_oncomment .md-list-item-text span[name=toggle]:after{
    content: '>';
    margin-left: 3px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
}*/


/*temp css*/
/*.post_sec .emoji-wysiwyg-editor.emoji-textarea{opacity: 0;height: 0px !important;max-height: 0px !important;min-height: 0px !important;}
.post_sec.emoji-picker-container textarea{resize:none;display: block !important;width: 100%;padding: 5px;border:0;max-width: 100%;}
.post_sec.emoji-picker-container textarea:focus{outline: none;}*/
.post_sec .emoji-wysiwyg-editor:focus {
    box-shadow: none;
    border-bottom:1px solid rgba(0,0,0,0.12) !important;
}
.post_sec .emoji-wysiwyg-editor{border:1px solid rgba(0,0,0,0.12); padding-right:30px; border-radius:10px; min-height: 80px;}
.post_sec.post_sec_inner_input .emoji-wysiwyg-editor{ border-radius:24px; min-height: 38px;}
.post_sec > div:first-child{min-height: 70px;}
.badge_wrap img{height: 35px;}
.badge_wrap .badge_desc{border:2px solid #fff;cursor: pointer;}
.badge_wrap .badge_desc:hover{border:2px dashed rgba(0,0,0,0.12);}
.badges_post .badg_img > img{    width: 100px; height: 100px;max-height: 70px;max-width: 70px;margin-bottom: 0;}
.badges_post{padding:5px;width: 100%;}
.badges_post .badg_img{background-color: #fff;border-radius: 4px;}
.badges_post .md-3-line > img{margin-top: 0;}
.badge_wrap .badge_desc{padding: 5px;height: 85px;width: 50px;}
.badge_wrap .badge_desc .badge_msg{display: none;}
.badge_wrap .badge_desc:hover .badge_msg{display: block;}


.prof_badges .badges_wrapp > span{margin: 0 4px;padding: 10px; border: 2px solid transparent;position: relative;} 
.prof_badges .badges_wrapp > span > img{width: 35px;height: 35px;}
.prof_badges .badges_wrapp > span:hover{border-radius: 50%;border: 2px dashed rgba(0,0,0,0.12);}
.prof_badges .badges_wrapp > span > span{
    position: absolute;
    top: -10px;
    right: 2px;
    border-radius: 50%;
    background-color: blue;
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 11px;
}

.prof_badges .badges_wrapp > span .badge_msg{position: absolute;bottom: -20px;left: 0px;display: none;}
.prof_badges .badges_wrapp > span:hover .badge_msg{
    display: block;
    min-width: 85px;
    text-align: center;
    position: absolute;
    left: -10px;}

/*for social networks*/
.social-networks{width: 100%;padding: 24px 24px 24px 18px;}
.like_btn .faa-vertical{
    -webkit-animation: vertical 0s ease infinite;
    animation: vertical 0s ease infinite;
}
.like_btn:hover .faa-vertical{
    -webkit-animation: vertical 2s ease infinite;
    animation: vertical 2s ease infinite;
}
.dlete_btn .faa-horizontal{-webkit-animation: horizontal 0s ease infinite;
    animation: horizontal 0s ease infinite;}
.dlete_btn:hover .faa-horizontal{-webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite;}
.comm-icon{position: relative;}
.comm-icon .comm-icon-position{position: absolute; right:0; top:-10px;}
.comm-icon .comm-icon-position md-icon{font-size:20px;}
.comment_social_wrap .emoji-wysiwyg-editor{color:#000!important;}
.commun_sec_wrap{margin-right:20px;}
.input-bttn{background: #007ee5; border-radius:4px; color:#fff;}
.input-bttn md-select.md-default-theme ._md-select-value, .input-bttn md-select ._md-select-value{border-bottom-color:#fff;}

