#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; color: #000;}
#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;background: #eee;display: flex;flex-direction: column;gap: 18px;border-radius: 4px;margin: 0; margin-top: 20px;}
#user-comment li {display: grid;grid-template-columns: 47px auto;grid-row-gap: 10px;grid-column-gap: 18px;background: #f7f7f7;padding: 10px;padding-bottom: 0px;}
#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; color: #000;}
#user-comment .meta .time {color: #999;}
.comment-content p:first-child{margin: 0; color: #000;}
.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; margin-bottom: 20px;}
.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: #055093;
  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,.__MB_USER_ACTION_CLOSED_COMMENT {padding: 8px 18px;;background: #f75454;border: none;border-radius: 5px;color: #fff;font-size: 14px;cursor: pointer;}
/* 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;
  box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  font-family: inherit;
  align-items: center;
}

#user-comment .content-button {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 25px;
}

#user-comment .hna-ico-user {
  font-family: 'Inter-Bold', sans-serif;
  color: #000;
}


#user-comment {
  background-color: #eeeeee;
  padding: 25px;
  border-radius: 3px;
}

#user-comment .box-comment .content {
  display: grid;
  grid-template-columns: 47px auto;
  gap: 20px;
  border-radius: 4px;
  margin-top: 30px;
}

#user-comment .box-comment .content img {
  border-radius: 50px;
}

#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 button {
  padding: 10px 46px;
  font-size: 14px;
  background: #055093;
  border-radius: 4px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
}

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

.motgame-heading {
  color: #000000;
  font-size: 22px;
  text-transform: uppercase;
  font-family: 'Inter-Bold', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;  
}