/* @import url(./event_style/halloween.css); */
.darkMode .popupLoaPhuong .contentText_LP {
    background: linear-gradient(to right, #303b3e 0% 22%,#303b3e8a);
    color: #bababa;
}
.darkMode .popupLoaPhuong .contentText_LP a {
    color: #bababa;
}
.darkMode #filterHomePage .swichButton a{background:#272c2d;color:#DDD}
.darkMode{
    color: #DDD;
    background-color: #272c2d;
}
.darkMode .scroll-header {background-color:#2b3335;box-shadow: 0 0 3px 3px #272c2d70}
.darkMode .h-login{color:#DDD;}
.darkMode .h247-login .h-login .avt36 {
    border: 1px solid #000;
}
.darkMode .animate-charcter{
    background-image: linear-gradient( -225deg, #fff 0%, #29d 29%, #ff1361 67%, #fff800 100% );
}
/* .darkMode .popup_reason_block_account.shop-gift {
    color: #000;
    background: #fff;
}
.darkMode .gift_virtual_store .gift-detail ul li a {
    color: #ddd;
    background: transparent;
} */
.darkMode .searchQuestionBox{
    color: #262626;
}
.darkMode .searchButton {
    border: 1px solid #e7b712;
}
.darkMode .popup_reason_block_account h2 img{
    visibility: hidden;
}
.darkMode .history-virtual-gift ul li a{color: #ddd;}
.darkMode .showMathJax .opt-ask a.active {
    background: #ababab;
}
.darkMode .toPhongTruyenThong a{
    color: #DDD !important;
}
.darkMode .current-point, .darkMode .btn-choose-gift{background: #293437;}
.darkMode .popup-warning{
    background-color: #e3e3e3 !important;
    color: #333;
}
.darkMode .gift-detail h3 {
    color: #d7dddd !important;
}
.darkMode .popup-warning .cl-26{
    color: #333 !important;
}
.darkMode .gift_virtual_store ul li a span, .darkMode .gift_virtual_store ul li a {
    background: #272c2d;
}
.darkMode .popup_reason_block_account {background: #293437;}
.darkMode .tblHistory tr.selected{color: #000;}
.darkMode .cmt-fb{background-color:#FFF}
.darkMode .bg-body{background-color:#293437;}
.darkMode .h-sub-menu ul li a {color:#DDD}
.darkMode .h-sub-menu ul li a img {filter: brightness(0) invert(1);}
.darkMode .pc-option {background-color:#293437; min-height: 235px;}
.darkMode .pc-option li a{color:#DDD!important}
.darkMode .pc-option li a:hover{color:#458ea7!important}
.darkMode .pc-option li img{filter: brightness(0) invert(1)}
.darkMode .pc-option li{border-bottom:1px solid #458ea7}
.darkMode .box-banner2 {background-color:#272c2d;border-bottom: 1px solid #272c2d;}
.darkMode .btn-select {color:#DDD;background-color: #272c2d;}
.darkMode .opt-select-child {background-color:#272c2d}
.darkMode .opt-select-child li a{border-bottom:1px solid #458ea7;color:#DDD;}
.darkMode .opt-select-child li a:hover {color:#458ea7;}
.darkMode .btn-select img {filter: brightness(0) invert(1)}
.darkMode .user-general{background-color:#272c2d;}
.darkMode .bg-f {background-color:#272c2d}
.darkMode .list-gage ul li a {color:#DDD;}
.darkMode .icon-gage {filter: brightness(0) invert(1);}
.darkMode .opacity-box{background-image: linear-gradient(#272c2d29,#272c2dd6 30%)}
.darkMode .dropdown-el {background-color: #272c2d;}
.darkMode .dropdown-el::after {border-color: #DDD transparent transparent transparent;}
.darkMode .h-question {background-color: #272c2d;border-bottom: 1px solid #272c2d}
.darkMode .info-question1 ul li span {color:#DDD;}
.darkMode .info-question1 ul li:before {color:#AAA}
.darkMode .form-question a{color:#DDD;}
.darkMode .btn-showmore{background-color:#272c2d;}
.darkMode .gift_virtual_store .list-gift ul li a{
    box-shadow: 0px 0px 0px 1px #e3e0e08c;
}
.darkMode .btn-choose-gift{color: #293437;}

.darkMode .shop-gift ul li a:hover, .darkMode .shop-gift ul li a.active{
    background: #d64f9a2e;
    border: 2px solid #d64f9a;
    opacity: 1;
}
.darkMode .shop-gift ul li a.level-gift-2:hover, .darkMode .shop-gift ul li a.level-gift-2.active{
    background: #83caff63;
    border: 2px solid #509ccb
}
.darkMode .shop-gift ul li a.level-gift-3:hover,.darkMode  .shop-gift ul li a.level-gift-3.active{
    background: #92cd2b59;
    border: 2px solid #5c9302;
}
.darkMode .shop-gift ul li a:hover .btn-choose-gift{color: #fff;}
.darkMode .shop-gift ul li a.level-gift-4:hover,.darkMode  .shop-gift ul li a.level-gift-4.active{
    background: #f9be2c52;
    border: 2px solid #db9d0a;
}

.darkMode .shop-gift ul li a{background: #293437;}
.darkMode .gift_virtual_store .list-gift ul li a:hover {
    box-shadow: 1px 1px 6px 1px #d1d1d1 !important;
}
/* .btn-showmore:hover{background-color:#565d5e;} */
.darkMode .h247-footer{background-color: #272c2d !important;}
.darkMode .h247-license {background-color:#272c2d;}
.darkMode .h-signin ul li a {color:#DDD;}
.darkMode .h-signin ul li img {filter: brightness(0) invert(0.7)}
.darkMode .loading-pages {background-color: #272c2d !important;}
.darkMode .form-ask-ques{background-color: #293437;}
.darkMode .Write-question{background: #293437; color: #DDD;}
.darkMode .tooltips-point .des-tooltips {background: #293437;}
.darkMode #result_search_img p > a:first-child{background: #DDD;}
.darkMode #result_search_img p > a:first-child::after{background-image: linear-gradient(#dddddd29,#293437 99%);}
.darkMode .dailyLoginWrapper .giftDailyLogin{border: 3px solid #293437;}
.darkMode .giftContainer .itemWrapper .numberGift{border: 3px solid #293437;}
.darkMode .notifical-child a, .darkMode .notifical-child a span{color:#DDD;}
.darkMode .btn-notifical{background-color:#293437;}
.darkMode .btn-back {color:#DDD!important}
.darkMode .btn-back .btn-back:hover{color:#293437!important;}
.darkMode .btn-back img{filter: brightness(0) invert(0.5);}
.darkMode .list-menu-user ul li a{color:#DDD;}
.darkMode .list-menu-user ul li img{filter: brightness(0) invert(1);}
.darkMode .log-out a{color:#DDD}
.darkMode .log-out img {filter: brightness(0) invert(1);}
.darkMode .box-answer {background-color: #272c2d;}
.darkMode .box-answer .box-special-answer{
    border: 1px solid #5d93fe;
    background-color: #5996e138;
}
.darkMode .h247-info-person .box-point ~ a, .darkMode .guildName a {
    color: #ddd  !important;
}
.darkMode .bg-comment {background-color:#2b3335;}
.darkMode .icon-thanks {background-color: #272c2d;}
.darkMode .comment{background:#272c2d; border:2px solid #272c2d; color: #DDD;}
.darkMode .cl-26{color:#DDD!important;}
.darkMode .event-banner-mobile{background: #272c2d}
.darkMode .action-empale ul li a{color: #2c8fe2;}
.darkMode .form-answer{border-color: #384345;}
/* .darkMode .add-image.after_upload{
    background: #FFF;
    margin-top: 0 !important;
    padding-top: 12px;
} */
.darkMode .form-answer .opt-ask{background: #384345;}
.darkMode .list-user ul li{background: #293437;}
.darkMode .list-user ul li > *{color: #DDD;}
.darkMode .h247-list-rank li{background-color:#272c2d}
.darkMode .h247-colc{background-color: #272c2d;}
.darkMode .h247-edit-profile ul li a{color: #DDD;}
.darkMode .h247-edit-profile ul li a:hover{color: #262626;}
.darkMode .guildBody{background: #293437}
.darkMode .guildBody .card{background: #272c2d}
.darkMode .guildBody .ownerName{color: #EEE;}
.darkMode .guildDesc .tabs .tab{color: #DDD;}
.darkMode .guildBody .listGuild .leftContent{color: #DDD;}
.darkMode .guildBody .header .searchBox .txtSearch{color: #DDD; background-color: #272c2d;}
.darkMode .guildBody .btnViewMore{background-color: #272c2d;}
.darkMode .guildBody .header .searchBox .btnSearch{filter: brightness(0) invert(0.8);}
.darkMode .guildBody .listQuest .rightContent .box-info-mission .special-rank .icon-g-type{filter: brightness(0) invert(1);}
.darkMode .special-rank span{background: #293437}
.darkMode .m-process{background-color: #293437;}
.darkMode .user-check #wave{background: #293437}
.darkMode .user-check .dot{background: #DDD;}
.darkMode .topic-week-wrapper .item a{color: #DDD;}
.darkMode .topic-week-wrapper .item a img{filter: brightness(0) invert(1);}
.darkMode .tab-action1 a{color: #DDD;}
.darkMode .list_special_rank li{color: #DDD;}
.darkMode .bg-edit-active{background-color: #293437;}
.darkMode .quickChat .meMessenger .btnShowAll{background: #293437;}
.darkMode .meMessenger{background: #272c2d;}
.darkMode .content-answer-1 a.user-name{color: #DDD;}
.darkMode .content-answer-1{color: #DDD;}
.darkMode .wrapMessenger{background-color: #293437;}
.darkMode .meMessenger .left .item .info{color: #DDD;}
.darkMode .meMessenger .bgGreenBlur,.darkMode .meMessenger .left .item:hover{background:#293437}
.darkMode .meMessenger .right .topIntro{background: #272c2d;}
.darkMode .msgYou .msgHeader{background: #293437;}
.darkMode .msgMe .msgHeader,.darkMode .msgMe .msgBody,.darkMode .msgMe .msgBottom, .darkMode .msgYou .msgOnlyOne,.darkMode .msgYou .msgBody,.darkMode .msgYou .msgBottom,.darkMode .msgMe .msgOnlyOne{background: #293437;}
.darkMode .meMessenger .inputMsgBox{background: #272c2d;}
.darkMode .showTime{color: #DDD;}
.darkMode .meMessenger .inputMsgBox textarea{background: #293437;}
.darkMode .list-action-mod li a{color: #DDD;}
.darkMode .icon-mod img{filter: brightness(0) invert(1);}
.darkMode .top-edit ul li span{background-color: #EEE !important;}
.darkMode .list-edit li .report_item,.darkMode .list-edit li a.question_item{background-color: #293437;}
.darkMode .content-edit p{color: #DDD;}
.darkMode .end-edit ul li{color: #AAA;}
.darkMode .form-editor-detail{background-color: #293437;border-color: #293437;}
.darkMode input[type="radio"] + label{color: #DDD;}
.darkMode #navWrap .search-result .pc24 > p, .darkMode #navWrap .search-result .pc24 > a, 
.darkMode #navWrap-no-ads .search-result .pc24 > p, .darkMode #navWrap-no-ads .search-result .pc24 > a{color: #262626!important;background: #DDD;}
.darkMode #navWrap .search-result .pc24 > p::after, .darkMode #navWrap .search-result .pc24 > a::after,
.darkMode #navWrap-no-ads .search-result .pc24 > p::after, .darkMode #navWrap-no-ads .search-result .pc24 > a::after{background-image: linear-gradient(#dddddd29,#293437 99%);}
.darkMode .info-question1 ul li:nth-child(5) img{filter: brightness(0) invert(1);}
.darkMode .popup_reason_block_account h3{color: #272c2d;}
.darkMode .popup_reason_block_account.gift-vitural-show h3{color: #ddd;}
.darkMode .box-mathjax a{background: #DDD;color: #000;}
.darkMode .box-mathjax .preview-mathjax{color: #000;}
.darkMode .avt-user120{ color: #DDD;}
.darkMode .img-light{filter: brightness(0) invert(1);}
.darkMode .opt-ask a:hover{background-color: #999;}
.darkMode .question_deleted{background-color:#333};

.darkMode #navWrap .latexUserManual .h247-box-guide .listLatex li, .darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .listLatex li {
    border: 2px dashed #929090;
}
.darkMode #navWrap .latexUserManual .h247-box-guide .listLatex li:nth-child(odd), .darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .listLatex li:nth-child(odd){
    background: #4e5f63;
}
.darkMode #navWrap .latexUserManual .h247-box-guide .listLatex li:nth-child(even), .darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .listLatex li:nth-child(even){
    background: #414f53;
}
.darkMode #navWrap .latexUserManual .h247-box-guide .listLatex li, .darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .listLatex li{
    border: 2px dashed #272c2d;
}
.darkMode #navWrap .latexUserManual .h247-box-guide .listLatex li div > span,.darkMode #navWrap .latexUserManual .h247-box-guide .author,.darkMode #navWrap .latexUserManual .h247-box-guide .author a,
.darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .listLatex li div > span,.darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .author,.darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .author a{
    color: #DDD;
}
.darkMode .h247-box-guide h1{
    color: #24a390!important;
}
.darkMode #navWrap .latexUserManual .h247-box-guide .inputSearch, .darkMode #navWrap-no-ads .latexUserManual .h247-box-guide .inputSearch{
    background: #4e5f63;
    color: #DDD;
}
.darkMode #navWrap .anInput p, .darkMode #navWrap-no-ads .anInput p{
    background: #272c2d;
}
.darkMode #detailPost{
    background: #262626 !important;
}
.darkMode #related_news ul li .thumbnailPost::after {
    background: #384143;
}
.darkMode #related_news ul li .thumbnailPost::before {
    background: #3d4445;
}
.darkMode .feedback .body {
    background: linear-gradient(180deg,#00001d 70%,#000);
}
.darkMode .feedback .cardForm {
    background: #1c1c26;
}
.darkMode .feedback .header .theSun{
    display: none;
}
.darkMode .feedback .header .theMoon{
    display: block;
    filter: drop-shadow(2px 4px 12px #ffd711);
}
.darkMode .feedback .cardForm input:not(input[type="file"]):focus,.darkMode .feedback .cardForm textarea:focus {
    transform: scale(1.01);
    box-shadow: 1px 1px 5px 0px #ffe979;
}
.darkMode .feedback .cardForm input:not(input[type="file"]),.darkMode .feedback .cardForm textarea {
    background: #121219;
    color: #6a6a6a;
}
.darkMode .feedback .body .cloud{
    opacity: 0.1;
}
.darkMode .feedback .previewImg{
    background: #121219;
}
.darkMode .gift_virtual_store .gift-detail ul li a{
    background: transparent;
    color: #ddd;
}
.darkMode .landingpage {
    background: #2f5056;
}
.darkMode .box-anni-year{
    background: #2a3335 !important;
}
.darkMode .box-anni-year > p, .darkMode #lookBackyear .card .content, .darkMode .landingpage.anniversary_join_hd247 .popup-anniver .content > p{
    color: #e7e7e7 !important
}
.darkMode .font-iciel {color: #ddd}
.darkMode .content-anni-ago > span{
    opacity: 1;
}
.darkMode #lookBackyear{
    background: #000000c7;
}
.darkMode #lookBackyear .card.anniversary_join_hd247, .darkMode #lookBackyear .card.anniversary_join_hd247 > div:first-child{
    background: #438d9b;
}
.darkMode #lookBackyear .anniversary_join_hd247.card {
    background: transparent
}
@media screen and (max-width: 1200px) {
    .darkMode .exam .examCard .examOverviewFilter .item-grade {
        min-width: calc(17% - 10px);
    }

}
@media (max-width: 960px){
    .darkMode .action-empale ul li a{background-color: #272c2d;}
}
@media (max-width: 767px){
    .paging-item {text-align: left;
        display: block;
        overflow: hidden;
    }
    .paging-item a{float: left;}
    .darkMode .menu-user {background-color: #272c2d;}
    .darkMode .log-out {background-color: #272c2d;}

    .darkMode .exam .examCard .examOverviewFilter .item-grade {
        border: 1px #edebeb solid;
        margin: 5px;
        padding: 10px 18px 10px 18px;
        box-sizing: border-box;
        text-align: center;
        border-radius: 8px;
        font-weight: bold;
        color: #4c3e3e;
        font-size: 13px;
        align-self: center;
        min-inline-size: max-content;
        font-size: 12px;
        min-width: calc(25% - 10px);
    }
}
@media (max-width: 640px) {
    .darkMode .exam .examCard .examOverviewFilter .item-grade {
        border: 1px #edebeb solid;
        margin: 5px;
        padding: 10px 18px 10px 18px;
        box-sizing: border-box;
        text-align: center;
        border-radius: 8px;
        font-weight: bold;
        color: #4c3e3e;
        font-size: 13px;
        align-self: center;
        min-inline-size: max-content;
        font-size: 12px;
        min-width: calc(25% - 10px);
    }
}
@media screen and (max-width: 480px) {
    .darkMode .exam .examCard .note_send_file {
        background-image: url(/static/img/send_exam/note_mobi_dark.png) !important;
    }
}
@media screen and (max-width: 420px) {
    .darkMode .exam .examCard .parentSearch {
        width: 96% !important;
    }
    .darkMode .exam .examCard .examOverviewFilter .item-exam-type {
        align-self: center;
        padding: 5px
    }
    .darkMode .exam .examCard .boxSearch {
        margin: 0 22px !important;
    }
    .darkMode .exam .examCard .boxSearch .displaySearch {
        display: none;
    }
    .darkMode .exam .examCard .eYear,.eSubject {
        width: -webkit-fill-available !important;
        justify-content: center;
    }
    .darkMode .exam .examCard .examOverviewFilter .item-grade {
        min-width: calc(33% - 10px);
    }
}
.darkMode #popupSaveQuestion .contentPopup{
    background-color: #272c2d;
}
.darkMode #popupSaveQuestion {
    background: #040404b0;
}
.darkMode #popupSaveQuestion .contentPopup ul li .avatarText{
    color: #262626;
}
.darkMode #popupSaveQuestion .contentPopup ul li a:hover, .darkMode #popupSaveQuestion .contentPopup ul.saved li a.active {
    background: #3e3e3e;
}
.darkMode #popupSaveQuestion .contentPopup ul.saved li a{
    pointer-events: none;
    cursor: default;
}
.darkMode #popupSaveQuestion .contentPopup ul.saved li a:hover{
    background: #272b2c;
}
.darkMode #popupSaveQuestion .contentPopup ul.saved li a.active:hover {
    background: #3e3e3e;
}

.darkMode #popupSaveQuestion .contentPopup .footerPopup a {
    color: #a5a5a5;
}
.darkMode #postComposing {
    background: no-repeat center top 30px url(/static/img/answerEvent/textureAnswerEvent.png) #1f373e;
}
.darkMode #postComposing .bg-f {
    background-color: #1f434d;
}
.darkMode .page-modcensorship .highlightRequestEdit {
    background: #9bb766;
    opacity: 0.8;
    box-shadow: 0px 4px 4px 0px #00000040
  }
.darkMode .titleFilter .selectBox .option a{
    color: #262626;
}

.darkMode #popupUpdateUserInfo {
    background: #0000007d;
}
.darkMode #popupUpdateUserInfo .content_21092021 {
    box-shadow: 0px 0px 24px 0px #0e0909;
}
.darkMode #popupUpdateUserInfo .content_21092021 {
    background: #2d484c
}
.darkMode .menu-user.menu-user-show,.darkMode .log-out{
    background-color: #2b3335;
}
.darkMode .exam {
    background-color: #2b3335;
}
.darkMode .exam .headerExam {
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 83%);
}
.darkMode .exam .headerExam .titleExam {
    color: rgb(231, 183, 18) !important;
}
.darkMode .exam .examCard {
    color: #fff;
    background-color: #2b3335 !important;
}
.darkMode .exam .examCard .examOverviewFilter .chooseGrade{
    color: #fff !important;
}
.darkMode .exam .examCard .examOverviewFilter .item-grade{
    color: #fff !important;
    border: none;
}
.darkMode .exam .examCard .examOverviewFilter .item-grade:hover{
    color: #fff !important;
    background-color:  #458ea7 !important;
}
.darkMode .exam .examCard .examOverviewFilter .rightIcon{
    filter: invert(100%) sepia(0%) saturate(7463%) hue-rotate(222deg) brightness(119%) contrast(115%);
}
.darkMode .exam .examCard .rightIcon{
    filter: invert(100%) sepia(0%) saturate(7463%) hue-rotate(222deg) brightness(119%) contrast(115%);
}
.darkMode .exam .examCard .inputSearch{
    color: #fff !important;
}
.darkMode .exam .examCard .inputSearch::placeholder{
    color: #fff !important;
}
.darkMode .exam .examCard .examOverviewFilter .item-exam-category {
    color: #fff;
    border: 1px solid #272c2d;
}
.darkMode .exam .examCard .examOverviewFilter .item-exam-category:hover {
    background-color: #458ea7 !important;
    border: 1px solid #458ea7;
    color: #fff;
}
.darkMode .exam .examCard .iconSubject {
    filter: invert(77%) sepia(80%) saturate(7404%) hue-rotate(4deg) brightness(95%) contrast(100%)
}
.darkMode .exam .relatedExamsContainer {
    background: #2d484c
}
.darkMode .exam .examCard .examOverviewFilter .item-exam-type{
    border: 1px solid #272c2d;
    color: #fff;
    line-height: 1.2;
}
.darkMode .exam .examCard .examOverviewFilter .chooseExamType{
    color: #fff !important;
}
.darkMode .exam .examCard .showDown{
    filter: invert(100%) sepia(0%) saturate(7463%) hue-rotate(222deg) brightness(119%) contrast(115%);
}
.darkMode .exam .examCard {background: #2d484c; position: relative}
.darkMode .exam .examDot {background-color: #fff}
.darkMode .exam .examMenuButton {background-color: #2b3335; border: solid 1px #e1e1e1;}
.darkMode .exam .examMenuButton img {height: 18px; width: 18px; filter: brightness(0) invert(1);margin-right: 10px;}
.darkMode .exam .examText {color: #DDD}