@font-face{font-family:Roboto-regular;src:url(../font/Roboto-Regular.otf) format("opentype"),url(../font/Roboto-Regular.ttf) format("truetype"),url(../font/Roboto-Regular.woff) format("woff"),url(../font/Roboto-Regular.woff2) format("woff2");font-weight:400;font-style:normal}
#comboOptionWrap *{box-sizing:border-box;font-family:Roboto-regular,sans-serif;margin:0;padding:0}
#comboOptionWrap li{list-style:none}
#comboOptionWrap ol,#comboOptionWrap ul{padding-left:0}
#comboOptionWrap table{border-collapse:collapse}
#comboOptionWrap td,#comboOptionWrap th{border:1px solid #000}
#comboOptionWrap h3{margin-bottom:0}
#comboOptionWrap .colorBlue{color:#2a6ab4}
#comboOptionWrap .backgroundBlue{background:#2a6ab4}
#comboOptionWrap .colorOrange{color:#f96935}
#comboOptionWrap .backgroundOrange{background:#f96935}
#comboOptionWrap .backgroundOrangeLight{background:#febd75}
#comboOptionWrap .colorWhite{color:#fff}
#comboOptionWrap .backgroundWhite{background:#fff}
#comboOptionWrap .colorBlack{color:#292929}
#comboOptionWrap .bgDarkOrangeGd{background-image:linear-gradient(#f9a300,#f98500)}
#comboOptionWrap .colorRed{color:#d60404}
#comboOptionWrap .borderBlack{border:1px solid #d7d7d7!important}
#comboOptionWrap .colorGreen{color:#279a39}
#comboOptionWrap .backgroundGreen{background:#279a39}
#comboOptionWrap .none{display:none}
#comboOptionWrap .clear{clear:both}
#comboOptionWrap .border{border:1px solid}
#comboOptionWrap .borderRadius{border-radius:4px}
#comboOptionWrap .bold{font-weight:700}
#comboOptionWrap .textThrough{text-decoration:line-through}
#comboOptionWrap .textUpper{text-transform:uppercase}
#comboOptionWrap .comboOptionContainer{width:1152px;margin:0 auto}
#comboOptionWrap .comboOptionStepsCreate{position:relative;padding:20px 0;border-color:#efefef;margin-bottom:25px}
#comboOptionWrap .comboOptionSteps {display: flex;}
#comboOptionWrap .comboOptionLabelSale{position:absolute;right:-1px;top:8px;height:45px;font-size:24px;padding:5px 10px 0}
#comboOptionWrap .comboOptionStepsCreate>h3{text-align:center;margin-bottom:35px;font-size:24px}
#comboOptionWrap .comboOptionLabelSale::before{position:absolute;content:'';background:url('../../img/combo/flagTail1.png') no-repeat center;background-size:cover;width:13px;height:45px;left:-13px;top:0}
#comboOptionWrap .comboOptionStepsCreate div .comboOptionStepCreate{width:279px;margin-left:11.3px;text-align:center;margin-bottom:24px}
#comboOptionWrap .comboOptionStepsCreate div .comboOptionStepCreate:first-child{margin-left:0}
#comboOptionWrap .comboOptionStepCreate>img{border:2px solid #efefef;border-radius:50%;margin-bottom:27px;width: 158px;}
#comboOptionWrap .comboOptionStepsCreate .comboOptionStepCreate p{font-size:14px}
#comboOptionWrap .comboOptionHeadFilterCourse{margin-bottom:18px}
#comboOptionWrap .comboOptionSelectBox{position:relative}
#comboOptionWrap .optionSelectBox{border:1px solid #febd75;display:inline-block;position:absolute;background:#fff;z-index:0;left:18px;top:27px;transform:translateY(-30px);opacity:0;height:0;overflow:hidden;font-size:18px;text-align:center;border-radius:0 0 5px 5px;padding-top:5px}
#comboOptionWrap .optionSelectBox li{padding:3px;transition:all .2s;cursor:pointer}
#comboOptionWrap .optionSelectBox li:hover{background:#febd75;transition:all .2s;color:#fff}
#comboOptionWrap .comboOptionShowSelect{transform:translateY(0px);opacity:1;transition:all .2s;height:unset;overflow:unset}
#comboOptionWrap .comboOptionHeadFilterCourse>p{margin-right:72px}
#comboOptionWrap .comboOptionHeadFilterCourse p{font-size:18px}
#comboOptionWrap .labelSelectBox{display:block;position:relative;padding-top:2px;text-align:center;font-size:16px;height:27px;margin-left:18px;padding-right:32px;z-index:2}
#comboOptionWrap .labelSelectBox::after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff;position:absolute;right:6px;top:10px;z-index:3}
#comboOptionWrap .comboSelectboxClass .labelSelectBox,#comboOptionWrap .comboSelectboxClass .optionSelectBox{width:128px;cursor:pointer;z-index: 1;}
#comboOptionWrap .comboSelectboxSubjects .labelSelectBox,#comboOptionWrap .comboSelectboxSubjects .optionSelectBox{width:167px;cursor:pointer}
#comboOptionWrap .comboOptionResuilt{width:50%;margin-bottom:15px;height:105px;overflow:hidden}
#comboOptionWrap .comboOptionResuilt>img{width:100px;height:100px;margin-right:12px}
#comboOptionWrap .comboOptionResuilt p{width:317px;font-size:14px;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;line-height:24px;text-align:justify;font-weight:bold}
#comboOptionWrap .comboOptionResuilt button{padding:7px 15px;outline:0;margin-right:15px;border:none}
#comboOptionWrap .ComboOptionContact{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;}
#comboOptionWrap .ComboOptionContact p>span:nth-child(1){padding-right:28px}
#comboOptionWrap .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}
#comboOptionWrap .comboBtn2:nth-child(1){margin-right:27px;border-color:#2a6ab4}
#comboOptionWrap .comboBtn2:nth-child(2){border-color:#279a39}
#comboOptionWrap .comboBtn2:nth-child(1):hover,#comboOptionWrap .comboBtn2:nth-child(2):hover{background:#df6134;border-color:#df6134;transition:all .3s}
#comboOptionWrap .comboOptionContactDetail{line-height:30px}
#comboOptionWrap .comboOptionBtnContact{margin-top:10px;display:inline-block}
#comboOptionWrap .comboIconCart{width:77px;height:77px;border-radius:40px;transition:all .3s;position:fixed;left:30px;bottom:30px;z-index:4}
#comboOptionWrap .comboIconCart>img{width:100%;display:block}
#comboOptionWrap .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;padding-:15px;font-size:24px;font-weight:700}
#comboOptionWrap .comboIconCart:hover{box-shadow:0 0 5px 2px #ccc;cursor:pointer;transition:all .3s}
#comboOptionWrap .comboPopupCart{width:530px;border:1px solid #e1e1e1;border-radius:3px;background:#fff;position:fixed;height:100%;max-height:80%;left:30px;bottom:110px;display:none;box-shadow:0 0 5px 1px #2626262b;padding:22px;z-index:3}
#comboOptionWrap .comboPopupCartWrap{height:100%;position:relative}
#comboOptionWrap .comboPopupCart .comboPopupCartWrap h3{font-weight:700;text-align:center;font-size:24px;text-transform:uppercase;position:relative;color:#3066ae;margin-bottom:22px}
#comboOptionWrap .comboBtnClose{content:"";width:22px;height:22px;background:url('../../img/combo/close2.png') no-repeat center;background-size:contain;position:absolute;display:block}
#comboOptionWrap .comboBackgroundCourse a{width:17px;height:17px;right:5px;top:5px}
#comboOptionWrap .comboPopupCartWrap>.comboBtnClose{right:-16px;top:-16px;z-index:10}
#comboOptionWrap .comboItemleft{width:100%}
#comboOptionWrap .comboCourseList{max-height:calc(100% - 348px);overflow-y:auto;margin-bottom:22px;margin-right:-10px;padding-right:10px}
#comboOptionWrap .comboBackgroundCourse{border-radius:5px;background:#e8eef6;margin-bottom:12px;padding:14px 41px 14px 17px;font-size:16px;position:relative}
#comboOptionWrap .comboItemleft p{font-weight:700;overflow:hidden}
#comboOptionWrap .comboItemleft span{color:#666667}
#comboOptionWrap .comboItemright{font-weight:700;width:30%;text-align:right}
#comboOptionWrap .comboItemright p{text-decoration:line-through}
#comboOptionWrap .comboItemright span{color:#d60404}
#comboOptionWrap .comboTotalAmount{font-size:16px;padding:0 48px 0 19px;margin-bottom:9px}
#comboOptionWrap .comboBalanceAcc{font-size:16px;background:#f2f1f1;padding:9px 19px;margin-bottom:10px}
#comboOptionWrap .comboBalanceAcc p:nth-child(1){width:50%}
#comboOptionWrap .comboBalanceAcc p:nth-child(2){width:50%;text-align:right;padding-right:29px}
#comboOptionWrap .comboBtnPay:hover{background-image:linear-gradient(#f98500,#f9a300)}
#comboOptionWrap .comboTitleAmount{width:50%}
#comboOptionWrap .comboAmount{width:50%;text-align:right}
#comboOptionWrap .comboSubject::-webkit-scrollbar{width:10px;background:#e8eef6;border-radius:5px}
#comboOptionWrap .comboSubject::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:5px}
#comboOptionWrap .comboCourseList::-webkit-scrollbar{width:8px;background:#e8eef6;border-radius:3px}
#comboOptionWrap .comboCourseList::-webkit-scrollbar-thumb{background:#b7b7b7;border-radius:3px}
#comboOptionWrap .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}
#comboOptionWrap .comboPopUp{width:618px;box-shadow:0 0 5px 1px #00004d;background:#fff}
#comboOptionWrap .headerPopUpTeacherSelected{background:#e1effc;position:relative;border-radius:5px 5px 0 0}
#comboOptionWrap .headerPopUpTeacherSelected>h3{text-align:center;padding:10px;margin:0 90px;font-weight:700}
#comboOptionWrap .headerPopUpTeacherSelected>.comboPopClose{width:22px;height:22px;position:absolute;right:12px;top:12px;background:url(../../img/combo/close.png) no-repeat center;cursor:pointer}
#comboOptionWrap .comborowSubject{position:relative;margin-bottom:5px}
#comboOptionWrap .comborowSubject p.comboPopDetail{font-size:18px;padding:20px 27px 0}
#comboOptionWrap .ComboBtnSelectGv{width:219px;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;background:linear-gradient(#51e0d4,#29c6b9)}
#comboOptionWrap .wrapPopupNotify{width:100%;height:100%;position:fixed;top:0;left:0;justify-content:center;display:none;align-items:center;z-index:10001}
#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}
.combo-warning {padding: 0 20px 20px 40px !important;}
.combo-warning li {line-height: 20px;list-style: disc !important;font-size: 14px;}
.combo-warning li span {font-weight: 800;}