#user-comment .article-comment{color: inherit;}
#user-comment .motgame-heading{padding-right: 30px;}
#user-comment .motgame-heading::after{display: none;}
#user-comment .box-comment textarea {width: 100%;height: 50px;box-sizing: border-box;padding: 10px;outline: none;border: 0;border-radius: 4px;font-family: inherit;align-items: center;}
#user-comment .content-button{display: grid;grid-template-columns: auto auto 120px;gap: 18px;align-items: center;justify-content: end;}
#user-comment button {padding: 10px 10px;font-size: 14px;background: #4e3169;border-radius: 4px;border: none;color: #fff;cursor: pointer}
#user-comment .note,#__MB_CONTENT_EMPTY_ROOT{font-size: 14px;color: red;}
#commnet-top {margin: 10px 0;font-size: 14px;display: flex;flex-direction: row;gap: 15px;white-space: nowrap;height: 40px;align-items: center;}
#commnet-top a,#commnet-top span{height: 40px;line-height: 40px;cursor: pointer;}
#commnet-top a:hover,#commnet-top a.current,#commnet-top span:hover,#commnet-top span.current{color: red;}
#commnet-top label {display: none;}
#user-comment .comments {box-sizing: border-box;list-style: none;font-size: 14px;padding: 18px;background: #eee;display: flex;flex-direction: column;gap: 18px;border-radius: 4px;margin: 0; color: black;}
#user-comment li {display: grid;grid-template-columns: 47px auto;grid-row-gap: 10px;grid-column-gap: 18px;background: #f7f7f7;padding: 10px;}
#user-comment .comments > li .avatar{grid-row-start: 1;grid-row-end: 5;grid-column-start: 1;max-width: 100%;height: auto;}
#user-comment .comments .meta {height: 47px;display: flex;flex-direction: row;gap: 10px;align-items: center;margin: 0;}
#user-comment .meta .author {font-weight: 700;}
#user-comment .meta .time {color: #999;}
.comment-content p:first-child{margin: 0;}
.sub-comments .comment-content,.sub-comments .comment-actions {background: none;padding: 0;}
#user-comment .sub-comments {background: none !important;padding: 0 !important;}
#user-comment .sub-comments > form{display: flex;flex-direction: column;gap: 18px;}
#user-comment .sub-comments li{background: #fff;}
.comment-actions > form {display: flex;flex-direction: column;gap: 20px;}
.comment-actions .reply-actions {display: flex;flex-direction: row;gap: 20px;color: #4e3169;}
.comment-actions .btnReply i,.comment-actions .btnLike i,.comment-actions .btnDislike i{margin-right: 5px;}
.comment-actions .reply {display: flex;flex-direction: column;gap: 20px;display: none;}
.comment-actions .reply.active{display: flex;}
.comment-actions .reply textarea {width: 100%;height: 54px;padding: 10px;border: 0;outline: none;font-family: 'NotoSans-Regular', sans-serif;}
.__MB_CONTENT_EMPTY{color: red;}
/* __MB_CM_PAGING */
.__MB_CM_PAGING {text-align: right; margin-top: 20px;}
.__MB_CM_PAGING a,.__MB_CM_PAGING span.current {display: inline-block;width: 30px;height: 28px;background-color: #4e3169;line-height: 28px;color: #fff;text-align: center;cursor: pointer;border-radius: 3px;}
.__MB_CM_PAGING span.current,.__MB_CM_PAGING a:hover {background-color: #999;}

#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 #ebebeb;
  outline:none;
}

#user-comment .box-comment a.__MB_ACTION_POST_COMMENT {
  width: 106px;
  height: 29px;
  background-color: #0074bc;
  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: #0074bc;
  float: right;
  padding: 0 25px;
  color: #fff;
  font-family: 'Noto Serif', serif;
}
#commnet-top:after,
.comment-actions:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}
/* __MB_ARTICLE_COMMENTS_FINAL_FORM */
#__MB_ARTICLE_COMMENTS_FINAL_FORM,#TITLE_HOLDER,.__MB_DONE_CM{font-family: 'NotoSans-Bold', sans-serif;font-size: 14px;}
#TITLE_HOLDER{background: white;padding: 10px 20px;color: black; font-style: normal; font-size: 22px;}
#__MB_ARTICLE_COMMENTS_FINAL_FORM table tr td,.__MB_DONE_CM td{padding: 5px 20px;}
.__MB_MEMBER_INPUT{width: 100%;padding: 10px;border: 1px solid #ced4da;border-radius: 3px;outline: none;}
#__MB_ARTICLE_COMMENTS_FINAL_FORM button {padding: 8px 18px;;background: #303e82;border: none;border-radius: 5px;color: #fff;font-size: 14px;cursor: pointer;}
.__MB_USER_ACTION_CLOSED_COMMENT {    padding: 8px 18px;
  background: #eee !important;
  color: #212529 !important}
/* motgame-user-comment */
#user-comment.motgame-user-comment .comments{padding: 10px;}
#user-comment.motgame-user-comment li{grid-template-columns: 35px auto;grid-column-gap: 10px;}
#user-comment.motgame-user-comment .comments .meta{height: 35px;}
#user-comment.motgame-user-comment .sub-comments li{display: flex;flex-direction: column;gap: 10px;}
#user-comment.motgame-user-comment .sub-comments .avatar{display: none;}
/* .mb-management */
.mb-detail #user-comment .content-button,.mb-game-detail #user-comment .content-button{grid-template-columns: auto 120px;}
.mb-detail #user-comment .content-button .__MB_CONTENT_EMPTY,.mb-game-detail #user-comment .content-button .__MB_CONTENT_EMPTY{grid-row: 1;grid-column: 1/3;text-align: right;}
.mb-detail .__MB_CONTENT_EMPTY:empty,.mb-game-detail .__MB_CONTENT_EMPTY:empty{display: none;}

#user-comment .box-comment textarea {
  border: 1px solid #ced4da;
  width: 100%;
  font-size: 14px;
  height: 80px;
  padding: 12px 15px;
  box-sizing: border-box;
  padding: 10px;
  outline: none;
  border-radius: 4px;
  font-family: inherit;
  align-items: center;
  margin-bottom: 10px;
}

#user-comment button {
  font-size: 13px;
  color: #fff;
  background: #303e82;
  padding: 8px 18px;
  border: none;
  border-radius: 5px;
  transition: all .2s ease-in-out;
}

#user-comment .content-button {
  display: flex;
  justify-content: space-between;
}