/* USER COMMENT */
#user-comment{
  margin-bottom: 15px;
}
#user-comment .title{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#user-comment .title h6 {
  font-family: 'Roboto',sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: inherit;
  font-size: 18px;
  border-bottom: 1px solid #f3650d;
  float: left;
}
#user-comment .title h6:after {
  content: '/';
  margin-left: 3px;
}
#user-comment .note{
  font-size: 14px;
  color: red;
  display: none;
}
#user-comment .comment-form-email {
  display: block;
  float: right;
  width: 50%;
  padding-left: 10px;
}
#user-comment .comment-form-author {
  display: block;
  float: left;
  width: 50%;
  padding-right: 10px;
}
#user-comment .comment-form-email input,
#user-comment .comment-form-author input {
  width: 100%;
  height: 34px;
  padding-left: 10px;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  outline-color: #cf3d3d;
}
#user-comment .box-comment p.content{
  clear: both;
}
#user-comment button{
  padding: 5px 10px;
  background: #00000080;
  border: none;
  color: #fff;
  float: right;
}
#user-comment button:hover{
  background: #cf3d3d;
  cursor: pointer;
}
#user-comment .box-comment textarea {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding: 10px;
  font-family: Arial;
  margin: 10px 0;
  font-size: 14px;
  border: 1px solid #dbdbdb;
  outline-color: #cf3d3d;
}
#user-comment .box-comment a.__MB_ACTION_POST_COMMENT {
  background-color: #cd5e57;
  color: #fff;
  font-size: 14px;
  font-family: 'Noto Serif', serif;
  line-height: 29px;
  float: right;
  text-transform: uppercase;
  visibility: hidden;
  cursor: pointer;
}
/* #user-comment .box-comment a.__MB_ACTION_POST_COMMENT:before {
  content: "gửi bình luận";
  text-indent: none;
  visibility: visible;
  background: #cc5d57;
  float: right;
  padding: 0 10px;
  color: #fff;
  font-family: 'Roboto', serif;
  text-align: center;
  min-width: 80px;
} */
select {
  float: right;
}
#user-comment .comment-content p{
  white-space: initial;
}
#user-comment .box-comment p.content {
  margin: 0;
}
#user-comment .title span {
  display: none;
  text-indent: -9999px;
}
#commnet-top:after,
.comment-actions:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}
#commnet-top {
  margin-top: 20px;
  font-size: 13px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
}
#commnet-top a{
  float: right;
  padding: 3px 7px;
  background-color: #dbdbdb;
  margin-left: 5px;
}
#commnet-top a:hover{
  color: #cf3d3d;
}
#commnet-top a.current{
  color: #fff;
  background: #00000080 ;
}
#commnet-top label {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
ul.comments {
  box-sizing: border-box;
  margin-top: 10px;
  list-style: none;
  font-size: 14px;
}
ul.comments>li {
  margin-bottom: 10px;
}
ul.comments .meta {
  height: 30px;
  line-height: 30px;
  margin: 0 0 5px 0 !important;
}
ul.comments .meta img{
  background-color: #dbdbdb;
}
.comment-content {
  background: #f4f4f4;
  padding: 10px 15px;
}
.sub-comments .comment-content,
.sub-comments .comment-actions {
  background: none;
  padding: 0;
}
ul.sub-comments {
  box-sizing: border-box;
  padding-left: 30px;
  margin-top: 10px;
}
.comment-actions {
  background: #f4f4f4;
  padding: 0 15px 15px 15px;
}
.comment-actions .btnReply,
.comment-actions .btnLike{
  font-weight: bold;
  font-family: 'Roboto', Arial;
  color: #00000080 ;
}
.comment-actions .btnReply{
  margin-right: 5px;
}
.comment-actions a.btnDislike {
  display: none;
}
.comment-actions .reply {
  padding-left: 50px;
  margin-top: 10px;
}
.comment-actions .reply textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
}
div.__MB_CM_PAGING {
  margin-top: 10px;
  text-align: right;
}
div.__MB_CM_PAGING a,
div.__MB_CM_PAGING span.current {
  display: inline-block;
  width: 30px;
  height: 28px;
  background-color: #c2c2c2;
  line-height: 28px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
div.__MB_CM_PAGING span.current,
div.__MB_CM_PAGING a:hover {
  background-color: #cf3d3d;
}
ul.comments .author {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 5px;
  font-family: 'Roboto', Arial;
  color: #333;
}
ul.comments .time {
  font-size: 12px;
}
#__MB_ARTICLE_COMMENTS_FINAL_FORM button,
.__MB_USER_ACTION_CLOSED_COMMENT {
  padding: 5px 10px;
  background: #00000080;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

/*----------------------------------------------------------*/

/*commments style*/

#user-comment .box-comment textarea {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #e7e7e7;
  margin: 10px 0;
}

#user-comment .box-comment a.__MB_ACTION_POST_COMMENT {
  width: 106px;
  height: 29px;
  background-color: #cd5e57;
  color: #fff;
  border: none;
  font-size: 14px;
  font-family: roboto condensed;
  line-height: 29px;
  float: right;
  text-transform: uppercase;
  /*text-indent: -99999px;*/
  visibility: hidden;
  cursor: pointer;
}

#user-comment .box-comment a.__MB_ACTION_POST_COMMENT:before {
  content: 'Gửi';
  text-indent: none;
  visibility: visible;
  background: #cc5d57;
  float: right;
  padding: 0 25px;
  color: #fff;
}

select {
  float: right;
}

#user-comment .box-comment p.content {
  margin: 0;
}

#user-comment .title span {
  display: inline-block;
  text-indent: -9999px;
}

/* #user-comment .title:before {
  content: "bình luận";
  font-family: roboto condensed;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
} */

#commnet-top label:before {
  content: "lượt bình luận";
  font-family: roboto condensed;
  font-weight: bold;
  font-size: 14px;
  float: left;
  text-transform: uppercase;
  color: #000;
}

#commnet-top:after,
.comment-actions:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

#commnet-top {
  margin-top: 30px;
}

#commnet-top a {
  display: block;
  float: right;
  text-indent: -99999px;
  width: 14px;
  height: 11px;
  margin-left: 5px;
  position: relative;
  top: 6px;
}

#commnet-top a.current {
  border: 1px solid #e9e9e9;
}

#commnet-top a.orderbytime {
  background: url(../images/mastercms/older.png) no-repeat;
}

#commnet-top a.orderbyimportance {
  background: url(../images/mastercms/newer.png) no-repeat;
}

ul.comments {
  box-sizing: border-box;
  margin-top: 10px;
  list-style: none;
}

ul.comments>li {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

ul.comments .meta {
  height: 38px;
  line-height: 38px;
  margin: 0 0 5px 0 !important;
}

.comment-content {
  background: #f4f4f4;
  padding: 10px 10px;
}

.sub-comments .comment-content,
.sub-comments .comment-actions {
  background: none;
  padding: 0;
}

ul.sub-comments {
  box-sizing: border-box;
  padding-left: 30px;
  margin-top: 10px;
}

.comment-actions {
  background: #f4f4f4;
  padding: 0 10px 10px 10px;
}

.comment-actions a.btnLike {
  display: block;
  float: left;
  background: url(../images/mastercms/like-ico.png) right top 0px no-repeat;
  width: 45px;
  height: 22px;
  margin-left: 10px;
}

.comment-actions a.btnReply {
  width: 45px;
  display: block;
  float: left;
  margin-bottom: 10px;
  background: url(../images/mastercms/reply-ico.png) left center no-repeat;
}

.comment-actions a.btnDislike {
  display: none;
}

.comment-actions a.btnLike span {
  display: block;
  float: right;
  height: 22px;
  line-height: 20px;
  margin-right: 24px;
}

.comment-actions a.btnReply:before {
  content: "Reply";
  color: #797979;
  line-height: 20px;
  margin-left: 25px;
}

.comment-actions .reply {
  clear: both;
  display: none;
}

.comment-actions .reply:before {
  content: "";
  display: block;
  margin-top: 10px;
}

.comment-actions .reply textarea {
  width: 100%;
  height: 100px;
}

.comment-actions .reply button {
  margin: 10px 0 0 0;
  color: grey;
  width: 70px;
  height: 20px;
  display: block;
  background: #d5d5d5;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #bfbfbf;
  line-height: 20px;
}

div.__MB_CM_PAGING {
  margin-top: 10px;
}

div.__MB_CM_PAGING a,
div.__MB_CM_PAGING span.current {
  display: inline-block;
  width: 30px;
  height: 28px;
  background-color: #c2c2c2;
  line-height: 28px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

div.__MB_CM_PAGING span.current,
div.__MB_CM_PAGING a:hover {
  background-color: #f56c0a;
}



ul.comments .author {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 5px;
}