/* @import url(./event_style/noel/noel2.css); */
.popupFirstLogin {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(99, 99, 99, 0.7);
  z-index: 99999;
  align-items: center;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.guideContent {
  background: white;
  width: 100%;
  max-width: 500px;
  max-height: 80%;
  position: relative;
  border-radius: 5px;
  padding: 20px;
}

.popupAll {
  background: white;
  width: 88%;
  max-width: 500px;
  max-height: 80%;
  position: relative;
  border-radius: 5px;
  padding: 20px;
}
::selection {
  background: #458ea7;
  color: #fff;
}

.dv-star-rating-full-star svg {
  fill: #e7b712 !important;
}
.tblHistory {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.tblHistory td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.tblHistory tr {
  cursor: pointer;
}

.tblHistory tr.selected {
  background-color: #dddddd;
}

#historyContent {
  height: 200px;
  overflow: auto;
}

.btn-select1 {
  padding: 3px 10px !important;
}
.icon_diemDanh {
  animation: swingDiemDanh 1s 3s infinite;
}
@keyframes swingDiemDanh {
  0%,
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(15deg);
  }
}

.Write-question {
  width: 100% !important;
  height: auto;
  background: #fff;
  /*border-radius: 6px 6px 0px 0px;*/
  color: #262626;
  border-bottom: 1px solid #d0e3e9 !important;
  overflow-y: auto;
}
.form-ask-ques.login .opt-ask {
  /*background-color: #d0e3e9 !important;*/
}
.form-ask-ques.not-login .opt-ask {
  background-color: #e1e1e1 !important;
}
.form-ask-ques.login .Write-question {
  border-bottom: 1px solid #d0e3e9 !important;
  width: 100% !important;
}
.form-answer textarea {
  border: none !important;
  overflow-y: auto;
}
.form-answer .opt-ask {
  background: #d0e3e9;
  border-radius: unset;
}
.answer_box .list-img .img_item {
  width: 22%;
  height: 22%;
}
.form_loginn a {
  color: rgb(141, 195, 84);
}

/* edit profile */

.h247-colc {
  width: calc(100% - 52px);
  padding: 24px;
  background-color: #fff;
  border-radius: 5px;
}
.avt-user120 {
  width: 120px;
  height: auto;
  text-align: center;
  display: inline-block;
  color: #262626;
}
.avt-user120 img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 30px;
  object-fit: cover;
}
.avt-user120:hover span {
  color: #458ea7;
  text-decoration: underline;
}

.h247-info-user {
  width: calc(100% - 132px);
  padding-left: 12px;
  display: inline-block;
}
.h247-info-user li {
  list-style: none;
  padding-bottom: 6px;
}
.h247-info-user li a {
  display: inline-block;
  text-decoration: underline;
}

.h247-edit-profile h1 {
  text-align: center;
}
.h247-edit-profile ul li {
  list-style: none;
}
.h247-edit-profile ul li a {
  padding: 12px;
  display: block;
  border-bottom: 1px dotted #d0e3e9;
  color: #262626;
}
.h247-edit-profile ul li a:hover {
  background-color: #d0e3e9;
}
.bg-edit-active {
  background-color: #d0e3e9;
}
.edit-right {
  text-align: right;
}
.edit-style {
  color: #2c8fe2;
}

.h247-edit-profile ul li img {
  width: 12px;
  padding-right: 6px;
}

.edit-select ul li {
  margin: 12px 0px;
}
.edit-select ul li a {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  width: 186px;
  display: inline-block;
  padding: 6px 12px;
  text-align: left;
  color: #999;
}
.edit-select ul li a:hover {
  background-color: #f1f1f1;
}
.edit-select ul li img {
  float: right;
  -webkit-transform: translateY(9px);
  width: 10px;
}
.edit-select ul li label {
  padding-right: 12px;
  text-align: right;
  width: 40%;
  display: inline-block;
}

.edit-select span {
  width: calc(60% - 12px);
  display: inline-table;
}
.edit-select input {
  width: 186px;
  padding: 8px 12px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.list-apply li {
  list-style: none;
  float: left;
  padding-left: 4px;
}
.list-apply li a {
  padding: 6px 12px;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
}

.edit-confirm {
  width: 100%;
  height: 36px;
  overflow: hidden;
  position: relative;
}
.edit-confirm ul {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
}
.edit-confirm ul li {
  float: left;
}
.edit-confirm ul li a {
  padding: 6px 24px;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  border: 0px;
}
.edit-confirm ul li:nth-child(1) a {
  background-color: #8dc354 !important;
}
.edit-confirm ul li:nth-child(2) a {
  background-color: #aaa !important;
}

@media screen and (max-width: 960px) {
  .h247-colc {
    border: 0px;
    box-shadow: 0px 0px 0px 0px !important;
    padding: 12px;
    width: calc(100% - 24px);
  }
  .avt-user120 {
    width: 75px;
  }
  .avt-user120 img {
    width: 75px;
    height: 75px;
    border-radius: 15px;
  }
  .h247-info-user {
    width: calc(100% - 87px);
  }
}

@media screen and (max-width: 460px) {
  .stop-scrolling {
    height: 0px;
    overflow: hidden;
  }
  .stop-scrolling .h247-body,
  .stop-scrolling .guildBody,
  .stop-scrolling .h247-footer {
    display: none;
  }
  .hide-text {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  .edit-select span {
    width: 100%;
    display: inline-table;
  }
  .edit-select ul li label {
    width: 100%;
    display: block;
    text-align: left;
    padding-bottom: 6px;
  }
  .edit-confirm ul {
    width: 186px;
    text-align: center;
  }
  .h247-edit-profile .pd12 {
    padding: 12px 0px !important;
  }
  .edit-select {
    text-align: center;
  }
  .edit-select input {
    width: calc(100% - 26px);
    padding: 12px 12px;
  }
}

/* info_person */
.box-thank {
  width: 16px;
  height: 20px;
  overflow: hidden;
  margin-right: 4px;
  display: inline-block;
  vertical-align: top;
}
.box-point {
  vertical-align: text-bottom;
}
/* .img-userq {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
} */

/* @media screen and (max-width: 960px){
    .pt52 {
        padding-top: 46px !important;
    }
} */

/* ====== */
/*.h247-colc{width:calc(100% - 52px);padding:24px;background-color:#fff;border:2px solid #d0e3e9;border-radius:5px;}*/
.avt-user120 {
  width: 120px;
  height: auto;
  text-align: center;
  display: inline-block;
  color: #262626;
}
.avt-user120 img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 30px;
}
.avt-user120:hover span {
  color: #458ea7;
  text-decoration: underline;
}

.h247-top-person {
  width: calc(100% - 132px);
  padding-left: 12px;
}
.h247-info-person {
  width: 100%;
  padding-left: 12px;
  text-align: center;
}
.h247-info-person tr {
  padding: 8px 0px;
  display: table;
  width: 100%;
}
.h247-info-person tr:nth-child(2) {
  text-align: center;
}
.h247-info-person td {
  width: 16%;
}
.h247-info-person tr:nth-child(2) strong {
  font-size: 24px;
}
.h247-info-person img {
  margin-right: 6px;
}
.click-deit {
  padding: 0px 12px;
}
.click-deit img {
  width: 12px;
  padding-right: 6px;
}
.click-deit:hover {
  text-decoration: underline;
}

.h247-info-person2 {
  width: 100%;
}
.h247-info-person2 td {
  padding: 12px 0px;
}
.h247-info-person2 tr {
  border-bottom: 1px dotted #e1e1e1;
  display: table;
  width: 100%;
}
.h247-info-person2 strong {
  text-transform: uppercase;
}
.h247-info-person2 ul li {
  float: left;
  width: 20%;
  display: inline-block;
}
.h247-info-person2 ul li a {
  color: #e7b712;
  list-style: none;
  text-align: center;
  font-weight: 700;
  padding: 6px 0px;
  display: inline-block;
}
.click-show {
  text-decoration: underline;
  padding: 6px 0px;
  display: inline-block;
}
.tab-action1 {
  text-align: center;
}
.tab-action1 a {
  padding: 6px 24px;
  display: inline-block;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  color: #262626;
}
.tab-action1 a.active {
  background-color: #458ea7;
  color: #fff;
}

.list-info1 li {
  list-style: none;
  display: block;
  padding: 6px 0px;
}
.list-info1 li strong {
  padding: 0px 6px;
}

.action-lock {
  text-align: right;
  border-top: 1px solid #ccc;
}
.action-lock > * {
  display: inline-block;
  padding-top: 20px;
}
.action-lock a {
  margin-left: 6px;
  padding: 6px 12px;
  border-radius: 5px;
}
.btn-action1 {
  background-color: #458ea7;
  color: #fff;
}
.btn-action2 {
  border: 1px solid #e1e1e1;
  color: #262626;
}
.btn-action2 img {
  width: 12px;
  margin-left: 6px;
}

.list-people-thank li {
  float: left;
  margin-right: 12px;
  list-style: none;
  margin-bottom: 12px;
}

@media screen and (max-width: 960px) {
  .box-answer .box-next {
    display: block;
  }
  .manager {
    /*display: none;*/
    position: absolute !important;
    top: 45px;
    opacity: 0.6;
    right: -2px;
  }
  .h247-colc {
    border: 0px;
    box-shadow: 0px 0px 0px 0px !important;
    padding: 12px;
    width: calc(100% - 24px);
  }
  .avt-user120 {
    width: 46px;
  }
  .avt-user120 img {
    width: 46px;
    height: 46px;
    border-radius: 15px;
  }
  .h247-info-person {
    width: 100%;
    padding-left: 0px;
  }
  .h247-top-person {
    width: calc(100% - 58px);
  }
  .action-lock span {
    display: inline-block;
  }
}

@media screen and (max-width: 640px) {
  .h247-info-person2 ul li {
    width: 33.33%;
  }
}

@media screen and (max-width: 460px) {
  .hide-text {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  .h247-top-person .h-state {
    float: none !important;
  }
  .h247-info-person tr:nth-child(2) strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  .h247-info-person2 ul li {
    width: 50%;
  }
}

/* MathJax */
.box-mathjax {
  padding: 10px;
  padding-top: 20px;
  border: 3px solid #d0e3e9;
  margin-top: -5px;
  border-radius: 0 0 6px 6px;
  padding-bottom: 20px;
}
.box-mathjax a span {
  width: 24px;
  height: auto;
  display: inline-block;
}
.box-mathjax a.large span {
  width: 48px;
  height: 24px;
}
.box-mathjax a {
  border: 1px solid #e1e1e1;
  display: inline-block;
  padding: 6px 0 0 0;
  border-radius: 8px;
  width: 62px;
  box-shadow: 1px 2px 12px 0px #cccccc96;
  text-align: center;
  margin: 1px;
  height: 30px;
  vertical-align: middle;
  background: #fff;
}
.tox-statusbar__path {
  display: none !important;
}
.darkMode #related_news ul li .detailPost .titlePost {
  color: #fff;
}
.darkMode .btn-cancel a {
  color: #fff !important;
}
.darkMode .guideContent {
  background: #272c2d;
}
.darkMode #filterHomePage .swichButton {
  color: #262626;
}
.showMathJax .opt-ask a {
  width: 24px;
  height: 20px;
  padding: 4px 8px 10px 8px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
  border-radius: 6px 6px 0 0px;
}
.showMathJax .opt-ask a.active {
  background: #fff;
}
.box-mathjax a:hover {
  background: #ecfbff;
  border: 1px solid #a5dbec;
}
.box-mathjax .preview-mathjax {
  height: 140px;
  overflow-y: scroll;
  background: #d0e3e9;
  margin: 0 0 15px 0;
  padding: 5px;
}
.insertMathjax {
  margin-top: 15px;
}
.insertMathjax textarea {
  padding: 5px;
  width: calc(100% - 15px);
  border: 2px solid #d0e3e9 !important;
  border-radius: 4px;
  resize: none;
  min-height: 90px;
}
.action-mathjax {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.action-mathjax a {
  width: auto;
  padding: 8px 10px 0 10px;
  background: #cdcdcd;
  box-shadow: none;
  border: 1px solid #999;
}
.action-mathjax a:first-child {
  background: #e7b712;
  color: #fff;
  border: 1px solid #bb9100;
}
.action-mathjax a:first-child:hover {
  background-color: #db9b00;
  -webkit-transition: all ease 0.3s;
}
.action-mathjax a:last-child:hover {
  background: #a7a7a7;
  border: 1px solid #999;
}
.form-ask-ques {
  max-height: 80%;
  overflow-y: auto;
}
.hidden {
  display: none;
}
.opt-ask a {
  width: 24px;
  height: 24px;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}
.opt-ask a:hover {
  background-color: #fff;
}
.opt-ask div.bdr2 {
  position: relative;
  display: inline-block;
  top: 3px;
}
.icon-best {
  color: #e7b712 !important;
  background-color: #fff;
  box-shadow: 0px 0px 5px 1px #2626262b;
}
.icon-best img {
  width: 12px;
  margin-right: 4px;
}
.icon-best:hover {
  background-color: #f1f1f1 !important;
}
.tooltip {
  display: block;
  position: relative;
  top: -46px;
  right: 20%;
  height: auto;
  padding: 8px 12px;
  /* margin-left: -76px; */
  color: #e7b712 !important;
  font-weight: 400 !important;
  background: #fff;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #e7b712;
}
.tooltip:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 25%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #e7b712;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  -webkit-transform: rotate(180deg);
}
/*check lai file general*/
.opt-select-child li:nth-child(1) a {
  /*background-color: #f1f1f1;*/
  /*height: 24px;*/
  /*color: #458ea7;*/
  /*font-weight: 700;*/
  /*border-top: 1px solid #e1e1e1;*/
  display: block;
}
.icon-sub {
  display: block;
}
/*.list-comment ul li:nth-of-type(n+5) {*/
/*display: none;*/
/*}*/

.showAllCmt .list-comment ul li {
  display: block;
}

._x2_point {
  padding: 0px 3px;
  color: #fff;
  background-color: #468da7;
  border-radius: 6px;
  margin-left: 5px;
  position: relative;
  cursor: pointer;
}
._x2_point .aboutX2 {
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  box-shadow: 0 0 4px 1px #b6b3b3;
  position: absolute;
  background: #fff;
  z-index: 50;
  width: 225px;
  font-weight: normal;
  padding: 5px 10px;
  border-radius: 6px;
  left: 50%;
  margin-left: -136px;
  top: 20px;
  display: none;
}
._x2_point:hover .aboutX2 {
  display: block;
  /* cursor: pointer; */
}

.btn-answer-x2 {
  position: relative;
}

.btn-answer-x2 .aboutAnswerX2 {
  display: inline-block;
  font-size: 13px;
  font-style: normal;
  box-shadow: 0 0 4px 1px #b6b3b3;
  position: absolute;
  background: #fff;
  color: #000;
  z-index: 50;
  width: 225px;
  font-weight: normal;
  padding: 5px 10px;
  border-radius: 6px;
  left: 50%;
  margin-top: -70px;
  margin-left: -70px;
  top: 20px;
  display: none;
}
.btn-answer-x2:hover .aboutAnswerX2 {
  display: block;
}
/*Style.css*/
.box-notifical-child .notifical-child textarea {
  width: 100%;
  max-width: 310px;
  /* border: none; */
  border-radius: 5px;
  outline: none;
  min-height: 50px;
  padding: 5px;
  resize: vertical;
  font-family: "Open Sans", sans-serif;
}
/*.box-notifical-child {*/
/*display: none;*/
/*}*/
/*.vote ul li img{*/
/*-webkit-transform: translateY(-26px);*/
/*}*/
/*.vote ul.start_1 li:nth-child(1) img{*/
/*-webkit-transform: translateY(0);*/
/*}*/
/*.vote ul.start_2 li:nth-child(1) img, .vote ul.start_2 li:nth-child(2) img{*/
/*-webkit-transform: translateY(0);*/
/*}*/
/*.vote ul.start_3 li:nth-child(1) img, .vote ul.start_3 li:nth-child(2) img, .vote ul.start_3 li:nth-child(3) img{*/
/*-webkit-transform: translateY(0);*/
/*}*/
/*.vote ul.start_4 li:nth-child(1) img, .vote ul.start_4 li:nth-child(2) img, .vote ul.start_4 li:nth-child(3) img, .vote ul.start_4 li:nth-child(4) img{*/
/*-webkit-transform: translateY(0);*/
/*}*/
/*.vote ul.start_5 li img {*/
/*-webkit-transform: translateY(0)*/
/*}*/
.dv-star-rating-star i {
  font-size: 28px;
}
.selectTime {
  max-height: none !important;
}
ul.showLessUserRank li:nth-of-type(n + 6) {
  display: none;
}
ul.showAllUserRank li:nth-of-type(n + 6) {
  display: block;
}
ul.showLessUserRank li#activeUserRank {
  display: block;
}
.ardor-child #userRankLink {
  color: #458ea7 !important;
}
/* li:last-child .ardor-child {
  font-size: 15px;
  padding: 10px 0;
  background-color: #e7e7e7;
}
li:last-child .ardor-child .avt36 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
ul.list-people-thank li:nth-of-type(n + 71) {
  display: none;
}
ul.list-people-thank.showMoreListTks li:nth-of-type(n + 71) {
  display: block;
}
.loading-pages.close {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
.loading-pages.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.form-ask-ques {
  position: fixed;
  top: 10%;
  border-radius: 5px;
  background-color: #fff;
  height: auto;
  width: 90%;
  max-width: 780px;
  z-index: 1000000;
  visibility: hidden;
  left: 50%;
  -webkit-transform: translateX(-50%);
}
.form-ask-ques-show {
  visibility: visible;
}

.form-ask-ques h3 {
  text-align: center;
}

.login .Write-question {
  width: calc(100% - 2.1333rem);
  height: auto;
  background: #fff;
  border-radius: 6px 6px 0px 0px;
  color: #262626;
  /*border:4px solid #d0e3e9;*/
}

.opt-ask {
  width: 100%;
  min-height: 35px;
  /*background-color:#d0e3e9;*/
  border-radius: 0px 0px 6px 6px;
}

.form-ask-ques .btn-add-ques {
  max-width: 150px;
  margin: auto;
  margin-top: 10px;
  padding: 6px !important;
  margin-right: 12px !important;
  margin-bottom: 12px;
  float: right;
  font-weight: 500;
}
.ask-select {
  width: 100%;
  height: 36px;
}

.opt-ask ul li {
  float: left;
  list-style: none;
  padding: 0px 8px;
  position: relative;
}

.bdr2 {
  width: 2px;
  height: 12px;
  position: absolute;
  right: 0;
  background-color: #aaaaaa;
  top: 12px;
}

.gt-exam img {
  margin-right: 6px;
}

.opt-ask ul li a {
  width: 24px;
  height: 24px;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
}
.opt-ask ul li a:hover {
  background-color: #fff;
}
.list-comment ul li .icon-empale img {
  margin-left: 0;
}
.form-answer,
.form-ask-ques.form-report {
  max-height: none;
  overflow: hidden;
}
.rank-user-active .btn-select {
  box-shadow: none;
  padding: 4px 20px;
  border-radius: 1em;
}
.opt-select {
  display: block;
  /*overflow: hidden;*/
}
.tab-item-type {
  margin-left: 24px;
}
.tab-item-type a {
  background: #d0e3e9;
  width: calc(33.3333% - 4px);
  display: inline-block;
  text-align: center;
  padding: 6px 0;
  border: 1px solid #e1e1e1;
  margin-right: 2px;
  font-size: 16px;
  font-weight: bold;
}
.tab-item-type a:first-child {
  border-radius: 6px 0 0px 6px;
}
.tab-item-type a:last-child {
  margin-right: 0;
  border-radius: 0 6px 6px 0;
}
.tab-item-type a.active,
.tab-item-type a:hover {
  background: #e7b712;
  color: #fff;
  border: 1px solid transparent;
}
.icon-mon-hoc {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.header-search {
  z-index: 9999999;
}
.icon-toan img {
  -webkit-transform: translateY(-58px);
  transform: translateY(-58px);
}
.icon-ly img {
  -webkit-transform: translateY(-117px);
  transform: translateY(-117px);
}
.icon-hoa img {
  -webkit-transform: translateY(-177px);
  transform: translateY(-177px);
}
.icon-tieng-anh img {
  -webkit-transform: translateY(-235px);
  transform: translateY(-235px);
}
.icon-van img {
  -webkit-transform: translateY(-290px);
  transform: translateY(-290px);
}
.icon-sinh img {
  -webkit-transform: translateY(-355px);
  transform: translateY(-355px);
}
.icon-su img {
  -webkit-transform: translateY(-411px);
  transform: translateY(-411px);
}
.icon-dia img {
  -webkit-transform: translateY(-470px);
  transform: translateY(-470px);
}
.icon-gdcd img {
  -webkit-transform: translateY(-527px);
  transform: translateY(-527px);
}
.icon-tin img {
  -webkit-transform: translateY(-527px);
  transform: translateY(-527px);
}
.icon-su-dia img {
  -webkit-transform: translateY(-856);
  transform: translateY(-856px);
}
.icon-nhac-hoa img {
  -webkit-transform: translateY(-639px);
  transform: translateY(-639px);
}
.icon-cong-nghe img {
  -webkit-transform: translateY(-743px);
  transform: translateY(-743px);
}
.icon-khtn img {
  -webkit-transform: translateY(-583px);
  transform: translateY(-583px);
  width: 22px;
}
.question-no-answer-reply {
  float: right !important;
  margin-left: 0 !important;
  margin-right: 12px;
}
.bg-white {
  background: white;
}
.question-no-answer-reply img {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.list-edit li a.question_item {
  width: calc(100% - 26px);
  cursor: auto;
}
.list-edit li a .end-edit {
  border-top: 1px solid #ccc;
  padding-top: 12px;
}
.noti_verify_answer {
  background-color: #32a28e36;
}
.noti_up_rank {
  background-color: #fffce8;
}
.noti_up_rank .content-answer-1 img {
  width: 20px !important;
}
.list-style-none {
  list-style: none;
  position: relative;
}
.h247-body {
  min-height: 666px;
  overflow: hidden;
}
.list-action-mod li.active a {
  background-color: #458ea7;
  color: #fff;
  font-weight: 700;
}
.list-action-mod li.active a img {
  -webkit-transform: translate(-28px, -92px);
  -webkit-transition: all ease 0.3s;
}
.top-edit ul li:nth-child(3) {
  float: right;
  margin-right: 12px;
}
.form-answer,
.form-ask-ques.form-report {
  max-height: none;
  overflow: hidden;
  min-width: 572px;
}
.form-report .radio {
  font-size: 16px;
  margin-bottom: 8px;
}
.form-report .radio label {
  cursor: pointer;
}
.form-report .radio label input {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 2px;
}
.form-report textarea {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
}
.report_item .content-edit {
  height: 210px;
}
.list-edit li .report_item {
  margin-left: 24px;
  display: inline-block;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  background-color: #f5f5f5;
  height: 368px;
  cursor: auto;
  max-width: 100%;
  width: calc(100% - 24px);
}
.content_be_report {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow-x: auto;
}
.list-edit li a.report_item .end-edit {
  font-size: 12px;
  line-height: 15px;
}
.h-signin {
  position: relative;
}
.icon-mod-page {
  width: 32px;
  height: 32px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-image: initial;
  margin: 10px 0px;
}
.no-overflow {
  overflow: unset;
}
.list-edit li a.icon-mod2 {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  margin-left: 0;
}
.list-edit li a.icon-mod2.bg-blue2 {
  background: #20a28e;
}

.report_item .top-edit ul li:nth-child(3) {
  float: left;
}
.page-modcensorship .highlight {
  background: #ecafaf;
  border: 2px solid red;
}
.page-modcensorship .highlightRequestEdit {
  background: #d0ff86;
  opacity: 0.4;
  box-shadow: 0px 4px 4px 0px #00000040
}
.editor-ques {
  overflow: hidden;
  margin: 12px 0;
}
.action-lock input {
  display: none;
}
.action-report input[type="checkbox"]:checked + label span,
.action-lock input[type="checkbox"]:checked + label span {
  background: url(img/check_radio_sheet.png) -57px top no-repeat;
}
.action-report input[type="checkbox"] + label span,
.action-lock input[type="checkbox"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  cursor: pointer;
}
.show-bottom {
  bottom: 0;
  top: auto;
}
.close-popup {
  position: absolute;
  right: 8px;
  font-size: 24px;
  /*background: #ccc;*/
  width: 30px;
  text-align: center;
  top: 8px;
  z-index: 999999;
  padding: 4px 0 4px 0;
  border-radius: 50%;
}
.tooltips-point .des-tooltips {
  position: absolute;
  left: 20px;
  bottom: 28px;
  display: none;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 10px;
  width: 200px;
  box-shadow: 2px 3px 16px 0px #ccc;
}
.tooltips-point:hover .des-tooltips {
  display: block;
}
.tooltips-point {
  position: relative;
  margin-top: 18px !important;
  cursor: pointer;
}
.tooltips-point span {
  color: #fff;
  padding: 4px 6px 3px 6px;
  background: #8dc354 !important;
  font-weight: bold;
  border-radius: 8px;
  font-size: 12px;
}
.icon-report.reported {
  color: #d86666 !important;
}
.history-virtual-gift ul li a {
  color: #333;
}
.icon-report.reported img {
  -webkit-transform: translateY(-13px);
}
.answer_box .content-ques {
  max-height: 500px;
  overflow-y: auto;
  text-align: justify;
  padding-right: 10px;
  padding-top: 5px;
}
body {
  word-break: break-word;
  white-space: pre-wrap;
}
.Write-question::-webkit-scrollbar,
.answer_box .content-ques::-webkit-scrollbar,
.form-answer textarea::-webkit-scrollbar,
.list-gage::-webkit-scrollbar {
  width: 6px;
}
.list-gage::-webkit-scrollbar-thumb {
  display: none;
}
.list-gage:hover::-webkit-scrollbar-thumb {
  display: block;
}
.Write-question::-webkit-scrollbar-thumb,
.answer_box .content-ques::-webkit-scrollbar-thumb,
.form-answer textarea::-webkit-scrollbar-thumb,
.list-gage::-webkit-scrollbar-thumb {
  background: #888282;
  border-radius: 4px;
  z-index: 999;
  position: relative;
}
.Write-question::-webkit-scrollbar-track,
.answer_box .content-ques::-webkit-scrollbar-track,
.form-answer textarea::-webkit-scrollbar-track,
.list-gage::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #fff;
  position: relative;
  z-index: 9999;
}
.list-gage {
  padding-right: 10px;
}
.comment {
  height: auto;
  overflow-y: auto;
}
.list-comment .avt36 {
  margin-top: -3px;
}
.visible-xs {
  display: none;
}
.after_upload > div {
  position: relative;
  display: inline-block;
  margin: 2px;
}
.add-image img {
  width: 86px;
  height: 86px;
  border-radius: 5px;
  border: 1px solid #d0e3e9;
  overflow: hidden;
}
.after_upload > div a.close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  text-align: center;
  background: #fff;
  color: red;
  font-weight: bold;
  border: 1px solid;
  font-size: 20px;
  line-height: 17px;
}
.avt36.avt-user,
.h-question .img-userq,
.user-check .avt36,
.box-answer .img-userq,
.list-people-thank .img-userq {
  border: 1px solid #e1e1e1;
}
.user-general .avt48,
.avt36.avt-user,
.h-question .img-userq,
.user-check .avt36,
.box-answer .img-userq,
.list-people-thank .img-userq {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.list-img .img_item a {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.popup-endtime {
  position: absolute;
  top: 25%;
  left: 50%;
  background: #fff;
  z-index: 99999999;
  margin-left: -150px;
  padding: 22px 44px;
  border-radius: 6px;
}
.popup-endtime h3 {
  margin-bottom: 10px;
}
.popup-endtime a {
  display: inline-block;
  color: #fff;
  margin: 0 5px;
  padding: 8px 15px;
  border-radius: 4px;
  font-weight: bold;
}
.logo {
  top: 10px;
  -webkit-transform: translateY(0%);
  position: relative;
  left: 0;
}
.top-edit .link-question,
.top-edit .link-question:hover {
  margin-left: unset;
  display: inherit;
  border: unset;
  background: transparent;
  height: auto;
  border-radius: unset;
  color: #333;
}
.highlight .bg-f {
  background: #ecafaf;
}
#histories_censor_ship,
#histories_censor_ship tr,
#histories_censor_ship td {
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
}
#histories_censor_ship {
  margin-left: 24px;
}
#histories_censor_ship td {
  padding: 5px 8px;
}
#histories_censor_ship th {
  background: #458ea7;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-right: 1px solid #e1e1e1;
}
#histories_censor_ship tbody tr td:last-child a {
  background: #20a28e;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
}
#histories_censor_ship tbody tr td:last-child a img {
  padding-top: 6px;
}
#histories_censor_ship a {
  color: #333;
}
.h-signin {
  margin-top: 20px !important;
}
.filter-censor-ship input,
.filter-censor-ship select {
  padding: 8px 5px 8px 5px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.filter-censor-ship .btn-searchhh {
  padding: 6px 15px;
  border: 1px solid #458ea7;
  margin: 0 0 0 50px;
  border-radius: 4px;
  background: #458ea7;
  color: #fff;
  display: inline-block;
  vertical-align: bottom;
}
.filter-censor-ship .btn-searchhh:hover {
  background: #20a28e;
  border: 1px solid #20a28e;
}
.bg-body {
  padding-bottom: 30px;
}
.h247-edit-profile select {
  width: 212px;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 6px;
  font-size: 15px;
}
.h247-tooltip:hover .top-icon3 {
  display: block;
}
.top-icon3 {
  position: absolute;
  top: 31px;
  width: 16px;
  height: 9px;
  display: none;
  right: 50px;
}
.h247-tooltip:hover .h-show-tooltip {
  display: block;
}
.h-show-tooltip .avt36 {
  margin-right: 8px;
}
.h-show-tooltip strong {
  display: table;
}
.h-show-tooltip {
  position: absolute;
  top: 48px;
  right: -90px;
  background-color: #8dc354;
  padding: 12px;
  border-radius: 10px;
  width: 450px;
  min-height: 120px;
  display: none;
  text-align: left;
}
.h-show-tooltip span {
  display: table;
}
.h-show-tooltip ul {
  margin-top: 12px;
}
.h-show-tooltip ul li {
  float: left;
  list-style: none;
  margin-left: 12px;
}
.h-show-tooltip ul li:nth-child(2) img {
  transform: rotate(180deg);
}
.h247-tooltip {
  display: inline-block;
}
.boxtimmer {
  display: inline-block;
  margin: 5px 0 0 100px;
}
.boxtimmer > span {
  width: 220px;
  display: inline-block;
}
.h247-tooltip {
  position: relative;
  text-align: right;
  padding: 12px 0px;
}
.h-guide-step p {
  margin-bottom: 5px;
  line-height: 22px;
  padding-left: 10px;
}
.edit-question-page {
  margin-top: 20px;
}
.edit-question-page .form-ask-ques {
  position: relative;
  top: unset;
  margin: 0 0 0 0;
  z-index: 1;
}
.edit-question-page .form-ask-ques .close-popup {
  display: none;
}
.h-sub-menu ul li > a {
  position: relative;
}
.not_published_subject {
  opacity: 0.6;
}
.h-sub-menu ul li > a span.not-published {
  font-size: 12px;
  font-weight: normal;
  color: #7b7b7b;
  margin-left: 5px;
  position: absolute;
  width: 50px;
}
.show_sum_userInfo {
  position: relative;
}
.show_sum_userInfo .sum-info {
  position: absolute;
}
.hover-avt {
  position: relative;
  width: 32px;
  height: 32px;
  color: #262626;
}
.box-info {
  position: absolute;
  top: 36px;
  padding: 24px;
  background-color: #fff;
  z-index: 8;
  border: 1px solid #bed6de;
  border-radius: 10px;
  min-width: 280px;
  box-shadow: 0px 0px 3px 0px #2626262b;
  visibility: hidden;
}
.hover-avt:hover .box-info {
  visibility: visible;
}
.logo-rank-small img {
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-2px);
}
.info-child1 {
  width: calc(100% - 40px);
  margin-top: -10px;
}
.info-child1 li {
  display: block;
}
.info-child2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 12px;
}
.info-child2 li {
  list-style: none;
  text-align: center;
  float: left;
  width: calc(33.333% - 1px);
  text-transform: uppercase;
  border-left: 1px solid #bed6de;
}
.info-child2 li:nth-child(1) {
  border-left: 0px;
}
.info-child2 li strong {
  color: #555;
}
.info-child2 li p {
  font-size: 24px;
  font-weight: bold;
}
/*.list-comment .hover-avt a img {*/
/*margin-left: 0px;*/
/*}*/
.add-question {
  margin-top: 50px;
}
/*.avt48 ,.avt36 {*/
/*text-align: center;*/
/*}*/
/*.avt48 img,.avt36 img{*/
/*height: 100%;*/
/*}*/

.user-general .avt48 img {
  height: 100%;
  margin: 0 auto;
}
.logo-small,
.h247-login {
  opacity: 1;
  transition: 0.35s;
}
.logo-small.showFull {
  opacity: 0;
  /* visibility: hidden; */
  display: none;
  transition: 0.35s;
}
.h247-login.showFull {
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.h247-login .h-login .avt36 {
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}
.h247-login .h-login .avt36 img,
.box-answer .img-userq img,
.comment-ques .avt36 img,
.h-question .img-userq img {
  height: 100%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}
.comment-ques,
.list-comment {
  overflow: unset;
}
.info-child1 li {
  padding: 0 !important;
}
.box-answer .pd24 > .h247-full {
  overflow: unset;
}
.box-answer .hover-avt {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.box-answer .form-question {
  float: none;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
}
/*.comment-ques .list-comment > ul > li {*/
/*display: none;*/
/*}*/
/*.comment-ques .list-comment > ul > li:nth-last-child(-n+8) {*/
/*display: table;*/
/*}*/
.comment-ques .list-comment > ul > li .hover-avt {
  display: table-cell;
}
.comment-ques .list-comment > ul > li > p {
  display: table-cell;
  padding-left: 7px;
}
.sg-actions-list > .sg-actions-list__hole {
  margin-right: 0;
}
.sg-actions-list > .sg-actions-list__hole {
  max-width: 100%;
  margin: 0 12px 0 0;
}
.more-comment {
  padding: 0px 0px;
  border-top: none;
}
.showAllCmt .list-comment ul li {
  display: block;
}

@-webkit-keyframes pencilAnimation {
  40% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
    margin-left: 9.6px;
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
    margin-left: 24px;
    margin-top: 2px;
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
    margin-left: 24px;
    margin-top: 0;
  }
  70% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  90% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
    margin-left: 33.6px;
    margin-top: 2px;
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes pencilAnimation {
  40% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
    margin-left: 9.6px;
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
    margin-left: 24px;
    margin-top: 2px;
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
    margin-left: 24px;
    margin-top: 0;
  }
  70% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  90% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
    margin-left: 33.6px;
    margin-top: 2px;
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes pencilLineAnimation {
  40% {
    width: 9.6px;
  }
  50% {
    width: 24px;
  }
  60% {
    width: 24px;
  }
  90% {
    width: 33.6px;
  }
}
@keyframes pencilLineAnimation {
  40% {
    width: 9.6px;
  }
  50% {
    width: 24px;
  }
  60% {
    width: 24px;
  }
  90% {
    width: 33.6px;
  }
}
.brn-typing-animation {
  position: relative;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 54px;
}
.brn-typing-animation::before {
  -webkit-animation: pencilLineAnimation 2s infinite;
  animation: pencilLineAnimation 2s infinite;
  content: "...........";
  color: #4fb3f6;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.brn-typing-animation__icon {
  -webkit-animation: pencilAnimation 2s infinite;
  animation: pencilAnimation 2s infinite;
  position: absolute;
}
.brn-question {
  position: relative;
}
.brn-question--deleted {
  background-color: #ffc7bf;
  outline: 5px solid #ffc7bf;
}
.sg-text {
  font-size: 18px;
  line-height: 24px;
  font-family: "ProximaNova", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  color: #000;
}
.brn-typing-animation {
  position: relative;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 54px;
}
.brn-typing-animation::before {
  -webkit-animation: pencilLineAnimation 2s infinite;
  animation: pencilLineAnimation 2s infinite;
  content: "...........";
  color: #4fb3f6;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.brn-typing-animation {
  position: relative;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 54px;
}
.brn-typing-animation__icon {
  -webkit-animation: pencilAnimation 2s infinite;
  animation: pencilAnimation 2s infinite;
  position: absolute;
}
.sg-icon {
  fill: #fff;
  max-width: 24px;
  max-height: 24px;
  height: 24px;
  width: 24px;
}
.sg-icon--x18 {
  max-width: 18px;
  max-height: 18px;
  height: 18px;
  width: 18px;
}
.sg-icon--blue {
  fill: #4fb3f6;
}
.box-answering .img-userq {
  display: inline-block;
  vertical-align: middle;
}
.sg-actions-list__hole {
  display: inline-block;
  vertical-align: bottom;
  padding-left: 5px;
}
.box-answering {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.box-answer .pd24 > div:last-child {
  border-bottom: none;
}
.disabled-btn {
  pointer-events: none;
  opacity: 0.6;
}
.history-virtual-gift ul li {
  list-style: none;
}
.history-virtual-gift {
  padding: 10px !important;
}
.action-empale ul li a {
  font-weight: bold;
}
.des-vote {
  position: absolute;
  left: 24px;
  top: -60px;
  font-size: 12px;
  font-weight: bold;
  z-index: 999999999;
  background: #fff;
  color: #666;
  box-shadow: 1px 15px 12px 3px #cccccc4f;
  border-radius: 4px;
  padding: 8px 8px;
  width: 139px;
  text-align: center;
  display: inline-block;
  border: 1px solid #e0e0e08c;
  display: none;
}
.info-question2 .vote {
  position: relative;
  padding-left: 26px;
}
.info-question2 .vote > * {
  vertical-align: middle;
}
.info-question2 .vote .current-vote {
  padding-right: 5px;
  float: none;
  position: absolute;
  top: 6px;
  left: 3px;
}
.info-question2 .vote .total-vote {
  padding-right: 5px;
  float: none;
  position: absolute;
  top: 2px;
  right: -55px;
}
/*.des-vote.level_rate_1 {*/
/*color: #FF3E21;*/
/*}*/
/*.des-vote.level_rate_2 {*/
/*color: #e7b712;*/
/*}*/
/*.des-vote.level_rate_3 {*/
/*color: #86ADFF;*/
/*}*/
/*.des-vote.level_rate_4 {*/
/*color: #18A3FF;*/
/*}*/
/*.des-vote.level_rate_5 {*/
/*color: #0FA518;*/
/*}*/
.info-question2 .vote:hover .des-vote {
  display: block;
}
/*.vote.level_rate_1 .dv-star-rating-full-star {*/
/*color: #FF3E21 !important;*/
/*}*/
/*.vote.level_rate_2 .dv-star-rating-full-star {*/
/*color: #e7b712 !important;*/
/*}*/
/*.vote.level_rate_3 .dv-star-rating-full-star {*/
/*color: #86ADFF !important;*/
/*}*/
/*.vote.level_rate_4 .dv-star-rating-full-star {*/
/*color: #18A3FF !important;*/
/*}*/
/*.vote.level_rate_5 .dv-star-rating-full-star {*/
/*color: #0FA518 !important;*/
/*}*/
.des-vote .arrow-down {
  width: 0px;
  height: 0px;
  border-left: 12px solid #bb060600;
  border-right: 12px solid #ea1e1e00;
  border-top: 15px solid #fff;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -14px;
}
.page-404 {
  text-align: center;
  min-height: 650px;
  padding: 140px 0 0 0;
}
.page-404 h1 {
  font-size: 150px;
  line-height: 150px;
}
.launching-page {
  text-align: center;
  background-image: url("../static/img/texture.png"),
    linear-gradient(#265f8f, #458ea7);
  color: #fff;
  min-height: 960px;
  font-size: 16px;
}
.launching-page > div {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}
.launching-page p {
  padding: 0 230px;
  margin-bottom: 10px;
}
.time_countdown {
  font-size: 70px;
  font-weight: bold;
  line-height: 55px;
  margin-top: 40px;
}
.time_countdown > span {
  width: 130px;
  display: inline-block;
  position: relative;
  text-align: center;
}
.size-28 {
  font-size: 24px;
  display: block;
}
.sparterm {
  position: absolute;
  right: -10px;
  /* top:20px; */
}
.disabled-btn {
  pointer-events: none;
  opacity: 0.5;
}
.h-question:hover {
  box-shadow: none;
}
.menu-user,
.opacity-show {
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.opacity2 {
  left: 0;
}
.content-search {
  border: 6px solid #d0e3e9;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
  min-height: 120px;
  cursor: pointer;
}
/*.form-question {*/
/*width: 100%;*/
/*}*/
.pd0 {
  padding-bottom: 0;
}
.save_image {
  text-decoration: none !important;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 55px;
  border-radius: 50%;
  border: 1px solid #dadada;
  padding: 0px 5px 1px 1px;
  text-align: center;
}
.verified-answer {
  position: relative;
}
.notifi-verify {
  position: absolute;
  left: 0px;
  top: -135px;
  font-size: 12px;
  font-weight: bold;
  z-index: 999999999;
  background: #fff;
  color: #333;
  box-shadow: 1px 2px 7px 3px #cccccc4f;
  border-radius: 4px;
  padding: 10px 10px;
  width: 355px;
  text-align: left;
  display: inline-block;
  border: 1px solid #e0e0e08c;
  display: none;
  z-index: 99999999;
  background: #fbfbfb;
  font-weight: normal;
}
.verified-answer:hover .notifi-verify {
  display: block;
}
.verified-answer .arrow-down {
  width: 0px;
  height: 0px;
  border-left: 23px solid #bb060600;
  border-right: 23px solid #ea1e1e00;
  border-top: 15px solid #fbfbfb;
  position: absolute;
  bottom: -14px;
  left: 23px;
  margin-left: -25px;
}

.box-404 {
  width: calc(100% - 48px);
  max-width: 1096px;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.col-404 {
  width: 50%;
  text-align: center;
  color: #fff;
}
.col-404 h1 {
  line-height: normal;
  padding: 24px 0px;
  font-size: 24px;
  line-height: 35px;
}
div.insert_ads-3.insert_ads.rendered.enable_sticky.sticky > div {
  z-index: 2 !important;
  margin-left: 0 !important;
}
.gift_virtual_store ul li {
  list-style: none;
  display: inline-block;
  margin-bottom: 5px;
}
.gift_virtual_store ul li a {
  margin: 8px;
  position: relative;
  box-shadow: 2px 6px 7px 3px #e3e0e08c;
  display: inline-block;
  transition: all 500ms;
}
.gift_virtual_store ul li a img {
  opacity: 0.8;
  transition: all 500ms;
  transform: scale(1);
  padding: 2px;
  object-fit: contain;
  height: 45px;
}
.shop-gift ul li a img {
  padding: 2px 0;
  object-fit: contain;
  height: 60px;
}
.gift_virtual_store ul li a:hover {
  box-shadow: 2px 6px 7px 3px #d1d1d1;
}
.gift_virtual_store ul li a:hover img {
  transform: scale(1.02);
  opacity: 1;
}
.btn-send-gift {
  display: inline-block;
  background: #e7b5126e;
  padding: 1px 2px 2px 0;
  border-radius: 4px;
  margin-left: 10px;
}
.btn-send-gift:hover {
  background: #e7b512c7;
}
.gift_virtual_store ul li a span {
  position: absolute;
  right: -5px;
  top: -12px;
  border: 1px solid #f1f1f1;
  background: #e3e1e169;
  border-radius: 2px;
  line-height: 11px;
  font-size: 11px;
  width: 30px;
  height: 14px;
  text-align: center;
  padding-top: 3px;
  border-bottom-left-radius: 50%;
}
.color_1 {
  color: #d03286;
}
.color_2 {
  color: #419ef4;
}
.color_3 {
  color: #85c318;
}
.color_4 {
  color: #eaa213;
}

.gift-detail .img-minhhoa {
  vertical-align: top;
  display: inline-block;
}
.gift-detail ul {
  display: inline-block;
  width: calc(100% - 100px);
  text-align: left;
  margin-left: 20px;
  vertical-align: middle;
}
.block-404 {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #262626;
  background-image: linear-gradient(#0d4169, #458ea7);
  width: 100%;
  height: 950px;
  padding-top: 30px;
  margin-bottom: -30px;
}
.block-404.error-500 {
  background-image: linear-gradient(#443502, #fbf771);
}
.btn-back-index img {
  transform: scale(0.9);
  transition: all ease 0.3s;
}
.btn-back-index:hover img {
  transform: scale(1);
  transition: all ease 0.3s;
}
.main-404 {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.block-cmt {
  position: relative;
  overflow: hidden;
}
#comment_text::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
#comment_text::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
}
#comment_text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  background-color: #f5f5f5;
}
.block-cmt .submit-commt {
  position: absolute;
  right: 14px;
  bottom: 3px;
}
.block-cmt .comment {
  width: calc(100% - 6rem);
  padding-right: 28px;
  resize: both;
}
.select-subject-mod::-ms-expand {
  display: none;
}
.select-subject-mod {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.fb_dialog {
  /*bottom: 90pt !important;*/
  /*right: 30pt !important;*/
}
.menu-footer {
  padding-top: 10px;
}
.menu-footer a {
  color: #fff;
  margin-left: -5px;
}
.menu-footer li {
  margin: 5px 30px;
  list-style: circle;
  color: #fff;
}
.searchTerm {
  width: calc(96% - 130px);
  outline: none;
}
.report_item .end-edit {
  font-size: 12px;
  line-height: 14px;
}
#clear_rp {
  top: 12px;
  position: absolute;
  right: 10px;
  color: #fff;
  background: #20a4a6;
  padding: 3px 5px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}
.form-editor-detail {
  position: relative;
}
#show_content_1 .item_be_delete {
  display: block;
}
#show_content_2 .item_be_delete {
  display: none;
}
#show_content_3 .item_dont_delete {
  display: none;
}
#show_content_3 .item_be_delete {
  display: block;
}
input[name="chekcbox_answer"] {
  display: none;
}

input[name="chekcbox_answer"] + label {
  color: #262626;
  font-size: 14px;
  float: left;
  margin: 10px 0 0 6px;
}
.react-viewer-icon-reset,
.react-viewer-toolbar li[data-key="reset"] {
  display: none !important;
}
.react-viewer-image {
  background: #fff;
  margin-top: 20px;
}
.react-viewer-mask {
  background-color: rgba(0, 0, 0, 0.88);
}
input[name="chekcbox_answer"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  cursor: pointer;
}

input[name="chekcbox_answer"]:checked + label span {
  background: url(img/check_radio_sheet.png) -57px top no-repeat;
}
.panigation-custom {
  margin-top: 20px;
}
.panigation-custom li a {
  background: #fff;
  border: 1px solid #ccc;
  width: 34px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  padding: 2px 0;
  color: #333;
}
.panigation-custom li a.active,
.panigation-custom li a:hover {
  background: #20a28e;
  border: 1px solid #20a28e;
  color: #fff;
}
.panigation-custom li {
  list-style: none;
  display: inline-block;
  margin: 0 7px 7px 0;
}
.form-ask-ques .opt-select > li {
  margin: 0 10px 0px 0;
}
.tooltips-point {
  margin-right: 5px;
}
#order-by {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  font-size: 16px;
  color: #3a332c;
  outline: none;
  padding: 0px 4px;
  height: 32px;
}
.filter-list-item {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  font-size: 16px;
  color: #3a332c;
  outline: none;
  padding: 0px 4px;
  height: 32px;
}
.answer {
  height: auto;
  min-height: 100px;
}
.icon-sub {
  position: relative;
}
.h-sub-menu ul li:nth-child(1) img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(2) img {
  position: absolute;
  left: 0;
  top: -36px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(3) img {
  position: absolute;
  left: 0;
  top: -71px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(4) img {
  position: absolute;
  left: 0;
  top: -107px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(5) img {
  position: absolute;
  left: 0;
  top: -143px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(6) img {
  position: absolute;
  left: 0;
  top: -176px;
  -webkit-transform: unset;
}
.h-sub-menu ul li:nth-child(7) img {
  position: absolute;
  left: 0;
  top: -214px;
  -webkit-transform: unset;
}
.h-sub-menu ul li:nth-child(8) img {
  position: absolute;
  left: 0;
  top: -247px;
  -webkit-transform: unset;
}
.h-sub-menu ul li:nth-child(9) img {
  position: absolute;
  left: 0;
  top: -282px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(10) img {
  position: absolute;
  left: 0;
  top: -317px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(11) img {
  position: absolute;
  left: 0;
  top: -352px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(12) img {
  position: absolute;
  left: 0;
  top: -447px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(13) img {
  position: absolute;
  left: 0;
  top: -384px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(14) img {
  position: absolute;
  left: 0;
  top: -480px;
  -webkit-transform: unset;
  transform: unset;
}
.h-sub-menu ul li:nth-child(16) img {
  position: absolute;
  left: -2px;
  top: -698px;
  -webkit-transform: unset;
  transform: unset;
  max-width: 23px;
}
.h-sub-menu ul li:nth-child(15) img {
  position: absolute;
  left: -2px;
  top: -660px;
  -webkit-transform: unset;
  transform: unset;
  max-width: 23px;
}
.h-sub-menu ul li:nth-child(14) span {
  height: 20px;
}
.chuyengia {
  display: inline-block;
  position: relative;
}
.chuyengia div {
  position: absolute;
  display: none;
  width: 287px;
  font-size: 14px;
  color: #fff;
  /* bottom: 30px; */
  top: 20px;
  left: 10px;
}
.chuyengia div span {
  display: inline-block;
  background: #5d93fe;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 15px;
}
.chuyengia:hover div,
.chuyengia:focus div {
  display: block;
}
.lamnvcustomcss {
  overflow: unset;
}
.lamnvcustomcss ul li {
  float: none;
  display: inline-block;
}
.popup_reason_block_account {
  position: fixed;
  top: 10%;
  text-align: center;
  left: 50%;
  z-index: 99999;
  background: #fff;
  height: 500px;
  overflow-y: auto;
  margin-left: -250px;
  padding: 12px 10px 15px 10px;
  border-radius: 4px;
}
.shop-gift {
  left: 50%;
  width: 1200px;
  margin-left: -600px;
  height: 80%;
}
.shop-gift ul {
  text-align: left;
}
.shop-gift ul li {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.shop-gift ul li a {
  overflow: hidden;
  opacity: 0.75;
  position: relative;
  display: block;
  border: 2px solid #e0e0e069;
  margin: 5px;
  transition: all 500ms;
  background: #fff;
  border-radius: 6px;
}
.shop-gift ul li a .not_for_sale {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(45deg, #ee89c0, red);
  color: #fff;
  font-weight: 900;
  padding: 0 10px 0 20px;
  font-size: 10px;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 11% 50%, 0% 0%);
  animation: nhapNhay 1.4s infinite linear;
}

@keyframes nhapNhay {
  0%{
    background: linear-gradient(45deg, #ee89c0, red);
  }
  100%{
    background: linear-gradient(45deg, #f85f07, rgb(255, 136, 0));
  }
}

.shop-gift ul {
  margin-top: 30px;
}
.list-gift {
  margin-top: 10px;
}
.shop-gift .price-point {
  left: 20px;
  bottom: 0px;
  left: 100px;
  padding: 0px 4px;
  display: block;
  color: #fff;
  width: 72px;
  text-align: center;
  background-image: linear-gradient(#e18eadcf, #d74f95cf, #ff0a92bd);
}
.shop-gift .level-gift-2 .price-point {
  background-image: linear-gradient(#91e8ff, #61b0ff, #458ea7);
}
.shop-gift .continue-btn,
.shop-gift .cancel-btn {
  opacity: 1;
}
.shop-gift .level-gift-3 .price-point {
  background-image: linear-gradient(#baf758, #81b80e, #5a9102);
}
.shop-gift .level-gift-4 .price-point {
  background-image: linear-gradient(#f3d88f, #fdbe27, #f7a967, #d99c04);
}
.gift-2-gif {
  width: 50px;
  margin-right: 10px;
}
.gift_virtual_store .gift-detail ul li a {
  color: #333;
  box-shadow: unset;
  margin: 0;
}
.current-point {
  margin-left: calc(100% - 208px);
  margin-top: -70px;
  text-align: right;
  font-size: 14px;
  position: sticky;
  top: 0;
  right: 1px;
  padding: 6px 6px;
  background: #fff;
  z-index: 9999;
  width: 188px;
  height: auto;
  box-shadow: 3px 3px 5px 1px #ccc;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  align-items: center;
  align-items: flex-end;
  justify-content: space-around;
  align-content: flex-start;
  flex-direction: column;
}
.current-point span {
  display: block;
}
.sub-point {
  top: 25px;
}
.end-sub-point {
  top: 50px;
}
.btn-choose-gift {
  opacity: 1;
  transition: all 500ms;
  text-align: center;
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: #fff;
  color: #fff;
  padding: 2px 10px 2px 10px;
  border-radius: 6px;
}
.shop-gift ul li a:hover .btn-choose-gift {
  opacity: 1;
  background: #3b8599;
}
.shop-gift ul li a.active .btn-choose-gift {
  opacity: 1;
  background: #fff;
}
.shop-gift ul li a b {
  font-weight: normal;
}
.shop-gift ul li a:hover,
.shop-gift ul li a.active {
  background: #d64f9a2e;
  border: 2px solid #d64f9a;
  opacity: 1;
}
.shop-gift ul li a.active b {
  font-weight: bold;
}
.shop-gift ul li a.active .btn-choose-gift {
  left: 9px;
  bottom: 0px;
  right: unset;
  line-height: 15px;
  padding: 2px 24px;
}
.shop-gift h2 {
  line-height: 46px;
}
.shop-gift ul li a.level-gift-2:hover,
.shop-gift ul li a.level-gift-2.active {
  background: #83caff63;
  border: 2px solid #509ccb;
}
.shop-gift ul li a.level-gift-3:hover,
.shop-gift ul li a.level-gift-3.active {
  background: #92cd2b59;
  border: 2px solid #5c9302;
}
.shop-gift ul li a.level-gift-4:hover,
.shop-gift ul li a.level-gift-4.active {
  background: #f9be2c52;
  border: 2px solid #db9d0a;
}
.mask-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 9999;
}
.popup_reason_block_account h3 {
  margin-bottom: 12px;
  margin-top: 20px;
}
.popup_reason_block_account .action {
  margin-top: 20px;
}
.popup_reason_block_account .cancel-btn {
  background: #a5a5a5;
  width: 140px;
  display: inline-block;
  padding: 6px 0;
  border-radius: 4px;
  margin-right: 10px;
  font-weight: bold;
  color: #fff;
  opacity: 0.7;
}
.popup_reason_block_account .action a:hover {
  opacity: 1;
}
.popup_reason_block_account .continue-btn {
  opacity: 1;
  color: #fff;
  font-weight: bold;
  background: #e7b712;
  width: 140px;
  display: inline-block;
  padding: 3px 0;
  border-radius: 4px;
  margin-right: 10px;
}
.popup_reason_block_account textarea::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
.popup_reason_block_account textarea::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
}
.popup_reason_block_account textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  background-color: #f5f5f5;
}
.tox-tinymce {
  border: none;
}
/* .pqMaxHeight .tox-tinymce {
  opacity: 0.7;
} */
.pqMaxHeight .tox .tox-edit-area {
  border-top: none;
  border-bottom: 1px solid #d0e3e9 !important;
  margin-bottom: 5px;
  overflow: hidden !important;
}
#form-placeholder::placeholder {
  color: black;
  -webkit-text-stroke-width: thin;
}
.darkMode #form-placeholder::placeholder {
  color: #ecfbff;
}
.button-format {
  cursor: pointer;
}
.button-format:hover {
  background-color: #ababab !important;
}
/* .pqMaxHeight .tox-tinymce {
  border: 1px solid black;
} */
.special-rank {
  position: relative;
  vertical-align: text-bottom;
  margin: 0 0 5px 1px;
}
.special-rank span {
  position: absolute;
  display: none;
  left: 16px;
  top: -18px;
  width: 120px;
  background: #fff;
  z-index: 2;
  border: 1px solid #6cb0c76e;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
}
.special-rank:hover span {
  display: block;
}
.list-special-rank li {
  width: calc(33% - 10px);
  display: inline-block;
  text-align: left !important;
  float: none;
  font-size: 14px;
  color: #999;
  margin-right: 10px;
}
.answer_by_subject li {
  width: calc(33% - 10px);
  display: inline-block;
  text-align: left !important;
  float: none;
  font-size: 14px;
  color: #e7b712;
  margin: 5px 5px 10px 5px;
}
.answer_by_subject li .answer_number {
  position: relative;
}
.answer_by_subject li .answer_number .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 0;
}
.answer_by_subject li .answer_number:hover .tooltiptext {
  visibility: visible;
}
.answer_by_subject .answer_by_subject_detail {
  width: calc(100% - 315px);
  margin-left: 15px;
}
.list_special_rank {
  padding-top: 6px;
}
.list_special_rank li {
  /*width: calc(20% - 10px);*/
  width: 110px;
  /* display: inline-block; */
  text-align: center !important;
  float: none;
  font-size: 14px;
  color: #262626;
  margin: 5px 5px 10px 5px;
}

.list_special_rank li img {
  cursor: pointer;
  opacity: 0.85;
  transition: all 500ms;
  transform: scale(1);
}

.list_special_rank li img:hover {
  opacity: 1;
  transform: scale(1.02);
}

/* .list_special_rank .special_rank{
    text-align: center !important;
} */
.list_special_rank span {
  display: block;
}

.box-rank-info {
  max-width: 400px !important;
}
.disable-event-click {
  pointer-events: none;
}
.popup-notify-special-rank {
  position: fixed;
  top: calc(50% - 300px);
  overflow: hidden;
  margin: 0 !important;
  width: 800px;
  height: 600px;
  left: calc(50% - 400px);
  z-index: 9999999;
  border-radius: 20px;
}
.body-special {
  text-align: center;
  width: 400px;
  margin: 0 auto;
  margin-top: 0px;
  padding: 10px 20px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 18px;
}
.body-special p.first-p {
  margin-top: 120px;
}
.popup-notify-normal img {
  margin-right: 6px;
}
.popup-notify-normal {
  position: fixed;
  z-index: 9999999;
  bottom: 20px;
  left: 20px;
  background: #fff;
  padding: 5px 35px 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: 3px 3px 7px 2px #ccccccde;
}
.notifical-child a span {
  color: #262626;
  /* margin-left: 5px; */
}
.info-page .h-question {
  border-radius: unset;
  width: 100%;
}
.content-answer-1 {
  white-space: normal;
  line-height: 22px;
  overflow: hidden;
}
.content-answer-1 pre {
  scrollbar-width: thin;
  scrollbar-color: #458ea7 #fcfcfc;
}
.content-answer-1 p code {
  display: block;
  background-color: #e8e8e8;
  border-radius: 3px;
  padding: 1px 3px;
  width: fit-content;
  word-break: break-all;
}
/* .content-answer-1 pre code {
  text-wrap: wrap;
  word-break: break-all;
} */
.content-answer-1 p {
  margin-bottom: 8px;
}
.content-answer-1 table {
  width: 100% !important;
}
.form-answer {
  white-space: normal !important;
}
.form-answer p {
  margin-block-end: 4px !important;
  margin-block-start: 4px !important;
}
.content-answer-1 img {
  position: unset !important;
  left: unset !important;
  width: unset !important;
}
.body-special h2 {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 26px;
}
.list-user .block-rank-user-0,
.list-user .block-rank-user-1,
.list-user .block-rank-user-2,
.list-user .block-rank-user-3 {
  list-style: none;
  display: inline-block;
  width: 25%;
  font-size: 14px;
  vertical-align: top;
}
.list-user ul li {
  position: relative;
  background: #fff;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 3px 0 3px 0;
  border: 1px solid #e0e0e0;
}
.list-user ul li .stt {
  color: #fff;
  background: #8dc354;
  width: 50px;
  display: inline-block;
  text-align: center;
  padding: 14px 0;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 0;
}
.list-user ul li > * {
  display: inline-block;
  width: calc(100% - 48px);
  margin-left: 58px;
  color: #333;
}
.list-user ul li > a {
  margin-left: 54px;
}
.list-user ul li.item-0 .stt {
  background: #f97d65;
}
.list-user ul li.item-1 .stt {
  background: #ffcd46;
}
.list-user ul li.item-2 .stt {
  background: #3e4d84;
}
.text-center {
  text-align: center;
}
.showMoreMessage:hover {
  text-decoration: underline;
}
.rank-by-type a:hover,
.rank-by-type a.active {
  background: #f7b606;
}
.gift-detail {
  width: 500px;
  padding: 0px 12px 20px 12px;
}
.rank-by-type a {
  background: #fff;
  font-weight: bold;
  padding: 5px 8px;
  border: 1px solid #f7b606;
  border-right: none;
  font-size: 14px;
  margin-top: 5px;
  display: inline-block;
}
.rank-by-type a:last-child {
  border-right: 1px solid #f7b606;
}
.list-news .info-news {
  width: calc(100% - 208px);
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.list-news {
  margin-top: 100px;
}
.item-news .thumbnail-news {
  width: 186px;
  display: inline-block;
}

.list-news .item-news {
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
}
.list-news .item-news .title {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: bold;
  color: #458ea7;
  margin-bottom: 3px;
  text-align: left;
  padding-top: 5px;
}
.list-news .item-news:hover .title {
  color: #db9b00;
}
.list-news .item-news:hover img {
  opacity: 1;
  -webkit-animation: flash 2s;
  animation: flash 2s;
}
@-webkit-keyframes flash {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.news-detail h2 {
  line-height: 28px;
}
.related-post a:hover {
  color: #db9b00 !important;
}
.related-post .item img {
  width: 80px;
  vertical-align: top;
  display: inline-block;
}
.related-post .item a {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  margin-left: 10px;
  width: calc(100% - 95px);
  font-size: 14px;
}
.list-cate .item-cate {
  display: inline-block;
  width: calc(50% - 20px);
  vertical-align: top;
  font-size: 20px;
  margin-bottom: 40px;
  margin-right: 20px;
}
.list-cate .item-cate:nth-of-type(2n) {
  margin-right: 0;
  margin-left: 20px;
}
.list-cate .item-cate .title-cate {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 12px;
}
.list-cate .item-cate .title-cate a {
  color: #458ea7;
  font-weight: bold;
  width: 100%;
  display: block;
}
.list-cate .item-cate .title-cate a:hover,
.list-cate .item-cate .title-news:hover {
  color: #db9b00;
}
.list-cate .item-cate .title-news {
  color: #333;
  margin-left: 10px;
  font-size: 14px;
}
.list-cate {
  margin-top: 30px;
}
.list-cate h2 {
  margin-bottom: 30px;
}
.list-cate .item-cate .title-news img {
  margin-right: 5px;
  vertical-align: sub;
}
.list-cate .item-cate .list-top-news .item {
  margin-bottom: 12px;
  line-height: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.YourHighlightClass {
  font-weight: bold;
  background: transparent;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.list-gage {
  padding-bottom: 30px;
}
.opacity-box {
  height: 30px;
  /*z-index: 999;*/
  margin-top: -30px;
  width: 100%;
  background-image: linear-gradient(#ffffff29, #ffffffd6 30%);
  position: relative;
}

.only-mobile {
  display: none;
}
.pqMaxHeight {
  max-height: 400px;
}

.react-viewer-close {
  top: 52px !important;
}

.history-virtual-gift {
  width: 700px;
  margin-left: -350px;
}
.top_report_badge {
  padding: 3px 5px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 25px;
  font-size: 12px;
  margin-right: 10px;
  color: rgb(153, 153, 153);
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  margin-bottom: 5px;
}

.top_report_badge_active {
  padding: 4px 5px;
  background-color: rgb(82, 196, 26);
  border-radius: 25px;
  color: white;
  font-size: 12px;
  margin-right: 10px;
  cursor: pointer;
}

.ref_user_filter {
  padding: 12px 24px;
  clear: both;
}

.searchMobi {
  display: none;
}

.linkLatex {
  width: auto !important;
  cursor: pointer;
  background: none !important;
  border: none !important;
  color: #468da7 !important;
  vertical-align: middle !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
}

@media all and (max-width: 425px) {
  .linkLatex {
    margin-top: 12px !important;
  }
}

.linkLatex > label {
  cursor: pointer;
}
.shop-gift .cancel-btn {
  position: absolute;
  text-align: center;
  left: 0;
  top: 0px;
  border-radius: 2px;
  width: 22px;
  padding: 0px 1px 2px 1px;
}
.shop-gift .continue-btn {
  pointer-events: unset;
  opacity: 1;
  width: 50px;
  text-align: center;
  font-size: 14px;
}
.shop-gift .cancel-buy-virtual {
  opacity: 1;
  color: #fff;
  font-weight: bold;
  background: #b1b1b1;
  width: 50px;
  display: inline-block;
  padding: 3px 0;
  font-size: 14px;
  border-radius: 4px;
  margin-right: 10px;
  text-align: center;
}

@media screen and (max-width: 1140px) {
  .page-404 {
    text-align: center;
    min-height: 600px;
    padding: 110px 0 0 0;
  }
  .page-404 h1 {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 1365px) {
  .current-point {
    top: 0;
    right: 0;
    margin-left: calc(100% - 208px);
    margin-top: -65px;
    text-align: right;
    font-size: 14px;
    position: sticky;
    top: 0;
    right: 1px;
  }
  .shop-gift {
    width: 900px;
    margin-left: -450px;
    overflow-y: scroll;
    height: 500px;
  }
  .shop-gift ul li {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .list-special-rank li {
    width: calc(50% - 10px);
  }
  .answer_by_subject li {
    width: calc(50% - 10px);
  }
  .launching-page > div {
    width: 930px;
  }
  .launching-page p {
    padding: 0 114px;
    margin-bottom: 10px;
  }
  .time_countdown {
    font-size: 60px;
    font-weight: bold;
    line-height: 50px;
    margin-top: 20px;
  }
  .h247-login li {
    float: right;
    list-style: none;
    margin: 0px 5px;
  }
  .h247-login .pc-option-user li {
    float: none;
  }
}
@media screen and (max-width: 960px) {
  .shop-gift h2,
  .shop-gift h2 ~ p {
    text-align: left;
    margin-left: 30px;
  }
  .shop-gift ul li a:hover,
  .shop-gift ul li a:active,
  .shop-gift ul li a:focus,
  .shop-gift ul li a.level-gift-2:hover,
  .shop-gift ul li a.level-gift-2:active,
  .shop-gift ul li a.level-gift-2:focus,
  .shop-gift ul li a.level-gift-3:hover,
  .shop-gift ul li a.level-gift-3:active,
  .shop-gift ul li a.level-gift-3:focus,
  .shop-gift ul li a.level-gift-4:hover,
  .shop-gift ul li a.level-gift-4:active,
  .shop-gift ul li a.level-gift-4:focus {
    background: unset;
    border: 2px solid #e0e0e069;
    opacity: 1;
  }
  .shop-gift ul li a.active {
    background: #d64f9a2e;
    border: 2px solid #d64f9a;
    opacity: 1;
  }
  .shop-gift ul li a.level-gift-2.active {
    background: #83caff63;
    opacity: 1;
    border: 2px solid #509ccb;
  }
  .shop-gift ul li a.level-gift-3.active {
    background: #92cd2b59;
    opacity: 1;
    border: 2px solid #5c9302;
  }
  .shop-gift ul li a.level-gift-4.active {
    background: #f9be2c52;
    opacity: 1;
    border: 2px solid #db9d0a;
  }
  .shop-gift {
    width: 700px;
    margin-left: -350px;
    overflow-y: scroll;
    height: 80%;
  }
  .shop-gift ul li {
    width: 33%;
  }
  .shop-gift .continue-btn {
    top: 34px;
    margin: 0;
    width: 120px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
  }
  .shop-gift .continue-btn {
    pointer-events: unset;
    opacity: 1;
    width: 50px;
  }
  .gift_virtual_store ul li a img {
    opacity: 1;
  }
  .gift_virtual_store ul li a img {
    width: 54px !important;
  }
  .gift_virtual_store ul li a span {
    right: -12px;
  }
  .gift_virtual_store ul li a {
    margin-right: 12px;
  }
  .list-user .block-rank-user-0,
  .list-user .block-rank-user-1,
  .list-user .block-rank-user-2,
  .list-user .block-rank-user-3 {
    width: 50%;
  }
  h1 {
    font-size: 26px;
    line-height: 28px;
  }
  .list-user .block-rank-user-1 li,
  .list-user .block-rank-user-3 li {
    margin-right: 0;
  }
  .pt52 {
    padding-top: 60px;
  }
  .fb_dialog {
    bottom: 68pt !important;
    right: 15pt !important;
  }

  .add-question-block {
    padding: 0 10px;
  }
  .launching-page > div {
    width: 100%;
  }
  .launching-page p {
    padding: 0 50px;
    margin-bottom: 10px;
  }
  .time_countdown {
    font-size: 60px;
    font-weight: bold;
    line-height: 50px;
    margin-top: 20px;
  }
  .page-404 {
    text-align: center;
    min-height: 600px;
    padding: 85px 0 0 0;
  }
  .page-404 h1 {
    font-size: 90px;
    line-height: 90px;
  }
  .h247-tooltip {
    display: none;
  }
  .searchTerm {
    padding: 2px 5px;
  }
  .h-top-ardor .list-gage {
    max-height: none;
  }
  .answer_box .content-ques {
    margin-bottom: 25px;
  }
  .form-answer > .pd12 {
    padding: 0;
  }
  .not_published_subject {
    display: none;
  }
  .form-ask-ques {
    height: auto;
    top: 5%;
  }
  .box-send {
    /*position:absolute;*/
    bottom: 12px;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
  }
  .h-sub-menu {
    width: 1500px;
    height: 55px;
    transition: height 0.15s ease-out;
  }
  .h-sub-menu.show-all {
    height: auto;
    width: auto;
    transition: height 0.2s ease-in;
  }
  .boxtimmer {
    display: inline-block;
    margin: 15px 0 0 50px;
  }
  .searchTerm {
    width: calc(100% - 98px);
    outline: none;
  }

  .list-news {
    margin-top: 60px;
  }
  .list-cate {
    margin-top: 0;
  }
  .list-cate h2 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .list-cate .item-cate {
    display: block;
    width: 100%;
    vertical-align: top;
    font-size: 18px;
    margin-bottom: 30px;
    margin-right: 0;
  }
  .list-cate .item-cate:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 0;
  }
  .list-cate .item-cate .title-news {
    color: #333;
    margin-left: 20px;
    font-size: 14px;
  }
  .list-cate .item-cate .list-top-news .item {
    margin-bottom: 8px;
    line-height: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
  }
}
@media screen and (max-width: 768px) {
  .info-question2 .vote:hover .des-vote {
    display: none;
  }
  .col-404 {
    width: 100%;
  }
  .box-404 img {
    width: 80%;
  }
  .box-404 {
    height: 90%;
  }
  .block-404 {
    height: 750px;
  }
}
@media (max-width: 767px) {
  .popup_reason_block_account {
    height: 400px;
  }
  .history-virtual-gift h2 {
    font-size: 18px;
  }
  .history-virtual-gift h2 img {
    display: none;
  }
  .history-virtual-gift ul {
    margin-top: 20px;
  }
  .current-point {
    padding: 0 6px;
    margin-top: -40px;
    font-size: 13px;
    width: 175px;
  }
  .shop-gift ul {
    margin-top: 20px;
  }
  .shop-gift {
    width: 90% !important;
    margin-left: 5% !important;
    left: 0;
    overflow-y: scroll;
    height: 70%;
  }
  .shop-gift ul li {
    width: 50%;
  }
  .shop-gift h2,
  .shop-gift p {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 8px;
    font-size: 20px;
  }
  .shop-gift h2 {
    margin-bottom: 0;
    line-height: 28px;
  }
  .shop-gift h2,
  .shop-gift h2 ~ p {
    margin-bottom: 0;
  }
  .gift-detail .img-minhhoa,
  .gift-2-gif,
  h2 img {
    display: none;
  }
  .gift-detail ul {
    width: auto;
    display: block;
    margin-left: 20px;
  }
  .shop-gift ul li a {
    opacity: 1;
  }

  .box-rank-info {
    max-width: unset !important;
  }
  .list_special_rank li {
    width: 76px;
  }
  .list_special_rank li img {
    max-width: 60%;
  }
  .ref_user_filter {
    padding: 12px 12px;
  }
  .react-viewer-close {
    top: 46px !important;
  }
  .only-mobile {
    display: block;
  }

  .only-pc {
    display: none;
  }
  .pqMaxHeight {
    max-height: calc(100% - 110px);
  }

  .content-answer-1 ul {
    padding-left: 15px;
  }
  .list-user ul li {
    margin-left: 8px;
    margin-bottom: 8px;
  }
  .special-rank span {
    position: absolute;
    display: none;
    left: -45px;
    top: -22px;
    width: 120px !important;
  }
  .special-rank.bdhh span {
    left: 0px;
    top: 25px;
    width: 120px !important;
  }
  .list-special-rank li {
    width: calc(47% - 10px) !important;
  }
  .answer_by_subject li {
    width: calc(47% - 10px) !important;
  }
  .answer_by_subject .answer_by_subject_detail {
    width: 100%;
    margin-left: 0;
  }
  #warning-leave-page .notify-warning {
    min-height: 97% !important;
  }
  .notify-warning {
    min-height: 88% !important;
    margin: 0 0 !important;
  }
  .notify-warning .box-send {
    bottom: 6px !important;
  }
  .notify-warning .pd24 {
    overflow: auto;
    margin-bottom: 15px;
  }
  .fs24 {
    font-size: 22px;
    line-height: 26px;
  }
  .list-edit li .report_item {
    margin: 0px 12px;
  }
  .searchTerm {
    width: calc(100% - 60px);
    outline: none;
  }
  .notifi-verify {
    width: auto;
  }
  .h-login {
    padding: 0 0;
  }
  .h247-login .h-login .avt36 {
    display: inline-block;
    margin-top: 14px;
  }
  .pc-option-user {
    display: none;
  }
  .menu-user {
    /*top: 50px;*/
    width: 100% !important;
    /*height: calc(100% - 50px);*/
    overflow: auto;
    /*position: relative;*/
  }

  /*.menu-user::before {*/
  /*content: '';*/
  /*border: .5rem solid transparent;*/
  /*border-bottom-color: #fff;*/
  /*position: absolute;*/
  /*top: -1rem;*/
  /*right: 24px;*/
  /*width: 0;*/
  /*margin: 0 auto;*/
  /*pointer-events: none;*/
  /*}*/
  .log-out {
    margin-top: 30px;
    position: relative;
  }
  .form-answer .opt-ask {
    height: auto;
    display: block;
    overflow: hidden;
  }
  .form-answer .opt-ask > span {
    font-size: 12px !important;
  }
  .opt-ask a {
    width: 24px;
    height: 24px;
    padding: 4px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    margin: 0 5px;
  }
  .box-mathjax a {
    width: 58px;
  }
  .page-404 {
    text-align: center;
    min-height: 450px;
    padding: 85px 0 0 0;
  }
  .page-404 h1 {
    font-size: 70px;
    line-height: 70px;
  }
  /*Tuenv*/
  .box-answer .hover-avt {
    display: none;
  }

  .action-empale {
    margin-top: 6px;
  }
  .action-empale ul li {
    margin-bottom: 0;
  }
  .pd0 {
    padding: 0;
  }
  .img-current {
    margin-top: 0;
  }
  /*End tuenv*/

  .boxtimmer {
    display: inline-block;
    margin: 15px 0 0 35px;
  }
  /*.form-question .action-empale ul li a{*/
  /*border: 1px solid #e0e0e0;*/
  /*}*/
  .visible-xs {
    display: block;
  }
  /* .form-ask-ques.login .opt-ask > a ,.form-ask-ques.login .opt-ask > .bdr2 {
        display: none;
    } */
  /* 
    .form-ask-ques.login .opt-ask > a ,.form-ask-ques.login .opt-ask > .bdr2, .form-answer .opt-ask > a ,.form-answer  .opt-ask > .bdr2{
        display: none;
    } */
  .showMathJax .opt-ask a {
    padding: 4px;
  }
  .form-ask-ques .fs24 {
    font-size: 18px;
    padding: 0 20px;
  }
  .form-ask-ques {
    padding-top: 12px;
    /*min-height: 90%;*/
    top: 5%;
  }
  .close-popup {
    font-size: 22px;
    width: 20px;
    line-height: 17px;
    padding: 2px 0 1px 0;
    right: 4px;
    top: 4px;
  }
  .form-ask-ques .opt-select > .fl {
    float: none;
  }
  /*.form-ask-ques .box-send {*/
  /*position: relative;*/
  /*bottom: 12px;*/
  /*}*/
  .tooltips-point .des-tooltips {
    left: 0;
    right: auto;
  }
  .form-ask-ques .btn-add-ques {
    max-width: 240px;
    margin-top: 0;
  }
  .form-answer,
  .form-ask-ques.form-report {
    max-height: none;
    overflow: hidden;
    min-width: 97%;
  }
  .Write-question {
    height: 118px;
  }
  .h-signin {
    margin-top: 22px !important;
  }
  .h247-footer {
    margin-top: 30px;
  }
  .hidden-xs {
    display: none;
  }
  .launching-page p {
    padding: 0 20px;
    margin-bottom: 10px;
  }
  .time_countdown > span {
    width: 90px;
    display: inline-block;
    position: relative;
    text-align: center;
  }
  .time_countdown {
    font-size: 40px;
    font-weight: bold;
    line-height: 36px;
    margin-top: 20px;
  }
  .form-add-question {
    bottom: 35px;
    right: 5px;
  }
  .form-add-question strong {
    margin-right: 9px;
    padding: 2px 6px;
    font-size: 14px;
  }
  .float-btn-question {
    width: 36px;
    height: 36px;
  }
  .float-btn-event {
    width: 50px;
    height: 50px;
  }
  .float-btn-event .timedown {
    left: -2px;
  }
  .btn-add {
    width: 26px;
    height: 26px;
    margin: 5px;
  }
  .btn-add img {
    max-width: 14px;
  }
  .form-ask-ques .opt-select > li {
    margin: 0 8px 0px 0;
    font-size: 14px;
  }
  .form-ask-ques {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    border-radius: unset;
  }

  .popup-email {
    width: 80% !important;
    height: 17% !important;
    top: 30% !important;
    border-radius: 5px;
  }
  /*tungld*/
  .popup-notify-special-rank {
    width: 100%;
    height: auto;
    top: 130px;
    left: calc(50% - 220px);
    text-align: center;
  }
  .body-special {
    width: 440px;
    margin: 0 auto;
    margin-top: 22px;
    padding: 30px 0px 150px 0px;
    margin-left: 0;
  }
  .info-page .h-question {
    width: calc(100% - 12px);
  }
  .list-news .item-news .title {
    margin-bottom: 3px;
    font-size: 16px;
  }
  select,
  textarea,
  input[type="text"],
  input[type="search"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"] {
    font-size: 16px;
  }
  .form-add-question strong img {
    position: absolute;
    right: -10px;
    top: 0px;
    max-width: 12px;
  }
  .form-add-question {
    display: block !important;
  }
  .form-add-question strong {
    top: -11px;
  }
  .gift-detail h2 {
    font-size: 14px;
  }
  .popup_reason_block_account {
    position: fixed;
    top: 20%;
    text-align: center;
    left: 0;
    z-index: 99999;
    background: #fff;
    width: 90%;
    margin-left: 5%;
    padding: 12px 3px 20px 3px;
    border-radius: 4px;
  }
  .popup_reason_block_account textarea {
    width: 94%;
  }
  .gift-vitural-show {
    left: 50%;
  }
  .news-detail table {
    width: 100% !important;
  }
  .news-detail td {
    padding-left: 5px !important;
  }

  .guideContent {
    max-height: unset;
    height: 100%;
    border-radius: unset;
    padding-top: 50px;
    padding: 20px;
    top: 56px;
  }

  .header-search {
    /* margin-left: 10px; */
    /* border-bottom: 1px solid; */
    width: calc(100% - 162px);
    transition: 0.35s;
  }
  .searchMobi {
    display: block;
    position: relative;
  }
  .searchMobi input {
    background-color: #e2e2e2;
    padding: 0 30px 0 10px;
    border-radius: 25px;
    width: calc(100% - 40px);
  }
  .searchMobi img {
    position: absolute;
    right: 5px;
    top: 8px;
  }
  .search {
    display: none;
  }
  .shop-gift ul li a b {
    margin-left: 5px !important;
    font-size: 14px;
  }
  .current-point {
    margin-top: 5px;
    margin-left: 5px;
    width: 170px;
  }
}
@media screen and (max-width: 500px) {
  .popup-email {
    height: auto !important;
  }
  .shop-gift h2 {
    margin-bottom: 0;
    margin-left: 10px;
  }
  .shop-gift p {
    margin-bottom: 10px;
  }
  .shop-gift ul li {
    width: 100%;
  }
  h2 img {
    display: inline-block;
    margin-top: -20px;
  }
  .shop-gift {
    width: 90% !important;
    margin-left: 5% !important;
    left: 0;
    overflow-y: scroll;
    height: 70%;
  }
  .shop-gift h2 {
    font-size: 20px;
  }
  .list-special-rank li {
    width: 100% !important;
    margin-right: 0;
  }
  .chuyengia {
    position: unset;
  }
  .chuyengia span {
    left: -5px;
  }
  .lamnvcustomcss {
    position: relative;
  }
  .item-news .thumbnail-news {
    /* display: none; */
  }
  .list-news .info-news {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  .list-news .item-news {
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
  }
}

/* Page list mod */
.user-Mod a {
  padding: 16px 12px;
  display: inline-block;
  color: #458ea7;
}
.icon-mod {
  width: 27px;
  height: 27px;
  overflow: hidden;
}

.list-action-mod li {
  list-style: none;
  border-top: 1px dotted #e1e1e1;
}
.list-action-mod li a {
  padding: 12px 24px;
  display: block;
  color: #262626;
}
.icon-mod img {
  max-width: 51px !important;
}
.list-action-mod li a:hover {
  background-color: #458ea7;
  color: #fff;
  font-weight: 700;
}
.list-action-mod li:nth-child(1) a:hover img {
  -webkit-transform: translate(-28px, 0px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(2) a:hover img {
  -webkit-transform: translate(-28px, -46px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(3) a:hover img {
  -webkit-transform: translate(-28px, -92px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(4) a:hover img {
  -webkit-transform: translate(-28px, -138px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(5) a:hover img {
  -webkit-transform: translate(-28px, -184px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(2) img {
  -webkit-transform: translateY(-46px);
}
.list-action-mod li:nth-child(3) img {
  -webkit-transform: translateY(-92px);
}
.list-action-mod li:nth-child(4) img {
  -webkit-transform: translateY(-138px);
}
.list-action-mod li:nth-child(5) img {
  -webkit-transform: translateY(-184px);
}

.form-list-mod {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.form-list-mod ul li {
  width: 20%;
  height: auto;
  position: relative;
  display: inline-block;
  float: left;
  margin-bottom: 24px;
}
.form-list-mod ul li a {
  padding: 0px 24px;
  display: block;
  text-align: center;
}
.avt120 {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  overflow: hidden;
  margin: auto;
}
.avt120 img {
  width: 100%;
}
.form-list-mod ul li strong {
  padding: 4px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1124px) {
  .form-list-mod ul li {
    width: 25%;
  }
}

@media screen and (max-width: 960px) {
  .h-sub-menu ul li {
    float: left;
  }
  .list-special-rank li {
    width: calc(30% - 10px) !important;
  }
  .menu-contol-mod {
    position: fixed;
    top: 0;
    right: -278px;
    width: 278px;
    height: 100%;
    z-index: 1000000;
    background-color: #fff;
    visibility: hidden;
    -webkit-transition: all ease 0.3s;
    border-radius: 0px;
    margin-top: 0px;
  }
  .menu-contol-mod-show {
    right: 0;
    visibility: visible;
    -webkit-transition: all ease 0.3s;
  }

  .list-action-mod li {
    border: 0px !important;
    padding: 0px 12px;
    padding-bottom: 12px;
  }

  .list-action-mod li a {
    padding: 6px 12px !important;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
  }
}

@media screen and (max-width: 768px) {
  .list-special-rank li {
    width: calc(47% - 10px) !important;
  }
  .form-list-mod ul li {
    width: 33.33%;
  }
}
@media screen and (max-width: 480px) {
  .body-special h2 {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 18px;
    margin-top: -2px;
  }
  .list-special-rank li {
    width: 100% !important;
  }
  .form-list-mod ul li {
    width: 50%;
  }
  .profile-grade,
  .profile-province {
    display: block;
    margin-left: 0 !important;
  }
  .box-info {
    display: none;
  }
  .list-comment .img-userq {
    display: block !important;
  }
  .box-answer .form-question {
    margin-left: 0;
  }
  .body-special img {
    width: 320px !important;
  }
  .body-special {
    font-size: 15px;
    line-height: 17px;
  }
  .body-special p.first-p {
    margin-top: 70px;
  }
  .popup-notify-special-rank {
    left: calc(50% - 160px);
    width: 320px;
  }
  .body-special {
    width: 100%;
  }
}
@media screen and (max-width: 330px) {
  #form-placeholder {
    top: 135px !important;
  }
}
/*@media screen and (max-width: 425px){*/
/*.popup-notify-special-rank {*/
/*width: 100%;*/
/*height: 300px;*/
/*top: 100px;*/
/*left: 0;*/
/*}*/
/*.body-special {*/
/*width: 100%;*/
/*height: 100px;*/
/*margin-top: 0;*/
/*position: relative;*/
/*}*/
/*.body-special h3 {*/
/*font-size: 16px;*/
/*position: absolute;*/
/*top: 42px;*/
/*left: 11px;*/
/*}*/
/*.body-special h3:nth-child(9) {*/
/*font-size: 16px;*/
/*position: absolute;*/
/*top: 108px;*/
/*left: 37px;*/
/*}*/
/*}*/
/* End page list mod */

/* Page censorship question */
.user-Mod a {
  padding: 16px 12px;
  display: inline-block;
  color: #458ea7;
}
.icon-mod {
  width: 27px;
  height: 27px;
  overflow: hidden;
}

.list-action-mod li {
  list-style: none;
  border-top: 1px dotted #e1e1e1;
}
.list-action-mod li a {
  padding: 12px 24px;
  display: block;
  color: #262626;
}
.icon-mod img {
  max-width: 51px !important;
}
.list-action-mod li a:hover {
  background-color: #458ea7;
  color: #fff;
  font-weight: 700;
}
.list-action-mod li:nth-child(1) a:hover img {
  -webkit-transform: translate(-28px, 0px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(2) a:hover img {
  -webkit-transform: translate(-28px, -46px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(3) a:hover img {
  -webkit-transform: translate(-28px, -92px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(4) a:hover img {
  -webkit-transform: translate(-28px, -138px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(5) a:hover img {
  -webkit-transform: translate(-28px, -184px);
  -webkit-transition: all ease 0.3s;
}
.list-action-mod li:nth-child(2) img {
  -webkit-transform: translateY(-46px);
}
.list-action-mod li:nth-child(3) img {
  -webkit-transform: translateY(-92px);
}
.list-action-mod li:nth-child(4) img {
  -webkit-transform: translateY(-138px);
}
.list-action-mod li:nth-child(5) img {
  -webkit-transform: translateY(-184px);
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  color: #262626;
  font-size: 14px;
}

input[type="radio"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  cursor: pointer;
}

input[type="radio"]:checked + label span {
  background: url(img/check_radio_sheet.png) -57px top no-repeat;
}

.form-editor-detail {
  background-color: #d0e3e9;
  width: calc(100% - 1.74rem);
  height: auto;
  margin-left: 24px;
  border: 2px solid #d0e3e9;
  border-radius: 5px;
}

.top-detail {
  width: 100%;
  height: auto;
}

.add-time {
  opacity: 0.8;
  padding: 6px 24px;
  display: block;
  border-radius: 5px;
  text-align: center;
}
.add-time:hover {
  opacity: 1;
}

.top-detail .btn-select {
  padding: 6px 8px;
}

#list-action {
  width: 100%;
}

.list-task li {
  list-style: none;
  float: left;
  padding-right: 4px;
}
.list-task li img {
  -webkit-transform: rotate(-90deg);
  width: 12px;
}

.list-apply li {
  list-style: none;
  float: left;
  padding-left: 4px;
}
.list-apply li a {
  padding: 6px 12px;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
}

.bdt1 {
  border-top: 1px solid #b5d2db;
}
.bdt1-gray {
  border-top: 1px solid #e1e1e1;
}

.editor-comment {
  width: calc(100% - 4.4rem);
}

.editor-style {
  background-color: #f5efd9 !important;
  border: 1px solid #e7b712;
  border-radius: 5px;
}

.history-action li {
  list-style: none;
  margin-bottom: 8px;
}
.history-action li a {
  text-decoration: underline;
}

.editor-popup {
  max-width: 816px;
  height: auto;
  max-height: 90%;
  overflow: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  z-index: 1000000;
  margin-top: 100px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 0.3s;
}
.editor-popup-show {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
  -webkit-transition: all ease 0.3s;
}
.editor-area {
  width: calc(100% - 1.74rem);
  height: 86px;
  background: #b5d2db;
  border-radius: 6px 6px 6px 6px;
  color: #262626;
  border: 1px solid #e1e1e1;
}

@media screen and (max-width: 960px) {
  .menu-contol-mod {
    position: fixed;
    top: 0;
    right: -278px;
    width: 278px;
    height: 100%;
    z-index: 1000000;
    background-color: #fff;
    visibility: hidden;
    -webkit-transition: all ease 0.3s;
    border-radius: 0px;
    margin-top: 0;
  }
  .menu-contol-mod-show {
    right: 0;
    visibility: visible;
    -webkit-transition: all ease 0.3s;
  }

  .form-editor-detail {
    width: 100%;
    margin-left: 0px;
    border: 0px;
  }
  .top-detail .pd24 {
    overflow: hidden;
    padding-top: 0px;
  }
  .top-detail .btn-select {
    padding: 6px 6px;
    margin-top: 12px;
  }
  .list-apply {
    margin-top: 12px;
  }

  .history-action li a {
    text-decoration: none;
    padding: 6px 12px;
    background-color: #fff;
    border-radius: 5px;
  }
  .editor-popup {
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  .current-point {
    margin-top: 5px;
    margin-left: 5px;
  }
  .editor-comment {
    width: 100%;
  }
  .action-empale ul li a {
    padding: 6px 5px;
    text-align: center;
  }
  .input-order-cmt {
    left: auto !important;
    right: 15px !important;
    top: 8px !important;
  }
  .unfloat-m {
    float: none !important;
  }
}
@media screen and (max-width: 360px) {
  .notify-warning .pd24 {
    height: 400px;
    overflow: auto;
    margin-bottom: 15px;
  }
  .history-action li a {
    display: inline-block;
    margin-top: 12px;
  }
  .list-apply li a {
    padding: 6px 8px;
  }
  .boxtimmer {
    display: inline-block;
    margin: 15px 0 0 10px;
  }
}
/* End page censorship question */
/* button thank, button report */
.icon-thanks {
  box-shadow: unset !important;
}
.icon-report:hover {
  box-shadow: unset !important;
}

.custom-filter > li {
  float: none;
  display: inline-block;
}
.menu-not-loginn img.colapse-menu {
  display: none;
}
/* guide implement point*/
.h247-box-guide {
  width: 100%;
}
.h247-box-guide h1 {
  text-align: center;
  font-size: 24px;
  line-height: 30px;
}
.h-guide-step {
  width: calc(100% - 48px);
  padding: 24px;
}
.h-guide-step h3 {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.h-guide-step h3 a {
  display: flex;
  align-items: center;
}
.guide-number {
  width: 30px;
  height: 30px;
  margin-right: 6px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.h-guide-step ul li {
  list-style: none;
  margin-left: 12px;
  margin-top: 12px;
}
.h-guide-step.delete ul li {
  list-style: none;
  margin-left: 12px;
  margin-top: 0px;
}
.h-guide-step ul li img {
  transform: translateY(-2px);
  margin-right: 6px;
}
.h-guide-step table td {
  padding: 6px 12px;
}
.logo-rank-small img {
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-2px);
}
.m-form-signin a {
  padding: 8px 24px;
  display: inline-block;
  margin: 12px 5px 0 5px;
  border-radius: 5px;
  font-weight: 700;
  color: #fff;
  width: 100px;
}
.bg-blue {
  background-color: #458ea7;
}
.m-form-signin {
  text-align: center;
  margin-top: 45px;
}
.icon-report .icon-empale {
  display: inline-block;
}
.m-form-signin h4 {
  font-size: 20px;
}
.bg-yellow {
  background-color: #e7b712;
}
.news-detail td {
  padding-left: 20px;
}

.loigiaihay_suggest {
  color: #458ea7;
  font-weight: 600;
  text-decoration: none;
}

@media screen and (max-width: 960px) {
  .h-guide-step {
    width: calc(100% - 24px);
    padding: 12px;
  }
  .h247-box-guide {
    margin-top: 0px;
    border-radius: 0px;
  }
  .h247-col {
    margin-top: 0px;
  }
  .searchButton {
    right: 40px;
  }
  .menu-not-loginn > ul {
    display: none;
  }
  .menu-not-loginn img.colapse-menu {
    display: block;
  }
  .menu-not-loginn {
    margin-top: 37px !important;
  }
  .header-search.showFull {
    width: calc(100% - 25px);
    left: -10px;
    transition: 0.35s;
  }
  .header-search .search-icon-mobile {
    right: 8px;
    top: 11px;
    z-index: 9999999;
  }
  .header-search .search-input-mobile {
    width: calc(100% - 30px);
    word-break: normal;
    transition: 0.35s;
  }
  .header-search .search-img-icon-mobile {
    top: 5px;
    right: -12px;
    opacity: 1;
    transition: 0.35s;
  }
  .header-search.showFull .search-img-icon-mobile {
    opacity: 0;
    visibility: hidden;
    transition: 0.35s;
  }
  .header-search.showFull .close-icon-mobile {
    top: 8px;
    right: -12px;
    opacity: 1;
    visibility: visible;
    transition: 0.35s;
  }
  .header-search .close-icon-mobile {
    opacity: 0;
    visibility: hidden;
    transition: 0.35s;
  }
  .header-search.not-logins.search-type-2 {
    width: calc(100% - 250px) !important;
    left: 50px;
  }
  .header-search.not-logins.search-type-1 {
    width: calc(100% - 250px) !important;
    left: 0px;
  }
  .header-search.not-logins .search-icon-mobile {
    right: -99px;
    top: 11px;
  }
  .header-search.not-logins .search-input-mobile {
    width: calc(100% + 68px);
  }
  .header-search.not-logins .search-img-icon-mobile {
    top: 5px;
    right: -111px;
  }
  .header-search.not-logins.showFull .close-icon-mobile {
    /* top: 8px; */
    right: -100px;
    /* opacity: 1;
        visibility: visible;
        transition: 0.35s; */
  }
  #list-action .list-apply {
    margin-top: 0;
  }
}
@media screen and (max-width: 420px) {
  .h-guide-step ul li {
    margin-left: 0px;
  }
  .h247-info-person td {
    width: 50%;
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e070;
    min-height: 45px;
  }
  .h247-info-person td:nth-of-type(n + 5) {
    border-bottom: none;
    padding-bottom: 0;
  }
  table.h247-info-person {
    margin-left: -35px;
  }

  table#reason-delete td:first-child {
    display: none;
  }

  table#reason-delete td {
    width: 30% !important;
  }

  .editor-ques .tab-index {
    height: auto !important;
  }
  table.h247-info-person,
  table.h247-info-person tbody,
  table.h247-info-person tr {
    display: block;
  }
}
/* End guide implement point*/

/** Guide rank */
.h247-list-rank {
  width: 100%;
  border-collapse: collapse;
}
.h247-list-rank li {
  width: calc(100% - 48px);
  padding: 24px;
  display: block;
  background-color: #fff;
  border-radius: 5px;
  margin: 12px 0px;
  box-shadow: 0px 0px 1px 0px #2626262b;
}
.h247-list-rank li h3 {
  text-transform: uppercase;
}
.h247-list-rank table span {
  padding-top: 6px;
  display: inline-block;
}
.h247-list-rank table img {
  margin-right: 6px;
  width: 13px;
}

.logo-rank-small img {
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-2px);
}

@media screen and (max-width: 960px) {
  .h247-list-rank {
    width: calc(100% - 24px);
    margin: 0px 12px;
  }
  .h247-list-rank li:nth-child(1) {
    margin-top: 0px;
  }
  .h247-list-rank li {
    width: calc(100% - 24px);
    padding: 12px;
  }
  .mr24 {
    margin-right: 12px;
  }
}
@media screen and (max-width: 640px) {
  .logo-rank img {
    width: 64px;
  }
  .h247-list-rank li h3 {
    font-size: 15px;
  }
  .header-search.not-logins.search-type-2 {
    /* width: calc(100% - 250px)!important; */
    left: 5px;
  }
  .header-search.not-logins.search-type-2.showFull {
    width: calc(100% - 100px) !important;
    /* left: -105px; */
    transition: 0.35s;
  }
}
/* End guide rank*/

.processing {
  background-color: #ecafaf !important;
}
.question_deleted {
  background-color: #cecece;
  border: 1px solid #cac2bf;
}

.custom-box {
  box-shadow: none;
  /*border-bottom: 1px solid #2121211f;*/
  border-bottom: 1px dotted rgb(225, 225, 225);
  border-radius: 0;
  /*width: calc(100% - 24px);*/
  width: 100%;
  /*padding: 12px;*/
  padding: 12px 0;
  margin: 0;
}
.custom-box:hover {
  border-radius: 0 !important;
}
.ad_separator {
  display: none;
}
/*Ads*/
.bn336x280 {
  width: 300px;
  height: 250px;
}
.bn300x600 {
  width: 300px;
  height: 600px;
}
.hd-ads-pc {
  display: inline-block;
}
.hd-ads-mobile {
  display: none;
}
.ads-home-feed {
  text-align: center !important;
  padding: 12px 0 0 0;
}

.ads-mid-question {
  text-align: center !important;
  margin-top: 24px;
  text-align: center;
}
.adsense-home-feed {
  width: 336px;
  height: 280px;
  margin: 0 auto;
}

textarea::-webkit-input-placeholder {
  color: #aeaeae;
}

textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #aeaeae;
}

textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #aeaeae;
}

textarea:-ms-input-placeholder {
  color: #aeaeae;
}

textarea::placeholder {
  color: #aeaeae;
}
.adsMastHead {
  padding-top: 88px;
}

@media (min-width: 360px) {
  .bn336x280 {
    width: 336px;
    height: 280px;
  }
}

@media screen and (max-width: 960px) {
  .adsMastHead {
    padding-top: 65px;
  }
  .suggest_question {
    padding: 0 12px 12px 12px !important;
  }

  .hd-ads-pc {
    display: none;
  }
  .hd-ads-mobile {
    display: inline-block;
  }
  .ads-home-feed {
    padding: 0 !important;
    width: calc(100% - 24px) !important;
    margin: auto;
  }
  .ads-mid-question {
    margin-top: 12px !important;
    /* text-align: center !important; */
    /* margin-top: 24px; */
  }
  .ad_separator {
    display: block;
    margin: 15px 0 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #e2e2e2;
    color: #a7a7a7;
    text-transform: uppercase;
    font-size: 10px;
  }
  .ad_separator span {
    background: #fff;
    display: inline-block;
    padding: 0 3px;
    position: relative;
    top: -12px;
  }
}

/*Special answer*/
.box-special-answer {
  border: 1px dashed #5d93fe;
}
.box-special-answer .pd12 ul {
  padding-inline-start: 40px;
  margin: -10px 0;
  white-space: normal;
  margin-block-start: -5px;
}
.box-special-answer .pd12 blockquote {
  position: relative;
  border: 0;
  padding: 0px 12px 0px 12px;
  margin: 0.5em auto;
  box-sizing: border-box;
  background-color: rgb(241, 241, 239);
  border-radius: 5px;
  padding-left: 3rem !important;
  /* word-break: break-all; */
  border-left: none !important;
  margin-left: 0 !important;
  margin-block-start: 1.5em;
}
.box-special-answer .pd12 blockquote p {
  margin-block-start: -6px !important;
  margin-block-end: -6px !important;
}
.darkMode .box-special-answer .pd12 blockquote {
  background-color: #898989;
}
.box-special-answer .pd12 blockquote::before {
  position: absolute;
  top: 1.2em;
  left: 1.3em;
  background-image: url(/static/img/light.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 20px;
  content: "";
}
.box-answer .box-special-answer {
  border: none;
  background: #e9f0ff;
}

.icon-special-answer {
  width: 18px;
  padding-bottom: 3px;
  /*position: absolute;*/
  /*top: -5px;*/
  /*left: -5px*/
}

/*Suggest question*/
.suggest_question {
  padding: 0 24px 12px 24px;
}
.suggest_question li {
  padding: 8px;
  border-top: 1px solid #1212;
}
.suggest_question li:hover {
  background-color: #fafafa;
  color: #2b6dad;
}
.suggest_question a {
  color: rgb(45, 115, 138) !important;
}
.suggest_question em {
  font-weight: 700;
  font-style: normal;
}

/*Search*/
.search-result em {
  font-weight: 700;
  font-style: normal;
}

/*Challenge*/
.icon-gage {
  /*opacity: 0.6 !important;*/
}

.list-gage {
  max-height: 300px;
  margin-right: -12px;
}
.list-gage ul li strong {
  font-weight: 500 !important;
}

.list-gage ul li p {
  color: rgb(129, 129, 129);
}
.list-gage ul li a:hover {
  text-decoration: none;
}

.brn-challenge-item__colon {
  /*-webkit-animation: colonAnimation 1s infinite;*/
  animation: colonAnimation 1s infinite;
}

@-webkit-keyframes colonAnimation {
  to {
    opacity: 0;
  }
}

.challenge-process {
  color: #1d9ff5 !important;
}
.challenge-success {
  color: #40bd7e !important;
}

.challenge-false {
  color: rgb(216, 102, 102) !important;
}

.more-gage {
  padding: 4px 20px;
}

.avt-top-month {
  position: relative;
  background: no-repeat center 100% / cover url(img/avt-top-month.gif);
  height: 120px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avt-top-month img {
  width: 82px;
  height: 82px;
  overflow: hidden;
  object-fit: cover;
  margin-bottom: 10px;
  border-radius: 50%;
}

.avatar {
  box-sizing: border-box;
  position: relative;
  border-radius: 50%;
  float: left;
}

.avatar-large {
  width: 80px;
  height: 80px;
}

.avatar-x-large {
  width: 120px;
}

.avatar-image {
  max-width: 100px;
  vertical-align: middle;
  border-radius: 50%;
  height: 100px;
  width: inherit;
}

#resize-avatar {
  max-width: 95px;
  height: 95px;
}

.avatar-frame {
  position: absolute;
  pointer-events: none;
}

.avatar-large .avatar-frame {
  top: -12.5%;
  left: -1.5%;
}

.avatar-x-large .avatar-frame {
  top: -11.5%;
  left: -8.5%;
}

.avt-top-month-span {
  position: absolute;
  display: none;
  left: 16px;
  top: -18px;
  width: 275px;
  background: #fff;
  z-index: 2;
  border: 1px solid #6cb0c76e;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
}

.avt-top-month:hover .avt-top-month-span {
  display: block;
  text-decoration: none;
  color: black;
}

.avt-normal {
  border: 1px solid #e1e1e1;
  border-radius: 31px;
  box-sizing: border-box;
}
.toPhongTruyenThong a {
  padding: 0 3px 0 1px;
  border-radius: 6px;
}
.toPhongTruyenThong a:hover {
  background: #fff;
}

@media screen and (max-width: 960px) {
  .avt-top-month {
    width: 46px;
    height: 46px;
  }
  .avt-top-month img {
    width: 32px;
    height: 32px;
    margin-bottom: 4px;
    border-radius: 15px;
  }
  .avatar-x-large {
    width: 46px;
  }
  
  .avatar-image {
    max-width: 40px;
    height: 40px;
  }

  #resize-avatar {
    max-width: 35px;
    height: 35px;
  }
}

.avt-top-month-info {
  position: relative;
  background: no-repeat center 100% / cover url(img/avt-top-month.gif);
  height: 56px;
  width: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avt-top-month-info img {
  width: 38px;
  height: 38px;
  overflow: hidden;
  object-fit: cover;
  margin-bottom: 6px;
  border-radius: 50%;
}

.avt-top-month-answer {
  position: relative;
  background: no-repeat center 100% / cover url(img/avt-top-month.gif);
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avt-top-month-answer img {
  width: 25px;
  height: 25px;
  overflow: hidden;
  object-fit: cover;
  margin-bottom: 3px;
  border-radius: 50%;
}

/* Style popup tuyensinh247 search result */
.ts247_debai {
  font-weight: 700;
  text-decoration: underline;
  padding-bottom: 12px;
}
.ts247_dapan {
  font-weight: 700;
  text-decoration: underline;
  padding-bottom: 12px;
  padding-top: 12px;
}
.ts247_phuongphapgiai {
  font-weight: 700;
  text-decoration: underline;
}

.ts247_giaichitiet {
  font-weight: 700;
  text-decoration: underline;
}
/* on/off switch css */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #293437;
}

input:focus + .slider {
  box-shadow: 0 0 1px #293437;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Popup install app */
.onlyMobile {
  display: none;
}

.loaPhuong {
  background: cornsilk;
  padding: 5px;
  border-radius: 6px;
  margin-top: 12px;
  display: flex;
}
.loaPhuong img {
  width: 50px;
  height: auto;
  object-fit: contain;
}
/* Tạm thời không hiển thị popup truyền thông app */
/* @media screen and (max-width: 640px) {
  .onlyMobile {
    display: flex;
  }
} */

#navWrap,
#navWrap-no-ads {
  position: relative;
  overflow: visible !important;
}
#navWrap .leftNav,
#navWrap-no-ads .leftNav {
  position: absolute;
  right: -60px;
  top: 24px;
  list-style: none;
}
#navWrap .leftNav li,
#navWrap-no-ads .leftNav li {
  margin-bottom: 12px;
  background: #5a869529;
  box-shadow: 0px 0px 5px 1px #a5a5a52b;
  border-radius: 6px;
  transition: all 0.4s;
}
#navWrap .leftNav li.active,
#navWrap-no-ads .leftNav li.active {
  background: #5a8695;
  box-shadow: 0px 0px 5px 1px #2626262b;
}
#navWrap .leftNav p,
#navWrap-no-ads .leftNav p {
  padding: 6px;
  border-radius: 6px;
}
#navWrap .leftNav p i,
#navWrap-no-ads .leftNav p i {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 35px;
  height: 35px;
  display: block;
  transition: all 0.4s;
}
#navWrap .leftNav p i.profile,
#navWrap-no-ads .leftNav p i.profile {
  background-image: url(img/profle/settings.png);
}
#navWrap .leftNav li:not(.active):hover,
#navWrap-no-ads .leftNav li:not(.active):hover {
  cursor: pointer;
  box-shadow: 0px 0px 5px 1px #2626264d;
  background: #5a8695;
}
#navWrap .leftNav li:not(.active):hover i,
#navWrap-no-ads .leftNav li:not(.active):hover i {
  transform: scale(1.2) rotate(10deg);
}
#navWrap .leftNav p i.notifi,
#navWrap-no-ads .leftNav p i.notifi {
  background-image: url(img/profle/bell.png);
}
#navWrap .rightContent .item,
#navWrap-no-ads .rightContent .item {
  display: none;
  animation: fadeIn 0.2s linear forwards;
}
#navWrap .rightContent .item.active,
#navWrap-no-ads .rightContent .item.active {
  display: block;
}
#navWrap .rightContent,
#navWrap-no-ads .rightContent {
  min-height: 388px;
}
#navWrap .rightContent .settingNotifi h1,
#navWrap-no-ads .rightContent .settingNotifi h1 {
  margin-bottom: 24px;
}
#navWrap .rightContent .settingNotifi ul,
#navWrap-no-ads .rightContent .settingNotifi ul {
  list-style: none;
}
#navWrap .rightContent .settingNotifi li,
#navWrap-no-ads .rightContent .settingNotifi li {
  margin-bottom: 12px;
}

#navWrap .rightContent .settingNotifi .checkbox,
#navWrap-no-ads .rightContent .settingNotifi .checkbox {
  --background: #fff;
  --border: #d1d6ee;
  --border-hover: #bbc1e1;
  --border-active: #468ea7;
  --tick: #fff;
  position: relative;
  display: flex;
}
#navWrap .rightContent .settingNotifi .text,
#navWrap-no-ads .rightContent .settingNotifi .text {
  margin-left: 12px;
}
#navWrap .rightContent .settingNotifi .checkbox input,
#navWrap .rightContent .settingNotifi .checkbox svg,
#navWrap-no-ads .rightContent .settingNotifi .checkbox input,
#navWrap-no-ads .rightContent .settingNotifi .checkbox svg {
  width: 21px;
  height: 21px;
  display: block;
}
#navWrap .rightContent .settingNotifi .checkbox input,
#navWrap-no-ads .rightContent .settingNotifi .checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: var(--background);
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}
#navWrap .rightContent .settingNotifi .checkbox input:hover,
#navWrap-no-ads .rightContent .settingNotifi .checkbox input:hover {
  --s: 2px;
  --b: var(--border-hover);
}
#navWrap .rightContent .settingNotifi .checkbox input:checked,
#navWrap-no-ads .rightContent .settingNotifi .checkbox input:checked {
  --b: var(--border-active);
}
#navWrap .rightContent .settingNotifi .checkbox svg,
#navWrap-no-ads .rightContent .settingNotifi .checkbox svg {
  pointer-events: none;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--stroke, var(--border-active));
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  transform: scale(var(--scale, 1)) translateZ(0);
}
#navWrap .rightContent .settingNotifi .checkbox.path input:checked,
#navWrap-no-ads .rightContent .settingNotifi .checkbox.path input:checked {
  --s: 2px;
  transition-delay: 0.4s;
}
#navWrap .rightContent .settingNotifi .checkbox.path input:checked + svg,
#navWrap-no-ads
  .rightContent
  .settingNotifi
  .checkbox.path
  input:checked
  + svg {
  --a: 16.1 86.12;
  --o: 102.22;
}
#navWrap .rightContent .settingNotifi .checkbox.path svg,
#navWrap-no-ads .rightContent .settingNotifi .checkbox.path svg {
  stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
  transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}
#navWrap .rightContent .settingNotifi .checkbox.bounce,
#navWrap-no-ads .rightContent .settingNotifi .checkbox.bounce {
  --stroke: var(--tick);
}
#navWrap .rightContent .settingNotifi .checkbox.bounce input:checked,
#navWrap-no-ads .rightContent .settingNotifi .checkbox.bounce input:checked {
  --s: 11px;
}
#navWrap .rightContent .settingNotifi .checkbox.bounce input:checked + svg,
#navWrap-no-ads
  .rightContent
  .settingNotifi
  .checkbox.bounce
  input:checked
  + svg {
  -webkit-animation: bounce 0.4s linear forwards 0.2s;
  animation: bounce 0.4s linear forwards 0.2s;
}
#navWrap .rightContent .settingNotifi .checkbox.bounce svg,
#navWrap-no-ads .rightContent .settingNotifi .checkbox.bounce svg {
  --scale: 0;
}
#navWrap .rightContent .settingNotifi .listNotifi,
#navWrap-no-ads .rightContent .settingNotifi .listNotifi {
  margin-bottom: 18px;
}
#navWrap .rightContent .settingNotifi .listNotifi .titleNotifi,
#navWrap-no-ads .rightContent .settingNotifi .listNotifi .titleNotifi {
  margin-bottom: 12px;
  font-weight: bold;
}
#navWrap .rightContent .settingNotifi .listNotifi img,
#navWrap-no-ads .rightContent .settingNotifi .listNotifi img {
  width: 22px;
  margin-right: 9px;
  vertical-align: bottom;
}
.hd247-txtInput {
  width: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
  display: inline-block;
  outline: none;
  box-sizing: border-box;
}
@keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes swingDiemDanh {
  0%,
  100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(15deg);
  }
}
.icon_diemDanh {
  animation: swingDiemDanh 1s 3s infinite;
}
#postComposing {
  background: no-repeat center top 30px
    url(/static/img/answerEvent/textureAnswerEvent.png) #f4efe4;
  background-size: 100%;
  padding-bottom: 12px;
}
#guidePlusPoint .h-guide-step ul li {
  list-style: none;
  line-height: 26px;
  margin-left: 12px;
  margin-top: 4px;
}
#guidePlusPoint b {
  display: inline-block;
  color: #eab80f;
  font-weight: 900;
  padding: 0px 4px;
  line-height: 19px;
  border-radius: 4px;
  background: #862020;
}

@media all and (max-width: 960px) {
  #navWrap .leftNav,
  #navWrap-no-ads .leftNav {
    display: none;
  }
  #navWrap .rightContent .item,
  #navWrap-no-ads .rightContent .item {
    display: block;
  }
  #navWrap .rightContent .settingNotifi,
  #navWrap-no-ads .rightContent .settingNotifi {
    margin-top: 12px;
  }
  #navWrap .rightContent .item h1,
  #navWrap-no-ads .rightContent .item h1 {
    font-size: 16px;
  }
  #navWrap .rightContent .item ul,
  #navWrap-no-ads .rightContent .item ul {
    margin-top: 0;
  }
  #navWrap .rightContent .settingNotifi h1,
  #navWrap-no-ads .rightContent .settingNotifi h1 {
    margin-top: 12px;
    margin-bottom: 10px;
  }
}

@media all and (max-width: 767px) {
  .header-search.not-logins .search-input-mobile {
    width: calc(100% + 15px);
  }
  .header-search.not-logins .search-icon-mobile {
    right: -3px;
    top: 11px;
  }
  .showFull.header-search .search-input-mobile {
    width: calc(100% - 10px);
    word-break: normal;
    transition: 0.35s;
  }
  .showFull.header-search .search-icon-mobile {
    right: 14px;
    top: 6px;
    padding: 5px;
    z-index: 9999999;
  }
  .showFull.header-search.showFull .close-icon-mobile {
    top: 13px;
  }
}

@media screen and (max-width: 480px) {
  .showFull.header-search .search-icon-mobile {
    right: 11px;
    top: 1px;
  }
  .header-search.showFull .close-icon-mobile {
    top: 8px !important;
    right: -12px;
  }
  .header-search.not-logins.showFull .search-icon-mobile {
    right: -62px;
    top: 0;
  }
  .header-search.not-logins .search-icon-mobile {
    right: -60px;
    top: 5px;
  }
  .header-search.not-logins .search-input-mobile {
    width: calc(100% + 70px);
  }
  .shop-gift br {
    display: none;
  }
  .current-point {
    position: sticky;
    padding: 0px 6px;
    text-align: left;
    margin-left: 5px;
    background: #fff;
    z-index: 9999;
    width: 188px;
    box-shadow: 3px 3px 5px 1px #ccc;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .current-point span {
    display: block;
  }
  .col-404 h1 {
    font-size: 18px;
    line-height: 25px;
    padding: 12px 0px;
  }
  .block-404 {
    height: 660px;
  }
  .list-user .block-rank-user-0,
  .list-user .block-rank-user-1,
  .list-user .block-rank-user-2,
  .list-user .block-rank-user-3 {
    width: 100%;
  }
  .list-user .block-rank-user-0 li,
  .list-user .block-rank-user-1 li,
  .list-user .block-rank-user-2 li,
  .list-user .block-rank-user-3 li {
    margin-right: 0;
  }
  h1 {
    font-size: 22px;
    line-height: 24px;
  }
  .list-news .item-news {
    width: 100%;
  }
  .list-cate .item-cate .title-news {
    color: #333;
    margin-left: 10px;
    font-size: 14px;
  }
  .list-cate h2 {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .list-cate .item-cate .title-cate a {
    color: #458ea7;
    font-weight: bold;
    width: 100%;
    display: block;
    font-size: 16px;
  }
  .list-cate .item-cate .title-cate {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 8px;
  }
  .list-cate .item-cate .list-top-news .item {
    margin-bottom: 6px;
    line-height: 16px;
    padding-bottom: 6px;
    font-size: 13px;
    border-bottom: 1px solid #e0e0e0;
  }
  .header-search .search-icon-mobile {
    right: 8px;
    top: 5px;
    z-index: 9999999;
  }
}
@media screen and (max-width: 420px) {
  /*.chuyengia span {*/
  /*top: -65px;*/
  /*}*/
  .user-general {
    padding-top: 0;
  }
  .user-general ul li span {
    margin-bottom: 0px;
    display: inline-block;
    font-size: 14px;
  }
  .launching-page {
    font-size: 15px;
  }
  .user-general ul li {
    line-height: 18px;
  }
  .list-menu-user ul li a {
    padding: 3px 12px;
    font-size: 14px;
  }
  .add-question {
    margin-top: 25px;
  }
  .time_countdown {
    font-size: 30px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 0;
  }
  .size-28 {
    font-size: 14px;
    display: block;
  }
  .time_countdown > span {
    width: 65px;
    display: inline-block;
    position: relative;
    text-align: center;
  }
  .page-404 {
    text-align: center;
    min-height: 250px;
    padding: 85px 0 0 0;
  }
  .page-404 h1 {
    font-size: 60px;
    line-height: 60px;
  }
  .boxtimmer {
    display: inline-block;
    margin: 15px 0 0 20px;
  }
  .form-ask-ques .btn-add-ques {
    max-width: 240px;
  }
  .form-ask-ques .btn-select {
    padding: 6px 6px;
  }
  .btn-select {
    padding: 6px 4px;
  }
  .btn-select .pl12 {
    padding-left: 8px;
  }
}

.content-notify-100k {
  background-image: url("/static/img/update_user_100k/background-modal.png");
  z-index: 999999999;
  background-color: #fff;
  position: relative;
  border-radius: 8px;
}

.content-notify-100k .btn-notify-100k {
  position: absolute;
  background-color: #2d768f;
  color: #fff;
  padding: 8px 20px;
  bottom: 20px;
  border: none;
  border-radius: 15px;
  text-transform: uppercase;
  font-size: 14px;
  display: flex;
  cursor: pointer;
  left: 50%;
  margin-left: -72px;
}

.content-notify-100k .btn-close-button{
    background-color: #ccc;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 30px;
    transform: rotate(45deg);
    font-size: 21px;
    overflow: hidden;
    line-height: 27px;
    display: block;
    cursor: pointer;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
}

.content-notify-100k .btn-close-button-bdhh {
  background-color: #f7941d;
  position: absolute;
  top: -10px;
  right: -7px;
  border-radius: 30px;
  transform: rotate(45deg);
  font-size: 32px;
  overflow: hidden;
  line-height: 25px;
  display: block;
  cursor: pointer;
  color: #fff;
  width: 27px;
  height: 27px;
  text-align: center;
}

.content-notify-100k .header-content-popup {
  padding: 16px 44px;
  text-transform: uppercase;
  background: #90bb7f;
  color: #ffffff;
  font-size: 26px;
  font-weight: bold;
  line-height: 32px;
  border-radius: 10px 10px 5px 5px;
  text-align: center;
}