body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.makeStyles-root-1{margin-bottom:0!important;box-shadow:unset!important}.MuiPaper-elevation4{box-shadow:none!important}.MuiContainer-root{overflow-y:scroll;padding-left:0!important;padding-right:0!important;margin-top:10px}.MuiDrawer-paper,.MuiDrawer-paper a{color:#ed3237!important}.MuiDrawer-paper a{text-decoration:none}.list-test,.list-test img{width:100%;height:auto}.audioPlayer{margin-top:20px}.audioPlayer audio{width:100%}.audioPlayer .plyr__volume{min-width:0!important;width:auto}.audioPlayer .plyr__menu,.audioPlayer .plyr__volume input{display:none!important}.audioPlayerTest .plyr__progress,.stopEventPointer{pointer-events:none!important}.videoPlayer{margin-top:20px}.videoPlayer video{width:100%}.videoPlayerTest .plyr__progress__container{pointer-events:none!important}.videoPlayer .plyr__menu,.videoPlayer .plyr__volume input{display:none}.videoPlayer .plyr__volume{width:auto;min-width:0}.videoPlayer .plyr__controls button[data-plyr=pip]{display:none!important}video{background:transparent url(/static/media/mocha.f6714434.png) no-repeat 0 0;background-size:cover;min-width:100%;min-height:200px!important}.QuestionFactor{padding-left:10px;padding-right:10px}button{outline:none!important}.MuiTouchRipple-root{display:none!important}.MuiButton-containedPrimary{background:#ed3237!important}.MuiButton-contained:hover{background-color:#ed3237!important}.MuiButton-contained:active{box-shadow:none!important}.MuiButton-label{color:#fff}.no-result-detail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.card-detail .MuiContainer-root{padding:10px!important}.question-content{word-break:break-word}.area-button{width:100%;height:65px}.list-language{padding:0 20px;position:fixed;bottom:30px;width:60%}.list-language .MuiFormControl-root{width:220px}.button-back-lesson div{padding-top:0!important}.button-back-lesson svg{font-size:15px}.zoom-image .lb-canvas{background-color:#152c37}.wap-pdf canvas{width:100%!important;height:400px!important}.katex .base{white-space:normal;width:100%!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#body-react{-webkit-overflow-scrolling:touch!important}.box-timer{line-height:25px;display:flex;font-weight:600;background:#ebebeb;padding:3px 12px;border-radius:21px;color:#ed3237}.icon-clock{margin-right:6px}.timeOutSweetAlert h2{color:#000;font-size:20px!important}.timeOutSweetAlert div{color:#000}.timeOutSweetAlert .sweet-alert .btn-primary{background-color:#ed3237;border:none}.custom-sweet-alert h2{color:#000;font-size:20px!important}.custom-sweet-alert div{color:#000}.custom-sweet-alert .sweet-alert .btn-primary{outline:none!important;background-color:#ed3237!important;box-shadow:none!important;border:none!important}.custom-sweet-alert .sweet-alert .btn-primary:active,.custom-sweet-alert .sweet-alert .btn-primary:hover{background-color:#ed3237!important}.custom-sweet-alert .sweet-alert .btn-danger{outline:none!important;box-shadow:none!important;background-color:#6c757d!important}.custom-sweet-alert .sweet-alert .btn-danger:active,.custom-sweet-alert .sweet-alert .btn-danger:hover{background-color:#6c757d!important}.confirmAlert .sweet-alert div:first-child{margin:0 auto!important}.confirmAlert .sweet-alert h2{font-size:20px!important}.confirmAlert .sweet-alert .btn-primary{background-color:#ed3237;width:60px;border:none;box-shadow:none}.confirmAlert .sweet-alert .btn-danger{width:60px;background-color:#6c757d;border:none;box-shadow:none}.buttonNext{text-align:center}.buttonNext svg{margin-bottom:3px}.buttonProgress{margin-top:20px;padding-bottom:20px}.buttonProgress .ios-icon svg{font-size:14px}.buttonProgress .submit svg{font-size:14px;transform:rotate(-10deg);margin-bottom:5px}.buttonProgress .submit{font-size:14px}.addButtonProgress{width:100%;height:80px}.addButtonNext{width:45%;float:right}.addButtonNext button{height:30px!important}.addButtonNext svg{width:20px}.addButtonPrevious{width:45%;float:left}.addButtonPrevious button{height:30px!important}.btn-next-custom{width:96%;vertical-align:baseline;border-radius:50px;background-color:#ed3237;outline:none!important}.btn-next-custom,.btn-next-custom .ios-icon{color:#fff!important}.btn-next-custom .ios-icon:active,.btn-next-custom .ios-icon:focus{box-shadow:none;border:none;color:#fff}.btn:disabled{background-color:rgba(0,0,0,.12)!important}.addButtonNext .btn-next-custom .ios-icon,.addButtonPrevious .btn-next-custom .ios-icon{font-size:14px}.addButtonNext .btn,.addButtonPrevious .btn{padding:0!important}.my-lesson{padding:20px 10px 10px}.child-course-name{float:left;padding:5px;font-weight:700}.child-percent-course{float:right;padding:5px;font-weight:700}.lesson-center{float:left;display:flex;line-height:32px;padding-left:13px;font-size:15px;width:calc(100% - 115px);overflow:hidden}.lesson-right{float:right;width:90px}.lesson-left{float:left;height:30px;width:30px;background:#20a220;color:#fff;text-align:center;line-height:30px;border-radius:30px;z-index:9}.lesson-right span{display:flex;float:right;line-height:32px}.margin-top{margin-top:4px}.item-lesson{display:flex;width:100%;padding-top:18px}.box-lesson{padding-left:5px;position:relative}.box-lesson li:first-child{padding-top:0}.box-lesson:after{content:"";position:absolute;left:19px;top:0;height:99%;width:2px;background:#948a8a}.box-lesson .MuiSvgIcon-root{color:#5f5d5d}.key svg{font-size:22px}.key-number{background:#888e88;color:#000}.no-lessons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.my-course .child-course-name{white-space:nowrap;width:85%;overflow:hidden;text-overflow:ellipsis}.my-course .child-percent-course{width:100%;text-align:right;float:none}.lesson-center span{white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.course-item{border-radius:5px;padding:10px;display:flex;margin-bottom:10px;border:1px solid #ccc;color:#212529}.course-item-left{position:relative;float:left;width:85px}.course-item-left svg{width:70px}.course-item-right{float:left;width:calc(100% - 80px)}.book-course svg,.date-course svg{font-size:17px;color:#7d7a7a;margin-right:6px}.book-course,.date-course{display:flex;line-height:21px}.title-course{max-height:60px;padding-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.percent-course{transform:translate(-70%,-50%)}.no-courses,.percent-course{position:absolute;top:50%;left:50%}.no-courses{transform:translate(-50%,-50%);width:100%;text-align:center}.title-success{color:#007bff}.slider_area{height:100vh;background-size:cover;background-repeat:no-repeat;background-position:50%}.slider_bg{background-image:url(/static/media/banner.69fd6915.png)}.illastrator_png{position:relative;right:0}.illastrator_png img{margin-top:100px;vertical-align:middle;width:50%}.slider-info{padding:50px;text-align:center}.slider-info h3{padding:20px;font-size:24px;letter-spacing:0;line-height:35px;margin-top:0;color:#fff;font-weight:700;text-transform:uppercase}@media (max-width:700px){.illastrator_png img{width:100%}}
/*# sourceMappingURL=main.fbed1625.chunk.css.map */