* {
	padding: 0;
	margin: 0;
}

body {
	font-family: "Source Sans Pro", sans-serif !important;
}

.main_warper {

	width: 100%;
	float: left;
	height: 100%;
	overflow-y: hidden;
}

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

.main .policy_popup {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999991;
}

.main_warper .main {
	margin-bottom: 0px !important;
}

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

.container.custom-container {
	position: relative;
	padding: 0 !important;
	margin-right: auto;
	margin-left: auto;
}

.portfolio_header_right {
	margin-top: 3px !important;
	margin-bottom: 2px !important;
	max-width: 300px;
	float: right;
}

.portfolio_dropdown {
	position: relative !important;
	max-width: 200px;
	float: left;
}

.portfolio_dropdown a,
.portfolio_dropdown a:hover {
	text-decoration: none !important;
}

.portfolio_dropdown img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	white-space: pre-wrap;
	text-indent: -99999px;
	word-wrap: break-word;
	display: inline-block;
	object-fit: cover;
	text-align: center;
	vertical-align: middle;
	border-radius: 160px;
}

.new-post-slide.fadein-modal-body .common-profile-picture .circle-container {
	width: 30px !important;
	height: 30px !important;
	margin-top: -1px;
}

.post_profile_pic_star {
	position: absolute;
	top: 18px !important;
	left: -4px;
}

.post_profile_pic_star {
	top: 0 !important;
	left: 0;
}

.common-profile-picture .circle-container {
	position: relative;
	width: 10px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 0;
	list-style: none;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	.common-profile-picture .circle-container {
		position: relative;
		width: 30px;
		height: 30px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		padding: 0;
		list-style: none;
		margin: 0 auto;
		text-align: left;
	}
}

.common-profile-picture .circle-container> :nth-of-type(1) {
	transform: rotate(-60deg) translate(18px) rotate(60deg);
}

.common-profile-picture .circle-container> :nth-of-type(2) {
	transform: rotate(-30deg) translate(19px) rotate(30deg);
}

.common-profile-picture .circle-container> :nth-of-type(3) {
	transform: rotate(0) translate(19px) rotate(0);
}

.common-profile-picture .circle-container> :nth-of-type(4) {
	transform: rotate(30deg) translate(19px) rotate(-30deg);
}

.common-profile-picture .circle-container> :nth-of-type(5) {
	transform: rotate(60deg) translate(19px) rotate(-60deg);
}

.common-profile-picture .circle-container> :nth-of-type(6) {
	transform: rotate(90deg) translate(20px) rotate(-90deg);
}

.common-profile-picture .circle-container> :nth-of-type(7) {
	transform: rotate(120deg) translate(20px) rotate(-120deg);
}

.common-profile-picture .circle-container> :nth-of-type(8) {
	transform: rotate(150deg) translate(19px) rotate(-150deg);
}

.common-profile-picture .circle-container> :nth-of-type(9) {
	transform: rotate(180deg) translate(19px) rotate(-180deg);
}

.common-profile-picture .circle-container> :nth-of-type(10) {
	transform: rotate(210deg) translate(19px) rotate(-210deg);
}

.common-profile-picture .circle-container> :nth-of-type(11) {
	transform: rotate(240deg) translate(19px) rotate(-240deg);
}

.common-profile-picture .circle-container> :nth-of-type(12) {
	transform: rotate(270deg) translate(19px) rotate(-270deg);
}

.common-profile-picture .circle-container>* {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px;
	width: 1.45em;
	height: 1.5em;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.fa-gold-star {
	vertical-align: top;
	font-size: 8px !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	background: radial-gradient(ellipse at center, #fef070 0, #cc9400 100%);
	-webkit-text-fill-color: transparent !important;
}

.fa-silver-star {
	vertical-align: top;
	font-size: 8px !important;
	-webkit-text-fill-color: transparent !important;
	-webkit-background-clip: text !important;
	-moz-background-clip: text !important;
	background-clip: text !important;
	background: -moz-radial-gradient(center, ellipse cover, #f7f7f7 0, #adadad 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #f7f7f7 0, #adadad 100%);
	background: radial-gradient(ellipse at center, #f7f7f7 0, #adadad 100%);
}

@media (max-width: 2600px) {

	.message,
	.userNameBox {
		display: none;
	}
}

.portfolio_right_signup {
	margin-top: 8px;
	margin-left: 5px;
	position: relative;
	display: inline-block;
	background: url(../images/down_arrow2.png) right center no-repeat;
	width: 20px;
	height: 9px;
	bottom: -2px;
}

/* .newslidenavafter .custom-fadein-modal {
	background: rgba(0, 0, 0, 0.23921568627450981) !important;
} */

.slideInRight {
	animation-name: slideInRight;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

.search-filter-head button.btn.dropdown-toggle.btn-default svg {
	margin-left: 5px;
}



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

.portfolio_body_right .usertour-tendingfeedfilter .bootstrap-select .dropdown-menu ul.inner li {
	padding: 2px;
}

.portfolio_body_right .search-filter-main .search-filter-title div.dropdown-menu {
	top: 39px !important;
}


.fadein-modal-header .fa-arrow-left {
	padding-right: 3px;
}

.newslidenavafter .fadein-modal-header .fadein-modal-close {
	float: right;
	font-size: 14px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: block;
}

.newslidenavafter .fadein-modal-header .fadein-modal-close-icon {
	width: 100%;
	text-align: center;
	margin-top: 2px !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

.newslidenavafter .fadein-modal-body {
	width: 80%;
	float: right;
	right: 0;
	bottom: 0 !important;
}

.home-link-class {
	float: left;
	font-weight: bold !important;
	font-size: 1.8rem;
}

.other-link-class {
	float: left;
	padding: 0 15px 0 5px;
	margin: 4px 12px 5px 5px;
}

.newslidenavafter .navbar-nav.navbar-right {
	width: 100%;
}

@media only screen and (max-width: 2300px) {
	.nav>li {
		padding: 4px 0;
	}
}

@media screen and (max-width: 1170px) {
	.nav>li {
		display: inline-block;
	}
}

.nav>li>a {
	padding: 10px 5px !important;
	display: block;
	position: relative;
	font-weight: 400 !important;
	text-decoration: none !important;
	line-height: 14px;
	text-shadow: none !important;
}

.circle-container svg {
	height: 11px !important;
	width: 11px !important;
}

@media screen and (max-width: 2600px) {
	.search_hide3 {
		width: 290px;
	}
}

@media only screen and (max-width: 2600px) {
	.logo_area {
		margin-top: 7px;
	}
}

@media only screen and (min-width: 320px) {
	.mob-head-top-user-search {
		display: block !important;
	}
}

@media only screen and (max-width: 767px) {
	.mob-head-top-user-search a {
		position: relative;
		float: left;
		font-size: 14px;
	}
}


/* Code for add invitation section started------------------ */

.app_invitation {
	height: 57px;
	padding: 10px 20px;
	/* display: none; */
}

.app_invitation p {
	margin-top: 10px;
	font-size: 12px;
}

p.app_invitation_text{
	color: white;
}
/* Code for add invitation section ended------------------------------ */


/* CSS for mobile menu and  post status sections started -----------------------------------*/


/* Extra class for feed title making fixed in top */

.site-nav-mid-sticky {
	z-index: 9999;
	left: 0px;
	right: 0px;
	position: fixed;
	top: 0px;
}

/* .top_menu_active {
	background: rgba(38, 135, 201, 0.1);
} */

.notify_tab {
	position: relative;
}

.notify_number {
	position: absolute;
	top: 0;
	border-radius: 0px 0px 5px 5px;
	font-size: 11px;
	padding: 2px;
	min-width: 20px;
	text-align: center;
}

.new_post_status_ {
	margin-top: 130px !important;
	padding: 15px 0px !important;
}

.new_post_status_ .row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.all_tabs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 70px;
	min-width: 100%;
	width: 100%;
	float: left;
	margin: 0;
}

.profile_image .top-dropdown {
	min-width: 20px;
}

.post_input_field {
	height: 44px;
	box-sizing: border-box;
	box-shadow: inset 0px 0px 15px rgb(204 204 204 / 34%);
	border-radius: 10px;
	padding: 13px 15px;
}

.add_image {
	position: relative;
	overflow: hidden;
}

.add_image input {
	position: absolute;
	opacity: 0;
	width: 100%;
	z-index: 1;
}

.add_image span {
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
}

.add_image span:nth-child(3) {
	position: absolute;
	margin-top: 2px;
	margin-left: 7px;
	font-size: 13px;
}

.new_post_status_ .col-xs-4 {
	padding-right: 0px;
	margin-left: -15px;
}

@media screen and (min-width: 426px) {
	.app_invitation {
		padding: 10px 20px;
	}

	.new_post_status_ {
		padding: 15px 37px;
	}
}

@media screen and (max-width: 320px) {
	.new_post_status_ {
		padding: 15px 5px;
	}

	.all_tabs {
		padding-left: 0px;
	}

	.new_post_status_ .col-xs-4 {
		padding-left: 0px;
	}
}


/* CSS for mobile menu and  post status sections ended ----------------------------*/


/*  -----------------------------------    CSS for custom fade in modal started -------------------------------------------------------*/

.slideInRight {
	animation-name: slideInRight;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#input_search_area {
	float: left;
	width: 100%;
}

.mob-head-top-user-search .header_back_element svg {
	margin-top: 10px !important;
}

.mob-head-top-user-search .mob_search_icon {
	position: absolute;
	right: 25px;
	z-index: 2;
	padding: 14px 0px;
}

.mob-head-top-user-search #input_search_area input {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	position: relative;
	padding: 15px;
	border: none;
	margin-top: 2px;
}

.fadein-modal-body .row {
	padding-bottom: 19px;
}

.report-slide-body .liker-report-option ul {
	padding-left: 0px;
	float: left;
}

.report_slide_mobile .fadein-modal-header .friend_heading {
	margin-top: 0;
	position: relative;
}

.mob-head-top-user-search .search_custom_hr {
	height: 1px;
}

#input_search_area button {
	display: none;
}

.type-min-char {
	text-align: center;
	margin-top: 20px;
}

.mob-head-top-user-search .clear_all_search {
	font-size: 15px;
	padding: 10px 5px;
	font-weight: bold;
}

.mob-head-top-user-search .clear-recent-history-btn {
	float: right;
	cursor: pointer;
}

.mob-head-top-user-search #input_search_area .search_box_class {
	width: calc(100% - 30px) !important;
}

@media (max-width: 1023px) {
	.mob-head-top-user-search #search_box {
		right: inherit !important;
	}
}

.mob-head-top-user-search .HeadsearcMainResult {
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	width: 100%;
	max-height: 278px;
}

.mob-head-top-user-search .HeadsearcMainResult div.selecet_drop {
	float: left;
	width: 100%;
}

.mob-head-top-user-search .selecet_drop:first-child {
	border-top: 0;
}

.mob-head-top-user-search selecet_drop .search_text_display {
	padding: 4px 0px !important;
	float: left !important;
	width: 100%;
	text-align: left;
	display: block;
}

.mob-head-top-user-search .HeadsearcMainResult_new_react div.search_text_display a {
	padding: 9px 9px 9px 3px;
}

@media only screen and (max-width: 2600px) {
	.mob-head-top-user-search a {
		position: relative;
		float: left;
		padding: 9px 9px 9px 20px;
		font-size: 16px;
	}
}

.mob-head-top-user-search .search_text_display i {
	margin-right: 16px;
	font-size: 15px;
}

.mob-head-top-user-search .selecet_drop {

	float: left;
	padding: 10px 0;
}

.selecet_drop {
	height: auto;
	width: 100%;
}

/* .mob-head-top-user-search .selecet_drop.actives {
	background: #f2f2f2;
} */

.bitmap_src .selecet_drop,
.container .box,
.selecet_drop {
	position: relative;
}

.mob-head-top-user-search .selecet_drop .box {
	float: left;
	min-width: 45px;
	max-width: 45px;
	height: 45px;
	position: relative;
}

.post_profile_pic_star {
	position: absolute;
}

.mob-head-top-user-search .search_box_class .post_profile_pic_star a {
	padding: 0 !important;
}

@media only screen and (max-width: 2600px) {
	.mob-head-top-user-search a {
		position: relative;
		float: left;
		font-size: 16px;
		margin-top: 15px;
	}
}

.mob-head-top-user-search .selecet_drop .text {
	float: right;
	width: calc(100% - 55px);
	margin-left: 0 !important;
	padding-top: 3px;

}

.mob-head-top-user-search .selecet_drop .textNew {
	float: right;
	width: calc(100% - 55px);
	margin-left: 0 !important;
	padding-top: 3px;
	width: 100%;
	float: left;
	display: flex;
}

.mob-head-top-user-search .selecet_drop .textNew span.hashTagSVG {
	height: 30px;
	width: 30px;
	float: left;
	margin-right: 10px;
}

.hash_tag_list_main .hash_tag_list span.hashTagSVG {
	height: 30px;
	width: 30px;
	float: left;
	margin-right: 10px;
}

.mob-head-top-user-search .selecet_drop h1,
.selecet_drop h2 {
	padding: 0;
	font-weight: 400;
	margin: 0;
	float: left;
}

.mob-head-top-user-search .selecet_drop h1 {

	font-size: 14px;
	width: 95%;
	text-align: left;
	font-weight: 600;
}

.mob-head-top-user-search .selecet_drop h2 {

	font-size: 12px;
	max-width: 230px;
	margin-top: 8px;
	float: left;
	line-height: 16px;
}

.mob-head-top-user-search .selecet_drop h2 span {
	padding: 0 2px;
	font-size: 7px;
}

.mob-head-top-user-search .fadein-modal-body .HeadsearcMainResult .common-profile-picture .circle-container {
	width: 30px !important;
	height: 30px !important;
}

.mob-head-top-user-search .selecet_drop .box img {
	border-radius: 50px;
	float: left;
}

.mob-head-top-user-search #friend_new_area_scroll {
	margin-top: 10px;
}

.mobile-post-contain .new-post-slide .user-post-pic-holder {
	margin-top: 32px !important;
}



.mob-head-top-user-search .search_text_display span {
	position: absolute;
	padding: 10px;
	font-weight: 600;
}

.mob-head-top-user-search .text h2 svg {
	margin: 2px 5px;
}

.mob-head-top-user-search .keep_searching {
	left: 41% !important;
	top: 112px !important;
}

@media screen and (min-width: 320px) {
	.mob-head-top-user-search .keep_searching {
		left: 44% !important;
		top: 112px !important;
	}
}

.mob-head-top-user-search .fadein-modal-header .test2 {
	font-size: 12px;
	position: absolute;
	right: 28px;
	margin-top: 11px;
}

.mob-head-top-user-search .test2 svg {
	margin: 2px 4px;
}


/*  -----------------------------------    CSS for notification started -------------------------------------------------------*/

.NewNotificationSlide .fadein-modal-header {
	position: relative !important;
	top: 0 !important;
	z-index: -1 !important;
}

.NewNotificationSlide .fadein-modal-body {
	height: 100vh;
	z-index: -2;
	padding-top: 10px !important;
	overflow: auto;
}

.NewNotificationSlide .fadein-modal-header h3.fz_16 {
	width: 75% !important;
	text-align: left !important;
	margin-bottom: 0;
}

.NewNotificationSlide .portfolio_body .container.custom-container div.portfolio_body_right {
	padding: 0 !important;
}

.NewNotificationSlide .portfolio_body_right2 {
	width: 100% !important;
}

@media screen and (max-width: 1023px) {
	.NewNotificationSlide .portfolio_body_right2 {
		float: left;
		padding: 0 3px 10px;
		width: 100%;
	}
}

.nav-notification-box .notifications_area {
	display: table;
}

.NewNotificationSlide .nav-notification-box {
	float: left;
	width: 100%;
	cursor: auto !important;
	position: relative;
}

/* .NewNotificationSlide .new-unread-notification {
	background: #ffffff !important;
} */

@media only screen and (max-width: 2600px) {
	.NewNotificationSlide .nav-notification-box {
		padding-top: 10px;
		padding-bottom: 5px;
	}
}

.NewNotificationSlide .nav-notification-box.notifications_area .mobile_user_avatar {
	float: none !important;
	padding: 0 !important;
	height: 20px;
	width: 20px;
	border-radius: 50%;
}

.NewNotificationSlide .mobile_user_avatar.nav-notification-user {
	margin-right: 0 !important;
}

.NewNotificationSlide .all_notification_border_area .notifications_area .nav-notification-note {
	padding-left: 0 !important;
}

.NewNotificationSlide .nav-notification-content h5,
h3 {
	margin-top: 0px;
}

.NewNotificationSlide .nav-notification-box .nav-notification-content a {
	width: 100% !important;
}

.NewNotificationSlide .nav-notification-content h5 a {
	text-decoration: underline;
}

.NewNotificationSlide .nav-notification-box .nav-notification-content a span .likepost {
	padding-top: 3px;
}

.NewNotificationSlide .likepost {
	font-size: 14px;
}

.NewNotificationSlide .nav-notification-note .nav-notification-content span {
	font-size: 14px;
	line-height: 24px;
}

.NewNotificationSlide .nav-notification-content a {
	font-size: 14px;
}

.NewNotificationSlide .nav-notification-content h5 a {
	font-size: 14px;
	line-height: 24px;
}

@media only screen and (min-width: 360px) and (max-width: 2600px) {
	.NewNotificationSlide span.likepost {
		margin-left: 2px;
	}
}

@media only screen and (max-width: 2600px) {
	.NewNotificationSlide .nav-notification-note span {
		text-transform: inherit !important;
	}
}

.NewNotificationSlide .nav-notification-datetime {
	float: left;
	font-size: 11px !important;
	margin: 0;
	width: 100%;
	text-transform: none !important;
	margin-top: 8px;
	margin-bottom: 8px;
}

.NewNotificationSlide .nav-notification-box.notifications_area {
	display: table;
}

.NewNotificationSlide .nav-notification-box {
	float: left;
	width: 100%;
	cursor: auto !important;
	position: relative;
}

@media only screen and (min-width: 360px) and (max-width: 2600px) {
	.NewNotificationSlide span.likepost {
		margin-left: 2px;
	}
}

@media only screen and (max-width: 2600px) {
	.NewNotificationSlide .nav-notification-note span {
		text-transform: inherit !important;
	}
}

.NewNotificationSlide .nav-notification-content .follow_btn {
	font-size: 11px;
	border-radius: 5px;
	padding: 5px;
	border: none;
	display: block;
	padding: 8px;
	margin-bottom: 8px;
	margin-top: 6px;
}

.NewNotificationSlide .nav-notification-content .follow_btn_2 {
	font-size: 11px;
	border-radius: 5px;
	margin-top: 7px;
	padding: 5px;
	border: none;
	display: block;
	padding: 8px 5px;
}

.NewNotificationSlide .nav-notification-contentn h3 {
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
}

.NewNotificationSlide .nav-notification-contentn .btn {
	margin-left: 30px;
}

.NewNotificationSlide .view_all_notification {
	font-size: 12px;
	margin-top: 12px;
}

.NewNotificationSlide .view_all_notification a {
	margin-left: 24px;
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container>* {
	display: block;
	position: absolute;
	top: -28%;
	left: 44%;
	margin: -4px;
	width: 1.45em;
	height: 1.5em;
}

.NewNotificationSlide .notifications_area .circle-container svg {
	height: 6px !important;
	width: 6px !important;
}

.NewNotificationSlide .notifications_area .post_profile_pic_star {
	position: absolute;
	top: 19px !important;
	left: -7px;
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(1) {
	transform: rotate(-76deg) translate(20px) rotate(61deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(2) {
	transform: rotate(-48deg) translate(16px) rotate(61deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(3) {
	transform: rotate(0deg) translate(11px) rotate(61deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(4) {
	transform: rotate(58deg) translate(10px) rotate(49deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(5) {
	transform: rotate(-33deg) translate(-2px) rotate(-61deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(6) {
	transform: rotate(102deg) translate(11px) rotate(-96deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(7) {
	transform: rotate(143deg) translate(14px) rotate(-134deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(8) {
	transform: rotate(191deg) translate(22px) rotate(-252deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(9) {
	transform: rotate(188deg) translate(17px) rotate(-146deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(10) {
	transform: rotate(227deg) translate(18px) rotate(-210deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(11) {
	transform: rotate(251deg) translate(19px) rotate(-240deg);
}

.NewNotificationSlide .notifications_area .common-profile-picture .circle-container> :nth-of-type(12) {
	transform: rotate(270deg) translate(20px) rotate(-270deg);
}

@media only screen and (max-width: 379px) {
	.NewNotificationSlide .notifications_area .post_profile_pic_star {
		position: absolute;
		top: 19px !important;
		left: 0px;
	}
}

.NewNotificationSlide .group-invitation-alert-btns {
	margin-top: 39px !important;
	margin-bottom: 14px;
}

.NewNotificationSlide .group-invitation-alert-btns a {
	font-size: 11px;
	border-radius: 5px;
	margin: 5px 0px;
	margin-top: 8px;
	padding: 8px 12px;
	border: none;
	margin-right: 5px;
}

.NewNotificationSlide .group-invitation-alert-btns> :nth-of-type(2) {
	font-size: 11px;
	border-radius: 5px;
	margin: 5px 0px;
	margin-top: 8px;
	padding: 8px 12px;
	border: none;
	margin-right: 5px;
}


/*  -----------------------------------    CSS for notification ended -------------------------------------------------------*/


/*  -----------------------------------    CSS for all_notification  started -------------------------------------------------------*/

.view-all-notificaiton-details .all_notification_detail_list {
	margin-top: 128px;
}

.all_notification_border_area .fadein-modal-header {
	position: relative !important;
	top: 0 !important;
	z-index: -1 !important;
}

.all_notification_border_area .fadein-modal-body {
	position: absolute;
	height: 100vh;
	z-index: -2;
	padding-top: 10px !important;
	overflow: auto;
}

.all_notification_border_area .fadein-modal-header h3.fz_16 {
	max-width: 75% !important;
	text-align: left !important;
}

.all_notification_border_area .portfolio_body .container.custom-container div.portfolio_body_right {
	padding: 0 !important;
}

.all_notification_border_area .portfolio_body_right2 {
	width: 100% !important;
}

@media screen and (max-width: 1023px) {
	.all_notification_border_area .portfolio_body_right2 {
		float: left;
		padding: 0 0 10px;
		width: 100%;
	}
}

.nav-notification-box .notifications_area {
	display: table;
}

.all_notification_border_area .nav-notification-box {
	float: left;
	width: 100%;
	cursor: auto !important;
	position: relative;
}

/* .all_notification_border_area .new-unread-notification {
	background: #ffffff !important;
} */

@media only screen and (max-width: 2600px) {
	.all_notification_border_area .nav-notification-box {
		padding-top: 10px;
		padding-bottom: 5px;
	}
}

.all_notification_border_area .nav-notification-box.notifications_area .mobile_user_avatar {
	float: none !important;
	padding: 0 !important;
	height: 25px;
	width: 25px;
	min-width: 25px;
	border-radius: 50%;
	margin-right: 10px !important;
}

.all_notification_border_area .image-start-container {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: 9999;
	position: relative;
}

.all_notification_border_area .nav-notification-box.notifications_area .mobile_user_avatar img.user_profile_img-2021 {
	vertical-align: middle;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 100% !important;
	border-radius: 50%;
}

.all_notification_border_area .nav-notification-box.notifications_area .mobile_user_avatar svg.user_profile_img-2021 {
	height: 100%;
	width: 100%;
	float: left;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 1px;
}

.all_notification_border_area .profile_image_with_star .post_profile_pic_star-2021 .common-profile-picture-2021,
.all_notification_border_area .common-profile-picture-2021,
.all_notification_border_area .post_profile_pic_star-2021 {
	position: relative;
	width: 100% !important;
	height: 100% !important;
	margin-top: -10px !important;
}

.all_notification_border_area .all_notification_border_area .notifications_area .nav-notification-note {
	width: calc(100% - 30px);
	padding-left: 0 !important;
	margin-left: 38px;
	margin-top: 6px;
}

.all_notification_border_area .nav-notification-content h5,
h3 {
	margin-top: 0px;
	margin-bottom: 0;
}

.all_notification_border_area .nav-notification-box .nav-notification-content a {
	width: 100% !important;
}

.all_notification_border_area .nav-notification-content h5 a {
	text-decoration: underline;
}

.all_notification_border_area .nav-notification-box .nav-notification-content a span .likepost {
	padding-top: 3px;
}

.all_notification_border_area .likepost {
	font-size: 14px;
}

.all_notification_border_area .nav-notification-note .nav-notification-content span {
	font-size: 14px;
	line-height: 24px;
}

.all_notification_border_area .nav-notification-content a {
	font-size: 14px;
}

.all_notification_border_area .nav-notification-content h5 a {
	font-size: 14px;
	line-height: 24px;
}

@media only screen and (min-width: 360px) and (max-width: 2600px) {
	.all_notification_border_area span.likepost {
		margin-left: 2px;
	}
}

@media only screen and (max-width: 2600px) {
	.all_notification_border_area .nav-notification-note span {
		text-transform: inherit !important;
	}
}

.all_notification_border_area .nav-notification-datetime {
	float: left;
	font-size: 11px !important;
	margin: 0;
	width: 100%;
	text-transform: none !important;
	margin-top: 8px;
	margin-bottom: 8px;
}

.all_notification_border_area .nav-notification-box.notifications_area {
	display: flex;
	align-items: flex-start;
	justify-content: start;
	padding: 5px;
}

.all_notification_border_area .nav-notification-box {
	float: left;
	width: 100%;
	cursor: auto !important;
	position: relative;
}

@media only screen and (min-width: 360px) and (max-width: 2600px) {
	.all_notification_border_area span.likepost {
		margin-left: 2px;
	}
}

@media only screen and (max-width: 2600px) {
	.all_notification_border_area .nav-notification-note span {
		text-transform: inherit !important;
	}
}

.all_notification_border_area .nav-notification-content .follow_btn {
	font-size: 11px;
	border-radius: 5px;
	padding: 5px;
	border: none;
	display: block;
	padding: 8px;
	margin-bottom: 8px;
	margin-top: 6px;
	float: left;
}

.all_notification_border_area .nav-notification-content .follow_btn_2 {
	font-size: 11px;
	border-radius: 5px;
	margin-top: 7px;
	padding: 5px;
	border: none;
	display: block;
	padding: 8px 5px;
}

.all_notification_border_area .nav-notification-contentn h3 {
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
}

.all_notification_border_area .nav-notification-contentn .btn {
	margin-left: 30px;
}

.all_notification_border_area .notification_heading {
	margin-top: 9px;
	position: absolute;
	margin-left: 14px;
}

.all_notification_border_area .view_all_notification {
	font-size: 12px;
	margin-top: 12px;
}

.all_notification_border_area .view_all_notification a {
	margin-left: 24px;
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container>* {
	display: block;
	position: absolute;
	top: -28%;
	left: 44%;
	margin: -4px;
	width: 1.45em;
	height: 1.5em;
}

.all_notification_border_area .notifications_area .circle-container svg {
	height: 6px !important;
	width: 6px !important;
}

.all_notification_border_area .notifications_area .post_profile_pic_star {
	position: absolute;
	top: 19px !important;
	left: -7px;
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(1) {
	transform: rotate(-76deg) translate(20px) rotate(61deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(2) {
	transform: rotate(-48deg) translate(16px) rotate(61deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(3) {
	transform: rotate(0deg) translate(11px) rotate(61deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(4) {
	transform: rotate(58deg) translate(10px) rotate(49deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(5) {
	transform: rotate(-33deg) translate(-2px) rotate(-61deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(6) {
	transform: rotate(102deg) translate(11px) rotate(-96deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(7) {
	transform: rotate(143deg) translate(14px) rotate(-134deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(8) {
	transform: rotate(191deg) translate(22px) rotate(-252deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(9) {
	transform: rotate(188deg) translate(17px) rotate(-146deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(10) {
	transform: rotate(227deg) translate(18px) rotate(-210deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(11) {
	transform: rotate(251deg) translate(19px) rotate(-240deg);
}

.all_notification_border_area .notifications_area .common-profile-picture .circle-container> :nth-of-type(12) {
	transform: rotate(270deg) translate(20px) rotate(-270deg);
}

@media only screen and (max-width: 379px) {
	.all_notification_border_area .notifications_area .post_profile_pic_star {
		position: absolute;
		top: 19px !important;
		left: 0px;
	}
}

.all_notification_border_area .group-invitation-alert-btns {
	margin-top: 39px !important;
	margin-bottom: 14px;
}

.all_notification_border_area .group-invitation-alert-btns a {
	font-size: 11px;
	border-radius: 5px;
	margin: 5px 0px;
	margin-top: 8px;
	padding: 8px 12px;
	border: none;
	margin-right: 5px;
}

.all_notification_border_area .group-invitation-alert-btns> :nth-of-type(2) {
	font-size: 11px;
	border-radius: 5px;
	margin: 5px 0px;
	margin-top: 8px;
	padding: 8px 12px;
	border: none;
	margin-right: 5px;
}


/*  -----------------------------------    CSS for all_notification ended -------------------------------------------------------*/


/* -----------------------------------------Code for friend request  --------------------------------------------------*/

.friends_droupdown_text h3 {
	font-size: 14px;
	min-width: 63%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.friends_droupdown_text h3 span {
	margin-left: 6px;
}

.friends ul li a {
	padding: 0;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 2px;
	border: none !important;
}

.friends_droupdown_text h3 a {
	font-weight: 600;
}


.my_streamcontent_like1 {
	max-width: 100%;
	font-weight: 400;
	font-size: 12px;
	margin-right: 6px;
	padding: 4px 2px !important;
	display: flex;
	align-items: center;
}

.Nomorepnoti {
	width: 100%;
	float: left;
	padding: 10px;
	text-align: center;
	margin-bottom: 32px;
}



.friends_droupdown_image img {
	border-radius: 50%;
	height: 45px !important;
	width: 43px !important;
}

.friends_droupdown_image {
	border-radius: 50%;
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	margin-top: 1px;
}

.friends_droupdown_heading h3,
.friends_droupdown_text h3 {
	line-height: normal !important;
	margin: 0 !important;
	font-weight: 600;
}

.finfFriendspagelink {
	position: relative;
	text-align: right;
	margin-top: 4px;
}

.finfFriendspagelink a {
	width: 74% !important;
	margin-top: 16px;
	font-size: 12px;
}

.finfFriendspagelink svg {
	margin: 1px 4px;
}

.friends_droupdown_area {
	margin-bottom: 10px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.friends_droupdown_text> :nth-of-type(1) {
	padding: 2px;
}

.finend_req_right .req_accept_and_deny {
	float: left;
	margin-top: 5px;
}

.accept_req {
	font-size: 12px;
	border-radius: 5px;
	padding: 8px 12px;
	margin-right: 5px;
	float: left;
}

.cancel_req {
	padding: 8px;
	margin-right: 5px;
	padding: 8px 12px;
	border-radius: 5px;
	font-size: 12px;
	float: left;
}

.accept_req {
	content: "sd";
}



/* Code ended for friend request */


/* Code for messeges  ------------------------------------------------------------------------------------------  */

.mobile-message-slide .fadein-modal-header {
	float: left !important;
	width: 100% !important;
	border-bottom: none;
	position: relative !important;
	box-shadow: 0px 0px 30px rgb(208 205 205) !important;
	-moz-box-shadow: 0px 0px 30px rgb(208 205 205) !important;
	-webkit-box-shadow: 0px 0px 30px rgb(208 205 205) !important;
	z-index: 9999 !important;
}

.mobile-message-slide .fadein-modal-body {
	overflow: scroll;
	padding: 0px 15px;
}

.mobile-message-slide .fadein-modal-header .fz_16 {
	font-size: 15px;
	font-weight: 700;
	float: left;
	margin: 0;
	padding: 0;
}

.mobile-message-slide .test2 {
	position: absolute !important;
	right: 21px !important;
	margin-top: 9px !important;
	font-size: 12px !important;
	border: none !important;
	width: auto !important;
	line-height: 35px !important;
	display: none !important;
}

.mobile-message-slide .lbmcam_content_body {
	margin-top: 82px;
}

.disabled-but {
	display: block;
	text-align: center;
	text-transform: capitalize;
	/* background: #1388d1; */
	border-radius: 5px;
	cursor: pointer;
	max-width: 100%;
}

.mobile-message-slide .lbmcamcbr input {
	margin: 15px 0px;
}

.mobile-message-slide .test2 svg {
	margin: 2px 4px;
}

/* .mobile-message-slide .message_area:hover {
	background: #f7f9fd !important;
} */

.mobile-message-slide .message_area,
.message_heading {
	width: 100%;
	float: left;
}

.mobile-message-slide .message_area {
	height: auto;
	padding: 5px;
	overflow-x: hidden;
}

.mobile-message-slide .mobile_user_avatar.nav-notification-user {
	margin-right: 0 !important;
	position: relative;
	float: left !important;
}

@media only screen and (min-width: 320px) and (max-width: 2600px) {
	.mobile-message-slide .nav-notification-user img {
		float: left;
		border-radius: 50%;
	}
}

@media only screen and (max-width: 2600px) and (min-width: 320px) {
	.mobile-message-slide .nav-notification-user img {
		width: 30px !important;
		height: 30px !important;
	}
}

.mobile-message-slide .post_profile_pic_star {
	position: absolute;
}

.mobile-message-slide .post_profile_pic_star {
	top: 0 !important;
	left: 0;
}

.mobile-message-slide .mobile-message-slide .fadein-modal-body .common-profile-picture .circle-container {
	width: 45px !important;
	height: 45px !important;
}


.mobile-message-slide .common-profile-picture .circle-container {
	position: relative;
	border-radius: 50%;
	padding: 0;
	list-style: none;
	margin: 0 auto;
	text-align: left;
}

.mobile-message-slide .message_area {
	position: relative;
}

.mobile-message-slide .message_text {
	float: left;
	height: auto;
	padding: 0;
	position: relative;
	width: 60%;
	margin-left: 17px;
	padding-bottom: 4px;
	padding-top: 14px;
}

.mobile-message-slide .message_text h3,
.mobile-message-slide .message_text p {
	line-height: normal !important;
}

.mobile-message-slide .message_text2 h3 {
	font-weight: 400 !important;
	text-align: left;
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	display: flex;
	align-items: center;
}

.mobile-message-slide .message_text2 h3 span {
	margin-left: 6px;
}

.mobile-message-slide .message_text h3,
.mobile-message-slide .message_text p {
	font-size: 14px;
	line-height: normal !important;
}

.mobile-message-slide .message_text p {
	float: left;
	max-width: 100%;
	width: 100%;
	margin: 5px 0 !important;
}

.mobile-message-slide .message_text2 h6 {
	font-size: 11px !important;
	float: left;
	margin: 0 !important;
	width: 100%;
}

@media screen and (min-width: 515px) {}

.mobile-message-slide .main .portfolio_body {
	margin-top: 0 !important;
}

@media screen and (max-width: 410px) {
	.mobile-message-slide .portfolio_body {
		min-height: inherit !important;
	}
}

.mobile-message-slide .portfolio_body {
	width: 100%;
	float: left;
	height: auto;
}

.mobile-message-slide .container.custom-container {
	position: relative;
}

.mobile-message-slide .portfolio_body .container.custom-container {
	padding: 0 !important;
}

@media only screen and (max-width: 767px) {

	.mobile-message-slide .portfolio_body,
	.mobile-message-slide .portfolio_body_right {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.mobile-message-slide .mobile-message-slide .portfolio_body_right {
		width: 100% !important;
	}
}

.mobile-message-slide .flashMessage {
	background: url(../images/ok-icon.png) left 5px center no-repeat #dff2bf;
	border-radius: 5px;
	margin: 0 3px 10px 0;
	padding: 5px 27px;
	display: none;
}

.mobile-message-slide .flashMessage {
	float: left;
	width: 100%;
}

.mobile-message-slide .new-message-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%);
	text-align: center;
	line-height: 50px;
	font-size: 1rem;
	z-index: 10;
}

.mobile-message-slide .fadein-modal-body .new-message-btn .fa {
	line-height: 50px;
}

.mobile-message-slide .message_area img {
	border-radius: 50%;
	height: 45px !important;
	width: 45px !important;
	margin-top: 10px;
}

.mobile-message-slide .message_text p {

	font-size: 12px;
}

.mobile-message-slide .messege_header {
	margin-top: 0;
	position: relative;
	top: 0 !important;
}

.mobile-message-slide .infinite-scroll-component h2 {
	font-size: 12px;
	margin-top: 0px;
	padding-top: 15px;
	padding-left: 9px;
	display: flow-root;
	text-align: center;
}

.mobile-message-slide .infinite-scroll-component h2::after {}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(1) {
	transform: rotate(-60deg) translate(19px) rotate(60deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(2) {
	transform: rotate(-30deg) translate(19px) rotate(30deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(3) {
	transform: rotate(0) translate(19px) rotate(0);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(4) {
	transform: rotate(30deg) translate(21px) rotate(-30deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(5) {
	transform: rotate(60deg) translate(21px) rotate(-60deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(6) {
	transform: rotate(90deg) translate(24px) rotate(-90deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(7) {
	transform: rotate(120deg) translate(25px) rotate(-120deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(8) {
	transform: rotate(150deg) translate(26px) rotate(-150deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(9) {
	transform: rotate(177deg) translate(24px) rotate(-180deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(10) {
	transform: rotate(207deg) translate(22px) rotate(-210deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(11) {
	transform: rotate(236deg) translate(21px) rotate(-241deg);
}

.mobile-message-slide .message_area .common-profile-picture .circle-container> :nth-of-type(12) {
	transform: rotate(270deg) translate(19px) rotate(-270deg);
}

.main_msg_body a.load-more {
	margin: 5px auto;
	display: block;
	width: 150px;
	padding: 4px 5px;
	border-radius: 25px;
	position: fixed;
	left: 0;
	right: 0;
	font-size: 13px;
	font-weight: 600 !important;
	z-index: 999;
	top: 58px;
	margin: 17px auto;
}


/* --------------------------------------------------Messege  ended ----------------------------------------------------------------------------------- */


/* ----------------------------------------------Messege  popup started from here ----------------------------------------------------------------------------------*/

.msg-popup .modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0.5 !important;
	z-index: 999999;
}

.fade.in {
	opacity: 1;
	z-index: 9999999;
}

.msg-popup .modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
}

.msg-popup .modal {
	overflow: hidden !important;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.msg-popup .modal-dialog {
	max-width: 100% !important;
	width: 100% !important;
}

.msg-popup .modal-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	width: auto;
	max-width: 708px;
}

@media only screen and (max-width: 768px) {
	.msg-popup .modal-dialog {
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 768px) {
	.msg-popup .modal-dialog {
		width: 100% !important;
		height: 100%;
	}
}

.msg-popup .modal-content {
	overflow: inherit;
	width: 100%;
	float: left;
}

@media only screen and (max-width: 768px) {
	.msg-popup .modal-content {
		height: 100% !important;
	}
}

.msg-popup .modal-content {
	border-radius: 0;
	border: none;
}

@media only screen and (max-width: 768px) {
	.single_post_popup .modal-content .modal-body {
		height: 100% !important;
		max-height: 100% !important;
		overflow: auto !important;
	}
}

.msg-popup .modal-body {
	padding: 0 !important;
	overflow: hidden !important;
	max-height: 95%;
}

.msg-popup .modal-body {
	top: 0px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 100%;
	width: 100%;
	max-height: 100% !important;

}

.msg-popup .post-popup-contain-details {
	top: 0px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 100%;
	width: 100%;
}

.msg-popup .video-react {
	width: 100% !important;
	height: 242px !important;
}

.msg-popup .video-react {
	display: block;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	font-size: 10px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.msg-popup .video-react .video-react-video {
	width: 100%;
	height: auto;
	float: left;
	position: inherit;
}

@media only screen and (max-width: 768px) {
	.msg-popup .video-react .video-react-video {
		height: 100% !important;
	}
}

.msg-popup .video-react .video-react-video {
	max-height: 542px !important;
	background: inherit !important;
}

.msg-popup .video-react .video-react-bezel {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 52px;
	height: 52px;
	z-index: 17;
	margin-left: -26px;
	margin-top: -26px;
	border-radius: 26px;
}

.msg-popup .video-react .video-react-big-play-button:focus,
.msg-popup .video-react:hover .video-react-big-play-button {
	outline: 0;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

.msg-popup .video-react .video-react-big-play-button.big-play-button-hide {
	display: none;
}

.msg-popup .video-react .video-react-big-play-button {
	font-size: 3em;
	line-height: 1.5em;
	height: 1.5em;
	width: 3em;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	padding: 0;
	cursor: pointer;
	opacity: 1;


	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.m-msg-popup .btn_left {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate(0, -50%);
	z-index: 999999999;
	background: transparent;
	border: 0;
}

.m-msg-popup .btn_left .fa {
	font-size: 26px;
}

.m-msg-popup .btn_right {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
	z-index: 999999999;
	background: transparent;
	border: 0;
}

.m-msg-popup .btn_right .fa {
	font-size: 26px;
}

.m-msg-popup .btn_close {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 999999999;
	background: transparent;
	border: 0;
}

.m-msg-popup {
	height: 100vh;
}


/* ----------------------------------------------Messege  popup ended  from here ----------------------------------------------------------------------------------*/

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(1) {
	transform: rotate(-80deg) translate(23px) rotate(61deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(2) {
	transform: rotate(-48deg) translate(22px) rotate(61deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(3) {
	transform: rotate(-20deg) translate(22px) rotate(61deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(4) {
	transform: rotate(6deg) translate(23px) rotate(49deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(5) {
	transform: rotate(11deg) translate(23px) rotate(-61deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(6) {
	transform: rotate(37deg) translate(21px) rotate(-96deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(7) {
	transform: rotate(71deg) translate(19px) rotate(-134deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(8) {
	transform: rotate(126deg) translate(18px) rotate(-252deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(9) {
	transform: rotate(134deg) translate(17px) rotate(-146deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(10) {
	transform: rotate(173deg) translate(17px) rotate(-210deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(11) {
	transform: rotate(216deg) translate(17px) rotate(-240deg);
}

.friends_droupdown_image .common-profile-picture .circle-container> :nth-of-type(12) {
	transform: rotate(247deg) translate(20px) rotate(-270deg);
}


/* --------------------------------------------------------------------------Css code for new posts ---------------------------------------------------------------------------  */

.mobile-post-contain .fadein-modal-header {
	float: left;
	width: 100%;
	border-bottom: none;
	position: relative;
	padding-left: 22px;
	padding-bottom: 0;
	padding-top: 14px;
	margin-bottom: 15px;
	z-index: 1;
	box-shadow: none !important;
	box-shadow: 0px 0px 30px rgb(0 0 0 / 7%) !important;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .post-text-contain__control {
	/* max-height: 245px; */
}

.mobile-post-contain .new-post-slide .alert-danger {
	position: absolute;
	margin-top: 17px;
	width: calc(100% - 32px);
}

.mobile-post-contain .dropdown-category-filter .dropdown-toggle svg {
	margin-top: 17px;
}

.mobile-post-contain .permission-dropdown li a svg {
	margin-right: 5px;
}

.mobile-post-contain .img_uploaded_status {
	display: none;
}

.mobile-post-contain .fadein-modal-body {
	padding-top: 0px;
}

.mobile-post-contain .profile_info_main17 {
	float: left;
	width: 90%;
	margin-bottom: 15px;
	margin-top: -11px;
	margin-left: 5px;
}

.new-post-slide .profile_img17 {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	position: relative !important;
}

.new-post-slide .uploading_text {
	font-size: 8px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	top: 52%;
	right: 0px;
	z-index: 9999999;
}

.new-post-slide .post_thumb_box .cssload-div {
	width: 15px !important;
	height: 15px !important;
	position: absolute;
	transform: translate(-50%, -90%);
	z-index: 999999;
}

.mobile-post-contain .dropdown-category-filter .sbtn svg {
	margin-left: 5px;
}

.disable-post .center15x15 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.mobile-post-contain .fadein-modal-body .flypost_content {
	box-shadow: none !important;
}

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

.fadein-modal-body .com_name_main17 {
	margin-top: 0;
	margin-left: 0px !important;
}

.com_name_main17 {
	float: left;
	width: auto;
	max-width: 70%;
}

.com_name_view17 a {
	font-size: 14px;
	font-weight: 700;
	width: auto;
}

.com_name_view17 a,
.com_profile_info17 {
	width: 100%;
	text-align: left;
	float: left;
}

.com_profile_info17 {

	font-size: 10px;
	font-weight: 400;
	padding: 0;
}

.com_profile_info17 svg {
	margin: 2px 4px;
}

.com_name_view17 a,
.com_profile_info17 {
	width: 100%;
	text-align: left;
	float: left;
	font-size: 11px;
}

.com_name_view17 span {
	font-size: 11px;
}

.new-post-slide .profile_img17 a img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 8px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: -12px !important;
	margin-left: -2px;
}

.portfolio_coment_textfild {
	border: none !important;
}

.portfolio_coment_textfild {
	width: 100%;
	float: left;
	height: auto;
	border-radius: 3px 3px 0 0;
	border-bottom: 0;
}

.flypost_content {
	width: 100%;
	float: left;
	border-top: 0 !important;
}

.cat-slide-mob {
	position: fixed;
	z-index: 999999999999999 !important;
	width: 100%;
	height: 100% !important;
	max-width: inherit;
	max-height: inherit !important;
	top: 0;
	left: 0;
	display: none;
}

.cat-slide-mob-header {
	padding: 15px 15px 0px !important;
	margin-bottom: 0;
	min-height: 50px;
}

.cat-slide-mob-header h3 {
	position: absolute;
	font-size: 14px;
	font-weight: 700;
	margin-left: 46px;
	margin-top: 7px;
	float: left;
	width: 60%;
	text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.cat-slide-mob-header .fadein-modal-close {
	float: right;
	font-size: 14px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: block;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.fixed-post-footer .portfolio_coment_button {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.new-post-21-m .capturePost {
	margin-bottom: inherit !important;
	float: left;
	padding: 0;
	min-width: 145px;
}

.wall .carousel-inner {
	min-height: auto !important;
}

#post_schedule_date_time {
	padding: 11px;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.react-datepicker-wrapper {
	display: inline-block;
}

.portfolio_coment_button .capturePost>div {
	float: left;
	position: relative;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

@media (max-width: 767px) {
	.traiangel {
		display: none;
	}
}

.traiangel {
	background: url(../images/traiangel-bg.png) center center no-repeat rgba(0, 0, 0, 0);
	height: 10px;
	left: 21px;
	margin-top: 24px;
	position: absolute;
	width: 21px;
	display: none;
}

.mb-cat-wrap {
	position: relative;
}

.slideInRight .fixed-post-footer .permission-but-all.new_post_categoryList {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
}

@media only screen and (max-width: 767px) {
	.portfolio_coment_button .permission-but-all {
		margin-left: 5px !important;
	}
}

.post_header {
	position: absolute;
	margin-top: 8px;
	margin-left: 15px;
}

.dropdownFix {
	display: block !important;
}

.mobile-post-contain .dropdownFix {
	border: 0;
	float: left;
	height: auto;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10px;
	padding: 0;
	z-index: 9 !important;
	position: absolute;
	right: 96px;
	top: 11px;
}

.fixed-post-footer .shaire_coment {
	width: 100%;
	margin: 0;
}

.mobile-post-contain .post-text-contain__input {
	max-height: 320px !important;
	overflow-y: auto !important;
	margin: 0 !important;
}

.common-cancel-17 {
	font-size: 14px;
	float: left;
	padding: 6px 15px !important;
	margin: 0 !important;
	cursor: pointer;
	display: none;
}

.wall {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 14px;
}

.wall .carousel.slide {
	padding: 4px 0;
	min-height: 32px;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.carousel {
	position: relative;
}

.wall .carousel-inner {
	min-height: auto !important;
}

.wall .carousel-inner>.item {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	float: left;
}

.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: 0.6s ease-in-out left;
	-o-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}

.row-fluid {
	width: 100%;
}

.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}


.row-fluid [class*="span"] {
	display: block;
	min-height: 23px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 1.027659574468085%;
}

.wall .thumbnail {
	padding: 0;
	margin: 0;
	height: 27px;
	width: 27px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* .color_1 {
	background: #fff !important;
} */

.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.wall .carousel-control {
	top: 0;
	font-size: 23px;
	line-height: 33px;
	height: 36px;
	width: 34px;
	opacity: initial;
	font-weight: 600;
	position: relative;
	text-shadow: none;
	display: flex;
	align-items: center;
}


.carousel-control.right {
	right: 0;
	left: auto;
}

.img_2 {
	background: #ffd0c6 url(../nimg/img_bg_birthday.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_3 {
	background: url(../nimg/img_bg_love.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_4 {
	background: url(../nimg/img_bg_love2.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_5 {
	background: url(../nimg/img_bg_red.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_6 {
	background: url(../nimg/img_bg_love3.png) left top no-repeat !important;
	background-size: cover !important;
}

.gradient_2 {
	background: -moz-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: linear-gradient(135deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
}

.gradient_3 {
	background: -moz-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: linear-gradient(135deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
}

.gradient_4 {
	background: -moz-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: linear-gradient(135deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
}

.gradient_5 {
	background: -moz-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: linear-gradient(135deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
}

.gradient_6 {
	background: -moz-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: -webkit-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: linear-gradient(135deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
}

.gradient_7 {
	background: -moz-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: linear-gradient(135deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
}

.gradient_8 {
	background: -moz-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: linear-gradient(135deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
}

.gradient_9 {
	background: -moz-linear-gradient(-45deg, #87c3ff 1%, #5badff 47%, #3e9eff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #87c3ff 1%, #5badff 47%, #3e9eff 100%) !important;
	background: linear-gradient(135deg, #87c3ff 1%, #5badff 47%, #3e9eff 100%) !important;
}

.gradient_10 {

	background: -moz-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: linear-gradient(135deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
}

.gradient_11 {
	background: -moz-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: linear-gradient(135deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
}

.gradient_12 {
	background: -moz-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: linear-gradient(135deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
}

.gradient_13 {
	background: -moz-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: linear-gradient(135deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
}

.gradient_14 {

	background: -moz-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: linear-gradient(135deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
}

.gradient_15 {
	background: -moz-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: -webkit-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: linear-gradient(135deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
}

.gradient_16 {
	background: -moz-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: linear-gradient(135deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
}

.gradient_17 {

	background: -moz-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: linear-gradient(135deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
}

.gradient_18 {
	background: -moz-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: linear-gradient(135deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
}

.slideInRight .flypost_content .meme_auto_height {
	overflow: auto !important;
	overflow: hidden !important;
	max-height: 259px !important;
}

.postMentionsInputBox>div>div>textarea {
	-moz-border-radius: 12px !important;
	-webkit-border-radius: 12px !important;
	border-radius: 12px !important;
	border: 0 !important;
	-webkit-box-shadow: inset 0px 0px 15px rgb(204 204 204 / 34%);
	-moz-box-shadow: inset 0px 0px 15px rgb(204 204 204 / 34%);
	box-shadow: inset 0px 0px 15px rgb(204 204 204 / 34%);
	left: 0;
}

.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,
.gradient_2_add,
.gradient_3_add,
.gradient_4_add,
.gradient_5_add,
.gradient_6_add,
.gradient_7_add,
.gradient_8_add,
.gradient_9_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
	padding: 0 !important;
	background: transparent !important;
}

@media only screen and (max-width: 767px) {

	.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,
	.gradient_2_add,
	.gradient_3_add,
	.gradient_4_add,
	.gradient_5_add,
	.gradient_6_add,
	.gradient_7_add,
	.gradient_8_add,
	.gradient_9_add {
		padding: 120px 30px !important;
		/* height: 506px !important; */
		background: transparent !important;
	}
}

.gradient_10_add__highlighter,
.gradient_11_add__highlighter,
.gradient_12_add__highlighter,
.gradient_13_add__highlighter,
.gradient_14_add__highlighter,
.gradient_15_add__highlighter,
.gradient_16_add__highlighter,
.gradient_17_add__highlighter,
.gradient_18_add__highlighter,
.gradient_2_add__highlighter,
.gradient_3_add__highlighter,
.mobile-post-contain.gradient_4_add__highlighter,
.gradient_5_add__highlighter,
.gradient_6_add__highlighter,
.gradient_7_add__highlighter,
.gradient_8_add__highlighter,
.gradient_9_add__highlighter {
	padding: 130px 30px !important;
	text-align: center;
	font-size: 22px !important;
	display: none !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 {
	padding: 109px 31px !important;
	text-align: center;
	font-size: 24px !important;
	border: none !important;
}

.img_2_add {
	background: #ffd0c6 url(../nimg/img_bg_birthday.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_2_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	max-height: 350px !important;
	float: left;
	position: relative;
}

.img_3_add {
	background: url(../nimg/img_bg_love.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_3_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.img_4_add {
	background: url(../nimg/img_bg_love2.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_4_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.img_5_add {
	background: url(../nimg/img_bg_red.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_5_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.img_6_add {
	background: url(../nimg/img_bg_love3.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_6_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.gradient_2_add {
	background: -moz-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: linear-gradient(135deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
}

.gradient_3_add {
	background: -moz-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: linear-gradient(135deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
}

.gradient_4_add {
	background: -moz-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: linear-gradient(135deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
}

.gradient_5_add {
	background: -moz-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: linear-gradient(135deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
}

.gradient_6_add {
	background: -moz-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: -webkit-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: linear-gradient(135deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;

}

.gradient_7_add {
	background: -moz-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: linear-gradient(135deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
}

.gradient_8_add {
	background: -moz-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: linear-gradient(135deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
}

.gradient_9_add {
	background: -moz-linear-gradient(top, #3e9eff 0, #1d70c4 99%) !important;
	background: -webkit-linear-gradient(top, #3e9eff 0, #1d70c4 99%) !important;
	background: linear-gradient(to bottom, #3e9eff 0, #1d70c4 99%) !important;
}

.gradient_10_add {
	background: -moz-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: linear-gradient(135deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
}

.gradient_11_add {
	background: -moz-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: linear-gradient(135deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
}

.gradient_12_add {
	background: -moz-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: linear-gradient(135deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
}

.gradient_13_add {

	background: -moz-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: linear-gradient(135deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
}

.gradient_14_add {
	background: -moz-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: linear-gradient(135deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
}

.gradient_15_add {
	background: -moz-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: -webkit-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: linear-gradient(135deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
}

.gradient_16_add {

	background: -moz-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: linear-gradient(135deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
}

.gradient_17_add {
	background: -moz-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: linear-gradient(135deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
}

.gradient_18_add {
	background: -moz-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: linear-gradient(135deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
}

.carousel-inner>.active {
	left: 0;
	display: block;
}

.category-select-area {
	float: left;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .category-select {
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	float: right;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .Dropzone {
	float: left;
	display: flex;
	align-items: center;
	min-width: 40%;
}

.btn-group {
	position: relative;
	display: inline-block;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn {
	width: 100% !important;
}

.sbtn,
.sbtn input {
	font-size: 14px;
	cursor: pointer;
	border: none;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn input {
	width: 100%;
	border: none !important;
}

.slideInRight .fixed-post-footer .portfolio_coment_button {
	width: 100% !important;
	height: auto !important;
	padding: 0 !important;
	padding-top: 1px;
	height: 41px !important;
}

@media screen and (max-width: 410px) {
	.friends_option span {
		font-size: 12px;
	}
}

@media screen and (max-width: 410px) {
	.friends_option {
		width: auto;
		margin-left: 0;
	}
}

@media only screen and (min-width: 320px) and (max-width: 2600px) {
	.friends_option {
		line-height: 30px !important;
	}
}

@media only screen and (max-width: 767px) {
	.share-option {
		padding: 5px 10px !important;
	}
}

.mobile-post-contain .share-option {

	border-radius: 10px !important;
	border: none !important;
	margin: 0;
	font-size: 12px;
	padding: 10px 7px !important;
	min-width: 82px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fixed-post-footer ul.dropdown-menu.permission-dropdown {
	right: 0 !important;
	left: auto !important;
}

.fixed-post-footer ul.dropdown-menu.permission-dropdown {
	min-width: 127px !important;
}

@media (max-width: 767px) {
	.mobile-nav ul {
		margin: 0;
	}
}

.btn-group,
.dropdownFix .caret,
.sbtn,
img {
	vertical-align: middle;
}


.mobile-post-contain .new_post_categoryList .permissionDropbox button span a {
	padding-right: 0 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dropdownFix .caret {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid;
	display: inline-block;
	margin-left: 5px !important;
	width: 0;
}

.mobile-nav ul {
	width: 100%;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .permission-but-all ul.dropdown-menu.permission-dropdown li {
	width: 100% !important;
	border-radius: 0;
	padding: 1px 3px !important;
	min-height: auto !important;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .permission-but-all ul.dropdown-menu.permission-dropdown li a {
	padding: 4px 5px !important;
	text-align: left !important;
}


/* .permissionDropbox {
        margin-left: 10px;
        margin-top: 7px;
    } */

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.mobile-nav ul.inline-block li a {
		display: inline-block !important;
		font-weight: 400 !important;
	}
}

@media (max-width: 767px) {
	.mobile-nav ul.inline-block li a {
		display: block;
		float: left;
		text-align: center;
		width: 100%;
		font-size: 20px;
	}
}

.portfolio_coment_button {
	float: left;
	padding: 6px 10px;
	width: 100%;
}

.fixed-post-footer .post-submit {
	padding: 7px 15px !important;
	top: 56px;
}

.post-icons i.fa-clock-o {
	font-size: 24px !important;
}

.post-icons i {
	font-size: 22px !important;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	/* .capturePost {
    height: 22px!important;
    width: 22px!important;
} */
}

.fa-file-image-o {
	float: left;
	font-size: 20px !important;
	margin-top: 2px !important;
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(1) {
	transform: rotate(-80deg) translate(23px) rotate(61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(2) {
	transform: rotate(-48deg) translate(22px) rotate(61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(3) {
	transform: rotate(-20deg) translate(22px) rotate(61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(4) {
	transform: rotate(6deg) translate(23px) rotate(49deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(5) {
	transform: rotate(11deg) translate(23px) rotate(-61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(6) {
	transform: rotate(37deg) translate(21px) rotate(-96deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(7) {
	transform: rotate(71deg) translate(19px) rotate(-134deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(8) {
	transform: rotate(126deg) translate(18px) rotate(-252deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(9) {
	transform: rotate(134deg) translate(17px) rotate(-146deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(10) {
	transform: rotate(173deg) translate(17px) rotate(-210deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(11) {
	transform: rotate(216deg) translate(17px) rotate(-240deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(12) {
	transform: rotate(247deg) translate(20px) rotate(-270deg);
}

.profile_info_main17 .common-profile-picture .circle-container {
	width: 45px !important;
	height: 45px !important;
	margin-top: 20px !important;
	margin-left: 0px !important;
}

.com_name_view17 a {
	font-size: 14px;
}

.post-text-contain__highlighter {
	border-radius: 12px !important;
}

.mobile-post-contain .dropdownFix .dropdown-menu {
	left: 0px !important;
	top: 40px;
}

.react-datepicker-popper {
	left: -190px !important;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
	top: 0;
	margin-top: -8px;
	margin-left: 159px !important;
}

.react-datepicker__input-container {
	display: none !important;
}

#post_schedule_date_time {
	position: fixed;
	right: 173px;
	top: 4px;
}

.fixed-post-footer .shaire_coment .post-submit {
	width: 64px;
	border-radius: 10px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
	margin-left: 109px !important;
	position: absolute;
}

.who_will_see {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#selected_perm img {
	margin-top: -3px;
}

#attach_content {
	margin-top: 0 !important;
	display: inline-block;
	padding: 10px;
	width: 100%;
	position: relative;
	overflow: auto;
}

@media only screen and (max-width: 768px) {
	.popup-container-main17 .post_close {
		top: 10px !important;
		right: 10px !important;
		z-index: 10;
	}
}


/* Changed for conflict */

.mobile-post-contain .post_close {
	cursor: pointer;
	margin-top: 0;
	float: right;
	text-align: center;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 30px;
	position: absolute;
}

@media only screen and (max-width: 768px) {
	.popup-container-main17 .post_close a .fa.fa-times {
		padding-top: 0 !important;
	}
}

.post_close a .fa.fa-times {
	opacity: inherit !important;
	font-size: 13px !important;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.imgPostMain {
	width: 100%;
}

.imgPostMain {
	height: auto;
	float: left;
}

.imgPostImage {
	display: block;
	width: 100% !important;
	text-align: center;
	float: left;
	overflow: hidden;
	border: none !important;
	position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.imgPostText {
		margin-top: 5px;
	}
}

.imgPostText {
	border-left: medium none;
	float: left;
	margin-left: 0;
	padding: 0 !important;
	width: 100%;
	overflow: hidden;
	height: auto;
}

.imgPostText h2 {
	float: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}

code {
	background-color: inherit !important;
	border-radius: inherit !important;
	color: inherit !important;
	font-size: inherit !important;
	padding: inherit !important;
	word-wrap: break-word !important;
}

.imgPostText h3 {
	float: left;
	padding: 0;
	margin: 5px 0 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4em;
}

.vpost-site-icon {
	float: left;
	display: table-cell;
	font-size: 12px !important;
	padding-top: 5px;
	width: 100%;
}

.popup-container-main17 {
	float: left;
	width: 100%;
	height: auto;
}

.flypost_content .popup-container-main17 {
	max-height: 488px !important;
}

.post_thumb_col_1x5 {
	width: 20%;
	padding: 5px;
	display: inline-block;
}

.thumb_upload_img {
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	border-radius: 10px;
}

.uploaded_checked {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	box-shadow: 1px 1px 2px #000;
}

.post_thumb_box {
	text-align: center;
	height: 50px;
	position: relative;
	width: 50px;
}

.mobile-nav ul.inline-block .post_thumb_box .uploaded_checked .fa {
	line-height: 32px !important;
}

.uploaded_checked .fa {
	font-size: 14px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
}

.thumb_hover_whole_upload {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 12;
}

.img_uploaded_status {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 11;
	text-align: center;
}


@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.sbtn svg {
	position: absolute;
	margin-top: 16px;
	margin-left: -7px;
}

.notie-container {
	font-size: 1.6rem;
	height: auto;
	position: fixed;
	text-align: center;
	z-index: 2147483647;
	box-sizing: border-box;
	-o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
	padding-bottom: 10px;
	border-radius: 5px;
	left: 50% !important;
	width: 90% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

@media screen and (max-width: 900px) {
	.notie-container {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 750px) {
	.notie-container {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 400px) {
	.notie-container {
		font-size: 1rem;
	}
}

.notie-textbox {
	padding: 20px 20px 10px;
	border-radius: 5px;
}

.notie-textbox-inner {
	margin: 0 auto;
	max-width: 900px;
}

.notie-button {
	padding: 8px;
	cursor: pointer;
}

.notie-element-half {
	display: inline-block;
	width: 25%;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 14px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin: 0 2px;
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
	.notie-container {
		left: 2.5% !important;
		width: 300px !important;
	}
}

@media all {
	.notie-overlay {
		position: fixed;
	}

	/* .notie-background-overlay {
		background-color: #888;
	} */
	.notie-overlay {
		height: 100%;
		left: 0;
		opacity: 0;
		top: 0;
		width: 100%;
		z-index: 2147483646;
	}
}

.notie-overlay {
	position: fixed;
}

/* .notie-background-overlay {
	background-color: #888;
} */

.notie-overlay {
	height: 100%;
	left: 0;
	opacity: 0;
	top: 0;
	width: 100%;
	z-index: 2147483646;
}

.vPostMain {
	width: 100%;
	padding: 0;
}

.vPostImLi,
.vPostMain {
	height: auto;
	float: left;
}

@media screen and (max-width: 480px) {
	.vPostImLi {
		display: block;
		float: left;
		height: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.portfolio_coment_fly_ext div.vPostImage {
		position: relative;
	}
}

.vPostImLi .vPostImage {
	overflow: hidden !important;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {

	.vPostImage,
	.vPostText {
		width: 100% !important;
	}
}

@media screen and (max-width: 480px) {
	.vPostImage {
		float: left;
		margin: 0;
		padding: 0;
	}
}

.vPostImage {
	margin-top: 10px !important;
	text-align: center !important;
}

.vPostImLi .vPostImage .vPostImage2 {
	width: 100% !important;
	padding: 0 !important;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.vPostImage2 {
		width: 318px !important;
		text-align: center !important;
	}
}

@media screen and (max-width: 480px) {
	.vPostImage2 {
		display: table-cell;
		position: relative;
		vertical-align: middle;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {

	.vPostImage,
	.vPostImage2 {
		height: 150px;
	}
}

.vPostImage,
.vPostImage2 {
	height: auto !important;
}

.vPostImLi .vPostImage img {
	height: auto !important;
	max-height: 400px !important;
	width: 100% !important;
	max-width: inherit !important;
	object-fit: cover;
}

.vPostImage img {
	z-index: 0 !important;
}

.vPostText {
	float: left;
	height: auto;
	overflow: hidden;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.vPostText {
		margin-top: 5px;
		margin-left: 0 !important;
	}

	.vPostImage,
	.vPostText {
		width: 100% !important;
	}
}

.vPostText h2 {
	float: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.vPostText h3 {
	float: left;
	padding: 0;
	margin: 5px 0 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4em;
}

.vpost-site-icon {
	float: left;
	display: table-cell;
	font-size: 12px !important;
	padding-top: 5px;
	width: 100%;
}

.dropdown_title4 svg {
	margin: 4px;
}

.share-option svg {
	margin: 1px 4px;
}

.portfolio_coment_button .shaire_coment {
	position: fixed !important;
	width: auto !important;
	float: right;
	top: 14px;
	right: 11px;
}

.fixed-post-footer .shaire_coment .post-submit {
	position: relative;
	top: 0;
	right: 0;
}


/* ------------------------------------------------Create New Post Has Ended ------------------------------------------*/


/* Select audianc page css ----------------------------------------------------------------------------- */


.cat-slider-search input {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	position: relative;
	padding: 15px 20px;
	border: none;
}

.ranking_search {
	min-height: 32px;
	float: left;
	border: 0;
	font-size: 12px;
}

.ranking_search {
	border-radius: 5px;
}

.cat-slide-mob ul.search_new_ctg_list {
	width: 100%;
	float: left;
	position: absolute;
	top: 135px;
	bottom: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0px 14px !important;
}

@media (max-width: 767px) {
	.mobile-nav ul {
		margin: 0;
	}
}

.mobile-nav ul.inline-block ul.search_new_ctg_list li {
	width: 100% !important;
}

.profile-navbar .mobile-nav .mob-nav-main-list li {
	padding: 17px 8px 11px 8px !important;
}

.cat-slide-mob.ctg-class ul.search_new_ctg_list li a {
	text-align: left !important;
	float: none !important;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.mobile-nav ul.inline-block li a {
		display: inline-block !important;
		font-weight: 400 !important;
	}
}

@media (max-width: 767px) {
	.mobile-nav ul.inline-block li a {
		font-size: 20px;
	}
}

.cat-slide-mob ul.search_new_ctg_list li>a>span.cat-name {
	float: left !important;
	padding: 0 !important;
	margin: 0 !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 19px;
}

.mobile-nav ul.inline-block .cat-slide-mob li a>span {
	display: unset !important;
}

@media only screen and (max-width: 1024px) {
	.mobile-nav ul.inline-block li a>span {
		text-transform: capitalize;
	}
}

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

.cat-slide-mob.ctg-class ul.search_new_ctg_list li span.cat-add-img span.icon-plus {
	display: flex;
	align-items: center;
	height: 20px;
	width: 20px;
	justify-content: center;
	border-radius: 6px;
	font-size: .7rem;
}

span.cat-add-img,
span.sub-cat-add-img {
	z-index: 11;
	float: right;
	margin-top: 0px;
}

.cat-slide-mob ul.search_new_ctg_list li>span.cat-add-img>.fa {
	line-height: 21px !important;
	font-size: 16px !important;
}

.cat-slide-mob ul.search_new_ctg_list li {
	float: left;
	position: relative;
	min-height: auto !important;
	border-radius: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	padding: 4px 8px !important;
	width: 100% !important;
}

.cat-slide-mob.ctg-class .search_new_ctg_list_main ul.search_new_ctg_list li ul.sub-menu {
	min-width: 100% !important;
	padding-right: 0;
}

.cat-slide-mob ul.search_new_ctg_list>li>ul.sub-menu {
	border: 0 !important;
	border-radius: 0 !important;
	position: relative !important;
	box-shadow: none !important;
}

.cat-slide-mob ul.search_new_ctg_list>li>ul.sub-menu>li {
	width: 100% !important;
	float: left;
	position: relative;
	padding: 2px 6px !important;
	min-height: auto !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

.search_new_ctg_list li {
	width: 90% !important;
	float: left;
	position: relative;
	padding: 8px !important;
	min-height: auto !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

.data-not-found {
	padding: 15px;
	text-align: center;
}

.search_new_ctg_list .dropdown-menu>li>a {
	display: block !important;
	padding: 3px 3px !important;
	clear: both !important;
	font-weight: normal !important;
	line-height: 1.42857143 !important;
	white-space: nowrap;
}

.search_field_with_background {
	position: relative;
	padding-bottom: 20px;
	width: 100%;
}


.clear_all_ a {
	position: absolute;
	margin-left: -57px;
	margin-top: 5px;
}

.cat-name svg {
	margin: 0px 5px;
}

@media only screen and (min-width: 424px) {
	.cat-slide-mob ul.search_new_ctg_list {
		padding: 0px 38px !important;
	}
}

.cat-slide-mob-header svg {
	position: fixed;
}


/* ----------------------------------------  Select audianc page css ended ----------------------------------------------------------------------------- */


/*--------------------------------------------------------- CSS for user messege page started  -----------------------------------------------------------------*/

.react_message_body {
	margin-top: 11px;
	overflow-x: hidden;
}

.user-message-slide .fadein-modal-body {
	position: absolute !important;
	height: calc(100% - 82px);
	z-index: 9 !important;
	padding-top: 10px !important;
	overflow: scroll !important;
}

.add_text_reply_ .general-file .inline-attachement-icon img {
	display: block;
}

.user-message-slide .fadein-modal-header {
	float: left;
	width: 100%;
	border-bottom: none;
	position: relative;
	padding-left: 22px;
	padding-top: 25px;
	margin-bottom: 0;
	box-shadow: 0px 0px 30px rgb(208 205 205) !important;
	-moz-box-shadow: 0px 0px 30px rgb(208 205 205) !important;
	-webkit-box-shadow: 0px 0px 30px rgb(208 205 205) !important;
	margin-bottom: 0;
	z-index: 9999 !important;
	padding-bottom: 24px;
}

.user-message-slide .image-start-container img {
	margin-left: -13px;
	margin-top: 3px;
	height: 45px;
	width: 45px;
}

.user-message-slide .fz_16 svg {
	position: absolute;
	margin-top: -5px;
}

.message_text_message_heading {
	float: left;
}


.message_text_message_heading h3 {
	width: 100% !important;
	float: left !important;
	margin: 0;
	/* margin-bottom: 5px; */
	margin-bottom: 0;
}



.message_text_message_heading p.message-header-count {
	float: left;
	width: 100% !important;
	display: flex;
	align-items: center;
	/* margin-bottom: 2px; */
	margin-top: 4px;
	margin-bottom: 0px;
}

span.count {
	font-size: 12px;
	font-weight: normal;
	display: flex;
	margin-right: 5px;
	align-items: center;
}

.fadein-modal-header .fadein-modal-close {
	float: right;
	font-size: 14px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: block;
	text-align: center;
	line-height: 26px;
}

.fadein-modal-close.test2 a {
	font-weight: 400;
	font-size: 11px;
	text-align: right;
}

.single-settings {
	position: absolute;
	right: 24px;
	top: 18px;
}

.message_image-rightsidebar.post-user-profile {
	margin: 0;
	float: left;
	margin-right: 8px;
}

.user-message-slide .user_messge_top_heading {
	float: left;
	width: auto;
	position: absolute;
	left: 58px;
	top: 6px;
}

.message_main_area {
	margin-bottom: 25px;
}

.load-more {
	margin-bottom: 10px;
	display: block;
	text-align: center;
}

.user-message-slide .messageInputarea {
	position: fixed;
	padding-top: 10px;
	bottom: 10px;
	padding: 0 10px;
	width: 100%;
	left: 0;
	display: flex;
	align-items: center;
}

.replay_message_text.main {

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	min-width: 278px !important;
	border: none;
	padding: 12px;
	margin-left: 4px;
}

.msg-send-date-bar {
	width: 100%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin: 20px 0;
}

.msg-send-date-bar-line {
	width: 100%;
	float: left;
	height: 1px;
	position: relative;
}

.msg-send-date-bar span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	font-size: 12px;
	padding: 5px 15px;
	min-width: 110px;
	text-align: center;
	font-weight: bold;
}

.react_message_body .chat-user-single-msg {
	display: table;
	margin: 0;
	clear: both;
	float: left;
	border-collapse: separate;
	border-spacing: 8px;
}

.chat-user-single-msg-text,
.chat-user-single-msg-link {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	white-space: pre-wrap;
	word-break: break-word;
	max-width: 302px;
	display: table-cell;
	padding: 10px;
}

.chat-user-single-msg .msg-send-option {
	display: table-cell;
	vertical-align: middle;
}

.react_message_body .chat-user-other.chat-user-single-msg {
	padding: 0 10px;
	float: right;
}

.msg-send-option-dropdown {
	position: relative !important;
}

.msg-send-option-dropdown .dropdown-menu {
	position: absolute;
}

.msg-send-option-dropdown span.icon-top3dot {
	font-size: .3rem;
}

.react_message_body .chat-user-other .chat-user-single-msg-text,
.chat-user-single-msg-link {
	float: right;
	border: none;
	padding: 10px;
	border-radius: 10px;
	display: table-cell;
	vertical-align: middle;
	margin-right: 0;
	white-space: pre-wrap;
	word-break: break-word;
	max-width: 302px;
}

.r-hover-tooltip {
	display: none;
}

.left-chat-seen-date {
	float: left;
}

.chat-seen-date,
.chat-seen-time {

	font-size: 11px;
	padding: 1px 20px 15px;
	text-align: right;
	clear: both;
}

.chat-seen-date.seen-by {
	display: inline-block;
	padding: 0 0 0 7px;
	padding-right: 0;
	float: none;
	width: auto;
}

.general-file {
	padding: 5px;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 57px;
	left: 0;
}

.inline-attachement-icon.attachement-tom {
	float: left;
	width: 30px;
	height: 30px;
	margin-top: 15px;
}

.attachement-main.attachement-tom {
	float: left;
}

.attachement-col {
	width: 100%;
	height: 100%;
	position: relative;
}

.attachement-col .cancel_thumb_img span.icon-close {
    font-size: .6rem;
}

.attachement-col .cancel_thumb_img {
    top: -2px;
    display: flex;
    align-items: center;
    line-height: 15px;
}

.cancel_thumb_img {
	z-index: 1;
	height: 15px;
	width: 15px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: -5px;
	right: -5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cancel_thumb_img span {
	font-size: 1rem;
}

.attachement-col img {
	height: 100%;
	width: 100%;
	border-radius: 10px;
}

.message-page-replay.portfolio_coment_message,
.newmessage_bottom {
	width: 100%;
	float: left;
}

.single-chat-attachement-btn {
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 12px;
}

.single-chat-attachement-btn img {
	margin-top: 8px;
}

.shaire_coment button {
	border: none;
	background: transparent;
	border-radius: 4px;
	height: 35px;
	padding: 5px;
	text-transform: uppercase;
}

.send_messege_ {
	padding-left: 0px;
}

.add_image_reply_ {
	padding-left: 0px;
}

.add_text_reply_ {
	padding-left: 0px;
	position: relative;
}

.add_text_reply_ form {
	position: relative;
}

.reply_form_section {
	width: 100%;
}

.add_image_reply_ input {
	position: absolute;
	margin-top: -21px;
	display: block !important;
	opacity: 0;
}

.messege_send_ {
	padding-left: 0px;
	min-width: 30px;
	width: 30px;
	padding-right: 0;
}

.dropdown-menu-right .msg-send-option-dropdown ul.dropdown-menu {
	right: auto;
	left: 0;
	top: 10px;
}

.dropdown-menu-top .msg-send-option-dropdown ul.dropdown-menu {
	top: unset !important;
	bottom: unset !important;
}

.dropdown-menu-right .msg-send-option-dropdown ul.dropdown-menu,
.dropdown-menu-right.msg-send-option ul.dropdown-menu {
	right: auto;
	left: 0;
	top: 20px;
}

.other_message .dropdown-menu {
	right: auto !important;
	position: absolute;
}

.dropdown-menu-top .msg-send-option-dropdown ul.dropdown-menu {
	top: auto;
}

.single-settings .dropdown-menu {
	left: inherit !important;
	right: 0 !important;
	min-width: 187px !important;
	border-radius: 12px;
}

.single-settings .dropdown-menu li .settings-edit-title {
	font-size: 14px;
	padding: 8px;
}

.single-settings .dropdown-menu li:last-child .settings-edit-title {
	border-bottom: 0;
}

.single-settings .dropdown-menu li .settings-edit-title .fa {
	width: 25px;
	text-align: center;
}

.single-settings .fa {
	font-size: 18px;
}

.attachement-main>img {
	display: none;
}

.inline-attachement-icon {
	display: none;
}

.message_area .circle-container-2021 {
	display: block;
	position: absolute;
	top: 20% !important;
	left: 1px !important;
	margin: 0px !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
}

.messageInputarea .attachement-main-video,
.attachement-main-mp3,
.attachement-main-file {
	max-width: 100%;
	height: 80px;
	position: relative;
	padding: 4px;
	overflow: hidden;
	display: inline-block;
}

.messageInputarea .videoicon,
.mp3icon,
.fileicon {
	width: 35px;
	height: 72px;
	position: relative;
	text-align: center;
	font-size: 17px;
	display: inline-block;
	line-height: 72px;
	border-radius: 8px 0 0 8px;
}

.messageInputarea .attachement-main-video .cancel_thumb_img,
.attachement-main-mp3 .cancel_thumb_img,
.attachement-main-file .cancel_thumb_img {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 6px 8px;
	cursor: pointer;
	border-radius: 0 8px 0 8px;
	box-shadow: -1px 1px 2px #3131318f;
	z-index: 1;
}

.messageInputarea .attachement-main-video .cancel_thumb_img,
.attachement-main-mp3 .cancel_thumb_img,
.attachement-main-file .cancel_thumb_img i {
	margin-top: -3px;
	position: absolute;
	left: 6px;
}

.messageInputarea .attachement-main-video span,
.attachement-main-mp3 span,
.attachement-main-file span {
	display: inline-block;
	padding: 10px;
	/* border: 1px solid #1e9bdd;
	background: #fff; */
	border-radius: 0 8px 8px 0;
	word-break: break-all;
	height: 72px;
	vertical-align: top;
	line-height: 50px;
}


/*--------------------------------------------------------- CSS for user messege page ended  -----------------------------------------------------------------*/


/*--------------------------------------------------------- CSS for user profile viw started  -----------------------------------------------------------------*/

.newslidenavafter .fadein-modal-header {
	width: 100%;
	float: left;
}

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

.newslidenavafter .uProfile img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 95px;
	width: 95px;
	transform: translateX(-56px);
}

.newslidenavafter .settingprofile h3 {
	text-align: center;
	margin-left: 20px;
	text-align: center;
	position: absolute;
	top: 130px;
	padding-bottom: 25px;
	width: calc(100% - 59px);
}

.newslidenavafter .fadein-modal-body {
	width: 100%;
	float: right;
	right: 0;
	bottom: 0 !important;
	padding-top: 0px;
}

.newslidenavafter ul.nav li {
	width: 100%;
	border-bottom: none;
	text-align: left;
}

.newslidenavafter .small_ball {
	position: absolute;
	right: calc(50% + -70px);
}

.newslidenavafter .medium_ball {
	position: absolute;
	bottom: calc(100% + -99px);
	left: 34%;
}

.newslidenavafter .liker_icon_ {
	position: absolute;
	left: 14%;
	top: 13px;
}

@media only screen and (max-width: 2300px) {
	.newslidenavafter .nav>li {
		padding: 0px 0;
	}
}

.newslidenavafter .nav>li>a {
	padding: 12px 15px !important;
	display: block;
	position: relative;
	font-weight: 600 !important;
	text-decoration: none !important;
	line-height: 14px;
	text-shadow: none !important;
}

@media screen and (min-width: 416px) {
	.newslidenavafter .medium_ball {
		left: 37%;
	}
}

@media screen and (min-width: 504px) {
	.newslidenavafter .medium_ball {
		left: 38%;
	}
}

@media screen and (min-width: 545px) {
	.newslidenavafter .medium_ball {
		left: 39%;
	}
}

@media screen and (min-width: 595px) {
	.newslidenavafter .medium_ball {
		left: 40%;
	}
}




@media screen and (min-width: 911px) {
	.newslidenavafter .medium_ball {
		left: 44%;
	}
}

.newslidenavafter ul {
	margin-left: 10px;
}


/*--------------------------------------------------------- CSS for user messege page ended  -----------------------------------------------------------------*/


/* ---------------------------------------------------------CSS for share post page started------------------------------------------------------------------   */

.newsharepost .fadein-modal-header {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
}

.newsharepost .ImageNewPost_with_mutilUpload .ImageNewPost_with_mutilUpload {
	width: 100% !important;
	text-align: center;
	float: left;
	overflow: hidden;
	height: auto;
	max-height: 800px;
	position: relative;
	border-radius: 20px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x4plus {
	position: relative;
	text-align: center;
	margin-left: -2.5px;
	margin-right: -2.5px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x4plus .img_post_box {
	width: 50%;
	float: left;
	position: relative;
	padding: 0px 2.5px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x4plus .img_post_box:nth-child(1) {
	padding-bottom: 1px;
	width: 50%;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x4plus .img_post_box:nth-child(3) {
	margin: 5px 0;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x4plus .img_post_box_clear {
	width: 100%;
	float: left;
	height: 100px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x4plus .img_post_box:nth-child(1) .img_post_box_clear {
	height: 310px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x4plus>.img_post_box>.img_post_box_clear img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	max-width: inherit;
	width: auto;
	height: 310px;
}

.newsharepost .ImageNewPost_with_mutilUpload .more_img_btn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.85);
	z-index: 1;
	text-align: center;
}

.newsharepost .ImageNewPost_with_mutilUpload .more_img_btn_box {
	z-index: 2;
	text-align: center;
	font-size: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	padding: 38px 10px;
	cursor: pointer;
	border: 2px dashed transparent;
}

.newsharepost .ImageNewPost_with_mutilUpload .more_img_btn_box i {
	font-size: 11px;
	margin-right: 3px;
}

.newsharepost .portfolio_coment_fly_ext .dropdown-category-filter svg {
	float: left;
	margin-top: 7px;
	margin-right: 8px;
}

.editnewslide .fixed-post-footer {
	float: left;
	position: fixed;
	bottom: 2px;
	z-index: 999999999;
}

.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 {
	padding: 130px 30px !important;
	line-height: 1.4em;
	text-align: center;
}

.Linkify code {
	line-height: normal;
	display: block !important;
}

.newsharepost .fadein-modal-header h3.fz_16 {
	/* width: 40%!important; */
	text-align: left !important;
}

.sharepostright {
	float: left;
	/* width: 60%; */
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 999999999999999;
	position: relative;
}

.sharepostright .permission-but-all.new_post_categoryList {
	float: left;
	text-align: right;
}

.sharepostright .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdownFix {
	margin-top: 0;
	margin-right: 8px;
}

.sharepostright .permission-but-all.new_post_categoryList .permission-but-all.new-permission-class.palinPost .dropdownFix button.btn.btn-default.share-option {
	position: relative;
	left: 0;
	top: 0;
}

.sharepostright .shaire_coment .post-submit {
	position: relative;
	top: 0;
	right: 0;
}

.newsharepost .fadein-modal-header .fa-arrow-left {
	padding-right: 3px;
}

.newsharepost .fadein-modal-header .fadein-modal-close {
	float: right;
	font-size: 14px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: block;
}

.newsharepost .fadein-modal-header .fadein-modal-close-icon {
	font-size: 14px !important;
	width: 100%;
	text-align: center;
	margin-top: 2px !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

.newsharepost .custom-fadein-modal .fadein-modal-body {
	bottom: 0 !important;
	overflow: auto !important;
	position: absolute;
	top: 59px;
	bottom: 80px;
}

.newsharepost .fadein-modal-body {
	float: left;
	width: 100%;
	overflow: auto;
	padding: 15px;
	-webkit-overflow-scrolling: touch !important;
	position: relative !important;
}

.newsharepost .flypost_box {
	width: 100% !important;
	width: 35%;
	border-radius: 5px;
	padding: 10px;
}

.newsharepost .flypost_box .profile_img17 {
	width: 45px;
	height: 45px;
	margin-top: 0;
	margin-left: 0;
}

@media only screen and (max-width: 767px) {
	.newsharepost .flypost_box {
		width: 100% !important;
		padding: 2px !important;
	}
}

.newsharepost .model-popup-inner-17 {
	display: inline-block;
	vertical-align: middle;
	top: 0 !important;
	text-align: left;
	margin-top: 0px;
}

.unique_150519 {
	margin-top: 25px !important;
}

.newsharepost .profile_info_main17 {
	float: left;
	width: 90%;
	margin-bottom: 8px;
}

.newsharepost .profile_img17 {
	float: left;
	width: 45px;
	height: 45px;
	margin-right: 10px;
	position: relative !important;
}

.newsharepost .profile_img17 a {
	float: left;
	width: 100%;
}

.newsharepost .flypost_content {
	border-top: 0 !important;
	width: 100%;
	float: left;
	margin-top: 0px;
	box-shadow: none !important;
	background: #fafafa;
}

.newsharepost .main {
	height: 100%;
	position: relative;
}

.newsharepost .portfolio_coment_fly_ext {
	border-radius: 5px;
	float: left;
	margin-bottom: 0;
	padding: 5px;
	width: 100%;
	margin-top: 8px;
	max-height: 64vh;
	overflow-y: auto !important;
}

.newsharepost .newsharepost.custom-fadein-modal .flypost_content .popup-container-main17 {
	max-height: inherit !important;
}

.newsharepost .popup-container-main17 {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.newsharepost .portfolio_coment_textfild {
	width: 100%;
	float: left;
	height: auto;
	border-radius: 3px 3px 0 0;
	border-bottom: 0;
}

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

.newsharepost .popup-container-main17 .share_post_cont_main17 span div span code a {
	float: inherit;
}

.newsharepost .share_post_cont_main17 {
	float: left;
	width: 100%;
	background: #fff;
	padding: 10px;
	text-align: left;
	background: #f8f8f8;
	border-radius: 12px;
}

.newsharepost .post_profile_top {
	width: 100%;
	position: relative;
	float: left;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 5px;
}

.newsharepost .post_profile_top .post-user-profile {
	max-width: 40px !important;
	height: 40px !important;
	margin-right: 12px;
}

.newsharepost .post_profile_top .post-user-profile a,
.newsharepost .post_profile_top .post-user-profile a .image-start-container,
.newsharepost .post_profile_top .post-user-profile a .image-start-container .user-post-pic-holder.avater-image-2021 {
	float: left;
	height: 100% !important;
	width: 100% !important;
	margin: 0 !important;
}

.newsharepost .post_profile_top .post-user-profile a .image-start-container .user-post-pic-holder.avater-image-2021 svg.user_profile_img-2021,
.newsharepost .post_profile_top .post-user-profile a .image-start-container .user-post-pic-holder.avater-image-2021 img {
	float: left;
	height: 100%;
	width: 100%;
}

.newsharepost .post-user-profile-details {
	width: 99%;
}

.newsharepost .post-user-profile-details {
	width: 100%;
	position: relative;
}

@media only screen and (max-width: 459px) {
	.newsharepost .post-user-profile-details {
		width: 100%;
		padding-top: 0 !important;
		position: relative;
	}
}

.newsharepost .post-user-profile-details .post-upd-top {
	max-width: calc(100% - 6px);
	font-size: 13px;
	position: static;
	padding-left: 0px;
}

.newsharepost .post-upd-top {
	width: 100%;
	display: inline-block;
	position: relative;
}

.newsharepost .share_post_cont_main17 .post-upd-top a {
	text-transform: capitalize;
}

.newsharepost .post_profile_top .post-user-profile-details .post-upd-permission-icon {
	padding: 0 5px;
}

.newsharepost .post_profile_top .post-user-profile-details .post-upd-bottom {
	word-break: break-word;
	padding-top: 5px;
}

.newsharepost .post-user-profile-details .post-upd-bottom {
	width: calc(100% - 6px);
	margin-left: -7px;
}

.newsharepost .post-upd-bottom {
	width: 100%;
	display: inline-block;
}

.newsharepost .post-upd-bottom {
	float: left;
	position: relative;
}

.newsharepost .post_profile_top .post-user-profile-details .post-upd-bottom p:last-child {
	display: inline-block;
	width: auto;
	float: none;
}

.newsharepost .post_profile_top .post-user-profile-details .post-upd-top p {
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 6px;
	padding-top: 2px;
	font-weight: 400;
}

.newsharepost .post-user-profile-details .post-upd-bottom p span:first-child {
	padding-left: 0 !important;
}

.newsharepost .post-user-profile-details .post-upd-bottom p span {
	padding: 0 4px !important;
	font-size: 11px;
}

.newsharepost .share-text_cont_main17.img_6_preview {
	background: url(../nimg/img_bg_love3.png) left top no-repeat !important;
	padding: 130px 30px !important;
	background-size: cover !important;
}

.newsharepost .share-text_cont_main17 {
	margin: 0;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 0;
	word-wrap: break-word;
	width: 100% !important;
	float: left !important;
	padding: 10px 0 !important;
	font-size: 14px;
	font-size: 12px !important;
	margin-top: 0px !important;
}

.newsharepost .img_6_preview {
	text-align: center !important;
	font-size: 32px !important;
}

.newsharepost .Linkify code {
	line-height: normal;
	display: block !important;
	word-break: break-word;
}

.newsharepost code {
	background-color: inherit !important;
	border-radius: inherit !important;
	color: inherit !important;
	font-size: inherit !important;
	padding: inherit !important;
	word-wrap: break-word !important;
	font-family: inherit !important;
}

.newsharepost .portfolio_coment_button {
	padding: 0 !important;
}

.portfolio_coment_button {
	border-radius: 0 0 4px 4px;
	float: left;
	padding: 6px 10px;
	width: 100%;
}

@media (max-width: 767px) {
	.newsharepost .traiangel {
		display: none;
	}
}

.newsharepost .traiangel {
	height: 10px;
	left: 21px;
	margin-top: 24px;
	position: absolute;
	width: 21px;
	display: none;
}

.newsharepost .traiangel {
	background: url(../images/traiangel-bg.png) center center no-repeat rgba(0, 0, 0, 0);
	height: 10px;
	left: 21px;
	margin-top: 24px;
	position: absolute;
	width: 21px;
	display: none;
}

.newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo {}

.newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo .friends_option.category-select {
	margin: 0 !important;
}

.newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo .friends_option.category-select .dropdownsdrp2.dropdown-category-filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 !important;
}

.newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo .friends_option.category-select .dropdownsdrp2.dropdown-category-filter svg {
	position: relative;
	margin: 0 !important;
	right: 0;
	margin-right: 5px !important;
}

.newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo .friends_option.category-select .dropdownsdrp2.dropdown-category-filter a svg {
	display: none;
}

.newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo .friends_option.category-select .dropdownsdrp2.dropdown-category-filter a {
	align-items: center;
	justify-content: space-between;
	display: flex;
}

.newsharepost .flypost_content .portfolio_coment_button .category-select-area.newpostdropinfo .friends_option.category-select .dropdownsdrp2.dropdown-category-filter a input {
	position: relative;
	top: 0;
	width: auto;
	background: none;
}

.newsharepost .category-select-area {
	float: right;
}

@media only screen and (max-width: 369px) {
	.newsharepost .category-select-area {
		float: left;
	}
}

.newsharepost .flypost_content .portfolio_coment_button .permission-but-all.new_post_categoryList {
	width: auto !important;
	margin: 0 !important;
	margin-top: 2px !important;
}

.newsharepost .portfolio_coment_button .permission-but-all.new_post_categoryList {
	padding: 7px 8px 8px 0;
}

@media only screen and (max-width: 767px) {
	.newsharepost .portfolio_coment_button .permission-but-all {
		margin-left: 5px !important;
	}
}

.newsharepost .permission-but-all.new_post_categoryList .dropdown {
	position: relative;
}

.newsharepost .dropdownFix {
	border: none;
	float: left;
	height: auto;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	z-index: 9 !important;
	display: block !important;
}

@media only screen and (max-width: 767px) {
	.newsharepost .share-option {
		padding: 5px 10px !important;
	}
}

.newsharepost .share-option {
	border-radius: 10px !important;
	border: none !important;
	margin: 0;
	font-size: 12px;
	position: absolute;
	padding: 9px 7px !important;
	top: -5px;
	right: calc(100% + 89px);
}

.newsharepost .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.newsharepost .dropdownFix .caret {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid;
	display: inline-block;
	margin-left: 5px !important;
	width: 0;
}

.newsharepost .dropdown .dropdown-menu {
	min-width: 160px;
	max-width: 360px;
	list-style: none;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.newsharepost .dropdown .dropdown-menu LI {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

.newsharepost .dropdown .dropdown-menu LI>A {
	display: block;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	margin: 0;
	white-space: nowrap;
}

@media only screen and (max-width: 768px) {
	.newsharepost .portfolio_coment_button .shaire_coment {
		width: 100% !important;
	}
}

@media screen and (max-width: 1199px) {
	.newsharepost .shaire_coment {
		float: right !important;
	}
}

.newsharepost .common-cancel-17 {

	font-size: 14px;
	float: left;
	padding: 6px 15px !important;
	margin: 0 !important;
	cursor: pointer;
}

@media only screen and (max-width: 1024px) {
	.newsharepost .postMentionsInputBox>div>div>div {
		/* min-height: 80px!important; */
		border: none !important;
		margin-bottom: 10px !important;
		border-radius: 12px !important;
	}
}

.newsharepost .user-post-pic-holder img {
	width: 45px !important;
	height: 45px !important;
	text-align: center;
	margin-top: 12px !important;
	margin-left: 0;
	border-radius: 50%;
}

.newsharepost .postMentionsInputBox>div>div>textarea {
	border-radius: 12px !important;
	border: 0 !important;
	box-sizing: border-box;
	box-shadow: inset 0px 0px 15px rgb(204 204 204 / 34%);
}

.newsharepost .portfolio_coment_button .shaire_coment {
	position: fixed !important;
	width: 60% !important;
	float: left;
	top: -3px !important;
	right: -50px !important;
}

.newsharepost .post-submit {
	border-radius: 10px !important;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	float: left;
	margin-left: 0 !important;
	cursor: pointer;
	width: 64px !important;
	border-radius: 10px;
	padding: 7px 15px !important;
	top: 14px;
	right: 27px;
}

.newsharepost .capturePost {
	padding: 0;
	margin: 0;
	min-width: 40%;
}

.newsharepost .capturePost .post-icons {
	display: flex;
	align-items: center;
	padding: 0;
	opacity: 0.5;
}

.newsharepost .capturePost .post-icons span.post_add_image_text {
	position: relative;
	width: auto;
}

.newsharepost .dropdownFix .dropdown-menu {
	top: 40px;
}

.newsharepost .portfolio_coment_button .capturePost>div {
	float: left;
	position: relative;
}

.newsharepost .capturePost input {
	height: 33px;
	opacity: 0;
	z-index: 9999;
	display: none;
}

.newsharepost .dropdown-category-filter {
	display: block;
	margin-top: -5px;
	margin-left: -15px;
}

.newsharepost .friends_option {
	margin-top: 7px;
	min-width: 127px;
	position: relative;
}

.newsharepost .dropdown-category-filter input {
	top: -3px;
	width: 80%;
	position: absolute;
}

.newsharepost .imgPostImage {
	border: none !important;
	border-top: none !important;
}

.newsharepost .post-upd-top a {
	font-size: 14px;
	font-weight: 600;
}



.newsharepost .post-upd-bottom svg {
	margin: 1px;
}

.newsharepost .post-upd-bottom {
	font-size: 11px !important;
	line-height: 15px !important;
}

.newsharepost .imgPostText p {
	font-size: 9px !important;
	line-height: 14px !important;
	font-weight: 700 !important;
	background: none;
	border-radius: 6px !important;
	padding: 8px !important;
	position: absolute !important;
	top: 322px !important;
	width: auto;
	right: 20px;
}


/* Feed--->> Share--->>click Share on Liker --->>when share multiple image=design issue */

.newsharepost .ImageNewPost_with_mutilUpload {
	width: 100% !important;
	text-align: center;
	float: left;
	overflow: hidden;
	height: auto;
	max-height: 800px;
	position: relative;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x2 {
	position: relative;
	text-align: center;
	margin: -0.5px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x2 .img_post_box {
	width: 50%;
	float: left;
	padding: 0 0.5px;
	position: relative;
}

.newsharepost .img_post_1x2 .img_post_box_clear {
	width: 100%;
	float: left;
	height: 256px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.newsharepost .img_post_1x2 .img_post_box .img_post_box_clear img {
	max-height: inherit;
	max-width: inherit;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.newsharepost .new-post-slide .profile_img17 a img {
	top: 11px !important;
}

.newsharepost .portfolio_coment_button {
	height: 41px !important;
	width: 100% !important;
	left: 0;
	z-index: 9991;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	bottom: 0%;
	padding: 0 10px !important;
}

.newsharepost .portfolio_coment_fly_ext .dropdown-category-filter .sbtn svg {
	position: absolute;
	margin-top: 15px;
	margin-left: 5px;
	right: -5px;
}

.newsharepost .share-option #selected_perm svg {
	position: absolute;
	margin-left: -16px;
	margin-top: 2px;
}

.newsharepost .share-option #selected_perm svg {
	position: absolute;
	margin-left: -16px;
	margin-top: 2px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x3 {
	position: relative;
	text-align: center;
	margin: -0.5px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x3 .img_post_box:first-child {
	width: 100%;
	padding-bottom: 1px;
}

.newsharepost .ImageNewPost_with_mutilUpload .img_post_1x3 .img_post_box {
	width: 50%;
	float: left;
	padding: 0 0.5px;
	position: relative;
}

.newsharepost .img_post_1x3 .img_post_box:first-child .img_post_box_clear {
	height: 150px;
}

.newsharepost .img_post_1x3 .img_post_box_clear {
	width: 100%;
	float: left;
	height: 150px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.newsharepost .img_post_1x3 .img_post_box:first-child .img_post_box_clear img {
	max-width: inherit;
	max-height: inherit;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
}

.newsharepost .img_post_1x3 .img_post_box .img_post_box_clear img {
	max-height: inherit;
	max-width: inherit;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.newsharepost .img_post_1x4 {
	position: relative;
	text-align: center;
	margin: -0.5px;
}

.newsharepost .img_post_1x4 .img_post_box:nth-child(1) {
	padding-bottom: 1px;
	width: 100%;
}

.newsharepost .img_post_1x4 .img_post_box {
	width: 33.333333%;
	float: left;
	padding: 0 0.5px;
	position: relative;
}

.newsharepost .img_post_1x4 .img_post_box_clear {
	width: 100%;
	float: left;
	height: 150px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.newsharepost .img_post_1x4>.img_post_box>.img_post_box_clear img {
	max-height: inherit;
	max-width: inherit;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	min-width: 100%;
}

.newsharepost .share-option {
	border-radius: 10px !important;
	border: none !important;
	margin: 0;
	font-size: 12px;
	padding: 10px 7px !important;
	min-width: 82px;
}

.newsharepost .new_post_categoryList .permissionDropbox button span a {
	padding-right: 0 !important;
	/* margin-left: 20px; */
}


/* ---------------------------------------------------------CSS for share post page endede------------------------------------------------------------------   */


/* ---------------------------------------------------------CSS for Star contributor page has been started --------------------------------------------- */

.new_star_contributor .main .portfolio_body {
	margin-top: 0 !important;
}

@media screen and (max-width: 410px) {
	.new_star_contributor .portfolio_body {
		margin-top: 127px;
		min-height: inherit !important;
	}
}

.new_star_contributor .portfolio_body {
	width: 100%;
	float: left;
	margin-top: 5px;
	height: auto;
}

.new_star_contributor .portfolio_body .container.custom-container {
	padding: 0 !important;
}

.new_star_contributor .container.custom-container {
	position: relative;
}

.new_star_contributor .container {
	max-width: 738px !important;
	width: auto !important;
}

.new_star_contributor .portfolio_body .container.custom-container div.portfolio_body_right {
	padding: 0 !important;
}

.new_star_contributor .portfolio_body_right {
	margin-top: 10px !important;
}

@media only screen and (min-width: 320px) {
	.new_star_contributor .portfolio_body_right {
		max-width: 100% !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 2600px) {
	.new_star_contributor .portfolio_body_right {
		float: left !important;
	}
}

@media only screen and (max-device-width: 2732px) and (min-device-width: 320px) {
	.new_star_contributor .portfolio_body_right {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

.new_star_contributor .portfolio_body_right {
	width: 100% !important;
}

.new_star_contributor .portfolio_body_right2 {
	width: 100% !important;
}

@media screen and (max-width: 1023px) {
	.new_star_contributor .portfolio_body_right2 {
		float: left;
		padding: 0px 0px 10px;
		width: 100%;
	}
}

.new_star_contributor .margin-top-0 {
	margin-top: 0px !important;
}

.new_star_contributor .search-filter-box,
.new_star_contributor .search-filter-head,
.new_star_contributor .search-filter-main {
	width: 100%;
	float: left;
}

.new_star_contributor .search-filter-head .search-filter-box {
	background: none !important;
}

.new_star_contributor .search-filter-box {
	margin-top: 8px;
}

.new_star_contributor .search-filter-box {
	border-radius: 5px;
	margin-bottom: 8px;
	padding: 5px;
}

.new_star_contributor .search-filter-box,
.new_star_contributor .search-filter-head,
.new_star_contributor .search-filter-main {
	width: 100%;
	float: left;
}

.new_star_contributor .search-filter-main {
	border-radius: 3px;
	position: relative;
}

.new_star_contributor .search-filter-box,
.new_star_contributor .search-filter-head,
.new_star_contributor .search-filter-main {
	width: 100%;
	float: left;
}

.new_star_contributor .search-filter-main .search-filter-title {
	right: inherit !important;
	left: 0 !important;
	border-left: 0 !important;
}

.new_star_contributor .rank-search-filter-b {
	position: relative !important;
	padding: 10px !important;
	border-left: none !important;
}

.new_star_contributor .search-filter-title {
	cursor: pointer;
	float: left;
	font-size: 14px;
	font-weight: 600;
}

.new_star_contributor .search-filter-title {
	width: auto;
	position: absolute;
	right: 0px;
	top: 0px;
	min-height: 40px;
}

.new_star_contributor .toltip-new-class {
	float: right;
}

.new_star_contributor .search-filter-head .star-con-des {
	margin: 0px !important;
	padding: 0px !important;
}

.new_star_contributor .star-con-des {
	width: auto;
	margin-right: 6px;
	padding-left: 5px;
	display: grid !important;
}

.new_star_contributor .star-con-des .sbtn {
	border: 0px;
	width: 100%;
	border-radius: 0px !important;
}

.new_star_contributor .search-filter-head .star-con-des .sbtn input {
	max-width: 100%;
	width: 100%;
	display: block;
	padding: 0px 10px;
}

.new_star_contributor .star-con-des .sbtn input {
	width: 100%;
	min-height: 40px;
	border-radius: 0px !important;
}

.new_star_contributor .sbtn input {

	font-size: 14px;
	cursor: pointer;
}

.new_star_contributor .custom-fadein-modal {
	text-transform: initial !important;
}

.new_star_contributor .custom-fadein-modal {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
}

.new_star_contributor .fadein-modal-header {
	float: left;
	width: 100%;
	padding: 15px;
}

.new_star_contributor .fadein-modal-header h3.fz_16 {
	width: 85% !important;
	text-align: left !important;
	font-size: 16px !important;
	margin-top: 6px !important;
}

.new_star_contributor .fadein-modal-header h3 {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-top: 4px;
	text-transform: capitalize;
	width: calc(100% - 35px);
}

.new_star_contributor .fadein-modal-header .fa-arrow-left {
	padding-right: 3px;
}

.new_star_contributor .custom-fadein-modal .fadein-modal-body {
	position: absolute;
	top: 59px;
	bottom: 80px;
}

.new_star_contributor .starConNewSlide .fadein-modal-body {
	bottom: 0 !important;
	padding: 0 !important;
}

.new_star_contributor .fadein-modal-body {
	float: left;
	width: 100%;
	overflow: auto;
	padding: 15px;
	-webkit-overflow-scrolling: touch !important;
}

.new_star_contributor .star-con-des .mobile-drop-17.dropdown-menu.sdrpmenu {
	z-index: 999 !important;
}

.new_star_contributor .star-con-des .starConNewSlide .sdrpmenu {
	display: block !important;
	margin: 0 !important;
	top: 0 !important;
	height: auto !important;
	max-height: inherit !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border: 0 !important;
	min-width: 100% !important;
}

@media only screen and (max-width: 767px) {
	.new_star_contributor .star-con-des .sdrpmenu {
		min-width: 300px !important;
		left: inherit !important;
	}
}

.new_star_contributor .newDrop {
	overflow: hidden !important;
	max-height: 253px !important;
	height: 253px !important;
}

.new_star_contributor .rank_body_left {
	background: none;
	border-radius: 0px;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
	float: left;
}

.new_star_contributor .rank_body_left .body_box {
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
}

.new_star_contributor .body_box {

	border-radius: 5px;
	min-height: 500px;
}

.new_star_contributor .body_box,
.new_star_contributor .box_header {
	width: 100%;
	float: left;
}

.new_star_contributor .box_header {
	padding: 10px 0px;
	border-radius: 5px 5px 0px 0px;
}

.new_star_contributor .body_box,
.new_star_contributor .box_header {
	width: 100%;
	float: left;
}

.new_star_contributor .box_header .top-percent-headind {
	margin-bottom: 15px !important;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
}

.new_star_contributor .top-percent-headind {
	padding-bottom: 10px;
	padding-top: 0px;
	margin-bottom: 10px !important;
}

.new_star_contributor .top-percent-headind {
	float: left;
	width: 100%;
	padding: 15px 10px 5px;
	display: block;
}

.new_star_contributor .top-percent-headind p {
	font-weight: 600;
	font-size: 14px !important;
	margin-bottom: 0;
}

.new_star_contributor .contributor_message {
	font-size: 14px;
	margin-bottom: 10px !important;
	margin-top: 20px;
}

.new_star_contributor .top-percent-headind .left,
.new_star_contributor .top-percent-headind .right {
	float: left;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}

.new_star_contributor .top-percent-headind span.icon-Star {
	height: 43px;
	width: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	margin-right: 8px;
}

.new_star_contributor .rank_body_left .box_search {
	height: auto;
	padding: 0px 10px;
	width: 100%;
	margin: 0px;
}

@media (max-width: 767px) {
	.new_star_contributor .box_search {
		float: left;
	}
}

@media only screen and (max-width: 767px) {
	.new_star_contributor .rank_body_left #rank_search_form {
		width: 100%;
		position: relative;
	}
}

.new_star_contributor .pull-left {
	float: left !important;
}

.new_star_contributor .add-info-srch {
	margin-right: -15px;
}

@media (max-width: 767px) {
	.new_star_contributor .ranking_submit_button {
		position: absolute;
		left: 13px;
	}
}

.new_star_contributor .ranking_submit_button {
	width: 27px;
	min-height: 28px;
	border: 0px;
	padding: 0px 18px;
	border-radius: 3px 0px 0px 3px;
	background: url(../images/src_icon.png) center center no-repeat rgb(255, 255, 255);
	float: left;
	height: 32px !important;
}

.new_star_contributor .rank_body_left #rank_search_form {
	width: 100%;
	position: relative;
}

.new_star_contributor .rank_body_left #rank_search_form svg {
	position: absolute;
	right: 15px;
	top: 15px;
}

@media only screen and (max-width: 767px) {
	.new_star_contributor .rank_body_left #rank_search_form .ranking-search-17 {
		width: 100% !important;
	}
}

.new_star_contributor .box_search .top-cont-search {
	padding: 16px;
}


.new_star_contributor .box_header .cont_titleNew {
	margin-top: 18px !important;
	padding: 10px 5px;
	float: left;
	width: 100%;
	font-weight: 600;
	font-size: 1.5rem;
}


.new_star_contributor .cont_title_text_2 {
	width: 20% !important;
	float: left;
}



.new_star_contributor .rank_body_left .loading_image {
	width: 100%;
	float: left;
	padding: 10px;
}

.new_star_contributor .box_content,
.rank_list {
	width: 100%;
	float: left;
}

.new_star_contributor .infinite-scroll-component {
	overflow: inherit !important;
}

.new_star_contributor .top-contributor.rank-percent {

	margin-left: 10px;
	padding-top: 13px;
	text-align: center;
}

.new_star_contributor .rank_list>div {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.new_star_contributor .rank_body_left .rank_list .bg-gold-color {
		height: 42px;
	}
}

@media only screen and (max-width: 767px) {

	.new_star_contributor .rank_body_left .rank_list .bg-gold-color,
	.new_star_contributor .rank_body_left .rank_list .bg-silver-color {
		height: 42px;
	}
}

.new_star_contributor .top-contributor.bg-gold-color {
	width: 15%;
	font-weight: 400;
}

.new_star_contributor .bg-gold-color {
	position: relative;
	height: 50px;
	padding: 2px 0px !important;
}

@media only screen and (max-width: 767px) {
	.new_star_contributor .rank_body_left .rank_list .bg-gold-color .rank-parcent {
		line-height: 40px;
	}
}

@media only screen and (max-width: 767px) {

	.new_star_contributor .rank_body_left .rank_list .bg-gold-color .rank-parcent,
	.new_star_contributor .rank_body_left .rank_list .bg-silver-color .rank-parcent {
		line-height: 40px;
	}
}

.new_star_contributor .rank-parcent {
	line-height: 48px;
	font-size: 12px;
	font-weight: 700;
	text-shadow: rgb(153 153 153) 0px 1px 1px;
}

.new_star_contributor .rank-parcent {
	left: 0px;
	right: 0px;
}

.new_star_contributor .rank-parcent,
.new_star_contributor .right-caret::before,
.new_star_contributor .sbtn {
	vertical-align: middle;
}



.new_star_contributor .rank_profile_img {
	margin-right: 10px;
	float: left;
	position: relative;
}

@media only screen and (max-width: 1024px) {
	.new_star_contributor .rank_profile_name {
		float: none;
		display: block;
		text-align: left;
		width: auto !important;
	}
}

.new_star_contributor .top-contributor.top-like-total {
	float: left;
	width: 15%;
	font-size: 14px;
	font-weight: 400;
	margin-top: 12px;
}

.new_star_contributor .loading-bar.scrload {
	padding-left: 5px !important;
}

.new_star_contributor .ranking_search {
	min-height: 32px;
	float: left;
	border: 0;
	font-size: 12px;
	border-radius: 12px !important;
	width: 100%;
}

.new_star_contributor .loading-bar {
	float: left !important;
	font-size: 14px !important;
	font-weight: lighter !important;
	height: auto !important;
	line-height: 1 !important;
	padding-left: 0px !important;
	text-align: left !important;
}

.new_star_contributor .rank_profile_img img {
	border-radius: 50%;
	height: 30px;
	width: 30px;
}

.new_star_contributor .post_profile_pic_star {
	position: absolute;
}


.new_star_contributor .top-percent-headind .left svg,
.new_star_contributor .right svg {
	margin-right: 8px;
	height: 40px;
	width: 40px;
}

/* ---------------------------------------------------------CSS for Star contributor page has been started --------------------------------------------- */


/* ---------------------------------------------------------CSS for comment and reply   page has been started --------------------------------------------- */

.commentSlide .commentSlide .fadein-modal-header {
	float: left;
	width: 100%;
	padding: 15px;
}

.commentSlide .fadein-modal-header h3 {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-top: 4px;
	text-transform: capitalize;
	top: 16px;
	left: 61px;
}

.commentSlide .fadein-modal-header .fa-arrow-left {
	padding-right: 3px;
}

.commentSlide .fadein-modal-header .fadein-modal-close {
	float: right;
	font-size: 14px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: block;
}

.commentSlide .fadein-modal-header .fadein-modal-close-icon {
	font-size: 14px !important;
	width: 100%;
	text-align: center;
	margin-top: 2px !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

.commentSlide .fa-times {
	font-size: 14px !important;
	font-weight: 400 !important;
	margin-right: 0 !important;
	margin-top: 0px;
}

.custome_hr_ {
	width: calc(100% + 800px);
	margin-left: -50px;
	margin-top: 3px;
	margin-bottom: 2px;
}

.reply_comment_preview .custome_hr_ {
	display: none;
}

.commentSlide .custom-fadein-modal .fadein-modal-body {
	position: absolute;
	top: 59px;
	bottom: 80px;
}

.commentSlide .commentSlide .fadein-modal-body {
	height: auto;
	padding: 0 !important;
	bottom: 0 !important;
}

.commentSlide .fadein-modal-body {
	float: left;
	width: 100%;
	overflow-y: auto !important;
	padding: 15px;
	padding-bottom: 0;
	height: calc(100% - 165px) !important;
}

.commentSlide .commentSlide .fadein-modal-body .main {
	height: auto;
}

.commentSlide .main {
	width: 100%;
	float: left;
}

.commentSlide .view-more-c .my_streamcontent3_top_left {
	width: 100%;
	margin-left: 0;
}

.commentSlide .view-more-c.my_streamcontent3_right_history .my_streamcontent3_top_left h5 .MoreComm {
	width: 100%;
	text-align: left !important;
	font-weight: 600 !important;
	margin: 5px 0px;
	margin-left: 6px;
}

.commentSlide .my_streamcontent3_top_left h5 a {
	text-transform: capitalize;
	margin-left: -20px;
	font-size: 13px;
	margin: 10px 0px;
	font-weight: 600;
}

.commentSlide .MoreComm {
	padding-bottom: 6px !important;
}

.commentSlide .MoreComm {
	float: left;
	font-size: 13px !important;
	font-weight: 400 !important;
	padding: 5px 0 !important;
}

.commentSlide .my_streamcontent3_top_left {
	position: relative;
	float: left;
	margin-left: 9px;
	margin-top: 4px;
}

.commentSlide .view-more-c.my_streamcontent3_right_history .my_streamcontent3_top_left h5 {
	width: 100%;
}

.commentSlide .my_streamcontent3_top_left h5 {
	font-size: 12px;
}

.commentSlide .my_streamcontent2_left_icon,
.my_streamimage {
	position: relative !important;
}

.commentSlide .my_streamcontent2_left_icon {
	width: 30px;
	float: left;
}

.commentSlide .my_streamcontent3_top_left {
	position: relative;
	float: left;
	margin-left: 9px;
	margin-top: 4px;
}

@media only screen and (max-width: 1024px) {
	.commentSlide .my_streamcontent3_right_history_top .my_streamcontent3_top_left h5 {
		padding: 0 10px 0px 0;
	}
}

.commentSlide .my_streamcontent3_top_left h5 {
	font-size: 12px;
}

@media screen and (max-width: 1023px) and (min-width: 320px) {

	.commentSlide .my_streamcontent3_right_history .my_streamcontent_post_date_view,
	.my_streamcontent_post_date.my_streamcontent_post_date_view {
		width: auto !important;
	}
}

.my_streamcontent_post_date {
	max-width: 351px;
	float: right;
	font-size: 11px;
	padding: 0;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.commentSlide .my_streamcontent_post_date {
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.commentSlide .my_streamcontent_post_date_view {
		width: auto !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.commentSlide .my_streamcontent_post_date_view {
		width: 100% !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.commentSlide .my_streamcontent_post_date {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.commentSlide .my_streamcontent_post_date {
		max-width: 100%;
		float: right;
	}
}

.commentSlide .my_streamcontent_like {
	float: left;
	font-size: 10px;
	font-weight: 400;
	padding: 0;
}

.commentSlide span.light2 {
	margin-right: 4px !important;
}

.commentSlide .friends {
	position: relative;
	float: right;
}

.commentSlide .friends a svg {
	width: 9px;
	height: 14px;
}

.commentSlide .post_down2 {
	background: url(../images/down_blank2.png) right center no-repeat;
	bottom: -4px;
	display: inline-block;
	height: 8px;
	margin-right: 7px;
	position: relative;
	width: 15px;
}

@media only screen and (max-width: 1024px) {
	.commentSlide .my_streamcontent3_right_history_bottom {
		width: 86% !important;
		margin: 0 !important;
		background: none !important;
	}
}

@media (min-width: 375px) and (max-width: 479px) {
	.commentSlide .my_streamcontent3_right_history_bottom {

		float: left;
		margin-left: 45px;
		margin-top: -12px;
		padding: 2px 0;
		position: relative;
		width: 86%;
	}
}

.commentSlide .my_streamcontent3_bottom_left {
	width: 100%;
	padding-right: 90px;
}

@media (min-width: 375px) and (max-width: 479px) {
	.commentSlide .my_streamcontent3_bottom_left {
		float: left;
		position: relative;
		text-align: left;
	}
}

.commentSlide .my_streamcontent3_bottom_left {
	padding-right: 10px !important;
}

.commentSlide .my_streamcontent3_bottom_left h5 {
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	text-align: left;
	word-wrap: break-word;
	text-transform: unset;

}

.commentSlide .Linkify code {
	line-height: normal;
	display: block !important;
	word-break: break-word;
	margin-top: 5px;
}

@media only screen and (max-width: 1024px) {
	.commentSlide .my_streamcontent3_bottom_right {
		right: 0 !important;
	}
}


.commentSlide .last_coment_amount_like {
	cursor: pointer;
	float: left;
	margin-right: 5px;
	width: 17px;
}

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

.commentSlide .comment_reply {
	width: auto;
	float: left;
	font-size: 13px !important;
	font-weight: 400 !important;
	cursor: pointer;
	padding: 3px 0 0 0;
}

@media screen and (max-width: 1023px) {
	.commentSlide .my_streamcontent3 {
		width: 100% !important;
		max-width: inherit;
	}
}

.commentSlide .my_streamcontent3 {
	border: 0;
	border-bottom: 0;
	border-top: 0;
	float: left;
	width: 100%;
}

.commentSlide .my_streamcontent3_right_history_top {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.commentSlide .my_streamcontent2_left_icon,
.my_streamimage {
	position: relative !important;
}

.commentSlide .my_streamcontent2_left_icon {
	width: 30px;
	float: left;
}

.commentSlide .my_streamcontent2_left_icon,
.my_streamimage {
	position: relative !important;
}

.commentSlide .my_streamimage {
	width: 30px;
	float: left;
}

.commentSlide .my_streamcontent2_left_icon img {
	border-radius: 50%;
	float: left;
	font-weight: 400;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.commentSlide .post_profile_pic_star {
	position: absolute;
}

.commentSlide .post_profile_pic_star {
	top: 0 !important;
	left: 0;
}

.commentSlide .commentSlide .fadein-modal-body .common-profile-picture .circle-container {
	width: 30px !important;
}

.commentSlide .common-profile-picture .circle-container {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 0;
	list-style: none;
	margin: 0 auto;
	text-align: left;
}

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

.commentSlide .my_streamcontent3_top_left {
	position: relative;
	float: left;
	margin-left: 0px;
}

@media only screen and (max-width: 1024px) {
	.commentSlide .my_streamcontent3_right_history_top .my_streamcontent3_top_left h5 {
		padding: 0 10px 0px 0;
	}
}

.commentSlide .my_streamcontent3_right_history .my_streamcontent3_top_left h5 {
	float: left;
}

.commentSlide .my_streamcontent3_top_left h5 {
	font-size: 12px;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.commentSlide .my_streamcontent_post_date {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 480px) {
	.commentSlide .my_streamcontent_post_date {
		float: right;
	}
}

.commentSlide .my_streamcontent_post_date {
	float: right;
	font-size: 11px;
	padding: 0;
	min-width: 15px;
}

.commentSlide .my_streamcontent_like {
	margin-left: 0;
}

.commentSlide .my_streamcontent_like {
	float: left;
	font-size: 10px;
	font-weight: 400;
	padding: 0;
}

.commentSlide span.light2 {
	margin-right: 4px !important;
}

@media only screen and (max-width: 1024px) {
	.commentSlide .my_streamcontent3_right_history_bottom {
		width: 86% !important;
		margin: 0 !important;
		padding: 0;
		background: none !important;
	}
}

@media (min-width: 375px) and (max-width: 479px) {
	.commentSlide .my_streamcontent3_right_history_bottom {

		float: left;
		margin-left: 45px;
		margin-top: -12px;
		padding: 2px 0;
		position: relative;
		width: 86%;
	}
}

.commentSlide .my_streamcontent3_bottom_left {
	width: 100%;
}

@media (min-width: 375px) and (max-width: 479px) {
	.commentSlide .my_streamcontent3_bottom_left {
		float: left;
		position: relative;
		text-align: left;
	}
}

.commentSlide .my_streamcontent3_bottom_left {
	padding-right: 10px !important;
}


.commentSlide .reply_comment {
	float: right;
	padding-left: 0px;
	width: 100%;
	padding-top: 3%;
}

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

.commentSlide .my_streamcontent2_left_icon,
.commentSlide .my_streamimage {
	position: relative !important;
}

.commentSlide .my_streamcontent2_left_icon {
	width: 30px;
	float: left;
	margin-top: 5px;
}

@media only screen and (max-width: 1024px) {
	.commentSlide .my_streamcontent3_right_history_bottom {
		width: 86% !important;
		background: none !important;
	}
}

.commentSlide .my_streamcontent3_right_history_bottom {

	float: left;
	margin-left: 45px;
	padding: 2px 0;
	position: relative;
	width: 86%;
}

.commentSlide .my_streamcontent3_bottom_left {
	width: 100%;
	padding-right: 90px;
}

.commentSlide .my_streamcontent3_bottom_left {
	padding-right: 10px !important;
}

.commentSlide .my_streamcontent2 {
	max-width: 100% !important;
	width: 100% !important;
}

/* .commentSlide .after_comment {
	background: #fff;
} */

.commentSlide .my_streamcontent2.after_comment .my_streamcontent2_left_icon {
	display: table-cell;
	float: none;
	vertical-align: top;
	top: 0px;
	left: -13px;
}

.commentSlide .my_streamcontent2_left_icon,
.commentSlide .my_streamimage {
	position: relative !important;
}

.commentSlide .my_streamcontent2_left_icon {
	width: 30px;
	height: 30px;
	float: left;
}

.commentSlide .my_streamcontent2.after_comment .my_streamcontent2_left_icon .my_streamimage {
	width: 42px !important;
	vertical-align: top;
	height: 42px;
}

.commentSlide .my_streamcontent2.after_comment .my_streamcontent2_left_icon .my_streamimage div {
	float: left;
	height: 100%;
	width: 100%;
}

.commentSlide .my_streamcontent2_left_icon,
.commentSlide .my_streamimage {
	position: relative !important;
}

.commentSlide .my_streamimage {
	width: 30px;
}

.commentSlide .my_streamcontent2.after_comment .my_streamcontent2_right_input {
	display: table-cell;
	float: left;
	padding: 0 0 0 10px !important;
	margin: 0 !important;
	width: 100% !important;
}

@media screen and (min-width: 321px) and (max-width: 450px) {
	.commentSlide .my_streamcontent2_right_input {
		float: left !important;
		margin-left: 10px !important;
		position: relative !important;
		width: 87% !important;
	}
}

.commentSlide .mentions-input-box {
	position: relative;
	width: calc(100% - 78px);
	float: left;
	position: relative;
}

.commentSlide .comment_new_style {
	position: absolute;
	top: 60px;
	right: 16px;
	height: 20px;
	width: 45px;
}


.commentSlide .comment_new_left_side {
	width: auto;
	float: left;
	position: relative;
}

.commentSlide .comment_new_style_form {
	width: auto;
	float: left;
	padding-right: 30px;
}

.commentSlide .comment_new_style .post_new_btn {
	float: right;
	width: auto;
	padding: 5px 0;
	position: absolute;
	right: 5px;
	font-weight: 600;
	cursor: pointer;
}

.commentSlide .cancel_new_btn {
	width: auto;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	right: 3px;
}

.commentSlide .comment-badge-wrap .custom-tooltip {
	top: -95px;
}

.comment-badge-wrap {
	position: relative;
}

.comment-badge-wrap .commentSlide .custom-tooltip {
	width: 240px;
	height: auto;
	padding: 10px;
	position: absolute;
	top: -45px;
	left: 19px;
	z-index: 999;
	border-radius: 5px;
	display: none;
	display: none;
}

.commentSlide .custom-tooltip p {
	width: 100%;
	text-align: center;
	font-size: 14px !important;
	float: left;
}

.commentSlide .comment-badge-wrap .custom-tooltip .custom-tooltip-arrowdown {
	bottom: -17px;
	left: 50%;
	top: initial;
	transform: translate(-90%, -0%);
}

.commentSlide .comment-badge-wrap .custom-tooltip .custom-tooltip-arrowdown .fa-caret-down {
	left: initial;
	top: initial;
}

.commentSlide .custom-tooltip-arrowdown .fa {
	font-size: 25px;
	text-align: left;
	text-shadow: -1px 0px 0px #a7a7a7;
}

.commentSlide .general-comment .my_streamcontent_post_date.my_streamcontent_post_date_view .friends .dropdown-menu li a {

	font-size: 13px;
	position: relative;
	border: none !important;
	display: flex;
	align-items: center;
}

.commentSlide .comment-badge-wrap {
	float: right;
	margin-top: -2px;
	margin-left: 5px;
}

.commentSlide .my_streamcontent2 {
	border: none !important;
}

.commentSlide .my_streamcontent2_right_input svg {
	margin-left: 10px !important;
}

.commentSlide .mentions-input-box textarea {
	border-radius: 10px !important;
	border: none !important;
}


/* .commentSlide .mentions-input-box div div div:nth-of-type(1) {
        border: none !important;
        height: 0px !important;
        position: absolute !important;
    } */

.comments_add_photo {
	position: relative;
	width: 50%;
	float: left;
	margin-top: 2px;
}

.comments_add_photo p {

	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 5px;
	display: flex;
	align-items: center;
}

.comments_add_photo p span svg {
	margin-left: 0 !important;
	float: left;
}

.comments_add_photop {
	font-size: 12px;
}

.comments_add_photo span {
	margin-right: 10px;
}

.comments_add_photo input {
	opacity: 0;
	width: 100px;
	margin-top: 0;
	position: absolute;
	top: 0;
}

.commentSlide .fadein-modal-body .main {
	height: auto;
}

@media screen and (min-width: 375px) {
	.commentSlide .my_streamcontent3_bottom_left {
		padding-right: 10px !important;
	}
}

.commentSlide .img_comment_box {
	position: relative;
	padding: 5px;
	margin-bottom: 8px;
	border-radius: 5px;
	float: left;
	width: 100%;
}

.commentSlide .img_comment_box .my_streamcontent_post_date.my_streamcontent_post_date_view+span {
	float: left;
}

.commentSlide .comment_reply_row {
	position: inherit;
}

.my_streamcontent2.main.after_comment.comment_reply_row {
	position: inherit;
}

.commentSlide .new_triangle_for_all {
	position: absolute;
	top: 12px;
	left: -4px;
	transform: rotate(45deg);
}


.commentSlide .comment_reply svg {
	margin-right: 9px;
	margin-bottom: 3px;
}

.commentSlide .Linkify span {
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 23px;
}

.commentSlide .my_streamcontent_like .light2 svg {
	margin: 2px 5px;
}


/* .commentSlide .reply_comment_area .my_streamcontent_like {
  margin-left: 0px;
  margin-top: -7px;
} */

.commentSlide .img_comment_box .LazyLoad img {
	border-radius: 8px;
	margin-top: 10px;
	margin-top: -25px;
}

.commentSlide .img_comment_box .img_comment_box {
	border: none;
	border-radius: 8px;
}

.reply_comment .my_streamcontent3_bottom_left {
	margin: 8px 0px;
	padding: 17px 5px;
	border-radius: 5px;
	padding-bottom: 0px;
}

/* .com_link_post:hover {
	background: #e3e7ea;
} */

.com_link_post {
	margin: 0 0 5px 0 !important;
	border-radius: 6px;
	float: left;
}

.com_link_post .LazyLoad.is-visible {
	float: left;
	max-width: 22%;
}

.com_link_post .LazyLoad.is-visible img.media-object {
	position: relative;
	left: 0;
	top: 0;
	transform: translate(0);
	height: 80px;
	max-width: 100%;
	object-fit: cover;
}

.com_link_post .media-body {
	max-width: 78%;
	width: 75%;
	float: left;
}

.com_link_post .media-body .media-urls {
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 12px;
}

.com_link_post .media-left {
	padding-right: 0px !important;
	width: 120px;
	height: 90px;
	position: relative;
	overflow: hidden;
}

.com_link_post img {
	height: 90px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	float: left;
}

.media-object {
	display: block;
}

.com_link_post .media-body {
	padding: 8px !important;
}

.com_link_post .media-body,
.com_link_post .media-left,
.com_link_post .media-right {
	display: table-cell;
	vertical-align: middle;
}

.com_link_post .media-body {
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.about_edit .media,
.media-body {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 7px;
}

.com_link_post .media-body {
	padding: 8px !important;
}

.com_link_post .media-body,
.com_link_post .media-left,
.com_link_post .media-right {
	display: table-cell;
	vertical-align: middle;
}

.media-urls {
	font-size: 12px;
	text-transform: uppercase;
}

.com_link_post .media-heading {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

.com_link_post .media-left {
	transform: translateY(0%);
	border-radius: 0px;
}

.commentSlide .capture {
	opacity: 0;
}

.last_coment_amount_reply {
	min-width: auto !important;
	float: left;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
}

.reply_comment_area .my_streamcontent3_top_left h5 a {
	padding: 13px 0px;
}

.reply_comment_area .my_streamcontent3_right_history_bottom {
	margin: 10px 0px;
}

.reply_comment_area .my_streamcontent3_right_history_bottom .my_streamcontent2_left_icon {
	display: none;
}


/* ---------------------------------------------------------CSS for   comment reply  page has been ended --------------------------------------------- */


/* ---------------------------------------------------------------Css for tooltip ------------------------------------------------------*/

.post-user-profile-details .founding-badge-post-header {
	display: inline-block;
	padding-right: 4px;
	float: none !important;
}

.post-user-profile-details .founding-badge-post-header {
	width: auto;
	padding-right: 7px;
	position: relative;
	z-index: 1;
}

.post-upd-bottom .custom-tooltip {
	top: -40px;
}

.post-user-profile-details .custom-tooltip {
	width: 240px;
	height: auto;
	padding: 10px;
	position: absolute;
	top: -43px;
	left: 29px;
	z-index: 9999;
	border-radius: 5px;
	display: none;
	box-shadow: 0px 0px 30px rgb(0 0 0 / 22%);
	border-radius: 10px;
}

.post-user-profile-details .post_profile_top .post-user-profile-details .post-upd-top p {
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 6px;
	padding-top: 2px;
	font-weight: 400;
}

.post-user-profile-details .custom-tooltip p {
	width: 100%;
	text-align: center;
	font-size: 14px !important;
	float: left;
}

.post-user-profile-details .custom-tooltip-arrowdown {
	position: absolute;
	top: 50%;
	left: -4px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.post-user-profile-details .custom-tooltip-arrowdown .fa {
	font-size: 25px;
	text-align: left;
	text-shadow: -1px 0px 0px #a7a7a7;
}

.post-user-profile-details .custom-tooltip-but {
	width: 50%;
	text-align: center;
	font-size: 12px;
	margin-left: 25%;
	float: left;
	margin-top: 10px;
	padding: 7px;
	cursor: pointer;
	border-radius: 5px;
}

.own_love_post .love-icon {
	position: absolute;
	left: 15px;
	top: 6px;
}


/* .loves_span span {
        margin-left: -42px;
    } */


/* .love-icon {
        padding: 4px 0px;
        position: absolute;
    } */


/* -----------------------------------------------------------Bug fixing code --------------------------------------------------------------- */

.commentSlide .last_coment_amount_like_own .like-show-tooltip {
	margin-left: -35px;
	top: -85px !important;
}

.no-more-post {
	padding: 5px 15px;
}

.post_body_left .status_content .my_streamcontent2_right .my_streamcontent2_like_share .only_share_btn {
	width: 188px !important;
	position: relative;
	top: -82px;
	box-shadow: 0px 10px 28px rgb(0 0 0 / 22%);
	border-radius: 12px;
	margin-right: -7px;
}


/* ---------------------------------------------stars problem fixing------------------------------------  */

.status_content .circle-container-2021 {
	display: block;
	position: absolute;
	top: -8%;
	left: 2px;
	margin: 0px;
	width: 100%;
	height: 100%;
	padding: 0 !important;
}

.status_content .permission-dropdown li a svg {
	margin-right: 5px;
}

.commentSlide .circle-container-2021 {
	display: block;
	position: absolute;
	top: 25%;
	left: -3px;
	margin: 0px;
	width: 149%;
	height: 100%;
	padding: 0 !important;
}

.notifications_area .circle-container-2021 {
	display: block;
	position: absolute;
	top: -33%;
	left: 0px;
	margin: 0px;
	width: 107%;
	height: 100%;
	padding: 0 !important;
}

.notifications_area .circle-container-2021 li {
	height: 5px !important;
}


/* stars problem fixing ended  */

.post-user-profile-details .founding-member-badge {
	padding-left: 5px;
	float: none !important;
}


/* ------------------------------------ Own post editing css is here ---------------------------------------------------- */


/* --------------------------------------------------------------------------Css code for new posts ---------------------------------------------------------------------------  */


/* --------------------------------------------------------------------------Css code for new posts ---------------------------------------------------------------------------  */

.editnewslide .fadein-modal-header {
	float: left;
	width: 100%;
	border-bottom: none;
	position: relative;
	padding-left: 22px;
	padding-bottom: 0;
	padding-top: 14px;
	margin-bottom: 0;
	z-index: 1;
	box-shadow: none !important;
	box-shadow: 0px 0px 30px rgb(0 0 0 / 7%) !important;
	z-index: -10;
	padding-bottom: 16px;
}

.editnewslide .permission-dropdown li a svg {
	margin-right: 5px;
}

.editnewslide .img_uploaded_status {
	display: none;
}

.editnewslide .fadein-modal-body {
	position: absolute;
	height: 100vh;
	margin-top: 80px;
	z-index: -1;
	padding-top: 34px;
}

.editnewslide .profile_info_main17 {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 0 !important;
	margin-left: 0 !important;
}

.editnewslide.profile_img17 {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	position: relative !important;
}

.editnewslide.uploading_text {
	font-size: 8px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	top: 52%;
	right: 0px;
	z-index: 9999999;
}

.editnewslide.post_thumb_box .cssload-div {
	width: 15px !important;
	height: 15px !important;
	position: absolute;
	transform: translate(-50%, -90%);
	z-index: 999999;
}

.disable-post .center15x15 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.editnewslide .fadein-modal-body .flypost_content {
	box-shadow: none !important;
}

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

.com_name_main17 {
	float: left;
	width: auto;
	max-width: 70%;
}

.com_name_view17 a {
	font-size: 14px;
	font-weight: 700;
}

.com_name_view17 a,
.com_profile_info17 {
	width: 100%;
	text-align: left;
	float: left;
}

.com_profile_info17 {
	font-size: 10px;
	font-weight: 400;
	padding: 0;
}

.com_profile_info17 svg {
	margin: 2px 4px;
}

.com_name_view17 a,
.com_profile_info17 {
	width: 100%;
	text-align: left;
	float: left;
	font-size: 11px;
}

.com_name_view17 span {
	font-size: 11px;
}

.editnewslide.profile_img17 a img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 8px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 23px;
	margin-left: -2px;
}

.portfolio_coment_textfild {
	border: none !important;
}

.portfolio_coment_textfild {
	width: 100%;
	float: left;
	height: auto;
	border-radius: 3px 3px 0 0;
	border-bottom: 0;
}

.flypost_content {
	width: 100%;
	float: left;
	border-top: 0 !important;
}

.editnewslide .portfolio_coment_fly_ext {
	overflow: scroll;
}

.editnewslide .portfolio_coment_fly_ext .popup-container-main17 {
	max-height: 66.5vh !important;
	overflow-x: hidden;
}

@media only screen and (max-width: 335px) {
	.editnewslide .portfolio_coment_fly_ext .popup-container-main17 {
		max-height: 61.5vh !important;
	}
}

.cat-slide-mob {
	position: fixed;
	z-index: 999999999999999 !important;
	width: 100%;
	height: 100% !important;
	max-width: inherit;
	max-height: inherit !important;
	top: 0;
	left: 0;
	display: none;
}

.cat-slide-mob-header {
	padding: 15px 15px 0px !important;
	margin-bottom: 0;
	min-height: 50px;
}

.cat-slide-mob-header h3 {
	position: absolute;
	font-size: 14px;
	font-weight: 700;
	margin-left: 46px;
	margin-top: 7px;
	float: left;
	width: 60%;
	text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.cat-slide-mob-header .fadein-modal-close {
	float: right;
	font-size: 14px;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: block;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.fixed-post-footer .portfolio_coment_button {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.new-post-21-m .capturePost input {
	height: 33px;
	width: 100px;
	margin-top: 0;
	opacity: 0;
	z-index: 9999;
	position: absolute;
}

.wall .carousel-inner {
	min-height: auto !important;
}

#post_schedule_date_time {
	padding: 11px;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.react-datepicker-wrapper {
	display: inline-block;
}

.portfolio_coment_button .capturePost>div {
	float: left;
	position: relative;
}

.portfolio_coment_button .capturePost>div svg {
	margin-right: 8px;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

@media (max-width: 767px) {
	.traiangel {
		display: none;
	}
}

.traiangel {
	background: url(../images/traiangel-bg.png) center center no-repeat rgba(0, 0, 0, 0);
	height: 10px;
	left: 21px;
	margin-top: 24px;
	position: absolute;
	width: 21px;
	display: none;
}

.mb-cat-wrap {
	position: relative;
}

.slideInRight .fixed-post-footer .permission-but-all.new_post_categoryList {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
}

@media only screen and (max-width: 767px) {
	.portfolio_coment_button .permission-but-all {
		margin-left: 5px !important;
	}
}

.post_header {
	position: absolute;
	margin-top: 8px;
	margin-left: 15px;
}

.dropdownFix {
	display: block !important;
}

.editnewslide .dropdownFix {
	border: 0;
	float: left;
	height: auto;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	z-index: 9 !important;
	position: fixed;
	right: 96px;
	top: 11px;
}

.editnewslide .post-submit {
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	float: left;
	margin-left: 0 !important;
	cursor: pointer;
	/* position: absolute;
        right: 40px;
        top: 52px; */
	float: right;
	padding: 8px 14px;
	border-radius: 10px;
}

.fixed-post-footer {
	width: 100% !important;
	left: 0;
	z-index: 9991;
}

.fixed-post-footer .shaire_coment {
	width: 100%;
	margin: 0;
}

.editnewslide .post-text-contain__input {
	max-height: 245px !important;
	overflow: scroll !important;
}

.common-cancel-17 {
	font-size: 14px;
	float: left;
	padding: 6px 15px !important;
	margin: 0 !important;
	cursor: pointer;
	display: none;
}


.wall {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 14px;
}

.wall .carousel.slide {
	padding: 4px 0;
	min-height: 32px;
}

.carousel {
	position: relative;
}

.wall .carousel-inner {
	min-height: auto !important;
}


.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: 0.6s ease-in-out left;
	-o-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}

.row-fluid {
	width: 100%;
}

.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}



.row-fluid [class*="span"] {
	display: block;
	min-height: 23px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 1.027659574468085%;
}

.wall .thumbnail {
	padding: 0;
	margin: 0;
	height: 28px;
	width: 100%;
	border-radius: 10px;
}

/* .color_1 {
	background: #fff !important;
} */

.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.fixed-post-footer .react-datepicker-popper {
	transform: translate3d(140px, 44px, 0px) !important;
}

.fixed-post-footer .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
	left: -43px !important;
}

@media only screen and (max-width: 334px) {

	.com_name_view17 a,
	.com_profile_info17 {
		width: 107%;
	}
}


.img_2 {
	background: #ffd0c6 url(../nimg/img_bg_birthday.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_3 {
	background: url(../nimg/img_bg_love.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_4 {
	background: url(../nimg/img_bg_love2.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_5 {
	background: url(../nimg/img_bg_red.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_6 {
	background: url(../nimg/img_bg_love3.png) left top no-repeat !important;
	background-size: cover !important;
}

.gradient_2 {
	background: -moz-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: linear-gradient(135deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
}

.gradient_3 {
	background: -moz-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: linear-gradient(135deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
}

.gradient_4 {
	background: -moz-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: linear-gradient(135deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
}

.gradient_5 {
	background: -moz-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: linear-gradient(135deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
}

.gradient_6 {
	background: -moz-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: -webkit-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: linear-gradient(135deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
}

.gradient_7 {
	background: -moz-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: linear-gradient(135deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
}

.gradient_8 {
	background: -moz-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: linear-gradient(135deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
}

.gradient_9 {
	background: -moz-linear-gradient(-45deg, #87c3ff 1%, #5badff 47%, #3e9eff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #87c3ff 1%, #5badff 47%, #3e9eff 100%) !important;
	background: linear-gradient(135deg, #87c3ff 1%, #5badff 47%, #3e9eff 100%) !important;
}

.gradient_10 {
	background: -moz-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: linear-gradient(135deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
}

.gradient_11 {
	background: -moz-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: linear-gradient(135deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
}

.gradient_12 {

	background: -moz-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: linear-gradient(135deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
}

.gradient_13 {
	background: -moz-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: linear-gradient(135deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
}

.gradient_14 {
	background: #f4d8ff !important;
	background: -moz-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: linear-gradient(135deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
}

.gradient_15 {

	background: -moz-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: -webkit-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: linear-gradient(135deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
}

.gradient_16 {
	background: -moz-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: linear-gradient(135deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
}

.gradient_17 {
	background: -moz-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: linear-gradient(135deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
}

.gradient_18 {
	background: -moz-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: linear-gradient(135deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
}

.slideInRight .flypost_content .meme_auto_height {
	overflow: auto !important;
	overflow: hidden !important;
	max-height: 259px !important;
}

.postMentionsInputBox>div>div>textarea {
	border-radius: 12px !important;
	border: 0 !important;
	box-shadow: inset 0px 0px 15px rgb(204 204 204 / 34%);
	overflow-y: scroll !important;
}

.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,
.gradient_2_add,
.gradient_3_add,
.gradient_4_add,
.gradient_5_add,
.gradient_6_add,
.gradient_7_add,
.gradient_8_add,
.gradient_9_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	padding: 0 !important;
	background: transparent !important;
}

@media only screen and (max-width: 767px) {

	.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,
	.gradient_2_add,
	.gradient_3_add,
	.gradient_4_add,
	.gradient_5_add,
	.gradient_6_add,
	.gradient_7_add,
	.gradient_8_add,
	.gradient_9_add {
		padding: 120px 30px !important;
		background: transparent !important;
	}
}

.gradient_10_add__highlighter,
.gradient_11_add__highlighter,
.gradient_12_add__highlighter,
.gradient_13_add__highlighter,
.gradient_14_add__highlighter,
.gradient_15_add__highlighter,
.gradient_16_add__highlighter,
.gradient_17_add__highlighter,
.gradient_18_add__highlighter,
.gradient_2_add__highlighter,
.gradient_3_add__highlighter,
.editnewslide.gradient_4_add__highlighter,
.gradient_5_add__highlighter,
.gradient_6_add__highlighter,
.gradient_7_add__highlighter,
.gradient_8_add__highlighter,
.gradient_9_add__highlighter {
	padding: 130px 30px !important;
	text-align: center;
	font-size: 22px !important;
	display: none !important;
}

.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: 114px 30px !important;
	text-align: center;
	font-size: 22px !important;
	/* margin-left: -34px !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 {
	padding: 109px 31px !important;
	text-align: center;
	font-size: 24px !important;
	border: none !important;
}

.gradient_10_add__control,
.gradient_11_add__control,
.gradient_12_add__control,
.gradient_13_add__control,
.gradient_14_add__control,
.gradient_15_add__control,
.gradient_16_add__control,
.gradient_17_add__control,
.gradient_18_add__control,
.gradient_2_add__control,
.gradient_3_add__control,
.gradient_4_add__control,
.gradient_5_add__control,
.gradient_6_add__control,
.gradient_7_add__control,
.gradient_8_add__control,
.gradient_9_add__control {
	min-height: 260px !important;
}

.img_2_add {
	background: #ffd0c6 url(../nimg/img_bg_birthday.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_2_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	max-height: 350px !important;
	float: left;
	position: relative;
}

.img_3_add {
	background: url(../nimg/img_bg_love.png) left bottom no-repeat !important;
	background-size: cover !important;
}

.img_3_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.img_4_add {
	background: url(../nimg/img_bg_love2.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_4_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.img_5_add {
	background: url(../nimg/img_bg_red.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_5_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.img_6_add {
	background: url(../nimg/img_bg_love3.png) left top no-repeat !important;
	background-size: cover !important;
}

.img_6_add {
	text-align: center;
	font-size: 32px !important;
	padding: 130px 30px !important;
	width: 100% !important;
	overflow: hidden;
	border: none;
	resize: none;
	float: left;
	position: relative;
	max-height: 350px !important;
}

.gradient_2_add {
	background: -moz-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
	background: linear-gradient(135deg, #ffc3b2 0, #ffbca5 46%, #ffb399 100%) !important;
}

.gradient_3_add {

	background: -moz-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
	background: linear-gradient(135deg, #ffa5a5 0, #ff7c7c 46%, #ff7373 100%) !important;
}

.gradient_4_add {
	background: -moz-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
	background: linear-gradient(135deg, #ffdd87 0, #ffd35b 46%, #ffd24d 100%) !important;
}

.gradient_5_add {
	background: -moz-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
	background: linear-gradient(135deg, #d8b64e 0, #d8a611 46%, #d9a300 100%) !important;
}

.gradient_6_add {
	background: -moz-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: -webkit-linear-gradient(-45deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;
	background: linear-gradient(135deg, #e2ffe9 1%, #ccffd8 46%, #c1ffd1 100%) !important;

}

.gradient_7_add {
	background: -moz-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: -webkit-linear-gradient(-45deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
	background: linear-gradient(135deg, #66af78 1%, #3ead5a 47%, #00b22d 100%) !important;
}

.gradient_8_add {
	background: -moz-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
	background: linear-gradient(135deg, #d1e8ff 0, #aad5ff 47%, #aad5ff 100%) !important;
}

.gradient_9_add {
	background: -moz-linear-gradient(top, #3e9eff 0, #1d70c4 99%) !important;
	background: -webkit-linear-gradient(top, #3e9eff 0, #1d70c4 99%) !important;
	background: linear-gradient(to bottom, #3e9eff 0, #1d70c4 99%) !important;
}

.gradient_10_add {
	background: -moz-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
	background: linear-gradient(135deg, #c1d2ff 0, #a3bbff 48%, #99b3ff 100%) !important;
}

.gradient_11_add {

	background: -moz-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
	background: linear-gradient(135deg, #3939ad 0, #1818af 51%, #0000b2 100%) !important;
}

.gradient_12_add {
	background: -moz-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
	background: linear-gradient(135deg, #ce9eff 0, #c184ff 52%, #b973ff 100%) !important;
}

.gradient_13_add {
	background: -moz-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
	background: linear-gradient(135deg, #692ca5 0, #580ba5 52%, #5300a6 100%) !important;
}

.gradient_14_add {
	background: #f4d8ff !important;
	background: -moz-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
	background: linear-gradient(135deg, #f4d8ff 0, #f2ceff 52%, #efbfff 100%) !important;
}

.gradient_15_add {
	background: -moz-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: -webkit-linear-gradient(-45deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
	background: linear-gradient(135deg, #9b4fb5 0, #8d10b7 52%, #8b00b9 100%) !important;
}

.gradient_16_add {
	background: -moz-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: -webkit-linear-gradient(-45deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
	background: linear-gradient(135deg, #ffa5ff 1%, #ff7fff 52%, #ff73ff 100%) !important;
}

.gradient_17_add {
	background: -moz-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: -webkit-linear-gradient(-45deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
	background: linear-gradient(135deg, #c450c4 1%, #c413c4 50%, #c600c6 100%) !important;
}

.gradient_18_add {

	background: -moz-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: -webkit-linear-gradient(-45deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
	background: linear-gradient(135deg, #3a3a3a 1%, #353535 50%, #222 100%) !important;
}

.carousel-inner>.active {
	left: 0;
	display: block;
}

.category-select-area {
	float: left;
}

.btn-group {
	position: relative;
	display: inline-block;
}

.editnewslide .dropdown-category-filter {
	display: block;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn {
	width: 100% !important;
	display: flex;
	align-items: center;
	position: relative;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn .cssload-container-div.right15x15 {
	position: absolute;
	width: 100%;
	background: radial-gradient(#ffffffdb, #ffffffc7);
	height: 30px;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn .cssload-container-div.right15x15 .cssload-div {
	height: 20px !important;
	width: 20px !important;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn .cssload-container-div.right15x15 .cssload-div .cssload-double-div {
	width: 100%;
	height: 100%;
}

.sbtn,
.sbtn input {
	font-size: 14px;
	cursor: pointer;
	border: none;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn input {
	width: 80%;
	border: none !important;
}

.slideInRight .fixed-post-footer .portfolio_coment_button {
	width: 100% !important;
	height: auto !important;
	height: 41px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	float: left;
	padding: 0 10px !important;
}

@media screen and (max-width: 410px) {
	.friends_option span {
		font-size: 12px;
	}
}

@media screen and (max-width: 410px) {
	.friends_option {
		width: auto;
		margin-left: 0;
	}
}

@media only screen and (min-width: 320px) and (max-width: 2600px) {
	.friends_option {
		line-height: 30px !important;
	}
}

@media only screen and (max-width: 767px) {
	.share-option {
		padding: 5px 10px !important;
	}
}

.editnewslide .share-option {
	border-radius: 10px !important;
	border: none !important;
	margin: 3px 0px;
	font-size: 12px;
	padding: 10px 7px !important;
}

.fixed-post-footer ul.dropdown-menu.permission-dropdown {
	right: 0 !important;
	left: auto !important;
}

.fixed-post-footer ul.dropdown-menu.permission-dropdown {
	min-width: 127px !important;
}

@media (max-width: 767px) {
	.mobile-nav ul {
		margin: 0;
	}
}

.btn-group,
.dropdownFix .caret,
.sbtn,
img {
	vertical-align: middle;
}

.dropdownFix .caret {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid;
	display: inline-block;
	margin-left: 5px !important;
	width: 0;
}

.mobile-nav ul {
	width: 100%;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 120px;
	padding: 5px;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.slideInRight .fixed-post-footer .portfolio_coment_button .permission-but-all ul.dropdown-menu.permission-dropdown li {
	width: 100% !important;
	border-radius: 0;
	padding: 0px 3px !important;
	min-height: auto !important;
}

.slideInRight .fixed-post-footer .portfolio_coment_button .permission-but-all ul.dropdown-menu.permission-dropdown li a {
	padding: 4px 5px !important;
	text-align: left !important;
}


/* .permissionDropbox {
        margin-left: 10px;
        margin-top: 7px;
    } */

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.mobile-nav ul.inline-block li a {
		display: inline-block !important;
		font-weight: 400 !important;
	}
}

@media (max-width: 767px) {
	.mobile-nav ul.inline-block li a {
		display: block;
		float: left;
		text-align: center;
		width: 100%;
		font-size: 20px;
	}
}

.portfolio_coment_button {
	float: left;
	padding: 6px 10px;
	width: 100%;
}

.fixed-post-footer .post-submit {
	padding: 7px 15px !important;
	top: 56px;
}

.post-submit {
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	float: left;
	margin-left: 0 !important;
	cursor: pointer;
}

.post-icons i.fa-clock-o {
	font-size: 24px !important;
}

.post-icons i {
	font-size: 22px !important;
	cursor: pointer;
}

.fa-file-image-o {
	float: left;
	font-size: 20px !important;
	margin-top: 2px !important;
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(1) {
	transform: rotate(-80deg) translate(23px) rotate(61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(2) {
	transform: rotate(-48deg) translate(22px) rotate(61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(3) {
	transform: rotate(-20deg) translate(22px) rotate(61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(4) {
	transform: rotate(6deg) translate(23px) rotate(49deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(5) {
	transform: rotate(11deg) translate(23px) rotate(-61deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(6) {
	transform: rotate(37deg) translate(21px) rotate(-96deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(7) {
	transform: rotate(71deg) translate(19px) rotate(-134deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(8) {
	transform: rotate(126deg) translate(18px) rotate(-252deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(9) {
	transform: rotate(134deg) translate(17px) rotate(-146deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(10) {
	transform: rotate(173deg) translate(17px) rotate(-210deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(11) {
	transform: rotate(216deg) translate(17px) rotate(-240deg);
}

.profile_info_main17 .common-profile-picture .circle-container> :nth-of-type(12) {
	transform: rotate(247deg) translate(20px) rotate(-270deg);
}

.profile_info_main17 .common-profile-picture .circle-container {
	width: 45px !important;
	height: 45px !important;
	margin-top: 20px !important;
	margin-left: 0px !important;
}



.post-text-contain__highlighter {
	border-radius: 12px !important;
}

.editnewslide .dropdownFix .dropdown-menu {
	left: 0px !important;
	top: 30px;
}

.react-datepicker-popper {
	left: -190px !important;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
	top: 0;
	margin-top: -8px;
	margin-left: 159px !important;
}

.react-datepicker__input-container {
	display: none !important;
}

#post_schedule_date_time {
	position: fixed;
	right: 194px;
	top: 4px;
}

.fixed-post-footer .shaire_coment .post-submit {
	width: 75px;
	border-radius: 10px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
	margin-left: 109px !important;
	position: absolute;
}

.who_will_see {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#selected_perm img {
	margin-top: -3px;
}

.fixed-post-footer-down {
	width: 100% !important;
	left: 0;
	z-index: 9991;
	padding: 0px 22px;
}

#attach_content {
	margin-top: 0 !important;
	display: inline-block;
	padding: 10px;
	width: 100%;
	position: relative;
}

@media only screen and (max-width: 768px) {
	.popup-container-main17 .post_close {
		top: 10px !important;
		right: 10px !important;
		z-index: 10;
	}
}


/* Changed for conflict */

.editnewslide .post_close {
	cursor: pointer;
	margin-top: 0;
	float: right;
	text-align: center;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 30px;
	position: absolute;
}

@media only screen and (max-width: 768px) {
	.popup-container-main17 .post_close a .fa.fa-times {
		padding-top: 0 !important;
	}
}

.post_close a .fa.fa-times {
	opacity: inherit !important;
	font-size: 13px !important;
}

@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.imgPostMain {
	width: 100%;
}

.imgPostMain {
	height: auto;
	float: left;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.imgPostText {
		margin-top: 5px;
	}
}

.imgPostText {
	border-left: medium none;
	float: left;
	margin-left: 0;
	padding: 0 !important;
	width: 100%;
	overflow: hidden;
	height: auto;
}

.imgPostText h2 {

	float: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}

code {
	background-color: inherit !important;
	border-radius: inherit !important;
	color: inherit !important;
	font-size: inherit !important;
	padding: inherit !important;
	word-wrap: break-word !important;
}

.imgPostText h3 {
	float: left;
	padding: 0;
	margin: 5px 0 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4em;
}

.vpost-site-icon {
	float: left;
	display: table-cell;
	font-size: 12px !important;
	padding-top: 5px;
	width: 100%;
}

.popup-container-main17 {
	float: left;
	width: 100%;
	height: auto;
}

.multi_post_thumb_main {
	border-bottom: 0;
	width: 100%;
	float: left;
	height: 68px;
	max-height: 300px;
	overflow: auto;
	border-radius: 12px;
	margin: 4px 0px;
	padding: 6px;
	padding: 1px 0px 0px 2px;
}

.post_thumb_col_1x5 {
	width: 20%;
	padding: 5px;
	display: inline-block;
}

@media only screen and (min-width: 520px) {
	.post_thumb_col_1x5 {
		width: 15%;
	}
}

@media only screen and (min-width: 520px) {
	.post_thumb_col_1x5 {
		width: 10%;
	}
}

.thumb_upload_img {
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	border-radius: 10px;
	padding: 2px;
}

.uploaded_checked {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	box-shadow: 1px 1px 2px #000;
}

.post_thumb_box {
	text-align: center;
	height: 50px;
	position: relative;
	width: 50px;
	border-radius: 5px;
}

.mobile-nav ul.inline-block .post_thumb_box .uploaded_checked .fa {
	line-height: 32px !important;
}

.uploaded_checked .fa {
	font-size: 14px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
}

.thumb_hover_whole_upload {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 12;
}

.img_uploaded_status {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 11;
	text-align: center;
}

.cancel_thumb_img {
	position: absolute;
	padding: 0px 4px;
	cursor: pointer;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}


@media only screen and (max-width: 768px) {
	.mobile-nav ul.inline-block .fa {
		line-height: 21px !important;
	}
}

.sbtn svg {
	position: absolute;
	margin-top: 16px;
	margin-left: -7px;
}

@media screen and (max-width: 900px) {
	.notie-container {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 750px) {
	.notie-container {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 400px) {
	.notie-container {
		font-size: 1rem;
	}
}

.notie-textbox {
	padding: 20px 20px 10px;
	border-radius: 5px;
}

.notie-textbox-inner {
	margin: 0 auto;
	max-width: 900px;
}

@media all {
	.notie-overlay {
		position: fixed;
	}

	/* .notie-background-overlay {
		background-color: #888;
	} */
	.notie-overlay {
		height: 100%;
		left: 0;
		opacity: 0;
		top: 0;
		width: 100%;
		z-index: 2147483646;
	}
}

.notie-overlay {
	position: fixed;
}

/* .notie-background-overlay {
	background-color: #888;
} */

.notie-overlay {
	height: 100%;
	left: 0;
	opacity: 0;
	top: 0;
	width: 100%;
	z-index: 2147483646;
}

.vPostMain {
	width: 100%;
	padding: 0;
}

#attach_content {
	float: left;
	overflow-x: hidden;
}

@media screen and (max-width: 480px) {
	.vPostImLi {
		display: block;
		float: left;
		height: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.portfolio_coment_fly_ext div.vPostImage {
		position: relative;
	}
}

.vPostImLi .vPostImage {
	overflow: hidden !important;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {

	.vPostImage,
	.vPostText {
		width: 100% !important;
	}
}

@media screen and (max-width: 480px) {
	.vPostImage {
		float: left;
		margin: 0;
		padding: 0;
	}
}

.vPostImage {
	margin-top: 10px !important;
	text-align: center !important;
}

.vPostImLi .vPostImage .vPostImage2 {
	width: 100% !important;
	padding: 0 !important;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.vPostImage2 {
		width: 318px !important;
		text-align: center !important;
	}
}

@media screen and (max-width: 480px) {
	.vPostImage2 {
		display: table-cell;
		position: relative;
		vertical-align: middle;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {

	.vPostImage,
	.vPostImage2 {
		height: 150px;
	}
}

.vPostImage,
.vPostImage2 {
	height: auto !important;
}

.vPostImLi .vPostImage img {
	height: auto !important;
	max-height: 400px !important;
	width: 100% !important;
	max-width: inherit !important;
	object-fit: cover;
}

.vPostImage img {
	z-index: 0 !important;
}

.vPostText {
	float: left;
	height: auto;
	overflow: hidden;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.vPostText {
		margin-top: 5px;
		margin-left: 0 !important;
	}

	.vPostImage,
	.vPostText {
		width: 100% !important;
	}
}

.vPostText h2 {
	float: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.vPostText h3 {
	float: left;
	padding: 0;
	margin: 5px 0 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4em;
}

.vpost-site-icon {
	float: left;
	display: table-cell;
	font-size: 12px !important;
	padding-top: 5px;
	width: 100%;
}

.dropdown_title4 svg {
	margin: 4px;
}

.new-post-21-m .share-option svg {
	margin: 1px 6px;
	float: none !important;
}


/* ------------------------------------------------Create New Post Has Ended ------------------------------------------*/


.edit_user_email_section .add_new_email .permission-but-all .dropdownFix .dropdown-menu li a {
	padding: 0;
}

.edit_user_email_section .edit_user_email_display .new-permission-class .dropdown ul.dropdown-menu.permission-dropdown li a {
	padding: 0;
}

.edit_user_email_section .edit_user_email_display .new-permission-class .dropdown ul.dropdown-menu.permission-dropdown li a svg {
	margin-left: 0;
}

/* ----------------------------------------------------Video view css started -----------------------------------------------------------  */


/* ---------------------------------------------------------CSS for single post pop up and reply   page has been started --------------------------------------------- */

.single_post_popup .fadein-modal-body {
	overflow: scroll !important;
	padding: 15px !important;
}

.single_post_popup .main {
	width: 100%;
	float: left;
}

.single_post_popup .view-more-c .my_streamcontent3_top_left {
	width: 100%;
	margin-left: 0;
}

.single_post_popup .view-more-c.my_streamcontent3_right_history .my_streamcontent3_top_left h5 .MoreComm {
	width: 100%;
	text-align: left !important;
	font-weight: 600 !important;
	margin-left: 6px;
	position: absolute;
	left: 0px;
	top: -5px;
}

.single_post_popup .my_streamcontent3_top_left h5 a {
	text-transform: capitalize;
	margin-left: -20px;
	font-size: 13px;
	font-weight: 600;
}

.single_post_popup .MoreComm {
	padding-bottom: 6px !important;
}

.single_post_popup .MoreComm {
	float: left;
	font-size: 13px !important;
	font-weight: 400 !important;
}

.single_post_popup .my_streamcontent3_top_left {
	position: relative;
	float: left;
	margin-top: 4px;
}

.single_post_popup .view-more-c.my_streamcontent3_right_history .my_streamcontent3_top_left h5 {
	width: 100%;
}

.single_post_popup .my_streamcontent3_top_left h5 {
	font-size: 12px;
}

.single_post_popup .my_streamcontent2_left_icon,
.my_streamimage {
	position: relative !important;
}

.single_post_popup .my_streamcontent2_left_icon {
	width: 30px;
	float: left;
	margin-top: 5px;
}

.single_post_popup .my_streamcontent3_top_left.left3 {
	margin-top: 13px !important;
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .my_streamcontent3_right_history_top .my_streamcontent3_top_left h5 {
		padding: 0 10px 0px 0;
	}
}

.single_post_popup .my_streamcontent3_top_left h5 {
	font-size: 12px;
}

@media screen and (max-width: 1023px) and (min-width: 320px) {
	.single_post_popup .my_streamcontent3_right_history .my_streamcontent_post_date_view {
		width: auto !important;
	}
}

@media screen and (max-width: 1023px) and (min-width: 320px) {
	.single_post_popup .my_streamcontent3_right_history .my_streamcontent_post_date_view {
		width: auto !important;
	}
}

@media screen and (max-width: 1023px) and (min-width: 320px) {
	.single_post_popup .my_streamcontent3_right_history .my_streamcontent_post_date_view {
		width: auto !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.my_streamcontent_post_date_view {
		width: auto !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.my_streamcontent_post_date_view {
		width: 100% !important;
	}
}

.my_streamcontent_post_date {
	max-width: 351px;
	float: right;
	font-size: 11px;
	padding: 0;
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.single_post_popup .my_streamcontent_post_date {
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.single_post_popup .my_streamcontent_post_date_view {
		width: auto !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.single_post_popup .my_streamcontent_post_date_view {
		width: 100% !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.single_post_popup .my_streamcontent_post_date {
		width: 100%;
	}
}

@media (min-width: 319px) and (max-width: 980px) {
	.single_post_popup .my_streamcontent_post_date {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 375px) {
	.single_post_popup .my_streamcontent_post_date {
		margin-top: 5px;
	}
}

@media screen and (max-width: 480px) {
	.single_post_popup .my_streamcontent_post_date {
		max-width: 100%;
		float: right;
	}
}

.single_post_popup .my_streamcontent_like {
	margin-left: 0;
}

.single_post_popup .my_streamcontent_like {
	float: left;
	font-size: 10px;
	font-weight: 400;
	padding: 0;
}

.single_post_popup span.light2 {
	margin-right: 4px !important;
}

.single_post_popup .friends {
	float: right;
	position: absolute;
	float: right;
}

.single_post_popup .post_down2 {
	background: url(../images/down_blank2.png) right center no-repeat;
	bottom: -4px;
	display: inline-block;
	height: 8px;
	margin-right: 7px;
	position: relative;
	width: 15px;
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .my_streamcontent3_right_history_bottom {
		width: 100% !important;
		margin: 0 0 0 0 !important;
		padding-left: 44px !important;
		background: none !important;
	}
}

@media (min-width: 375px) and (max-width: 479px) {
	.single_post_popup .my_streamcontent3_right_history_bottom {

		float: left;
		margin-left: 45px;
		margin-top: -12px;
		padding: 2px 0;
		position: relative;
		width: 86%;
	}
}

.single_post_popup .my_streamcontent3_bottom_left {
	width: 100%;
	padding-right: 90px;
}

@media (min-width: 375px) and (max-width: 479px) {
	.single_post_popup .my_streamcontent3_bottom_left {
		float: left;
		position: relative;
		text-align: left;
	}
}

.single_post_popup .my_streamcontent3_bottom_left {
	padding-right: 10px !important;
}

.single_post_popup .my_streamcontent3_bottom_left h5 {
	font-weight: 400 !important;
}

.single_post_popup .my_streamcontent3_bottom_left h5 {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 2px 0 5px;
	text-align: left;
	word-wrap: break-word;
	text-transform: unset;
}

.single_post_popup .my_streamcontent3_bottom_left h5 {
	min-height: 24px;
}

.single_post_popup .my_streamcontent3_bottom_left.comment_img_17 span.Linkify {
	display: unset !important;
}

.single_post_popup .Linkify code {
	line-height: normal;
	display: block !important;
	word-break: break-word;
	margin-top: 5px;
}

.single_post_popup .like-replay-wrap {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.single_post_popup .like-replay-wrap .my_streamcontent3_bottom_right {
	position: relative;
	right: inherit;
	float: left !important;
	margin: 0 5px 0 0;
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .my_streamcontent3_bottom_right {
		right: 0 !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.single_post_popup .last_coment_amount_like {
		margin-right: 6px;
	}
}

.single_post_popup .last_coment_amount_like {
	cursor: pointer;
	float: left;
	margin-right: 7px;
	width: 17px;
}

.single_post_popup .last_coment_amount-react {
	min-width: auto !important;
	padding: 4px 7px 0 1px;
	float: left;
	height: auto;
	font-size: 11px;
	text-decoration: none;
	line-height: normal;
	cursor: pointer;
}

.single_post_popup .comment_reply {
	width: auto;
	float: left;
	font-size: 13px !important;
	font-weight: 400 !important;
	cursor: pointer;
	padding: 3px 0 0 0;
}

@media screen and (max-width: 1023px) {
	.single_post_popup .my_streamcontent3 {
		width: 100% !important;
		max-width: inherit;
	}
}

.single_post_popup .my_streamcontent3 {
	border: 0;
	border-bottom: 0;
	border-top: 0;
	float: left;
	width: 100%;
}

.single_post_popup .my_streamcontent3_right_history_top {
	float: left;
	padding: 5px;
	position: relative;
	width: auto;
}

.single_post_popup .my_streamcontent2_left_icon,
.my_streamimage {
	position: relative !important;
}

.single_post_popup .my_streamcontent2_left_icon {
	width: 30px;
	float: left;
	margin-top: 5px;
}

.single_post_popup .my_streamcontent2_left_icon,
.my_streamimage {
	position: relative !important;
}

.single_post_popup .my_streamimage {
	width: 30px;
	float: left;
}

.single_post_popup .my_streamcontent2_left_icon img {
	border-radius: 50%;
	float: left;
	height: 40px;
	width: 40px;
	font-size: 7px;
	line-height: 29px;
	text-align: center;
	font-weight: 400;
	margin-top: -2px !important;
}

.single_post_popup .post_profile_pic_star {
	position: absolute;
}

.single_post_popup .post_profile_pic_star {
	top: 0 !important;
	left: 0;
}

.single_post_popup .single_post_popup .fadein-modal-body .common-profile-picture .circle-container {
	width: 30px !important;
}

.single_post_popup .common-profile-picture .circle-container {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 0;
	list-style: none;
	margin: 0 auto;
	text-align: left;
}

.single_post_popup .my_streamcontent3_top_left.left3 {
	margin-top: -5px !important;
}

.single_post_popup .my_streamcontent3_top_left {
	position: relative;
	float: initial;
	margin-left: 22px;
	margin-top: 4px;
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .my_streamcontent3_right_history_top .my_streamcontent3_top_left h5 {
		padding: 0 10px 0px 0;
	}
}

.single_post_popup .my_streamcontent3_right_history .my_streamcontent3_top_left h5 {
	margin-top: -13px !important;
	margin-bottom: -10px;
	float: left;
}

.single_post_popup .my_streamcontent3_top_left h5 {
	font-size: 12px;
}

@media screen and (max-width: 1023px) and (min-width: 320px) {
	.single_post_popup .my_streamcontent3_right_history .my_streamcontent_post_date_view {
		width: auto !important;
		margin-top: -12px;
	}
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.single_post_popup .my_streamcontent_post_date {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 375px) {
	.single_post_popup .my_streamcontent_post_date {
		margin-top: 5px;
	}
}

@media screen and (max-width: 480px) {
	.single_post_popup .my_streamcontent_post_date {
		max-width: 100%;
		float: right;
	}
}

.single_post_popup .my_streamcontent_post_date {
	max-width: 351px;
	float: right;
	font-size: 11px;
	padding: 0;
}

.single_post_popup .my_streamcontent_like {
	margin-left: 0;
}

.single_post_popup .my_streamcontent_like {
	float: left;
	font-size: 10px;
	font-weight: 400;
	padding: 0;
	margin-left: 1px;
	margin-top: -7px;
}

.single_post_popup span.light2 {
	margin-right: 4px !important;
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .my_streamcontent3_right_history_bottom {
		width: 100% !important;
		margin: 0 0 0 0 !important;
		padding-left: 44px !important;
		background: none !important;
	}
}

@media (min-width: 375px) and (max-width: 479px) {
	.single_post_popup .my_streamcontent3_right_history_bottom {

		float: left;
		margin-left: 45px;
		margin-top: -12px;
		padding: 2px 0;
		position: relative;
		width: 86%;
	}
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .general-comment {
		top: -7px;
	}
}

.single_post_popup .my_streamcontent3_bottom_left {
	width: 100%;
}

@media (min-width: 375px) and (max-width: 479px) {
	.single_post_popup .my_streamcontent3_bottom_left {
		float: left;
		position: relative;
		text-align: left;
	}
}

.single_post_popup .my_streamcontent3_bottom_left {
	padding-right: 10px !important;
}

.single_post_popup .my_streamcontent3_bottom_left h5 {
	font-weight: 400 !important;
	min-height: 24px;
}

.single_post_popup .my_streamcontent3_bottom_left h5 {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 2px 0 5px;
	text-align: left;
	word-wrap: break-word;
	text-transform: unset;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.single_post_popup .last_coment_amount_like {
		margin-right: 6px;
	}
}

.single_post_popup .last_coment_amount_like {
	cursor: pointer;
	float: left;
	margin-right: 7px;
	width: 17px;
}

.single_post_popup .reply_comment {
	float: right;
	padding-left: 0px;
	width: 100%;
}

.single_post_popup .my_streamcontent3_right_history {
	float: right;
	font-weight: 700;
	position: relative;
	margin-bottom: -28px;
	margin-top: 12px;
}

.single_post_popup .my_streamcontent2_left_icon,
.single_post_popup .my_streamimage {
	position: relative !important;
}

.single_post_popup .my_streamcontent2_left_icon {
	width: 30px;
	float: left;
	margin-top: 5px;
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .my_streamcontent3_right_history_bottom {
		width: 100% !important;
		margin: 0 0 0 0 !important;
		padding-left: 54px !important;
		background: none !important;
	}
}

@media (min-width: 375px) and (max-width: 479px) {
	.single_post_popup .my_streamcontent3_right_history_bottom {

		float: left;
		margin-left: 45px;
		margin-top: -12px;
		padding: 2px 0;
		position: relative;
		width: 86%;
	}
}

@media only screen and (max-width: 1024px) {
	.single_post_popup .general-comment {
		top: -41px;
	}
}

.single_post_popup .my_streamcontent3_bottom_left {
	width: 100%;
	padding-right: 90px;
}

.single_post_popup .my_streamcontent2.after_comment {
	padding: 2px !important;
	padding-top: 15px !important;
	padding-bottom: 40px !important;
}

.single_post_popup .my_streamcontent2.after_comment {
	margin: 0;
	border-top: 0 !important;
}

.single_post_popup .my_streamcontent2.after_comment {
	display: table;
}

/* .single_post_popup .after_comment {
	background: #fff;
} */

.single_post_popup .my_streamcontent2.after_comment .my_streamcontent2_left_icon {
	display: table-cell;
	float: none;
	vertical-align: top;
	top: 0px;
	left: -10px;
}

.single_post_popup .my_streamcontent2_left_icon,
.single_post_popup .my_streamimage {
	position: relative !important;
}

.single_post_popup .my_streamcontent2_left_icon {
	width: 30px;
	float: left;
	margin-top: 5px;
}

.single_post_popup .my_streamcontent2.after_comment .my_streamcontent2_left_icon .my_streamimage {
	width: 30px !important;
	vertical-align: top;
}

.single_post_popup .my_streamcontent2_left_icon,
.single_post_popup .my_streamimage {
	position: relative !important;
}

.single_post_popup .my_streamimage {
	width: 30px;
}

.single_post_popup .my_streamcontent2.after_comment .my_streamcontent2_right_input {
	display: table-cell;
	float: left;
	padding: 0 0 0 10px !important;
	margin: 0 !important;
	width: 100% !important;
}

@media screen and (min-width: 321px) and (max-width: 450px) {
	.single_post_popup .my_streamcontent2_right_input {
		float: left !important;
		margin-left: 10px !important;
		position: relative !important;
		width: 87% !important;
	}
}

.single_post_popup .mentions-input-box {
	position: relative;
	width: calc(100% - 78px);
	float: left;
}

.single_post_popup .comment_new_style {
	width: 100%;
	float: left;
	position: relative;
	padding: 5px 9px 2px 36px;
}

.single_post_popup .comment_new_style {
	padding: 5px 9px 2px 12px !important;
}

.single_post_popup .comment_new_left_side {
	width: auto;
	float: left;
	position: relative;
}

.single_post_popup .comment_new_style_form {
	width: auto;
	float: left;
	padding-right: 30px;
}

.single_post_popup .comment_new_style .post_new_btn {
	float: right;
	width: auto;
	padding: 5px 0;
	position: absolute;
	right: 5px;
	font-weight: 600;
	cursor: pointer;
}

.single_post_popup .cancel_new_btn {
	width: auto;
	float: right;
	padding: 5px 0;
	cursor: pointer;
	display: none;
}

.single_post_popup .comment-badge-wrap .custom-tooltip {
	top: -92px;
	left: -114px;
}

.single_post_popup .custom-tooltip {
	width: 240px;
	height: auto;
	padding: 10px;
	position: absolute;
	top: -45px;
	left: 19px;
	z-index: 999;
	border-radius: 5px;
	display: none;
	display: none;
}

.single_post_popup .custom-tooltip p {
	width: 100%;
	text-align: center;
	font-size: 14px !important;
	float: left;
}

.single_post_popup .comment-badge-wrap .custom-tooltip .custom-tooltip-arrowdown {
	bottom: -17px;
	left: 50%;
	top: initial;
	transform: translate(-50%, -0%);
}

.single_post_popup .comment-badge-wrap .custom-tooltip .custom-tooltip-arrowdown .fa-caret-down {
	left: initial;
	top: initial;
}

.single_post_popup .custom-tooltip-arrowdown .fa {
	font-size: 25px;
	text-align: left;
	text-shadow: -1px 0px 0px #a7a7a7;
}

.single_post_popup .comment-badge-wrap {
	float: right;
	margin-top: -2px;
	margin-left: 5px;
}

.single_post_popup .my_streamcontent2 {
	border: none !important;
}

.single_post_popup .my_streamcontent2_right_input svg {
	margin-left: 10px !important;
}

.single_post_popup .mentions-input-box textarea {
	border-radius: 10px !important;
	border: none !important;
}

.single_post_popup .popup_single_post_mobile_section {
	margin-top: 0px;
	float: left;
	width: 100%;
}

.single_post_popup .mentions-input-box div div div:nth-of-type(1) {
	border: none !important;
	height: 0px !important;
}

.comments_add_photo {
	position: relative;
}

.comments_add_photop {
	font-size: 12px;
}

.comments_add_photo span {
	margin-right: 10px;
}

.comments_add_photo input {
	opacity: 0;
	width: 100px;
	/* margin-top: -31px; */
	position: absolute;
}

.single_post_popup .fadein-modal-body .main {
	height: auto;
}

.single_post_popup .img_comment_box {
	position: relative;
	padding: 5px;
	margin-bottom: 8px;
	border-radius: 5px;
	padding-top: 25px;
}

.single_post_popup .comment_reply_row {
	margin-left: -50px !important;
}

.single_post_popup .new_triangle_for_all {
	height: 15px;
	width: 15px;
	position: absolute;
	top: 12px;
	left: -4px;
	transform: rotate(45deg);
	z-index: -8;
}

.single_post_popup .last_coment_amount_like {
	opacity: 0.3;
}

.single_post_popup .comment_reply svg {
	margin-right: 9px;
	margin-bottom: 3px;
}

.single_post_popup .Linkify span {
	font-weight: normal;
	font-size: 13px;
	line-height: 23px;
}

.single_post_popup .my_streamcontent_like .light2 svg {
	margin: 2px 5px;
}

.single_post_popup .reply_comment_area .my_streamcontent_like {
	margin-left: 0px;
	margin-top: -9px;
}

.single_post_popup .img_comment_box .LazyLoad img {
	border-radius: 8px;
	margin: 0px;
	margin-top: -22px;
}

.single_post_popup .img_comment_box .img_comment_box {
	border: none;
	border-radius: 8px;
}

.single_post_popup .my_streamcontent2 {
	box-sizing: border-box;
	border-radius: 10px !important;
	margin-top: 8px !important;
	height: 45px;
}

@media screen and (max-width: 768px) {
	.single_post_popup .post_left_side .video-react .video-react-video {
		max-height: 300px !important;
	}
}

.single_post_popup .post_left_side .video-react .video-react-video {
	width: 100%;
	height: 100%;
	position: relative;
	max-height: inherit !important;
}

.popup_single_post_mobile_section .post_right_side {
	padding: 5px 15px;
}

.single_post_popup .status_content .is_shared_posted .post_profile_top .post-border-top {
	border: none;
}

.single_post_popup .post21__header__top {
	padding: 0px 15px;
}

.single_post_popup .postclose {
	position: unset !important;
}

.single_post_popup .reply_comment .my_streamcontent3_right_history_bottom .my_streamcontent3_top_left .my_streamcontent_like .light2 {
	margin-left: -20px;
}

.single_post_popup .reply_comment .my_streamcontent3.main.reply_comment_area .my_streamcontent3_right_history.main.comment_reply_row .my_streamcontent3_bottom_left {
	margin-top: -45px;
	float: left;
}

.single_post_popup .reply_comment .my_streamcontent3.main.reply_comment_area .my_streamcontent3_right_history.main.comment_reply_row .my_streamcontent3_bottom_left .friends {
	margin-right: -5px;
	margin-top: 2px;
}

.single_post_popup .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: 16px;
	margin-right: 5px;
}

.reply_comment .my_streamcontent3_bottom_left {
	float: left;
}

@media only screen and (min-width: 479px) {
	.single_post_popup .reply_comment .my_streamcontent3.main.reply_comment_area .my_streamcontent3_right_history.main.comment_reply_row .my_streamcontent3_bottom_left {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 334px) {
	.my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
		float: right !important;
	}

	.commentSlide .my_streamcontent2.after_comment .my_streamcontent2_left_icon {
		top: 0px;
	}
}

@media only screen and (max-width: 374px) {
	.single_post_popup .reply_comment .my_streamcontent3.main.reply_comment_area .my_streamcontent3_right_history.main.comment_reply_row .my_streamcontent3_bottom_left {
		margin-top: 0px;
	}

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

@media only screen and (min-width: 220px) and (max-width: 330px) {
	.custom-fadein-modal.slideInRight.commentSlide.rcommentSlide .my_streamcontent2.main.after_comment .my_streamcontent2_right_input.main {
		width: 82% !important;
	}
}

@media only screen and (max-width: 350px) {
	.my_streamcontent3_bottom_left.comment_img_17 {
		float: left;
		width: 100%;
	}

	.my_streamcontent3_bottom_left.comment_img_17 .img_comment_box {
		padding: 5px;
		padding-top: 0px;
	}

	.my_streamcontent3_bottom_left.comment_img_17 .img_comment_box .my_streamcontent3_top_left.left3 {
		float: left;
		width: 100%;
		margin-top: 0 !important;
		margin-left: 0px;
	}

	.my_streamcontent3_bottom_left.comment_img_17 .img_comment_box .my_streamcontent3_top_left.left3 h5 {
		float: left;
		width: 100%;
		margin: 0 !important;
		padding: 5px 0 !important;
	}

	.my_streamcontent3_bottom_left.comment_img_17 .img_comment_box .my_streamcontent3_top_left.left3 h5 a {
		margin: 0 !important;
		float: left;
	}

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

	.my_streamcontent3_bottom_left.comment_img_17 .img_comment_box .my_streamcontent3_top_left.left3 .my_streamcontent_like {
		float: left;
		width: 100%;
		margin: 0 !important;
	}

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


/* ---------------------------------------------------------CSS for single post pop up and reply   page has been started --------------------------------------------- */

.post-user-profile-details .post-upd-top_headding {
	padding-bottom: 2px;
	display: flex;
	align-items: center;
}


/* Code comes from common 2 like and loves pops  */

.like-show-tooltip:after {
	display: none;
}

.like-show-tooltip {
	left: 0px;
	z-index: 9999;
}

.like-show-tooltip:before {
	left: 16px;
}

.love-content .my_streamcontent2_icon_own.like-main17 .like-show-tooltip:before {
	left: 16px;
	right: inherit;
}

.posts_wrapper .infinite-scroll-component .is_shared_post .imgPostMain .post-user-profile-details {
	padding-left: 10px !important;
}

.cat-slide-mob ul.search_new_ctg_list .filter-nav li {
	float: left;
	position: relative;
	min-height: auto !important;
	border-radius: 0 !important;
	margin: 0 !important;
	list-style: none !important;
	padding: 4px 8px !important;
}

.new_single_cat_main .filter-nav .contributor-ctg-item .cat-add-img svg {
	margin-top: -30px;
}

.new_single_cat_main span.cat-add-img {
	position: absolute;
	font-size: 18px;
	cursor: pointer;
	right: 0px;
	top: 2px;
	height: 20px;
	width: 20px;
}

.NewCTGslide.custom-fadein-modal .fadein-modal-body .filter-nav ul.dropdown-menu-21 li.contributor-ctg-item ul li a span.sub-cat-add-img svg.parent-plus {
	margin-right: 0 !important;
}

.NewCTGslide.custom-fadein-modal .fadein-modal-body .filter-nav>ul:nth-of-type(1) {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

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

.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 {
	cursor: pointer;
	border-radius: 10px;
	position: relative;
	width: 100% !important;
	float: left !important;
	text-align: center !important;
	font-size: 32px !important;
	padding: 10px 5px !important;
}

.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 .sharedTitleView .Linkify {
	font-size: 32px !important;
}

.gradient_2_preview .imgPostMain,
.gradient_3_preview .imgPostMain,
.gradient_4_preview .imgPostMain,
.gradient_5_preview .imgPostMain,
.gradient_6_preview .imgPostMain,
.gradient_7_preview .imgPostMain,
.gradient_8_preview .imgPostMain,
.gradient_9_preview .imgPostMain,
.gradient_10_preview .imgPostMain,
.gradient_11_preview .imgPostMain,
.gradient_12_preview .imgPostMain,
.gradient_13_preview .imgPostMain,
.gradient_14_preview .imgPostMain,
.gradient_15_preview .imgPostMain,
.gradient_16_preview .imgPostMain,
.gradient_17_preview .imgPostMain,
.gradient_18_preview .imgPostMain {
	width: 100% !important;
	float: left !important;
	padding: 0 !important;
	transform: translate(0%, 0%) !important;
	position: unset !important;
}

.img_2_preview,
.img_3_preview,
.img_4_preview,
.img_5_preview,
.img_6_preview,
.img_7_preview,
.img_8_preview,
.img_9_preview {
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	width: 100% !important;
	float: left !important;
	text-align: center !important;
	font-size: 32px !important;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
	font-family: "Helvetica", sans-serif, Arial !important;
}

.img_1_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_2_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_3_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_4_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_5_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_6_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_7_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_8_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_9_preview .imgPostMain .sharedTitleView .Linkify div {
	font-size: 30px;
}

.img_5_preview {
	cursor: pointer;
	border-radius: 10px;
	position: relative;
	width: 100% !important;
	float: left !important;
	text-align: center !important;
	font-size: 32px !important;
}

.img_2_preview .imgPostMain,
.img_3_preview .imgPostMain,
.img_4_preview .imgPostMain,
.img_5_preview .imgPostMain,
.img_6_preview .imgPostMain,
.img_7_preview .imgPostMain,
.img_8_preview .imgPostMain,
.img_9_preview .imgPostMain {
	width: 100% !important;
	float: left !important;
	padding: 0 !important;
	transform: translate(0%, 0%) !important;
	position: unset !important;
}

.status_content .icon-circle-right.posted_on {
	padding: 0 2px;
	font-size: 1.2rem;
	margin: 0 8px;
	font-weight: 400;
}

.comment_image_preview {
	height: 50px;
	position: relative;
	width: 50px;
	float: left;
	clear: both;
	margin-top: 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 1px;
}

.comment_image_preview img {
	float: left;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.comment_image_preview div div img+div {
	display: none;
}

.comment_new_left_side .post_new_btn {
	display: none;
}

.comment_image_preview img {
	max-height: 100%;
	text-align: center;
	width: 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 50px;
	width: 100%;
}

.comment_image_preview .comment_image_close {
	position: absolute;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding-bottom: 0px;
	font-size: 10px !important;
	right: 0;
	height: 15px;
	width: 15px;
	text-align: center;
	line-height: 15px;
	top: -5px;
	right: -5px;
}


/*--------------------------------- Css for report page has started here  ----------------------------------------------------------------------*/



/* label.radio-inline.active-gender {
	background: #2687c9 !important;
} */

.lbmcamcbr_in_but {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	width: 93px;
	height: 36px;
	line-height: 36px;
	float: right;
}


/*--------------------------------- Css for report page has ended here  ----------------------------------------------------------------------*/

.status_content .report_slide_mobile .fadein-modal-body .flypost_content {
	box-shadow: none !important;
	margin-top: 30px;
	background: none;
}

.posts_wrapper .fadein-modal-body .unique_150519 .user-post-pic-holder {
	margin-top: -12px !important;
}


/* CSs for editing post slider --------------------------------------------------------------------------------------------- */

.editnewslide .sbtn svg {
	position: absolute;
	margin-top: 11px;
	margin-left: 162px;
}

.editnewslide .fixed-post-footer .portfolio_coment_button .category-select-area .sbtn input {
	border: none !important;
	min-width: 145px;
}

.editnewslide .fadein-modal-body .com_name_main17 {
	margin-top: -18px;
	margin-left: 53px !important;
}

.editnewslide .dropdown-category-filter {
	display: block;
	margin-left: 0 !important;
}

.editnewslide .Dropzone-content h2 {
	font-size: 15px;
	padding: 0px 10px;
	margin-top: 10px;
}

.editnewslide .postMentionsInputBox>div>div>textarea {
	border: none !important;
}

.editnewslide .uploading_text {
	font-size: 8px;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	top: 52%;
	right: 0px;
	z-index: 9999999;
}

.editnewslide .post_thumb_box .cssload-div {
	width: 15px !important;
	height: 15px !important;
	position: absolute;
	transform: translate(-50%, -90%);
	z-index: 999999;
}

.editnewslide .permission-dropdown li a svg {
	margin-right: 5px;
}


/* CSs for editing post slider --------------------------------------------------------------------------------------------- */


/* Css for group select page started -------------------------------------------------------------------------------------------  */

.group-desh .cat-slider-search {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 101;
	margin: auto;
	padding: 0px 15px;
	min-height: 91px;
	padding-top: 15px;
}

.group-desh .cat-slider-search .group_cat_search {
	position: relative;
	width: 100%;
	float: left;
}

.group-desh .cat-slider-search .group_cat_search span.icon-search {
	position: absolute;
	top: 40%;
	right: 15px;
}




ul.dropdown-menu.cover-image-option {
	display: block;
	width: 120px;
	position: absolute;
	top: 42px;
	margin-left: 10px;
	padding: 10px;
	-moz-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border-radius: 12px;
	border: none;
	z-index: 99999999999;
}

.bottom-bg .profile-pic-box .avat-main17.profile_popup .dropdown-menu.profile-pic-option {
	position: absolute !important;
	display: block;
	right: 0 !important;
	top: 142px !important;
	left: unset !important;
}

ul.dropdown-menu.cover-image-option svg {
	margin-right: 8px;
}



/* Css for group select page ended -------------------------------------------------------------------------------------------  */


/* -------------------------------------Design for MOdal started here-------------------------------------------- */

.common-post-modal .modal-body {
	padding: 0 !important;
	width: 100%;
}

.succ-msg-new-post17 {
	float: left;
	width: 100%;
	padding: 10px;
}

.post-added-con .modal-content {
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
	box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}

.common-post-modal .modal-header {
	position: absolute;
	right: 0px;
	top: 1px;
	border: 0;
	z-index: 999;
}

.common-post-modal .modal-body {
	padding: 0 !important;
	width: 100%;
	float: left;
}

.contributor_notify_dispaly.alert-info {
	background: none !important;
}



.message-signup {

	border-radius: 5px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px 3px;
	width: 100%;
}

.contributor_notify_dispaly .last-alert {
	padding-bottom: 0 !important;
	text-align: center;
}

.last-alert .message-signup-text {
	width: 100% !important;
	margin: 0 !important;
}

.alert-info .message-signup-text {
	text-align: center;
	float: left;
	font-weight: 700;
	font-size: 11px;
}

.alert-info .message-signup-text h4 {
	font-size: 16px;
	line-height: normal;
	padding-top: 10px;
	padding-bottom: 15px;
}

.contributor_notify_dispaly.alert-info .message-signup-text h5 {
	line-height: 20px !important;
	padding: 15px !important;
}

.message-signup .notie-background-success {
	border-radius: 0 3px 3px 0;
	border-left: none;
}

.message-signup .notie-background-success {
	border-radius: 3px 0 0 3px !important;
}

.message-signup .notie-background-error {
	background: 0;
	border-radius: 3px 0 0 3px;
}

.message-signup .notie-background-error {
	border-radius: 0 3px 3px 0 !important;
}

.modal-header .close {
	margin-top: -2px;
	font-size: 28px;
}


/*------------------------------------------ Design for MOdal is ended here---------------------------------------- */


/* -----------------------------------------------Code for responsive started from here -----------------------  */

@media screen and (max-width: 348px) {
	.new_post_status_ .post_input_field {
		margin-left: -4px;
	}

	.new_post_status_ .add_image {
		margin-left: -9px;
	}
}

@media screen and (max-width: 320px) {
	.new_post_status_ .add_image {
		margin-left: 5px;
	}
}

@media screen and (max-width: 326px) {
	.site-nav-mid li.virticalmenu_li a h6 {
		padding: 13px 7px;
	}
}

.portfolio_body_right2 .my_streamcontent ._new_wall_post .post_input_field {
	width: 100% !important;
}


/* New messeg search */

.newMsgSearch .header_back_element svg {
	margin-top: 10px !important;
}

.newMsgSearch .mob_search_icon {
	position: absolute;
	right: 25px;
	z-index: 2;
	padding: 14px 0px;
}

.newMsgSearch #input_search_area input {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	position: relative;
	padding: 15px;
	border: none;
	margin-top: 2px;
}

.fadein-modal-body .row {
	padding-bottom: 19px;
}

.report_slide_mobile .fadein-modal-body {
	padding-top: 0px !important;
	z-index: -2 !important;
}

.report_slide_mobile .report-slide-body {
	width: 100%;
	float: left;
	margin-top: 0px !important;
}

.report_slide_mobile .flypost_content {
	box-shadow: none !important;
}

.newMsgSearch .search_custom_hr {
	height: 1px;
}

#input_search_area button {
	display: none;
}

.type-min-char {
	text-align: center;
	margin: 0 0 10px 0;
}

.newMsgSearch .clear_all_search {

	font-size: 15px;
	padding: 10px 5px;
	font-weight: bold;
}

.newMsgSearch .clear-recent-history-btn {
	float: right;
}

.newMsgSearch #input_search_area .search_box_class {
	width: calc(100% - 30px) !important;
}

@media (max-width: 1023px) {
	.newMsgSearch #search_box {
		right: inherit !important;
	}
}

.newMsgSearch .HeadsearcMainResult {
	max-height: 278px;
}

.newMsgSearch .HeadsearcMainResult {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

.newMsgSearch:first-child {
	border-top: 0;
}

.newMsgSearch selecet_drop .search_text_display {
	padding: 4px 0px !important;
	float: left !important;
	width: 100%;
	text-align: left;
	display: block;
}

.newMsgSearch .HeadsearcMainResult_new_react div.search_text_display a {
	padding: 9px 9px 9px 3px;
}

@media only screen and (max-width: 2600px) {
	.newMsgSearch a {
		position: relative;
		float: left;
		padding: 9px 9px 9px 20px;
		font-size: 16px;
	}
}

.newMsgSearch .search_text_display i {
	margin-right: 16px;
	font-size: 15px;
}

.newMsgSearch {
	float: left;
}

.selecet_drop {
	height: auto;
	width: 101%;
}

.bitmap_src .selecet_drop,
.container .box,
.selecet_drop {
	position: relative;
}

.newMsgSearch .box {
	position: relative;
}

.newMsgSearch .box {
	float: left;
	margin: 8px;
	width: 30px;
	height: 30px;
}

.post_profile_pic_star {
	position: absolute;
}

.newMsgSearch .search_box_class .post_profile_pic_star a {
	padding: 0 !important;
}

@media only screen and (max-width: 2600px) {
	.newMsgSearch a {
		position: relative;
		float: left;
		font-size: 16px;
		margin-top: 15px;
	}
}

.newMsgSearch .text {
	float: left;
	margin-left: 10px !important;
	padding-top: 3px;
}

.newMsgSearch h1,
.selecet_drop h2 {
	padding: 0;
	font-weight: 400;
	margin: 0;
	float: left;
}

.newMsgSearch h1 {
	font-size: 14px;
	width: 95%;
	text-align: left;
	font-weight: 600;
}

.newMsgSearch h2 {
	font-size: 12px;
	max-width: 230px;
	margin-top: 8px;
	float: left;
	line-height: 16px;
}

.newMsgSearch h2 span {
	padding: 0 2px;
	font-size: 7px;
}

.newMsgSearch .fadein-modal-body .HeadsearcMainResult .common-profile-picture .circle-container {
	width: 30px !important;
	height: 30px !important;
}

.newMsgSearch .box img {
	border-radius: 50px;
	float: left;
	margin-left: -6px;
}

.newMsgSearch #friend_new_area_scroll {
	margin-top: 10px;
}

.mobile-post-contain .new-post-slide .user-post-pic-holder {
	margin-top: 18px !important;
}

.newMsgSearch .fadein-modal-body .col-xs-1 {
	padding-right: 0px;
}

@media only screen and (min-width: 555px) {
	.newMsgSearch .fadein-modal-body .col-xs-11 {
		padding-left: 0px;
	}
}

.newMsgSearch .search_text_display span {
	position: absolute;
	padding: 10px;
	font-weight: 600;
}

.newMsgSearch .text h2 svg {
	margin: 2px 5px;
}

.newMsgSearch .keep_searching {
	left: 41% !important;
	top: 112px !important;
}

@media screen and (min-width: 320px) {
	.newMsgSearch .keep_searching {
		left: 44% !important;
		top: 112px !important;
	}
}

.keep_searching span.icon-close {
	display: none;
}

.newMsgSearch .fadein-modal-header .test2 {
	font-size: 12px;
	position: absolute;
	right: 28px;
	margin-top: 11px;
}

.newMsgSearch .test2 svg {
	margin: 2px 4px;
}

.newMsgSearch .type-min-char {
	margin-bottom: 10px;
}

.nav-notification-box.notifications_area.new-unread-notification {
	padding: 5px;
}

.status_content .posted-by-group {
	border-radius: 0px 0px 10px 10px;
	padding: 13px 10px;
	width: 100%;
	font-size: 12px !important;
	font-weight: 400;
}

.status_content .posted-by-group a {
	margin-left: 3px;
}

span.messege_header {
	top: 21px;
	position: absolute;
}

.mobile-post-contain .alert-danger span {
	margin-left: 45px;
}

.ctg-class .cat-slider-search svg {
	position: absolute;
	top: 50%;
	left: calc(100% - 35px);
}

.friends .dropdown-menu {
	display: block;
	position: absolute;
	top: 20px;
}

.friends .dropdown-menu li a svg {
	margin-right: 6px;
}

.comment_reply_user_avatar ul {
	top: -3% !important;
}

.after_comment .common-profile-picture-2021 ul {
	top: -20% !important;
}


/* Overrriding 2 */

.report_slide_mobile .fz_16 svg {
	margin-top: 0px;
	margin-left: -2px;
}


/* Doing */

.comment-badge-wrap .custom-tooltip {
	top: -74px;
	left: -108px;
	padding: 10px;
	border-radius: 5px;
	background-clip: padding-box;
	border: none;
	border-radius: 10px;
	box-shadow: 0px 0px 28px rgb(0 0 0 / 22%);
}

@media (max-width: 344px) {
	.commentSlide .my_streamcontent3 {
		margin-left: -14px;
	}

	.commentSlide .my_streamcontent3 {
		width: 107% !important;
	}
}

@media (max-width: 360px) {
	.mobile-message-slide .message_text {
		margin-left: 54px;
	}
}

@media only screen and (max-width: 459px) {
	.status_content .sharedpostView .post-upd-top {
		display: inline-block;
		width: 108% !important;
		margin-left: -12px;
	}
}

@media only screen and (max-width: 459px) {
	.newsharepost .post_profile_top .post-user-profile-details .post-upd-bottom {
		width: 100%;
		display: flex;
		align-items: center;
		float: left;
	}
}

@media only screen and (max-width: 331px) {
	.portfolio_body_right .portfolio_body_right2 .search-filter-input input {
		width: calc(100% - 5px);
	}

	.portfolio_body_right .portfolio_body_right2 .search-filter-input .fadein-modal-body .filter-nav a.srcaBox input {
		margin-left: 2px;
	}
}

@media only screen and (max-width: 348px) {
	.find-friend-des .find-friend-box .FindFriendsTab {
		margin-left: -29px;
	}
}

.group-desh .flypost_content .report-slide-body .form-group .mb-cat-wrap .sbtn input {
	width: 100% !important;
}


/* Imtiaz Css Add */

.custom-fadein-modal.slideInRight.mobile-post-contain {
	float: left;
	width: 100%;
	top: 0;
	height: 100vh;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-header {
	float: left;
	width: 100%;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
	margin-top: 0;
	max-height: 83.5vh;
	margin-bottom: 5px;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .profile_info_main17 {
	position: relative;
	margin-top: 0;
	width: 100%;
	margin-left: 0;
	margin-top: 0px !important;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .profile_info_main17 .flat-alert-container {
	padding: 10px;
	margin-top: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .profile_info_main17 .flat-alert-container .alert.alert-danger {
	margin: 0 !important;
	padding: 0 !important;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .profile_info_main17 .flat-alert-container .alert.alert-danger svg {
	position: relative;
	float: left;
	left: 0 !important;
	top: 0 !important;
	margin-right: 10px;
	min-width: 34px;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .flypost_content .main form {
	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-y: scroll;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .flypost_content .main form .portfolio_coment_fly_ext div#newPostFullBody17 {
	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 div#newPostFullBody17 div.popup-container-main17 {
	max-height: none !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.add-new-post-21-file {
	overflow: scroll;
	max-height: 70.1vh !important;
	overflow-x: hidden;
}

.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: auto;
	max-height: 62vh !important;
	overflow-x: hidden;
}

@media only screen and (max-width: 335px) {
	.custom-fadein-modal.slideInRight.mobile-post-contain .fadein-modal-body.new-post-slide .flypost_content .main form .portfolio_coment_fly_ext div#newPostFullBody17 div.add-new-post-21-file {
		max-height: 61.5vh !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 {
		max-height: 62.5vh !important;
	}
}

.group-page-body .new-post-slide .profile_info_main17 {
	margin-top: -18px !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 {
	float: left;
	width: 100%;
}

.custom-fadein-modal.slideInRight.mobile-post-contain .fixed-post-footer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.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: 30px !important;
}


/* Imtiaz adding css ended ----------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 980px) {
	.howLikerWork .privacy_area .panel.panel-default svg {
		top: 25px;
	}
}

.my_streamcontent.main span.Linkify {
	display: inline-block;
	padding: 0px 0px;
}

@media only screen and (max-width: 349px) {
	.Require_admin_approval_21 {
		font-size: 12px;
	}
}

@media only screen and (max-width: 368px) {
	.editnewslide .sbtn svg {
		margin-left: 134px;
	}

	.newsharepost .portfolio_coment_fly_ext .dropdown-category-filter .sbtn svg {
		margin-left: -28px;
	}
}

@media only screen and (max-width: 618px) {
	.info-edit-popup .edit-cls {
		float: left;
	}

	.info-edit-popup .edit-cls {
		float: left;
	}
}


/* Group page css started from here  */

.group-page-body .fixed-post-footer .portfolio_coment_button .capturePost .post-icons input[type="file"] {
	position: absolute;
	top: 6px;
	opacity: 0;
}

.group-page-body .fixed-post-footer .portfolio_coment_button .capturePost {
	float: left;
	position: relative;
	overflow: hidden !important;
	min-width: 112px !important;
	left: 50%;
	transform: translate(-50%, 0%);
}


/*---------------------------------------------------------------------- Group page css ended from here ------------------------------------ */

.commentSlide .reply_comment .my_streamcontent3_right_history .my_streamcontent3_bottom_left .my_streamcontent_post_date_view {
	margin-bottom: -23px;
}

.popup_single_post_mobile_section .is_shared_posted .commentsandshare {
	margin-bottom: 15px !important;
}

.single_post_popup .single_post_popup .fadein-modal-body .my_streamcontent .right_popup_post_body .my_streamcontent3 .view-more-c {
	padding-bottom: 0px;
}

.posts_wrapper .infinite-scroll-component .post_body_left .status_content .single_post_popup .my_streamcontent {
	padding-bottom: 55px;
	float: left;
	width: 100%;
	padding: 0 12px 0px;
}

.posts_wrapper .infinite-scroll-component .post_body_left .status_content .single_post_popup .my_streamcontent .cssload-container-div.center30x30.common-height {
	display: flex !important;
	width: 100% !important;
	align-items: center;
	justify-content: center;
}

.single_post_popup .friends {
	float: right;
	position: absolute;
	top: 5px;
}

.commentSlide .my_streamcontent3_bottom_left {
	padding-right: 10px !important;
	position: relative;
}

.general-comment .my_streamcontent3_bottom_left .Linkify code .readMoreText span:last-child {
	display: block;
}

.photoviewer-modal .photoviewer-body img {
	height: 100%;
	width: 100%;
}

.newEmailNotSaved {
	padding: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-bottom: 10px;
}

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

.gradient_10_preview,
.gradient_11_preview,
.gradient_12_preview,
.gradient_13_preview,
.gradient_14_preview,
.gradient_15_preview,
.gradient_16_preview,
.gradient_17_preview,
.gradient_18_preview,
.gradient_2_preview,
.gradient_3_preview,
.gradient_4_preview,
.gradient_5_preview,
.gradient_6_preview,
.gradient_7_preview,
.gradient_8_preview,
.gradient_9_preview {
	margin-bottom: 15px !important;
}

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

.profile_info_main17 .com_name_main17 {
	margin-top: 0 !important;
	background: none !important;
}

.edit-21-post-modal-m .fadein-modal-body .model-popup-inner-17 .image-start-container .user-post-pic-holder.avater-image-2021 {
	margin-top: 0px !important;
}

.edit-21-post-modal-m .fadein-modal-body .model-popup-inner-17 .image-start-container .user-post-pic-holder.avater-image-2021 img.user_profile_img-2021 {
	margin-top: 0 !important;
}

.flypost_box.model-popup-inner-17 {
	float: left;
	width: 100%;
}

.flypost_box.model-popup-inner-17 .flat-alert-container {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.flypost_box.model-popup-inner-17 .flat-alert-container .alert.alert-danger {
	padding: 10px !important;
	display: flex;
	align-items: center;
	height: auto !important;
}

.flypost_box.model-popup-inner-17 .flat-alert-container .alert.alert-danger p {
	position: relative;
	left: 0;
	top: 0;
	transform: translate(0);
	padding: 0;
}

.fadein-modal-body.new-post-slide .profile_info_main17 .profile_img17 {
	float: left;
	height: 45px !important;
	width: 45px !important;
}

.fadein-modal-body.new-post-slide .profile_info_main17 .profile_img17 a,
.fadein-modal-body.new-post-slide .profile_info_main17 .profile_img17 a .image-start-container {
	float: left;
}

.fadein-modal-body.new-post-slide .profile_info_main17 .profile_img17 a .image-start-container .user-post-pic-holder.avater-image-2021 {
	margin-top: 0px !important;
	top: 0 !important;
}

.fadein-modal-body.new-post-slide .profile_info_main17 .profile_img17 a .image-start-container .user-post-pic-holder.avater-image-2021 img.user_profile_img-2021 {
	margin-top: 0 !important;
	top: 0 !important;
}

.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span code {
	font-size: 15px !important;
	line-height: 22px !important;
}

.my_streamcontent_bottom .imgPostMain h1.sharedTitleView span div span code a {
	margin: 0 !important;
}

.main_warper .main .createnewpostslide .my_streamcontent .post_profile_top {
	float: left;
	padding: 0 !important;
	left: 0 !important;
	top: 0 !important;
	position: relative;
}

.newsharepost .post_profile_top .post-user-profile-details .post-upd-bottom span {
	display: flex;
	align-items: center;
	margin: 0 2px;
	text-align: center;
}

.post-text-contain__suggestions {
	max-height: 200px !important;
	z-index: 99999999999 !important;
	position: absolute;
	top: 0 !important;
	width: 100% !important;
}

.post-text-contain__suggestions ul {
	width: 240px !important;
	max-height: 190px;
	overflow-y: auto;
}

.post-text-contain__suggestions ul li {
	float: left !important;
	width: 100% !important;
	min-height: 32px !important;
	max-height: 40px !important;
	padding: 3px !important;
}

.post-text-contain__suggestions ul li div.user {
	float: left;
	width: 100%;
	display: flex !important;
	align-items: center !important;
	justify-content: start !important;
	text-align: left;
}

.post-text-contain__suggestions ul li div.user .userMentionPost {
	float: left;
	width: 28px;
	margin-right: 4px !important;
}

.post-text-contain__suggestions ul li div.user .userMentionPost img {
	float: left;
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
	padding: 1px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 6px !important;
}

.postMentionsInputBox div ul li div.user .userMentionPost svg.default_user_photo {
	height: 24px;
	min-width: 24px;
	max-width: 24px;
	float: left;
	border-radius: 50%;
}

.post-text-contain__suggestions ul li div.user span {
	float: left;
	position: relative;
	text-align: left;
	display: flex;
	align-content: center;
}

.profile-navbar .block_content_main {
	float: left;
	padding: 10px !important;
}

.profile-navbar .block_content_main .block_content_title {
	float: left;
	width: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.profile-navbar .block_content_main .block_content_title h1 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0;
	display: block;
	margin: 0;
}

.profile-navbar .block_content_main .block_content_title h1 svg {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	transform: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

.profile-navbar .block_content_main .block_content_description {
	float: left;
	margin: 10px 0;
	font-size: 15px;
	width: 100%;
}

.block_content_menu {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 10px auto;
}

.block_content_main .block_content_menu a {
	border-radius: 10px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	padding: 10px 20px;
	margin-right: 10px;
}

.block_content_main .block_content_menu a:last-child {
	border-radius: 10px;
}



ul.dropdown-menu.cover-image-option li a {
	display: flex;
	align-items: center;
}

.education-info .custom-fadein-modal.slideInRight {
	float: left;
	width: 100%;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body {
	padding: 0 !important;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education {
	float: left;
	width: 100%;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal {
	float: left;
	width: 100%;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 {
	float: left;
	width: 100% !important;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 {
	float: left;
	width: 100%;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-body {
	float: left;
	width: 100%;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-footer {
	position: fixed;
	width: 100%;
	height: 60px;
	z-index: 99999;
	bottom: 0;
}

.about_edit .NewSildeLeft .info-edit-popup .modal-footer .message-wrap {
	float: left;
	width: 97%;
	position: fixed;
	bottom: 70px;
	left: 1%;
	right: 1%;
	z-index: 99999;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-footer .action-wrap {
	width: auto;
	position: relative !important;
	height: 100%;
	float: right;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top {
	float: left;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .new-permission-class.palinPost {
	margin: 0 !important;
	float: left;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox {
	float: left !important;
	margin: 0 !important;
	top: 0 !important;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox button.btn.btn-default.share-option {
	top: 0;
}

.education-info .custom-fadein-modal.slideInRight .fadein-modal-body .info-edit-popup.user_education div#educationaddNewModal .modal-dialog.new-model-17 .modal-content.model-popup-inner-17 .modal-footer .action-wrap .education-permission-top .new-permission-class.palinPost .dropdown.dropdownFix.permissionDropbox ul.dropdown-menu.permission-dropdown {
	top: auto !important;
}

.action-wrap button.btn.btn-primary {
	margin-left: 10px;
}

.about_edit .NewSildeLeft .info-edit-popup .modal-footer .action-wrap .education-permission-top {
	float: left;
}

.home_tab,
.search_tab,
.notify_tab,
.messege_tab,
.add_tab,
.profile_image {
	float: left;
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
	justify-content: center;
	min-width: 14%;
}

.home_tab a.home-link-class {
	height: 44px;
	width: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.shaire_coment button span.icon-send {
	font-size: 2rem;
}

.all_notification_detail_list hr.hr {
	float: left;
	width: 100%;
	margin: 0;
}

.all_notification_border_area .nav-notification-box.notifications_area .mobile_user_avatar div {
	width: 100%;
	height: 100%;
}

.all_notification_border_area .nav-notification-box.notifications_area .mobile_user_avatar div.post_profile_pic_star-2021,
.all_notification_border_area .nav-notification-box.notifications_area .mobile_user_avatar div.post_profile_pic_star-2021 .common-profile-picture-2021 {
	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_bottom .my_streamcontent3_bottom_left.comment_img_17 .img_comment_box {
	margin-bottom: 0;
	border: none;
}

.edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .main.updateReplyComment {
	width: 100% !important;
	padding-left: 0 !important;
}

.edit_comment_reply_to_reply .my_streamcontent2.main.after_comment .main.updateReplyComment .comments_add_photo p {
	margin-left: 0;
}

.gradient_4_add__highlighter {
	border: none !important;
}

.custom-fadein-modal.slideInRight.newsharepost.report_slide_mobile .fadein-modal-header {
	justify-content: space-between;
}

/* "@userName" CSS */

.post-upd-top_headding .userName {
	font-size: 12px;
	font-weight: normal;
	/* margin-left: 4px; */
}

.profile_info_main17 .com_name_main17 a {
	width: auto;
	margin-right: 5px;
}

.com_name_view17 {
	display: flex;
	align-items: center;
}


/* .com_name_view17 > span{
	margin-top: 2px;
    margin-left: 4px;
} */

.newsharepost .share_post_cont_main17 .post-upd-top .shared_post_userName4>span {
	display: inline-block;
	margin-left: 4px;
}

.newsharepost .share_post_cont_main17 .post-upd-top .shared_post_userName4>span+.clickedUrl {

	font-size: 12px;
	display: block;
	font-weight: normal;
}

.post-user-profile-details .post-upd-top_headding .postHeader_userName1,
.post-user-profile-details .post-upd-top_headding .postHeader_userName2 {
	display: block;
	flex-wrap: wrap;
}

.post-user-profile-details .post-upd-top_headding .ownWall_postHeader_userName2 {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
}

.postHeader_userName1>span,
.postHeader_userName2>span {
	margin-left: 0;
}

.postHeaderTopLleft .postHeader_userName2 {
	display: flex !important;
	align-items: center;
}

/* .postHeaderTopLleft .postHeader_userName2 .post-upd-name{
	display: inline-block
} */

.sharedPostModal_userName_block23 {
	display: flex;
	align-items: center;
	justify-content: center;
}


.share-post-content .post_profile_top .post21__header__top.clearfix+.postHead_userInfo .post-upd-top .postHeaderTopLleft .post-upd-top_headding .postHeader_userName2 {
	display: flex;
	align-items: center;
}

.share-post-content .post_profile_top .post21__header__top.clearfix+.postHead_userInfo .post-upd-top .postHeaderTopLleft .post-upd-top_headding .postHeader_userName2 span.userName {
	margin-left: 6px;
}

span.icon-circle-right.posted_on+.postHeader_userName2 {
	display: grid !important;
	padding-right: 12px;
}

.main.portfolio_coment.portfolio_coment_ext.setContributor_view .account_left {
	display: grid;
}

.friends_area__.post_body_left .friends_info_bottom3+.bulkFollow_div .golbal_follow-section {
	min-width: 340px;
	max-width: 340px;
	left: -60px;
}

.friends_area__.post_body_left .friends_info_bottom3+.bulkFollow_div .golbal_follow-section {
	min-width: 340px;
	max-width: 340px;
	left: -60px;
}

a.lastItem:focus {
	background: none;
	border: none !important;
	outline: none;
}

div#dark_Active_modal .modal-dialog {
	transform: translate(-50%, -50%);
	top: 35%;
	left: 50%;
	margin: 0;
	width: 95%;
}

div#dark_Active_modal .modal-content {
	float: left;
	padding-bottom: 20px;
	width: 100%;
}

div#dark_Active_modal .modal-header {
	position: relative;
}

div#dark_Active_modal .modal-header .closeReactButton {
	float: right;
}


div#dark_Active_modal .modal-header h1 {
	margin-bottom: 10px;
}

div#dark_Active_modal .modal-header h1,
div#dark_Active_modal .modal-header h2.modal-title {
	text-align: center;
	margin: 0;
}

div#dark_Active_modal .modal-header h2.modal-title {
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
}

#dark_Active_modal h1 svg {
	height: 50px;
	width: 50px;
}

#dark_Active_modal h1 svg path.st4 {
	fill: #2687C9;
}

.active_mode_Button {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* div#dark_Active_modal .modal-body {
	padding: 0;
  } */

#dark_Active_modal button.btn.btn-secondary.btn-toggle {
	width: 240px !important;
	height: 45px !important;
}


#dark_Active_modal button.btn.btn-secondary.btn-toggle span {
	float: left;
	display: flex;
	align-items: center;
	min-width: 50%;
	justify-content: center;
	height: 100%;
	border-radius: 20px;
	font-weight: bold;
}


button.btn.btn-secondary.btn-toggle.d_m_active span.l_mode,
button.btn.btn-secondary.btn-toggle.active span.d_mode {
	background: #1388d1;
	color: #fff;
}

/* updated dark-mode pop-up switch-button */

.active_mode_Button2 {
	display: grid;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 50px 30px;
}

.active_mode_Button2 h2.modal-title {
    margin-bottom: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.switch_tab_items {
	height: 45px !important;
	min-width: 240px !important;
	border-radius: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0px 0px 8px rgb(0 0 0 / 15%) !important;
}

span.d_mode_no {
	color: #000000ab;
	font-weight: bold;
	height: 45px !important;
	width: 50% !important;
	text-align: center;
	padding: 13px 0 18px 0;
	border-radius: 22px;
}

span.d_mode_yes {
	color: #000000ab;
	font-weight: bold;
	height: 45px !important;
	width: 50% !important;
	text-align: center;
	padding: 13px 0 18px 0;
	border-radius: 22px;
}

span.d_mode_no:hover,
span.d_mode_yes:hover {
	cursor: pointer;
}

.d_activeTab {
	background: #1388d1;
	color: white;
}

.active_mode_Button2 .switch_tab_items span.d_activeTab.d_mode_no,
.active_mode_Button2 .switch_tab_items span.d_activeTab.d_mode_yes {
	color: white;
	background: #1388d1;
}

/* css design fixed at footer */
.privacy_main {
	background: #ffffff;
}


/* STARTS: user-verification-badge-css
--------------- Zahidul Islam ---------------
*/

.shared_post_userName4,
.my_streamcontent3_top_left.left3 a.cmnt_item_verificationBadge,
.my_streamcontent3_top_left.left3 a.replyCmnt_item_verificationBadge,
.profile_info_main17 .com_name_main17 a.com_name_view17_verificationBadge,
.friends_droupdown_text h3 a.finend_req_right_verificationBadge,
.com_name_view17 a.sharedPostModalProfileName.sharedPostModalProfileName_verificationBadge {
	display: flex;
	align-items: center;
}

.post-upd-top_headding .postHeader_userName2 a.post-upd-name.postHeader_userName2_verificationBadge,
.post-upd-top_headding .postHeader_userName1 a.post-upd-name.postHeader_userName1_verificationBadge {
	display: flex;
	align-items: center;
	margin-right: 2px;
}

.post-upd-top_headding .postHeader_userName2 a.post-upd-name.postHeader_userName2_verificationBadge .user_verification_badge,
.post-upd-top_headding .postHeader_userName1 a.post-upd-name.postHeader_userName1_verificationBadge .user_verification_badge,
.com_name_view17 a.sharedPostModalProfileName .user_verification_badge {
	height: 14px;
	width: 14px;
	margin-left: 1px;
}

.mobile-message-slide .message_text2>h3 .user_verification_badge,
.profile_info_main17 .com_name_main17 .com_name_view17_verificationBadge .user_verification_badge,
.friends_droupdown_text h3 a .user_verification_badge {
	height: 14px;
	width: 14px;
	margin-left: 1px;
}

.my_streamcontent3_top_left.left3 a.cmnt_item_verificationBadge .user_verification_badge,
.my_streamcontent3_top_left.left3 a.replyCmnt_item_verificationBadge .user_verification_badge {
	height: 12px;
	width: 12px;
	margin-left: 1px;
	margin-bottom: 2px;
}

.shared_post_userName4 a.shared_post_userName4_link4 {
	display: flex;
	align-items: center;
}

.shared_post_userName4 a.shared_post_userName4_link4 .user_verification_badge {
	height: 14px;
	width: 14px;
	margin-left: 1px;
}

.shared_post_userName4 a.shared_post_userName4_link4 .user_verification_badge .user_verification_svg_icon {
	height: 100%;
	width: 100%;
	display: flex;
}

.sharedPostModal_userName1 a.sharedPostModal_userName1_link,
.sharedPostModal_userName2 a.sharedPostModal_userName2_link {
	display: flex;
	align-items: center;
}

.sharedPostModal_userName1 a.sharedPostModal_userName1_link .user_verification_badge,
.sharedPostModal_userName2 a.sharedPostModal_userName2_link .user_verification_badge {
	height: 14px;
	width: 14px;
	margin-left: 1px;
}

.sharedPostModal_userName1 a.sharedPostModal_userName1_link .user_verification_badge .user_verification_svg_icon,
.sharedPostModal_userName2 a.sharedPostModal_userName2_link .user_verification_badge .user_verification_svg_icon {
	height: 100%;
	width: 100%;
}

#search_box .selecet_drop .text>h1 .searched_userName,
#search_box_user_search .selecet_drop .text>h1 .search_box_user_search_userName {
	display: flex;
	align-items: center;
}

#search_box .selecet_drop .text>h1 .searched_userName .user_verification_badge,
#search_box_user_search .selecet_drop .text>h1 .search_box_user_search_userName .user_verification_badge {
	height: 12px;
	width: 12px;
	margin-left: 1px;
}

/* notification-verification-badge-css */
.nav-notification-note.nav-notification-content a.notificationUserName_link {
	display: flex;
	align-items: center;
}

.nav-notification-note.nav-notification-content a.notificationUserName_link .user_verification_badge {
	height: 12px;
	width: 12px;
	margin-left: 1px;
}

.nav-notification-note.nav-notification-content a.notificationUserName_link .user_verification_badge .user_verification_svg_icon {
	display: flex;
}


.com_name_view17 a.ownPostEditModal_userName_Link {
	display: flex;
	align-items: center;
}

.com_name_view17 .com_name_view17_verificationBadge,
.com_name_view17 a.ownPostEditModal_userName_Link,
.com_name_view17 .sharedPostModalProfileName.sharedPostModalProfileName_verificationBadge {
	font-size: 14px;
	line-height: 19px;
	font-weight: 700;
}

.com_name_view17 a.ownPostEditModal_userName_Link .user_verification_badge {
	height: 12px;
	width: 12px;
	margin-left: 1px;
}

.com_name_view17 a.ownPostEditModal_userName_Link .user_verification_badge .user_verification_svg_icon {
	display: flex;
	align-items: center;
}

.image-start-container .my_streamimage img.comments {
	border-radius: 50%;
	float: left;
	font-weight: 400;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.tour-tooltip-feed-category.popover,
.tour-tooltip-feed-filter.popover,
.tour-tooltip-post_like.popover{
	background: none !important;
}

/* Create article Style start */

.create-article-button {
    width: 100px;
	color: #ffffff;
    background-color: #2687c3;
    margin: 0px 33px;
    padding: 9px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 550;
    cursor: pointer;
}

.create_article_header {
    font-size: 17px;
    font-weight: 700;
    margin-left: 149px;
	color: #333333
}
.create-article_userInfo {
    display: flex;
    justify-content: end;
    align-items: center;
}
.create_article_modal_nextButton {
	width: 100px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #ffffff;
    background-color: #2687c9;
    padding: 0px 20px;
    border-radius: 10px;
    margin-top: -13px;
}
p.create_article_modal_nextButton_text {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
	cursor:pointer;
}
.create_article_modal_nextButton_icon{
	margin-top:15px;
}
.create_article_modal_image {
    margin-top: 10px;
    width: 100%;
    height: 324px;
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.create_article_modal_image_logo img{
	width: 90px;
	height: 80px;
}
.create_article_modal_image_text {
    width: 282px;
    height: 54px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #666666;
    text-align: center;
    margin: 10px 0px;
}
.create_article_modal_image_file {
    display: flex;
    margin: 10px 0px;
    background-color: #FFFFFF;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 600;
	cursor: pointer;
}
input.create_article_modal_title_input {
    width: 93%;
    margin: 0px 15px;
    padding: 12px;
    border: 1px solid #EEEEEE;
    border-radius: 12px;
    font-size: 20px;
    box-shadow: 0px 2px 4px gray;
    outline: none;
    /* -webkit-box-shadow: -1px 0px 28px 0px #CCCCCC; */
    -moz-box-shadow: -1px 0px 28px 0px #CCCCCC;
    box-shadow: -1px 3px 11px -2px #CCCCCC;
}
.create_article_modal_description{
    width: 93%;
    margin: 0px 15px;
    margin-top: 21px;
    border: 1px solid #EEEEEE;
    border-radius: 12px;
}

.ql-editor.ql-blank {
    height: 171px;
    font-size: 18px;;
}

.create_article_modal_description
  .ql-toolbar
  .ql-formats
  > button:not(:last-child),
.create_article_modal_description
  .ql-toolbar
  .ql-formats
  > span:not(:last-child) {
  margin-right: 15px;
}
.create_article_modal_description .ql-toolbar .ql-formats > button,
.create_article_modal_description .ql-toolbar .ql-formats > span {
  opacity: 0.8;
}
.create_article_modal_description
  .ql-toolbar
  .ql-formats
  > span.ql-align {
  margin-right: 0 !important;
  z-index: 9;
}
.create_article_modal_description .ql-snow .ql-picker-options {
    background-color: var(--bg-color-grey) !important;
}
.create_article_modal_description .ql-editor > p {
  font-size: 18px;
}
.create_article_modal_description .ql-toolbar .ql-formats > button,
.create_article_modal_description .ql-toolbar .ql-formats > span {
  height: 30px;
  width: 27px;
}
.create_article_modal_description .ql-editor.ql-blank::before {
  font-size: 18px !important;
  font-style: normal !important;
  opacity: 0.5;
}
.create_article_modal_description .ql-editor {
  min-height: 200px;
  border-top: 3px solid #cccccc3d;
}
.create_article_modal_description .ql-toolbar,
.create_article_modal_description .ql-container {
  border: none !important;
}
/* / End Quill extra css / */

/* PostArticlePage start */
.post-article_userInfo {
    display: flex;
    justify-content: end;
    align-items: center;
}
.post_article_modal_nextButton {
    width: 211px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777777;
    margin-top: -13px;
	border-left: 1px solid gray;;
}
p.post_article_modal_nextButton_text {
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
	cursor:pointer;
}
/* jahid implement */
body > iframe{
	display:none !important;
}

.postArticle_heading p {
	font-size: 17px;
	font-weight: 700;
	width: 88%;
    text-align: center;
}

.postArticleInfoRightSide {
    display: flex;
    gap: 10px;
}
.postArticleInfoRightSide-line {
    border-left: 1px solid #DDDDDD;
    height: 25px;
    margin-top: 10px;
}
.postArticleInfoRightSide-text{
    width: 82px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 12px;
	color: #777777;
}
.postArticle_userInfo {
    display: flex;
}

.post_article_content{
	margin-top: 20px;
	padding: 0px !important;
	border:none !important
}
.post_article_image{
	width: 100%;
	object-fit: cover;
	border-radius: 12px 12px 0px 0px;

}
.vPostImage .post_article_image{
	background-color: none !important;
}
.imgPostText.post_article_text {
    background-color: #f1f1f1;
    padding: 10px !important;
    border-radius: 0px 0px 12px 12px;
    margin: 0px !important;
}
/* PostArticlePage End */
.createArticle_footer_Section {
    position: relative;
}
.popup-container-main17.add-new-post-21-file.article_preview {
    display: flex;
    flex-direction: column;
}
.createArticle_footer_Section {
    display: flex;
    /* flex-direction: row; */
    justify-content: space-between;
    align-items: center;
	margin-top: 20px;
}
.createArticle_footer_Section .permissionDropbox {
    position: unset;
}
/* .custom-fadein-modal.slideInRight.mobile-post-contain.new-post-21-m.create_article_main .article_preview {
    height: 94vh !important;
    max-height: 95vh !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.add-new-post-21-file.article_preview{
	height: 94vh !important;
    max-height: 95vh !important;
}
.RightButton_share {
    background-color: #2687c9;
    padding: 10px 25px;
    border-radius: 7px;
    color: white;
    font-size: 14px;
    font-weight: 600;
	cursor: pointer;
}
.permission-but-all .article_seleted_permission{
	font-size: 14px !important;
	font-weight: 400;
}

/* article Details page */
.create_article_header_detailsPage{
	font-size: 19px;
    font-weight: 700;
    margin-left: 149px;
    color: #333333;
    margin-top: 3px;
}
.article_image_Section img{
	width: 100%;
    height: 210px;
    object-fit: cover;
    margin-top: 10px;
}
.image_caption{
	font-size: 16px;
    padding: 10px 9px;
    float: right;
    font-weight: 600;
}

.create-article_userInfo_detailsPage {
    display: flex;
    justify-content: space-around;
    align-items: center;
	margin-bottom: 30px;
}
.create_article_modal_nextButton_detailsPage{
	width: 100px;
    height: 41px;
    display: flex;
	flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #2687c9;
    background-color: #e9f3fa;
    padding: 0px 20px;
    border-radius: 10px;
	cursor: pointer;;
}
.total_Article_list {
    margin-left: 42px;
    margin-top: 4px;
    color: gray;
}

.userRight_Side_info {
    margin-top: 21px;
}
.Article_DetailsPage_Description {
    margin: 0px 13px;
    text-align: justify;
}
.Article_DetailsPage_Description .fadein-modal-body.new-post-slide {
	height: calc(100vh - 450px);
}
.article_post_footer {
	margin: 40px 0px;
    border-top: 1px solid #e5e4e4;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	color: #777777;
    font-size: 17px;
}
.article_post_footer_left{
    display: flex;
}
.article_post_footer_left_icon {
    font-size: 19px;
}
.article_post_footer_right {
    display: flex;
    gap: 8px;
}
.like_avator_section {
    margin-left: 20px;
}
.like_avator img {
	width: 25px;
	height: 25px;
	border: 2px solid #ffffff;
	border-radius: 90px;
	margin-left: -12px;
}
.article_cardsList {
    margin: 3px;
    display: flex;
    width: 98%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.leftSide p {
    font-size: 22px;
    font-weight: 600;
}
.rightSide span {
    font-size: 18px;
    font-weight: 600;
	color: #2687c9;
}