@font-face {font-family:Roboto-Regular;src:url('/themes/font/Roboto-Regular.otf') format("opentype"),url('/themes/font/Roboto-Regular.ttf') format("truetype"),url('/themes/font/Roboto-Regular.woff') format("woff"),url('/themes/font/Roboto-Regular.woff2') format("woff2");font-weight:400;font-style:normal}
@font-face {font-family:Roboto-Bold;src: url('/themes/font/Roboto-Bold.eot');src: url('/themes/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'),url('/themes/font/Roboto-Bold.woff2') format('woff2'),url('/themes/font/Roboto-Bold.woff') format('woff'),url('/themes/font/Roboto-Bold.ttf') format('truetype'),url('/themes/font/Roboto-Bold.svg') format('svg');font-weight:bold;font-style:normal}

#comboWrapper *{box-sizing:border-box;font-family:Roboto-Regular,sans-serif;}
#comboWrapper li{list-style:none}
#comboWrapper ol,#comboWrapper ul{padding-left:0}
#comboWrapper table{border-collapse:collapse}
#comboWrapper td,#comboWrapper th{border:1px solid #000}
#comboWrapper h3{margin-bottom:0}
/* start những class được sử dụng nhiều lần */
#comboWrapper .clear{clear:both;margin-bottom: 0;}
#comboWrapper .bg-blue{background-color:#2a6ab4}
#comboWrapper .bg-green{background-color:#279a39}
#comboWrapper .bgOrangeGd{background-image:linear-gradient(#febf66,#f8ab3c)}
#comboWrapper .bgDarkOrangeGd{background-image:linear-gradient(#f9a300,#f98500)}
#comboWrapper .bgblueLightGd{background-image:linear-gradient(#51e0d4,#29c6b9)}
#comboWrapper .linethrough{text-decoration:line-through}
#comboWrapper .clBlue{color:#007bc3}
#comboWrapper .clBlueLight{color:#6c95c4}
#comboWrapper .clRed{color:#fe0000}
#comboWrapper .clGreen{color:#45c058}
#comboWrapper .clOrange{color:#df6134}
#comboWrapper .clWhite{color:#fff}
#comboWrapper .bgWhite{background-color:#fff}
#comboWrapper .overlayPopUp{color:#45c058}
#comboWrapper .overDarkBlue{color:#2a6ab4}
#comboWrapper .bold{font-weight:700}
#comboWrapper .comboBorder{border:1px solid}
#comboWrapper .comboBorderRadius{border-radius:6px}
#comboWrapper .textUpper{text-transform:uppercase}
#comboWrapper .comboShowHide{height:auto!important;overflow:visible;margin-top:18px!important;opacity:1!important;transition:all .5s}
/* end những class được sử dụng nhiều lần */
/* Start */
#comboWrapper .combo-container{width:100%;max-width:1152px;margin:0 auto}
#comboWrapper .combo-rotate{transform:rotate(0deg)!important;transition:all .4s!important}
#comboWrapper .comboOverlay{width:100%;height:100%;position:fixed;z-index:15;display:none;background:rgba(0,0,0,.42)}
/* Start Banner */
#banner img{width: 100%}
/* End Banner */
/* menu */
#comboWrapper .combo-menu{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows: auto;gap:12px;}
#comboWrapper .combo-menu:after{content:"";clear:both}
#comboWrapper ul.combo-menu li{border:1px solid #e1e1e1;border-radius:30px;text-decoration:none;font-size:24px;color:#5c5b5b;text-transform:uppercase;background: #ffffff;}
#comboWrapper .combo-menu a{display:block}
#comboWrapper .combo-menu span{font-weight:bold}
body #comboWrapper .combo-menu a{padding:5px 9px}
body #comboWrapper .combo-menu a span{font-size: 16px;}
#comboWrapper .combo-menu li:hover:not(.current){background:#c8e2ff;border:1px solid #e1e1e1}
#comboWrapper .combo-menu .current{background:#c8e2ff;border:1px solid #c8e2ff}
#comboWrapper .combo-menu .current{background:#f96935;border:1px solid #f96935;color:#fff}
#comboWrapper .combo-menu .current a,#comboWrapper .btn-combo1 a{color:#fff}
#comboWrapper .combo-menu li:not(.current):not(.btn-combo1) a{color:#5c5b5b}
#comboWrapper .combo-menu a,#comboWrapper .btn-combo1 a{text-decoration:none}
#comboWrapper .btn-combo1{background:#0c90ea;color:#fff}
#comboWrapper .combo-menu li.btn-combo1:hover a{color:#5c5b5b}
/* end menu */
/* start Mô tả khối đăng ký combo nền tảng */
#comboWrapper .comboBtnDisaple{border-color:#d2d1d1!important;color:#979797!important}
#comboWrapper .combo-dky{background-color:#f1f1f1;position:relative;padding:12px}
#comboWrapper .combo-km{height:45px;background:#f96935;position:absolute;right:0;top:7px;color:#fff;font-size:24px;font-weight:700;text-transform:uppercase;padding:5px 12px 0}
#comboWrapper .combo-km::after{content:"";background:url(../../img/combo/flagTail1.png) 0 0/cover no-repeat;width:14px;height:45px;position:absolute;left:-14px;top:0}
#comboWrapper .title-blog1{font-size:24px;font-weight:700;color:#2a6ab4;text-align:center;padding:21px 0 25px;text-transform:uppercase}
#comboWrapper .comboArrowRotate{transform:rotate(-90deg);transition:all .4s;background:url(../../img/combo/dautich.png) no-repeat center/contain;width:12px;height:12px;display:block;float:left;margin-top:4px;margin-right:10px}
#comboWrapper .dong-chuthich{margin-bottom:12px}
#comboWrapper .icon-mota{width:2%;height:28px;background:url(../../img/combo/icon-intro.png) 0 0/contain no-repeat;font-size:15px;font-weight:700;text-align:center;margin-top:2px}
#comboWrapper .noidung_chuthich{width:98%;font-size:16px;padding-top:1px;padding-left:10px}
#comboWrapper .noidung_chuthich .ts{background-image: url(../../images/iconnew-nonebg.png);top:-5px}
/* end Mô tả khối đăng ký combo nền tảng */
/* start đăng ký nền tảng lớp 12 theo khối */
#comboWrapper .comboBlogCourses{padding:12px;background-color:#fff;font-size:16px;border-radius:5px;margin-bottom:12px}
#comboWrapper .comboBlogCourses:last-child{margin-bottom:0}
#comboWrapper .comboTagActionCourse{display:flex}
#comboWrapper .comboTitleCourse{width:40%;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
#comboWrapper .comboTitleCourse h3{color:#2a6ab4;font-weight:700;overflow:hidden}
#comboWrapper .combo h3 span{width:12px;height:12px;background:url(../../img/combo/dautich.png) 0 0/cover no-repeat;display:block;float:left;margin-right:6px;margin-top:4px}
#comboWrapper .comboTitleCourse p{color:#777879}
#comboWrapper .comboActionCourse{width:70%;padding-top:7px}
#comboWrapper .comboActionCourse a{padding: 6px 10px;}
#comboWrapper .comboListsCourse{line-height:28px;height:0;overflow:hidden;opacity:0;transition:all .5s}
#comboWrapper .comboListsCourse .counter{display:block;width:30px}
#comboWrapper .comboListsCourse .listCourse{display:block;width:calc(100% - 30px)}
#comboWrapper .comboListsCourse a{color:#202121}
#comboWrapper .comboListsCourse a:hover{text-decoration:underline}
#comboWrapper .comboPriceCourse{width:107px;margin-top:5px;text-align:center}
#comboWrapper .comboBtnSelect,#comboWrapper .comboViewDetail{width:85px;height:38px;text-align:center;text-decoration:none;outline:0}
#comboWrapper .comboViewDetail{width:108px;margin-left:20px;border:1px solid #dce8f5}
#comboWrapper .comboBtnSelect{margin-left:18px;transition:all .3s}
#comboWrapper .comboBtnSelect:hover{background:#df6134;transition:all .4s}
#comboWrapper .comboTagActionCourse button{font-size:16px}
/* end đăng ký nền tảng lớp 12 theo khối */
/* start đăng ký theo tổ hợp môn */
#comboWrapper .combo-dky-tohop{background-color:#ddeafa;position:relative;padding:0 12px 12px}
.comboActionCourse2{width:70%}
#comboWrapper .comboStyleColumnPrice{width:214px;text-align:center}
#comboWrapper .comboActionCourse2 button{margin-top:8px}
#comboWrapper .comboActionCourse2 a{padding: 6px 10px;}
/*edit*/
/* start class combo-ft */
#comboWrapper .combo-ft{border:1px solid #ddeafa;padding-top:7px}
#comboWrapper .combo-ft img{display:block}
#comboWrapper .comboFtcatton1{width:357px}
#comboWrapper .comboFtcatton1 img{margin-bottom:2px;width:100%;transform:translateY(3px)}
#comboWrapper .ft-lienhe p>span:nth-child(1){padding-right:28px}
#comboWrapper .ft-lienhe{font-size:16px;text-align:center;padding:23px 0;border:1px solid #c8e2ff;background:url("../../img/combo/Rectangle 4.png") left bottom no-repeat,url("../../img/combo/Shape 33.png") 92% bottom no-repeat;border-radius: 4px;}
#comboWrapper .combo-btnLh{margin-top:10px;display:inline-block}
#comboWrapper .comboBtn2{width:137px;border:1px solid #979797;padding:5px 0;border-radius:6px;cursor:pointer;color:#fff;font-size:18px;outline:0;transition:all .3s}
#comboWrapper .comboBtn2:nth-child(1){margin-right:27px;border-color:#2a6ab4}
#comboWrapper .comboBtn2:nth-child(2){border-color:#279a39}
#comboWrapper .comboBtn2:nth-child(1):hover,#comboWrapper .comboBtn2:nth-child(2):hover{background:#df6134;border-color:#df6134;transition:all .3s}
#comboWrapper .combo-ft-info{line-height:30px}
/* end class combo-ft */
/* end đăng ký theo tổ hợp môn */
/* start popup đăng ký giáo viên */
#comboWrapper{position:relative}
#comboWrapper .wrapPopAlert{width:100%;height:100%;position:fixed;left:0;top:0;display:none;align-items:center;justify-content:center;z-index:10005}
#comboWrapper .comboPopUp{width:618px;position:relative;box-shadow:0 0 5px 1px #00004d;background:#fff}
#comboWrapper .bodyPopupTeacherSelected{width:618px;background:#fff;border-radius:0 0 5px 5px;padding:22px 25px}
#comboWrapper .headerPopUpTeacherSelected{background:#e1effc;position:relative;border-radius:5px 5px 0 0}
#comboWrapper .headerPopUpTeacherSelected>h3{text-align:center;padding:10px;margin:0 90px;font-weight:700}
#comboWrapper .headerPopUpTeacherSelected>.comboPopClose{width:22px;height:22px;position:absolute;right:12px;top:12px;background:url(../../img/combo/close.png) no-repeat center;cursor:pointer}
#comboWrapper .comboSubject{max-height:370px;overflow-y:auto;margin-right:-18px;padding-right:18px}
#comboWrapper .comborowSubject{position:relative;margin-bottom:5px}
#comboWrapper .comborowSubject:first-child{margin-bottom:7px;font-size:18px}
#comboWrapper .comborowSubject>span{font-size:18px;width:90%;line-height:40px}
#comboWrapper .comborowSubject p.comboPopDetail{font-size:18px;padding:20px 27px 0}
#comboWrapper .comborowSubject .ComboDetailPri{color:#fe0000}
#comboWrapper .comboPopDetail>span{font-size:18px;width:90%;line-height:40px}
#comboWrapper .comboItemSubject{margin-bottom:14px;position:relative}
#comboWrapper .ComboBtnSaveWrap{width:100%}
#comboWrapper .ComboBtnSave,#comboWrapper .ComboBtnSelectGv{width:92px;height:37px;display:block;color:#fff;text-align:center;font-size:16px;border:unset;outline:0;border-radius:3px;margin:0 auto}
#comboWrapper .ComboBtnSelectGv{height:37px;display:block;color:#fff;text-align:center;font-size:22px;font-weight:700;border:unset;outline:0;border-radius:3px;margin:19px auto;width:219px}
#comboWrapper .comboAvartaTeacher{padding-top:10px}
#comboWrapper .comboAvatar{width:77px;margin-right:7px}
#comboWrapper .comboAvatar img{display:block}
#comboWrapper .comboNameSubject{width:432px;font-size:18px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
#comboWrapper .comboTwoBlogSpace{margin-bottom:13px}
/* custom check box */
#comboWrapper .checkBoxWrap{position:relative;cursor:pointer;font-size:22px;user-select:none;top:6px;right:-16px}
#comboWrapper .checkBoxWrap input{display:none}
#comboWrapper .combocheckSubj{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #d7d7d7;border-radius:5px}
#comboWrapper .checkBoxWrap input:checked~.combocheckSubj,#comboWrapper .checkBoxWrap:hover input~.combocheckSubj{border-color:#2196F3}
#comboWrapper .combocheckSubj:after{content:"";position:absolute;display:none}
#comboWrapper .checkBoxWrap input:checked~.combocheckSubj:after{display:block}
#comboWrapper .checkBoxWrap .combocheckSubj:after{background:url(../../img/combo/Forma13.png) 2px/19px no-repeat;width:100%;height:100%}
/* end custom check box */
/* end popup đăng ký giáo viên */
/* start icon giỏ hàng */
#comboWrapper .comboIconCart{width:77px;height:77px;border-radius:40px;transition:all .3s;position:fixed;left:30px;bottom:30px;z-index:4}
#comboWrapper .comboIconCart>img{width:100%;display:block}
#comboWrapper .comboIconCart>.comboQuantity{background:#fe0000;position:absolute;width:33px;height:33px;text-align:center;z-index:3;top:-13px;right:-10px;border-radius:30px;color:#fff;font-size:24px;font-weight:700}
#comboWrapper .comboIconCart:hover{box-shadow:0 0 5px 2px #ccc;cursor:pointer;transition:all .3s}
/* end icon giỏ hàng */
/* start giỏ hàng */
#comboWrapper .comboPopupCart{width:530px;border:1px solid #e1e1e1;border-radius:3px;background:#fff;position:fixed;height:75%;max-height:75%;left:30px;bottom:110px;display:none;box-shadow:0 0 5px 1px #2626262b;padding:22px;z-index:2}
#comboWrapper .comboPopupCartWrap{height:100%;position:relative}
#comboWrapper .comboPopupCart .comboPopupCartWrap h3{font-weight:700;text-align:center;font-size:24px;text-transform:uppercase;position:relative;color:#3066ae;margin-bottom:22px}
#comboWrapper .comboBtnClose{content:"";width:22px;height:22px;background:url(../../img/combo/close2.png) center/contain no-repeat;position:absolute;display:block}
#comboWrapper .comboBackgroundCourse a{width:17px;height:17px;right:5px;top:5px}
#comboWrapper .comboPopupCartWrap>.comboBtnClose{right:-16px;top:-16px;z-index:10}
#comboWrapper .comboItemleft{width:70%;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
#comboWrapper .comboCourseList{max-height:calc(100% - 317px);overflow-y:auto;margin-bottom:22px;margin-right:-10px;padding-right:10px}
#comboWrapper .comboBackgroundCourse{border-radius:5px;background:#e8eef6;height:71px;margin-bottom:12px;padding:14px 41px 14px 17px;font-size:16px;position:relative}
#comboWrapper .comboItemleft p{font-weight:700;overflow:hidden}
#comboWrapper .comboItemleft span{color:#666667}
#comboWrapper .comboItemright{font-weight:700;width:30%;text-align:right}
#comboWrapper .comboItemright p{text-decoration:line-through}
#comboWrapper .comboItemright span{color:#d60404}
#comboWrapper .comboTotalAmount{font-size:16px;padding:0 48px 0 19px;margin-bottom:9px}
#comboWrapper .comboBalanceAcc{font-size:16px;background:#f2f1f1;padding:9px 19px;margin-bottom:10px}
#comboWrapper .comboBalanceAcc p:nth-child(1){width:50%}
#comboWrapper .comboBalanceAcc p:nth-child(2){width:50%;text-align:right;padding-right:29px}
#comboWrapper .comboBtnPay{color:#fff;display:block;text-align:center;width:280px;height:40px;margin:24px auto 0;font-size:20px;padding-top:5px;text-decoration:none;border-radius:5px}
#comboWrapper .comboBtnPay:hover{background-image:linear-gradient(#f98500,#f9a300)}
#comboWrapper .comboTitleAmount{width:50%}
#comboWrapper .comboAmount{width:50%;text-align:right}
/* custom scroll giỏ hàng */
#comboWrapper .comboSubject::-webkit-scrollbar{width:10px;background:#e8eef6;border-radius:5px}
#comboWrapper .comboSubject::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:5px}
#comboWrapper .comboCourseList::-webkit-scrollbar{width:8px;background:#e8eef6;border-radius:3px}
#comboWrapper .comboCourseList::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:3px}
/* end icon giỏ hàng */
/* start popup thông báo nhập mã kích hoạt */
/* end popup thông báo nhập mã kích hoạt */
#popupOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.5);z-index:10000;display:none}
.popupShow{display:block!important}
#comboWrapper .fixed{position:fixed;z-index:100;background:#fff;top:35px;padding:12px 0 0 12px;width:1152px;opacity:1;transition:all 0.1s;margin:0;box-shadow: 0 1px 5px 1px #2626262b;}
.combo-menu {/*overflow: auto;white-space: nowrap;*/padding: 10px !important;border-radius: 4px;}
.combo-menu li {display: inline-block;}
.combo-menu::-webkit-scrollbar {width: 12px;}
.combo-menu::-webkit-scrollbar-track {background: #d7d7d7;}
.combo-menu::-webkit-scrollbar-thumb {background-color: #2a66ab;border-radius: 20px;border: 3px solid #d7d7d7;}

#courseDetail{font-size:16px;border:1px solid #e1e1e1;padding:12px}
#courseDetail .headerContent{display:flex;flex-wrap:wrap;margin-bottom:24px}
#courseDetail .headerContent .imageCourse{width:250px;height:250px;border:1px solid #e1e1e1}
#courseDetail .headerContent .imageCourse img{width:100%;height: 100%;object-fit:cover}
#courseDetail .headerContent .leftContent{padding-left:18px;width:calc(100% - 250px)}
#courseDetail .headerContent .leftContent ul{margin-bottom:35px}
#courseDetail .headerContent .leftContent ul li{margin-bottom:6px}
#courseDetail .headerContent .leftContent ul li:first-child{font-weight:700;color:#0d3da4;text-transform:uppercase;margin-bottom:19px}
#courseDetail .headerContent .leftContent ul li:not(:first-child){padding-left:19px;background:url(/themes/images/arrowLeft.png) no-repeat left}
#courseDetail .headerContent .leftContent .priceAndSubmit p{margin-right:24px;display:inline}
#courseDetail .headerContent .leftContent .priceAndSubmit p span label{text-decoration:line-through}
#courseDetail .headerContent .leftContent .priceAndSubmit p span:first-child{margin-right:24px;color:#848484}
#courseDetail .headerContent .leftContent .priceAndSubmit p span:last-child{color:#ff151b;font-weight:700}
#courseDetail .headerContent .leftContent .priceAndSubmit a{padding:10px 24px;border-radius:6px;color:#fff;background:#009742;text-decoration:none}
#courseDetail .headerContent .leftContent .priceAndSubmit a:hover{background:#05ad4e}
#courseDetail .introCourse{list-style:none;margin-bottom:22px;padding-bottom:22px;border-bottom:1px dashed #e1e1e1}
#courseDetail .introCourse p{text-align:justify;padding-left:22px;background:url(/themes/images/cupVang.png) no-repeat left;margin-bottom:10px}
#courseDetail .introCourse p:last-child{margin-bottom:0}
#courseDetail .listCourseInCombo h3{color:#0d3da4;text-transform:uppercase;margin-bottom:16px;font-weight:700}
#courseDetail .listCourseInCombo .listCource{max-height:2400px;overflow-y:scroll}
#courseDetail .listCourseInCombo .listCource::-webkit-scrollbar{width:6px}
#courseDetail .listCourseInCombo .listCource::-webkit-scrollbar-track{background:#f0f0f0}
#courseDetail .listCourseInCombo .listCource::-webkit-scrollbar-thumb{background:#e1e1e1}
#courseDetail .listCourseInCombo .listCource::-webkit-scrollbar-thumb:hover{background:#aaa}
#courseDetail .listCourseInCombo .listCource ul{margin-bottom:20px}
#courseDetail .listCourseInCombo .listCource ul.choose li:not(:first-child){padding-left:18px}
#courseDetail .listCourseInCombo .listCource ul li:not(:first-child) span{color:#fc1b1b}
#comboWrapper .comboBtnSelectSun {padding: 6px 10px;}
#comboWrapper .tabs-switch-course{display:flex;justify-content:center;gap:30px;margin-bottom:24px}
#comboWrapper .tabs-switch-course a{font-size:18px;font-weight:700;padding:7px 24px;border-radius:6px;color:#2a2a2a;background:#ebebeb;border:1px solid #b8b8b8}
#comboWrapper .tabs-switch-course a:hover{border:1px solid #2196f3;color:#2196f3}
#comboWrapper .tabs-switch-course a.active{background:#2196f3;color:#fff;border:1px solid #1879c8;display:block;}
.comboTwoBlogSpace .list-tab-combos .tab-combos{display:none}
.comboTwoBlogSpace .list-tab-combos .tab-combos.active{display:block}
.sticker-promo{clip-path:polygon(100% 0,95% 50%,100% 100%,0 100%,5% 50%,0 0);background:linear-gradient(135deg,#ef652d,#ff8a50);color:#ff0;font-weight:700;padding:5px 20px 5px 20px;letter-spacing:.5px;width:fit-content;font-size:14px!important}