.course-tabs{margin:24px 0 32px}.course-tabs .container{max-width:80%;flex-wrap:wrap}.course-tabs .course-tab-item{display:flex;height:53px;padding:0 10px;background:#f1f1f1;border-radius:5px;align-items:center;cursor:pointer;font-size:14px;color:rgba(0,0,0,.851);margin-bottom:12px}.course-tabs .course-tab-item.isActive{background-color:#ffebb5}.course-tabs .course-tab-item .icon img{width:25px}@media(min-width:576px){.course-tabs .container{display:flex;gap:0;justify-content:center}.course-tabs .course-tab-item{margin-right:16px;height:35px}.course-tabs .course-tab-item.isHaveAvatar .icon{margin-right:10px}}.main-course-over-view{border:1px solid #e0e0e0;border-radius:10px;padding:24px 32px;width:100%}.main-course-over-view *{max-width:100%}.main-course-over-view .title{color:rgba(0,0,0,.851);text-align:center;font-size:16px;margin-bottom:16px}.main-course-over-view .paragraph p{line-height:1.5;margin-bottom:8px}.course-skeleton *{margin-bottom:10px}.course-skeleton .text,.course-skeleton .title{height:40px}.course-skeleton .title-skeleton{width:200px;margin:0 auto}#mark-wallet-info .wallet-root{width:300px}#mark-wallet-info .wallet-root .header{border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;padding:0 10px;background-color:#e9e9e9;font-weight:600;height:40px}#mark-wallet-info .wallet-root .header i{margin-right:10px}#mark-wallet-info .wallet-root .wbody{border:1px solid #ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:10px;display:flex;justify-content:center;align-items:center}#mark-wallet-info .wallet-root .wbody .winfo{font-size:19px;margin-right:10px}#mark-wallet-info .wallet-root .wbody .wbuy-button{padding:8px 10px;background:#ffd561;border:none;cursor:pointer}#mark-wallet-info .wallet-root .wbody .wbuy-button:hover{font-weight:600}#mark-wallet-info.tabMobile{display:none}#mark-wallet-info.tabDesktop{padding:0}#mark-wallet-info.tabDesktop .wallet-root{width:100%!important;margin-bottom:25px}#mark-wallet-info.tabDesktop .wallet-root .wbody{padding:25px 10px}@media(max-width:768px){#mark-wallet-info.tabMobile{display:block;padding:10px;margin-top:20px}#mark-wallet-info.tabMobile .wallet-root{width:100%}#mark-wallet-info.tabDesktop{display:none}}@media(max-width:575.98px){#mark-wallet-info.tabMobile{width:unset!important}}#mark-combos{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}@media(max-width:767.98px){#mark-combos{grid-auto-flow:row;gap:20px}}#mark-combos .combo-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5px}#mark-combos .combo-item:not(:first-child){border-left:1px solid #ccc}@media(max-width:767.98px){#mark-combos .combo-item:not(:first-child){border-top:1px solid #ccc;border-left:none}}#mark-combos .combo-item .combo-name{margin-bottom:38px;margin-top:24px}#mark-combos .combo-item .combo-price{width:100%;max-width:220px;height:90px;background-color:#f4f6fc;border-radius:40px;display:flex;flex-direction:column;justify-content:center;margin:8px auto 24px;position:relative}#mark-combos .combo-item .combo-price .discount-percent{position:absolute;background-color:red;color:#fff;border-radius:50%;padding:5px;right:0;top:0}#mark-combos .combo-item .combo-price .price{align-self:flex-start;margin-left:16px}#mark-combos .combo-item .combo-price .price .origin-price{text-decoration:line-through}#mark-combos .combo-item .combo-price .price .price-new{color:red;font-size:22px;font-weight:500}#mark-combos .combo-item .combo-price .per-quant{font-size:18px;font-weight:600;align-self:flex-end;margin-right:16px;color:#a92d2d}#mark-combos .combo-item .combo-desc{display:flex;max-width:345px;justify-content:center;align-items:center;width:100%;font-size:16px;line-height:21px;font-weight:400;color:#080f1a;text-align:justify}@media(max-width:767.98px){#mark-combos .combo-item .combo-desc{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}}#mark-combos .combo-item .showComboItem{text-align:justify}#mark-combos .combo-item button{width:100%;max-width:205px;padding:0 8px;margin-top:24px;margin-bottom:8px;height:52px;font-size:16px;line-height:21px;font-weight:500;background-color:#ffd561;border:none;cursor:pointer}#mark-combos .combo-item button:hover{background-color:#e6c97b}#mark-combos .combo-item .xem-them{display:none}@media(max-width:767.98px){#mark-combos .combo-item .xem-them{margin-top:10px;box-shadow:0 0 10px rgba(0,0,0,.4);padding:2px;font-size:12px;border-radius:3px;display:block}}.bai-hoc-grid .course-content-right{width:310px}@media(max-width:991.98px){.bai-hoc-grid .course-content-right{width:100%}}.bai-hoc-grid .course-content-right.sticky{position:fixed;max-width:310px;top:0}@media(max-width:991.98px){.bai-hoc-grid .course-content-right.sticky{position:unset}.container-for-mobile{position:relative}.container-for-mobile .bai-hoc-grid{display:block}.container-for-mobile .bai-hoc-grid .bai-hoc-menu{display:none!important}.container-for-mobile .swipe-button{display:flex!important;position:absolute;align-items:center;top:5px;right:20px}.ant-drawer-content-wrapper{width:50%!important}}@media(min-width:960px)and (max-width:991.98px){.bai-hoc-grid .MuiGrid-item{max-width:100%}}@media(max-width:575.98px){.ant-drawer-content-wrapper{width:100%!important}}.s-topic-rankings-table{border:1px solid #e0e0e0;border-radius:10px;margin-top:20px}.s-topic-rankings-table .table-heading{border-bottom:1px solid #e0e0e0;height:48px;display:flex;align-items:center;justify-content:space-between}.s-topic-rankings-table .table-heading .table-title>i{margin-left:18px;margin-right:10px}.s-topic-rankings-table .table-heading .export-file-button{margin-right:18px}.s-topic-rankings-table .ielts-skill-options{display:flex;align-items:center}.s-topic-rankings-table .ielts-skill-options .label{margin-left:12px!important;margin-right:12px!important;font-size:16px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.ielts-topic-title,.ielts-user-name{width:100%;text-align:center}.ielts-user-name{margin-bottom:8px;font-weight:500;font-size:16px}.ielts-user-name p{margin:4px 0 0;font-weight:400}.main-topic-ielts{justify-content:center}.main-topic-ielts .item-card .title-skill{display:flex;align-items:center;justify-content:center;background-color:#f3f3f3;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:1.6px;line-height:24px;text-transform:uppercase;padding:10px 0;margin-bottom:20px}.main-topic-ielts .item-card .title-skill-aqua{color:#32b4c8}.main-topic-ielts .item-card .title-skill-green{color:#327846}.main-topic-ielts .item-card .title-skill-orange{color:#faaa5a}.main-topic-ielts .item-card .title-skill-pink{color:#c86478}.main-topic-ielts .item-card .img-container{position:relative}.main-topic-ielts .item-card .img-container .number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-topic-ielts .item-card .img-container .number .skill-icon{width:37px;height:37px}.main-topic-ielts .item-card .img-container .number .skill-icon-aqua{color:#32b4c8}.main-topic-ielts .item-card .img-container .number .skill-icon-green{color:#327846}.main-topic-ielts .item-card .img-container .number .skill-icon-orange{color:#faaa5a}.main-topic-ielts .item-card .img-container .number .skill-icon-pink{color:#c86478}.main-topic-ielts .item-card .img-container .number .number-finish{position:absolute;display:flex;left:50%;transform:translateX(-50%);font-size:35px;color:#3e98c7;justify-content:center}.main-topic-ielts .item-card .game-button-groups{margin:10px 0;display:flex;flex-direction:column;gap:5px}.main-topic-ielts .item-card .game-button-groups .game-button{width:100%;display:flex;align-items:center;color:#fff;text-transform:none}.main-topic-ielts .item-card .game-button-groups .game-button-aqua{background-color:#32b4c8}.main-topic-ielts .item-card .game-button-groups .game-button-green{background-color:#327846}.main-topic-ielts .item-card .game-button-groups .game-button-orange{background-color:#faaa5a}.main-topic-ielts .item-card .game-button-groups .game-button-pink{background-color:#c86478}.main-topic-ielts .item-card .game-button-groups .main-game-button{display:flex}.main-topic-ielts .item-card .game-button-groups .main-game-button .game-tool{min-width:30px;width:30px;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.main-exercise{display:grid;grid-template-columns:1fr 2fr}.box-view{height:200px;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.25);border-radius:15px;margin-bottom:20px}.box-view .number-card{font-size:64px;color:#3c3c3c;text-align:center;margin-top:24px}.header-boxview{height:60px;align-items:center;border:1px solid #cdcdcd;padding:0 20px;border-radius:15px 15px 0 0;background-image:url(/24h/bg-panel.png);background-position:100%}.header-boxview .title{flex-grow:1;color:#fff}.left-exercise{margin:0 20px}.center-exercise{background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.25);border-radius:15px;padding:24px}.center-exercise .name{font-size:22px;font-weight:500}.center-exercise .test-score{font-size:96px}.center-exercise .text-result{font-size:30px}.main-score-test .icon-panel-test{align-items:baseline;justify-content:center}.main-score-exercise{height:250px;display:flex;align-items:center;justify-content:center}.main-score-exercise .icon-panel-exercise{flex-direction:column}.content-center-exercise{width:70%;margin:0 auto}.exercise-info{margin:20px auto}.exercise-info .line{background:#f5f5f5;height:2px}.exercise-info .item{margin:24px 4px}.button-panel{justify-content:space-evenly;margin:20px auto;align-items:center}.button-panel .button{width:169px;height:45px;background:hsla(0,0%,69%,.943);border:hsla(0,0%,69%,.943);border-radius:10px;color:#fff;font-size:18px;outline:none;cursor:pointer}.button-panel .select-box{width:206px;height:45px;border:1px solid #7d7d7d;box-sizing:border-box;border-radius:10px;font-size:16px}.topic-test-view .section1{margin-bottom:24px;border:1px solid #e0e0e0;border-radius:10px}.topic-test-view .section1 .title{font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-bottom:1px solid #e0e0e0}.topic-test-view .section1 .list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;padding:16px 0}.topic-test-view .section1 .list-exercise{display:flex;justify-content:center}.topic-test-view .section1 .list-exercise .list-item{padding:0 16px}.topic-test-view .section1 .list-item{text-align:center;border-right:1px solid #dadada}.topic-test-view .section1 .list-item:last-child{border:none}.topic-test-view .section1 .list-item .number{margin-bottom:5px;font-size:14px;font-weight:500}.topic-test-view .section1 .list-item .text{font-size:14px}.topic-test-view .section2{padding:24px;box-shadow:2px 2px 10px rgba(0,0,0,.25);border-radius:10px;margin-bottom:40px;display:flex}.topic-test-view .section2 .section2-left{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-around;height:310px}.topic-test-view .section2 .section2-left .score-wrap{display:flex;justify-content:center}.topic-test-view .section2 .section2-left .score-number{font-size:70px;margin-right:8px;font-weight:600;color:#6f6f6f}.topic-test-view .section2 .section2-left .score-number.skeleton{display:block;width:76px}.topic-test-view .section2 .section2-left .score-text{font-size:24px;color:#7d7d7d;align-self:flex-end;margin-bottom:14px}.topic-test-view .section2 .section2-left .score-text.skeleton{display:block;width:70px}.topic-test-view .section2 .date,.topic-test-view .section2 .time{text-align:center;font-size:14px;margin-bottom:6px}.topic-test-view .section2 .date span:first-child,.topic-test-view .section2 .time span:first-child{margin-right:8px}.topic-test-view .section2 .date span:nth-child(2),.topic-test-view .section2 .time span:nth-child(2){color:#9c9c9c}.topic-test-view .section2 .date.skeleton>span{display:block;width:110px;height:100%}.topic-test-view .section2 .date.skeleton>span>span{display:block;width:100%;height:100%}.topic-test-view .section2 .time.skeleton>span{display:block;width:170px;height:100%}.topic-test-view .section2 .time.skeleton>span>span{display:block;width:100%;height:100%}.topic-test-view .section2 .section2-right{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center}.topic-test-view .section2 .section2-right img{max-width:250px}.topic-test-view .section2 .section2-right .text{font-size:14px;text-decoration-line:underline;color:#565656;margin-top:8px;margin-left:10px}.topic-test-view .section2 .section2-right .title{margin-right:40px;margin-bottom:24px}.topic-test-view .section2 .section2-right .title span{display:block;width:100px}.topic-test-view .section2 .section2-right .image{margin-bottom:24px}.topic-test-view .section2 .section2-right .image span{width:170px;height:140px}.topic-test-view .section2 .section2-right .text span{display:block;width:180px}.topic-test-view .section2 .buttons{display:flex;align-items:center;justify-content:center;width:80%;margin:0 auto}.topic-test-view .section2 .buttons .xem-lai{border-radius:4px;margin-right:10px}.topic-test-view .section2 .buttons .xem-lai:hover{background-color:#6f6f6f;color:#fff}.topic-test-view .section2 .buttons .xem-lai.skeleton{border:none}.topic-test-view .section2 .buttons .xem-lai.skeleton>span,.topic-test-view .section2 .buttons .xem-lai.skeleton>span>span{display:block;width:100%;height:100%}.topic-test-view .section2 .buttons .xem-lai{width:150px;background-color:#fff;color:#6f6f6f;margin-left:10px}.topic-test-view .section2 .buttons .lam-lai,.topic-test-view .section2 .buttons .xem-lai{border-radius:10px;height:40px;flex:1;border:1px solid #6f6f6f;display:flex;justify-content:center;align-items:center;font-size:15px;cursor:pointer}.topic-test-view .section2 .buttons .lam-lai{background-color:#6f6f6f;color:#fff;margin:0 16px}.topic-test-view .section2 .buttons .lam-lai:hover{background-color:#6f6f6f}.topic-test-view .section2-top{display:flex}.topic-test-view .section2-no-exam{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 24px;border:1px solid #e0e0e0;border-radius:10px}.topic-test-view .section2-no-exam img{width:290px;margin-bottom:12px}.topic-test-view .section2-no-exam .button-list{display:grid;grid-template-columns:1fr}.topic-test-view .section2-no-exam .button-list .select-mode-study{display:flex;align-items:center}.topic-test-view .section2-no-exam .select-mode-study{align-items:center;color:#6f6f6f;margin-bottom:16px}.topic-test-view .section2-no-exam .select-mode-study .select-box{width:200px;height:40px;border:1px solid #6f6f6f;box-sizing:border-box;border-radius:10px;color:#6f6f6f;font-size:14px;margin:0 10px;outline:none;cursor:pointer}.topic-test-view .section2-no-exam .date,.topic-test-view .section2-no-exam .time{text-align:center;font-size:14px;margin-bottom:12px}.topic-test-view .section2-no-exam .date span:first-child,.topic-test-view .section2-no-exam .time span:first-child{margin-right:8px}.topic-test-view .section2-no-exam .date span:nth-child(2),.topic-test-view .section2-no-exam .time span:nth-child(2){color:#9c9c9c}.topic-test-view .section2-no-exam .xem-lai{width:150px;border-radius:10px;height:40px;flex:1;border:1px solid #6f6f6f;background-color:#fff;color:#6f6f6f;display:flex;justify-content:center;align-items:center;font-size:15px;margin-left:10px;cursor:pointer}.topic-test-view .section2-no-exam .lam-lai{border-radius:6px;height:32px;width:125px;border:1px solid #6f6f6f;background-color:#6f6f6f;color:#fff;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer;margin:0 16px}.topic-test-view .section2-no-exam .lam-lai:hover{background-color:#6f6f6f}.topic-test-view .section3{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin-bottom:40px}.topic-test-view .section3-box{box-shadow:2px 2px 10px rgba(0,0,0,.25);border-radius:10px;padding:16px;cursor:pointer}.topic-test-view .section3-box .head{font-size:14px;color:#a7a7a7;margin-bottom:30px}.topic-test-view .section3-box .content{display:grid;grid-template-columns:2fr 3fr;align-items:center}.topic-test-view .section3-box .image{margin-top:4px}.topic-test-view .section3-box .image.skeleton span{display:block;width:24px;height:24px;border-radius:50%}.topic-test-view .section3-box .sentence-wrap{display:flex}.topic-test-view .section3-box .sentence-number{font-size:36px;margin-right:6px}.topic-test-view .section3-box .sentence-number.skeleton span{display:block;width:40px}.topic-test-view .section3-box .sentence-text{align-self:flex-end;margin-bottom:6px}.topic-test-view .section3-box .sentence-text.skeleton span{display:block;width:25px}.topic-test-view .section4{box-shadow:2px 2px 10px rgba(0,0,0,.25);padding:24px}.topic-test-view .section4 .title{font-size:24px;font-weight:600;margin-bottom:24px}.section-result-exercise{display:flex;flex-direction:column;align-items:center;padding:24px 0;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:24px;font-size:14px}.section-result-exercise .date-time{margin-bottom:0}.section-result-exercise .button-list{display:grid;grid-template-columns:1fr}.section-result-exercise .button-list .select-mode-study{display:flex;align-items:center}.section-result-exercise .date,.section-result-exercise .time{font-size:14px;margin-bottom:6px;display:grid;grid-template-columns:117px 16px 80px}.section-result-exercise .date span:first-child,.section-result-exercise .time span:first-child{text-align:center}.section-result-exercise .date span:nth-child(3),.section-result-exercise .time span:nth-child(3){color:#9c9c9c;text-align:center}.section-result-exercise .date.skeleton>span,.section-result-exercise .time.skeleton>span{display:block;width:170px;height:100%}.section-result-exercise .date.skeleton>span>span,.section-result-exercise .time.skeleton>span>span{display:block;width:100%;height:100%}.section-result-exercise .score-wrap{display:flex;justify-content:center;margin-bottom:0}.section-result-exercise .score-number{font-size:52px;font-weight:500;color:#ffd561}.section-result-exercise .score-text{font-size:30px;color:#7d7d7d;align-self:flex-end;margin-bottom:8px;margin-left:3px}.section-result-exercise .select-mode-study{align-items:center;color:#6f6f6f}.section-result-exercise .select-mode-study .select-box{width:200px;height:40px;border:1px solid #6f6f6f;box-sizing:border-box;border-radius:10px;color:#6f6f6f;font-size:14px;margin:0 10px;outline:none;cursor:pointer}.section-result-exercise .xem-lai{flex:1;background-color:#fff;color:#6f6f6f;margin-left:10px}.section-result-exercise .lam-lai,.section-result-exercise .xem-lai{width:125px;border-radius:4px;height:32px;border:1px solid #6f6f6f;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer}.section-result-exercise .lam-lai{background-color:#6f6f6f;color:#fff;margin:0 16px}.section-result-exercise .lam-laiskeleton{width:170px}@media(max-width:576px){.topic-test-view .section2-no-exam{max-width:100%!important}.topic-test-view .section2-no-exam img{max-width:100%}.topic-test-view .section2{flex-direction:column-reverse}.topic-test-view .section2 .section2-right{margin-bottom:32px}.topic-test-view .section2 .section2-right img{max-width:100%!important}.topic-test-view .section3{grid-template-columns:1fr 1fr}.topic-test-view .date-time,.topic-test-view .score-wrap{margin-bottom:45px}.topic-test-view .score-wrap .score-number{font-size:100px}.topic-test-view .score-wrap .score-text{margin-bottom:15px;margin-left:-3px}.topic-test-view .select-mode-study{margin-bottom:16px}.topic-test-view .button-list{grid-template-columns:1fr!important}.topic-test-view .button-list .lam-lai,.topic-test-view .button-list .xem-lai{width:120px}}@media(min-width:601px)and (max-width:960px){.topic-test-view .section2{flex-direction:column-reverse}.topic-test-view .section2 .section2-left .score-wrap{margin:32px 0}.topic-test-view .section2 .section2-right{margin-bottom:32px}.topic-test-view .section2 .buttons .lam-lai,.topic-test-view .section2 .buttons .xem-lai{width:117px;height:37px;margin:0 6px}.topic-test-view .section2-no-exam .button-list{grid-template-columns:1fr}.topic-test-view .section2-no-exam img{width:100%;height:auto}.topic-test-view .section3{grid-template-columns:1fr 1fr}}@media(min-width:576px)and (max-width:991.98px){.topic-test-view .section2-no-exam img{width:auto!important;height:auto}}.topic-rankings-table{border:1px solid #e0e0e0;border-radius:10px;margin-top:20px}.topic-rankings-table .table-heading{border-bottom:1px solid #e0e0e0;height:48px;display:flex;align-items:center;justify-content:space-between}.topic-rankings-table .table-heading .table-title>i{margin-left:18px;margin-right:10px}.topic-rankings-table .table-heading .export-file-button{margin-right:18px}.topic-rankings-table .ielts-skill-options{display:flex;align-items:center}.topic-rankings-table .ielts-skill-options .label{margin-left:12px!important;margin-right:12px!important;font-size:16px}.main-topic-24h ::-webkit-scrollbar{width:6px}.main-topic-24h ::-webkit-scrollbar-thumb{background-color:#d9d9d9;margin-left:8px;height:50px}.topic-tree-wrap ::-webkit-scrollbar{width:6px}.topic-tree-wrap ::-webkit-scrollbar-track{border-radius:10px;background-color:transparent;padding-right:6px}.topic-tree-wrap ::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}.topic-tree .topic-tree-item{cursor:pointer;user-select:none}.topic-tree .topic-tree-item.css-lesson{cursor:pointer;min-height:44px;display:flex;align-items:center;padding-left:40px;font-size:15px;font-weight:500;background:#e9e9e9;position:relative}.topic-tree .topic-tree-item.css-lesson .icon{position:absolute;left:20px}.topic-tree .topic-tree-item.css-lesson .icon i{font-size:11px;font-weight:600}.topic-tree .topic-tree-item.css-lesson .icon i.roated{transform:rotate(90deg)}.topic-tree .topic-tree-item.css-lesson .name{font-size:15px;color:rgba(0,0,0,.851);font-weight:500}.topic-tree .topic-tree-item.css-exercire{padding-left:10px;display:flex;align-items:center;height:48px;border-right:3px solid transparent;transition:all 0s;position:relative;margin-bottom:8px}.topic-tree .topic-tree-item.css-exercire .topic-name{font-size:14px;color:rgba(0,0,0,.851)}.topic-tree .topic-tree-item.css-exercire .image{margin-right:24px;margin-left:auto}.topic-tree .topic-tree-item.css-exercire .content{flex:1;display:flex}.topic-tree .topic-tree-item.css-test{padding-left:10px;display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;height:48px;border-right:3px solid transparent;transition:all 0s;position:relative;margin-bottom:8px}.topic-tree .topic-tree-item.css-test .topic-name{font-size:14px;color:rgba(0,0,0,.851);overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:62px}.topic-tree .topic-tree-item.css-test .image{margin-right:24px;margin-left:auto}.topic-tree .topic-tree-item.css-test .content{display:flex;justify-content:space-between;align-items:center}.topic-tree .topic-tree-item.css-test .content .free-icon{margin-right:5px}.topic-tree .topic-tree-item-wrap{margin-bottom:2px}.topic-tree .topic-tree-item-content{margin-left:38px}.topic-tree .topic-tree-item-content .topic-tree-item-wrap{margin-bottom:2px;position:relative}.topic-tree .topic-tree-item-content .topic-tree-item-wrap:before{content:"";z-index:-1;position:absolute;top:-38px;left:-16px;width:18px;height:64px;background-color:transparent;border-bottom-left-radius:10px;border-left:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3}.topic-tree .topic-tree-item-content .topic-tree-item-wrap .topic-tree-item-panel{margin-bottom:2px;margin-left:6px}.topic-tree .topic-tree-item-content .topic-tree-item-wrap .topic-tree-item-panel .topic-content{display:flex;justify-content:space-between;align-items:center}.topic-tree .topic-tree-item-content .topic-tree-item-wrap .topic-tree-item-panel .topic-content .free-icon{margin-right:5px}.topic-tree .topic-tree-item-content .topic-tree-item-wrap:first-child{margin-top:2px}@keyframes spread{0%{height:0}to{height:100%}}.topic-tree-loading-item{padding:16px 24px;display:flex}.topic-tree-loading-item .icon span{width:35px;height:35px;border-radius:50%;margin-right:8px}.topic-tree-loading-item .text .text1{display:block;width:130px;margin-bottom:8px}.topic-tree-loading-item .text .text2{display:block;width:180px}.parent-active-topic>div{background:#ffebb5!important;border-radius:7px 7px 7px 0}.parent-active-topic .topic-name{color:#ffbc00}.topic-tree-icon-exercise{width:30px;height:30px;box-shadow:2px 2px 10px rgba(0,0,0,.25);border-radius:3px;position:relative;margin-right:8px;background-color:#fff}.topic-tree-icon-exercise .icon-done{position:absolute;top:-10px;right:-10px}.topic-tree-icon-exercise .icon-exercise{width:18px;height:19px;position:absolute;top:3px;left:7px}.topic-tree-icon-exercise .progress{position:absolute;bottom:2px;left:4px;width:33px;height:12px}.topic-tree-icon-exercise .topic-icon-progress{width:23px;background:#dedede}.topic-tree-icon-exercise .topic-icon-progress,.topic-tree-icon-exercise .topic-icon-progress-value{position:absolute;bottom:3px;left:4px;height:4px;border-radius:4px}.global-spinner-button-loading{animation-name:spinnerRoated;animation-iteration-count:infinite;animation-duration:2s;margin-right:8px}@keyframes spinnerRoated{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}to{transform:rotate(180deg)}}.sm-common-auth-form-input{font-size:14px}.sm-common-auth-form-input .label-wrapper{margin-bottom:10px}.sm-common-auth-form-input .label-wrapper .label{font-weight:600;line-height:20px;color:#313334;background:inherit}.sm-common-auth-form-input .input-field{width:100%;height:50px;background-color:#ededed;border-radius:5px;border:none;padding:0 20px;outline:none}#sm-common-change-pass-form{background-color:#fff;border-radius:10px;width:600px;padding:10px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}@media(max-width:767.99px){#sm-common-change-pass-form{width:100%}}#sm-common-change-pass-form #sm-common-auth-notification{font-size:12px!important;border:1px solid #e15050;background-color:#fee7c8!important;padding:12px;border-radius:6px;text-align:justify;margin:0 75px 10px}@media(max-width:575.99px){#sm-common-change-pass-form #sm-common-auth-notification{max-width:100%;margin:0 20px}}#sm-common-change-pass-form #sm-common-auth-notification span{color:#337ab7;font-size:12px!important;cursor:pointer}#sm-common-change-pass-form .title{text-align:center;cursor:default;margin-top:14px;margin-bottom:30px;position:relative}#sm-common-change-pass-form .title .title-text{font-weight:700;font-size:24px;line-height:32px}#sm-common-change-pass-form .title .modal-close{position:absolute;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);width:25px;height:25px;border-radius:50%;cursor:pointer;display:none}@media(max-width:767.99px){#sm-common-change-pass-form .title .modal-close{display:flex;align-items:center;justify-content:center;margin-right:10px}}#sm-common-change-pass-form .form-main{padding:0 75px}@media(max-width:575.99px){#sm-common-change-pass-form .form-main{padding:0 20px}}#sm-common-change-pass-form .form-main .link{color:#3ea2ff;font-weight:600;cursor:pointer}#sm-common-change-pass-form .form-main .link:hover{text-decoration:underline}#sm-common-change-pass-form .form-main .main-button{cursor:pointer;margin:0 60px;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);height:60px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;line-height:28px}#sm-common-change-pass-form .form-main .main-button:hover{filter:brightness(1.2)}@media(max-width:767.99px){#sm-common-change-pass-form .form-main .main-button{margin:0}}#sm-common-change-pass-modal{position:fixed;height:100vh;top:0;left:0;z-index:8}#sm-common-change-pass-modal .overlay{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:9;cursor:pointer;animation-name:fadein;animation-duration:.2s;animation-fill-mode:forwards}#sm-common-change-pass-modal .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:10;animation-name:fadeinfromtop;animation-duration:.4s;animation-fill-mode:forwards}#sm-common-change-pass-modal #sm-common-change-pass-form{max-height:100vh;overflow:auto}#sm-common-login-form{background-color:#fff;border-radius:10px;width:600px;padding:10px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}@media(max-width:767.99px){#sm-common-login-form{width:100%}}#sm-common-login-form #sm-common-auth-notification{font-size:12px!important;border:1px solid #e15050;background-color:#fee7c8!important;padding:12px;border-radius:6px;text-align:justify;margin:0 75px 10px}@media(max-width:575.99px){#sm-common-login-form #sm-common-auth-notification{max-width:100%;margin:0 20px}}#sm-common-login-form #sm-common-auth-notification span{color:#337ab7;font-size:12px!important;cursor:pointer}#sm-common-login-form .title{text-align:center;cursor:default;margin-top:14px;margin-bottom:30px;position:relative}#sm-common-login-form .title .title-text{font-weight:700;font-size:24px;line-height:32px}#sm-common-login-form .title .modal-close{position:absolute;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);width:25px;height:25px;border-radius:50%;cursor:pointer;display:none}@media(max-width:767.99px){#sm-common-login-form .title .modal-close{display:flex;align-items:center;justify-content:center;margin-right:10px}}#sm-common-login-form .form-main{padding:0 75px}@media(max-width:575.99px){#sm-common-login-form .form-main{padding:0 20px}}#sm-common-login-form .form-main .link{color:#3ea2ff;font-weight:600;cursor:pointer}#sm-common-login-form .form-main .link:hover{text-decoration:underline}#sm-common-login-form .form-main .main-button{cursor:pointer;margin:0 60px;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);height:60px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;line-height:28px}#sm-common-login-form .form-main .main-button:hover{filter:brightness(1.2)}@media(max-width:767.99px){#sm-common-login-form .form-main .main-button{margin:0}}#sm-common-login-form .form-main .forgot-pass-nav{cursor:pointer;display:flex;align-items:center}#sm-common-login-form .form-main .forgot-pass-nav span{font-size:18px;font-weight:700}#sm-common-login-form .form-main .forgot-pass-nav .nav-icon{color:#637892;font-size:25px;margin-right:10px}#sm-common-login-form .form-main .forgot-pass-nav:hover .back-text{text-decoration:underline}#sm-common-login-form .form-main .forgot-pass-desc{text-align:justify;margin:20px 0}#sm-common-register-form{background-color:#fff;border-radius:10px;width:600px;padding:10px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}@media(max-width:767.99px){#sm-common-register-form{width:100%}}#sm-common-register-form #sm-common-auth-notification{font-size:12px!important;border:1px solid #e15050;background-color:#fee7c8!important;padding:12px;border-radius:6px;text-align:justify;margin:0 75px 10px}@media(max-width:575.99px){#sm-common-register-form #sm-common-auth-notification{max-width:100%;margin:0 20px}}#sm-common-register-form #sm-common-auth-notification span{color:#337ab7;font-size:12px!important;cursor:pointer}#sm-common-register-form .title{text-align:center;cursor:default;margin-top:14px;margin-bottom:30px;position:relative}#sm-common-register-form .title .title-text{font-weight:700;font-size:24px;line-height:32px}#sm-common-register-form .title .modal-close{position:absolute;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);width:25px;height:25px;border-radius:50%;cursor:pointer;display:none}@media(max-width:767.99px){#sm-common-register-form .title .modal-close{display:flex;align-items:center;justify-content:center;margin-right:10px}}#sm-common-register-form .form-main{padding:0 75px}@media(max-width:575.99px){#sm-common-register-form .form-main{padding:0 20px}}#sm-common-register-form .form-main .link{color:#3ea2ff;font-weight:600;cursor:pointer}#sm-common-register-form .form-main .link:hover{text-decoration:underline}#sm-common-register-form .form-main .main-button{cursor:pointer;margin:0 60px;background:radial-gradient(122.9% 265.59% at 0 50%,#fff561 3.53%,#ffd561 100%);height:60px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;line-height:28px}#sm-common-register-form .form-main .main-button:hover{filter:brightness(1.2)}@media(max-width:767.99px){#sm-common-register-form .form-main .main-button{margin:0}}#sm-common-register-form #sm-common-auth-notification .notif-email{font-size:12px!important;color:#1890ff!important;font-weight:600}#sm-common-login-modal{position:fixed;height:100vh;top:0;left:0;z-index:8}#sm-common-login-modal .overlay{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:9;cursor:pointer;animation-name:fadein;animation-duration:.2s;animation-fill-mode:forwards}#sm-common-login-modal .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:10;animation-name:fadeinfromtop;animation-duration:.4s;animation-fill-mode:forwards;border-radius:10px}@media(max-width:767.99px){#sm-common-login-modal .modal-content{width:100%}}#sm-common-login-modal #sm-common-login-form{max-height:100vh;overflow:auto}#sm-common-register-modal{position:fixed;height:100vh;top:0;left:0;z-index:8}#sm-common-register-modal .overlay{position:fixed;height:100vh;width:100vw;top:0;left:0;z-index:9;cursor:pointer;animation-name:fadein;animation-duration:.2s;animation-fill-mode:forwards}@keyframes fadein{0%{background-color:transparent}to{background-color:rgba(0,0,0,.2)}}#sm-common-register-modal .modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:10;animation-name:fadeinfromtop;animation-duration:.4s;animation-fill-mode:forwards}@keyframes fadeinfromtop{0%{top:20%;opacity:0}50%{opacity:.4}to{top:50%;opacity:1}}#sm-common-register-modal #sm-common-register-form{max-height:100vh;overflow:auto}.web-logo-component{width:fit-content}.web-logo-component img{max-height:100%;width:auto}.current-user-avatar{cursor:default;border-radius:50%;background-color:#ffd561;color:rgba(0,0,0,.851);display:flex;justify-content:center;align-items:center;font-weight:700}.user-menu{width:220px;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px 0 rgba(18,1,64,.15)}.user-menu .user-profile{margin:20px;display:flex;align-items:center}.user-menu .user-profile .menu-with-title{margin-left:25px}.user-menu .user-profile .menu-with-title .user-email{font-size:12px;font-weight:600;font-style:italic}.user-menu .user-profile .menu-with-title .sub-menu{margin-top:10px;font-weight:500;font-size:12px;color:#f1a700;cursor:pointer}.user-menu .user-profile .menu-with-title .sub-menu:hover{text-decoration:underline}.user-menu .u-menu-item{border-top:1px solid #ccc;cursor:pointer}.user-menu .u-menu-item .logout{margin:10px 20px;display:flex;align-items:center;color:#f55f44}.user-menu .u-menu-item .logout i{margin-right:10px;color:#000}.user-menu .u-menu-item .logout span:hover{text-decoration:underline}#notification-ui{margin-left:40px;margin-right:10px}@media(max-width:767.98px){#notification-ui{display:none}}#notification-ui.mobile{display:none}@media(max-width:767.98px){#notification-ui.mobile{display:block;position:absolute;right:35px;top:21px}}#notification-ui .notification{cursor:pointer;position:relative}#notification-ui .notification i{font-size:35px;color:#ffcf43}@media(max-width:767.98px){#notification-ui .notification i{font-size:30px}}#notification-ui .notification .notification-number{background:#cb4f4f;color:#fff;font-weight:700;position:absolute;top:0;right:0;padding:0 5px;border-radius:350%;font-size:10px;z-index:1}.notify-text{padding-bottom:5px;font-weight:600}.notify-load-more,.notify-text{text-align:center}.menu-notif .notify-a{opacity:.9;align-items:flex-start;padding:5px;cursor:pointer;display:flex}.menu-notif .notify-a .img-notif{display:flex;align-items:center;justify-content:center;position:relative;margin-right:10px;border-radius:100%;font-size:35px;margin-top:5px}.menu-notif .notify-a .content_{font-size:12px;white-space:break-spaces;-webkit-line-clamp:3;-webkit-box-orient:vertical}.menu-notif .notify-a .content_ .notification-content{display:-webkit-box;white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.menu-notif .notify-a .content_ .notification-content .text-html{display:inline-flex}.menu-notif .notify-a .content_ .notification-date{font-style:italic;color:#929292;font-size:12px}.notifi-text-more{text-align:center;padding:5px 0;cursor:pointer}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title{border-bottom:1px solid #ddd}@media(max-width:575.98px){.notification-item{margin-right:0!important}}.home{overflow:hidden}#main-menu.main-menu{display:flex;justify-content:space-between;padding:10px 0}#main-menu.main-menu .logo{cursor:pointer;height:110px}#main-menu.main-menu .logo>img{max-width:100%;max-height:100%}@media(max-width:575.98px){#main-menu.main-menu .logo{padding:16px}}#main-menu.main-menu .menu{display:flex;align-items:center}@media(max-width:767.98px){#main-menu.main-menu .menu{display:block;position:fixed;z-index:10;transition:right .4s ease-out 0s;width:70%;right:-100%;top:0}#main-menu.main-menu .menu.isShow{right:0;height:100vh;background-color:#fff}}@media(max-width:767.98px)and (max-width:767.98px){#main-menu.main-menu .menu .auth-wrap{display:none}}#main-menu.main-menu .menu .menu-item{margin-left:52px;font-weight:500;font-size:15px;color:#fff;position:relative;user-select:none;padding:4px 6px}@media(max-width:767.98px){#main-menu.main-menu .menu .menu-item{color:rgba(0,0,0,.851);margin-left:0;padding:8px;border-bottom:1px solid #ccc}}#main-menu.main-menu .menu .menu-item.mobile-item{display:none}@media(max-width:767.98px){#main-menu.main-menu .menu .menu-item.mobile-item{display:block}}#main-menu.main-menu .menu .menu-item.mobile-item .user-info-mobile{display:flex;font-weight:400;font-size:16px;align-items:center;padding-bottom:12px;padding-top:12px}#main-menu.main-menu .menu .menu-item.mobile-item .user-info-mobile .email,#main-menu.main-menu .menu .menu-item.mobile-item .user-info-mobile .name{margin-left:20px}#main-menu.main-menu .menu .menu-item.mobile-item .user-info-mobile .email{font-size:12px;font-weight:600;font-style:italic}#main-menu.main-menu .menu .menu-item.non-anchor:hover{text-decoration:none}#main-menu.main-menu .menu .menu-item.non-anchor:hover:after{display:none!important}#main-menu.main-menu .menu .menu-item .mobile-item-icon{display:none}@media(max-width:767.98px){#main-menu.main-menu .menu .menu-item .mobile-item-icon{font-size:16px!important;margin-right:5px;display:unset}}#main-menu.main-menu .menu .menu-item:hover:after{display:block}#main-menu.main-menu .menu .menu-item:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;opacity:.7;bottom:-10px;left:50%;transform:translateX(-50%);animation-name:menuItemAnimation;animation-duration:.4s;display:none}@keyframes menuItemAnimation{0%{width:30%}to{width:100%}}#main-menu.main-menu .menu .close-menu-icon-wrapper{display:none}@media(max-width:767.98px){#main-menu.main-menu .menu .close-menu-icon-wrapper{display:block;padding:10px;background-color:#ccc;cursor:pointer}}#main-menu.main-menu .menu .auth-wrap{position:relative}#main-menu.main-menu .menu .auth-wrap .user-menu-wrap{z-index:2;position:absolute;right:0;animation-name:user-menu-wrap-animation;animation-duration:.4s;animation-fill-mode:forwards}@keyframes user-menu-wrap-animation{0%{opacity:0;bottom:-210px}to{opacity:1;bottom:-190px}}#main-menu.main-menu .auth-wrap-mobile{display:none}@media(max-width:767.98px){#main-menu.main-menu .auth-wrap-mobile{display:block;position:absolute;top:12px;right:50px;margin-top:5px}}#main-menu.main-menu .auth-wrap-mobile .mobile-user-menu{top:50px;position:absolute;right:50px;z-index:2}#main-menu.main-menu .overlay-on-mobile{display:none}@media(max-width:767.98px){#main-menu.main-menu .overlay-on-mobile.isShow{display:block;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.25)}}#main-menu.main-menu .collapse-menu-icon{display:none}@media(max-width:767.98px){#main-menu.main-menu .collapse-menu-icon{display:block;position:absolute;top:25px;right:16px}}.user-course-table{border:1px solid #e0e0e0;border-radius:10px;margin-top:20px}.user-course-table .main-submitted-table{scrollbar-width:thin;scrollbar-color:#606060 #f9f9f9}.user-course-table .main-submitted-table::-webkit-scrollbar{width:7px;height:7px}.user-course-table .main-submitted-table::-webkit-scrollbar-track{border-radius:7px;background:#f9f9f9}.user-course-table .main-submitted-table::-webkit-scrollbar-thumb{border-radius:7px;background:#909090}.user-course-table .main-submitted-table::-webkit-scrollbar-thumb:hover{background:#606060}.user-course-table .table-heading{border-bottom:1px solid #e0e0e0;padding:10px 0;align-items:center}.user-course-table .table-heading .table-title>i{margin-left:18px;margin-right:10px}.user-course-table .table-heading .table-utils{display:flex;justify-content:flex-end}.user-course-table .table-heading .table-utils .export-list-button{margin-right:10px}.user-course-table .table-heading .export-file-button{margin-right:18px}.sortable-table-cell{cursor:pointer;display:flex;align-items:center}#custom-info-modal .custom-info-user-label{font-weight:700;margin-right:8px}#custom-info-modal .custom-info-form .label{font-weight:700}#custom-info-modal .custom-info-form-main{display:flex;justify-content:center}#custom-info-modal .custom-info-form-required-msg{font-size:12px;color:red;font-style:italic}.mark-exam-view{padding-bottom:50px}.mark-exam-view .mark-assignment-options{margin-top:10px;display:flex;align-items:center;justify-content:center}.mark-exam-view .mark-assignment-options .mark-opt{margin-right:50px}.mark-exam-view .data-list .pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.mark-exam-view .data-list .mark-table-link{cursor:pointer;color:#000!important}.mark-exam-view .data-list .mark-table-link:hover{text-decoration:underline;font-style:italic}.main-statistic-user{background:#f8f8f8;padding:24px 32px}.main-statistic-user .statistic-header{display:flex;margin-bottom:24px;align-items:center}.main-statistic-user .statistic-header .button{margin:0 8px;border:1px solid #cdcdcd;padding:4px 8px;border-radius:4px;cursor:pointer;color:#505055}.main-statistic-user .statistic-header .active{background:#ffebb5}.main-statistic-user .statistic-header .title{color:#505055}.main-statistic-user .main-item{display:grid;grid-template-columns:1fr 1fr;margin-bottom:40px}.main-statistic-user .main-item .item{border-right:1px solid #dadada;padding:35px 0;display:flex;justify-content:center}.main-statistic-user .main-item .item img{margin-right:27px}.main-statistic-user .main-item .item:last-child{border:none}.main-statistic-user .main-item .item>div div:first-child{font-weight:500;font-size:13px;color:#505055;line-height:24px}.main-statistic-user .main-item .item>div div:nth-child(2){font-weight:500;font-size:36px;line-height:42px;letter-spacing:.44px;color:#505055}.main-statistic-user .main-item .item>div div:last-child{font-weight:500;font-size:13px;color:#505055;line-height:24px}.main-statistic-user .spinner{margin:16px 0 6px;width:46px;text-align:center}.main-statistic-user .spinner>div{width:10px;height:10px;background-color:#333;margin-right:4px;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.main-statistic-user .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.main-statistic-user .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}.main-statistic-study-stat{background:#f8f8f8;padding:24px 32px}.main-statistic-study-stat .statistic-header{display:flex;margin-top:16px;margin-bottom:24px;align-items:center}.main-statistic-study-stat .statistic-header .button{margin:0 8px;border:1px solid #cdcdcd;padding:4px 8px;border-radius:4px;cursor:pointer;color:#505055}.main-statistic-study-stat .statistic-header .active{background:#ffebb5}.main-statistic-study-stat .statistic-header .title{color:#505055}.main-statistic-study-stat .main-item{display:grid;grid-template-columns:1fr 1fr;margin-bottom:40px}.main-statistic-study-stat .main-item .item{border-right:1px solid #dadada;padding:35px 0;display:flex;justify-content:center}.main-statistic-study-stat .main-item .item img{margin-right:27px}.main-statistic-study-stat .main-item .item:last-child{border:none}.main-statistic-study-stat .main-item .item>div div:first-child{font-weight:500;font-size:13px;color:#505055;line-height:24px}.main-statistic-study-stat .main-item .item>div div:nth-child(2){font-weight:500;font-size:36px;line-height:42px;letter-spacing:.44px;color:#505055}.main-statistic-study-stat .main-item .item>div div:last-child{font-weight:500;font-size:13px;color:#505055;line-height:24px}.main-statistic-study-stat .spinner{margin:16px 0 6px;width:46px;text-align:center}.main-statistic-study-stat .spinner>div{width:10px;height:10px;background-color:#333;margin-right:4px;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.main-statistic-study-stat .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.main-statistic-study-stat .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@media(max-width:450px){.main-statistic .spinner{flex-direction:row!important}}@media(max-width:767.98px){.main-statistic-study-stat .statistic-header{display:block}.main-statistic-study-stat .statistic-header .title{text-align:center}.main-statistic-study-stat .statistic-header .flex{justify-content:center;margin-top:16px}.main-statistic-study-stat .main-item{grid-template-columns:1fr}.main-statistic-study-stat .main-item .item{border:none}}.topic-submitted-table{border:1px solid #e0e0e0;border-radius:10px;margin-top:20px}.topic-submitted-table .table-heading{border-bottom:1px solid #e0e0e0;height:48px;display:flex;align-items:center;justify-content:space-between}.topic-submitted-table .table-heading .table-title>i{margin-left:18px;margin-right:10px}.topic-submitted-table .table-heading .export-file-button{margin-right:18px}.topic-skill-table{border-radius:10px;margin-bottom:24px}.topic-skill-table .topic-skill-button{text-transform:none;font-weight:unset;position:absolute;z-index:1;top:10px;right:18px}.topic-skill-table .table-heading{height:48px;display:flex;align-items:center;justify-content:space-between}.topic-skill-table .table-heading .table-title>i{margin-left:18px;margin-right:10px}.topic-skill-table .table-heading .export-file-button{margin-right:18px}.topic-skill-table .recharts-legend-wrapper{bottom:-10px!important}.topic-skill-table .highcharts-credits{display:none}.topic-skill-table .highcharts-label.highcharts-stack-labels text{font-weight:unset!important;fill:#666!important;color:#666!important}@media(max-width:575.98px){.topic-skill-table .topic-skill-button{font-size:10px;right:0}.topic-skill-table .highcharts-title{font-size:14px!important}}@media(max-width:320.98px){.topic-skill-table .topic-skill-button{font-size:8px}.topic-skill-table .highcharts-title{font-size:11px!important}}#topic-page{padding-bottom:50px}@media(max-width:991.98px){#topic-page .bai-hoc-grid{margin-top:20px}}#topic-page.bai-hoc .btn-info-course{cursor:pointer;height:40px;display:flex;align-items:center;padding-left:20px;font-size:15px;font-weight:500;background:#e9e9e9;margin-bottom:2px;position:relative}#topic-page.bai-hoc .btn-info-course i{margin-right:10px}#topic-page.bai-hoc .topic-page-header{background-color:#01345b;border-bottom:1px solid #ead69f}#topic-page.bai-hoc .topic-page-header #main-menu.main-menu{padding-top:0!important}#topic-page.bai-hoc .topic-page-header #main-menu.main-menu .web-logo-component{width:110px}#topic-page.bai-hoc .tab-view-wrap{position:relative}#topic-page.bai-hoc .tab-view-wrap .tab-view-content{position:absolute;top:-56px}#topic-page.bai-hoc .container-for-mobile{padding-top:20px}@media(max-width:991.98px){#topic-page.bai-hoc .bai-hoc-grid{display:flex;flex-direction:column-reverse;gap:1px}}@media(max-width:767.98px){#topic-page.bai-hoc .bai-hoc-grid{margin-top:10px}}#topic-page.bai-hoc .bai-hoc-grid .bai-hoc-menu{border-radius:10px;grid-area:menu;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 #888}#topic-page.bai-hoc .bai-hoc-grid .bai-hoc-menu::-webkit-scrollbar{width:7px}#topic-page.bai-hoc .bai-hoc-grid .bai-hoc-menu::-webkit-scrollbar-track{border-radius:7px;background:#f1f1f1}#topic-page.bai-hoc .bai-hoc-grid .bai-hoc-menu::-webkit-scrollbar-thumb{background:#888;border-radius:7px;border-top:1px solid #ccc}#topic-page.bai-hoc .bai-hoc-grid .bai-hoc-menu::-webkit-scrollbar-thumb:hover{background:#555}#topic-page.bai-hoc .bai-hoc-grid .topic-test-view{grid-area:main}#topic-page.bai-hoc .chevron-icon-on-mobile{display:none}#topic-page.bai-hoc .swipe-button{display:none;border:1px solid;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:5px}#topic-page.bai-hoc .header .header-message{font-size:14px;display:flex;align-items:center;color:#5e6366;transition:all 0s}#topic-page.bai-hoc .teacher .title{font-weight:700;font-size:20px;padding:24px;color:#25282b}#topic-page.bai-hoc .teacher .table-head{padding:18px 24px;font-weight:700;font-size:14px;color:#25282b;display:grid;grid-template-columns:30px 3fr 3fr 2fr 100px 50px;border-bottom:1px solid #dbdde0}#topic-page.bai-hoc .teacher .table-row{font-weight:400;font-size:14px;padding:12px 24px;color:#52575c;display:grid;align-items:center;grid-template-columns:30px 3fr 3fr 2fr 100px 50px;border-bottom:1px solid #e8e8e8}#topic-page.bai-hoc .teacher .table-row .list-box{padding:4px 2px;border:1px solid #6f6f6f;box-sizing:border-box;border-radius:4px;color:#6f6f6f;outline:none;cursor:pointer}#topic-page.bai-hoc .teacher .table-row .name{text-decoration:underline;cursor:pointer}#topic-page.bai-hoc .teacher .table-row .action{display:flex;cursor:pointer;justify-content:center}#topic-page.bai-hoc .teacher .table-row .action div:first-child{margin-right:12px}@media(max-width:991.98px){#topic-page.bai-hoc .container-for-mobile .container .topic-test-view .mode-select-wrap{width:185px}#topic-page.bai-hoc .container-for-mobile .container .topic-test-view .lam-lai{width:140px}#topic-page.bai-hoc .navbar-for-web .breadscrumb{display:none}#topic-page.bai-hoc .navbar-for-ipad{display:block;margin:16px 0}#topic-page.bai-hoc .navbar-for-ipad:after{border-bottom:none}#topic-page.bai-hoc .topic-test-view .section1 .list{grid-template-columns:1fr 1fr;padding:0}#topic-page.bai-hoc .topic-test-view .section1 .list.list-exercise{display:flex;justify-content:center}#topic-page.bai-hoc .topic-test-view .section1 .list.list-exercise .list-item{padding:16px;border-bottom:none}#topic-page.bai-hoc .topic-test-view .section1 .list.list-exercise .list-item:last-child{border:none}#topic-page.bai-hoc .topic-test-view .section1 .list .list-item{display:grid;grid-template-areas:"text" "number";border-bottom:1px solid #dadada;padding:12px}#topic-page.bai-hoc .topic-test-view .section1 .list .list-item:last-child{border-right:1px solid #dadada}#topic-page.bai-hoc .topic-test-view .section1 .list .text{grid-area:text;font-weight:500;font-size:12px;color:#3c3c3c;margin-bottom:8px}#topic-page.bai-hoc .topic-test-view .section1 .list .number{grid-area:number;margin:0}}@media(max-width:575.98px){#topic-page.bai-hoc .tab-view-wrap .tab-view-content{width:90vw}#topic-page.bai-hoc .topic-page-header .header-content .features .settings,#topic-page.bai-hoc .topic-page-header .header-content .features .tro-giup{display:none}#topic-page.bai-hoc .topic-page-header .header-content .features .auth-info-wrap .login-button .menu-item{font-size:11px}#topic-page.bai-hoc .topic-page-header .header-content .features .features-mobile-wrap{display:initial;display:flex;align-items:center;margin-left:10px;cursor:pointer;position:relative}#topic-page.bai-hoc .container-for-mobile{position:relative}#topic-page.bai-hoc .container-for-mobile .swipe-button{display:flex!important;align-items:center;position:absolute;top:10px;right:10px}#topic-page.bai-hoc .bai-hoc-grid .bai-hoc-menu{max-height:85vh}#topic-page.bai-hoc .header-message{margin-top:16px;margin-left:16px}#topic-page.bai-hoc .header-message .button-buy-now{background:#ffebb5;padding:4px 11px;border-radius:2px;margin-left:8px}#topic-page.bai-hoc .navbar{padding:0 16px}#topic-page.bai-hoc .navbar .container{display:grid;grid-template-areas:"breadscrumb avatar" "tabs tabs"}#topic-page.bai-hoc .navbar .container .breadscrumb{grid-area:breadscrumb;margin:16px 0}#topic-page.bai-hoc .navbar .container .tabs{grid-area:tabs}#topic-page.bai-hoc .navbar .breadscrumb{margin-right:10px}#topic-page.bai-hoc .navbar .breadscrumb div{font-size:12px!important}#topic-page.bai-hoc .navbar .breadscrumb i{font-size:10px;margin:0 6px}#topic-page.bai-hoc .navbar .tab-item{padding:5px 10px;font-size:12px}#topic-page.bai-hoc .navbar .current-user-wrap{padding:16px 0;margin-right:0;margin-left:auto}#topic-page.bai-hoc .navbar .current-user-wrap>div{margin-right:0;margin-left:auto}#topic-page.bai-hoc .navbar .current-user-wrap .current-user-avatar{width:32px;height:32px}#topic-page.bai-hoc .course-tabs{margin:15px 0}#topic-page.bai-hoc .course-tabs .container{gap:0 8px;grid-template-columns:1fr;grid-template-areas:"itemActived";overflow:hidden;padding:0 16px;position:relative;max-height:30px;width:50%}#topic-page.bai-hoc .course-tabs .container .chevron-icon-on-mobile{position:absolute;top:-1px;right:19px;width:30px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:8;background-color:transparent;user-select:none}#topic-page.bai-hoc .course-tabs .container .chevron-icon-on-mobile i{font-size:10px}#topic-page.bai-hoc .course-tabs .container.isShowTabListOnMobile{max-height:400px}#topic-page.bai-hoc .course-tabs .course-tab-item{padding:6px 8px;font-size:12px;height:30px}#topic-page.bai-hoc .course-tabs .course-tab-item .icon{margin-right:14px}#topic-page.bai-hoc .course-tabs .course-tab-item img{width:20px}#topic-page.bai-hoc .course-tabs .course-tab-item.isActive{grid-area:itemActived}#topic-page.bai-hoc .container-for-mobile{padding-top:40px;width:100%}#topic-page.bai-hoc .container-for-mobile .container{max-width:200%;width:200%;grid-template-columns:1fr 1fr!important;gap:20px!important}}@media(max-width:575.98px)and (max-width:575.98px){#topic-page.bai-hoc .container-for-mobile .container{width:unset!important;position:relative}}@media(max-width:575.98px){#topic-page.bai-hoc .container-for-mobile .container .topic-tree{padding:0 6px 0 0}#topic-page.bai-hoc .container-for-mobile .container.isSwipe{transform:translateX(-50%)}#topic-page.bai-hoc .swipe-button{text-align:right;height:30px;margin-right:0;margin-left:auto;font-size:12px;position:relative;display:flex!important;align-items:center}#topic-page.bai-hoc .swipe-button div{position:absolute;top:50%;left:45px;transform:translateY(-50%)}#topic-page.bai-hoc .swipe-button i{font-size:10px;visibility:hidden;transition:visibility 0s}#topic-page.bai-hoc .swipe-button i:first-child{position:absolute;top:50%;transform:translateY(-50%);left:30px}#topic-page.bai-hoc .swipe-button i:last-child{position:absolute;top:50%;transform:translateY(-50%);right:30px}#topic-page.bai-hoc .swipe-button i.visible{visibility:visible}#topic-page.bai-hoc .topic-test-view .section2-no-exam .lam-lai,#topic-page.bai-hoc .topic-test-view .section2-no-exam .select-mode-study .select-box{width:125px}#topic-page.bai-hoc .topic-test-view .section1 .list{grid-template-columns:1fr 1fr;padding:0}#topic-page.bai-hoc .topic-test-view .section1 .list.list-exercise{display:flex;justify-content:center}#topic-page.bai-hoc .topic-test-view .section1 .list.list-exercise .list-item{padding:16px;border-bottom:none}#topic-page.bai-hoc .topic-test-view .section1 .list.list-exercise .list-item:last-child{border:none}#topic-page.bai-hoc .topic-test-view .section1 .list .list-item{display:grid;grid-template-areas:"text" "number";border-bottom:1px solid #dadada;padding:12px}#topic-page.bai-hoc .topic-test-view .section1 .list .list-item:last-child{border-right:1px solid #dadada}#topic-page.bai-hoc .topic-test-view .section1 .list .text{grid-area:text;font-weight:500;font-size:12px;color:#3c3c3c;margin-bottom:8px}#topic-page.bai-hoc .topic-test-view .section1 .list .number{grid-area:number;margin:0}#topic-page.bai-hoc .main-statistic{padding:0 16px}#topic-page.bai-hoc .main-statistic .statistic-header{display:block;margin-bottom:6px}#topic-page.bai-hoc .main-statistic .statistic-header .title{font-size:12px;margin-bottom:6px}#topic-page.bai-hoc .main-statistic .statistic-header .button{font-size:12px}#topic-page.bai-hoc .main-statistic .main-item{margin-bottom:5px}#topic-page.bai-hoc .main-statistic .main-item .item{flex-direction:column;padding:35px 8px}#topic-page.bai-hoc .main-statistic .main-item .item div{display:flex;flex-direction:column;align-items:center}#topic-page.bai-hoc .main-statistic .main-item .item img{margin-right:0;margin-bottom:4px}#topic-page.bai-hoc .main-statistic .main-item .item div div:first-child{font-size:12px}#topic-page.bai-hoc .main-statistic .main-item .item div div:nth-child(2){font-size:20px}#topic-page.bai-hoc .main-statistic .main-item .item div div:last-child{font-size:12px}#topic-page.bai-hoc .main-statistic .result-row{display:grid}#topic-page.bai-hoc .chevron-icon-on-mobile,#topic-page.bai-hoc .swipe-button{display:none}}.background1{position:absolute;width:100%;display:flex;justify-content:flex-end;z-index:-1}@media(min-width:1170px){.background1 .image.desktop img{width:1170px}}.background1 .image.mobile{display:none}@media(max-width:575.98px){.background1 .image.desktop{display:none}.background1 .image.mobile{display:block;width:100%}.background1 .image.mobile img{width:100%}}@media(max-width:1199.98px){.background1 .image.desktop img{width:991.98px}}@media(max-width:991.98px){.background1 .image.desktop img{width:767.98px}}@media(max-width:767.98px){.background1 .image.desktop img{width:767.98px}}#breadcrumbs a{color:rgba(0,0,0,.851)}#breadcrumbs a .item{font-weight:500;font-size:18px;color:#ffcf43}#breadcrumbs a .item.anim{position:relative;display:inline-block}#breadcrumbs a .item.anim:hover:after{display:block}#breadcrumbs a .item.anim:after{content:"";position:absolute;height:1px;width:100%;background-color:#7d7d7d;left:50%;transform:translateX(-50%);display:none;animation-name:underline;animation-duration:.3s;animation-fill-mode:both}@keyframes underline{0%{width:30%}to{width:100%}}#my-course.my-course{position:relative}#my-course.my-course .container{padding:0}@media(max-width:767.98px){#my-course.my-course .container{padding:0 10px}}#my-course.my-course #breadcrumbs.breadcrumbs{margin:40px 0 100px}#my-course.my-course #breadcrumbs.breadcrumbs .item[aria-label=home]{color:rgba(0,0,15,.851)!important}@media(max-width:575.98px){#my-course.my-course #breadcrumbs.breadcrumbs{margin:10px}#my-course.my-course #breadcrumbs.breadcrumbs .item[aria-label=home],#my-course.my-course #breadcrumbs.breadcrumbs i{color:#fff!important}}#my-course.my-course .showcase .list{margin-top:50px;margin-bottom:50px}.course-item{background-color:#fff;padding:10px;box-shadow:5px 5px 8px 0 #b3b3b3;border-radius:7px;transition:.5s;position:relative;overflow:hidden}.course-item .image{height:220px;display:flex;align-items:center;justify-content:center}.course-item .image img{max-width:100%;max-height:100%}.course-item:hover{transform:scale(1.1);transition:.5s}.course-item .price-discount-percent{position:absolute;right:-50px;top:0;background-color:#960d09;color:#fff;padding:7px 50px;margin:5px;transform:rotate(45deg);border:1px dashed #fff;box-shadow:0 0 0 3px #960d09}.course-item .course-price{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;color:#fff;background-color:#960d09;height:50px;width:130px;border-radius:10px 30px 30px 30px;top:10px;left:10px;font-size:14px}.course-item .course-price .origin-price{text-decoration:line-through;font-size:12px}.course-item .text{height:70px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;color:#000}@media(max-width:768px){.course-item{margin:0 15px}.course-item .image img{width:100%}.course-item:hover{transform:unset;transition:unset}.course-item .price-discount-percent{position:absolute;right:-50px;top:0;background-color:#960d09;color:#fff;padding:7px 50px;margin:5px;transform:rotate(45deg);border:1px dashed #fff;box-shadow:0 0 0 3px #960d09}.course-item .course-price{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;color:#fff;background-color:#960d09;height:50px;width:130px;border-radius:10px 30px 30px 30px;top:10px;left:10px;font-size:14px}.course-item .course-price .origin-price{text-decoration:line-through;font-size:12px}.course-item .text{height:70px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;color:#000}}