@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

body,
p,
input,
button,
textarea,
select,
option,
span,
label,
ul,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
div,
code {
  font-family: 'Source Sans Pro', sans-serif !important;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

body.popup-scroll-hide,
.popup-scroll-hide-privacy {
  overflow: hidden !important;
}

.portfolio_body,
.portfolio_body_right {
  overflow-x: hidden;
  min-height: 88.5vh;
}

body.popup-scroll-hide
  .permissionDropb
  button.btn.btn-default.share-option:focus {
  outline: none !important;
}

body.popup-scroll-hide
  .permissionDropb
  button.btn.btn-default.share-option
  span
  a
  img {
  vertical-align: top;
}

a:hover {
  text-decoration: none;
}

.mobile_menu_bar {
  display: flex;
  position: relative;
  z-index: 9;
  width: 100%;
  top: 0px;
  height: 70px;
  align-items: center;
}

.hide_mobile_menu_bar {
  display: none;
}

.nav-notification-box.notifications_area.new-unread-notification {
  position: relative;
  border-left: none;
  border-top: none;
  border-right: none;
}

.nav-notification-box.notifications_area.new-unread-notification::after {
  content: '';
  height: 6px;
  width: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: 11px;
  bottom: 11px;
}

.custom-fadein-modal.slideInRight.NewNotificationSlide.report_slide_mobile
  .fadein-modal-body {
  float: left;
  position: relative;
}

div#share_content_star_contributor {
  float: left;
  width: 100%;
}

div#share_content_star_contributor
  .cont_title.cont_titleNew
  .cont_title_text.cont_title_text_3 {
  width: 40% !important;
  float: left;
}

div#share_content_star_contributor
  .cont_title.cont_titleNew
  .cont_title_text.cont_title_text_1 {
  width: 20% !important;
  float: left;
  margin-left: 0 !important;
  text-align: center !important;
}

div#share_content_star_contributor
  .cont_title.cont_titleNew
  .cont_title_text.cont_title_text_4 {
  width: 20% !important;
  float: left;
  text-align: center !important;
  margin-left: 0 !important;
}

div#react-rank-content {
  float: left;
  width: 100%;
}

div#react-rank-content .box_content {
  float: left;
  width: 100%;
}

div#react-rank-content .box_content .box_content {
  float: left;
  width: 100%;
}

div#react-rank-content .box_content .box_content .rank_list {
  float: left;
  width: 100%;
  margin: 8px 0;
  height: 42px;
  display: flex !important;
  align-items: center !important;
}

div#react-rank-content .box_content .box_content .rank_list:first-child {
  margin-top: 0;
}

div#react-rank-content .box_content .box_content .rank_list:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

div#react-rank-content
  .box_content
  .box_content
  .rank_list
  .top-contributor.rank-percent {
  float: left;
  width: 20% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

div#react-rank-content
  .box_content
  .box_content
  .rank_list
  .top-contributor.rank-user {
  width: 40% !important;
  float: left;
  margin-left: 0 !important;
}

div#react-rank-content
  .box_content
  .box_content
  .rank_list
  .top-contributor.topcontibuter-blue {
  width: 20% !important;
  float: left;
  margin-left: 0 !important;
}

div#react-rank-content
  .box_content
  .box_content
  .rank_list
  .top-contributor.top-like-total {
  float: left;
  width: 20% !important;
  margin-left: 0 !important;
}

@media only screen and (max-width: 360px) {
  .posts_wrapper .infinite-scroll-component .is_shared_post .imgPostMain {
    padding: 10px 0;
  }
}

/* Responsive for start contributor */
.message-page-replay.new-msg-request.portfolio_coment_message {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 75vh;
  z-index: 999999999;
  left: 0;
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
}

.message-page-replay.new-msg-request.portfolio_coment_message
  button.message-report-btn-accept {
  border: none;
  background: #1e9bdd;
  text-align: center;
  font-size: 14px;
  color: #fff;
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
  border-radius: 90px;
  margin-right: 5px;
  padding: 7px 30px;
}

.message-page-replay.new-msg-request.portfolio_coment_message
  button.message-report-btn-block {
  border: none;
  background: #8596a3;
  text-align: center;
  font-size: 14px;
  color: #fff;
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
  border-radius: 90px;
  padding: 7px 30px;
}

.custom-fadein-modal.slideInRight.user-message-slide.report_slide_mobile {
  float: left;
  width: 100%;
  height: 88vh;
  z-index: 99 !important;
}

.custom-fadein-modal.slideInRight.user-message-slide.report_slide_mobile
  .fadein-modal-header {
  float: left;
  width: 100%;
  min-height: 68px;
  padding: 5px 20px;
}

.custom-fadein-modal.slideInRight.user-message-slide.report_slide_mobile
  .fadein-modal-body.fadein-modal-body-21 {
  position: relative !important;
  left: 0;
  top: 0;
  width: 100%;
  float: left;
  height: 77vh !important;
  float: left;
  margin-top: 0 !important;
  /* padding: 0 !important;
  */
}

.custom-fadein-modal.slideInRight.user-message-slide.report_slide_mobile
  .fadein-modal-body.fadein-modal-body-21
  .message_main_area {
  float: left;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 0 !important;
  margin-bottom: 0px !important;
  height: 70vh;
}

.nano.react_scroll_for_message {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* height: calc(95vh - 100px);
  */
  height: 100%;
}

.react_message_body {
  margin-top: 5px;
  height: 98%;
  overflow-x: hidden;
  overflow-y: auto;
}

.content-area1.login-page.only-login-page {
  padding-bottom: 20px;
  min-height: 72vh;
}

.main-warpper.newloginslide {
  height: auto !important;
}

footer.footer {
  float: left;
  width: 100%;
}

footer.footer section.main.l-footer {
  margin-top: 0px !important;
}

section.custom-navbar-header21 {
  padding: 15px 10px;
  -moz-box-shadow: 0 0 10px #aad5ff69;
  -webkit-box-shadow: 0 0 10px #aad5ff69;
  box-shadow: 0 0 10px #aad5ff69;
  width: 100%;
  min-height: 56px;
}

section.custom-navbar-header21 .header_top_left {
  float: left;
  width: 100%;
  display: none;
}

section.custom-navbar-header21
  .header_top_center.sk_header_center.new-cc-header {
  float: left;
  width: 100%;
  background: transparent;
}

.header_top_center.sk_header_center.new-cc-header nav.navbar.navbar-default {
  border: none;
  min-height: 20px;
  background: transparent;
}

.header_top_center.sk_header_center.new-cc-header
  nav.navbar.navbar-default
  .navbar-header.sk_header_navbar {
  background: transparent;
  float: left;
  width: 100%;
}

.header_top_center.sk_header_center.new-cc-header
  nav.navbar.navbar-default
  .navbar-header.sk_header_navbar
  a {
  float: left;
}

.header_top_center.sk_header_center.new-cc-header
  nav.navbar.navbar-default
  .navbar-header.sk_header_navbar
  a
  span.icon-home {
  float: left;
  height: 35px;
  width: 35px;
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_top_center.sk_header_center.new-cc-header
  nav.navbar.navbar-default
  .navbar-header.sk_header_navbar
  button.navbar-toggle {
  float: right;
  margin: 0 !important;
  border-color: rgb(38, 135, 201);
  color: rgb(38, 135, 201);
}

.header_top_center.sk_header_center.new-cc-header
  nav.navbar.navbar-default
  .navbar-header.sk_header_navbar
  button.navbar-toggle
  span.icon-bar {
  background-color: rgb(38, 135, 201);
}

.custom-fadein-modal.slideInRight.newslidenavafter.report_slide_mobile
  .fadein-modal-header {
  -moz-box-shadow: 0 0 10px #aad5ff69 !important;
  -webkit-box-shadow: 0 0 10px #aad5ff69 !important;
  box-shadow: 0 0 10px #aad5ff69 !important;
  padding: 15px !important;
}

.custom-fadein-modal.slideInRight.newslidenavafter.report_slide_mobile
  .fadein-modal-header
  h3.fz_16 {
  width: 100% !important;
  float: left;
  color: rgb(38, 135, 201);
}

.custom-fadein-modal.slideInRight.newslidenavafter.report_slide_mobile
  .fadein-modal-header
  h3.fz_16
  span {
  background: rgba(38, 135, 201, 0.1);
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: rgb(38, 135, 201);
  margin-right: 8px;
}

ul.nav.navbar-nav.navbar-right li.logout21 a {
  color: #ff0000 !important;
}

.post-upd-dropdown.bottomslidebar a.dropdown-toggle svg {
  width: 10px;
  height: 20px;
}

a.trigger.right-caret svg {
  left: 5px;
  position: absolute;
  top: 10px;
}

a.trigger.left-caret svg {
  transform: rotate(-270deg);
  position: absolute;
}

.my_streamcontent2.main.after_comment {
  float: left !important;
  width: 100% !important;
  display: inherit !important;
  margin-left: 0 !important;
  padding: 15px !important;
  box-shadow: 0px -10px 15px rgba(204, 204, 204, 0.5);
  z-index: 9999;
  left: 0;
  border-radius: 0;
  /* min-height: 77px;
  */
}

.my_streamcontent2.main.after_comment .my_streamcontent2_left_icon {
  float: left !important;
  display: inherit !important;
  left: 0 !important;
  width: auto !important;
  margin-top: 0 !important;
  min-width: 45px;
  height: 45px;
}

.my_streamcontent2.main.after_comment .my_streamcontent2_left_icon a,
.my_streamcontent2.main.after_comment
  .my_streamcontent2_left_icon
  a
  .image-start-container {
  float: left;
  width: 100%;
}

.my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
  float: left !important;
  display: inherit !important;
  left: 0 !important;
  width: 85% !important;
}

.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  span.icon-send {
  background: #2687c9;
  border-radius: 10px;
  width: 42px;
  height: 42px;
  float: right;
  color: #fff;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box {
  width: calc(100% - 55px);
}

.custom-fadein-modal.slideInRight.commentSlide .fadein-modal-header svg {
  float: left;
  margin-top: 0;
}

.custom-fadein-modal.slideInRight.commentSlide .fadein-modal-header h3 {
  left: 0;
  top: 0;
  margin: 0;
  line-height: 30px;
  width: 100%;
}

.comments_add_photo p {
  color: #aaa !important;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_right_input.main.comment_reply_input_text {
  width: 82% !important;
}

.comment_input_class__control {
  background: transparent !important;
}

.adding_comment_reply_in_comment,
.my_streamcontent3.main.again_reply {
  float: left;
  margin-top: 10px;
}

.my_streamcontent3.main.again_reply .my_streamcontent3_right_history_top {
  float: left;
  position: relative;
  width: 100%;
  padding: 5px 0;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon {
  float: left;
  margin-top: 0;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a {
  float: left;
  width: 100%;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container {
  float: left;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container
  .my_streamimage {
  float: left;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history_top
  .my_streamcontent3_top_left.left3 {
  float: left;
  width: 80%;
  margin: 0 !important;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history_top
  .my_streamcontent3_top_left.left3
  h5 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 10px;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history.main
  .my_streamcontent3_right_history_bottom {
  margin: 0;
}

.my_streamcontent3.main.again_reply
  .my_streamcontent3_right_history.main
  .cssload-div {
  transform: translate(-50%, -50%);
}

.comment_input_class__highlighter {
  float: left !important;
  width: 100% !important;
  position: relative !important;
}

span.Linkify a {
  float: left;
  line-break: anywhere;
  margin-right: 5px;
  line-height: 21px;
}

.media.com_link_post {
  width: 100%;
}

.invalid_image_size_in_comment {
  padding: 10px;
  z-index: 999;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #721c24;
  background-color: #f8d7da;
  font-weight: normal;
  float: left;
}

.mentions-input-box div div ul {
  width: 250px;
  float: left;
  height: auto;
  position: absolute;
  bottom: 10px !important;
  max-height: 210px;
  overflow-x: auto;
}

.mentions-input-box div div ul li {
  width: 100% !important;
  float: left !important;
  padding: 0 10px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  border-bottom: 1px solid #f7f7f7 !important;
  margin: 0 !important;
}

.mentions-input-box div div ul li span {
  float: left;
  width: auto;
  color: #1388d1;
}

.mentions-input-box div div ul li img {
  float: left;
  height: 30px;
  width: 30px;
  position: relative;
  margin-top: 5px !important;
}

.postMentionsInputBox div ul {
  min-width: 260px !important;
  float: left;
  height: auto;
  position: absolute;
  top: 15px !important;
  min-height: 20px !important;
  overflow-y: scroll;
  z-index: 999999999999999;
  max-height: 115px;
  /* transform: translate(-40%, 0%); */
  left: 50%;
}

.postMentionsInputBox div ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f7f7f7 !important;
  display: flex;
  align-items: center;
  padding: 5px 10px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* background: #1388d1 !important;
  */
}

.postMentionsInputBox div ul li a {
  float: left;
  height: 25px !important;
  width: 25px !important;
}

.postMentionsInputBox div ul li span {
  width: 100% !important;
  float: left !important;
  padding: 0 !important;
  min-height: 20px !important;
  line-height: 20px !important;
  color: #1388d1 !important;
  text-align: left !important;
  margin: 0 !important;
  font-size: 13px;
}

.postMentionsInputBox div ul li div.user {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}

.postMentionsInputBox div ul li div.user svg.user_profile_img-2021.likes {
  float: left;
  width: 26px;
  height: 26px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #2687c9;
  margin-right: 5px;
}

.postMentionsInputBox div ul li div.user span {
  float: left;
  width: auto !important;
  font-size: 12px !important;
  min-width: 100%;
  height: 100%;
}

.postMentionsInputBox
  div
  ul
  li
  .user
  span.icon-user.user_profile_img-2021.likes {
  min-width: 22px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px !important;
  border-radius: 100%;
  font-size: 1.8rem !important;
  border: 1px solid #2687c9;
}

.comment_input_class__suggestions
  .user
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  span.icon-user.user_profile_img-2021 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem !important;
  color: #555 !important;
}

.postMentionsInputBox div ul li div.user .userMentionPost {
  float: left;
  height: 22px;
  width: 22px;
  min-width: 22px;
  margin-right: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #2687c9;
}

.postMentionsInputBox
  div
  ul
  li
  div.user
  .userMentionPost
  span.icon-user.default_user_photo {
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem !important;
}

.postMentionsInputBox
  div
  ul
  li
  div.user
  .userMentionPost
  svg.default_user_photo {
  float: left;
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.postMentionsInputBox
  div
  ul
  li
  div.user
  .userMentionPost
  svg.default_user_photo
  path {
  fill: #eee;
}

.postMentionsInputBox div ul li div.user .userMentionPost div {
  float: left;
  width: 22px;
  height: 22px;
}

.postMentionsInputBox div ul li div.user .userMentionPost div div {
  float: left;
  width: 22px;
  height: 22px;
}

.postMentionsInputBox
  div
  ul
  li
  div.user
  .userMentionPost
  div
  div
  img.user_profile_img-2021 {
  float: left;
  height: 22px;
  width: 22px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.postMentionsInputBox div ul li div a {
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.postMentionsInputBox div ul li div span {
  line-height: 25px;
}

.last_coment_amount_like_own {
  width: 22px;
  float: left;
  display: flex;
  align-items: center;
}

.reply_comment
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  h5 {
  float: left;
  width: 100%;
}

.reply_comment
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  h5
  a {
  float: left;
  width: auto;
  margin-right: 5px;
  padding: 0 !important;
  margin-top: 2px;
  margin-bottom: 12px;
  margin-right: 5px;
}

.reply_comment
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  h5
  .comment-badge-wrap {
  float: left;
  margin-top: 3px;
  margin-left: 5px;
}

.reply_comment
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  .my_streamcontent_like {
  float: left;
  width: 100%;
}

.reply_comment
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  .my_streamcontent_like
  span
  svg {
  display: none;
}

.reply_comment
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  span.Linkify {
  display: inline;
}

.mentions-input-box .comment_deactivate textarea {
  padding: 0px 8px !important;
}

.mentions-input-box .comment_deactivate textarea::placeholder {
  font-size: 11px !important;
  line-height: 16px;
}

span.post-upd-permission-icon {
  float: left;
  padding: 0 !important;
  height: 20px;
}

span.post-upd-permission-icon svg {
  float: left;
  height: 18px;
  margin-right: 5px;
  line-height: 20px;
}

.post-upd-top span.posted_upload_time {
  margin-left: 0;
  float: left;
  line-height: 18px;
  height: 20px;
  display: flex;
  align-items: center;
}

.post-upd-top span.follwwers21 {
  margin-left: 5px;
  float: left;
  line-height: 18px;
  height: 20px;
  font-size: 12px;
}

.post-upd-top span.follwwers21 svg {
  float: left;
  height: 18px;
  margin: 0 5px;
}

.new-post-21-m .profile_info_main17 {
  float: left;
}

.new-post-21-m .profile_info_main17 .profile_img17 {
  float: left;
  height: 45px !important;
  width: 45px !important;
  margin: 0;
  padding: 0;
}

.new-post-21-m .profile_info_main17 .profile_img17 a {
  float: left;
  height: 45px;
  width: 100%;
}

.new-post-21-m .profile_info_main17 .profile_img17 a .image-start-container {
  float: left;
  width: 100%;
}

.new-post-21-m
  .profile_info_main17
  .profile_img17
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  margin-top: 0 !important;
  float: left;
  width: 100% !important;
  height: 45px !important;
  top: 0;
}

.new-post-21-m
  .profile_info_main17
  .profile_img17
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  img.user_profile_img-2021 {
  margin: 0 !important;
  left: 0;
  top: 0 !important;
  position: relative;
  height: 45px !important;
  width: 45px !important;
}

.new-post-21-m
  .profile_info_main17
  .profile_img17
  a
  .image-start-container
  .post_profile_pic_star-2021 {
  float: left;
}

.new-post-21-m
  .profile_info_main17
  .profile_img17
  a
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021 {
  margin: 0 !important;
}

.new-post-21-m
  .profile_info_main17
  .profile_img17
  a
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021
  ul.circle-container-2021 {
  top: -5px !important;
}

.new-post-21-m .profile_info_main17 .com_name_main17 {
  margin-left: 10px !important;
  margin-top: 0 !important;
}

.commentSlide .mentions-input-box textarea {
  overflow-y: scroll !important;
}

.img_2_add__highlighter strong,
.img_3_add__highlighter strong,
.img_4_add__highlighter strong,
.img_5_add__highlighter strong,
.img_6_add__highlighter strong,
.gradient_2_add__highlighter strong,
.gradient_3_add__highlighter strong,
.gradient_4_add__highlighter strong,
.gradient_5_add__highlighter strong,
.gradient_6_add__highlighter strong,
.gradient_7_add__highlighter strong,
.gradient_8_add__highlighter strong,
.gradient_9_add__highlighter strong,
.gradient_10_add__highlighter strong,
.gradient_11_add__highlighter strong,
.gradient_12_add__highlighter strong,
.gradient_13_add__highlighter strong,
.gradient_14_add__highlighter strong,
.gradient_15_add__highlighter strong,
.gradient_16_add__highlighter strong,
.gradient_17_add__highlighter strong,
.gradient_18_add__highlighter strong {
  display: none !important;
}

.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
}

.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span a {
  font-size: 15px;
  line-height: 23px;
  font-weight: normal;
  white-space: normal;
}

.img_2_preview .imgPostMain h1.sharedTitleView span div span,
.img_3_preview .imgPostMain h1.sharedTitleView span div span,
.img_4_preview .imgPostMain h1.sharedTitleView span div span,
.img_5_preview .imgPostMain h1.sharedTitleView span div span,
.img_6_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_2_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_3_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_4_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_5_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_6_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_7_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_8_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_9_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_10_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_11_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_12_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_13_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_14_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_15_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_16_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_17_preview .imgPostMain h1.sharedTitleView span div span,
.gradient_18_preview .imgPostMain h1.sharedTitleView span div span {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
  font-family: 'Helvetica', sans-serif, Arial !important;
  font-weight: bolder !important;
}

.img_2_preview .imgPostMain h1.sharedTitleView span div span a,
.img_3_preview .imgPostMain h1.sharedTitleView span div span a,
.img_4_preview .imgPostMain h1.sharedTitleView span div span a,
.img_5_preview .imgPostMain h1.sharedTitleView span div span a,
.img_6_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_2_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_3_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_4_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_5_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_6_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_7_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_8_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_9_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_10_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_11_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_12_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_13_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_14_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_15_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_16_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_17_preview .imgPostMain h1.sharedTitleView span div span a,
.gradient_18_preview .imgPostMain h1.sharedTitleView span div span a {
  font-weight: bold !important;
  font-size: 22px !important;
}

.gradient_9_preview .imgPostMain h1.sharedTitleView span div span a {
  font-weight: bold;
  font-size: 22px;
}

.meme_new_popup_design_19
  .my_streamcontent_bottom
  .imgPostMain
  h1.sharedTitleView
  span
  div
  a {
  float: inherit;
}

::-webkit-scrollbar {
  display: none;
}

/* after log css */
.portfolio_header_right_mobile {
  float: left;
  width: 100%;
  overflow: hidden;
}

.new-stiky-cls.black-nav {
  float: left;
  width: 100%;
}

.new-stiky-cls.black-nav section.header_main17.hide-scroll-top {
  float: left;
  width: 100%;
}

.new-stiky-cls.black-nav
  section.header_main17.hide-scroll-top
  .portfolio_header
  .custom-container {
  float: left;
  width: 100%;
}

.app_invitation + .mobile_menu_bar {
  float: left;
  top: inherit !important;
}

/* .portfolio_header_right_mobile .main .mobile_menu_bar {
  position: inherit;
}
*/
section.profile-content-main17.profile-backgroun
  .row.no-mar-pad.cover-wreaper
  .col-md-12.no-mar-pad.cover-bg
  .cover-img {
  margin-top: 0 !important;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task {
  margin-top: 22px;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap {
  margin: 0;
  float: left;
  width: 100%;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap
  .group-page-header {
  padding: 0px !important;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap
  .group-page-header
  .group_header_title {
  float: left;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap
  .group-page-header
  .group_header_title
  .create-new-group
  a {
  text-transform: capitalize;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap
  .group-page-header
  .group_header_title
  .create-new-group
  a
  span.icon-plus {
  font-size: 1rem;
  margin-right: 4px;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap
  .group-page-header
  #input_search_area {
  padding: 0 20px 20px;
  float: left;
  margin: 0 !important;
  width: 100%;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap
  .group-page-header
  #input_search_area
  .group-search-area {
  float: left;
  width: 100%;
  position: relative;
}

input.search_area.headerSearchUser_new {
  margin-top: 15px;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-page-wrap
  .group-page-header
  #input_search_area
  .group-search-area
  span.mob_search_icon {
  position: absolute;
  top: 25px;
}

.portfolio_body_right2.group-dashboard.stopscroll.main.group_task
  .group-dashboard
  .group-sections-wrap {
  padding-bottom: 15px;
}

.custom-fadein-modal.slideInRight.mobile-post-contain
  .custom-fadein-modal.slideInRight.report_slide_mobile {
  height: 100vh;
  overflow: hidden;
}

.verfication-page {
  padding: 50px 0;
  float: left;
  width: 100%;
}

.email_send {
  background: rgba(107, 191, 0, 0.05);
  padding: 15px 20px;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.code_wrong {
  padding: 15px 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: rgba(255, 0, 0, 0.05);
  color: #ff0000;
}

.verfication_code_area {
  float: left;
  margin-top: 30px;
  width: 100%;
}

.verfication_code_area h3 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.verfication_code_area h4 {
  text-align: center;
  margin-bottom: 20px;
}

p.successmeg {
  font-size: 14px;
  text-align: center;
  color: #666666;
  margin-bottom: 25px;
  line-height: 25px;
}

.otpInput {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  width: 100%;
}

input.input_otp {
  height: 45px;
  width: 45px;
  float: left;
  border: none;
  border-bottom: 1px solid #ddd !important;
  margin-right: 10px;
  box-shadow: none;
  border-radius: 0 !important;
  padding: 0;
  text-align: center;
  line-height: 45px;
  font-weight: bold;
}

button.btn.btn-continue {
  background: #2687c9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  height: 50px;
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-weight: bold;
}

button.btn.btn-login {
  background: #2687c9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  height: 45px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-weight: bold;
}

p.reseneCode {
  font-size: 15px;
  line-height: 25px;
  text-align: center;
}

.account_created_successfully {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100%;
}

.account_created_successfully span.successfully {
  background: rgba(107, 191, 0, 0.1);
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
}

span.lockMessage {
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.btn.btn-bkHome {
  background: #2687c91a;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #2687c9;
  height: 45px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-weight: bold;
}

.tow_Factor_switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 30px;
  margin-top: 20px;
}

.tow_Factor_switch input.switch_checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.tow_Factor_switch .switch_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2687c9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.tow_Factor_switch .switch_slider:before {
  position: absolute;
  content: '';
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input.switch_checkbox:checked + .switch_slider {
  background-color: #fff;
  -moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.15);
}

input.switch_checkbox:checked + .switch_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color: #10bb28;
  -moz-box-shadow: 0px 0px 30px rgba(16, 187, 40, 0.3);
  -webkit-box-shadow: 0px 0px 30px rgba(16, 187, 40, 0.3);
  box-shadow: 0px 0px 30px rgba(16, 187, 40, 0.3);
}

/* Rounded sliders */
.switch_slider.round {
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  border-radius: 34px;
}

.switch_slider.round:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.cover_photo,
.cover_photo .newSlimForMobile2021 {
  height: 100%;
}

.cover_photo .newSlimForMobile2021 img {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.coverIma_change {
  position: absolute;
  top: 0;
  left: 0;
}

.coverIma_change input[type='file'].fileTyep_none {
  display: none;
}

.userPorfile_pic {
  width: 130px;
  height: 130px;
}

.userPorfile_pic .profileedit2021 {
  width: 130px;
  height: 130px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.userPorfile_pic .profileedit2021 img {
  width: 100%;
  height: 100%;
}

.profilePic_edit {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 130px;
  height: 45px;
  z-index: 9999;
}

.profilePic_edit input[type='file'].fileTyep_none {
  display: none;
}

.profilePic_edit .slim-btn-group {
  padding: 0;
  width: 100%;
  float: left;
  position: relative !important;
  pointer-events: auto !important;
}

.profilePic_edit .slim-btn-group button.btn.btn-add-edit {
  width: 130px;
  height: 45px;
  border-radius: unset;
  line-height: 45px;
  padding: 0;
}

p.activities-societies {
  line-height: 24px;
  font-size: 13px;
}

.col-md-12.form-group.edit_user_contact_info_new .row .edit_user_email_section {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 10px !important;
}

.col-md-12.form-group.edit_user_contact_info_new .row .edit_user_phone_section {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.bootstro-finish-btn-wrapper {
  text-align: center;
}

.account-cls .portfolio_coment .account_main_top_first .account_left {
  width: auto;
}

.account-cls .portfolio_coment .account_right {
  position: relative;
  top: 0;
  right: 0;
}

.account-cls .portfolio_coment .account_right a {
  float: left;
  height: 26px;
  width: 26px;
}

.account-cls .portfolio_coment .account_right a svg {
  position: relative;
  top: 0;
  right: 0;
}

.account_main_bottom_hide {
  float: left;
  width: 100%;
}

.account_main_bottom_hide .form-group {
  float: left;
  width: 100%;
}

.account-cls
  .account_main
  .account_main_top_first.deactivate-radius.deactivate-radius_ext {
  float: left;
  display: block;
}

.account-cls
  .account_main
  .account_main_top_first.deactivate-radius.deactivate-radius_ext
  .account_left {
  float: left;
  width: 100%;
  padding: 0;
  padding-bottom: 18px;
}

.account-cls
  .account_main
  .account_main_top_first.deactivate-radius.deactivate-radius_ext
  .account_cint.account_left-deactivate
  .deactivate-note {
  margin: 0;
  padding: 0;
  float: left;
}

.account-cls
  .account_main
  .account_main_top_first.deactivate-radius.deactivate-radius_ext
  .account_cint.account_left-deactivate
  .deactivate-note
  span {
  margin-top: 0;
}

.account-cls
  .account_main
  .account_main_top_first.deactivate-radius.deactivate-radius_ext
  .account_cint.account_left-deactivate
  .deactivate-note
  button.tips-button.deactivate-bt {
  height: 36px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  width: 101px;
}

.img_post_box_clear div {
  float: left;
  /* height: 100%;
  */
  width: 100%;
  max-height: 100%;
}

.imgPostImLi
  .ImageNewPost_with_mutilUpload
  .img_post_1x1
  .img_post_box_clear
  .iphone_fullScreen_video {
  width: 100%;
  max-height: 100vh !important;
}

.imgPostImLi
  .ImageNewPost_with_mutilUpload
  .img_post_1x1
  .img_post_box_clear
  .iphone_fullScreen_video
  div#video_react_id {
  min-height: 100vh;
}

.imgPostImLi
  .ImageNewPost_with_mutilUpload
  .img_post_1x1
  .img_post_box_clear
  .iphone_fullScreen_video
  div#video_react_id
  .video-react-controls-enabled.video-react-has-started.video-react-paused.video-react-user-inactive.video-react-workinghover.video-react.mobileVideoPlayer {
  max-height: 100vh !important;
  float: left;
  width: 100%;
}

.img_post_box_clear div img {
  object-fit: cover;
}

.account_border_wrep .passChangeDiv {
  float: left;
  width: 100%;
  padding: 0 15px;
}

.account_border_wrep .passChangeDiv form {
  float: left;
  width: 100%;
}

.account_border_wrep .passChangeDiv form .account_main_bottom .form-group {
  float: left;
  width: 100%;
}

.account_border_wrep .passChangeDiv form .account_main_bottom .account_cint {
  float: left;
  width: 100%;
}

.account_border_wrep
  .passChangeDiv
  form
  .account_main_bottom
  .account_cint
  .account_cont_right.account_cont_right_ext {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.account_border_wrep
  .passChangeDiv
  form
  .account_main_bottom
  .form-group
  .input-group {
  padding: 0;
}

.account_border_wrep
  .passChangeDiv
  form
  .account_main_bottom
  .form-group
  .input-group
  .input-group-addon {
  padding: 0;
  float: left;
  width: 100%;
}

.account_border_wrep .account_main_bottom.edit_user_email_section {
  float: left;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area {
  margin: 0;
  padding: 15px !important;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display {
  height: auto;
  float: left;
  width: 100%;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display
  .col-md-2 {
  float: right;
  position: relative;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display
  .col-md-2
  .side-btn {
  float: left;
  height: 26px;
  width: 26px;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display
  .col-md-2
  .side-btn
  .permission-but-all.new-permission-class.palinPost {
  height: 100%;
  width: 100%;
  margin: 0 !important;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display
  .col-md-2
  .side-btn
  .permission-but-all.new-permission-class.palinPost
  .dropdownFix {
  margin: 0 !important;
  height: 100%;
  width: 100%;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display
  .col-md-2
  .side-btn
  .permission-but-all.new-permission-class.palinPost
  .dropdownFix
  button.btn.btn-default {
  float: left;
  height: 100%;
  width: 100%;
  padding: 0;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display
  .col-md-2
  .side-btn
  .permission-but-all.new-permission-class.palinPost
  .dropdownFix
  button.btn.btn-default
  span#dropdown_title4 {
  position: relative;
  height: 26px;
  width: 26px;
  float: left;
  padding: 0;
  right: 0;
  background: #f2f2f2;
  border-radius: 5px;
  padding: 13px 14px;
}

.account_border_wrep
  .account_main_bottom.edit_user_email_section
  .email_display_area
  .col-md-row.edit_user_email_display
  .col-md-2
  .side-btn
  .permission-but-all.new-permission-class.palinPost
  .dropdownFix
  button.btn.btn-default
  span#dropdown_title4
  a
  span.icon-lock {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  padding: 0;
  right: inherit;
  top: inherit;
}

.account-cls .edit_user_email_display .col-md-10 span.resend-cls {
  position: relative;
  float: left;
  top: 0;
  width: auto;
  margin-right: 11px;
  margin-top: 12px;
}

.account-cls .edit_user_email_display .col-md-10 span.remove-cls {
  position: relative;
  left: 0;
  width: auto;
  top: 0;
  margin-left: 11px;
  margin-top: 12px;
  float: left;
}

.password_error.alert.alert-danger {
  margin-top: 8px;
}

.block-user-content-17 .modal-body.modal-body-17 .edit-content {
  float: left;
  width: 100%;
}

.block-user-content-17 .modal-body.modal-body-17 .edit-content .loading-icon {
  float: left;
  width: 100%;
}

.block-user-content-17
  .modal-body.modal-body-17
  .edit-content
  .loading-icon
  .content {
  float: left;
  width: 100%;
}

.block-user-content-17
  .modal-body.modal-body-17
  .edit-content
  .loading-icon
  .content
  .view_all_friends_bottom {
  float: left;
  width: 100%;
}

.block-user-content-17
  .modal-body.modal-body-17
  .edit-content
  .loading-icon
  .content
  .view_all_friends_bottom
  .totale_area2 {
  padding: 0 !important;
  margin-top: 15px;
}

.block-user-content-17
  .modal-body.modal-body-17
  .edit-content
  .loading-icon
  .content
  .view_all_friends_bottom
  .totale_area2
  .notifications_message_text {
  padding: 0 !important;
}

section.profile-content-main17.profile-backgroun
  .row.no-mar-pad.cover-wreaper
  .col-md-12.no-mar-pad.cover-bg
  .cover-img
  .cover_photo {
  float: left;
  width: 100%;
}

section.profile-content-main17.profile-backgroun
  .row.no-mar-pad.cover-wreaper
  .col-md-12.no-mar-pad.cover-bg
  .cover-img
  .cover_photo
  div {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 60px;
}

section.profile-content-main17.profile-backgroun
  .row.no-mar-pad.cover-wreaper
  .col-md-12.no-mar-pad.cover-bg
  .cover-img
  .cover_photo
  div
  img.cover-profile-image-21 {
  object-fit: cover;
  float: left;
  width: 100%;
}

section.profile-content-main17.profile-backgroun
  .row.no-mar-pad.cover-wreaper
  .col-md-12.no-mar-pad.cover-bg
  .cover-img
  .cover_photo
  svg.cover-profile-image-21 {
  max-height: 200px;
  height: 200px;
  object-fit: cover;
  width: 100%;
  float: left;
}

section.profile-content-main17.profile-backgroun
  .row.no-mar-pad.cover-wreaper
  .col-md-12.no-mar-pad.cover-bg
  .cover-img
  .cover_photo
  svg.cover-profile-image-21
  rect.cls-1 {
  float: left;
  width: 100% !important;
  object-fit: cover;
}

.imgPostMain a.imgPostImLi {
  float: left;
  width: 100%;
  position: relative;
}

.imgPostMain a.imgPostImLi .imgPostImage.linkPostImgview {
  overflow: visible !important;
}

.imgPostMain
  a.imgPostImLi
  .imgPostImage.linkPostImgview
  .LazyLoad.is-visible.is-loaded {
  position: relative;
  float: left;
  width: 100%;
}

.imgPostMain a.imgPostImLi .imgPostText {
  position: relative;
}

.imgPostMain a.imgPostImLi .imgPostText p.vpost-site-icon {
  position: absolute;
  width: auto;
  padding: 8px;
  font-weight: bold;
  font-size: 9px;
  line-height: 12px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  top: -49px;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  z-index: 999999 !important;
}

.mentions-input-box div {
  width: 100%;
  float: left;
}

/* 05/08/21 shoeb */
.main_warper
  .profile-navbar
  .header_top
  .container.custom-container
  .main
  .top_header_right
  a.not-float.login-button {
  right: -26px !important;
  background: none;
  border: 1px solid #dddddd;
}

.main_warper
  .profile-navbar
  .header_top
  .container.custom-container
  .main
  .top_header_right.top_header_right-18
  a.not-float.login-button,
a.not-float {
  right: 0px !important;
  border: none;
  background: rgba(38, 135, 201, 0.1);
  color: #2687c9;
}

.search-filter-main .search-filter-title .btn-default {
  z-index: 1 !important;
}

.body_min_19
  .posts_wrapper
  .infinite-scroll-component
  .post_body_left
  .portfolio_body_right4.main.status_content {
  padding: 0 0px;
}

.main_warper .profile-navbar .header_top {
  padding-bottom: 0px !important;
}

.main_warper
  .profile-navbar
  .header_top
  .container.custom-container
  .main
  .top_header_right {
  display: flex;
  align-items: center;
}

.header_top .top_header_right svg {
  margin-left: 10px;
}

.posts_wrapper .infinite-scroll-component {
  margin-top: 0px !important;
}

.posts_wrapper .infinite-scroll-component .is_shared_post .imgPostMain {
  padding: 10px 0px !important;
}

.portfolio_body_right
  .gradient_5_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span {
  font-size: 20px !important;
}

.popup_single_post_mobile_section .post_right_side {
  padding: 0px !important;
}

.meme_new_popup_design_19 .imgPostMain .sharedTitleView .Linkify div {
  font-size: 13px;
  font-weight: 400;
  padding: 10px 12px 0;
}

.slim-btn-group .slim-btn {
  float: left;
}

.about_edit
  .info-edit-popup
  .form-group
  .row
  .select-dropdown-one
  .permission-but-all
  #dropdown_title4
  svg {
  position: unset;
}

.about_edit
  .info-edit-popup
  .edit_user_birth_year
  .select-dropdown-one
  .dropdownFix
  .permission-dropdown {
  top: 45px !important;
  left: -40px !important;
  padding: 0 15px;
  min-width: 120px;
  width: 120px;
  max-width: 120px;
}

.report_slide_mobile
  .form-group
  .phone_permission
  .permissionDropbox
  .btn-default
  span
  a
  svg {
  left: -5px;
}

.report_slide_mobile
  .form-group.edit_user_email_display
  .permissionDropbox
  .btn-default
  span
  a
  svg {
  left: -5px;
}

.form-group .permissionDropbox {
  text-align: center;
}

.about_section_stroy
  .storyPermission
  .permission-but-all
  .dropdownFix
  .permission-dropdown {
  /* height: 120px;
  */
  width: 100%;
  text-align: center;
}

.info-edit-popup .phone-country-code {
  font-weight: normal;
}

.report_slide_mobile
  .form-group
  .phone-permission
  .permissionDropbox
  .btn-default
  span
  a
  svg {
  left: 8px;
}

.info-edit-popup .phone-type {
  font-weight: normal;
}

.info-edit-popup .edit-cls {
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.info-edit-popup .edit-cls svg {
  height: 30px;
  width: 12px;
}

.info-edit-popup
  .phone-permission
  .side-btn
  .permission-but-all.new-permission-class.palinPost
  .dropdown.dropdownFix.permissionDropbox {
  height: 32px;
}

.user_introduction .about_section_stroy .btn-group .cnl-btn {
  line-height: 10px;
  height: 32px;
  background: #ff0000;
  color: #fff;
}

.report_slide_mobile
  .form-group
  .storyPermission
  .permissionDropbox
  .btn-default
  span
  a
  svg {
  left: -5px;
}

.about_section_stroy
  .storyPermission
  .permission-but-all
  .dropdownFix
  .btn-default {
  padding: 8px 15px !important;
}

.add-style .story-required {
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  width: 100%;
  padding: 10px;
  top: 60px;
  right: 0;
  z-index: 9;
}

.user_introduction
  .modal-body
  .about_section_stroy
  .right-align
  .stor_save_section.saveChangeButton
  button {
  padding: 8px 15px;
}

.user_experince .modal-body .form-group .checkbox {
  margin-bottom: -10px !important;
}

.about_section_stroy .select-dropdown-one svg {
  display: none;
}

.about_edit .info-edit-popup .form-group .row .select-dropdown-one {
  display: flex;
}

.about_edit .NewSildeLeft .info-edit-popup .modal-footer .message-wrap .alert {
  padding: 8px 10px;
  left: 3px;
}

.info-edit-popup .modal-footer .action-wrap button.btn {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cat-slide-mob
  .search_new_ctg_list_main
  .search_new_ctg_list
  .sub-cat-add-img
  svg {
  margin-right: 0px;
  float: left;
}

.wall {
  margin-left: 8px;
  width: 97%;
}

.block-user-content-17
  .modal-body.modal-body-17
  .edit-content
  .loading-icon
  .content
  .view_all_friends_bottom
  .totale_area2 {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 10px;
}

.block-user-content-17
  .modal-body.modal-body-17
  .edit-content
  .loading-icon
  .content
  .view_all_friends_bottom
  .totale_area2
  .notifications_message_text {
  margin-left: 10px;
}

.block-button
  .block-user-content-17
  .modal-content-bottom2
  .edit-content
  .view_all_friends_bottom
  .totale_area2
  .add_friend {
  top: 50% !important;
  transform: translateY(-50%);
}

.profile_image_with_star
  .post_profile_pic_star-2021
  .common-profile-picture-2021,
.common-profile-picture-2021,
.post_profile_pic_star-2021 {
  margin-top: 0px;
  position: absolute !important;
  top: 0 !important;
}

.privacy-top-area
  .privacy-cls
  .account_cont_right.bsp_interest_18
  .user-block-list
  span {
  font-weight: 500;
}

.privacy-top-area
  .privacy-cls
  .account_cont_right.bsp_interest_18
  .user-block-list
  span.icon-dot {
  color: #eee !important;
  font-size: 0.5rem !important;
}

.dropdown-menu > li > a {
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.dropdown-menu > li > a span {
  margin-right: 5px;
}

.privacy-cls
  .cmn-cls
  .account_cont_right
  .dropdownFix
  .dropdown-menu.permission-dropdown
  li
  a
  svg
  path {
  fill: #bbbbbb;
}

.slideInRight .flypost_content .meme_auto_height {
  box-shadow: inset 0px 0px 15px rgb(204 204 204 / 34%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.newclass .signup-loading {
  transform: translateX(-50%);
}

.is_shared_post .user-post-pic-holder {
  margin-top: 0px !important;
}

/* some device design issue */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  button.cancleNewEmailBtm.cnl-btn {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    min-width: 28%;
  }

  .user_introduction .save-btn {
    padding: 6px 13px;
    margin-left: 5px;
    font-size: 13px;
  }

  .right-align.number_editInfo
    .edit_phone_type
    .select-dropdown-one
    select.form-control.ui-date {
    height: 32px;
    min-width: 78px;
    padding: 0 9px;
  }

  .user_introduction
    .phone_permission
    .permission-but-all.new-permission-class.palinPost
    .dropdown.dropdownFix.permissionDropbox {
    height: 33px;
  }

  .modal-body {
    padding: 15px 0px;
  }
}

/* dorpdown menu design */
ul.post_dropdown-menu,
ul.more-profile-menu,
.commentSlide .friends ul,
.post-upd-dropdown.bottomslidebar ul,
.my_streamcontent2_like_share ul.dropdown-menu {
  padding: 0 !important;
}

ul.post_dropdown-menu li a,
ul.more-profile-menu li a,
.friends ul li a,
.post-upd-dropdown.bottomslidebar ul li a,
.my_streamcontent2_like_share ul.dropdown-menu li a {
  padding: 0 !important;
}

.custom-fadein-modal.slideInRight.editnewslide.report_slide_mobile.edit-21-post-modal-m
  div#new-post-modal-height {
  float: left;
  height: auto;
  overflow: auto;
  padding-top: 15px !important;
  margin-top: 25px;
}

/* show more show less */
span.readMoreText p,
span.readMoreText p {
  color: #2687c9;
  float: left;
  margin-bottom: 0;
}

.popover-content {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  font-weight: normal;
}

.popover-content .bootstro-finish-btn-wrapper {
  margin: 0;
  text-align: left;
}

/* comment */
.commentSlide .my_streamcontent2.after_comment {
  padding: 5px 0 0;
}

.my_streamcontent3_bottom_left.comment_img_17 .img_comment_box h5 {
  padding: 0;
  float: left;
}

.my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  h5
  span
  div
  span
  code {
  font-size: 13px !important;
  line-height: 23px !important;
  margin-top: 0;
}

.my_streamcontent3.main.reply_comment_area + h5 {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #2687c9;
  float: left;
}

.commentSlide .my_streamcontent3 .my_streamcontent3.main.reply_comment_area {
  margin-bottom: 5px !important;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row {
  float: left;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area {
  float: left;
  height: 30px;
  width: 30px;
  position: relative;
  padding: 0;
  margin-right: 10px;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .comment_reply_user_avatar,
.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .comment_reply_user_avatar
  a,
.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .comment_reply_user_avatar
  a
  .image-start-container,
.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage,
.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  div {
  float: left;
  height: 30px;
  width: 30px;
  margin: 0;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  div
  img.user_profile_img-2021.comments {
  float: left;
  height: 30px;
  width: 30px;
  max-width: 30px;
  min-width: 30px;
  margin: 0 !important;
  object-fit: cover;
  margin-top: 0 !important;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  svg.user_profile_img-2021 {
  height: 30px;
  width: 30px;
  max-width: 30px;
  min-width: 30px;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom {
  padding: 0 !important;
  max-width: 90%;
  width: 85% !important;
  float: left;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17 {
  margin: 0 !important;
  padding: 8px !important;
  margin-bottom: 8px !important;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3 {
  display: block;
  margin-top: 0;
  margin-bottom: 5px;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  h5
  a {
  float: left;
  margin: 0 !important;
  margin-bottom: 5px !important;
  line-height: 18px;
}

.portfolio_dropdown
  .slideInRight
  .fadein-modal-body
  .usermenu-profile
  .usermenu-profile-star {
  float: left;
}

.portfolio_dropdown
  .slideInRight
  .fadein-modal-body
  .usermenu-profile
  .usermenu-profile-star
  .avater-image-2021 {
  float: left;
  width: 100% !important;
}

.portfolio_dropdown
  .slideInRight
  .fadein-modal-body
  .usermenu-profile
  .usermenu-profile-star
  .avater-image-2021
  svg.user_profile_img-2021 {
  height: 100%;
  width: 100%;
  margin: 0;
  border: 4px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.2)) !important;
}

.custom-fadein-modal.newsharepost {
  float: left;
  width: 100%;
}

.custom-fadein-modal.newsharepost .fadein-modal-body.new-post-slide.comment {
  padding: 25px 15px 15px !important;
  height: 89.5vh !important;
  overflow: hidden;
}

.custom-fadein-modal.newsharepost
  .fadein-modal-body.new-post-slide.comment
  .flypost_box.model-popup-inner-17 {
  margin-top: 10px !important;
  float: left;
  width: 100%;
}

.custom-fadein-modal.newsharepost
  .fadein-modal-body.new-post-slide.comment
  .flypost_box.model-popup-inner-17
  .profile_info_main17 {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}

.custom-fadein-modal.newsharepost
  .fadein-modal-body.new-post-slide.comment
  .flypost_box.model-popup-inner-17
  .flypost_content {
  margin-top: 0;
  width: 100%;
  float: left;
  position: relative;
  height: 75vh;
}

.portfolio_header
  .mobile_menu_bar
  .profile_image
  .portfolio_dropdown
  a
  .avater-image-2021
  svg.default_user_photo
  g {
  fill: #eeeeee;
}

.newsharepost .post_profile_top .post-user-profile-details .post-upd-top div {
  float: left;
}

.newsharepost
  .post_profile_top
  .post-user-profile-details
  .post-upd-top
  div
  .post-upd-bottom {
  margin-top: 0 !important;
  padding: 0;
}

.newsharepost .share_post_cont_main17 h1.share-text_cont_main17 span div span {
  font-size: 13px !important;
  line-height: 23px !important;
}

.dropdownsdrp2.dropdown-category-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
}

.dropdownsdrp2.dropdown-category-filter svg:nth-child(1) {
  margin-right: 6px !important;
}

.portfolio_coment.createnewpostslide.wall_create_post_option {
  margin-bottom: 0px !important;
  float: left;
  width: 100%;
  /* -moz-box-shadow: 0px 0px 15px rgb(0 0 0 / 7%) !important;
  -webkit-box-shadow: 0px 0px 15px rgb(0 0 0 / 7%) !important;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 7%) !important;
  */
}

.commentSlide
  .general-comment
  .my_streamcontent_post_date.my_streamcontent_post_date_view
  .friends
  .dropdown-menu
  li
  a.comDel.bdrItm {
  color: red !important;
}

.commentSlide
  .general-comment
  .my_streamcontent_post_date.my_streamcontent_post_date_view
  .friends
  .dropdown-menu
  li
  a.comDel.bdrItm
  svg
  path {
  fill: red !important;
}

.custom-fadein-modal.slideInRight.report_slide_mobile.EditCommentSlide
  .my_streamcontent2_right_input.main {
  width: 100% !important;
}

.newsharepost
  .popup-container-main17
  .share_post_cont_main17
  .post_profile_top {
  margin-bottom: 15px;
}

.newsharepost
  .popup-container-main17
  .share_post_cont_main17
  .post_profile_top
  .post-user-profile
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  img.user_profile_img-2021 {
  margin-top: 0 !important;
  height: 40px !important;
  width: 40px !important;
  min-width: 40px;
  max-width: 40px;
}

.newsharepost
  .share-text_cont_main17.gradient_10_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_11_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_12_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_13_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_14_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_15_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_16_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_17_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_18_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_19_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_1_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_20_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_21_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_22_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_2_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_3_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_4_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_5_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_6_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_7_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_8_preview
  span
  div
  span
  code
  span,
.newsharepost
  .share-text_cont_main17.gradient_9_preview
  span
  div
  span
  code
  span,
.newsharepost .share-text_cont_main17.img_2_preview span div span code span,
.newsharepost .share-text_cont_main17.img_3_preview span div span code span,
.newsharepost .share-text_cont_main17.img_4_preview span div span code span,
.newsharepost .share-text_cont_main17.img_5_preview span div span code span,
.newsharepost .share-text_cont_main17.img_6_preview span div span code span,
.newsharepost .share-text_cont_main17.img_7_preview span div span code span,
.newsharepost .share-text_cont_main17.img_8_preview span div span code span,
.newsharepost .share-text_cont_main17.img_9_preview span div span code span {
  font-size: 22px !important;
  line-height: 32px !important;
  font-weight: bold !important;
  color: #fff;
}

.newsharepost .share-text_cont_main17.img_4_preview span div span code span {
  color: #000 !important;
}

.slideInRight
  .fixed-post-footer
  .portfolio_coment_button
  .Dropzone
  .Dropzone-content.drag_and_drop_content
  h2 {
  padding: 0 !important;
  margin: 0;
}

.slideInRight
  .fixed-post-footer
  .portfolio_coment_button
  .Dropzone
  .Dropzone-content.drag_and_drop_content
  h2
  a {
  float: left;
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}

.slideInRight
  .fixed-post-footer
  .portfolio_coment_button
  .Dropzone
  .Dropzone-content.drag_and_drop_content
  h2
  a
  svg {
  margin-right: 10px;
}

.slideInRight
  .fixed-post-footer
  .portfolio_coment_button
  .category-select-area
  .category-select
  .dropdown-category-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
}

.slideInRight
  .fixed-post-footer
  .portfolio_coment_button
  .category-select-area
  .category-select
  .dropdown-category-filter
  svg {
  margin-right: 10px !important;
  position: relative;
  margin-top: 0;
}

.custom-fadein-modal.slideInRight.report_slide_mobile.likeuserListslide.group-people-invite-list
  div#LikeuserList {
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.video_process {
  padding: 13px;
  height: 300px;
  position: relative;
}

.video_process .video_post_process {
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -40%);
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-weight: 600;
  font-size: 15px;
  line-height: 27px;
  width: 150px;
}

.video_process .video_post_process span {
  float: left;
  width: 46px;
  height: 46px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  position: relative;
}

.video_process .video_post_process_message {
  padding: 13px;
  width: 94%;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: flex;
  color: #ff0000;
  align-items: center;
  position: absolute;
  bottom: 5%;
  left: 3%;
  right: 3%;
}

.video_process .video_post_process_message svg {
  min-width: 34px;
  margin-right: 9px;
}

.post-text-contain__highlighter,
.color_1_add__highlighter {
  min-height: 150px !important;
  max-height: 320px;
}

div#wall_meme
  .comment_input_class.comment_input_class--multiLine
  .comment_input_class__control {
  min-height: 150px !important;
  max-height: 320px;
  overflow-y: auto;
}

.popup_single_post_mobile_section
  .post_left_side
  .post-popup-contain-details
  .meme_new_popup_design_19 {
  float: left;
  height: 100%;
  width: 100%;
}

div.msg-img-col div img.multimedia-image {
  max-height: 300px;
  object-fit: cover;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
}

.share-post-content {
  float: left;
  width: 100%;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.post-user-profile a .image-start-container .post_profile_pic_star-2021,
.profile_img17 a .image-start-container .post_profile_pic_star-2021,
.post_profile_pic_star a .image-start-container .post_profile_pic_star-2021 {
  position: absolute !important;
  top: 0 !important;
}

.portfolio_body_right2 .my_streamcontent ._new_wall_post .row {
  display: flex;
  align-items: center;
  margin: 0;
}

.popup_single_post_mobile_section
  .post_left_side
  .post-popup-contain-details
  div
  img {
  object-fit: cover;
  width: 100%;
}

.selecet_drop.newMsgSearch.message_search_user_2019 {
  float: left;
  width: 100%;
  padding: 10px;
  display: flex;
}

.selecet_drop.newMsgSearch.message_search_user_2019 .post-user-profile {
  float: left;
  height: 45px !important;
  width: 45px !important;
}

.selecet_drop.newMsgSearch.message_search_user_2019 .post-user-profile a {
  padding: 0;
  margin: 0;
}

.dropdownsdrp2.dropdown-category-filter a.sbtn.dropdown-toggle {
  float: left;
  width: 100%;
}

.portfolio_coment_button .shaire_coment .post-submit.disable-post {
  position: relative;
  float: right;
  top: 0;
  right: 0;
}

.commentSlide .my_streamimage svg.user_profile_img-2021 {
  height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}

div#react-contain {
  min-height: 50px !important;
}

.single-settings ul.single-settings-list.dropdown-menu {
  float: left;
}

.single-settings ul.single-settings-list.dropdown-menu li {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 8px;
}

.my_streamcontent3.main {
  width: 100%;
  max-width: inherit;
  height: auto;
}

.my_streamcontent3.main .my_streamcontent3_right_history {
  font-weight: 700;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px !important;
  display: flex;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 6px;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon {
  float: left;
  width: 100%;
  height: 100%;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a {
  float: left;
  width: 100%;
  height: 100%;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container {
  float: left;
  height: 100%;
  width: 100%;
  position: relative;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container
  .my_streamimage
  div {
  float: left;
  width: 100%;
  height: 100%;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container
  .my_streamimage
  div
  img.user_profile_img-2021.comments {
  float: left;
  height: 40px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container
  .my_streamimage {
  float: left;
  height: 100%;
  width: 100%;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container
  .my_streamimage
  svg.user_profile_img-2021 {
  min-width: 40px;
  height: 40px;
  max-width: 40px;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021
  ul.circle-container-2021 {
  top: -5px !important;
  left: 0;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom {
  padding: 0 !important;
  max-width: 90%;
  width: 83% !important;
  float: left;
  margin: 0 !important;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17 {
  padding: 8px !important;
  margin: 0 !important;
  margin-bottom: 0px !important;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3 {
  display: block;
  margin-top: 0;
  float: left;
  width: 93%;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent_post_date.my_streamcontent_post_date_view.comment_reply_show_comment
  + span {
  float: left;
  width: 100%;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent_post_date.my_streamcontent_post_date_view.comment_reply_show_comment {
  float: right;
  margin: 0;
  width: auto !important;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  h5 {
  font-size: 13px;
  line-height: 19px;
  margin: 0;
  text-align: left;
  word-wrap: break-word;
  text-transform: unset;
  float: left;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  .my_streamcontent_like {
  float: left;
  font-size: 10px;
  font-weight: 400;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  h5
  a {
  margin: 0;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  h5
  span
  div
  span.Linkify
  code
  span
  a {
  color: #2687c9;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  h5
  .my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamimage {
  width: 30px;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamimage
  div
  img.user_profile_img-2021.comments {
  float: left;
  height: 30px;
  width: 30px;
}

.my_streamcontent3_right_history_bottom.general-comment {
  float: left;
  padding: 2px 0;
  position: relative;
  width: 86%;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17 {
  position: relative;
  width: 100%;
  float: left;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box {
  position: relative;
  padding: 5px;
  margin-bottom: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 100%;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  div
  div
  img {
  float: left;
  width: 150px;
  object-fit: contain;
  height: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 2px;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  .my_streamcontent3_top_left.left3 {
  width: 99%;
  float: left;
  display: flex !important;
  align-items: center;
  margin-left: 0;
  margin-top: 4px;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  .my_streamcontent3_top_left.left3
  h5 {
  margin: 0;
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  .my_streamcontent3_top_left.left3
  h5
  a {
  text-transform: none;
  font-size: 13px;
  font-weight: 600;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  .my_streamcontent3_top_left.left3
  .my_streamcontent_like {
  color: #666666;
  float: left;
  font-size: 10px;
  font-weight: 400;
  padding: 0;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  .my_streamcontent3_top_left.left3
  .my_streamcontent_like
  span.light2 {
  margin-right: 4px !important;
}

.my_streamcontent3_right_history_bottom.general-comment
  .my_streamcontent3_bottom_left.comment_img_17
  .img_comment_box
  .my_streamcontent3_top_left.left3
  .my_streamcontent_like
  span.light2
  svg {
  margin: 0px 5px;
}

.like-replay-wrap {
  display: flex;
  align-items: center;
  padding: 0px;
  margin: 0px;
  top: 0rem;
  width: 93%;
  margin-bottom: 5px;
}

.like-replay-wrap .my_streamcontent3_bottom_right {
  min-width: fit-content;
  align-items: inherit;
  display: flex;
}

.last_coment_amount_like {
  opacity: 1 !important;
  cursor: pointer;
  float: left;
  margin-right: 7px;
  width: 17px;
}

.like-replay-wrap .clscommentLikeShow .last_coment_amount_like a {
  display: inline-block;
  width: 20px;
  float: left;
  align-items: center;
}

.Extra_div {
  width: 100%;
  background-color: #10bb28;
  position: absolute;
  height: 180px;
  bottom: 0;
}

.last_coment_amount_like a svg {
  height: 24px;
  width: 17px;
  margin-top: 0;
  float: left;
}

.last_coment_amount-react {
  padding: 0px 0px 0 0px !important;
  min-width: auto !important;
  float: left;
  display: flex;
  align-items: center;
  font-size: 12px;
  text-decoration: none;
  color: #777777;
  line-height: normal;
  cursor: pointer;
  height: 24px;
}

.like-replay-wrap .comment_reply {
  width: auto;
  float: left;
  color: #777777 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  cursor: pointer;
  padding: 0;
  position: relative;
  right: inherit;
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.mainPostNotAvailable {
  float: left;
  padding: 10px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  margin-top: 10px;
}

.mainPostNotAvailable span {
  float: left;
  margin-right: 10px;
  height: 34px;
  width: 34px;
  background: #777777;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.mainPostNotAvailable .postNotFound {
  float: left;
  width: 85%;
}

.mainPostNotAvailable .postNotFound h3 {
  margin: 0;
  color: #777777;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 20px;
}

.mainPostNotAvailable .postNotFound p {
  font-size: 11px;
  line-height: 16px;
  color: #777777;
  font-weight: normal;
}

.demo_images.chat-image-popup {
  position: fixed;
  height: 100vh;
  background: #0c0c0ce0 !important;
  float: left;
  width: 100%;
  opacity: 1;
  z-index: 9999991;
}

.demo_images.chat-image-popup button.btn.btn_left {
  top: 50% !important;
  position: absolute;
  left: 5%;
  transform: translate(0, -50%);
  z-index: 999;
}

.demo_images.chat-image-popup button.btn.btn_right {
  top: 50%;
  position: absolute;
  right: 5%;
  transform: translate(-5%, -50%);
}

.demo_images.chat-image-popup button.close {
  position: absolute;
  height: 20px;
  width: 20px;
  background: #1e9bdd;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  right: 1%;
  opacity: 1;
  top: 1%;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  z-index: 1;
}

.demo_images.chat-image-popup .cssbox_full {
  float: left;
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo_images.chat-image-popup .cssbox_full div,
.demo_images.chat-image-popup .cssbox_full div div {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo_images.chat-image-popup .cssbox_full div div img {
  float: left;
  height: 100%;
  width: 90%;
  object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.msg-img-col.videothumb-cal {
  float: left;
  width: 100%;
  position: relative;
}

.msg-img-col.videothumb-cal .video-react {
  float: left;
  top: 0;
  height: 100% !important;
  object-fit: cover;
  width: 100% !important;
  position: absolute;
}

.msg-img-col.videothumb-cal .video-react video.video-react-video {
  position: relative;
  bottom: 0;
}

.posts_wrapper
  .infinite-scroll-component
  .is_shared_post
  .imgPostMain
  a.imgPostImLi
  .imgPostImage.linkPostImgview {
  position: relative;
}

.posts_wrapper
  .infinite-scroll-component
  .is_shared_post
  .imgPostMain
  a.imgPostImLi
  .imgPostImage.linkPostImgview
  p.vpost-site-icon {
  position: absolute;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-weight: bold;
  font-size: 11px !important;
  line-height: 15px;
  padding: 6px 8px;
  right: 10px;
  bottom: 0px;
  width: auto;
  align-items: center;
}

.posts_wrapper
  .infinite-scroll-component
  .is_shared_post
  .imgPostMain
  a.imgPostImLi
  .imgPostImage.linkPostImgview
  p.vpost-site-icon
  span {
  margin-right: 5px;
}

.posts_wrapper
  .infinite-scroll-component
  .is_shared_post
  .imgPostMain
  a.imgPostImLi
  .imgPostImage.linkPostImgview
  p.vpost-site-icon
  img {
  float: left;
  margin-right: 5px !important;
  position: relative !important;
}

div#single_page_msg_hide .fadein-modal-header h3.fz_16 {
  float: left;
  width: 95%;
  max-width: 95% !important;
}

div#single_page_msg_hide
  .fadein-modal-header
  h3.fz_16
  .user_messge_top_heading {
  float: left;
  position: relative;
  display: flex;
  align-items: center !important;
  top: 0;
}

div#single_page_msg_hide .fadein-modal-header {
  display: flex;
  padding: 5px 20px !important;
  align-items: center;
  height: 20px;
}

div#single_page_msg_hide .fadein-modal-header .single-settings {
  position: relative;
  top: 0;
  right: 0;
  float: right;
  padding: 0 4px;
}

div#single_page_msg_hide
  .fadein-modal-header
  .single-settings
  a.dropdown-toggle {
  font-weight: bold;
  font-size: 2rem;
}

.posts_wrapper
  .infinite-scroll-component
  .is_shared_post
  .imgPostMain
  a.imgPostImLi
  .imgPostImage.linkPostImgview
  p.vpost-site-icon
  img {
  float: left;
  height: 17px;
  width: 17px;
}

.posts_wrapper
  .infinite-scroll-component
  .is_shared_post
  .imgPostMain
  a.imgPostImLi
  .imgPostImage.linkPostImgview
  p.vpost-site-icon
  img {
  float: left;
  height: 17px;
  width: 17px;
}

div#new-post-modal-height {
  height: 88vh !important;
  padding-bottom: 0;
}

div#react_wallfeed {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

div#react_wallfeed .portfolio_coment.createnewpostslide .my_streamcontent.main {
  border-radius: 0 !important;
  padding: 0;
}

.wall_Loader {
  width: 100%;
  float: left;
  height: 200px;
  position: absolute;
  top: 0%;
  z-index: 9991;
}

.wall_Loader .cssload-container-div {
  width: 100%;
  text-align: center;
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div#react_wallfeed
  .portfolio_coment.createnewpostslide
  .my_streamcontent.main
  .post_status._new_wall_post {
  padding: 0 !important;
  padding-bottom: 10px !important;
}

.custom-fadein-modal.slideInRight.mobile-message-slide.report_slide_mobile
  .fadein-modal-body {
  height: 77vh;
  padding: 15px 0 0 !important;
}

.custom-fadein-modal.slideInRight.mobile-message-slide.report_slide_mobile
  .fadein-modal-body
  div
  .infinite-scroll-component
  a:nth-child(1) {
  float: left;
  width: 100%;
}

.custom-fadein-modal.slideInRight.mobile-message-slide.report_slide_mobile
  .fadein-modal-body
  div
  .infinite-scroll-component
  a
  .message_area {
  float: left;
  width: 100%;
}

.custom-fadein-modal.slideInRight.mobile-message-slide.report_slide_mobile
  .fadein-modal-body
  div
  .infinite-scroll-component
  a
  .message_area.unread {
  background: rgb(38 135 201 / 5%);
}

.custom-fadein-modal.slideInRight.mobile-message-slide.report_slide_mobile
  .fadein-modal-body
  div
  .infinite-scroll-component
  a
  .message_area
  .message_text.message_text2 {
  min-width: 80%;
  max-width: 82%;
}

.custom-fadein-modal.slideInRight.mobile-message-slide.report_slide_mobile
  .fadein-modal-body
  div
  .infinite-scroll-component
  a
  .message_area
  .message_text.message_text2
  h5 {
  margin: 5px 0;
  float: left;
  width: 100%;
  color: #777777;
  line-height: 22px;
  font-size: 12px;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body {
  padding-top: 0 !important;
  padding: 0 15px !important;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav {
  padding: 10px 0 10px !important;
  float: left;
  width: 100%;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  .srcliBox {
  float: left;
  width: 100%;
  margin: 10px 0 !important;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul {
  width: 100%;
  padding: 0 !important;
  height: 70% !important;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  p.clear-all-btn.filter-clear.setcontributor-for-mobile-desktop {
  float: left;
  position: fixed;
  bottom: 1%;
  margin: 0;
  text-align: left;
  left: 0;
  margin-left: 20px;
  padding: 5px 11px;
  background: rgba(38, 135, 201, 0.1);
  color: #2687c9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  p.filter-close.setcontributor-for-mobile-btn {
  position: fixed;
  bottom: 1%;
  margin: 0;
  text-align: right;
  right: 0;
  margin-right: 15px;
  padding: 5px 11px;
  background: rgba(38, 135, 201, 0.1);
  color: #2687c9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .comment-not-available,
.my_streamcontent3.main
  .my_streamcontent3_right_history
  .comment-not-available {
  float: left;
  width: 86%;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 10px;
  display: flex;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .comment-not-available {
  margin-bottom: 12px;
  width: 100%;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .comment-not-available
  span,
.my_streamcontent3.main
  .my_streamcontent3_right_history
  .comment-not-available
  span {
  float: left;
  margin-right: 12px;
  min-width: 34px;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .comment-not-available
  .postNotFound
  h3,
.my_streamcontent3.main
  .my_streamcontent3_right_history
  .comment-not-available
  .postNotFound
  h3 {
  margin-top: 0;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
  color: rgb(102, 102, 102);
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .comment-not-available
  .postNotFound
  p,
.my_streamcontent3.main
  .my_streamcontent3_right_history
  .comment-not-available
  .postNotFound
  p {
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 0;
  color: rgb(102, 102, 102);
  font-weight: normal;
}

.edit_comment_reply_to_reply .my_streamcontent2.main.after_comment {
  float: left;
  width: 100% !important;
  left: 0 !important;
  right: 0%;
}

.slideInRight.NewCTGslide .fadein-modal-body .filter-nav {
  float: left;
  width: 100%;
  position: relative;
}

.slideInRight.NewCTGslide .fadein-modal-body .filter-nav li.srcliBox {
  float: left;
  width: 100%;
  margin-top: 0 !important;
}

.portfolio_body_right
  .portfolio_body_right2
  .search-filter-head
  .search-filter-box
  .fadein-modal-body
  .filter-nav
  .srcliBox
  a.srcaBox {
  float: left;
  width: 100%;
  position: relative;
}

.portfolio_body_right
  .portfolio_body_right2
  .search-filter-head
  .search-filter-box
  .fadein-modal-body
  .filter-nav
  .srcliBox
  a.srcaBox
  input#search_input {
  margin: 0;
  width: 100%;
  color: #2f8ccb;
  font-size: 15px;
  font-weight: 500;
}

.portfolio_body_right
  .portfolio_body_right2
  .search-filter-head
  .search-filter-box
  .fadein-modal-body
  .filter-nav
  .srcliBox
  a.srcaBox
  svg.categories-search-icon {
  top: 50%;
  right: 15px;
  transform: translate(-50%, -50%);
}

section.profile-content-main17.profile-backgroun.group-wall
  + .LeftSideBar-main
  + .portfolio_body_right
  .portfolio_body_right2.stopscroll.main {
  background: none !important;
}

#react-rank-content
  .box_content
  .box_content
  .rank_list
  .rank-user
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  height: 30px !important;
  width: 30px !important;
}

#react-rank-content
  .box_content
  .box_content
  .rank_list
  .rank-user
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  span.icon-user.user_profile_img-2021 {
  height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  font-size: 2.8rem;
  justify-content: center;
  display: flex;
  align-items: center;
}

#react-rank-content
  .box_content
  .box_content
  .rank_list
  .rank-user
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  img.user_profile_img-2021 {
  height: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px;
}

#react-rank-content
  .box_content
  .box_content
  .rank_list
  .rank-user
  .image-start-container
  .post_profile_pic_star-2021 {
  float: left;
  position: absolute !important;
  top: 0 !important;
}

#react-rank-content
  .box_content
  .box_content
  .rank_list
  .rank-user
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021 {
  float: left;
  height: 30px;
  width: 30px;
}

#react-rank-content
  .box_content
  .box_content
  .rank_list
  .rank-user
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021
  ul.circle-container-2021 {
  top: 0 !important;
  left: 0 !important;
}

#react-rank-content
  .box_content
  .box_content
  .rank_list
  .rank-user
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021
  ul.circle-container-2021
  li {
  top: 35%;
}

.newform-submit .login_submit .disabled-but {
  width: 100%;
  float: left;
  background: radial-gradient(#ffffff6b, #ffffff00);
  padding: 10px 0;
  height: 50px;
}

.my_streamcontent_bottom {
  float: left;
  width: 100%;
}

.commentSlide
  .my_streamcontent2.after_comment
  .my_streamcontent2_left_icon
  .my_streamimage
  svg.user_profile_img-2021 {
  height: 42px;
  min-width: 42px;
}

.main
  .custommargitop17
  .mobile-message-slide
  .fadein-modal-body
  div
  .infinite-scroll-component
  h2.all_messege_header {
  position: fixed;
  bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .search-filter-head .tour-tooltip-feed-category {
    margin-top: 16%;
  }

  .commentSlide
    .fadein-modal-body
    .general-comment
    .like-replay-wrap
    .tour-tooltip-post_comment_like {
    left: -5%;
  }

  .portfolio_coment_button .mb-cat-wrap .tour-tooltip-mb-post-category {
    top: -195px;
  }

  .profile-cover-friend-following-section
    .flower-meg-addfriend
    .tour-tooltip-left-profile-progress.popover {
    top: -165px;
    left: 24%;
  }

  .profile-cover-friend-following-section
    .flower-meg-addfriend
    .tour-tooltip-left-profile-progress.follow-tour.popover.fade.top.in {
    top: -100px;
    left: 35%;
  }
}

.lbmcamcbr_in_but .custom-common-but.disabled-but .cssload-double-div {
  top: 10px;
}

.portfolio_body_right
  .usertour-tendingfeedfilter
  .bootstrap-select
  .dropdown-menu
  ul.inner
  li:first-child {
  padding-top: 0px !important;
}

.message-page-replay.new-msg-request.portfolio_coment_message
  .message-report-main {
  position: fixed;
  text-align: center;
  width: 100%;
  bottom: 2%;
}

.portfolio_body_right
  .search-filter-main
  .search-filter-title
  ul.dropdown-menu.inner
  li {
  padding: 0 !important;
}

.comment_input_class__suggestions ul {
  max-width: 200px;
  max-height: 200px;
  overflow-y: auto;
}

.comment_input_class__suggestions ul li {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}

.comment_input_class__suggestions ul li .userMentionPost {
  float: left;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}

.comment_input_class__suggestions ul li svg {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  min-width: 25px;
  float: left;
}

.comment_input_class__suggestions ul li img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  min-width: 25px;
  float: left;
}

.comment_input_class__suggestions ul li .user {
  float: left;
}

.comment_input_class__suggestions ul li .user {
  float: left;
  position: relative;
}

.comment_input_class__suggestions .user {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.comment_input_class__suggestions
  ul.comment_input_class__suggestions__list
  li
  .user
  .userMentionPost {
  float: left !important;
  height: 26px !important;
  width: 26px !important;
  margin-right: 10px !important;
  position: relative !important;
}

.comment_input_class__suggestions
  ul
  li
  .userMentionPost
  div
  img.user_profile_img-2021 {
  float: left;
  height: 100%;
  width: 100%;
  margin-top: 0 !important;
}

.comment_input_class__suggestions
  ul.comment_input_class__suggestions__list
  li
  .user
  svg.user_profile_img-2021.likes {
  margin-right: 10px !important;
  margin-left: 0 !important;
}

.comment_input_class__suggestions
  ul.comment_input_class__suggestions__list
  li
  .user
  .userMentionPost
  div {
  height: 100% !important;
  width: 100% !important;
}

.comment_input_class__suggestions ul li span {
  float: left;
  line-height: 18px;
}

.commentSlide .fadein-modal-body .main + h5 {
  float: left;
  color: #2687c9;
}

.comment_input_class__suggestions {
  max-height: 200px;
  width: 200px;
  margin: 0 !important;
  left: 50%;
  transform: translateX(-50%);
}

.comment_input_class__suggestions
  .user
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  float: left;
  height: 25px !important;
  width: 25px !important;
}

.comment_input_class__suggestions
  .user
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  float: left;
  height: 25px !important;
  margin-top: 0 !important;
  width: 25px !important;
}

.comment_input_class__suggestions
  .user
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  svg.user_profile_img-2021 {
  float: left;
  height: 25px !important;
  min-width: 25px !important;
}

.comment_input_class__suggestions
  .user
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  svg.user_profile_img-2021 {
  float: left;
  height: 25px !important;
  min-width: 25px !important;
  border: 1px solid #2687c9;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.comment_input_class__suggestions
  .user
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  img.user_profile_img-2021 {
  height: 25px !important;
  width: 25px !important;
  margin: 0 !important;
  max-width: 25px !important;
  min-width: 25px;
  border: 1px solid #2687c9;
}

.post-text-contain__suggestions ul li div.user svg.user_profile_img-2021.likes {
  height: 25px;
  width: 25px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #2687c9;
  min-width: 25px;
  margin-right: 5px;
}

div#wall_meme
  .comment_input_class.comment_input_class--multiLine
  .comment_input_class__suggestions
  ul.comment_input_class__suggestions__list
  li.comment_input_class__suggestions__item.comment_input_class__suggestions__item--focused
  .user.focused
  div
  div {
  min-height: 10px !important;
}

.edit_user_email_section .edit_user_email_display .col-md-2 .side-btn {
  float: left;
  width: 100%;
}

.edit_user_email_section
  .edit_user_email_display
  .col-md-2
  .side-btn
  .permission-but-all.new-permission-class.palinPost {
  float: left;
  margin: 0 !important;
}

.comment_input_class__control {
  min-height: 150px !important;
}

.comment_input_class__highlighter {
  min-height: 150px !important;
}

.comment_input_class__control textarea {
  min-height: 150px !important;
}

.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box
  .comment_input_class.comment_input_class--multiLine
  .comment_input_class__control {
  min-height: 20px !important;
}

.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box
  .comment_input_class.comment_input_class--multiLine
  .comment_input_class__control
  .comment_input_class__highlighter {
  min-height: 20px !important;
  height: 40px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  border: none !important;
  margin: 1px 0px 0px -3px;
}

.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box
  .comment_input_class.comment_input_class--multiLine
  .comment_input_class__control
  textarea.comment_input_class__input {
  min-height: 20px !important;
  height: 44px !important;
}

.share_post_cont_main17 .post_profile_top .post-user-profile a {
  height: 40px;
  min-width: 40px;
  max-width: 40px;
  float: left;
}

.share_post_cont_main17
  .post_profile_top
  .post-user-profile
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  svg.user_profile_img-2021 {
  max-width: 40px !important;
  min-width: 40px !important;
}

.col-md-12.form-group.edit_user_contact_info_new .row {
  margin: 0;
}

a.newPostView {
  background: rgba(38, 135, 201, 0.1) !important;
}

.bootstro-finish-btn {
  background: none;
  color: #2687c9 !important;
  border: none;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
}

.info-edit-popup.user_social_site {
  height: 100vh;
  float: left;
  width: 100%;
}

.info-edit-popup.user_social_site div#SitesAndSocialLinks {
  float: left;
  width: 100%;
  height: 100vh;
}

h3.fz_16 {
  font-size: 15px;
  font-weight: 700;
  color: #999;
  display: flex;
  align-items: center;
}

.user_social_site .modal-footer .action-wrap {
  float: right;
  width: auto;
  min-width: 145px;
}

.user_social_site .modal-footer .action-wrap .education-permission-top {
  float: left;
}

.user_social_site .modal-footer .action-wrap button.btn.btn-primary {
  right: 0 !important;
  position: relative !important;
}

.about_edit
  .NewSildeLeft
  .info-edit-popup
  .modal-footer
  button.cancleNewEmailBtm.cnl-btn {
  height: 40px;
  padding: 0 !important;
  line-height: 40px !important;
}

.profile-cover-friend-following-section
  .flower-meg-addfriend
  .tour-tooltip-left-profile-progress {
  top: -170px;
  left: 0px;
}

.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box
  .cssload-container-div.left15x15,
.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box
  .cssload-container-div.left15x15 {
  float: left;
  width: 100%;
  height: 40px;
  position: absolute;
  background: #99999969;
  left: 0px;
}

.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box
  .cssload-container-div.left15x15
  .cssload-div,
.my_streamcontent2.main.after_comment
  .my_streamcontent2_right_input.main
  .mentions-input-box
  .cssload-container-div.left15x15
  .cssload-div {
  width: 30px;
}

#popup-post-details
  .popup_single_post_mobile_section
  .post_left_side
  .cssload-container-div {
  display: none !important;
}

.privacy_security_Page {
  float: left;
  height: 86vh;
  padding-top: 22px !important;
}

.privacy_security_Page .container.custom-container {
  height: 86vh;
}

.privacy_security_Page .container.custom-container .portfolio_body_right {
  height: 86vh;
}

.privacy_security_Page
  .container.custom-container
  .portfolio_body_right
  .privacy_security_content {
  padding: 0;
}

.userBlockLIst {
  float: left;
  width: 100% !important;
  display: block !important;
}

.my_streamcontent2.main.after_comment.comment_reply_row {
  float: left;
  width: 100% !important;
  left: 0;
  right: 0;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar {
  min-width: 30px !important;
  height: 30px;
  max-width: 30px !important;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a {
  float: left;
  height: 100%;
  width: 100%;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a
  .image-start-container {
  float: left;
  height: 100%;
  width: 100%;
  position: relative;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage {
  float: left;
  height: 30px;
  width: 30px !important;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  div {
  float: left;
  height: 100%;
  width: 100%;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  div
  img.user_profile_img-2021.comments {
  width: 30px;
  min-width: 30px;
  height: 30px !important;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  svg.user_profile_img-2021 {
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_right_input.main.comment_reply_input_text {
  width: 88% !important;
}

.find-friend-box {
  float: left;
  width: 100%;
}

.find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF h2 {
  float: left;
  width: 100%;
}

.post-user-profile svg.user_profile_img-2021.likes {
  height: 45px;
  width: 45px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #e9f3f9;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  h5
  span
  div
  span
  code
  a {
  color: #2687c9;
}

div#popup-post-details .popup_single_post_mobile_section {
  float: left;
  width: 100%;
  height: 100%;
}

.custom-fadein-modal.slideInRight.report_slide_mobile.userSlide {
  height: 100vh;
}

.custom-fadein-modal.slideInRight.report_slide_mobile.userSlide
  .fadein-modal-body {
  height: 80vh;
  overflow-y: auto;
}

div#popup-post-details .popup_single_post_mobile_section .post_right_side {
  float: left;
  width: 100%;
}

a.userWall {
  float: left;
  width: 100%;
}

.afterlog_SideNav {
  float: left;
  width: 100%;
}

.afterlog_SideNav ul.nav.navbar-nav.navbar-right {
  float: left;
  width: 100%;
}

.afterlog_SideNav ul.nav.navbar-nav.navbar-right li a {
  padding: 0 !important;
  margin-top: 0;
  width: 100%;
  height: 43px;
  line-height: 43px;
}

.afterlog_SideNav ul.nav.navbar-nav.navbar-right li a span.icon-arow_right {
  float: right;
  height: 43px;
  line-height: 43px;
}

.afterlog_SideNav ul.nav.navbar-nav.navbar-right li a span.navsvg {
  float: left;
  height: 41px;
  width: 41px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 45px rgb(0 0 0 / 10%);
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  margin-right: 10px;
}

.afterlog_SideNav ul.nav.navbar-nav.navbar-right li a span.navsvg.logoutsvg {
  background: #ff0000;
}

.afterlog_SideNav
  ul.nav.navbar-nav.navbar-right
  li
  a
  span.navsvg.logoutsvg
  span {
  color: #fff;
}

.imgPostImage p#atc_hostv {
  position: absolute;
  width: auto;
  right: 10px;
  bottom: 8px;
  margin: 0;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #010101;
}

.fadein-modal-body.refcls ul.nav.navbar-nav.navbar-right li a {
  padding: 0 !important;
  display: flex;
  align-items: center;
}

span.navsvg {
  float: left;
  height: 41px;
  width: 41px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 45px rgb(0 0 0 / 10%);
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  margin-right: 10px;
}

span.navsvg.logoutsvg {
  background: #ff0000;
  color: #fff;
}

.post_body_left .portfolio_body_right4 .commentsandshare .bottomslidebar {
  float: left;
  display: flex;
  align-items: center;
}

.last_coment_amount_like_own svg {
  width: 24px;
  height: 17px;
  float: left;
  display: flex;
  align-items: center;
}

.replyLike path {
  fill: rgb(34, 134, 201);
}

.commentSlide .like-replay-wrap {
  padding: 0px;
  margin: 0px;
  top: 0rem;
  width: 93%;
  position: relative;
  left: 4%;
  float: left;
  display: flex;
  align-items: center;
}

.commentSlide .like-replay-wrap .my_streamcontent3_bottom_right {
  min-width: fit-content;
  align-items: inherit;
  display: flex;
  position: relative;
  right: inherit;
  float: left !important;
  margin: 0 5px 0 0;
  margin: 0px !important;
}

.commentSlide .last_coment_amount_like a {
  float: left;
  display: flex;
  align-items: center;
}

svg.ShareonTribel {
  width: 16px;
}

.custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details {
  padding: 0 !important;
  overflow-x: hidden !important;
}

.single-group .single-group-wrap .group-dash-photo a {
  float: left;
  height: 103px;
  width: 103px;
  background: #ececec;
}

.single-group .single-group-wrap .group-dash-photo a svg {
  min-width: 103px;
}

.single-group .single-group-wrap .group-dash-photo a svg {
  min-width: 103px;
  height: 103px;
}

svg.howTribel {
  height: 30px;
  width: 30px;
}

.howTribel path.st3 {
  fill: #fff;
}

.postHead_userInfo {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}

ul.dropdown-menu.cover-image-option li {
  padding: 0 !important;
}

.footer_bottom_left_mobile {
  float: left;
  width: 100%;
  padding: 10px 0;
}

.footer_bottom_left_mobile {
  float: left;
  width: 100%;
  padding: 10px 0;
}

.footer_bottom_left_mobile ul.footer-nav-mobile21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
}

.footer_bottom_left_mobile ul.footer-nav-mobile21 li a {
  font-size: 15px;
}

span.love-icon svg {
  float: left;
  height: 19px;
  width: 19px;
  margin-right: 7px;
  margin-top: 5px;
}

span.love-icon.iconLove svg path {
  fill: #777777;
}

.group-page-body {
  float: left;
  width: 100%;
}

.cover-btn.joined.Invite_People_2021 a {
  display: flex;
  align-items: center;
}

.people-list-container {
  float: left;
  width: 100%;
}

.react_message_body .chat-user-single-msg .post_report {
  border: 1px solid rgba(255, 0, 0, 0.12);
  float: left;
  background: rgba(255, 0, 0, 0.05);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  max-width: 90%;
}

.react_message_body .chat-user-single-msg .post_report label {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(255, 0, 0, 0.12);
  padding: 9px 15px;
  font-size: 12px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 0px !important;
}

.react_message_body
  .chat-user-single-msg
  .post_report
  .chat-user-single-msg-text {
  margin: 0 !important;
  padding: 9px 15px;
  border: none;
  background: none;
}

div.chat-user-single-msg.chat-user-other.my-message .post_report,
.right_chatBox .chat-user-single-msg.chat-user-other.my-nessage .post_report {
  float: right;
  border: 1px solid rgba(255, 0, 0, 0.12);
  background: rgba(255, 0, 0, 0.05);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  max-width: 90%;
}

div.chat-user-single-msg.chat-user-other.my-message .post_report label,
.right_chatBox
  .chat-user-single-msg.chat-user-other.my-nessage
  .post_report
  label {
  float: right;
  text-align: right;
}

div.chat-user-single-msg.chat-user-other.my-message
  .post_report
  .chat-user-single-msg-text,
.right_chatBox
  .chat-user-single-msg.chat-user-other.my-nessage
  .post_report
  .chat-user-single-msg-text {
  background: none;
}

.slideInRight.NewCTGslide
  .fadein-modal-body
  .filter-nav
  .cssload-container-div {
  position: absolute;
  left: 0;
  width: 100%;
  background: radial-gradient(#ffffffc4, #ffffff5e);
  height: 45px;
}

.slideInRight.NewCTGslide
  .fadein-modal-body
  .filter-nav
  .cssload-container-div
  .cssload-div {
  height: 25px;
  width: 25px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.slideInRight.NewCTGslide
  .fadein-modal-body
  .filter-nav
  .cssload-container-div
  .cssload-div
  .cssload-double-div {
  height: 25px;
  width: 25px;
}

.about_edit
  .info-edit-popup
  .edit_user_birth_year
  .user_birth_year_view
  .select-dropdown-one
  .user_selectMOnth
  select#month {
  width: 100%;
}

.about_edit
  .info-edit-popup
  .edit_user_birth_year
  .edit_user_birth
  .select-dropdown-one
  .permission-but-all.palinPost,
.about_edit
  .info-edit-popup
  .edit_user_birth_year
  .user_birth_year_view
  .select-dropdown-one
  .permission-but-all.palinPost {
  width: auto;
}

.education-info
  .education-item.site-and-social
  div
  .socialmedia_list
  a.edit-btns {
  position: relative;
}

.my_streamcontent2.main.after_comment .after_comment_commentbox {
  position: relative;
  float: left;
  width: 100%;
}

.after_comment_commentbox .comment_new_style {
  position: absolute;
  padding: 0 !important;
  right: 5px;
  width: 50px;
  text-align: center;
  top: 49px;
}

.after_comment_commentbox .comment_new_style .cancel_new_btn.comment_cancel {
  position: relative;
  right: initial;
  bottom: inherit;
}

.my_streamcontent2.main.after_comment.comment_reply_row.replyComment_2021 {
  box-shadow: none;
  padding: 5px !important;
}

.my_streamcontent2.main.after_comment.comment_reply_row.replyComment_2021
  .comment_new_style {
  position: absolute;
  top: 50px;
  right: 6.5%;
  padding: 0 !important;
  width: auto;
}

.my_streamcontent2.main.after_comment.comment_reply_row.replyComment_2021
  .comment_new_style
  .cancel_new_btn.comment_cancel {
  position: relative;
  bottom: inherit;
  right: -6px !important;
  cursor: pointer;
  color: #1e9bdd;
  font-weight: normal;
}

.my_streamcontent_bottom .imgPostMain .sharedTitleView + a.imgPostImLi {
  padding-top: 10px;
}

.portfolio_coment_button
  .shaire_coment
  .post-submit.disable-post
  .cssload-container-div.center15x15 {
  background: radial-gradient(#ffffffb0, #ffffff52);
}

.all_notification_border_area
  .nav-notification-box.notifications_area
  .mobile_user_avatar
  a
  .image-start-container
  svg.user_profile_img-2021 {
  height: 20px;
  width: 20px;
  min-width: 20px;
}

.portfolio_body_right .imgPostMain .sharedTitleView .Linkify code + a {
  margin: 0 !important;
  white-space: normal;
}

.custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .custom-fadein-modal.slideInRight.report_slide_mobile
  .fadein-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.setContributor_view {
  margin-top: 10px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.notie-button.notie-background-neutral {
  height: 25px;
  width: 25px;
  float: left;
  background: #000;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  content: '*';
  color: #fff;
  top: -5px;
  right: -5px;
  font-size: 0.0001em;
}

.notie-button.notie-background-neutral::after {
  content: '*';
  position: absolute;
  left: 50%;
  top: 66%;
  font-size: 30px;
  font-weight: bold;
  height: 25px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}

.custom-container .profile-backgroun + .portfolio_body_right {
  min-height: 20vh;
  margin-bottom: 20px;
}

.thumbSvg {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
}

.imgPostImLi .img_post_1x4 .img_post_box_clear .thumbSvg svg#Icon {
  width: 40%;
}

svg#Icon {
  width: 40%;
  margin: 0 auto;
  text-align: center;
}

svg#Icon polyline,
svg#Icon rect,
svg#Icon circle,
svg#Icon polygon {
  stroke: #d4d4d4 !important;
}

div#popup-post-details .custom-fadein-modal.slideInRight.report_slide_mobile {
  height: 98vh;
  z-index: 9999999999999 !important;
}

div#popup-post-details
  .custom-fadein-modal.slideInRight.report_slide_mobile
  .fadein-modal-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999999999999 !important;
  height: 66px;
}

div#popup-post-details
  .custom-fadein-modal.slideInRight.report_slide_mobile
  .fadein-modal-body {
  background: none;
  max-height: 87vh;
  padding-top: 80px !important;
}

.cssload-container-div.center15x15.common-height {
  text-align: center;
  float: left;
  position: absolute !important;
  width: 50px !important;
  min-height: 50px !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px #cccc;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}

.about_section_stroy .storyPermission .palinPost div#dropdownMenu4 {
  position: relative;
}

.about_section_stroy
  .storyPermission
  .palinPost
  div#dropdownMenu4
  ul.dropdown-menu.permission-dropdown {
  position: absolute;
  top: inherit;
  bottom: 40px;
}

/* .newDesignadd {
  width: 100%;
}
.addPhotoHide {
  display: none;
}
*/
.video_process_error {
  background: rgba(255, 0, 0, 0.05);
  padding: 70px;
  float: left;
  width: 100%;
}

.video_process_error .video_post_process_message {
  margin-top: 20px;
}

.video_process_error .video_post_process_message p {
  color: #ff0000;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 0;
}

.video_process_error .video_post_process_message button.try_again {
  color: #fff;
  border: none;
  background: #2687c9;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 400;
  margin-top: 30px;
}

ul.validation_password {
  display: block;
  -moz-box-shadow: 0px 16px 35px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 16px 35px rgb(0 0 0 / 5%);
  box-shadow: 0px 16px 35px rgb(0 0 0 / 5%);
  -moz-border-radius: 0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  color: #000;
  position: absolute;
  padding: 20px;
  z-index: 10;
  top: 50px;
  min-width: 100%;
}

.pass_error:before,
.nameText::before {
  position: relative;
  content: '\e965';
  font-family: 'icomoon';
  margin-right: 10px;
  font-size: 12px;
}

.pass_success:before {
  position: relative;
  content: '\ea10';
  font-family: 'icomoon';
  margin-right: 10px;
  font-size: 12px;
}

ul.validation_password li {
  font-size: 14px;
  margin-bottom: 10px;
  list-style: none;
}

ul.validation_password li:last-child {
  margin-bottom: 0;
}

.pass_error {
  color: #ff0000;
}

.pass_success,
.nameText {
  color: #4b8600;
}

.img_2_add__suggestions,
.img_3_add__suggestions,
.img_4_add__suggestions,
.img_5_add__suggestions,
.img_6_add__suggestions,
.img_7_add__suggestions,
.img_8_add__suggestions,
.img_9_add__suggestions,
.gradient_10_add__suggestions,
.gradient_11_add__suggestions,
.gradient_12_add__suggestions,
.gradient_13_add__suggestions,
.gradient_14_add__suggestions,
.gradient_15_add__suggestions,
.gradient_16_add__suggestions,
.gradient_17_add__suggestions,
.gradient_18_add__suggestions,
.gradient_2_add__suggestions,
.gradient_3_add__suggestions,
.gradient_4_add__suggestions,
.gradient_5_add__suggestions,
.gradient_6_add__suggestions,
.gradient_7_add__suggestions,
.gradient_8_add__suggestions,
.gradient_9_add__suggestions {
  width: 100% !important;
  right: 0 !important;
  top: 45% !important;
  /* transform: translate(-50%, -50%); */
  z-index: 999999999 !important;
}

li .focused_hashtag {
  display: grid !important;
  float: left;
  text-align: left;
}

.user.focused_hashtag.focused_hashtag1 span.hashtag {
  font-weight: bold;
}

.focused_hashtag .hashtagCount {
  color: #1e1e1e;
  font-size: 10px;
}

.cat-slide-mob ul.search_new_ctg_list li.fnf-ctg a.trigger {
  float: left !important;
  display: flex;
  align-items: center;
}

.cat-slide-mob ul.search_new_ctg_list li.fnf-ctg a.trigger span.cat-name {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cat-slide-mob ul.search_new_ctg_list li.fnf-ctg span.cat-add-img {
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cat-slide-mob ul.search_new_ctg_list li.fnf-ctg ul.dropdown-menu.sub-menu li {
  padding: 4px 0 !important;
}

.cat-slide-mob
  ul.search_new_ctg_list
  li.fnf-ctg
  ul.dropdown-menu.sub-menu
  li
  a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
}

.cat-slide-mob
  ul.search_new_ctg_list
  li.fnf-ctg
  ul.dropdown-menu.sub-menu
  li
  a
  span.sub-cat-add-img
  svg {
  float: left;
}

ul.search_new_ctg_list.Ashik#content li ul li {
  padding: 5px 0 !important;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul
  li
  ul {
  padding-left: 15px !important;
  padding-right: 5px !important;
  margin-bottom: 0 !important;
  padding-right: 0 !important;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul
  li
  ul
  li {
  display: flex;
  align-items: center;
  float: left;
  width: 100%;
  justify-content: space-between;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul
  li
  ul
  li
  a {
  float: left;
  width: auto !important;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul
  li
  ul
  li
  span.sub-cat-add-img
  svg,
.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul
  li
  ul
  li
  span.filteradded
  svg {
  margin-top: 0px !important;
  position: relative;
  right: 0px;
}

.cat-slide-mob ul.search_new_ctg_list li.personalPost {
  padding-left: 12px !important;
}

.personalPost a {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.personalPost a span {
  float: left;
}

/* .personalPost a span.sub-cat-name {
  padding-left: 16px;
}
*/
.cat-slide-mob ul.search_new_ctg_list li.sub-cat-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px !important;
}

.cat-slide-mob ul.search_new_ctg_list li.sub-cat-name span.cat-add-img {
  padding: 0 0 !important;
}

div#single_post_popup_modal {
  float: left;
  width: 100%;
}

div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup {
  float: left;
  height: 100vh;
}

div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup {
  float: left;
  height: 100vh;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal {
  position: fixed;
  float: left;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 99vh;
  z-index: 999999;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup {
  float: left;
  width: 100%;
  height: 100%;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  .right_popup_post_body {
  padding: 0 15px;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  .post21__header__top.clearfix {
  margin: 0;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .postHead_userInfo {
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .postHead_userInfo
  .post-user-profile {
  height: 45px !important;
  width: 45px !important;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .postHead_userInfo
  .post-user-profile
  a {
  float: left;
  width: 100%;
  height: 100%;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .postHead_userInfo
  .post-user-profile
  a
  .image-start-container {
  float: left;
  height: 100%;
  width: 100%;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .postHead_userInfo
  .post-user-profile
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  height: 100% !important;
  width: 100% !important;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .postHead_userInfo
  .post-user-profile
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  img {
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .postHead_userInfo
  .post-user-profile
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  height: 100% !important;
  width: 100% !important;
}

.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .portfolio_body_right4.main.status_content {
  padding-bottom: 15px !important;
}
.portfolio_body_right2.ex_image_start.stopscroll.main#middle_container_wrapper
  div#single_post_popup_modal
  .custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  div#popup-post-details
  .post_right_side.video_post_info
  .portfolio_body_right4.main.status_content {
  padding-bottom: 7px !important;
}

.post-user-profile-details
  .post-upd-top
  .post-upd-dropdown.bottomslidebar.open
  ul.dropdown-menu.post_dropdown-menu {
  padding: 15px !important;
}

.post-user-profile-details
  .post-upd-top
  .post-upd-dropdown.bottomslidebar.open
  ul.dropdown-menu.post_dropdown-menu
  li {
  padding: 5px 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.post-user-profile-details
  .post-upd-top
  .post-upd-dropdown.bottomslidebar.open
  ul.dropdown-menu.post_dropdown-menu
  li
  span.icon-checkmark {
  font-size: 0.9rem;
  background: #e9f3f9;
  border-radius: 5px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2687c9;
}

.posts_wrapper.remove_wrapper {
  display: none !important;
}

.report_slide_mobile.edit-21-post-modal-m .fadein-modal-header {
  float: left;
  position: relative !important;
}

.report_slide_mobile.edit-21-post-modal-m div#new-post-modal-height {
  padding: 0 15px !important;
  margin-top: 0 !important;
  max-height: 85vh !important;
}

.share-post-content .post_profile_top .post21__header__top.clearfix {
  margin-left: -10px;
  margin-right: -10px;
}

.share-post-content
  .post_profile_top
  .post21__header__top.clearfix
  .post21__header__top__left
  h6,
.share-post-content
  .post_profile_top
  .post21__header__top.clearfix
  .post21__header__top__right
  h6 {
  margin: 0;
}

.edit_user_phone_display .edit_user_phone_view .form-group {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.main_warper
  .custom-container
  .portfolio_body_right2
  .my_streamcontent
  .add_image
  span
  svg {
  float: left;
  margin-right: 5px;
}

.infinite-scroll-component .photos-options span.ellipsis-icon {
  display: none;
}

.my_streamcontent3.main + h5 {
  float: left;
  color: #2687c9;
  font-size: 14px;
  line-height: 20px;
}

.img_comment_box.\30 1 {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .imgPostImLi
    .ImageNewPost_with_mutilUpload
    .img_post_1x1
    .img_post_box_clear
    img {
    width: auto;
    object-fit: cover;
    max-height: 300px;
  }

  .img_post_box_clear div {
    width: auto;
    object-fit: cover;
    max-height: 300px;
  }

  .imgPostImLi
    .ImageNewPost_with_mutilUpload
    .img_post_1x1
    .img_post_box_clear {
    padding: 0 1px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .landscapeLinkPost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: left;
    width: 100%;
    -moz-border-radius: 0px 10px 10px 0;
    -webkit-border-radius: 0px 10px 10px 0;
    border-radius: 0px 10px 10px 0;
  }

  .custom-fadein-modal.slideInRight.mobile-post-contain
    .fadein-modal-body.new-post-slide {
    max-height: inherit;
  }

  .custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
    .fadein-modal-body
    .filter-nav
    ul {
    height: 65% !important;
  }

  .account_cint.new-account-class {
    float: left;
    width: 100%;
  }

  .account-cls .new-account-class .account_cont_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .find-friend-box .find-friend-box-header.ff-main.find-friend-box-headerFF {
    float: left;
    width: 100%;
    text-align: center;
  }

  .friends_tab_area_new .friends_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .friends_tab_area_new .friends_info_bottom {
    align-content: center;
    justify-content: flex-end;
  }

  .slideInRight.NewCTGslide .fadein-modal-body .filter-nav {
    height: 80%;
  }

  .NewSildeLeft .info-edit-popup .modal-content .modal-body {
    width: 100%;
  }

  .portfolio_body
    .portfolio_body_right
    .posts_wrapper11
    .friends_area__
    .friends_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .NewSildeLeft .info-edit-popup .modal-content .modal-body {
    height: 67.5vh;
  }

  .NewSildeLeft .info-edit-popup .modal-content .modal-body {
    max-height: inherit !important;
    height: 67.5vh;
    overflow: auto;
    float: left;
  }

  .custom-fadein-modal.slideInRight.mobile-post-contain {
    overflow-y: auto;
  }

  .custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-header {
    position: fixed;
    float: left;
  }

  .custom-fadein-modal.slideInRight.mobile-post-contain
    .fadein-modal-header
    + .fadein-modal-body.new-post-slide {
    padding-top: 65px;
    z-index: -1;
  }

  .mobile-post-contain .fadein-modal-body .flypost_content {
    float: left;
    width: 100%;
  }

  .custom-fadein-modal.slideInRight.mobile-post-contain
    .fadein-modal-body.new-post-slide
    .flypost_content
    .main
    form
    .portfolio_coment_fly_ext {
    overflow: inherit;
  }

  .custom-fadein-modal.slideInRight.mobile-post-contain
    .fadein-modal-body.new-post-slide
    .flypost_content
    .main
    form
    .portfolio_coment_fly_ext
    div#newPostFullBody17
    div.popup-container-main17 {
    overflow-y: inherit;
    max-height: inherit !important;
  }

  .img_2_add,
  .img_3_add,
  .img_4_add,
  .img_5_add,
  .img_6_add,
  .gradient_2_add,
  .gradient_3_add,
  .gradient_4_add,
  .gradient_5_add,
  .gradient_6_add,
  .gradient_7_add,
  .gradient_8_add,
  .gradient_9_add,
  .gradient_10_add,
  .gradient_11_add,
  .gradient_12_add,
  .gradient_13_add,
  .gradient_14_add,
  .gradient_15_add,
  .gradient_16_add,
  .gradient_17_add,
  .gradient_18_add {
    padding: 60px 30px !important;
  }

  .img_2_add_input,
  .img_3_add_input_input,
  .img_4_add_input,
  .img_5_add_input,
  .img_6_add_input .gradient_2_add_input .gradient_3_add_input,
  .gradient_4_add_input,
  .gradient_5_add,
  .gradient_6_add_input,
  .gradient_7_add_input,
  .gradient_8_add_input,
  .gradient_9_add_input .gradient_10_add_input,
  .gradient_11_add_input .gradient_12_add_input,
  .gradient_13_add_input,
  .gradient_14_add_input,
  .gradient_15_add_input,
  .gradient_16_add_input,
  .gradient_17_add_input .gradient_18_add_input {
    padding: 60px 30px !important;
  }

  .img_2_add__input,
  .img_3_add__input,
  .img_4_add__input,
  .img_5_add__input,
  .img_6_add__input,
  .img_7_add__input,
  .img_8_add__input,
  .img_9_add__input,
  .gradient_10_add__input,
  .gradient_11_add__input,
  .gradient_12_add__input,
  .gradient_13_add__input,
  .gradient_14_add__input,
  .gradient_15_add__input,
  .gradient_16_add__input,
  .gradient_17_add__input,
  .gradient_18_add__input,
  .gradient_2_add__input,
  .gradient_3_add__input,
  .gradient_4_add__input,
  .gradient_5_add__input,
  .gradient_6_add__input,
  .gradient_7_add__input,
  .gradient_8_add__input,
  .gradient_9_add__input {
    padding: 60px 30px !important;
  }

  .custom-fadein-modal.slideInRight.mobile-post-contain
    .fadein-modal-body.new-post-slide
    .flypost_content
    .main
    form
    .portfolio_coment_fly_ext
    div#newPostFullBody17
    div.popup-container-main17
    .postMentionsInputBox
    .wall
    .carousel.slide
    .carousel-inner {
    height: 40px !important;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto !important;
    float: none;
  }

  .wall div#myCarousel {
    padding: 0;
  }

  .wall div#myCarousel .carousel-inner {
    float: left;
    padding: 0 !important;
    margin: 0 !important;
  }

  .wall div#myCarousel .carousel-inner .item.active {
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .wall div#myCarousel .carousel-inner .item.active .row-fluid {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .wall div#myCarousel .carousel-inner .item.active .row-fluid .span1 {
    width: auto;
    display: flex;
    align-items: center;
    margin: 0 !important;
    margin-right: 5px !important;
  }

  .wall div#myCarousel .carousel-inner .item.active a.thumbnail {
    height: 40px;
    width: 40px;
  }

  .wall div#myCarousel a.left.carousel-control {
    position: absolute;
    left: 0 !important;
    width: 35px;
    height: 40px;
    display: flex;
    align-items: center;
  }

  .wall div#myCarousel a.right.carousel-control {
    right: 0 !important;
    position: absolute;
    width: 35px;
    height: 40px;
    display: flex;
    align-items: center;
  }

  .wall div#myCarousel a.left.carousel-control svg,
  .wall div#myCarousel a.right.carousel-control svg {
    margin: 0 !important;
  }

  .homeStateAdd {
    float: left;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
  }

  .homeStateAdd .homeStateAddCountry,
  .homeStateAdd .homeStateAddState,
  .form-group.col-sm-6.col-md-6.nameFirst,
  .form-group.col-sm-6.col-md-6.nameLast,
  .form-group.col-sm-6.col-md-12.userHeadline,
  .form-group.col-sm-6.col-md-4.userGender {
    float: left;
    width: 50% !important;
  }

  .homeStateAddCountry,
  .form-group.col-sm-6.col-md-6.nameFirst,
  .form-group.col-sm-6.col-md-12.userHeadline {
    padding-left: 0;
  }

  .homeStateAddState,
  .form-group.col-sm-6.col-md-6.nameLast,
  .form-group.col-sm-6.col-md-4.userGender {
    padding-right: 0;
  }

  .row.birthYear_view {
    display: flex;
    align-items: center;
  }

  div#Editexperiences {
    float: left;
    width: 100%;
  }

  div#Editexperiences .modal-dialog.new-model-17 {
    float: left;
    width: 100% !important;
  }

  .popup_single_post_mobile_section
    .post_left_side
    .post-popup-contain-details {
    height: 50vh;
    float: left;
    width: 100%;
  }

  .popup_single_post_mobile_section
    .post_left_side
    .post-popup-contain-details
    img {
    object-fit: cover;
    height: 100%;
    width: auto;
  }

  .infinite-scroll-component
    .post_body_left
    .imgPostMain
    .imgPostImage
    .LazyLoad
    img {
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
  }

  .hp_popup_content {
    height: 82px;
  }

  .search-filter-head .tour-tooltip-feed-category {
    margin-top: 17%;
  }

  .profile-cover-friend-following-section
    .flower-meg-addfriend
    .tour-tooltip-left-profile-progress {
    top: -150px;
    left: 20%;
  }

  .profile-cover-friend-following-section
    .flower-meg-addfriend
    .tour-tooltip-left-profile-progress {
    top: -95px;
    left: 33%;
  }

  .demo_images.chat-image-popup .cssbox_full {
    height: 90%;
  }
}

label span.requiredStar {
  color: #ff0000;
}

a.tribelLogo {
  float: left;
  position: relative;
  margin-top: 8px;
}

.main_warper
  .profile-navbar
  .header_top
  .container.custom-container
  .main
  .logo_area
  a {
  position: relative;
  margin-top: 8px;
}

.video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.video-react-control-bar.video-react-control-bar-auto-hide
  button.video-react-icon-fullscreen.video-react-fullscreen-control.video-react-control.video-react-button.video-react-icon {
  display: none;
}
/*
.imgPostImage.imgPostimgView2 .video-react-control-bar.video-react-control-bar-auto-hide button.video-react-play-control.video-react-control.video-react-button.video-react-paused,
.imgPostImage.imgPostimgView2 .video-react-control-bar.video-react-control-bar-auto-hide .video-react-current-time.video-react-time-control.video-react-control,
.imgPostImage.imgPostimgView2 .video-react-control-bar.video-react-control-bar-auto-hide .video-react-time-control.video-react-time-divider,
.imgPostImage.imgPostimgView2 .video-react-control-bar.video-react-control-bar-auto-hide .video-react-duration.video-react-time-control.video-react-control,
.imgPostImage.imgPostimgView2 .video-react-control-bar.video-react-control-bar-auto-hide .video-react-progress-control.video-react-control,
.imgPostImage.imgPostimgView2 .video-react-control-bar.video-react-control-bar-auto-hide button.video-react-play-control.video-react-control.video-react-button.video-react-playing {
  display: none !important;
} */

.video-react .video-react-control-bar.fullScreensh {
  width: 95% !important;
}

.popover {
  border: none;
  max-width: 300px;
  width: 300px;
}

.addPhotoDiv {
  padding: 0 8px;
}

.home_tab a.home-link-class.top_menu_active {
  margin-top: 0;
}

.home_tab a.home-link-class.top_menu_active span {
  color: #2687c9;
}

.posts_wrapper
  .infinite-scroll-component
  .post_body_left
  .status_content
  .my_streamcontent2
  .my_streamcontent2_right.bottomslidebar
  .my_streamcontent2_like_share
  .dropdown-toggle.ShareDrop19 {
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.video-react-menu-content
  .video-react-volume-bar.video-react-slider-bar.video-react-slider-vertical.video-react-slider {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

.video-react
  .video-react-menu-button-popup.video-react-volume-menu-button-vertical
  .video-react-menu {
  display: none;
}

.newslidenavafter .navbar-nav.navbar-right li a.lastItem {
  margin-top: 0;
}

.newslidenavafter
  .navbar-nav.navbar-right
  li:last-child
  .cssload-container-div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: #f9f9f95e;
  height: 50px;
  z-index: 9;
}

.portfolio_body_right
  .portfolio_body_right2
  .search-filter-head
  .search-filter-box
  .fadein-modal-body
  .filter-nav
  .srcliBox
  a.srcaBox
  input#search_input:focus-visible {
  outline: 2px solid #3991ce59 !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.new_star_contributor .box_header .top-percent-headind p.contributor_message {
  font-weight: 400;
}

.postHead_userInfo .post-upd-dropdown.bottomslidebar {
  position: relative;
  top: 0;
  right: 0;
}

h5.commentText,
h5.replyComment_text {
  float: left;
  width: 100%;
}

h5.reply_comment_userName {
  float: left;
  display: flex;
  align-items: center;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17
  .my_streamcontent3_top_left.left3
  h5.reply_comment_userName
  a {
  margin-bottom: 0 !important;
}

.commentsUserTop {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.iphone_fullScreen_video {
  position: fixed;
  height: 100vh;
  z-index: 999999999999;
  background: rgb(45 47 50) !important;
  top: 0;
  left: 0;
  width: 100%;
}

button.button_fullscreen {
  height: 25px;
  width: 25px;
  background: none;
  border: none;
  position: absolute;
  bottom: 2px;
  right: 4px;
  z-index: 1;
}

button.button_fullscreen span {
  color: #fff;
  font-size: 1.6rem;
}

button.button_removeFullscreen {
  height: 23px;
  width: 23px;
  background: none;
  border: none;
  position: absolute;
  bottom: 2px;
  right: 4px;
  z-index: 999;
}

.iphone_fullScreen_video div#video_react_id .mobileVideoPlayer {
  height: 100%;
  background: none !important;
  height: 100vh;
  max-height: 100vh !important;
}

.iphone_fullScreen_video div#video_react_id {
  display: flex;
  align-items: center;
}

.iphone_fullScreen_video
  div#video_react_id
  .video-react-control-bar.video-react-control-bar-auto-hide {
  position: fixed;
  bottom: 0;
}

div#popup-post-details
  .popup_single_post_mobile_section
  button.video-react-icon-fullscreen.video-react-fullscreen-control.video-react-control.video-react-button.video-react-icon {
  display: block;
}

div#video_react_id .mobileVideoPlayer {
  max-height: 252px !important;
}

.finend_req_right {
  display: table-column;
  margin-left: 10px;
  margin-bottom: 5px;
}

.groupInfoTopPart {
  float: left;
  width: 100%;
  display: flex;
  justify-content: start;
}

.story-text.basic-info.Groupinfo_top {
  border-bottom: 8px solid whitesmoke;
}

.col-md-12.education-item .media .media-left {
  margin-right: 10px;
}

li.cover_btnDelete a,
li.cover_btnDelete a svg path {
  color: red !important;
  fill: red;
}

.aboutContact_info {
  float: left;
  width: 100%;
  padding: 10px 15px;
}

p.office-location {
  margin-bottom: 0;
}

.advancesearch_main .site-nav-mid li.virticalmenu_li.mid-toltip-s {
  padding: 0 !important;
}

.advanceSearche_postTop {
  float: left;
  width: 100%;
  display: flex;
}

.advanceSearche_postTop .post-upd-top p {
  margin: 0;
  display: flex;
  align-items: center;
}

.advanceSearche_postTop .post-upd-top p span {
  font-size: 12px !important;
  display: flex;
  align-items: center;
  margin: 0 2px;
}

.iphone_fullScreen_video
  div#video_react_id
  .video-react-controls-enabled.video-react-has-started.video-react-paused.video-react-user-active.video-react-workinghover.video-react.mobileVideoPlayer,
.iphone_fullScreen_video
  div#video_react_id
  .video-react-controls-enabled.video-react-paused.video-react-user-active.video-react.mobileVideoPlayer,
.img_post_box_clear
  .iphone_fullScreen_video
  div#video_react_id
  .video-react-controls-enabled.video-react-paused.video-react-user-active.video-react-workinghover.video-react.mobileVideoPlayer,
.img_post_box_clear
  .iphone_fullScreen_video
  div#video_react_id
  .video-react-controls-enabled.video-react-paused.video-react-user-active.video-react-workinghover.video-react.mobileVideoPlayer
  .video-react-poster,
.imgPostImLi
  .ImageNewPost_with_mutilUpload
  .img_post_1x1
  .img_post_box_clear
  .iphone_fullScreen_video
  div#video_react_id
  .video-react-controls-enabled.video-react-has-started.video-react-playing.video-react-user-active.video-react-workinghover.video-react.mobileVideoPlayer {
  max-height: 100vh !important;
  float: left;
  width: 100%;
}

@media (max-height: 720px) {
  .scrolldiv {
    float: left;
    max-height: 330px;
    overflow-y: scroll;
  }
}

.trending_newDesign {
  float: left;
  position: relative;
  width: 100%;
}

.trending_newDesign .site-nav-mid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px !important;
}

p.friendsFeed_inviteFriend {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 5px;
  padding: 0 10px;
}

p.friendsFeed_inviteFriend a {
  font-weight: 600;
  font-size: 14px;
  background: rgba(38, 135, 201, 0.14);
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
}

p.friendsFeed_inviteFriend a svg {
  width: 20px;
  height: 15px;
  margin-right: 3px;
}

p.friendsFeed_inviteFriend a svg g path {
  fill: #2687c9;
}

p.friendsFeed_inviteFriend a:hover {
  color: #1388d1;
}

p.trending_feed_tooltip {
  position: absolute;
  z-index: 2;
  width: 65%;
  padding: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #2d99e3;
  top: 65px;
  color: #fff !important;
  right: 2%;
  box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
  -moz-box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
  -webkit-box-shadow: 5px 7px 10px rgb(38 135 201 / 10%);
  text-align: center;
}

p.trending_feed_tooltip span {
  width: 15px;
  height: 15px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #2d99e3 transparent;
  position: absolute;
  top: -15px;
  content: '';
  left: 80%;
}

p.trending_feed_tooltip label {
  float: right;
  margin: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-weight: normal;
  width: 35px;
  text-align: center;
  cursor: pointer;
}

.fade.invite_friend_modal.common-post-modal.in.modal .modal-content {
  height: 100vh;
  margin: 0 !important;
  box-shadow: none;
  border: none;
}

.fade.invite_friend_modal.common-post-modal.in.modal .modal-dialog {
  float: left;
  width: 100%;
  margin: 0;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-header {
  width: 100%;
  box-shadow: 0px 0px 30px rgb(208 205 205) !important;
  top: 0;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-header
  .modal-title {
  display: flex;
  align-items: center;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-header
  .modal-title
  svg {
  margin-right: 10px;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .hide-nominate-scrollable.modal-body {
  float: left;
  top: 70px;
  padding: 15px !important;
  max-height: 77vh;
}

.invite_subText {
  font-size: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9f3f9;
  margin-bottom: 10px;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .hide-nominate-scrollable.modal-body
  .model-popup-inner-17 {
  float: left;
  width: 100%;
  max-height: 53vh;
  overflow-y: auto;
  text-align: center;
  line-height: 24px;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .hide-nominate-scrollable.modal-body
  .model-popup-inner-17
  a
  span.icon-send {
  margin-right: 5px;
}

.row.inviteFriend_row .form-group label {
  text-align: left;
  width: 100%;
}

.row.inviteFriend_row {
  border-bottom: 1px solid #e9f3f9;
  margin-bottom: 10px;
}

.row.inviteFriend_row input.form-control {
  box-shadow: none !important;
  height: 45px;
  padding: 13px 17px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid transparent;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-footer {
  bottom: 0;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-footer
  .action-wrap {
  float: right;
  background: #2687c9;
  flex: initial;
  width: 100px;
  text-align: center;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-footer
  .add_more {
  float: left;
  background: #e9f3f9;
  flex: initial;
  width: 100px;
  text-align: center;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #2687c9;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-footer
  .add_more
  a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-footer
  .add_more
  a
  span.icon-plus {
  font-size: 1rem;
  margin-right: 4px;
  font-weight: 400;
}

span.navsvg.findsvg svg {
  width: 17px;
}

.privacyHeadding {
  font-weight: 700;
  font-size: 15px;
  margin: 0;
  padding: 20px 18px;
  float: left;
  width: 100%;
}

.see_wall_dropDown li {
  padding: 5px 0 !important;
}

.see_wall_dropDown li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
}

.setContributor_view {
  margin-top: 20px;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul
  li
  ul.contributor_Subcategory {
  padding: 0 !important;
  padding-right: 3px !important;
}

.custom-fadein-modal.slideInRight.SetConNewSlide.NewCTGslide.report_slide_mobile
  .fadein-modal-body
  .filter-nav
  ul
  li
  ul.contributor_Subcategory
  li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px !important;
  height: 27px;
}

.profile_image .top-dropdown svg {
  margin-left: 3px;
  height: 22px;
  margin-top: 6px;
  width: 18px;
}

.profile_image .top-dropdown svg path {
  fill: #2687c9;
}

.invite_friend_modal .invite_subText {
  font-size: 14px;
  color: #666;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px !important;
}

.invite_friend_modal .find-friend-box.ff-tab-design {
  float: left;
  width: 100%;
  margin: 15px 0 10px;
}

.invite_friend_modal .find-friend-box.ff-tab-design ul.FindFriendsTab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.invite_friend_modal .find-friend-box.ff-tab-design ul.FindFriendsTab li {
  min-width: 24%;
}

.invite_friend_modal .find-friend-box.ff-tab-design ul.FindFriendsTab li a {
  color: #aaa;
  font-size: 1.4rem;
  background: #f9f9f9;
  -moz-border-radius: 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  justify-content: center;
  display: flex;
  align-items: center;
}

.invite_friend_modal
  .find-friend-box.ff-tab-design
  ul.FindFriendsTab
  li.active
  a,
.invite_friend_modal
  .find-friend-box.ff-tab-design
  ul.FindFriendsTab
  li
  a:hover {
  background: #e9f3f9;
  color: #1388d1;
}

.invite_friend_modal
  .find-friend-box.ff-tab-design
  ul.FindFriendsTab
  li.active
  a::after {
  display: none;
}

.activity_blogView {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px;
}

.activity_blogView .activity_text {
  margin-bottom: 10px;
  font-size: 15px;
}

a.logviewButton {
  min-width: 180px;
  text-align: center;
}

.portfolio_body_right.logPostLike {
  margin-top: 15px !important;
  box-shadow: 0px 0px 9px #2687c940 !important;
}

.portfolio_body_right.logPostLike .notification_react_page h3 {
  color: #2687c9;
  padding: 10px 20px 0;
}

.all_logPostLike_border_area {
  width: 100% !important;
  padding-right: 0;
}

.all_logPostLike_border_area .notification_react_page .view_all_friends {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
}

.all_logPostLike_border_area
  .notification_react_page
  .all_notification_detail_list {
  float: left;
  padding: 10px;
  padding-top: 10px;
  width: 100%;
}

.all_logPostLike_border_area
  .notification_react_page
  .all_notification_detail_list
  p.postLikeDate {
  margin: 2px 0;
  font-weight: 600;
  font-size: 16px;
  float: left;
  width: 100%;
  padding-left: 10px;
}

.all_logPostLike_border_area
  .notification_react_page
  .all_notification_detail_list
  p.postLikeDate
  span {
  float: left;
  width: 100%;
  padding: 5px 0;
}

.all_logPostLike_border_area
  .notification_react_page
  .notifications_area.new-unread-notification,
.all_logPostLike_border_area .notification_react_page .notifications_area {
  background: none !important;
  padding: 5px;
  border: none !important;
}

.all_logPostLike_border_area
  .notification_react_page
  .notifications_area.new-unread-notification::after {
  display: none !important;
}

.policy_popup.notification_modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.notification_modal .modal-dialog .modal-content .modal-header {
  padding: 15px !important;
}

.notification_modal .modal-dialog .modal-content .modal-header h1.modal-title {
  font-size: 23px;
  font-weight: 600;
  line-height: 27px;
}

.notification_modal .modal-content .modal-body {
  float: left;
  width: 100%;
}

.notification_modal .modal-content .modal-body .notification_modal_checkbox {
  float: left;
  width: 100%;
}

.policy_popup.notification_modal {
  float: left;
  width: 100%;
}

.policy_popup.notification_modal .notifiy-item.row {
  margin-bottom: 12px;
}

.policy_popup.notification_modal .notifiy-item.row label {
  font-size: 14px;
}

.policy_popup.notification_modal .notifiy-item.row .btn-toggle.btn-secondary {
  color: #6b7381;
  background: #dddddd54 !important;
  float: right;
  position: relative;
  width: 56px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  height: 30px;
  box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%);
}

.policy_popup.notification_modal
  .notifiy-item.row
  .btn-toggle.btn-secondary:before,
.policy_popup.notification_modal
  .notifiy-item.row
  .btn-toggle.btn-secondary:after {
  color: #6b7381;
}

.policy_popup.notification_modal
  .notifiy-item.row
  .btn-toggle.btn-secondary
  > .handle {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 22px;
  height: 22px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #cccccc;
  transition: left 0.25s;
}

.policy_popup.notification_modal .btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}

.policy_popup.notification_modal
  .notifiy-item.row
  .btn-toggle.active
  > .handle {
  left: 28px;
  transition: left 0.5s;
  background: #10bb28;
}

.notification_modal .modal-content .modal-footer {
  float: left;
  width: 100%;
  padding: 0 15px 10px;
}

.notification_modal
  .modal-content
  .modal-footer
  button.cancleNewEmailBtm.cnl-btn {
  margin: 0 !important;
  float: left !important;
}

.notification_modal .modal-content .modal-footer button.btn_submit.cnl-btn {
  margin: 0 !important;
  background: #2687c9 !important;
  color: #fff !important;
}

.all_logPostLike_border_area h4#myModalLabel {
  padding: 10px;
  display: flex;
  align-items: center;
  color: #9d9d9d;
  font-weight: 600;
  border: 14px;
  border-bottom: 1px solid #2687c938;
  margin-bottom: 5px;
}

.all_logPostLike_border_area h4#myModalLabel svg {
  margin-right: 10px;
}

.infinite-scroll-component.logScrolldiv {
  max-height: 80vh !important;
  overflow-y: auto !important;
}

span.icon-Star.goldStar {
  -webkit-text-stroke: 0.6px #000000;
  color: #ffc107 !important;
  margin: 1px;
  font-size: 0.8rem;
}

span.icon-Star.silverStar {
  -webkit-text-stroke: 0.6px #000000;
  color: #e8e8e8 !important;
  margin: 1px;
  font-size: 0.8rem;
}
span.icon-Star.noneColor {
  -webkit-text-stroke: 0.6px #000000;
  color: #f8f8f8 !important;
  margin: 1px;
  font-size: 0.8rem;
}

.portfolio_body_right
  .portfolio_body_right2
  .search-filter-head
  .search-filter-box
  .fadein-modal-body
  .filter-nav
  .srcliBox
  a.srcaBox
  span.icon-search {
  position: absolute;
  top: 40%;
  right: 10px;
}

.search_field_with_background span.icon-search {
  position: absolute;
  top: 25%;
  z-index: 1;
  right: 8%;
}

.cat-slide-mob-header span,
.custom-fadein-modal.slideInRight.mobile-post-contain.new-post-21-m
  > .fadein-modal-header
  h3
  span,
.mob-head-top-user-search .fadein-modal-body .col-xs-1 span.icon-arow_left,
.NewNotificationSlide .fadein-modal-header h3.fz_16 span.icon-arow_left,
.report_slide_mobile .fadein-modal-header .fz_16 a span.icon-arow_left,
.report_slide_mobile .fadein-modal-header .fz_16 span.total_like,
.custom-fadein-modal.slideInRight.commentSlide
  .fadein-modal-header
  h3
  span.icon-arow_left,
.newslidenavafter .fadein-modal-header p span.icon-arow_left,
div#single_page_msg_hide .fadein-modal-header h3 span.icon-arow_left,
.report_slide_mobile .fadein-modal-header .fz_16 span.icon-arow_left,
.info-edit-popup .modal-header .modal-title span.icon-arow_left,
.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-header
  .modal-title
  span.icon-arow_left,
.all_logPostLike_border_area h4#myModalLabel span.icon-arow_left,
.custom-fadein-modal .fadein-modal-header span.icon-arow_left,
.active_badge .fadein-modal-header h3.fz_16 a span.icon-arow_left,
.feedHeader h3 span.icon-arow_left,
.user_social_site .modal-header h3.fz_16 span.icon-arow_left,
.block-button
  .block-user-content-17
  .modal-header
  .view_all_friends_heading2
  h3
  span.icon-arow_left {
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: left;
  height: 30px;
  width: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2687c9;
  font-size: 1.2rem;
}

.report_slide_mobile .fadein-modal-header .fz_16 span.total_like,
.custom-fadein-modal.slideInRight.commentSlide .fadein-modal-header h3 span,
.newslidenavafter .fadein-modal-header p span,
.report_slide_mobile .fadein-modal-header .fz_16 span.icon-arow_left,
.info-edit-popup .modal-header .modal-title span.icon-arow_left,
.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .modal-header
  .modal-title
  span.icon-arow_left,
.all_logPostLike_border_area h4#myModalLabel span.icon-arow_left,
.custom-fadein-modal .fadein-modal-header span.icon-arow_left,
.feedHeader h3 span.icon-arow_left,
.user_social_site .modal-header h3.fz_16 span.icon-arow_left,
.block-button
  .block-user-content-17
  .modal-header
  .view_all_friends_heading2
  h3
  span.icon-arow_left {
  margin-right: 10px;
}

.profile_image .top-dropdown span {
  font-size: 2rem;
  margin-left: 5px;
}

.new_single_cat_main span.cat-add-img span.icon-plus,
.cat-slide-mob
  ul.search_new_ctg_list
  li.fnf-ctg
  span.cat-add-img
  span.icon-plus,
.cat-slide-mob.ctg-class
  ul.search_new_ctg_list
  li
  a
  span.sub-cat-add-img
  span.icon-plus,
.NewCTGslide.custom-fadein-modal
  .fadein-modal-body
  .filter-nav
  ul
  li
  > ul
  > li
  a
  span.sub-cat-add-img
  span.icon-plus {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
  background: #eeeeee;
  border-radius: 6px;
  color: #c5c5c5;
  font-size: 0.7rem;
}

.new_single_cat_main span.cat-add-img span.icon-checkmark,
.cat-slide-mob
  ul.search_new_ctg_list
  li.fnf-ctg
  span.cat-add-img
  span.icon-rightCheck,
.NewCTGslide.custom-fadein-modal
  .fadein-modal-body
  .filter-nav
  ul
  li
  > ul
  > li
  a
  span.sub-cat-add-img
  span.icon-rightCheck,
.NewCTGslide.custom-fadein-modal
  .fadein-modal-body
  .filter-nav
  ul
  li
  > ul
  > li
  a
  span.sub-cat-add-img
  span.icon-checkmark {
  display: flex;
  align-items: center;
  height: 20px;
  width: 20px;
  justify-content: center;
  background: rgba(38, 135, 201, 0.1);
  border-radius: 6px;
  font-size: 0.9rem;
}

.about_edit
  .info-edit-popup
  .form-group
  .row
  .select-dropdown-one
  span.icon-down {
  position: absolute;
  top: 47%;
  right: 5px;
  font-size: 0.5rem;
}

.thumbSvg span.icon-default-img-icon {
  font-size: 7rem;
  color: #d4d4d4;
}

span.icon-like {
  font-size: 1.85rem;
  margin-right: 6px;
  position: relative;
  top: -2px;
}

.user-post-pic-holder span {
  color: #000;
}

.user-post-pic-holder span {
  color: #eee;
  font-size: 4.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

span.icon-dot {
  margin: 0 4px;
  font-size: 0.5rem;
  color: #ddd;
}

span.icon-down {
  font-size: 0.6rem;
}

span.love-icon.iconLove {
  display: flex;
  align-items: center;
  font-size: 2rem;
  margin-right: 6px;
  color: #ddd;
}

span.love-icon {
  display: flex;
  align-items: center;
  font-size: 2rem;
  margin-right: 6px;
  color: rgb(255, 29, 0);
}

.portfolio_body_right
  .portfolio_coment
  .profile_new_post_wrap
  .post_profile_top
  .post-user-profile
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  span.icon-user.user_profile_img-2021 {
  font-size: 3.3rem;
}

.carousel-control span {
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  height: 30px;
  height: 30px;
  float: left;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.mobile-post-contain
  .new_post_categoryList
  .permissionDropbox
  button
  span
  a
  span:nth-child(1) {
  margin-right: 5px;
}

span.icon-arow_right,
span.icon-arow_left {
  font-size: 1.5rem;
}

ul.search_new_ctg_list.Ashik#content li ul li a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

ul.search_new_ctg_list.Ashik#content li ul li a span {
  margin-right: 0 !important;
}

span.add-content {
  height: 26px;
  width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

span.add-content span.icon-plus {
  color: #2687c9;
  font-size: 0.8rem;
}

.site-and-social .socialmedia_list a.activities-societies span {
  margin-right: 8px;
}

span.cat-name span.icon-arow_right {
  padding-right: 8px;
}

a.trigger.react-down-caret span.cat-name span.icon-arow_right {
  transform: rotate(90deg);
}

ul#contributorsettings_nav {
  float: left;
  width: 100%;
}

ul#contributorsettings_nav li a {
  justify-content: space-between;
}

span.cat-add-img.cat-add-design.item_added_1_0.filteradded span.icon-rightCheck,
ul#contributorsettings_nav li a span.parent span.icon-rightCheck {
  display: flex;
  align-items: center;
  height: 20px;
  min-width: 20px;
  justify-content: center;
  background: rgba(38, 135, 201, 0.1);
  border-radius: 6px;
  color: #2687c9;
  font-size: 0.7rem !important;
  padding: 0 !important;
}

span.sub-cat-add-img.cat-add-design.item_added_1_40 span.icon-plus {
  display: flex;
  align-items: center;
  height: 20px;
  width: 20px;
  justify-content: center;
  background: #eeeeee;
  border-radius: 6px;
  color: #c5c5c5;
  font-size: 0.7rem !important;
}

span.icon-like.heart.my_streamcontent2_icon.heartAnimationlikeComment {
  color: #2687c9;
}

.like-replay-wrap .clscommentLikeShow .last_coment_amount_like a span.icon-like,
.commentSlide .last_coment_amount_like a span.icon-like,
.commentSlide
  .like-replay-wrap
  .my_streamcontent3_bottom_right
  .last_coment_amount_like_own
  span.icon-like {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  top: 0;
}

.commentSlide
  .my_streamcontent2.after_comment
  .my_streamcontent2_left_icon
  .my_streamimage
  span.icon-user {
  font-size: 4.3rem;
  color: #eee;
}

.commentSlide
  .my_streamcontent3
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_top.reply_comment_add_area
  .comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  span.icon-user {
  height: 100%;
  width: 100% !important;
  min-width: 100%;
  max-width: 100%;
  font-size: 2.8rem;
  color: #eee;
}

ul#content.search_new_ctg_list li ul li {
  padding: 2px 0 !important;
}

ul#content.search_new_ctg_list li ul li a {
  padding: 0 !important;
}

ul#content.search_new_ctg_list li ul li a span.sub-cat-add-img,
ul#content.search_new_ctg_list li ul li a span.sub-cat-add-img span {
  margin: 0 !important;
}

.my_streamcontent2.main.after_comment.comment_reply_row
  .my_streamcontent2_left_icon.comment_reply_user_avatar
  a
  .image-start-container
  .my_streamimage
  span.icon-user.user_profile_img-2021 {
  height: 100%;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  font-size: 3rem;
}

.all_notification_border_area
  .image-start-container
  span.icon-user.user_profile_img-2021,
.all_notification_border_area
  .nav-notification-box.notifications_area
  .mobile_user_avatar
  span.icon-user.user_profile_img-2021 {
  height: 100%;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  font-size: 1.8rem;
  color: #eee;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(38, 135, 201, 0.1);
  border-radius: 100%;
}

.portfolio_body_right
  .portfolio_coment
  .profile_new_post_wrap
  .post_profile_top
  .post-user-profile
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021
  span.icon-user.user_profile_img-2021 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
}

.NewNotificationSlide
  .fadein-modal-body
  .friends_top_scroll
  .friends_droupdown_image
  a
  .image-start-container
  span.icon-user.user_profile_img-2021 {
  font-size: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eee;
  min-width: 45px;
}

.post_left_side .btn_right span,
.post_left_side .btn_left {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.post_body_left
  .status_content
  .my_streamcontent2_right
  .my_streamcontent2_like_share
  .dropdown-menu
  li
  a
  .my_streamcontent2_like2
  span.my_streamcontent2_like_arow {
  display: none;
}

a#selected_perm span {
  margin-right: 5px;
}

.notification_react_page {
  float: left;
  width: 100%;
}

.postHead_userInfo .post-upd-dropdown.bottomslidebar a.dropdown-toggle {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_top
  .my_streamcontent2_left_icon
  a
  .image-start-container
  .my_streamimage
  span.icon-user.user_profile_img-2021 {
  font-size: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #eeeeee;
}

span.icon-VideoPlay {
  font-size: 4rem;
  color: #2688c9;
  position: absolute;
}

.messageInputarea .videoicon-overthumb span.icon-VideoPlay {
  font-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.videothumb-cal.Message1,
.videothumb-cal.Message2 {
  border-radius: 10px;
  padding: 5px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}

span.icon-seen {
  color: #2687c9;
  font-size: 0.8rem;
}

.all_notification_border_area
  .nav-notification-box
  .nav-notification-content
  a
  span {
  margin-right: 5px;
}

.all_notification_border_area
  .nav-notification-box
  .nav-notification-content
  a
  span.icon-delete {
  margin-right: 5px;
  color: #fff;
}

span.icon-close {
  font-size: 1rem;
}

span.uploadFileName {
  border: 1px solid #1e9bdd;
}

.img_2_add__highlighter,
.img_3_add__highlighter,
.img_4_add__highlighter,
.img_5_add__highlighter,
.img_6_add__highlighter {
  border: none !important;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .hide-nominate-scrollable.modal-body
  .model-popup-inner-17
  .alert.alert-danger {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fade.invite_friend_modal.common-post-modal.in.modal
  .modal-content
  .hide-nominate-scrollable.modal-body
  .model-popup-inner-17
  .alert.alert-danger
  span.svg.error-svg {
  background: rgba(255, 0, 0, 0.1);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height: 30px;
  width: 30px;
  float: left;
  color: #ff0000;
}

.profile-cover-friend-following-section
  .flower-meg-addfriend
  .cover-btn.message-button
  .icon-message {
  margin-right: 0;
}

.icon-checkbox-checked {
  margin-right: 5px;
}

.time_and_date {
  float: left;
  display: flex;
  align-items: center;
}

.mentions-input-box div div ul li .user {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: start;
}

.mentions-input-box div div ul li .user .userMentionPost {
  margin-right: 8px;
  height: 26px;
  width: 26px;
  max-width: 26px;
}

.post_body_left .portfolio_body_right4 .commentsandshare p span {
  display: flex;
  align-items: center;
}

.mentions-input-box
  div
  div
  ul
  li
  .user
  span.icon-user.user_profile_img-2021.likes,
.comment_input_class__suggestions
  ul
  li
  .user
  span.icon-user.user_profile_img-2021.likes {
  height: 26px;
  width: 26px;
  min-width: 26px;
  display: flex;
  align-items: center;
  border: 1px solid #1388d1;
  justify-content: center;
  border-radius: 100%;
  margin-right: 8px;
  color: #1388d1;
  font-size: 2.2rem;
}

svg.appla_store_Logo {
  height: 35px;
  width: 35px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: right;
}

.message_main_area .my-message .msg-img-col span.icon-VideoPlay {
  position: absolute;
}

.blockUserList {
  max-height: 81vh;
  overflow-y: auto;
}

span.chat-online-status.dropdown_message_avt {
  height: 12px;
  width: 12px;
  background: #ccc;
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  border: 3px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}

span.chat-online-status.dropdown_message_avt.online {
  background: rgb(16, 187, 40);
}

h3.fz_16 .rt-container {
  width: 80%;
}

h3.fz_16 .rt-container .col-rt-12 {
  float: left;
  width: 100%;
}

h3.fz_16 .rt-container .col-rt-12 .prof_ttl .srch {
  display: flex;
  align-items: center;
}

.comment_view_more {
  float: left;
  position: relative;
}

.comment_view_more h5 {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: #2687c9;
}

.comment_view_more .cssload-container-div.undefined15x15 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.groupheaderTop {
  float: left;
  width: 100%;
  padding: 15px 10px;
}

.singlePostModalView .reply_comment {
  float: right;
  padding-left: 0px;
  width: 100%;
  padding-top: 3%;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3_right_history_top.reply_comment_add_area {
  height: 30px;
  width: 30px;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3_right_history_top.reply_comment_add_area
  a
  .image-start-container
  .my_streamimage
  span.icon-user.user_profile_img-2021 {
  height: 30px;
  width: 30px;
  max-height: 30px;
  max-width: 30px;
  min-width: 30px;
  font-size: 2.8rem !important;
  color: #eee;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom
  .my_streamcontent3_bottom_left.comment_img_17 {
  margin-bottom: 8px !important;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3.main
  .my_streamcontent3_right_history
  .my_streamcontent3_right_history_bottom {
  min-width: 85% !important;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .like-replay-wrap
  .my_streamcontent3_bottom_right
  .last_coment_amount_like {
  margin-right: 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .like-replay-wrap
  .my_streamcontent3_bottom_right
  .last_coment_amount_like
  a {
  margin-right: 5px;
  display: flex;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .like-replay-wrap
  .my_streamcontent3_bottom_right
  .last_coment_amount_like
  a
  span.icon-like {
  font-size: 1.4rem;
  margin: 0;
  top: 0;
}

.singlePostModalView
  .reply_comment
  .image-start-container
  .my_streamimage
  img.user_profile_img-2021.comments {
  height: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

.my_streamcontent3.main
  .my_streamcontent3_right_history
  .comment-not-available
  span.icon-alert {
  float: left;
  margin-right: 12px;
  min-width: 34px;
  display: flex;
  align-items: center;
  height: 34px;
  width: 34px;
  justify-content: center;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}

.fadein-modal-body
  .more-people-item
  .post-user-profile
  span.icon-user.user_profile_img-2021.likes {
  min-width: 45px;
  max-width: 45px;
  height: 45px;
  background: rgba(38, 135, 201, 0.1);
  border: none !important;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
  display: flex;
  align-items: center;
  color: #eee;
  font-size: 4.3rem;
  justify-content: center;
}

.cover-img form#cover_img .cssload-container-div.left15x15 .cssload-double-div {
  height: 30px;
  width: 30px;
  max-height: 30px;
  min-height: 30px;
  position: absolute;
  left: 50%;
  top: 40%;
}

.cover-img form#cover_img .cssload-container-div.left15x15 .cssload-double-div {
  height: 30px;
  width: 30px;
  max-height: 30px;
  min-height: 30px;
  position: absolute;
  left: 47%;
  top: 40%;
}

.Beside-Profile-picture {
  height: 130px;
  width: 130px;
}

.Beside-Profile-picture .cssload-container-div.left15x15 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .like-replay-wrap {
  position: relative;
}

.singlePostModalView
  .reply_comment
  .my_streamcontent3.main.reply_comment_area
  .my_streamcontent3_right_history.main.comment_reply_row
  .my_streamcontent3_right_history_bottom
  .like-replay-wrap
  .my_streamcontent3_bottom_right
  .last_coment_amount_like_own
  span.icon-like {
  font-size: 1.4rem;
  top: 0;
  margin-right: 0;
}

ul.nav.navbar-nav.navbar-usermenu li.inviteFriendNav {
  width: 100% !important;
}

ul.nav.navbar-nav.navbar-usermenu li.inviteFriendNav a {
  /* align-items: center;
  flex-flow: inherit; */
  height: inherit;
  width: 100%;
  float: left;
  text-align: left;
  padding: 15px !important;
  line-height: 30px;
  border-radius: 12px;
  display: block;
}

ul.nav.navbar-nav.navbar-usermenu li.inviteFriendNav a svg {
  width: 30px;
  height: 30px;
  margin-bottom: 0;
  margin-right: 10px;
  float: left;
}

ul.nav.navbar-nav.navbar-usermenu li.inviteFriendNav a span.icon-user-plus {
  margin-right: 10px;
  color: #2286c9;
  font-size: 2.2rem;
  display: flex;
  float: left;
  align-items: center;
  height: 30px;
  line-height: 30px;
}

/* li.findFriendNav a svg{
  height: 35px;
}

li.findFriendNav a svg path{
  fill: #2286c9;
} */

.advancesearch_headerSearch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}

.header_back_element span.icon-arow_left {
  background: rgba(38, 135, 201, 0.1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: left;
  height: 30px;
  width: 30px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2687c9;
  font-size: 1.2rem;
  margin-right: 5px;
}

.header_search_element {
  min-width: 88%;
}

.search_text_display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}

.advance_searchIcon {
  float: left !important;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 !important;
}

.advance_searchIcon span {
  float: left !important;
  position: relative !important;
}

.advance_searchIcon span.icon-search {
  float: left;
  position: relative !important;
  top: 0 !important;
  height: 45px;
  width: 45px !important;
  background: rgba(38, 135, 201, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2687c98c;
}

/* Comment Blink Css Start */
.blink_afterComment {
  box-shadow: #1c36fa81 0px 0px 0px 1px;
}

.blink_beforeComment {
  animation: blink_beforeComment 1.2s linear infinite;
}

@keyframes blink_beforeComment {
  0% {
    box-shadow: 0 0 0 0px rgba(48, 34, 240, 0.685);
  }

  50% {
    box-shadow: 0 0 0 0px rgba(48, 34, 240, 0.35);
    transition: all ease-in-out;
    transition-duration: 0.35s;
    transition-delay: 2s;
  }

  100% {
    box-shadow: 0 0 0 8px rgba(48, 34, 240, 0);
  }
}

/* Comment Blink Css End */

.custom-fadein-modal.slideInRight.mobile-post-contain
  .fadein-modal-body.new-post-slide
  .profile_info_main17
  .flat-alert-container
  .alert.alert-danger
  span.icon-alert {
  float: left;
  background: rgba(255, 0, 0, 0.1);
  border-radius: 8px;
  color: #ff0000;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  margin-left: 0;
}

.cat-slide-mob
  ul.search_new_ctg_list
  li.fnf-ctg
  span.cat-add-img
  span.icon-plus,
ul#content.search_new_ctg_list li ul li a span.sub-cat-add-img span.icon-plus,
.personalPost a span.sub-cat-add-img {
  height: 20px;
  width: 20px;
}

.group_coverImages form#cover_img,
.group_coverImages form#cover_img .cover-photo-new.newSlimForMobile2021 {
  float: left;
  width: 100%;
  height: 100%;
}

.group_profile_identity.profile-identity {
  padding-left: 15px !important;
}

.group_profile_identity.profile-identity p.user-profile-name {
  display: block !important;
}

.singlePost_comment_section {
  float: left;
  width: 100%;
}

.singlePost_comment_section
  .my_streamcontent3_right_history.main
  h5.replyComment_text
  span.Linkify
  a {
  float: inherit;
}

.singlePost_comment_section
  .my_streamcontent2.main.after_comment.comment_reply_row.replyComment_2021 {
  height: inherit !important;
  border: none;
  padding: 5px 0 !important;
}

.singlePost_comment_section
  .my_streamcontent2.main.after_comment.comment_reply_row.replyComment_2021
  .my_streamcontent2_right_input.main.comment_reply_input_text {
  float: right !important;
}

.infinite-scroll-component
  .post-user-profile-details
  .post-upd-top
  .dropdown-menu
  li
  a.delete_part {
  color: red !important;
}

.text_color_red {
  color: red;
  animation: shake 0.5s;
}

.account_main_bottom.padding-left-right-10.account-setting-style
  input.form-control.change-pss {
  font-size: 14px !important;
  border-radius: 12px;
  height: 45px;
  color: #666666 !important;
  padding: 0 20px;
  border: none !important;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

.last-alert .confirmation-btn .deactivate-bt {
  background: #2687c9 !important;
  border-radius: 10px;
  padding: 10px 20px;
  border: none;
  font-size: 12px !important;
  color: #ffffff !important;
  font-weight: 400;
}

span.Linkify.Linkify-mention code a {
  float: inherit;
  margin-right: 0;
}

/* Bio */

.fade.in {
  opacity: 1;
  background: #3a3a3afa;
}

.userBio {
  max-width: 100%;
  min-width: 100%;
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  margin-bottom: 10px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  word-break: break-word;
}

.bioModal .modal-dialog .modal-content h4.modal-title {
  font-size: 20px;
  color: #2687c9bf;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgb(38 135 201 / 50%);
  font-weight: 600;
  text-transform: capitalize;
}

.bioAddEdit {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  padding: 0 20px;
}

.bioAddEdit span.intro_header {
  display: block;
  position: absolute;
  right: -5px;
  top: 0;
  height: 21px;
  width: 21px;
  text-align: center;
  line-height: 20px;
}

.bioAddEdit span.intro_header a.editBio {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.bioAddEdit span.intro_header a.editBio span {
  margin: 0 !important;
}

span.intro_header {
  background: rgba(38, 135, 201, 0.1);
  padding: 5px;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
}

span.intro_header a.addBioButton span,
span.intro_header a.editBio span {
  font-size: 1rem;
  font-weight: normal;
  margin-right: 3px;
}

.bioModal .modal-dialog {
  height: 100vh;
  position: relative;
  margin: 0 auto;
}

.bioModal .modal-dialog .modal-content {
  min-width: 95% !important;
  max-width: 95% !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100vh;
  padding: 20px;
  border-radius: 5px;
  margin: 0 10px auto;
}

.bioModal .modal-dialog .modal-content .modal-header {
  padding: 0;
}

.bioModal .modal-dialog .modal-content .modal-body {
  padding: 0;
  margin: 15px 0;
}

.bioModal .modal-dialog .modal-content .modal-body textarea {
  padding: 10px;
  width: 100%;
  resize: none;
  border: none;
  border-radius: 10px;
}

.bioModal .modal-dialog .modal-content .fly_clos {
  background: #333333;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  position: absolute;
  right: -5px;
  top: -10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}

.bioModal .modal-dialog .modal-content .fly_clos span {
  color: #fff;
}

.bioModal .modal-dialog .modal-content .modal-footer {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  border: none;
  min-height: inherit;
}

.bioModal .modal-dialog .modal-content .modal-footer::before,
.bioModal .modal-dialog .modal-content .modal-footer::after {
  display: none;
}

.bioModal .modal-dialog .modal-content .modal-footer button {
  margin: 0 !important;
}

.bioModal .modal-dialog .modal-content .modal-footer button.bioSave {
  background: #2687c9 !important;
  position: relative;
  color: #fff !important;
  border: none;
  width: auto !important;
}

/* like list */

/* Global Follow */
.bulkFollow_div {
  position: relative;
}

.flower-meg-addfriend .bulkFollow_div .golbal_follow-section {
  position: absolute;
  left: 40%;
  transform: translateX(-70%);
  top: 25px;
}

.golbal_follow-section {
  clear: both;
  padding: 13px;
  position: absolute;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -webkit-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  min-width: 370px;
  max-width: 370px;
  right: 10px;
  z-index: 9;
}

.more-people-item.likeruesrlist19
  .more-people-btns
  .bulkFollow_div
  .golbal_follow-section {
  position: absolute;
  right: -15px;
  width: 330px;
  max-width: 340px;
  min-width: 330px;
  top: 30px;
}

.follow_content_part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  width: 100%;
}

.golbal_follow-section .follow-section-top {
  min-width: 70%;
  float: left;
  display: flex;
}

.golbal_follow-section .follow_close_button {
  position: absolute;
  right: -3px;
  top: -7px;
  line-height: normal;
  padding: 0;
  font-size: 24px;
  border: none;
  background: #333333d1;
  color: #fff;
  font-weight: normal;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  text-align: center;
}

.golbal_follow-section .follow_close_button span {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
}

.golbal_follow-section .friends_info_topimg {
  display: flex;
  position: relative;
  float: left;
  align-items: center;
  color: #555;
  font-size: 1.5rem;
  text-transform: capitalize;
}

.golbal_follow-section .friends_info_topimg a {
  float: left;
  display: flex;
  width: 30px;
  height: 30px;
}

.golbal_follow-section
  .friends_info_topimg
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  height: 30px !important;
  width: 30px !important;
}

.golbal_follow-section .friends_info_topimg a .image-start-container {
  position: relative;
}

.golbal_follow-section
  .friends_info_topimg
  a
  .image-start-container
  .post_profile_pic_star-2021
  ul.circle-container-2021
  li {
  height: auto !important;
}

.golbal_follow-section .friends_info_topimg a div img {
  height: 28px !important;
  width: 28px !important;
  min-width: 28px;
  line-height: 28px !important;
  max-width: 28px;
  float: left;
  border-radius: 50% !important;
}

.golbal_follow-section .friends_info_topimg a span {
  height: 30px !important;
  width: 30px !important;
  font-size: 2.5rem;
  min-width: 30px !important;
  max-width: 30px;
  display: flex;
}

.golbal_follow-section .friends_info_topimg a:nth-child(2) {
  margin-left: -15px;
}

.golbal_follow-section .friends_info_topimg a:nth-child(3) {
  margin-left: -15px;
}

.golbal_follow-section .friends_info_topimg a:nth-child(4) {
  margin-left: -15px;
}

.golbal_follow-section .friends_info_topimg a:nth-child(5) {
  margin-left: -15px;
  margin-right: 8px;
}

.golbal_follow-section a.follow-button {
  background: rgba(38, 135, 201, 0.1);
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 6px;
  margin: 10px 0 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 8px;
}

.golbal_follow-section a.follow-button span.icon-rss {
  margin-right: 4px;
}

.more-people-btns
  .like-user-btn
  .follow_content_part
  .follow-section-bottom
  a:hover
  span {
  color: #fff;
}

.golbal_follow-section h3 {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin: 0 0 10px;
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 8px;
}

.golbal_follow-section p {
  float: left;
  margin: 0;
  line-height: 18px;
  color: #666;
  font-size: 14px;
  margin-bottom: 8px;
}

.golbal_follow-section
  .friends_info_topimg
  a
  ul.circle-container-2021
  span.icon-Star {
  font-size: 1rem !important;
}

#bulk_Follow_List {
  float: left;
  min-height: 50px;
  max-height: 500px;
  overflow-y: auto;
  width: 100%;
}

#bulk_Follow_List .more-people-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

#bulk_Follow_List .more-people-item .content .totale_area2 {
  float: left;

  width: 100%;
  display: flex;
  align-items: center;
}

#bulk_Follow_List .more-people-item h3 {
  margin: 0;
}

#bulk_Follow_List
  .more-people-item
  .content
  .totale_area2
  .notifications_message_image2 {
  float: left;
  height: 50px;
  width: 50px;
}

#bulk_Follow_List
  .more-people-item
  .content
  .totale_area2
  .notifications_message_text {
  padding-left: 15px;
  font-size: 20px;
}

#bulk_Follow_List .more-people-item .more-people-btns span.icon-rss {
  background: rgba(38, 135, 201, 0.1);
  padding: 10px;
  border-radius: 12px;
}

.bulk_follow_Modal .modal-header {
  padding: 20px 0 !important;
}

.global_follow-section {
  clear: both;
  top: 50px;
  padding: 13px;
  position: absolute;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -webkit-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  width: 320px;
  left: -145px;
  margin: 0 auto;
}

.follow_content_part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
  width: 100%;
}

.global_follow-section .follow-section-top {
  /* min-width: 75%; */
  float: left;
  display: flex;
}

.global_follow-section .follow_close_button {
  position: absolute;
  right: -3px;
  top: -7px;
  line-height: normal;
  padding: 0;
  font-size: 24px;
  border: none;
  background: #333333d1;
  color: #fff;
  font-weight: normal;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  text-align: center;
}

.global_follow-section .follow_close_button span {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  /* line-height: 20px; */
  position: relative;
  margin: 0;
  margin-right: 0 !important;
}

.global_follow-section .friends_info_topimg {
  display: flex;
  position: relative;
  float: left;
  align-items: center;
  color: #555;
  font-size: 1.3rem;
  text-transform: capitalize;
}

.global_follow-section .friends_info_topimg a {
  float: left;
  display: flex;
  width: 30px;
  height: 30px;
}

.global_follow-section
  .friends_info_topimg
  a
  .image-start-container
  .user-post-pic-holder.avater-image-2021 {
  height: 30px !important;
  width: 30px !important;
}

.global_follow-section .friends_info_topimg a span {
  font-size: 2.4rem !important;
  color: #dddddd;
  height: 30px;
  display: flex;
  width: 30px;
  min-width: 30px;
  align-items: center;
}

.global_follow-section .friends_info_topimg a:nth-child(2) {
  margin-left: -12px;
}

.global_follow-section .friends_info_topimg a:nth-child(3) {
  margin-left: -12px;
}

.global_follow-section .friends_info_topimg a:nth-child(4) {
  margin-left: -12px;
}

.global_follow-section .friends_info_topimg a:nth-child(5) {
  margin-left: -12px;
  margin-right: 8px;
}

.global_follow-section a.follow-button {
  background: rgba(38, 135, 201, 0.1);
  text-align: center;
  display: block;
  border-radius: 8px;
  padding: 6px;
  margin: 0;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #2687c9;
  padding: 10px 8px;
}

.global_follow-section h3 {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin: 0 0 10px;
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 8px;
}

.global_follow-section p {
  float: left;
  margin: 0;
  line-height: 18px;
  color: #666;
  font-size: 14px;
  margin-bottom: 8px;
}

.friends_info_bottom .bulkFollow_div {
  position: relative;
  right: 0;
}

.friends_info_bottom .bulkFollow_div .golbal_follow-section {
  left: -50px;
  right: inherit;
}

.friends_info_bottom
  .bulkFollow_div
  .golbal_follow-section
  .follow_content_part
  .follow-section-top
  .friends_info_topimg {
  height: auto;
  width: auto;
}

.friends_info_bottom
  .bulkFollow_div
  .golbal_follow-section
  .follow_content_part
  .follow-section-top
  .friends_info_topimg
  a
  .image-start-container
  .user-post-pic-holder
  img.user_profile_img-2021 {
  height: 28px !important;
  width: 28px !important;
}

.bulkFollow_div
  .golbal_follow-section
  .follow_content_part
  .follow-section-top
  .friends_info_topimg
  a
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021
  ul.circle-container-2021
  li
  span.icon-Star {
  height: inherit !important;
  width: inherit !important;
  min-height: inherit !important;
  min-width: inherit !important;
  max-width: inherit !important;
}

.follow_loader {
  position: absolute;
  right: 0;
}

.follow_loader .cssload-container-div .cssload-div {
  right: 15px !important;
  left: inherit;
  height: 20px;
  width: 20px;
  top: 8px;
}

.follow_loader .cssload-container-div {
  float: left;
  width: 100%;
  height: 100%;
  text-align: right;
}

.follow_loader .cssload-container-div .cssload-div .cssload-double-div {
  height: 20px;
  width: 20px;
}

.add_gifImages {
  position: absolute;
  height: 20px;
  width: 20px;
  right: 55px;
  bottom: 0;
  /* top: 50px; */
}

.my_streamcontent2_right_input.main .add_gifImages svg {
  margin-left: 0 !important;
}

.my_streamcontent2_right_input.main .add_gifImages svg path {
  fill: #aaaaaa;
}

.gifSearch {
  position: relative;
  min-width: auto;
  max-width: 400px;
  /* right: 45px; */
}

.gifSearch div .reactGiphySearchbox-componentWrapper {
  position: absolute;
  bottom: 10px;
  width: 100% !important;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 5px;
  z-index: 99999;
}

.gifSearch.replyComment div .reactGiphySearchbox-componentWrapper {
  bottom: inherit;
  top: 70px;
}

.gifSearch
  div
  .reactGiphySearchbox-componentWrapper
  .reactGiphySearchbox-listWrapper
  div {
  width: 100% !important;
}

.gifSearch
  div
  .reactGiphySearchbox-componentWrapper
  .reactGiphySearchbox-listWrapper
  div
  button.reactGiphySearchbox-imageButton {
  min-width: 110px;
  width: 110px !important;
  max-width: 32%;
}

.cover-btn.group-page-btn.more_profile_btn.invite_active
  ul.dropdown-menu.more-profile-menu {
  display: block;
}

/* "@userName" CSS */

span.userName,
.clickedUrl {
  font-size: 12px;
  display: block;
  font-weight: normal;
}

.my_streamcontent3_top_left.left3 span.userName {
  color: #444444;
  font-size: 12px;
  display: flex;
  align-items: center;
  font-weight: normal;
}

span.userName .clickedUrl,
span.userName a {
  font-weight: normal !important;
  font-size: 12px !important;
  text-transform: none !important;
}

.com_name_view17 span.usereName a {
  color: #444444 !important;
  font-size: 12px !important;
  /* display: block !important; */
  font-weight: normal !important;
  text-transform: none !important;
}

.account_main_top_first .account_left {
  display: flex;
  font-weight: 600;
  font-size: 14px;
}

.portfolio_coment .account_main .account_border_wrep .passChangeDiv .fixheight {
  min-height: 50px;
  border-color: #ffffff;
  margin: 0px !important;
  padding: 5px !important;
}

.passChangeDiv .account-setting-style {
  padding-top: 0px !important;
}

.fade.post-added-con.common-post-modal .modal-dialog {
  height: 65%;
  position: relative;
  transform: translateY(-50%);
  top: 50%;
}

.fade.post-added-con.common-post-modal .modal-content {
  border: none;
  box-shadow: none;
  float: left;
  height: 100%;
  border-radius: 16px;
}

.fade.post-added-con.common-post-modal .modal-content .modal-body {
  width: 100%;
  margin: 0;
  height: 82%;
  background: none;
}

.fade.post-added-con.common-post-modal
  .modal-content
  .modal-body
  .succ-msg-new-post17 {
  background: none;
}

a.tribel_logo {
  margin-bottom: 15px !important;
  height: 40px;
  float: left;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

a.tribel_logo svg {
  height: 35px;
  width: 35px;
}

a.tribel_logo svg path.st4 {
  fill: #2687c9;
}

.fade.post-added-con.common-post-modal .modal-content .modal-body h2 {
  margin: 0;
  text-align: left;
  font-weight: 600;
  font-size: 25px;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  color: #555555;
}

.fade.post-added-con.common-post-modal .modal-content .modal-body h2 span {
  font-size: 14px;
  display: block;
  font-weight: normal;
  padding: 10px 0px;
}

.setuserName {
  float: left;
  width: 100%;
  height: 62px;
  position: relative;
}

.setuserName input.form-control {
  width: 100%;
  height: 100%;
  line-height: 62px;
  border: 2px solid transparent !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important;
  font-size: 18px !important;
  font-weight: normal !important;
  box-shadow: none;
  padding-left: 25px;
}

input.form-control.change-pss.errorInput {
  border: 2px solid #ff0000 !important;
}

.setuserName input.form-control:focus {
  box-shadow: inset 0 0px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
  -moz-box-shadow: inset 0 0px 1px rgb(0 0 0 / 8%),
    0 0 8px rgb(102 175 233 / 60%);
  -webkit-box-shadow: inset 0 0px 1px rgb(0 0 0 / 8%),
    0 0 8px rgb(102 175 233 / 60%);
}

.error_message.fixheight {
  text-align: left;
  margin-left: 10px;
  margin-top: 5px;
  color: #ff0000;
}

.fade.post-added-con.common-post-modal .modal-content .modal-footer {
  padding: 15px;
  text-align: center;
  position: inherit;
  float: left;
  border-top: none;
}

.fade.post-added-con.common-post-modal
  .modal-content
  .modal-footer
  .notie-button {
  border-radius: 30px !important;
  width: 80% !important;
  margin: 0 auto !important;
  background: #2687c9 !important;
  color: #fff !important;
  font-weight: 600 !important;
  height: 55px !important;
  font-size: 18px !important;
  /* float: inherit !important; */
  box-shadow: none;
  border: none;
}

.fade.post-added-con.common-post-modal
  .modal-content
  .modal-footer
  .notie-button.disabled {
  background: #878a8c !important;
}

.defaultat {
  position: absolute;
  height: 62px;
  width: 32px;
  text-align: center;
  line-height: 60px;
  font-size: 22px !important;
  left: 0;
  font-weight: 600;
  color: #555555;
  z-index: 9999;
}

.defaultatOnAct {
  position: absolute;
  height: 62px;
  /* width: 32px; */
  text-align: center;
  line-height: 60px;
  font-size: 22px !important;
  left: 0;
  font-weight: bold;
  color: #555555;
  z-index: 9999;
  padding-top: 15px;
}

.error_message.fixheightAbout {
  text-align: left;
  margin-left: 10px;
  color: #ff0000;
  height: 30px;
}

.defaultatOnAccount {
  position: absolute;
  height: 62px;
  width: 32px;
  text-align: center;
  line-height: 110px;
  font-size: 22px !important;
  left: 0;
  font-weight: bold;
  color: #555555;
  z-index: 9999;
  padding-left: 12px;
}

.fade.audience.post-added-con.common-post-modal.in.modal .modal-dialog {
  top: 30%;
  height: auto;
}

.updateuser_about {
  float: left;
  width: 100%;
  position: relative;
}

.account_userName {
  margin-bottom: 25px;
}

.account_userName .fixheightAbout {
  top: 50px;
  width: 100%;
  line-height: 16px;
  font-size: 14px;
}

.updateuser_about .defaultatOnAccount,
.updateuser_about .defaultatOnAct {
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 14px !important;
  text-align: center;
  color: #aaaaaa !important;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 0;
  padding-top: 0;
  z-index: 5;
}

.updateuser_about input.form-control {
  padding-left: 25px;
}

.updateuser_about .error_message.fixheightAbout {
  position: absolute;
  width: 100%;
}

.updateuser_about.account_userName input.form-control {
  text-transform: lowercase;
}

.updateuser_about input.form-control {
  text-transform: lowercase;
}

.setuserName input.form-control {
  text-transform: lowercase;
}

.post-text-contain__suggestions ul li div.user.focused_hashtag {
  display: grid !important;
}

.post-text-contain__suggestions ul li div.user.focused_hashtag1 {
  font-weight: bold;
  display: grid !important;
}

.post-text-contain__suggestions ul li div.user.focused_hashtag .hashtagCount {
  border: none;
  font-size: 11px;
  font-weight: normal;
}

/* dark mode toggle aictive */

.active_dark_Mode {
  text-align: right;
}

button.btn.btn-toggle {
  box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%) !important;
  border-radius: 39px;
  height: 30px;
  padding: 0;
  float: right;
  position: relative;
  width: 56px;
}

button.btn.btn-toggle .handle {
  position: absolute;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
  background: #cccccc;
  height: 23px;
  width: 23px;
  top: 3px;
  left: 3px;
}

button.btn.btn-toggle.active .handle {
  left: 2.85rem;
  transition: left 0.5s;
  background: #10bb28;
  box-shadow: 0px 0px 30px rgb(16 187 40 / 30%);
}

.dark_mode a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dark_mode a button.btn.btn-toggle {
  height: 20px;
  padding: 0;
  float: right;
  position: relative;
  width: 34px;
  margin-right: 5px;
}

.dark_mode a button.btn.btn-toggle .handle {
  height: 15px;
  width: 15px;
  top: 2px;
}

.dark_mode a button.btn.btn-toggle.active .handle {
  left: 1.3rem;
}

.fade.active_darkmode_modal.in.modal .modal-dialog {
  margin: 0;
  height: 100%;
}

.newsharepost .share-text_cont_main17.gradient_10_preview,
.newsharepost .share-text_cont_main17.gradient_11_preview,
.newsharepost .share-text_cont_main17.gradient_12_preview,
.newsharepost .share-text_cont_main17.gradient_13_preview,
.newsharepost .share-text_cont_main17.gradient_14_preview,
.newsharepost .share-text_cont_main17.gradient_15_preview,
.newsharepost .share-text_cont_main17.gradient_16_preview,
.newsharepost .share-text_cont_main17.gradient_17_preview,
.newsharepost .share-text_cont_main17.gradient_18_preview,
.newsharepost .share-text_cont_main17.gradient_19_preview,
.newsharepost .share-text_cont_main17.gradient_1_preview,
.newsharepost .share-text_cont_main17.gradient_20_preview,
.newsharepost .share-text_cont_main17.gradient_21_preview,
.newsharepost .share-text_cont_main17.gradient_22_preview,
.newsharepost .share-text_cont_main17.gradient_2_preview,
.newsharepost .share-text_cont_main17.gradient_3_preview,
.newsharepost .share-text_cont_main17.gradient_4_preview,
.newsharepost .share-text_cont_main17.gradient_5_preview,
.newsharepost .share-text_cont_main17.gradient_6_preview,
.newsharepost .share-text_cont_main17.gradient_7_preview,
.newsharepost .share-text_cont_main17.gradient_8_preview,
.newsharepost .share-text_cont_main17.gradient_9_preview,
.my_streamcontent_bottom.gradient_2_preview,
.my_streamcontent_bottom.gradient_3_preview,
.my_streamcontent_bottom.gradient_4_preview,
.my_streamcontent_bottom.gradient_5_preview,
.my_streamcontent_bottom.gradient_6_preview,
.my_streamcontent_bottom.gradient_7_preview,
.my_streamcontent_bottom.gradient_8_preview,
.my_streamcontent_bottom.gradient_9_preview,
.my_streamcontent_bottom.gradient_10_preview,
.my_streamcontent_bottom.gradient_11_preview,
.my_streamcontent_bottom.gradient_12_preview,
.my_streamcontent_bottom.gradient_13_preview,
.my_streamcontent_bottom.gradient_14_preview,
.my_streamcontent_bottom.gradient_15_preview,
.my_streamcontent_bottom.gradient_16_preview,
.my_streamcontent_bottom.gradient_17_preview,
.my_streamcontent_bottom.gradient_18_preview {
  color: #ffffff !important;
}

.portfolio_body_right
  .img_6_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_2_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_3_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_4_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_5_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_7_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_8_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_9_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_10_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_11_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_12_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_13_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_14_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_15_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_16_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span,
.portfolio_body_right
  .gradient_17_preview
  .imgPostMain
  .sharedTitleView
  .Linkify
  span {
  color: #ffffffed !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_2_preview {
  background: linear-gradient(
    135deg,
    #ffc3b2 0,
    #ffbca5 46%,
    #ffb399 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_3_preview {
  background: linear-gradient(
    135deg,
    #ffa5a5 0,
    #ff7c7c 46%,
    #ff7373 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_4_preview {
  background: linear-gradient(
    135deg,
    #ffdd87 0,
    #ffd35b 46%,
    #ffd24d 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_5_preview {
  background: linear-gradient(
    135deg,
    #d8b64e 0,
    #d8a611 46%,
    #d9a300 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_6_preview {
  background: linear-gradient(
    135deg,
    #e2ffe9 1%,
    #ccffd8 46%,
    #c1ffd1 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_7_preview {
  background: linear-gradient(
    135deg,
    #66af78 1%,
    #3ead5a 47%,
    #00b22d 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_8_preview {
  background: linear-gradient(
    135deg,
    #d1e8ff 0,
    #aad5ff 47%,
    #aad5ff 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_9_preview {
  background: linear-gradient(to bottom, #3e9eff 0, #1d70c4 99%) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_10_preview {
  background: linear-gradient(
    135deg,
    #c1d2ff 0,
    #a3bbff 48%,
    #99b3ff 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_11_preview {
  background: linear-gradient(
    135deg,
    #3939ad 0,
    #1818af 51%,
    #0000b2 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_12_preview {
  background: linear-gradient(
    135deg,
    #ce9eff 0,
    #c184ff 52%,
    #b973ff 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_13_preview {
  background: linear-gradient(
    135deg,
    #692ca5 0,
    #580ba5 52%,
    #5300a6 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_14_preview {
  background: linear-gradient(
    135deg,
    #f4d8ff 0,
    #f2ceff 52%,
    #efbfff 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_15_preview {
  background: linear-gradient(
    135deg,
    #9b4fb5 0,
    #8d10b7 52%,
    #8b00b9 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_16_preview {
  background: linear-gradient(
    135deg,
    #ffa5ff 1%,
    #ff7fff 52%,
    #ff73ff 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_17_preview {
  background: linear-gradient(
    135deg,
    #c450c4 1%,
    #c413c4 50%,
    #c600c6 100%
  ) !important;
}

.infinite-scroll-component
  .post_body_left
  .portfolio_body_right4
  .gradient_18_preview {
  background: linear-gradient(
    135deg,
    #3a3a3a 1%,
    #353535 50%,
    #222 100%
  ) !important;
}

.btn-group.bootstrap-select.open
  .search-filter-head
  button.btn.dropdown-toggle.btn-default.feed_filter_type_2,
.search-filter-head button.btn.dropdown-toggle.btn-default.feed_filter_type_2 {
  background: #0eb88f !important;
  color: #ffffff !important;
}

.btn-group.bootstrap-select.open
  .search-filter-head
  button.btn.dropdown-toggle.btn-default.feed_filter_type_3,
.search-filter-head button.btn.dropdown-toggle.btn-default.feed_filter_type_3 {
  background: #de2350 !important;
  color: #ffffff !important;
}

.notify_number {
  background: #ee383a;
}

span.icon-like.heart.my_streamcontent2_icon.heartAnimation,
span.like_count_string.likeactvcl {
  color: #2687c9;
}

.status_content .follow-section .follow-section-top button.follow_close_button {
  border-radius: 100%;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  top: -5px;
  right: -5px;
}

.status_content
  .follow-section
  .follow-section-top
  button.follow_close_button
  span.icon-close {
  font-size: 0.8rem;
}

.advancesearch_main {
  padding-top: 10px;
}

.advancesearch_main
  .post_body_left
  .my_streamcontent.main
  a.advance_search_post,
.advance_search_top,
.my_streamcontent.main_old.advance_user_list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}

.post_profile_top.search_user_result:last-child {
  margin-bottom: 0;
}

.post_profile_top.search_user_result:last-child::after {
  display: none;
}

ul.nav.navbar-nav.navbar-usermenu li.inviteFriendNav a.hashTag {
  /* align-items: center;
  flex-flow: inherit; */
  height: inherit;
  width: 100%;
  float: left;
  text-align: left;
  padding: 15px !important;
  line-height: 30px;
  border-radius: 12px;
  display: block;
}

.hash_tag_list {
  border-bottom: 0.5px solid gray;
}

.hash_tag_list p {
  padding: 10px;
}

.dispay_grid {
  display: grid;
}

.dispay_grid .total_post {
  color: gray;
}

.hash_tag_list_main .hash_tag_list p {
  margin-bottom: 0px;
}

.friends_top_hashtag {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.portfolio_body_left_friends_hashtag {
  background: white;
  padding: 10px;
}

.hash_tag_list_comp {
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  padding: 10px;
}

div#portfolio_body_left_friends_hashtag {
  background: white;
  padding: 10px;
  float: left;
  width: 100%;
}

.hash_tag_list_comp p {
  margin-bottom: 0px;
}

.hash_tag_list_comp span.hashTagSVG {
  height: 35px;
  width: 35px;
  min-width: 35px;
  margin-right: 10px;
}

.advance-search-text21 .no_hashtag_posts {
  margin-top: 5px;
}

div#middle_container_wrapper .advance-search-text21 h2.search_result {
  word-break: break-word;
}

span.multiLinkspan {
  display: inline-flex;
  margin-right: 0 !important;
}

.nav-notification-note.nav-notification-content span strong {
  font-weight: normal;
}

/* verification-badge */

.VerifyBadgeSvg {
  width: 17%;
  margin: 12px auto;
  display: flex;
}

h4.verifyText {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
  padding: 10px;
  color: #2687c9;
}

.verify_title .activeClass {
  border-bottom: 2px solid #1388d1;
  color: #1388d1;
  border-radius: 0px;
  padding: 12px 10px;
  /* line-height: 0; */
  margin-bottom: 0px;
  background: none;
  position: relative;
  /* top: 2px; */
}

.widthsvg {
  width: 40%;
  height: 50%;
  fill: #c1c1c1;
  margin-top: 100px;
  margin: 20px auto;
  display: flex;
  border-radius: 50%;
  padding: 8px;
  background: rgb(233 243 249);
}

.takePicture .uploadSvg svg path {
  fill: #c1c1c1;
}

.takePictureBtn {
  border: none;
  text-decoration: none;
  font-size: 16px;
  float: right;
}

.btnTakePicture {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10px;
}

.next-identity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 15px 15px 15px;
}

.next-identityNext {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;

  margin: 60px 15px 15px 15px;
}

.id-btn {
  margin: 5px;
  padding: 3px;
}

/* .image-input{
  background: url(../images/id.png) no-repeat right center;
  background-repeat: no-repeat;
  background-position: right center;
  background-origin: content-box;
} */

.email_send svg {
  margin: 0 auto;
}

.otp-badge {
  margin: 0 auto;
}

.otp-badge-text {
  display: flex;
  justify-content: center;
}

/* verification account css */

.button_block {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.active_badge .button_block button.btn.verifySocialBtn {
  background: #2687c9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  height: 40px;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-weight: bold;
}

.socialMediaVerification_main > p {
  color: #666666;
  padding: 10px 20px 10px 20px;
}

.socialUrlInput {
  padding: 10px 20px 10px 20px;
}

p.verificationBadgeAllertMsg {
  color: red;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}

.socialMediaVerification_main p {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.active_badge .button_block button.btn.verifySocialBtn {
  display: flex;
  align-items: center;
}

.active_badge .button_block button.btn.verifySocialBtn.btn_twitter {
  background: #1d9bf0;
  border-radius: 5px;
}

.active_badge .button_block button.btn.verifySocialBtn.btn_facebook {
  background: #1877f2;
  border-radius: 5px;
}

.active_badge .button_block button.btn.verifySocialBtn span {
  margin-right: 5px;
}

.active_badge .fadein-modal-header {
  float: left !important;
  width: 100% !important;
  border-bottom: none;
  z-index: 9999 !important;
  padding: 5px 10px;
}

.verification_status_main {
  float: left;
  width: 100%;
  margin-top: 15px;
  background: #ffffff;
  padding: 10px;
  box-shadow: 0 0 10px #2687c91a;
  margin-bottom: 15px;
}

.verification_status h2,
.verification_list h2 {
  font-weight: 700;
  font-size: 15px;
  margin: 0;
  padding: 10px 0;
  float: left;
  width: 100%;
}

.verification_status span {
  float: left;
  width: 50%;
  padding: 10px 5px;
  text-align: left;
  font-size: 14px !important;
}

.verification_status_main span:nth-child(odd) {
  text-align: right;
}

.verification_list {
  margin-top: 0;
  float: left;
  width: 100%;
}

.verification_list p {
  float: left;
  width: 100%;
  margin: 8px 0;
}

.verification_list a {
  margin-left: 5px;
}

.socialUrlInput input.form-control {
  height: 45px;
  border-radius: 12px;
  border: none;
  box-shadow: none;
  margin-top: 10px;
}

.afterlog_SideNav ul.nav.navbar-nav.navbar-right li a span.navsvg svg {
  height: 20px;
  width: 20px;
}

strong.comment_color {
  color: #2687c9;
  z-index: 99999;
  font-size: 14px;
  position: relative;
}

.message_text_message_heading h3 a {
  display: flex;
  align-items: center;
}

.message_text_message_heading h3 a .user_verification_badge {
  margin-left: 3px;
  margin-top: 5px;
}

.message_text_message_heading
  h3
  a
  .user_verification_badge
  .user_verification_svg_icon {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-message-slide
  .fz_16
  a
  .user_verification_badge
  .user_verification_svg_icon
  svg {
  height: 16px;
  transform: none !important;
  top: inherit !important;
  margin: 0 !important;
  position: relative;
}

.find-friend-btn {
  float: left;
  width: 100%;
}

.find-friend-box.ff-tab-design #tabs li a,
.find-friend-box.ff-tab-design #tabs li.active a {
  background: none;
}

.forFitfriendsFF + .no_more_suggest_friend {
  float: left;
  border: 1px solid red;
  width: 100%;
  text-align: center;
  padding: 5px 0;
}

.post-upd-top .fullNameAndUsername {
  float: left;
  width: 100%;
  display: flex;
}

.post-upd-top
  .fullNameAndUsername
  a.post-upd-name.advanceSearch_verificationBadge
  .user_verification_badge {
  margin-left: 1px;
  height: 12px;
  width: 12px;
}

.post-upd-top
  .fullNameAndUsername
  a.post-upd-name.advanceSearch_verificationBadge {
  display: flex;
  align-items: center;
}

.post-upd-top
  .fullNameAndUsername
  a.post-upd-name.advanceSearch_verificationBadge
  .user_verification_svg_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fullNameAndUsername span.userName.advanceSearch_userNameBlock {
  margin-left: 5px;
}

.post-user-profile-details .post-upd-top.advanceSearchePeople {
  display: grid;
}

.advanceSearch_topSectionWrapper {
  width: 100%;
  float: left;
  border-radius: 20px;
  padding: 20px 20px 13px 20px;
}

.custom-fadein-modal.slideInRight.report_slide_mobile.likeuserListslide.group-people-invite-list
  div#LikeuserList.group_invite_modal {
  width: 100%;
  margin-top: 10px !important;
  height: 85%;
  overflow: hidden;
}

.group_invite_Modal {
  float: left;
  width: 100%;
}

div#LikeuserList.group_invite_modal .people-list-container.group_invite_Modal {
  height: 85%;
  overflow: auto;
  margin-top: 5px;
}

.end_Message {
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
}

.like-user-btn.modal_invited_btn {
  display: flex;
  align-items: center;
}

.like-user-btn.modal_invited_btn span,
.like-user-btn.modal_invite_btn span {
  margin-right: 3px;
}

.friends_droupdown_image a .image-start-container .post_profile_pic_star-2021,
.friends_droupdown_image
  a
  .image-start-container
  .post_profile_pic_star-2021
  .common-profile-picture-2021 {
  margin-top: 0 !important;
}

.email-verified .modal-dialog {
  height: 96%;
  display: flex;
  align-items: center;
  margin: 0 10px;
}

.email-verified .modal-dialog .modal-content,
.email-verified .modal-dialog .modal-content .modal-body {
  float: left;
  width: 100%;
  position: relative;
}

.email-verified .modal-dialog .modal-content .modal-body .succ-msg-new-post17 {
  margin-top: 0;
}

.email-verified .modal-dialog .modal-content .modal-header {
  position: absolute;
  border: none;
  padding: 0;
  right: -10px;
  top: -10px;
}

.email-verified .modal-dialog .modal-content .modal-header button {
  background: #333333;
  color: #fff;
  text-shadow: none;
  height: 27px;
  width: 27px;
  font-size: 16px;
  border-radius: 50%;
  font-weight: normal;
  opacity: 1;
}

.email-verified
  .modal-dialog
  .modal-content
  .modal-body
  .step2_Factor-Authentication
  h3 {
  display: flex;
  color: #721c24 !important;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  font-size: 20px;
  align-items: center;
  padding: 10px;
  justify-content: center;
}

.email-verified
  .modal-dialog
  .modal-content
  .modal-body
  .step2_Factor-Authentication
  h3
  span.icon-alert {
  height: 35px;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 15px;
  margin-right: 10px;
}

.email-verified .modal-dialog .modal-content .modal-body .last-alert {
  float: left;
  text-align: center;
}

.email-verified
  .modal-dialog
  .modal-content
  .modal-body
  .last-alert
  .activate_startCheckup
  button.btn.btn-btn.btn_loginNow,
.verifi_2step_Authentication
  div#submit_container
  .loader-onsubmit
  button.btn.btn_continue {
  height: 40px;
  background: #2687c9;
  color: #fff;
  font-weight: 600;
}

.verifi_2step_Authentication
  div#submit_container
  .loader-onsubmit
  button.btn.btn_continue {
  margin: 8px 0;
}

.verifi_2step_Authentication {
  float: left;
  width: 100%;
}

.verifi_2step_Authentication h3 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.verifi_2step_Authentication h3 span.icon-rightCheck {
  font-size: 16px;
  height: 35px;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  display: flex;
  align-items: center;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  border-radius: 10px;
  justify-content: center;
}

.verifi_2step_Authentication .verfication_code_area {
  margin-bottom: 0;
  padding: 20px 0;
}

.verifi_2step_Authentication .verfication_code_area .form-row,
.change-email .new_mail_verification .form-group,
.change-email .new_mail_verification .form-group .input-group {
  float: left;
  width: 100%;
}

.verifi_2step_Authentication
  .verfication_code_area
  .form-row
  .form-grup.otpInput {
  display: grid;
}

.verifi_2step_Authentication
  .verfication_code_area
  .form-row
  .form-grup.otpInput
  div
  div
  input.opt_input {
  height: 40px;
  width: 40px !important;
  float: left;
}

.verifi_2step_Authentication
  .verfication_code_area
  .form-row
  .form-grup.otpInput
  div
  div
  input.opt_input {
  height: 40px;
  width: 40px !important;
  float: left;
  margin: 4px;
  border: 1px solid #8ac4e866;
  box-shadow: inset 0 0 10px #efefefb3;
  border-radius: 6px;
}

.change-email.set_option_for_email {
  margin-top: 10px;
}

.change-email .new_mail_verification {
  border: 1px solid #eeeeee4a !important;
  float: left;
  padding: 10px !important;
  border-radius: 10px;
}

.change-email .new_mail_verification .form-group .input-group {
  margin: 0 !important;
}

.change-email
  .new_mail_verification
  .form-group
  .input-group
  .input-group-addon {
  float: left;
  width: 100%;
  text-align: left;
  font-weight: 600;
  padding: 0 !important;
}

.change-email
  .new_mail_verification
  .form-group
  .input-group
  input.form-control {
  width: 100% !important;
  float: left;
}

.account_border_wrep .col-md-12 {
  float: left;
  width: 100%;
  /* border: 1px solid red; */
}

.account_main_bottom.account-setting-style.new_mail_verification
  .alert-error
  ul
  li.alert.alert-danger {
  display: flex;
  border-radius: 10px;
  margin: 10px 0;
}

.account_main_bottom.account-setting-style.new_mail_verification
  .alert-error
  ul
  li.alert.alert-danger
  span.icon-alert {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  min-width: 35px;
  margin-right: 8px;
}

.account_main_bottom.account-setting-style.new_mail_verification
  span.secondary_email_add {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.account_main_bottom.account-setting-style.new_mail_verification
  span.secondary_email_add
  input.secondary_email {
  float: left;
  width: 75%;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  border: none;
  background: #f7f7f7;
}

.account_main_bottom.account-setting-style.new_mail_verification
  span.secondary_email_add
  button.btn.btn-primary.pull-right {
  width: 23.5%;
  height: 40px;
  font-weight: 600;
}

.account_main_bottom.account-setting-style.new_mail_verification p {
  float: left;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.success_message_print {
  margin-top: 8px;
  padding: 0;
}

.success_message_print .alert-success_message ul,
.success_message_print .alert-success_message ul li {
  margin-bottom: 0;
}

.success_message_print .alert-success_message ul li.alert.alert-success {
  display: flex;
  align-items: center;
  font-weight: bold;
  justify-content: start;
  padding: 10px;
}

.success_message_print
  .alert-success_message
  ul
  li.alert.alert-success
  span.icon-rightCheck {
  height: 35px;
  width: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a6cf95;
  border-radius: 10px;
  margin-right: 10px;
}

.change-email
  .new_mail_verification
  .form-group
  .input-group
  .input-group-addon
  p.left-title {
  text-align: left;
  margin-bottom: 10px;
}

/* bulkfollow disabled */
.bulkFollow_div {
  display: none;
}

.confirm-btn {
  height: 36px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  width: 101px;
}

.fade.email-change.common-post-modal.in.modal .modal-dialog {
  height: 98vh;
}

.account_main_bottom.account-setting-style.new_mail_verification
  .alert-error
  .alert.alert-danger {
  display: flex;
  align-items: center;
}

.email-change .modal-dialog .modal-content {
  float: left;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.email-change .modal-dialog .modal-content .modal-body .succ-msg-new-post17 {
  margin-top: 0;
}

.email-change
  .contributor_notify_dispaly.message-signup.sign_up_message.alert-info
  .last-alert
  .message-signup-text
  .account_main_bottom
  .input-group,
.alert-info
  .message-signup-text
  .account_main_bottom.padding-left-right-10.account-setting-style
  .form-group
  .input-group {
  width: 100%;
}

.account_main_bottom.account-setting-style.new_mail_verification
  .alert-error
  .alert.alert-danger
  span.icon-alert {
  float: left;
  height: 30px;
  width: 30px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff000070;
  min-width: 30px;
  border-radius: 5px;
  color: #fff;
}

.follow_bio_bottom {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  padding-left: 55px;
}

.suggested_friendList .friends_info .friends_info_top {
  align-items: inherit;
}

.suggested_friendList .follow_bio_bottom {
  padding-left: 0;
}

.recapcha-email .form-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

#new_mail_change {
  text-transform: lowercase !important;
}

.like_modal_bio {
  width: 100%;
  float: left;
}

.like_modal_bio .like_bio_bottom {
  width: 100%;
  float: left;
}

.comment-not-available.admin_banned {
  align-items: center;
}

.comment-not-available.admin_banned h3 {
  margin-bottom: 0px !important;
}

/* tribel Ads */

.tribel_Ads {
  padding: 0;
  margin: 10px;
  background: #f8f8f8;
  border-radius: 20px;
}

.tribel_Ads .layout_1 {
  position: relative;
}

.tribel_Ads .layout_1 .sc-jNnpgg.jIfccS {
  display: block !important;
}

.tribel_Ads .layout_1 .rc-widget-header {
  position: absolute !important;
  z-index: 9999999999;
  right: 0;
}

.tribel_Ads .layout_1 .rc-widget-header .rc-brand-wrapper {
  margin-left: 0;
}

.tribel_Ads .layout_1 .rc-sponsored {
  margin: 0 !important;
  width: 100% !important;
}

a.sc-bkbkJK.icGbLP.rc-cta,
a.rc-cta {
  width: 100%;
  align-items: center;
}

a.sc-bkbkJK.icGbLP.rc-cta div:nth-child(1),
a.rc-cta div:nth-child(1) {
  height: 150px;
  -moz-border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}

a.sc-bkbkJK.icGbLP.rc-cta .sc-kfYoZR.cPQlBq.rc-content,
a.rc-cta .rc-content {
  padding: 0 15px !important;
}

.tribel_Ads .layout_1 .rc-content {
  padding: 10px;
}

.tribel_Ads .layout_1 .rc-content h4 {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

.tribel_Ads .layout_1 .rc-content h4 + div {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 23px !important;
}

.friends_info_topcont.friends_info_topcont-17.friends_info_list {
  display: block;
}

div#messageInputarea form {
  position: relative;
}

div#messageInputarea form .general-file.files-upload-scroll {
  width: 130% !important;
  padding: 10px;
}

.forFitfriends.groupMemberList
  .friends_info
  .friends_info_topcont.friends_info_topcont-17,
.forFitfriends.groupMemberList
  .friends_info
  .friends_info_topcont.friends_info_topcont-17
  .my_streamcontent_like1 {
  display: grid !important;
}

.forFitfriends.groupMemberList
  .friends_info
  .friends_info_topcont.friends_info_topcont-17
  .my_streamcontent_like1
  .follow_bio_bottom,
.friends_area__.post_body_left .friends_info_topcont .follow_bio_bottom {
  padding-left: 0;
}

.more-people-item.likeruesrlist19.peopleLikeList .content .totale_area2 {
  align-items: inherit;
}

.more-people-item.likeruesrlist19.peopleLikeList
  .notifications_message_text
  h3 {
  display: flex;
}

.more-people-item.likeruesrlist19.peopleLikeList
  .notifications_message_text
  h3
  .userName {
  margin-left: 4px;
}

.friends_info .friends_info_topcont.friends_info_topcont-17 p {
  display: flex;
}

.friends_info .friends_info_topcont.friends_info_topcont-17 p .userName {
  margin-left: 4px;
}

/* new sign Up modal */
.after_SignUp_Modal .modal-dialog {
  height: 98vh;
  display: flex;
  align-items: center;
  float: left;
}

.after_SignUp_Modal .modal-content {
  height: 75%;
  float: left;
  position: relative;
  width: 95%;
}

.after_SignUp_Modal .modal-content .modal-header {
  float: left;
  width: 100%;
  border: none;
  border-bottom: 1px dashed #ccc;
}

.after_SignUp_Modal .modal-content .modal-header h1 {
  float: left;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.after_SignUp_Modal .modal-content .modal-body {
  float: left;
  width: 100%;
}

.after_SignUp_Modal
  .modal-content
  .modal-body
  .policy_popup_main
  h2.policy_popup_title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.after_SignUp_Modal
  .modal-content
  .modal-body
  .policy_popup_main
  .policy_popup_content {
  float: left;
  width: 100%;
}

.after_SignUp_Modal
  .modal-content
  .modal-body
  .policy_popup_main
  .policy_popup_content
  .notification-setting-body
  .notifiy-item.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.after_SignUp_Modal
  .modal-content
  .modal-body
  .policy_popup_main
  .policy_popup_content
  .notification-setting-body
  .notifiy-item.row
  label {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
}

.after_SignUp_Modal .modal-content .modal-footer {
  position: absolute;
  float: left;
  border: none;
  width: 100%;
  bottom: 0;
  border-top: 1px dashed #ccc;
}

.after_SignUp_Modal .modal-content .modal-footer button {
  width: 80px;
  border: none;
  height: 35px;
  border-radius: 5px;
  background: #2687c9;
  color: #fff;
  font-size: 16px;
  line-height: 35px;
}
.display_none_style {
  display: none !important;
}
.row.invest_header_row {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-size: 15px;

  line-height: 23px;
}
.invest_button {
  border-radius: 10px !important;
}
.invest_header_text {
  color: #000;
  font-weight: 500;
  font-size: 12px;
}
.invest_header {
  background-color: #e3edf3 !important;
}
p.app_invitation_text {
  color: white;
}
.post_scroll_main {
  height: 99vh;
  overflow-y: scroll;
}
/* .post_scroll{
  height: 80vh;
} */
.post_scroll div#popup-post-details {
  height: 100% !important;
  overflow-y: none;
}
.infinite-scroll-component
  .post_scroll
  div#popup-post-details
  .popup_single_post_mobile_section
  .post_right_side
  .portfolio_body_right4.main.status_content
  .is_shared_posted
  .my_streamcontent.main.video_full_page {
  /* background-color: black !important; */
  background-color: #47424266 !important;
  z-index: 1;
}
.infinite-scroll-component
  .post_scroll
  div#popup-post-details
  .popup_single_post_mobile_section
  .post_right_side
  .portfolio_body_right4.main.status_content
  .is_shared_posted
  .my_streamcontent.main.video_full_page
  .right_popup_post_body
  .my_streamcontent2.main {
  background-color: black;
  border: none !important;
}
.my_streamcontent.main.video_full_page {
  padding-top: 15px !important;
}
.my_streamcontent.main.video_full_page
  .post_profile_top
  a.post-upd-name.postHeader_userName2_verificationBadge,
.my_streamcontent.main.video_full_page
  .post_profile_top
  span.userName
  a.clickedUrl,
.my_streamcontent.main.video_full_page span.post-upd-permission-icon,
.my_streamcontent.main.video_full_page span.posted_upload_time,
.my_streamcontent.main.video_full_page
  h1.sharedTitleView
  span.Linkify.Linkify-mention
  code,
.my_streamcontent.main.video_full_page
  h1.sharedTitleView
  span.Linkify
  code
  span,
.my_streamcontent.main.video_full_page
  .right_popup_post_body
  .my_streamcontent2.main
  a.repp
  span,
.my_streamcontent.main.video_full_page
  .right_popup_post_body
  .my_streamcontent2.main
  span.like_count_string,
.my_streamcontent.main.video_full_page
  .right_popup_post_body
  .my_streamcontent2.main
  .cSetIcon,
.my_streamcontent.main.video_full_page
  .right_popup_post_body
  .my_streamcontent2.main
  span.icon-shear,
.my_streamcontent.main.video_full_page
  .right_popup_post_body
  .my_streamcontent2.main
  p.shareText {
  color: white !important;
}
.my_streamcontent.main.video_full_page {
  padding: 10px 12px 20px !important;
}
.carousel_custom_for_video .sc-dicizt.iASUtr.rec.rec-carousel {
  height: 99vh !important;
}
.rec.rec-carousel-item {
  height: 99vh;
}
.rec.rec-carousel-item {
  display: flex;
  align-items: center;
  background-color: black;
}
/* .video_player_custom_extra_large .video-react-control-bar.video-react-control-bar-auto-hide {
  top: 57vh;
}
.video_player_custom_large .video-react-control-bar.video-react-control-bar-auto-hide {

  top:45vh
}
.video_player_custom_small .video-react-control-bar.video-react-control-bar-auto-hide {
  top:35vh
} */
/* .post_scroll .video-react-control-bar.video-react-control-bar-auto-hide {
  bottom: 0px;

} */
.post_left_side.video_post_video
  .video-react-control-bar.video-react-control-bar-auto-hide {
  /* background-color: rgb(77 85 96 / 19%); */
  background: #47424266 !important;
  z-index: 9;
}

.post_scroll .popup_single_post_mobile_section .post_left_side.video_post_video,
.post_scroll
  .popup_single_post_mobile_section
  .post_left_side.video_post_video
  .post-popup-contain-details
  .post_scroll
  .popup_single_post_mobile_section
  .post_left_side.video_post_video
  .post-popup-contain-details
  .video-post-popup-wrap.video1x1
  .post_scroll
  .popup_single_post_mobile_section
  .post_left_side.video_post_video
  .post-popup-contain-details
  .video-post-popup-wrap.video1x1
  .video-react-controls-enabled {
  max-height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh !important;
}
.popup_single_post_mobile_section
  .post_left_side.video_post_video
  .post-popup-contain-details {
  max-height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh !important;
}
.popup_single_post_mobile_section
  .post_left_side
  .post-popup-contain-details
  .video-post-popup-wrap.video1x1 {
  max-height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh !important;
}
/* .newslidepost .popup_single_post_mobile_section .post_left_side .video-react-controls-enabled{
  max-height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh !important;
} */
.infinite-scroll-component
  .post_scroll
  div#popup-post-details
  .popup_single_post_mobile_section
  .post_right_side
  .portfolio_body_right4.main.status_content
  .is_shared_posted
  .my_streamcontent.main.video_full_page
  .right_popup_post_body.video_post_body
  .my_streamcontent2.main {
  background: transparent !important;
}
.right_popup_post_body.video_post_body
  .my_streamcontent2.main
  .my_streamcontent2_left.post-like-tooltip.handlePostLikeShow
  .krodd_icon.like-main17
  a.repp
  span.icon-like.heart.my_streamcontent2_icon.heartAnimation {
  color: #3939ef !important;
}
div#popup-post-details
  .popup_single_post_mobile_section.image_section
  .post_right_side {
  position: relative !important;
}
.follow_button_for_video {
  color: white;
}
.from_video_post_follow_button {
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  padding: 0px 5px;
}
.follow_button_for_video a.from_video_post_follow_button {
  border: 1px solid white;
  border-radius: 5px;
  color: white !important;
  padding: 0px 5px;
}
/* .main.custommargitop17.profile-navbar .portfolio_body .container.custom-container{
  height: 99vh;
} */
.post_scroll_main .rec-slider-container {
  margin: 0px 0px;
}
.custom-fadein-modal.slideInRight.report_slide_mobile.single_post_popup
  .post_scroll
  div#popup-post-details {
  /* padding-bottom: 40px !important; */
  background: transparent !important;
}
div#popup-post-details .popup_single_post_mobile_section .post_right_side {
  bottom: 100px;
  position: absolute !important;
}

.video_player_custom video.video-react-video {
  height: 30px;
}
.display_issue_display_none
  .video-react-control-bar.video-react-control-bar-auto-hide {
  display: none;
}
.pointer_event_auto button.video-react-play-control.video-react-control,
.pointer_event_auto .video-react-volume-menu-button-horizontal,
.pointer_event_auto .video-react-progress-control.video-react-control,
.pointer_event_auto button.video-react-icon-fullscreen {
  pointer-events: auto !important;
}
/* .video_controllbar_false{
  pointer-events: none !important;
} */
.video_controllbar_true {
  display: none !important;
}
.video-react .video-react-control-bar.video_controllbar_false {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: visibility 0.1s, opacity 0.1s;
}
.video_controllbar_false button {
  pointer-events: auto !important;
}
.display_flex_controll_button {
  display: flex;
  position: absolute;
  bottom: -5px;
  width: 100%;
  padding: 7px 12px;
}
.display_flex_controll_button button.button_fullscreen span {
  font-size: 1.8rem;
}
.display_flex_controll_button button.button_fullscreen {
  position: relative;
  /* display: contents; */
}
.close_volume {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 12px 16px;
  transform: translate(0%, -50%);
}
.pointer_event_auto .video-react-control-bar {
  display: none !important;
}
.post_left_side.video_post_video .display_flex_controll_button {
  background: transparent !important;
}
.img_post_box_clear .iphone_fullScreen_video,
.video-post-popup-wrap .iphone_fullScreen_video {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .post_left_side.video_post_video .iphone_fullScreen_video button.video-react-icon-fullscreen.video-react-fullscreen-control.video-react-control.video-react-button.video-react-icon {
  display: none !important;
} */
.display_flex_controll_button button.button_fullscreen {
  bottom: -2px;
}
.post_right_side.video_post_info .posted-by-group {
  display: none;
}
button.send_otp_button {
  width: 82%;
  text-align: center;
  border: none;
  height: 35px;
  border-radius: 5px;
  background: #2687c9;
  color: #fff;
  font-size: 16px;
  line-height: 35px;
  margin-top: 10px;
}
.send_otp_div.verfication_code_area {
  text-align: center;
}
.row.mobile_number_verification {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.col-md-10.otp_number input.form-control {
  width: 100% !important;
}
.send_otp_div.verfication_code_area.new_section {
  margin-top: 15px !important;
}
.send_otp_div.verfication_code_area.new_section
  .form-group.otpInput
  div
  input.input_otp {
  margin-left: 5px;
  margin-right: 5px;
}
.send_otp_div.verfication_code_area.new_section .form-group.otpInput {
  display: inherit;
}
.send_otp_div.verfication_code_area.new_section
  .form-group.otpInput
  .error_message.fixheight.otp_error_message {
  text-align: center;
  margin-top: 25px;
}
h4.modal-title.phone_number_verification {
  text-align: center;
  font-weight: bold;
}

.fade.post-added-con.common-post-modal.deactivate_modal.mobile_verification_modal.main_modal.in.modal
  .modal-body {
  margin-top: 15%;
}
.mobile_number_verification_main.modal_comp {
  text-align: center;
}
.row.phone_verification_comp_row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.re_captcha_for_verification.verification_comp {
  margin: 20px 0px;
}
.re_captcha_for_verification.verification_comp div#g-recaptcha div {
  width: 100% !important;
}
.fade.post-added-con.common-post-modal.deactivate_modal.mobile_verification_modal.main_modal.in.modal
  .modal-content {
  height: 80%;
}
.form-grup.otp_inputBox .form-group.otpInput input.opt_input {
  width: 45px !important;
  box-sizing: border-box;
  border-radius: 12px !important;
  margin-top: 10px;
  text-align: center !important;
  height: 40px !important;
  border: 1px solid #ddd !important;
  background: #ffffff !important;
  height: 45px;
  width: 45px;
  float: left;
  border: none;
  border-bottom: 1px solid #ddd !important;
  margin-right: 10px;
  box-shadow: none;
  /* border-radius: 0 !important; */
  padding: 0;
  text-align: center;
  line-height: 45px;
  font-weight: bold;
}
button.btn.btn-primary.verify_button {
  width: 50%;
}
.resend_otp_section {
  margin-top: 10px;
}
.error_message.fixheight.otp_error_message {
  margin-bottom: 10px;
  text-align: center;
}
.primary_phone_verify .change_btn {
  color: #2687c9;
}
.row.phone_verification_comp_row ul.country-list,
.row.mobile_number_verification ul.country-list {
  text-align: left;
}
button.phone_verification_logout {
  background: #2687c9;
  color: white;
  padding: 4px 9px;
  border-radius: 10px;
}
.showing_added_phone .change_button {
  color: #1388d1;
}
.mobile_number_verification ul.country-list,
.row.phone_verification_comp_row ul.country-list {
  width: 250px;
}
.fade.post-added-con.common-post-modal.delete_modal_for_tribel_user.in.modal
  .succ-msg-new-post17 {
  margin-top: 10% !important;
}
.fade.post-added-con.common-post-modal.delete_modal_for_tribel_user.in.modal
  .modal-content {
  height: 50%;
}
.fade.post-added-con.common-post-modal.delete_modal_main_for_social_user.in.modal
  .succ-msg-new-post17 {
  margin-top: 10% !important;
}
.fade.post-added-con.common-post-modal.delete_modal_main_for_social_user.in.modal
  .modal-content {
  height: 50%;
}
.friends_info_status {
  display: inline-flex;
  justify-content: space-around;
  width: 100%;
}
.friends_info_status .friends_info_bottom {
  padding-left: 10px;
  /* justify-content: center; */
  align-items: center;
}
a.cancel-friend-from-find-friends {
  background: #2687c9;
  color: #ffffff;
}
a.follow_following_part {
  background: #2687c9;
  color: #ffffff;
  padding: 8px 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.friends_info_bottom a.cancel-friend-from-find-friends {
  padding: 8px 10px;
}
ul.nav.navbar-nav.navbar-usermenu li.inviteFriendNav a.invite_friend_part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: none;
  flex-flow: row;
}
a.invite_friend_part p {
  margin: 0px;
}
.friends_info_bottom a.cancel-friend-from-find-friends.request_pending {
  background: #08568b;
}
.custom-fadein-modal.slideInRight.NewSildeLeft.report_slide_mobile
  .fadein-modal-body.suggested_friend_modal_body {
  height: 98vh;
}
.NewSildeLeft
  .info-edit-popup
  .modal-content
  .modal-body.suggested_friend_modal_body_part {
  height: 98vh;
}
.modal-body.suggested_friend_modal_body_part
  .row.suggestedFriend_part
  div#scrollableDivSUfU {
  height: 85vh !important;
}
.more-like-user.more-like-user-footer {
  background: #2687c9;
  padding: 8px;
  border-radius: 10px;
  text-align: center;
}
.row.suggestedFriend_part .show_more_footer {
  margin-top: 10px;
}
ul.nav.navbar-nav.navbar-usermenu.fiend_friend_nav {
  float: none;
  margin: 0px;
}
.show_more_footer .continue_loader {
  display: block;
  position: absolute;
  bottom: 5px;
  right: 50%;
}
.show_more_footer .continue_loader .cssload-double-div {
  border-color: transparent rgba(106, 90, 5) rgba(240, 240, 240);
}
.friends_info .add_follow_following_part {
  display: inline-flex;
}
.friends_tab_area_new .friends_info_bottom {
  width: auto !important;
}
.friends_tab_area_new .friends_info_bottom.follow_following {
  padding-left: 10px;
}
a.add-friend-from-find-friends.suggested_friend_unfollow {
  color: gray !important;
  background: rgba(38, 135, 201, 0.1) !important;
}
.friends_info_bottom a.cancel-friend-from-find-friends.pending_friend_request,
a.cancel-friend-from-find-friends.request_pending,
.follow_following_part.already_follow {
  background: rgba(38, 135, 201, 0.1) !important;
  color: gray !important;
}
.suggested_friendList .friends_info_status {
  justify-content: flex-start;
}
a.phone_verification_logout.skip_verification {
  position: absolute;
  right: 5px;
  padding: 5px 15px;
  background: #2687c9;
  border-radius: 10px;
  color: white;
}
.mobile_number_verification_main {
  text-align: center;
}
.re_captcha_for_verification div#g-recaptcha div {
  width: 100% !important;
}
.re_captcha_for_verification {
  margin-top: 25px;
}
.showing_added_phone {
  display: flex;
  justify-content: center;
  align-items: center;
}
.show_added_number {
  margin-right: 5px;
}
.email_display_area .add_phone_col {
  padding: 0px;
}
.col-md-12.form-group.edit_user_email_section.mob-cmn-cls
  .email_display_area.primary_phone_verified {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
a.resend-active {
  color: #1388d1 !important;
}
.notifiy-item.row {
  padding-bottom: 10px;
}
.select_feed_header h3 {
  text-align: center;
}
.select_feed_header h3 {
  text-align: center;
  color: #1388d1;
}
h2.hp_popup_title {
  text-align: center;
}
.fade.after_SignUp_Modal.in.modal .modal-content .modal-header,
.fade.after_SignUp_Modal.in.modal .modal-content .modal-footer {
  border-bottom: none;
  border-top: none;
}
.profile_complete_step {
  text-align: center;
  color: #1388d1;
  margin-top: 5px;
}
.fade.after_SignUp_Modal.in.modal .modal-content .modal-header h1 {
  text-align: center;
  float: none;
}
/* .fade.after_SignUp_Modal.in.modal .modal-dialog {
  width: 100%;
} */
/* .send_otp_div.verfication_code_area.new_section .continue_loader .custom-common-but.disabled-but.signup-loading.verification-continue {
  top: 63%;
} */
.fade.after_SignUp_Modal.in.modal
  a.tribel_logo
  a.phone_verification_logout.skip_verification {
  position: relative;
  background: transparent;
  color: gray;
  text-decoration: underline;
}
.fade.after_SignUp_Modal.in.modal a.tribel_logo {
  margin-top: 10px;
}
.sent_otp_btn_loader {
  position: relative;
}
.fade.after_SignUp_Modal.in.modal a.tribel_logo {
  margin-top: 10px;
}
.verfication_code_area .sent_otp_btn_loader .continue_loader {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: radial-gradient(#ffffff6b, #ffffff00);
}
.sent_otp_btn_loader .cssload-double-div {
  width: 30px;
  height: 30px;
  border: 2px double;
  border-radius: 50%;
  border-color: transparent rgba(16, 126, 194, 0.9) rgba(133, 150, 163, 0.9);
  animation: cssload-spin 1.05s infinite linear;
  -o-animation: cssload-spin 1.05s infinite linear;
  -ms-animation: cssload-spin 1.05s infinite linear;
  -webkit-animation: cssload-spin 1.05s infinite linear;
  -moz-animation: cssload-spin 1.05s infinite linear;
}
.fade.after_SignUp_Modal.in.modal .modal-body {
  padding-top: 0px;
}
.fade.after_SignUp_Modal.in.modal .modal-header {
  padding-bottom: 0px;
}
.mobile_number_verification_main h3 {
  margin-bottom: 15px;
}
.app_invite_modal.modal-body .header_text {
  text-align: center;
  margin-top: 26%;
}
.app_invite_modal.modal-body .app_part {
  text-align: center;
  margin-top: 50%;
}
.find-friend-box-header.ff-main.find-friend-box-headerFF
  h2.invite_friend_head
  p {
  text-align: center;
}
.find-friend-box.ff-tab-design p {
  margin: 15px 10px 0;
}
.find-friend-box.ff-tab-design .users_from_suggested_list p {
  margin-bottom: 15px;
}
.no_user_from_contact {
  text-align: center;
}
.no_user_from_contact p {
  margin-top: 80px !important;
}
.row.mobile_number_verification .otp_number input.form-control {
  font-weight: 600 !important;
}
.resend-disable.and_hide {
  display: none;
}
.fade.after_SignUp_Modal.notification_modal.in.modal h2.policy_popup_title {
  text-align: center;
}
p.notification_para {
  margin: 0px 0px 40px;
  text-align: center;
}
.popup_single_post_mobile_section.image_section
  .post_right_side.only_image_part {
  position: absolute !important;
  bottom: 0px !important;
}
.single_post_popup
  #popup-post-details
  .popup_single_post_mobile_section
  .post_left_side
  .cssload-container-div {
  position: absolute !important;
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  top: -10px;
}
.col-md-12.col-xs-12.add_phone_col {
  padding-left: 0px;
}
.add_new_email.add_primary_phone {
  text-align: left;
  border-top: 1px solid #eeeeee;
}

.add_new_email_section.add_primary_phone_section
  span.add-new-email-btn.primary_phone_add
  a {
  font-size: 13px !important;
}
.add_new_email_section.add_primary_phone_section
  span.add-new-email-btn.primary_phone_add
  span.icon-plus {
  font-size: 11px !important;
}
.contact_support_add {
  /* text-align: right; */
  position: absolute;
  right: 20px;
  bottom: 20px;
  border: 1px solid;
  /* width: 100%; */
  border-radius: 50%;
  padding: 10px;
  background: #1388d1;
  height: 40px;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.contact_support_list_left {
  display: flex;
  flex-direction: column;
}
.contact_support_list_left span.support_no {
  color: #111111;
}
.contact_support_list_right span.status_count {
  background: red;
  padding: 6px;
  border-radius: 8px;
  margin-right: 5px;
  color: white;
}
.contact_support_list_right span.status {
  padding: 5px;
  background: red;
  border-radius: 10px;
}
.contact_support_list_right span.status {
  background: rgba(38, 135, 201, 0.1) !important;
  border: 1px solid #3d3d3d;
}
.contact_support_list {
  padding: 20px;
  border-bottom: 1px solid gray;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact_support .create_contact_support_btn {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: fixed;
  bottom: 15%;
  right: 12%;
  /* -moz-box-shadow: 0px 0px 20px rgb(38 135 201 / 40%);
  -webkit-box-shadow: 0px 0px 20px rgb(38 135 201 / 40%);
  box-shadow: 0px 0px 20px rgb(38 135 201 / 40%); */
  background: #1388d1 !important;
  text-align: center;
  line-height: 50px;
  font-size: 1rem;
  z-index: 10;
}
.report_slide_mobile .select-dropdown-one {
  position: relative;
  margin-bottom: -15px;
}
.report_slide_mobile .select-dropdown-one span.icon-down {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.contact_support_list_body div#messageInputarea {
  position: fixed;
  padding-top: 10px;
  bottom: 10px;
  padding: 0 10px;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  z-index: 1;
}
.contact_support.create_contact_support span.icon-user.user_profile_img-2021 {
  height: 45px !important;
  display: flex;
  justify-content: center;
  font-size: x-large;
  align-items: center;
}

.contact_support.create_contact_support .contact_support_list {
  padding: 10px 5px;
  border-bottom: none;
  display: inline-grid;
}
.contact_support_list .tribel_support_text {
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  margin: 20px 0px;
}
.contact_support_list .tribel_support_text .chat-user-avatar-wrap {
  margin-right: 10px;
}
.contact_support.create_contact_support .post_profile_pic_star-2021 {
  display: none;
}
.support_type_list .support_type p {
  display: inline-block;
  width: auto;
  background: rgba(38, 135, 201, 0.1) !important;
  /* border: 1px solid #3d3d3d; */
  padding: 5px 10px;
  border-radius: 10px;
  cursor: pointer;
}
.contact_support.create_contact_support .support_type {
  width: auto;
  overflow-wrap: break-word;
  text-align: right;
  display: inline-block;
  margin-right: 10px;
}
.contact_support_comp.support_message_create .contact_support_list_body {
  position: relative;
  overflow-y: scroll;
  height: 83vh;
}

/* .contact_support_msg_list .other_msg,
.contact_support_msg_list .my_msg {
  width: 90%;
  border: 1px solid;
  border-radius: 10px;
  padding: 5px;
} */
.contact_support_msg_list p.my_msg_text {
  /* width: auto; */
  border: 1px solid #3d3d3d;
  display: inline;
  clear: both;
  float: right;
  padding: 10px;
  border-radius: 10px;
  max-width: 90%;
}
.contact_support_msg_list p.other_msg_text {
  border: 1px solid #3d3d3d;
  display: inline;
  clear: both;
  float: left;
  padding: 10px;
  border-radius: 10px;
  max-width: 90%;
}
span.left_part_support {
  display: flex;
  align-items: center;
}
a.contact_support_part {
  /* display: flex; */
  display: flex !important;
  justify-content: space-between;
}
.support_seen_unseen_count {
  height: 25px;
  width: 25px;
  background: red;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 5px;
  margin-left: 5px;
}
.verification_vadge_social_head {
  text-align: center;
}
.form-group .story-text-email.country_name,
.form-group .story-text-email.city_name {
  margin-bottom: 0px !important;
}
.contact_support_comp.support_message_create
  .messageInputarea
  .general-file.files-upload-scroll {
  transform: translate(-50%, -10%);
}
.my_msg .msg img.multimedia-image {
  width: 100%;
  object-fit: contain;
  max-height: 200px;
  float: right;
  background: transparent;
  text-align: right !important;
  display: inline;
  width: auto;
  max-width: 80%;
}
.other_msg span.time_show {
  position: relative;
  font-size: 11px;
  padding: 1px 20px 15px;
  clear: both;
  float: left;
  width: 100%;
}
.my_msg .time_seen_unseen_icon {
  font-size: 11px;
  padding: 1px 20px 15px;
  text-align: right;
  clear: both;
  position: relative;
}
span.icon-rightCheck.icon_unseen {
  font-size: 0.8rem;
}
.custom-fadein-modal.slideInRight.commentSlide.rcommentSlide.img_popup {
  z-index: 9999999;
}
.custom-fadein-modal.slideInRight.commentSlide.rcommentSlide.img_popup
  .cssbox_full {
  max-width: 90% !important;
  text-align: center;
  margin: auto;
  height: 80vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact_support_modal_top .load_more {
  text-align: center;
}
.contact_support_modal_top .load_more span {
  background: #1388d1 !important;
  padding: 7px;
  border-radius: 10px;
  position: relative;
  bottom: -15px;
}
.contact_support_msg_list .my_msg {
  float: right;
  width: 90%;
}
.contact_support_msg_list img.multimedia-image {
  border-radius: 10px;
}
.support_image_video_view .modal-content {
  height: 100vh;
}
.support_image_video_view .modal-content .modal-header button.close span {
  color: gray;
  z-index: 99999;
  position: absolute;
  right: 10px;
}
.support_image_video_view .modal-content .modal-header,
.support_image_video_view .modal-content .modal-footer {
  border: none !important;
}
.support_image_video_view .modal-content .modal-footer {
  position: absolute;
  /* bottom: 40%; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.support_image_video_view .modal-content .modal-footer img.multimedia-image {
  max-width: 100%;
  /* min-height: 80%; */
}
.contact_support div#messageInputarea {
  display: flex;
}
.contact_support .col-xs-1.messege_send_ {
  display: flex;
  justify-content: center;
  align-items: center;
}
.support_message_modal .fadein-modal-body {
  height: auto !important;
}
.contact_support_msg_list {
  position: relative;
  overflow-y: scroll;
  height: 83vh;
}
.contact_support_msg_list .load_old_msg {
  text-align: center;
  padding-top: 10px;
}
.contact_support_msg_list .load_old_msg span {
  background: #1388d1;
  border-radius: 10px;
  padding: 8px;
}
.contact_support_list_body .no_created_support {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.contact_support_list_body p.other_msg_text {
  /* background: rgba(38, 135, 201, 0.1);
  border:none */
  border: 1px solid #eeeeee;
}

.contact_support_list_body p.my_msg_text {
  background: rgba(38, 135, 201, 0.1);
  border: none;
}
.contact_support_list_body .contact_support_list.unseen_data {
  background: rgb(38 135 201 / 5%);
}
.contact_support_list_body .contact_support_list.seen_data {
  background: white;
}
.contact_support_comp.support_message_create textarea#reply_message {
  outline: none;
}
.other_msg .msg-img-col.videothumb-cal.Message2 {
  float: left;
  width: 90%;
  max-height: 200px;
}
.other_msg img.multimedia-image {
  width: 100%;
  object-fit: contain;
  max-height: 200px;
  float: left;
  background: transparent;
  text-align: right !important;
  display: inline;
  width: auto;
  max-width: 80%;
}
.other_msg .msg-img-col.videothumb-cal.Message2 {
  display: flex;
  justify-content: flex-start;
}
.other_msg span.icon-VideoPlay {
  position: absolute;
  left: 35%;
}
.my_msg .msg-img-col.videothumb-cal.Message2 {
  display: flex;
  justify-content: flex-end;
}
.my_msg span.icon-VideoPlay {
  position: absolute;
  right: 35%;
}
.contact_support_list_body.message_list.before_log {
  padding: 20px;
}
.before_login_contact_support_form input.form-control {
  padding-left: 5px;
}
.before_login_contact_support_form p {
  padding-left: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.contact_support_footer_before_login_submit {
  text-align: center;
  margin-top: 30px;
}
.contact_support_footer_before_login_submit .saveNewEmailBtn.save-btn {
  font-size: 14px;
  padding: 7px 21px;
  border-radius: 10px;
  background: #1388d1;
  width: 30%;
  text-align: center;
  margin: auto;
  color: white;
}
.single-chat-attachement-btn.status_solved {
  cursor: not-allowed;
  pointer-events: none;
}
.contact_support_list_body.message_list.before_log label.label_suggestion {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
}
.before_login_contact_support_form label.label_title {
  margin-bottom: 0px;
}
.contact_support_list .support_type_list {
  display: flex;
  flex-direction: column;
}
.tribel_support_text p {
  border: 1px solid #eeeeee;
  padding: 4px;
  width: auto;
  border: 1px solid #eeeeee;
  float: left;
  clear: both;
  padding: 10px;
  border-radius: 10px;
  max-width: 90%;
  margin-bottom: 0px;
}

.tribel_support_text .triangle-left {
  border-right: 10px solid #0000001f;
}
.tribel_support_text .triangle-left,
.triangle-right {
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}
.tribel_support_text .triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom {
  width: 0;
  height: 0;
  margin: 8px auto;
}
.contact_support_comp.support_message_create
  .videoicon-overthumb
  span.icon-VideoPlay {
  display: inline-block;
  border: none;
  border-radius: 0 8px 8px 0;
  word-break: break-all;
  vertical-align: top;
  font-size: 11px;
  background: none;
}
.contact_support .load_more .cssload-container-div {
  position: absolute;
  /* bottom: 0px !important; */
  /* top: 0px !important; */
  height: 33px;
  top: inherit !important;
  min-height: 30px !important;
}
.contact_support .load_more img {
  height: 30px;
}
.contact_support_modal_top .load_more .cssload-double-div {
  height: 25px !important;
  width: 25px !important;
}
p.saveNewEmailBtn.save-btn.already_call {
  pointer-events: none;
}
h2.tribel_video_ad_title {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: white !important;
}

a.tribel_video_ad_url.navbar-link {
  color: #1388d1 !important;
}
p.tribel_video_ad_description {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px !important;
  color: white !important;
}
.video_full_page a.btn.btn-success.tribel_video_ad_button {
  margin-top: 5px;
  background: #2687c9 !important;
  margin-bottom: 5px;
  width: 100%;
}
/*FeedAds Style */
.feedAdsBody {
  width: 100%;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.feedAdsContainer {
  display: flex;
  flex-direction: column;
  background-color: #f8f8f8;
  border-radius: 12px;
}
img.feedAdsImage {
  width: 100%;
  height: 283px;
  object-fit: cover;
  border-radius: 12px 12px 0px 0px;
}
.feedAdsInfo {
  padding: 0px 10px;
  justify-content: center;
  background-color: #f8f8f8;
  border-radius: 0px 0px 12px 12px;
  padding-bottom: 11px;
}
.feedAdsInfoTitle {
  margin: 10px 0px;
  font-size: 16px;
  color: #333333 ;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
/* .feedAdsInfoDescriptionArea {
  justify-content: space-between;
  align-items: center;
} */
.feedDescription {
  color: #333333 ;
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
}

/*singlePostPopUp Style */
.singlePostPopUpAdsBody {
  width: 100%;
  border-bottom: 1px solid #e5e3e3;
  border-top: 1px solid #e5e3e3;
  width: 100%;
  top: 317px;
  display: flex;
  align-items: center;
  padding: 6px 6px;
}
.singlePostPopUpAdsContainer {
  width: 100%;
  height: 81px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #efefef;
  border-radius: 15px;
  margin: 20px 0px;

}
img.singlePostPopUpAdsImage {
  width: 100px;
  object-fit: cover;
  height: 81px;
  border-radius: 15px 0px 0px 15px;
}
.singlePostPopUpAdsInfo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.singlePostPopUpAdsInfoTitle {
  margin: 0px 8px;
  color: #000;
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.singlePostPopUpArrow {
  cursor: pointer;
}
.adsButton {
  padding: 4px 7px;
  font-size: 15px;
  font-weight: 500;
  color: #fff5f5;
  background-color: #2687c9;
  border: none;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.feedButton {
  margin-top: 13px;
  max-width: 100%;
  min-width: 50% ;
  background-color: #2386c9;
  text-align: center;
  border-radius: 5px;
  padding: 7px 0px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}

.portfolio_body.interest_setting_main ul.contributor_Subcategory span.icon-plus {
  cursor: pointer;
}
.set_interested_cat_main .interested_cat_selected,
.set_interested_cat_main .interested_subcat_selected {
  display: none;
}

.post-text-contain__suggestions{
  position: absolute !important;
  display: flex !important;

}
span.post_highlighted_text {
  color: #1388D1 !important;
}
.after_SignUp_Modal .skip_done_btn {
  display: flex;
  justify-content: space-between;
  /* gap: 10px; */
  padding: 0 5%;
}
.after_SignUp_Modal .skip_done_btn .skip_interest_btn{
  background-color: rgb(108,117,125) !important;
}

.class_for_report_submit_btn_problem .lbmcamcbr_in_but .custom-common-but.disabled-but .cssload-double-div {
  position: absolute;
  top: 20px;
  right: 48px;
}