.reactive-group-user-list .reactiveUserGroupInfo img{margin-bottom:10px}.reactive-group-user-list .reactiveUserGroupInfo span.status{color:#fff;font-size:12px;font-weight:600;background-color:#232323;padding:2px 10px;text-transform:uppercase;border-radius:0}.reactive-group-user-list .user-group-info h5{font-weight:500;font-size:13px}.reactive-group-user-list .user-group-info p.group-description{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.reactiveListView .reactive-group-user-listView{margin-bottom:27px}.reactiveListView .reactive-group-user-listView .avatar-wrap{width:120px;float:left;position:relative}.reactiveListView .reactive-group-user-listView .avatar-wrap img{width:100%;height:auto;object-fit:cover}.reactiveListView .reactive-group-user-listView .avatar-wrap span.status{position:absolute;top:0;right:0;padding:1px 8px;font-size:9px;opacity:0;visibility:hidden;transition:all .3s ease-out}.reactiveListView .reactive-group-user-listView:hover .avatar-wrap span.status{opacity:1;visibility:visible}.reactiveListView .reactive-group-user-listView .user-group-info{width:calc(100% - 140px);float:right}.reactiveListView .reactive-group-user-listView .user-group-info h4{margin-top:0}