.collaboration-details-main__container {
  /* position: relative; */

  --val-1: 16px;
  --val-05: calc(0.5 * var(--val-1));
  --val-1\/5: calc(1.5 * var(--val-1));
  --val-2: calc(2 * var(--val-1));
  --val-2\/5: calc(2.5 * var(--val-1));
  --val-3: calc(3 * var(--val-1));
  --val-3\/5: calc(3.5 * var(--val-1));
  --val-4: calc(4 * var(--val-1));
  --val-4\/5: calc(4.5 * var(--val-1));
  --val-5: calc(5 * var(--val-1));
  --val-5\/5: calc(5.5 * var(--val-1));

  --color-dark: #000;
  --default-bg: #fff;
  --section-bg: #fff;

  /* --user-collaboration-bg: #FDF6EC; */
  --user-collaboration-bg: #F7F7F7;
  --user-collaboration-idea-bg: #FDE2BC;
  --comment-button: #E2ECF2;
  --bg-primary: #2386C9;
  --comment-like-color: #555555;

  /* --text-color-1: #EEEEEE; */
  --comment-button-text: #55A0D3;
  --cancel-button-text: #868686;
  --perspective-button-text: #B8B8B8;
  --text-color-1: #999999;
  --text-color-2: #99999954;
  --text-color-3: #333333;
  --text-color-4: #5555553d;
  --text-color-5: #333333;

  --button-color-fill: #777777;

  --arrow-bg: #1e1e1e;

  --color-no-link: #1e1e1e;
  --comment-link-color: #1388D1;
}

.privacy_area.main_topic_margin.collaboration-details-main__container {
  min-height: calc(100vh - 150px) !important;
}

.collaboration-details-main__container * {
  font-size: var(--val-1);
}

.collaboration-details-main__container h3 {
  /* font-size: 22px; */
  font-size: var(--val-1\/5);
}

.collaboration-details-main__container h4 {
  /* font-size: 22px; */
  font-size: 19px;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.rotate-180 {
  transform: rotate(180deg);
}

.collaboration-details-main {
  display: flex;
  /* flex-direction: column; */
  justify-content: stretch;
  /* justify-content: space-between; */
  align-items: flex-start;
  gap: 32px;

  /* max-width: calc(100% - 450px);
  margin: 0 auto; */
  /* float: unset; */

  /* position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%); */
}

.collaboration-details-main__left-side {
  flex: 1;
  max-width: 33%;
  background-color: var(--section-bg);
  padding: var(--val-1\/5);
  border-radius: var(--val-1\/5);
  align-self: stretch;
}

.collaboration-details-main__right-side {
  flex: 2;
  background-color: var(--section-bg);
  padding: var(--val-1\/5);
  border-radius: var(--val-1\/5);
  align-self: stretch;
}

/* Link Section */
.collaboration-details__linkSection {
  padding-bottom: var(--val-1);
  border-bottom: 1px solid var(--text-color-2);
  margin-bottom: var(--val-1);
}

.linkSection__content {
  color: var(--text-color-1);
  font-size: 14px;
}

.linkSection__content>span {
  margin-left: 2px;
  margin-right: 2px;
}

/* End Link Section */

/* Owner Follow Section */
.collaboration-details__owner #follow_friend_feed {
  padding: 0;
}

.collaboration-details__owner .friend-conten-list-17 .forFitfriends .friends_info {
  flex-wrap: wrap;
  gap: 10px;
}

.collaboration-details__owner .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top {
  flex: 1;
  min-width: 145px;
  width: 100%;
  max-width: 145px;
}

.collaboration-details__owner .friends_info_bottom {
  max-width: 100px;
  flex: 1;
  width: 100%;
  min-width: 98px;
}

.collaboration-details__owner .friends_info_bottom .friends_info_bottom3 {
  width: 100%;
}

.collaboration-details__owner .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top .friends_info_topimg,
.collaboration-details__owner .friends_area__.post_body_left .image-start-container .user-post-pic-holder img {
  min-width: 40px;
  width: 40px;
  height: 40px;
  float: unset;
}

.collaboration-details__owner .friends_info_topcont.friends_info_topcont-17 {
  margin-left: 10px;
}

.collaboration-details__owner .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top .friends_info_topimg a .image-start-container .avater-image-2021 span.user_profile_img-2021 {
  font-size: 3rem;
}

.collaboration-details__owner .friends_info_topcont.friends_info_topcont-17 p {
  float: unset;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 5px;
}

.collaboration-details__owner .friends_info_topcont.friends_info_topcont-17 p span.userName {
  margin: 0;
}

/* End Owner Follow Section */

/* Left side Details Description */
.collaboration-details__description h4 {
  font-size: var(--val-1\/5);
  /* line-height: 28px; */
  line-height: normal;
  margin-bottom: var(--val-1);
}

.collaboration-details__description-content ul {
  margin: 0;
  padding: 0;
}

/* End Left side Details Description */

/* Collaboration Details */
/* .collaboration-details__description *{
font-size: var(--val-1);
} */
/* End Collaboration Details */

/* MoreFrom Category Slider  */
.collaboration__more-from-category {
  /* margin-top: var(--val-1\/5); */
  margin-top: var(--val-2\/5);
}

.collaboration__more-from-category h3 {
  /* font-size: 18px; */
  margin: 0;
}

.more-from-category__slider-container {
  position: relative;
}

.more-from-category__slider {
  margin-top: var(--val-1);
}

.more-from-category__arrow-btn {
  position: absolute;
  /* width: calc(100% + 30px); */
  /* height: 50px; */
  width: calc(100% + 57px);
  height: 0;
  top: 50%;
  /* left: -15px; */
  left: -29px;
  transform: translateY(-65%);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.more-from-category__arrow-btn a.right.carousel-control {
  background-color: var(--arrow-bg);
  background-image: none;
  background-repeat: no-repeat;
  position: unset;

  width: 35px;
  height: 35px;
  font-size: 1.7rem;
  opacity: 0.6;
  border-radius: 50%;
}

.more-from-category__arrow-btn a.right.carousel-control:hover {
  background-color: #2687c95c;
  opacity: 1;
}

.more-from-category__arrow-btn a.right.carousel-control.swiper-button-disabled {
  visibility: hidden;
}

.collaboration__more-from-category .collaboration-feed-card-leftside-title,
.collaboration__more-from-category .collaboration-feed-card-leftside-description {
  text-align: left;
  line-height: normal;
}

.more-from-category__slider .swiper-slide {
  height: auto;
}

.more-from-category__slider .swiper-slide .collaboration-feed-card-link {
  height: 100%;
  display: flex;
}

.collaboration__more-from-category .collaboration-feed-card-main {
  border: none;
  padding: 0;

  background-color: var(--user-collaboration-bg);
  padding: var(--val-1);
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
}

.collaboration__more-from-category .collaboration-feed-card-leftside-title {
  font-size: 18px;
  margin-bottom: var(--val-05);
  min-height: var(--val-1\/5);
}

.collaboration__more-from-category .collaboration-feed-card-leftside-description {
  /* font-size: var(--val-1); */
  font-size: 14px;
  min-height: 36px;
}

.collaboration__more-from-category .collaboration-feed-card-footer {
  width: 100%;

  margin-top: var(--val-05);
}

.more-from-category__see-all {
  margin-top: var(--val-05);
  column-gap: var(--val-05);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  color: var(--text-color-5);
}

/* End More From Category Slider  */

/* More Categories */
.collaboration__more-categories {
  margin-top: var(--val-1\/5);
}

.collaboration__more-categories h3 {
  /* font-size: 18px; */
  margin: 0;
}

.more-categories__lists {
  display: flex;
  gap: var(--val-05);
  flex-wrap: wrap;
  margin-top: var(--val-1);
}

/* .more-categories__lists .more-categories__item {
  flex: 1;
} */
.more-categories__item {
  border: 1px solid var(--text-color-1);
  padding: 10px var(--val-1);
  border-radius: var(--val-1\/5);
  font-size: 14px;
  color: var(--text-color-5);
}

/* End More Categories */

/* Collaborator Top section */
.collaboration__collaborator-top-section {
  padding-bottom: var(--val-1);
  border-bottom: 1px solid var(--text-color-1);
  /* margin-bottom: var(--val-1); */
  margin-bottom: var(--val-1\/5);
}

.collaboration__collaborator-top__heading {
  margin-bottom: var(--val-1\/5);
}

.collaboration__collaborator-top__heading h1 {
  margin: 0;
  padding: 0;
  font-size: var(--val-1\/5);
}

.collaboration__collaborator-top__heading span {
  opacity: 0.7;
}

/* End Collaborator Top section */

/* User Contributor Section */
.collaboration__user-contributor {
  display: flex;
  /* justify-content: space-between; */
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--val-1);

  padding: var(--val-1);
  border-radius: var(--val-05);
  background-color: var(--user-collaboration-bg);
  max-width: 500px;
  width: 100%;
}

.user-contributor__description {
  /* font-size: var(--val-1); */
  max-width: 360px;
  width: 100%;
}


.user-contributor__description>div {
  /* line-height: 25px; */
  line-height: 30px;
  margin-top: 8px;
}

.user-contributor__description .description__title {
  /* font-size: var(--val-1); */
  /* color: var(--button-color-fill); */
  color: var(--color-dark);
}

.user-contributor__description span {
  background-color: var(--user-collaboration-idea-bg);
  /* margin-left: 5px; */
  margin-right: 5px;
  padding: 6px 10px;
  border-radius: var(--val-1);
}

.description__button {
  margin-top: 10px;
  padding: 7px 16px;
  border-radius: var(--val-1);
  border: 1px solid;
  max-width: 170px;
  cursor: pointer;
  text-align: center;
}

/* End User Contributor Section */

/* Other User Contributor Section */
.collaboration__other-user-contributor__container {
  /* margin-top: var(--val-1);*/
  margin-top: 20px;

  display: flex;
  flex-direction: column;
  /* row-gap: var(--val-1); */
  row-gap: 20px;
}

.collaboration__other-user-contributor.collaboration__user-contributor {
  background-color: transparent;
  max-width: 100%;

  flex-direction: column;
  /* row-gap: 5px; */
  row-gap: 0;
  /* padding: var(--val-05) var(--val-1); */
  padding: 0;
}

.collaboration__other-user-contributor .user-contributor__description {
  max-width: 100%;

  margin-top: calc(-1 * var(--val-05));
}

.collaboration__other-user-contributor .user-contributor__description .bottom-section__like\&Reply p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

/* Follow loader */
.top-contributor__follow-loader .frinde_followLoder>div.image-text__container {
  display: flex;
  flex: auto;
}

.top-contributor__follow-loader .frinde_followLoder>div.image-text__container .text {
  flex: auto;
}

.top-contributor__follow-loader .frinde_followLoder>div.image-text__container .text .text-line {
  height: var(--val-1);
}

.top-contributor__follow-loader .frinde_followLoder div .text .text-line:nth-child(1) {
  width: 50%;
}

.top-contributor__follow-loader .frinde_followLoder div .text .text-line:last-child {
  width: 80%;
}

/* .collaboration__contributor-header .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top .friends_info_topimg a .image-start-container {
  border-radius: 50%;
  padding: 5px;
  overflow: hidden;
} */

.collaboration__contributor-header .friend-conten-list-17 .forFitfriends .friends_info .friends_info_top .friends_info_topimg a .image-start-container .icon-user:before {
  font-size: 4rem;
}

/* End Follow loader */

/* End Other User Contributor Section */


/* user contributor bottom section */
.user-contributor__bottom-section,
.bottom-section__like\&Reply {
  display: flex;
  /* gap: var(--val-1\/5); */
  gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
}

.bottom-section__like\&Reply {
  gap: var(--val-1);
}

.user-contributor__bottom-section {
  margin-left: 60px
}

.bottom-section__link {
  color: var(--bg-primary);
  position: relative;
}

/* .bottom-section__link::after {
  content: ".";
  font-size: var(--val-1);
  position: absolute;
  right: -12px;
  top: -3px;
  color: var(--color-dark);
} */

div.bottom-section__like\&Reply {
  align-items: center;
  color: var(--comment-like-color);
}

.bottom-section__like\&Reply p {
  position: relative;
}

.bottom-section__like\&Reply p:last-child::before {
  content: "\e922";
  font-size: 5.5px;
  position: absolute;
  left: -10px;
  top: 1px;
  color: #d6cece;
  font-family: "icomoon" !important;
}

.bottom-section__like\&Reply span.icon-like {
  background-color: transparent;
  padding: 0;
  margin: 0;
  margin-top: -2px;
}

.bottom-section__like\&Reply span.icon-like::before {
  font-size: 13px;
}

.collaboration__contributors-section {
  display: flex;
  flex-direction: column;
  margin-top: var(--val-1\/5);
  /* row-gap: var(--val-05); */
  row-gap: var(--val-1);
  /* border-bottom: 1px solid #555252; */
  border-bottom: 1px solid var(--text-color-1);
  padding-bottom: 12px;
  margin-bottom: 40px;
}

.contributor__single-section {
  display: flex;
  flex-direction: column;
  row-gap: var(--val-1);
}

/* .single-section__description {
  font-size: var(--val-1);
} */

.collaboration__contributor-bottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: var(--val-1\/5);
}

/* end user contributor bottom section */

/* User Perspective Section */
.collaboration__user-perspective {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  /* column-gap: var(--val-1); */
  column-gap: 12px;
}

.user-contributor-comment-perspective.collaboration__user-perspective {
  max-height: 0;
  height: 100%;
  overflow: hidden;
  transition: max-height 0.50s ease-in-out;
}

.user-contributor-comment-perspective.collaboration__user-perspective.single-section__expand {
  max-height: 700px;
}

.user-perspective__right-section {
  width: 100%;
  max-height: 55px;
  transition: max-height ease-in-out .21s;
}

/* .user-contributor-comment__right-section.user-perspective__right-section {
  height: 180px;
}*/

.user-perspective__right-section-heightup {
  max-height: 450px;
}

.user-perspective__right-section-heightup .story_mention.article_mention.story_mention--multiLine {
  min-height: 180px;
  max-height: 300px;
}


.user-perspective__button {
  /* font-size: var(--val-1); */
  max-width: 205px;
  background-color: var(--user-collaboration-bg);
  color: var(--perspective-button-text);
  /* padding: 10px 32px; */
  padding: 13px 32px;
  border-radius: var(--val-1\/5);
  cursor: pointer;
  transition: transform ease-in-out 0.3s;

  display: flex;
  justify-content: center;
  align-items: center;
}

.user-perspective__button.user-perspective__button--already-commented {
  max-width: 100%;
  cursor: pointer;
  text-align: center;
  border: 2px solid #b9242461;
}

.user-perspective__button-moveup {
  transform: translateY(calc(-100% - 20px));
  position: absolute;
  top: -100%;
  left: 0;
}

.user-perspective__textbox {
  /* transform: translateY(calc(100% - 20px)); */
  transition: transform ease-in-out 0.3s;
}

.user-contributor-comment__textbox.user-perspective__textbox {
  transform: unset;
}

.user-perspective__textbox-moveup {
  /* transform: translateY(-60px); */
  transform: translateY(0);

  position: absolute;
  top: 0;
  left: 0;
}

.contribution__text-box {
  width: 100%;
  height: 100%;
  /* background-color: var(--user-collaboration-bg); */
  /* border-radius: var(--val-05); */
}

.contribution__text-box .my_streamcontent2.main.after_comment {
  position: relative;
}

/* .contribution__text-box .my_streamcontent2_left_icon {
  display: none;
} */

.contribution__text-box .my_streamcontent2.after_comment {
  padding: 0 !important;
}

.contribution__text-box .my_streamcontent2_right_input {
  margin-left: 0;
  width: 100% !important;

  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.contribution__text-box .my_streamcontent2_right_input .mentions-input-box {
  width: 100%;
}

.contribution__text-box .mentions-input-box textarea::-webkit-scrollbar {
  display: none;
}

.contribution__text-box .my_streamcontent2.main.after_comment .comment_new_left_side {
  /* right: -24px; */
  position: unset;
}

.contribution__text-box .mentions-input-box .emoji_control.keep-inside-clicks-open+div div div {
  min-height: 180px;
  max-height: 300px;
  background-color: var(--user-collaboration-bg) !important;
}

.contribution__text-box .mentions-input-box textarea {
  background-color: var(--user-collaboration-bg) !important;
}

.contribution__text-box .my_streamcontent2.main.after_comment .comment_new_style {
  position: absolute;
  bottom: 5px;
  right: 108px;
  margin-left: 0;
  z-index: 9;
}

.contribution__text-box .my_streamcontent2.main.after_comment .comment_new_style.comment_new_style__send {
  right: 15px;
  bottom: 8px;
}

.contribution__text-box .my_streamcontent2.main.after_comment .capture_input {
  padding: 0;
}

.contribution__text-box .my_streamcontent2.main.after_comment .capture_input .capture {
  width: 19px;
  height: 19px;
}

.contribution__text-box .my_streamcontent2.main.after_comment .capture_input .capture .icon-camera,
.contribution__text-box .my_streamcontent2.main.after_comment .icon-send {
  font-size: 19px;
  width: 100%;
  display: flex;
  cursor: pointer;
}

.contribution__text-box .my_streamcontent2.main.after_comment .icon-send {
  cursor: pointer;
}

.contribution__text-box .giphy_Control span {
  right: 75px;
}

.contribution__text-box .mentions-input-box .emoji_butpar {
  right: 45px;
}

/* Reply Box */
.contribution__text-box .my_streamcontent2.main.after_comment.comment_reply_row .my_streamcontent2_right_input.main.comment_reply_input_text {
  width: calc(100% - 40px) !important;
  max-height: 450px;
}

.contribution__text-box .my_streamcontent2.main.after_comment.comment_reply_row .my_streamcontent2_right_input.main.comment_reply_input_text .story_mention.article_mention.story_mention--multiLine {
  min-height: 180px;
  max-height: 300px;
}

.comment_image_name.collaboration__input-image-field,
.comment_image_name_edit.collaboration__input-image-field {
  display: none !important;
}

.text-box__textarea {
  background-color: transparent;
  width: 100%;
  height: 100%;
  max-height: calc(100% - 60px);
  padding: var(--val-1);
}

.text-box__button {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  column-gap: 10px;
  margin-right: var(--val-1);
}

.text-box__button-cancel {
  background-color: var(--section-bg);
  color: var(--cancel-button-text);
  border: none;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
}

.text-box__button-reply {
  /* background-color: var(--bg-primary); */
  background-color: var(--comment-button);
  color: var(--comment-button-text);
  border: none;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
}

/* End User Perspective Section */

/* Edit comment Section */
.collaboration__edit-comment>div {
  margin-top: var(--val-1) !important;
}

.collaboration__edit-comment .only_edit_main_comment .my_streamcontent2_right_input {
  max-height: 450px;

  display: flex;
  flex-direction: column;
}

.collaboration__edit-comment .mentions-input-box {
  width: 100%;

  min-height: 180px;
  max-height: 300px;
}

.collaboration__edit-comment .collaboration__edit-comment__mention-box__control {
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--user-collaboration-bg) !important;
}

.collaboration__edit-comment .collaboration__edit-comment__mention-box__highlighter {
  max-height: 300px;
  min-height: 180px;
}

.collaboration__edit-comment .mentions-input-box textarea::-webkit-scrollbar {
  display: none;
}

/* textarea */
.collaboration__edit-comment .mentions-input-box textarea {
  background-color: var(--user-collaboration-bg) !important;
}

/* send */
.collaboration__edit-comment .my_streamcontent2.main.after_comment .comment_new_style {
  position: absolute;
  bottom: 5px;
  right: 108px;
  margin-left: 0;
  z-index: 9;
}

.collaboration__edit-comment .my_streamcontent2.main.after_comment .comment_new_style.comment_new_style__send {
  right: 15px;
  bottom: 8px;
}

/* emoji */

.collaboration__edit-comment .mentions-input-box .emoji_butpar {
  right: 45px;
}

/* Giphy */
.collaboration__edit-comment .giphy_Control span {
  right: 75px;
}

.collaboration__edit-comment .my_streamcontent3_right_history_bottom .only_edit_main_comment .cssload-div {
  width: 25px !important;
  height: 25px !important;
}

.collaboration__edit-comment .my_streamcontent3_right_history_bottom .only_edit_main_comment .collaboration__comment\&reply--loader .cssload-div {
  width: 35px !important;
  height: 35px !important;
}

/* camera */
.collaboration__edit-comment .my_streamcontent2.main.after_comment .comment_new_style {
  position: absolute;
  bottom: 5px;
  right: 108px;
  margin-left: 0;
  z-index: 9;
}

.collaboration__edit-comment .my_streamcontent2.main.after_comment .comment_new_style .comment_new_left_side.article-edit-comment-right-side-section {
  width: 19px !important;
}

.collaboration__edit-comment .my_streamcontent2.main.after_comment .comment_new_left_side {
  position: unset !important;
}

.collaboration__edit-comment .my_streamcontent2.main.after_comment .capture_input {
  padding: 0;
}

.collaboration__edit-comment .my_streamcontent2.main.after_comment .capture_input .capture {
  width: 19px;
  height: 19px;
}

.collaboration__edit-comment .my_streamcontent2.main.after_comment .capture_input .capture .icon-camera,
.collaboration__edit-comment .my_streamcontent2.main.after_comment .icon-send {
  font-size: 19px;
  width: 100%;
  display: flex;
  cursor: pointer;
}

.collaboration__edit-comment .my_streamcontent3_right_history_bottom a .media.com_link_post.collaboration__link-post {
  float: unset;
  width: 100%;
}

/* End Edit comment Section */

/* Edit comment reply section */
.collaboration__edit-comment\&reply .collaboration__edit-comment .my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main.article__reply-edit {
  max-width: 100% !important;
}

.collaboration__edit-comment\&reply .collaboration__edit-comment .my_streamcontent3_right_history_bottom.reply_photo_single .edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .comment_new_style {
  width: 19px !important;
}

.collaboration__edit-comment\&reply .my_streamcontent3_top_left.left3.article-comment-reply-3dot {
  top: 10px !important;
}

.collaboration__edit-comment\&reply .comment_reply_row .my_streamcontent3_right_history_bottom {
  padding-top: var(--val-1\/5) !important;
}

.collaboration__edit-comment\&reply .collaboration__edit-comment #edit_comment_reply_to_reply.edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input .mentions-input-box .cssload-container-div {
  height: 20px !important;
}

.collaboration__edit-comment\&reply .collaboration__edit-comment .edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input .mentions-input-box .cssload-container-div .cssload-div {
  width: 20px !important;
  height: 20px !important;
}

.collaboration__edit-comment\&reply .collaboration__edit-comment .edit_comment_reply_to_reply .after_comment .my_streamcontent2_right_input .mentions-input-box .collaboration__comment\&reply--loader .cssload-container-div .cssload-div,
.collaboration__comment\&reply--loader .cssload-container-div .cssload-div {
  width: 35px !important;
  height: 35px !important;
}

.collaboration__comment\&reply--loader .cssload-container-div {
  position: absolute;
  min-height: 100%;
  top: 0;
}

.collaboration__edit-comment .collaboration__comment-item__link-text .Linkify a {
  color: var(--comment-link-color);
}

/* End Edit comment reply section */

/* Avatar Image */
.collaboration__avatar-image__container {
  max-width: 45px;
  max-height: 45px;
}

.collaboration__avatar-image__container>a {
  display: flex;
  width: 45px;
  height: 45px;
  max-width: 45px;
  max-height: 45px;
}

.collaboration__avatar-image__container .image-start-container.biswas .user-post-pic-holder.avater-image-2021 span.icon-user.user_profile_img-2021 {
  position: unset;
  border-radius: 50%;
  padding: 5px;
}

.collaboration__avatar-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

/* End Avatar Image */

/* Thumbs up icon/Like */
.collaboration__thumbsup-section,
.collaboration__comment-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--val-05);
  cursor: pointer;
  color: var(--comment-like-color);
}

.collaboration__comment-section>svg>path {
  fill: var(--comment-like-color);
}

svg.otherUser__thumbsUp-icon {
  /* transform: scaleX(-1);
  padding: 5px;
  border-radius: 50%;
  background-color: var(--bg-primary); */

  user-select: none;
  width: var(--val-1);
  height: var(--val-1);
  /* display: inline-block; */
  border-radius: 50%;
  margin-top: 5px;
  padding: 2px;
  fill: #fff;
  flex-shrink: 0;
  /* font-size: 210px; */
  color: rgb(255, 255, 255);
  background-size: 30px 30px;
  background-color: var(--bg-primary);

  /* background-color: transparent;
      background-image: linear-gradient(45deg, rgb(89, 89, 89) 25%, transparent 25%),
        linear-gradient(-45deg, rgb(89, 89, 89) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgb(89, 89, 89) 75%),
        linear-gradient(-45deg, transparent 75%, rgb(89, 89, 89) 75%); */

  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
  background-position: 0px 0px, 0px 15px, 15px -15px, -15px 0px;
  transform: scaleX(-1);
}

/* End Thumbs up icon/Like */

/* Collaboration Contributor Header */
.collaboration__contributor-header {
  width: 100%;
}

.collaboration__contributor-header #follow_friend_feed {
  padding: 0;
}

.collaboration__contributor-header .col-md-6.col-sm-6.col-xs-12.forFitfriends {
  border: none;
  padding: 0;
  margin: 0;
}

.collaboration__contributor-header [class*='friend-conten-list'] .forFitfriends .friends_info .friends_info_top .friends_info_topimg,
.collaboration__contributor-header [class*='friend-conten-list'] .forFitfriends .friends_info .friends_info_top .friends_info_topimg a,
.collaboration__contributor-header .friends_area__.post_body_left .image-start-container .user-post-pic-holder img {
  height: 45px;
  width: 45px;
  min-width: unset;
}

/* End Collaboration Contributor Header */

/* Category Collaboration */
.collaboration__category-collaboration {
  margin-top: var(--val-1\/5);
  padding-top: var(--val-1);
}

.collaboration__category-collaboration h3 {
  margin: 0;
  /* font-size: 22px; */
}

.category-collaboration__lists {
  margin-top: var(--val-1);
  display: flex;
  flex-direction: column;
  /* row-gap: var(--val-1\/5); */
  max-width: 550px;
}

.category-collaboration__item {
  border-top: 1px solid var(--text-color-1);
  padding-top: 12px;
  margin-bottom: 12px;
}

.category-collaboration__item a {
  color: var(--text-color-3);
}

.category-collaboration__heading,
.category-collaboration__description {
  font-size: 18px;
}

.category-collaboration__heading {
  opacity: 0.7;
}

.category-collaboration__description {
  word-break: unset;
  margin-top: var(--val-05);
}

/* End Category Collaboration */

/* Comments Collaboration */
.collaboration__comments-collaboration {
  margin-top: var(--val-1\/5);

  display: flex;
  flex-direction: column;
  width: 100%;
}

.collaboration__comments-collaboration .post-commnet-container.infinite-scroll-component {
  display: flex;
  width: 100%;
}

.collaboration__comments-collaboration .no-more__contributions {
  text-align: center;
  font-size: var(--val-1);
}

.collaboration__comments-collaboration .collaboration__coment-items__infinte-scroll {
  overflow: unset !important;

  display: flex;
  flex-direction: column;
}

/* End Comments Collaboration */

/* Collaboration Footer */
.collaboration-details__footer {
  display: flex;
  flex-direction: row;
  /* justify-content: space-between; */
  justify-content: space-between;
  align-items: center;
  position: sticky;
  bottom: -2px;
  width: 100%;
  /* padding: var(--val-1); */
  /* background-color: #1e1e1e; */
  background-color: var(--section-bg);
  /* border-top: 1px solid var(--text-color-1); */
  border-top: 1px solid var(--text-color-4);
  z-index: 9999;
  /* margin: 0px 20px; */
  padding: 0px 27px;
  height: 53px;
}

.collaboration-details__footer>div {
  font-size: 18px;
  color: var(--comment-like-color);
}

.footer__left {
  display: flex;
  justify-content: flex-start;
  /* align-items: flex-start; */
  align-items: center;
  column-gap: var(--val-2\/5);
}

.footer__left-like,
.footer__left-share {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--val-05);
  cursor: pointer;
}

.footer__left-like>p,
.footer__left-share>p {
  margin: 0;
}

.footer__left-share .icon-shear {
  margin-top: 3px;
}

.footer__left-like svg.otherUser__thumbsUp-icon {
  background-color: transparent;
  height: 24px;
  width: 24px;
  margin: 0;
}

.footer__right-contributions {
  opacity: 0.7;
  cursor: pointer;
}

/* End Collaboration Footer */

/* Single Page Skeleton */
.collaboration__single-page-skeleton {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: var(--val-1);
}

.collaboration__single-page-skeleton__container {
  max-width: 95%;
  margin: 0 auto;
}

.collaboration__single-page-skeleton .left_side {
  flex: 1;
  max-width: 33%;
}

.collaboration__single-page-skeleton .right_side {
  flex: 2;
}

/* .collaboration__single-page-skeleton .left_side {
  min-height: 715px;
} */

.collaboration__single-page-skeleton .left_side,
.collaboration__single-page-skeleton .right_side {
  position: unset;
  width: 100%;
  height: calc(100% - 100px);
  border-radius: var(--val-1\/5);
  padding: 0;
  padding-top: var(--val-1);

  display: flex;
  flex-direction: column;

  min-height: 685px;
}

.collaboration__single-page-skeleton .text-line {
  height: 10px;
  width: 100%;
  margin: 5px 0;
  padding: 5px;
}

.collaboration__single-page-skeleton .left_side .wrapper-cell.wrapper-cell__top,
.collaboration__single-page-skeleton .right_side .wrapper-cell.wrapper-cell__top {
  padding: 0;
  flex: auto;
}

.collaboration__single-page-skeleton .left_side .wrapper-cell,
.collaboration__single-page-skeleton .right_side .wrapper-cell {
  height: unset;
  flex-direction: column;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: var(--val-1);
  border-radius: 0;
  margin-bottom: 15px;
}

.collaboration__single-page-skeleton .left_side.wrapper-cell .header_text.text,
.collaboration__single-page-skeleton .right_side.wrapper-cell .header_text.text {
  width: 100%;
  margin: 0 !important;
  padding: var(--val-1);
}

.collaboration__single-page-skeleton .left_side .wrapper-cell .text,
.collaboration__single-page-skeleton .right_side .wrapper-cell .text {
  width: 100%;
  margin: 0 !important;
}

.collaboration__single-page-skeleton .left_side .wrapper-cell .text .text-line,
.collaboration__single-page-skeleton .right_side .wrapper-cell .text .text-line {
  width: 100%;
}

/* footer */
.collaboration__single-page-skeleton__container .collaboration__single-page-skeleton__footer .wrapper-cell {
  padding: 10px;
  border-radius: 0;
}

.collaboration__single-page-skeleton__footer .wrapper-cell .text {
  width: 100%;
}

.collaboration__single-page-skeleton__footer .wrapper-cell .text .text-line {
  width: 100%;
}

/* Three dot edit button */
.my_streamcontent3.main .my_streamcontent3_right_history a.collaboration__comment\&reply--edit-button.dropdown-open-added+.dropdown {
  display: block !important;
}

/* End Three dot edit button */

/* End Single Page Skeleton */
.collaborationDeatilsPage_userheader {
  width: 250px;
  display: flex;
  margin-bottom: 3px;
}

.collaborationDetailsPage_userName {
  margin-left: 8px;
}

.collaborationDetailsPage_userName span {
  font-size: 16px;
  cursor: pointer
}

.collaborationDetailsPage_FirstNameLastName a {
  font-size: 16px;
  font-weight: 600;
  ;
}

.media-object__no-link-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}