.profile_modal {
  display: none; 
  position: fixed; 
  z-index: 1001; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.6);
transition: all .5s linear;  
}


.profile_modal .modal-content {
  background-color: #fefefe;
  margin: 5% auto auto;
  padding: 10px;
  border: 1px solid #888;
  width: 737px;
  border-radius: 12px;
}

/* The Close Button */
.profile_modal .close {
	color: #fff;
    float: left;
    font-size: 28px;
    font-weight: 100;
    position: absolute;
    left: 0;
    top: -30px;
    opacity: 1;
}

.profile_modal .close:hover,
.profile_modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.view_profile {
    background-color: #ce2e2e;
    display: flex;
    justify-content: space-between;
    align-items: center;
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
	padding: 5px 10px;	
}
.view_profile  p{
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.view_profile  p a{
	font-size: 16px;
	font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.pop_content {
    display: flex;
    padding: 15px 0px;
}
.pop_right {
    margin-left: 25px;
	width: 40%;
}
.about {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 8px;
	 font-weight: bold;
}
.about p {
    font-weight: normal;
    font-size: 16px;
}
.tags {
	padding:2px;
	color:#000;
	font-weight:bold;	
    border-bottom: solid 1px #dae0e4;
    margin: 14px 0px;	
}

.tags p {
	color:#000;
	font-weight:normal;
}
.tags div.message {
	min-height: 20px;
    margin-top: 5px;
    width: 100%;
    border-bottom: 1px dotted #b5071630;
}
.tags div.message .date {
	float: left;
    display: inline-block;
    font-size: 12px;
    margin-left: 15px;
    margin-top: 2px;
    text-align: left;
    padding-right: 3px;
    color: #999;
}
.tags div.message .date .fa {
	color:#0C0;
}
.tags div.message .username {
	margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
	font-size: 16px;
	color: #000;
}
.tags div.message .message_body {
	color:#000;
	font-size:12px;
	font-weight:normal;
	clear:both;
}
.pop_left p {
    padding-right: 10px;
    font-size: 15px;
	padding-right: 0px;
	letter-spacing: -0.30px;	
}
#inner_pop input{
	width: 88%;
	height: 50px;
	font-size: 16px;
}
#inner_pop .snd_btn{
	/*width: 12%;*/
	cursor:pointer;
}
#inner_pop .wink_btn {
	padding: 0px 10px;
    display: flex;
	margin: auto 0px;
}
#inner_pop .sentences_btn {
	padding: 0px 10px;
    display: flex;
	margin: auto 0px;
}

div#inner_pop {
    padding-right: 10px;
}
.loginbox{
	/*z-index: 0 !Important;*/
}
#pop_emoji {
    padding: 5px 10px 5px 0px;
}
.pop_left{
	/*display: flex;
    flex-direction: column;
    justify-content: space-between;*/
	width: 60%;
}
.pop_right img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}
body.remove_top_footer .bottom-top-sign-path{
	display: none;
}
.min-join-bxslider ul.bxslider{padding: 0px;}
.snd_btn {
    background-color: #ce2e2e;
    width: 7%;
    margin-right: 0px;
	position: relative;
	border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    text-align: center;
}
.snd_comment input, .snd_comment textarea {
    width: 93%;
	border: 2px solid #dce0e2;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    height: 50px;
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,11%);
	padding:12px;
	font-size: 16pt;
    color: #838383;
	resize: none;
	overflow: hidden;
}
.snd_comment {
    display: flex;
	justify-content: space-between;
}
.snd_btn img{
	width: 40%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    margin: auto;
}
.emoji {
	position: relative;
    display: flex;
    padding: 5px 10px 10px;
}
.comment_type{
 padding: 5px 10px 10px;
 position: relative;
}
.comment_icon {
    background-color: #f4f4f4;
    padding: 10px 20px;
    margin-left: 10px;
    border-radius: 8px;
	font-size: 15.09px;
	display: flex;
    align-items: center;
}
.comment_icon a{
	text-decoration: none;
}
#pop_emoji .comment_icon{
	padding: 6px 6px;
}
.msg_title h2{
	color: #ce2e2e;
	font-size: 24px;
	font-weight: bold;
}
.profile_modal .modal-content .dislikeicon {
    position: absolute;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 40%;
    left: -20px;
}
.profile_modal .modal-content .likeicon {
    position: absolute;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 40%;
    right: -20px;
}
.likeicon {
	width:53px;
	height:53px;
	background:url(/images/like-f.png);	
}
.likeicon.on {
	background:url(/images/like.png);	
}
.dislikeicon {
	width:53px;
	height:53px;
	background:url(/images/dislike-f.png);	
}
.dislikeicon.on {
	background:url(/images/dislike.png);	
}
@media(max-width: 767px){
	.profile_modal .modal-content{
		width: 95% !important;
	}
	.pop_content, .secondary_menu ul{
		display: block !important;
	}
	.secondary_menu ul li.active:before{content: none !important;}
	.secondary_menu ul li:first-child{
	border-bottom-right-radius: 0px !important;
    border-top-left-radius: 8px !important;
		}
		.pop_right img{height: auto !important;}
	.pop_right, .pop_left{width: 100% !important;}
	.pop_right{text-align: center;margin-bottom: 30px;}
	.comment_icon{margin-bottom: 10px;display: flex !important;min-height: 40px;}
	.profile_modal .modal-content{ margin: 10% auto auto !important; }
	.comment_date{font-size: 8pt !important;}
	.txt p, .txt h5{font-size: 12pt !important;    word-break: break-all;}
	.online_icon{top: 20% !important;}
	.write_comment:before{right: -6% !important;}
	.read_comment:before{left: -7% !important;}
	.snd_comment input{width: 80% !important;}
	.snd_btn{width: 20% !important;}	
	.show_content {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100vh;
}
.person_msg .txt {
    margin-top: 15px;
}
.msgbox-bg .read_comment:before{
    left: -24px !important;	
}
.msgbox-bg .write_comment:before{
	right: -24px;
}
	.all_messages.msgbox-bg {
		min-height: 70vh !important;
    	max-height: 70vh !important;
	}
	.bottom_comment{
		position: absolute;
	}
	.emoji_icons_setion div.inner_emoji{
	width: 20%;
	padding: 7px;
	height: 70px;	
	}
}
@media only screen and (max-width: 480px) {
	.all_messages.msgbox-bg {
		min-height: 65vh !important;
    	max-height: 65vh !important;
	}	
	.messge_inner {
		width: 100% !important;
	}
	.emoji_icons_setion {
		width: 95%;
		bottom: 80px;	
		margin:0 auto;
		left: 0;
		right: 0;
	}
	.snd_comment input, .snd_comment textarea {
		padding-right: 38px;
	}
	#inner_pop .wink_btn {
		position: absolute;
	    top: 14px;
	}
	#inner_pop input {
		text-indent:20px;	
	}
	#pop_emoji {
		padding: 0px 0px 10px 0px;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#pop_emoji a {
		width: 50%;
		margin: 5px 0px 0px 0px;
	}
	#pop_emoji .comment_icon {
    margin: 0 5px;
    padding: 6px 4px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
	}
	.pop_content #pop_emoji .comment_icon {
		font-size: 14px;
	}
	.messge_inner.box-shad .message_title {
		font-size: 12pt !important;
	}
	.content{
		width: 100% !important;
		max-width: 100% !important;
	}
	div#inner_pop {
		padding-right: 0px;
	}
	.bottom_comment {
		bottom: 50px;
	}
}
@media only screen and (max-width: 375px) {
	.all_messages.msgbox-bg {
		min-height: 65vh !important;
    	max-height: 65vh !important;
	}	
	#pop_emoji .comment_icon {
	margin-left: 1px;
    padding: 6px 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
	}
}
@media only screen and (max-width: 350px) {
	.messge_inner.box-shad .read_btn a{
	    font-size: 10.04pt;	
	}
		.messge_inner.box-shad .read_btn{
			    padding: 4px 15px;
		}
		.messge_inner.box-shad .message_title {
    font-size: 12px !important;
}
}