.wrapcomment .textarea {
    display: block;    
	overflow: hidden;   
	background: #fff;   
	min-height: 100px;   
	border: 1px solid #E1E1E1;   
	padding: 10px;    
	font-size: 16px;   
	color: #333;   
	max-height: 200px;
}
.hide {    display: none !important;}
.showicon {    position: relative;    overflow: hidden;}.none,
.hide {    display: none;}
.wrapcomment {    display: block;    overflow: hidden;    width: 98%;    max-width: 800px;    margin: 0 auto;    float: left;}

.wrapcomment textarea {    min-height: 50px !important;}
.wrap-attaddsend {
    display: block;   
	overflow: hidden;   
	background: #fff;   
	border: 1px solid #E1E1E1; 
	position: relative; 
	margin-top: -1px;
}
.wrap-attaddsend .attach {	
	width:33%;   
	float: left;    
	font-size: 14px;   
	color: #666;   
	padding: 12px 16px 9px;  
	border-right: 1px solid #E1E1E1;  
	cursor: pointer;
}
.wrap-attaddsend .addicon {	
	width:33%;    
	float: left; 
	font-size: 14px;  
	color: #666;   
	padding: 11px 16px 8px;  
	border-right: 1px solid #E1E1E1; 
	cursor: pointer;}.iconcom-addemotion {    background-position: -225px -50px;    width: 24px;    height: 23px;    margin: -4px 5px 0 0;}[class^="iconcom-"], [class*="iconcom-"] {    background-image: url(//s.tgdd.vn/comment/Content/images/bg_comment.png);    background-repeat: no-repeat;    display: inline-block;    height: 30px;    width: 30px;    line-height: 30px;    vertical-align: middle;}[class^="iconcom-"], [class*="iconcom-"] {    background-image: url(//s.tgdd.vn/comment/Content/images/bg_comment.png);    background-repeat: no-repeat;    display: inline-block;    height: 30px;    width: 30px;    line-height: 30px;    vertical-align: middle;}
	.wrap-attaddsend .userinfo {    font-size: 14px;    color: #2a2a2a;    text-align: center;    font-weight: 600;    max-width: 250px;    padding: 11px 0 10px;    cursor: pointer;    background: #fff;    position: absolute;    right: 130px;    padding-right: 64px;}
	.wrap-attaddsend .sendclick {	margin-top:10px;    font-size: 15px;    color: #2a2a2a;    text-align: center;    font-weight: 600;    text-transform: uppercase;    /* width: 120px; */    padding: 11px 26px 11px 25px;    cursor: pointer;    background: #fbd648;}
	.infoname {
		display: block;
		padding: 8px;
		border: 1px solid #dadada;  
		font-size: 14px; 
		margin-bottom: 10px; 
		width: 90.5% !important; 
		color: #333;}
	.btnSend{	background: none;    border: none !important;    font-weight: 600;    font-size: 21px;    color: #fff;}
	.infocomment {
		display: block;   
		overflow: hidden;    
		margin:0px;
		clear:both;
		}
	@media only screen and (max-width: 767px) {
		.infocomment {
			margin: 0px;
		}
	}
	.comment_ask {    display: block;    overflow: visible;    margin: 10px 0 0;}.iconcom-user {    width: 25px;    height: 25px;    background-image: none;    background-color: #ccc;    margin-right: 7px;    text-align: center;    color: #fff;    text-transform: uppercase;    font-size: 12px;    line-height: 26px;    font-style: normal;}.comment_ask strong {    font-size: 14px;    color: #333;    text-transform: capitalize;}.infocom_ask, .infocom_ask_s {    display: block;    font-size: 14px;    color: #4a4a4a;    line-height: 22px;    margin-left: 30px;}.comment_ask .relate_infocom {    margin-left: 30px;	font-size:12px;}.comment_reply {    display: block;    margin-top: 5px;    position: relative;    background: #f1f1f1;    border: 1px solid #e7e7e7;    padding: 15px 10px;    font-size: 14px;    color: #333;    margin-left: 50px;}.arrow_box {    position: relative;    left: 7px;    display: block;    margin-top: -15px;    z-index: 9;    background: #f1f1f1;}.arrow_box:before {    border-bottom-color: #e7e7e7;    border-width: 12px;    margin-left: -12px;}.arrow_box:after {    border-bottom-color: #f1f1f1;    border-width: 11px;    margin-left: -11px;}.arrow_box:after, .arrow_box:before {    bottom: 100%;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    pointer-events: none;}.comment_ask .qtv {    text-transform: uppercase;    margin-right: 10px;    color: #000;    font-weight: normal;    font-size: 10px;    background: #eebc49;    padding: 2px 6px;    border-radius: 3px;    line-height: 18px;    height: 18px;    margin-left: 10px;}.relate_infocom .btnreply {    cursor: pointer;    color: #4a90e2;}.relate_infocom .reply {    cursor: pointer;    color: #4a90e2;}.relate_infocom span {    float: left;	margin-left:10px;}
	.txtEditor{
		width: 93%;
		height: 70px;
		padding: 10px;
	}
div#imgLin {
    float: left;
    padding: 2px 10px 10px 10px;
    border-right: 1px solid #C8D6EA;
    height: 52px;
    width: 9%;
}
div#imgLin span{
	color: #C6B1A9;
    font-weight: 500;
}
.ptr img {
    width: 25%;
}
@media screen and (max-width: 40em) {
    div#imgLin { 
		float: none;
		padding: 10px;
		border-right: none;
		height: 45px;
		width:100%;
		}
	.wrap-attaddsend .attach{
		width:100%;
	}
	.wrap-attaddsend .addicon{
		width:100%;
	}
	form#js_activity_feed_form_find{
		float:none !important;
		width:100% !important;
	}
	div#all_cmt{
		float:none !important;
		margin:5px auto !important;
	}
div#cmt_find_id{
	width:90% !important;
	margin:0 auto !important;
}
input#txtNameFind{
	width:67% !important;
}
}
.dash-com{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: red;
}
.dash-com h4{
	font-weight:bold;
}
.dash-border {
    text-align: center;
    border: 2px dashed #0FB6FD;
    border-radius: 10px;
    padding: 25px 0px;
    font-size: 20px;
    font-weight: bold;
    color: red;
}
div#img_rs {
    width: 220px;
    margin: 10px auto;
}
ul#pages{
	width: 80%;
    margin: 12px auto;
    height: 27px;
}
@media only screen and (max-width: 767px) {
	ul#pages{
		width: 80%;
	    margin: 12px auto;
	    height: 27px;
	    display: inline-table;
	}
}
ul#pages li{
	list-style: none;
	float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin: 3px;
    font-size: 12px;
    cursor: pointer;
}
ul#pages li:hover{
	background:#ccc !important;
}
li.active{
	background:#ccc !important;
}
div#find_cmt {
    width: 100%;
    background: #F1F1F1;
    display: table;
}
form#js_activity_feed_form_find {
    width: 50%;
    background: #F1F1F1;
    height: 42px;
    padding-top: 6px;
    float: right;
}
div#cmt_find_id {
    width: 322px;
    margin: auto;
    vertical-align: middle;
}
input#txtNameFind {
    float: left;
    font-size: 14px;
    padding: 2px;
    height: 30px;
    width: 235px;
    border: #ccc 1px solid;
    border-radius: 5px 0px 0px 5px;
    border-right: none;
	outline:none;
}
input#send_find {
    height: 35px;
    border-radius: 0px 5px 5px 0px;
    font-size: 15px;
    font-weight: bold;
    background: #FBD648;
    box-shadow: 1px 1px #ccc;
}
input#send_find:hover{
	color:#33333C;
	box-shadow: 1px 1px #25982B;
	background: #41DB49;
}
div#all_cmt {
    width: 120px;
    float: left;
    height: 30px;
    background: #FBD648;
    font-weight: bold;
    font-size: 14px;
    margin: 6px;
    text-align: center;
    padding-top: 6px;
    border-radius: 7px;
    cursor: pointer;
}
.block_reply{
	margin-left: 50px;
}
@media only screen and (max-width: 767px) {
	.block_reply{
		margin-left: 20px;
	}
}
.badge{
	margin-bottom:10px;
	margin-top:20px;
}
.badge_2{
	margin-bottom:10px;
	margin-top:0px;
	margin-right: 20px;
}
@media only screen and (max-width: 767px) {
	.badge{
		font-size: 10px !important;
	}
}
.date_reply{
	position: relative;
	top: 6px;
	color: #777;
}
@media only screen and (max-width: 767px) {
	.date_reply{
		top: 0px;
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.date_cmt{
		position: relative;
		top: 6px;
	}
}