#comments {width:100%;margin:0 auto}
#comments .popover-content {padding:5px}
#comments .options .glyphicon {color:#ccc}
#comments .options .glyphicon:hover{color:#32A4DA}
#comments ul{list-style:none;margin:0;padding:0px}
#comments ul li .comment-content{background-color: #fff;border: 1px solid #ddd;border-top:0;margin-top: 10px; padding: 10px;border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px}
#comments ul li .comment-content .commenttext{ min-height: 50px; margin-top: 5px;}
#comments ul li .profile-img {margin:5px;padding:0px 5px}
#comments ul li .profile-img {-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s}
#comments ul li:hover .profile-img {}
#comments ul li .profile-img .ct-commentnumber,#comments .ct-replynumber{text-align: center; text-decoration: underline; font-size: 11px;}
#comments ul li .profile-img .profile-img-thumb{border-radius: 0px;box-shadow:0px 0px 2px #DBDBDB;}
#comments ul li.allreplies{margin-right: 72px; margin-top: 5px;} /*change for rtl*/
#comments ul li.comment_div{margin-right: 3px} /*change for rtl*/
#comments .options {font-size:10px;margin:7px 5px}
#comments .reply , #comments .replies{margin:10px 0px}
#comments .reply li ul{margin-right:20px}
#comments .replybutton,#comments .date {margin:2px;font-size: 11px; -webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;}
#comments .replybutton:hover {-webkit-transform: scale(1.15,1.15);transform: scale(1.15,1.15);-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right;} /* change right to left for rtl*/
#comments .replybutton , #comments .replybutton .glyphicon , #comments .date {color:#2D2D2D; text-shadow: 0 -1px 0 #FFFFFF}
#comments .agreeResultBar {background: #E5E5E5; width: 80px; height: 6px; margin: auto}
#comments .disagreeResultBar{background: #2D2D2D; height: 6px; border-left: 1px solid #FFFFFF;}
#comments .agreeResultStatic{margin: auto; width: 80px;}
#comments .agreeResultStatic .disagreeC,#comments .agreeResultStatic .agreeC{width: 38px; margin: 0px; padding: 0px; font-weight: bold;color: black}
#comments .agreeResultStatic .disagreeC{color: #2D2D2D;}
#comments .agreeResultStatic .agreeC{color: #222;}
#comments .agreeIcon:hover , #comments .disagreeIcon:hover{transform: translateY(-15%); transition: all .2s ease-in-out;-webkit-transform: translateY(-15%); -webkit-transition: all .2s ease-in-out;}
#comments .options .reportIcon{color: red}
#comments .commentOwner{border:1px #E5E5E5 solid}
#comments .chead {background-color:#ddd;padding:5px;margin:5px 0 -10px 0;border: 1px solid #ddd;border-bottom:0;position: relative;}
#comments .chead:after, #comments .chead:before {border: medium solid rgba(255, 255, 255, 0);content: " ";height: 0;pointer-events: none;position: absolute;top: 100%;width: 0;}
#comments .chead:after {border-top-color: #ddd;border-width: 10px;right: 27px;margin-right: -10px;}
#comments .chead:before {border-left-color: #ddd;border-width: 11px;right: -11px;top:-1px;margin-right: -11px;}
#comments span.rpcl {background:#fff;padding:2px 6px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;font-weight: bold;color:#222;}
#comments .cagree {opacity:0.2}
#comments ul li:hover .cagree {opacity:1}
#commentsPag{background:#eee;padding: 6px;	font-size: 12px;}
#commentsPag input[type=button]{padding: 2px 4px 2px 4px;}
#commentsPag input[type=text]{width: 35px;text-align: center;padding: 4px;border-radius: 9px;}
#commentsPag .currentpage{border-radius: 50px;color: #fff;padding: 3px;background: #f78d1d;background: -webkit-gradient(linear, right top, right bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top, #faa51a, #f47a20);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
#commentsPag .btn_prev{display: none;}
#commentsPag .totalpages{border-bottom: 1px dotted;font-weight: bold;}
#commentsPag span.wrapper{border: 1px dotted #777777;border-width: 0 1px 0 0;padding: 5px;margin: 0 10px 0 0px;}
#commentsPag img.loading{display: none;}

@media (min-width: 1200px) { 
	#comments .comment-content , #comments .chead {width:84% !important}
}

@media (min-width: 768px) and (max-width: 979px) { 
	#comments .comment-content , #comments .chead {width:84% !important}
}

@media (max-width: 767px) {
	#comments .comment-content , #comments .chead {width:65% !important}
}

@media (max-width: 480px) {
	#comments .comment-content , #comments .chead {width:65% !important}
	
}