.navbar-right a{color:#1b2e4b}.content-header .navbar-right .search-link,.content-header .navbar-right .search-link,.dropdown-message .dropdown-link.new-indicator,.dropdown-notification .dropdown-link.new-indicator{color:#1b2e4b}.dropdown-message .dropdown-link.new-indicator span,.dropdown-notification .dropdown-link.new-indicator span{background-color:#8dc6d8}.dropdown-notification .dropdown-link.new-indicator span{top:-10px;font-size:11px;align-items:center}@media(min-width: 576px){.content-header .navbar-right .dropdown{margin-left:30px}}
#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
body{overflow:hidden}:root{--swiper-navigation-size: 16px;--app-height: 100vh}a{cursor:pointer;color:#000;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover{color:#f12b71}body{font-family:"Roboto",sans-serif}.table-ranking-teacher table.table.ranking{border-collapse:collapse}.table-ranking-teacher .tb-nav .tb-nav-wrap{display:flex;justify-content:space-between;margin:15px -10px}.table-ranking-teacher .tb-nav .tb-nav-wrap .nav-item{padding:10px 15px;width:calc(25% - 15px);margin:0 10px;font-size:24px;text-align:center;text-decoration:none;color:#fff}.table-ranking-teacher .tb-nav .tb-nav-wrap .nav-item.week{background:#f57893}.table-ranking-teacher .tb-nav .tb-nav-wrap .nav-item.month{background:#ffe395}.table-ranking-teacher .tb-nav .tb-nav-wrap .nav-item.quy{background:#29ceff}.table-ranking-teacher .tb-nav .tb-nav-wrap .nav-item.year{background:#4aad64}.table-ranking-teacher .table.ranking tr td,.table-ranking-teacher .table.ranking tr,.table-ranking-teacher .table.ranking th{border-bottom:1px solid #e1e1e1;vertical-align:middle;position:relative;text-align:center}.table-ranking-teacher .table.ranking tr th:first-child{padding-left:15px;text-align:left}.table-ranking-teacher .table.ranking tr td:first-child{width:50px}.table-ranking-teacher .table.ranking tr td.rank{position:relative;padding-left:30px;padding-right:30px}.table-ranking-teacher .table.ranking .icon-rank{width:30px;height:30px;border-radius:50%;display:block;border:2px solid rgba(0,0,0,.2);position:relative}.table-ranking-teacher .table.ranking .icon-rank.first{border-color:#ffe395}.table-ranking-teacher .table.ranking .icon-rank.first:after{background:#ffe395}.table-ranking-teacher .table.ranking .icon-rank.second{border-color:#29ceff}.table-ranking-teacher .table.ranking .icon-rank.second:after{background:#29ceff}.table-ranking-teacher .table.ranking .icon-rank.third{border-color:#f57893}.table-ranking-teacher .table.ranking .icon-rank.third:after{background:#f57893}.table-ranking-teacher .table.ranking .icon-rank:after{content:"";width:25px;height:25px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.2);border-radius:50%}.table-ranking-teacher .table.ranking .rank-change{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.table-ranking-teacher .table.ranking .rank-change.up{width:0;height:0;border-style:solid;border-width:0 15px 15px 15px;border-color:transparent transparent #19e326 transparent}.table-ranking-teacher .table.ranking .rank-change.down{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid red}.table-ranking-teacher .table.ranking th{background:#f5f6fa;z-index:2;color:#001737}.tableFixHead{overflow-y:auto;max-height:600px}.tableFixHead{border-top:1px solid #e1e1e1}.tableFixHead th{transition:translateY .1s ease}.tableFixHead tbody tr:last-child td{border-bottom:0}.filter-time.active>span.rounded{background-color:#0168fa}.filter-time{cursor:pointer}.date-filter{margin-left:-0.5rem;margin-right:-0.5rem}.date-filter .input-group{padding:0 .5rem}.df-logo{margin-top:0}.df-logo img{width:100%;max-width:150px}@media screen and (max-width: 1024px){.df-logo{max-width:250px}}@media screen and (max-width: 480px){.df-logo{max-width:140px}}@media(min-width: 1360px){.navbar-header>.container{padding:0}}@media(min-width: 992px){.navbar-menu{max-width:960px;justify-content:center;margin-top:0}}.course-info{font-size:12px;color:#002635}.course-info>span{line-height:28px;font-size:18px;white-space:nowrap}.course-info svg{width:18px;height:18px;vertical-align:middle;padding-right:3px}.course-list-wrap{margin-left:-10px;margin-right:-10px}.course-list-wrap>.average{padding:10px}.course-list-wrap .start-date>span:first-child{font-size:11px;color:#3462c8;font-weight:500}.course-list-wrap .start-date>p{font-size:14px;margin-bottom:0}.btn-primary{color:#fff !important;background-color:#f12b71;border-color:#f12b71}.btn-primary span{color:#fff !important;text-transform:capitalize !important;font-weight:500 !important}.btn-default{background:#ababab !important;color:#fff}.btn-default span{color:#fff !important;text-transform:capitalize !important;font-weight:500 !important}.marker-primary.marker-ribbon{background-color:#f12b71}.course-item .card-body{padding-bottom:10px}.course-item .course-info>a{color:#3562c8}.content{min-height:calc(100vh - 167px)}.course-price{color:#ab0202;font-weight:500}.course-price p{margin-bottom:0}.btn.transparent{background:transparent}.table td{padding:1rem}.table th{padding:10px 1rem}.table thead th{vertical-align:middle}.clrm-studentname{white-space:nowrap}.transparent.btn-primary{border:1px solid #f12b71;color:#f12b71}.transparent.btn-primary:hover{background:#f12b71;color:#fff}.page-item.active .page-link{background-color:#f12b71;border-color:#f12b71}.navbar-menu .nav-item.active .nav-link{color:#f12b71}.rate-block .icon-rate{flex:0 0 38px}.rate-block .right-rate{flex:0 0 70px}.rate-block .left-rate{flex-grow:1}.rate-block a:not(.btn){color:#001737}.rate-block a:not(.btn):hover{color:#f12b71}.date-filter .btn{width:100px}.table-ranking-teacher{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-radius:4px}.table-ranking-teacher table tr th{padding:15px 5px}.table-ranking-teacher .avatar img{object-fit:contain}.table-ranking-teacher>.card-body{max-height:600px;overflow:auto}.table-ranking-teacher .media-body{text-align:left}.point-level{display:flex}.point-level .level-block{padding:0 15px;text-align:center}.point-level .level-block .label{color:#001737;white-space:nowrap}.point-level .level-block .value{color:#8392a5}.rank-wrap .card-body{overflow:auto}.card.rank-teacher.rank-wrap .media-body{min-width:100px}.card.rank-teacher.rank-wrap .avatar{min-width:38px}.course-item{position:relative;border:0;overflow:hidden;border-radius:2px;box-shadow:0px 0px 4px 0px rgba(0,0,0,.15)}.course-item .course-image{width:100%;height:120px;overflow:hidden}.course-item .course-image img{width:100%;height:100%;object-fit:cover}.course-item .marker-ribbon{position:static;display:inline-block;margin-left:0;line-height:24px;white-space:nowrap}.course-item .marker-ribbon:after{display:none}.course-item .top-info{justify-content:space-between;align-items:flex-start;margin-top:-18px;padding-left:5px}.course-item .top-info .rounded-circle{border:2px solid #fff}.course-item .course-info-block .block .lb{width:100px;display:inline-block;font-weight:normal}.course-item .course-info-block .block .lb+span{font-weight:500}.course-item .course-info-block .block p{margin-bottom:5px;font-weight:500}.navigator .list-menu{padding-left:0;list-style:none}.schedule-calendar{min-height:calc(100vh - 170px)}.schedule-calendar .fc-content{padding:3px 5px;background:#fff;color:#000}.schedule-calendar .box-info{padding:5px}.schedule-calendar .box-info .txt{color:#000;margin-bottom:5px;margin-top:5px}.schedule-calendar .box-info .subject{background:#dcdcdc;padding:3px 5px;color:#1d1d1d;display:inline-block;font-weight:500;border-radius:2px}.schedule-calendar .fc-event-container{padding:3px}.fc-view-container .fc-view{background:#fdfdfd}.fc-view-container .fc-day-header{background:#f5f6fa;padding:5px}.fc-view-container .fc-event{border-radius:0;border:0;box-shadow:0px 1px 2px 0px rgba(0,0,0,.15)}.fc-agendaDay-view .fc-content{padding:10px;font-size:16px;font-weight:bold}.fc-agendaDay-view .box-info{padding:10px}.fc-agendaDay-view .box-info .txt{color:#000;margin-bottom:10px;margin-top:10px;font-size:14px}.fc-list-view .box-info{padding:0}.fc-list-view .box-info .txt{margin-top:0;margin-bottom:10px}.menu-item{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.menu-item:hover,.menu-item.active{background:#f5f6fa}.menu-item:hover a,.menu-item.active a{color:#001737;transform:none}a.menu-link{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:10px 10px;display:inline-block;color:#001737;line-height:24px;display:flex;align-items:center}a.menu-link svg{margin-right:5px}.schedule-group .schedule-item{display:block;padding:10px;box-shadow:0px 0px 2px 0px rgba(0,0,0,.15);color:#1b2e4b;transition:all .2s ease-in-out;margin-bottom:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.schedule-group .schedule-item:hover{background:#f5f6fa}.schedule-group .schedule-item:last-child{margin-bottom:0}.schedule-calendar{transition:all .3s}@media(prefers-reduced-motion: reduce){.schedule-calendar{transition:none}}@media(min-width: 992px){.schedule-calendar{left:280px}}.schedule-calendar .fc-toolbar.fc-header-toolbar{height:55px;margin-bottom:0;border-bottom:1px solid rgba(72,94,144,.16)}.schedule-calendar .fc-toolbar .fc-button-group button:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.schedule-calendar .fc-toolbar .fc-button-group button:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.schedule-calendar .fc-toolbar button{height:32px;background-color:#fff;background-image:none;border:1px solid rgba(72,94,144,.16);color:rgba(27,46,75,.7);box-shadow:none;padding:0 15px;display:flex;align-items:center;font-size:12px;text-transform:capitalize;outline:none;text-shadow:none;border-radius:0;transition:all .2s ease-in-out}@media(prefers-reduced-motion: reduce){.schedule-calendar .fc-toolbar button{transition:none}}.schedule-calendar .fc-toolbar button:hover,.schedule-calendar .fc-toolbar button:focus{border-color:#8392a5;color:#1b2e4b;position:relative;z-index:5}.schedule-calendar .fc-toolbar button:active{background-color:#f5f6fa}.schedule-calendar .fc-toolbar button.fc-prev-button,.schedule-calendar .fc-toolbar button.fc-next-button{padding:0;width:34px;justify-content:center}.schedule-calendar .fc-toolbar button.fc-prev-button span,.schedule-calendar .fc-toolbar button.fc-next-button span{margin:0}.schedule-calendar .fc-toolbar button.fc-state-active{background-color:#f5f6fa;border-color:#c0ccda;color:#1b2e4b}.schedule-calendar .fc-toolbar button.fc-today-button{border-radius:.25rem;color:rgba(27,46,75,.7);background-color:#fff;display:none}@media(min-width: 768px){.schedule-calendar .fc-toolbar button.fc-today-button{display:block}}.schedule-calendar .fc-toolbar button.fc-today-button:hover,.schedule-calendar .fc-toolbar button.fc-today-button:focus{border-color:#8392a5;color:#1b2e4b}.schedule-calendar .fc-toolbar button.fc-today-button:active{background-color:#f5f6fa}.schedule-calendar .fc-toolbar button.fc-today-button.fc-state-disabled{border-color:rgba(72,94,144,.16);background-color:#f5f6fa;color:#8392a5;font-weight:400;cursor:default}.doc-item-wrap{overflow:hidden;position:relative}.doc-item-wrap:hover .doc-link{transform:translateY(0);opacity:1}.doc-item-wrap .doc-image{width:100%}.doc-item-wrap .doc-image img{width:100%;object-fit:cover}.doc-item-wrap .doc-link{padding:10px;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.8);opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;transform:translateY(100%)}.doc-item-wrap .doc-link a{color:#fff}.docs-list{margin:0 -10px}.docs-list .col-12{padding:0 10px}.docs-wrap{height:100%}.docs-wrap>.card{height:100%}.excer-item .bd-action{padding-top:12px;padding-bottom:20px;border-bottom:1px solid rgba(72,94,144,.16)}.excer-item .bd-content{padding-top:20px}.excer-item .bd-content img{width:100%}span.score{padding:0px 5px;border-radius:4px;color:#f12b71;font-size:16px;font-weight:700;display:inline-block}.nav-tabs .nav-link{background-color:#f5f6fa}.tn-block{border:0;box-shadow:0px 2px 2px 0px rgba(0,0,0,.15);margin-bottom:20px;background:#f5f6fa}.tn-block .right-col{display:flex;flex-direction:column;justify-content:space-between;text-align:right}.tn-block .tn-item{align-items:center}.tn-block .txt{margin-bottom:5px}.tn-block .txt.title{font-size:16px;font-weight:500;display:block;color:#001737}.tn-block .txt.number{color:#8392a5}.tn-block .txt svg{width:15px}.select2-container{display:block}.select2-container .select2-search--dropdown .select2-search__field:focus{outline:0}.quiz-answer-ul{padding-left:0}.quiz-answer-ul>li{display:block;counter-increment:li;padding:10px 15px;margin-top:-1px;padding-left:50px}.quiz-answer-ul.circlestyle>li:before{border-radius:50%}.quiz-answer-ul>li:before{content:counter(li, upper-alpha);font-size:18px;font-weight:600;line-height:30px;background-color:#f5f6fa;display:inline-block;min-width:30px;text-align:center;padding:0 2px;margin-right:10px;margin-left:-40px}.quiz-answer-ul .checklb,.quiz-answer-ul .radiolb,.quiz-answer-ul .radiolb{display:block;overflow:hidden;margin:-10px 0;padding:10px 0;padding-left:40px;border-bottom:solid 1px #e1e1e1;line-height:30px}.checklb input,.radiolb input{display:none}.quiz-answer-ul .radiolb .ip-avata{padding:5px}.checklb input:checked+.ip-avata:before,.radiolb input:checked+.ip-avata:before{transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}.quiz-answer-ul label p{margin:0}.quiz-answer-ul .checklb .ip-avata,.quiz-answer-ul .radiolb .ip-avata,.quiz-answer-ul .radiolb .ip-avata{margin-left:-40px;float:left;width:30px;height:30px;border-width:1px;border-color:#e1e1e1;border-style:solid}.quiz-answer-ul .radiolb .ip-avata{padding:5px}.radiolb .ip-avata{border-radius:50%;padding:3px}.checklb .ip-avata,.radiolb .ip-avata{width:24px;height:24px;border:solid 1px #e1e1e1;margin-right:10px;background-color:#fff;position:relative;overflow:hidden}.radiolb .ip-avata:before{border-radius:50%;content:"";width:100%;height:100%;margin:0;background:#f12b71;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.checklb .ip-avata:before,.radiolb .ip-avata:before{font-family:"Font Awesome 5 Free";font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\F00C";display:block;margin-left:5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:10px;height:10px;text-align:center;margin-top:0;color:#f12b71;transform:scale(0) translate(0, -40px);-webkit-transform:scale(0) translate(0, -40px);-moz-transform:scale(0) translate(0, -40px);-ms-transform:scale(0) translate(0, -40px);-o-transform:scale(0) translate(0, -40px)}.radiolb .ip-avata:before{border-radius:50%;content:"";width:100%;height:100%;margin:0;background:#f12b71;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.quiz-answer-ul .checklb .ip-avata:before,.quiz-answer-ul .radiolb .ip-avata:before,.quiz-answer-ul .radiolb .ip-avata:before{font-size:14px}.quiz-group{margin-bottom:10px;box-shadow:0px 0px 4px 0 rgba(0,0,0,.18)}.quiz-question{display:block;background-color:#d1e6fa;line-height:20px;padding:10px 15px;font-size:16px;font-weight:600}.quiz-answer{margin-top:-1px;padding:0px 0px 15px}.quiz-fill-word{padding:15px}.quiz-fill-word+.quiz-answer{border-top:0}.quiz-fill-word p{margin-bottom:0}.student-course{display:table;table-layout:fixed}.student-course>.txt{display:table-row}.student-course>.txt:first-child>span{padding-top:0}.student-course>.txt>span{display:table-cell;padding:5px 0}.student-course>.txt>span.value{padding-left:10px}.student-course>.txt>span.lb{font-weight:500}.quiz-index .index-link{display:inline-block;padding:5px 0;width:33.3333333333%;color:#001737}.quiz-index .index-link svg{display:none}.quiz-index .index-link.checked svg{display:inline-block;color:#00a200;width:20px}.left-sticky{position:sticky;top:75px}@media screen and (max-width: 992px){.left-sticky{position:static}}.note-block{padding:15px;border:1px solid rgba(72,94,144,.16);background:#fff;border-radius:4px;margin-bottom:20px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.note-block .name{font-weight:500}.note-block .record-list{text-align:center}.note-block .txt-content{margin-bottom:0}.note-block.active .comment-content .txt-content{display:none}.note-block.active .comment-content .inline-edit{display:block}.note-block.active .record-action{display:block}.note-block .comment-content .inline-edit{display:none}.note-block .record-action{display:none;margin-top:15px}.note-block:last-child{margin-bottom:0}.note-block:hover{box-shadow:rgba(60,64,67,.15) 0px 1px 3px 1px;border-color:transparent}.note-block textarea{overflow:hidden;box-sizing:inherit;height:auto}.note-block textarea:focus{box-shadow:none;border:2px solid #7cb2fe}.question-wrap img{width:100%}.raw-txt:focus{outline:0}audio.valign-center{height:38px}audio.valign-center:focus{outline:0}.far.fa-comment-dots{font-weight:400;font-family:"Font Awesome 5 Free"}.audio-result{padding:5px;border-bottom:1px solid rgba(72,94,144,.16);padding-bottom:10px}.audio-result:last-child{padding-bottom:0;border-bottom:0}.note-content .dropdown-icon{position:absolute;top:0;right:0}.comment-info .avatar{flex:0 0 38px}.comment-info .meta{position:relative;flex:1 0 0}.comment-info .dropdown-menu{min-width:auto}.comment-info .dropdown-icon a{color:#001737}.btn-record>*{pointer-events:none}.note-ps{max-height:calc(100vh - 118px);position:relative;background:#f8f8f8}.ct-comment{background:#fcf0b9;color:#001737;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.txt-content{white-space:pre-wrap}a#scroll-to-top{position:fixed;right:30px;bottom:50px;border:1px solid #e1e1e1;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;background:#f12b71;color:#fff;z-index:999}a#scroll-to-top i{line-height:inherit}.teacher-score .action{position:absolute;right:20px}.teacher-score .action svg{color:#f12b71}.teacher-score .row-flex input.form-control{border-color:transparent transparent #c0ccda transparent;border-radius:0;outline:0;box-shadow:none}.teacher-score .row-flex input.form-control:focus{border-bottom:2px solid #c0ccda}.teacher-score .row-flex .label input.form-control{padding-left:0}.teacher-score .row-flex .label .txt{font-weight:500}#tab-notification table th{white-space:nowrap}#tab-notification table tr td{vertical-align:middle}#tab-notification table tr td:nth-child(4){white-space:nowrap}#tab-notification table tr td:nth-child(1){max-width:300px}#tab-notification table tr td:nth-child(3){max-width:350px}.no-wrap{white-space:nowrap}.checkbox-field .custom-checkbox{white-space:nowrap}.thead-light tr th{background-color:#f5f6fa}.btn-loadmore{border-radius:0}.reply-block{border-top:1px solid rgba(72,94,144,.16)}.reply-header{position:relative}.reply-header .status-rep{background:#a9a6a6;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:3px 10px;color:#fff;border-radius:.25rem;margin-left:15px;cursor:pointer}.reply-header .status-rep:hover{background:#868686}.reply-header .status-rep svg{width:15px;margin-left:5px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.reply-header .status-rep .txt:before{content:"Show"}.reply-header .status-rep.show .txt:before{content:"Hide"}.reply-header .status-rep.show svg{transform:rotate(180deg)}.ql-editor.ql-blank::before{left:20px;right:20px}.icon-action svg{pointer-events:none}.icon-action.active svg{fill:#3462c8;color:#fff;width:20px;height:20px;stroke-width:1px}.mail-compose-dialog .mail-compose-header{background-color:#3462c8}.rating{display:flex;width:100%;justify-content:center;overflow:hidden;flex-direction:row-reverse;align-items:center;position:relative}.rating-0{filter:grayscale(100%)}.rating>input{display:none}.rating>label{cursor:pointer;width:40px;height:40px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:76%;transition:.3s}.rating>input:checked~label,.rating>input:checked~label~label{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e")}.rating>input:not(:checked)~label:hover,.rating>input:not(:checked)~label:hover~label{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e")}.emoji-wrapper{width:100%;text-align:center;height:100px;overflow:hidden;position:static;top:0;width:45px;right:0}.emoji-wrapper:before,.emoji-wrapper:after{content:"";height:15px;width:100%;position:absolute;left:0;z-index:1}.emoji-wrapper:before{top:0}.emoji-wrapper:after{bottom:0}.emoji{display:flex;flex-direction:column;align-items:center;transition:.3s}.emoji>svg{margin:30px 0;width:40px;height:40px;flex-shrink:0}#rating-1:checked~.emoji-wrapper>.emoji{transform:translateY(-100px)}#rating-2:checked~.emoji-wrapper>.emoji{transform:translateY(-200px)}#rating-3:checked~.emoji-wrapper>.emoji{transform:translateY(-300px)}#rating-4:checked~.emoji-wrapper>.emoji{transform:translateY(-400px)}#rating-5:checked~.emoji-wrapper>.emoji{transform:translateY(-500px)}.feedback{max-width:270px;width:100%;border-radius:8px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.rate-block{background:rgba(52,98,200,.031372549)}.rate-confirm.hide{display:none !important}.app-mail .footer{display:none}.student-course+div.w-100{padding-top:15px;border-top:1px solid #e1e1e1}.comment-item{display:flex;padding:10px 0}.comment-item .comment-avatar .avatar img{width:32px;height:32px;object-fit:cover}.comment-item .comment-avatar .avatar{border-radius:50%;overflow:hidden;width:auto;height:auto;display:block;margin-right:10px}.comment-item .comment-content{flex:1 1 auto}.comment-item .comment-content .cmt-area{margin-bottom:15px}.comment-item .comment-content .form-control:focus,.comment-item .comment-content .form-control:active{box-shadow:none}.comment-wrap textarea{overflow:hidden;height:38px;border-radius:18px;line-height:1.5;min-height:38px}.comment-wrap textarea:focus{outline:0;box-shadow:none}.comment-lists{list-style:none;margin:0;padding:0}.comment-lists .comment-info{padding:5px 10px;background:#eef1f3;border-radius:16px;line-height:inherit}.comment-lists .comment-info>a{color:#f12b71;font-weight:600}.comment-lists .comment-info .content-cmt{color:#1d2129}.media.blog{padding:20px 0;border-top:1px solid #e1e1e1}.media.blog:first-child{padding-top:0;border-top:0}.media.blog:last-child{padding-bottom:0}.media.blog h5 a{color:rgba(0,0,0,.84);fill:rgba(0,0,0,.84);font-size:18px;line-height:24px;font-weight:600;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.media.blog h5 a:hover{color:#f12b71}.media.blog .summary{color:rgba(0,0,0,.54);fill:rgba(0,0,0,.54);font-size:14px;line-height:18px}.media.blog+.loadmore{margin-bottom:-10px;margin-top:10px}.media.blog .meta-time{font-size:13px}li.block-blog{margin-bottom:15px}li.block-blog .media-body{line-height:1.2;font-size:12px}li.block-blog .media-body a{font-size:inherit;line-height:inherit}.loadmore svg{width:15px}.course-pf .course-name{font-size:1.1rem;line-height:1.25;color:#001737;font-weight:600}.hasVerifiedBadge:after{font-family:"Font Awesome 5 Free";color:#2477c6;content:"\F058";margin-left:5px}img{width:100%}.post-img-cover{position:relative;margin-left:-30px;margin-right:-30px;margin-top:-30px}.post-img-cover img{display:block;margin:0;padding:0;width:100%;max-height:56.25vh}.content-blog{border:1px solid rgba(72,94,144,.16);background:#fff}.content-blog .thread_title{color:#000;padding:15px 0;font-size:1.5rem}.content-blog .author{display:flex;align-items:center;margin-bottom:15px;z-index:9}.content-blog .author .avatar{border-radius:50%;overflow:hidden}.content-blog .author .avatar img{height:100%}.content-blog .author .author-info{margin-left:10px}.content-blog .date-comment-view{color:#7a7a7a;font-size:.8rem}.comment-wrap{border-top:1px solid rgba(72,94,144,.16);margin:0 -15px}.comment-wrap .nav-link{padding:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.comment-wrap .comment-block{padding:15px}.date-comment-view .comment:before{content:"\2022";margin-right:5px;padding-left:0px}.blog-list{margin-top:-20px}.blog-list .card.card-event{height:100%;border-radius:5px;box-shadow:0px 0px 4px 0px rgba(0,0,0,.14);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.blog-list .card.card-event:hover{box-shadow:0px 1px 14px 0px rgba(0,0,0,.14)}.blog-list .card.card-event .card-body{border:0}.blog-list .author{font-weight:600;margin-right:5px}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#c6d7ff}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#f12b71}#customers tr.hd th{background-color:#f5f6fa;color:#001737;text-align:center}#customers tr:not(.hd) td,#customers tr:not(.hd) th{width:100px;height:100px;font-size:11px}#customers tr:not(.hd) th{font-size:16px;width:50px}#customers td,#customers th{vertical-align:middle}#customers th{padding-top:12px;padding-bottom:12px;background-color:#f1f1f1;color:#001737;text-align:center}#customers tr:not(.hd) .th{text-align:center}#customers .cl-sub{background:#3461c8;color:#fff;padding:2px 7px;border-radius:2px;margin-top:5px;display:inline-block}p.from-time:after{content:"\F0DD";font-family:"Font Awesome 5 Free";font-weight:700;left:50%;position:absolute;top:100%;margin-top:-4px;transform:translateX(-50%)}p.from-time{position:relative}.off-day{text-align:center;position:relative}.img-off{width:25px;height:25px;margin:0 auto;display:inline-block;position:absolute;right:15px;bottom:15px;display:inline-block}.img-off img{width:100%}.classTime+.select2 .select2-selection__rendered{white-space:normal !important;display:flex}.classTime+.select2 .select2-selection__rendered .select2-selection__choice{white-space:nowrap}.select2-container--default .select2-selection--multiple{border-radius:.25rem}.course-edit-wrap .date-filter .input-group .btn{width:100%}.top-filter .left-action{margin-left:-0.5rem;margin-right:-0.5rem}.top-filter .left-action .input-group{padding:0 .5rem}.input-group.select-class{min-width:300px}table.table-vcenter tr td,table.table-vcenter tr th{vertical-align:middle}.list-student-course .table tr th:first-child{background:#eceff3}.list-student-course .table tr td:first-child{background:#f3f4f7}.btn-icon{white-space:nowrap}.list-comment>.media>.media-body{position:relative}.list-comment>.media>.media-body:before{position:absolute;right:100%;top:10px;content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f4f5f8;display:inline-block}.sticky-col{position:sticky;left:0;z-index:2}.study-time table td.hasVal{background:#fbfff1}.study-time table td.hasVal a{color:#001737}.study-time table .sticky-col{width:50px}.study-time table{table-layout:fixed}.study-time table th{background:#eceff3;text-align:center;position:sticky;top:0}.study-time table td:hover{outline:1px solid #f12b71}.study-time table td:not(.sticky-col){width:200px;font-size:12px}.study-time .table-responsive{max-height:calc(100vh - 280px)}.table .dropdown [data-toggle=dropdown]{display:inline-block;padding:0 10px;color:#001737}#test-register .form-fieldset .form-group:last-child{margin-bottom:20px}.search-number{position:absolute;right:15px;bottom:7px}.search-number svg{width:20px}.detail-fixed{position:fixed;right:0 !important;bottom:0;opacity:0;z-index:3;top:60px;overflow-y:auto;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:none;background:#fff}.detail-fixed.show{-webkit-transform:none;transform:none;opacity:1;padding:0}.detail-fixed.show .bg-overlay{-webkit-transform:none;transform:none}.detail-fixed .bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.6);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateX(9999px);transform:translateX(9999px)}.detail-fixed .content-detail-wrapper{z-index:4;position:relative;background:#fff}.detail-fixed.no-fixheight{overflow-y:visible;max-height:100%}.detail-fixed.datepicker-modal{max-height:none}.detail-fixed .modal-footer{height:auto;padding-bottom:15px;padding-top:15px;border-top:1px solid #e1e1e1;justify-content:flex-start}.detail-fixed .modal-content{padding:15px}.detail-fixed .modal-content:before,.detail-fixed .modal-content:after{display:table;content:"";clear:both}@media(min-width: 992px){.navbar-menu{max-width:100%}}.warning-content .mail-content-body,.warning-content .mail-content-header{position:static}.warning-content .mail-content-header{padding-left:0;border-bottom:0;height:auto}.reply-block.teacher-first{border-top:0}.tox.tox-tinymce{border-radius:.25rem;border-color:#c0ccda}.tox .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox .tox-tbtn:hover{background:#ececec}.tox-statusbar__branding{display:none}.email-form-template .form-fieldset .form-group:last-child{margin-bottom:20px}.docs-detail-wrap table td,.docs-detail-wrap table th{text-align:center}.docs-detail-wrap table .tr-lesson{counter-increment:docsNumb}.docs-detail-wrap table .tr-lesson select{max-width:300px;text-align-last:center}.docs-detail-wrap table .tr-lesson.odd{background:#f8f8f8}.docs-detail-wrap table .tr-lesson .class-hour span:before{content:counter(docsNumb)}.truncate{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cur-answer .custom-control-label{width:100%}.create_notification #select-role{max-width:200px}.collapse-row>td{padding:0;border:0}.collapse-row>td .collapse-content{padding:5px 10px;display:none}.form-template{display:none}.form-template.show{display:block}.table{margin-bottom:0}.navigation.mg-t-10{margin-top:30px}.table.table-fixed-left tr th:first-child,.table.table-fixed-left tr td:first-child{position:sticky;left:0}.table.table-fixed-right tr th:last-child,.table.table-fixed-right tr td:last-child{position:sticky;right:0}.course-horizental{margin-bottom:15px}.course-horizental .list-wrap{list-style:none;margin:0;padding:0}.course-horizental .cr-item{padding:20px;border-bottom:1px solid rgba(0,0,0,.04)}.course-horizental .cr-item.hd{padding:10px 20px}.course-horizental .cr-item .badge{padding:5px 10px;font-size:12px;vertical-align:middle}.select-with-label{border:1px solid rgba(0,0,0,.14);padding-left:10px;border-radius:.25rem}.select-with-label select{border:0}.select-with-label select.custom-select:focus{outline:0;box-shadow:none}.select-with-label .feather-filter{width:15px}.post-manager td.check-column{width:50px}.post-manager table.fixed td.author,.post-manager table.fixed td.visibility,.post-manager table.fixed td.date{width:15%}.post-manager table.fixed td.banner,.post-manager table.fixed td.display{width:10%}.post-manager table.fixed td.title-post strong a{text-transform:uppercase}.post-manager table.fixed .row-actions{font-size:13px;visibility:hidden}.post-manager table.fixed .row-actions span a{color:#4f8fea}.post-manager table.fixed tr:hover .row-actions{visibility:visible}.fix-container{max-width:768px;margin:0 auto}#calendar .event select{color:#000;margin:0 4px;width:calc(50% - 8px);display:inline-block;margin-bottom:10px}#calendar .event select:last-of-type{width:calc(100% - 8px)}.config-teacher{overflow:hidden}.config-teacher .table th{background:#eceff3}.config-teacher td.class-name{width:200px;min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff !important}.config-teacher .select-td{min-width:150px}.config-teacher .teach{width:60px;min-width:60px;position:sticky;left:200px;background:#fff}.config-teacher .table-responsive{margin-bottom:15px;overflow-x:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.config-teacher .table-responsive:last-child{margin-bottom:30px}.config-teacher .table-responsive ::-webkit-scrollbar{height:4px;width:4px;border:1px solid #d5d5d5}body{background-color:#f2f3f7}.hl{color:#f12b71}a.no-hl{color:inherit}a.no-hl:hover{color:#c35a02}.tx-thumbnail{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical}#js-component-profilesidebar{background:#fff;border-radius:5px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}#js-component-profilesidebar.fixed{position:sticky;top:90px}#react-blog-detail{flex:1}.metronic-form .form-control,.metronic-form .select__control,.metronic-form .form-control.flatpickr-input{transition:.3s;border-radius:.25rem}.metronic-form input:-webkit-autofill:focus,.metronic-form input:-webkit-autofill:hover:focus,.metronic-form input:-webkit-autofill:focus:focus,.metronic-form input:-webkit-autofill:active:focus{box-shadow:0 0 0px 1000px #fff9fb inset;-webkit-text-fill-color:#1b2e4b}.metronic-form input:-webkit-autofill,.metronic-form input:-webkit-autofill:hover,.metronic-form input:-webkit-autofill:focus,.metronic-form input:-webkit-autofill:active{box-shadow:0 0 0px 1000px #fffdfe inset;-webkit-text-fill-color:#1b2e4b}.media-body-wrap{background:#fff;border-radius:5px}.profile-sidebar{flex-shrink:0;padding:30px 0 0 0;text-align:center;background-color:#fff;border-radius:5px}.profile-sidebar .avatar{margin:0 auto}@media screen and (min-width: 992px){.profile-sidebar{max-width:300px}}@media screen and (max-width: 991px){.profile-sidebar{padding:30px 0 0 0;height:100%;border-radius:0}}.profile-sidebar .profile-info-list li{margin-bottom:0;transition:.3s}.profile-sidebar .profile-info-list li a{display:block;padding:1rem;text-align:left;color:rgba(0,0,0,.87);font-weight:400;transition:.3s;font-size:1rem}.profile-sidebar .profile-info-list li a .icon{width:20px;margin-right:10px;display:inline-block;text-align:center}.profile-sidebar .profile-info-list li:hover{background-color:rgba(0,0,0,.05)}.profile-sidebar .profile-info-list li:hover a{color:#f12b71}.profile-sidebar .profile-info-list li.active{color:#fff}.profile-sidebar .profile-info-list li.active a:hover{color:#fff}.profile-sidebar .profile-info-list li:last-child{margin-bottom:0}.profile-sidebar .label-tag{padding-top:1px;padding-bottom:1px}.toggle-sidebar{cursor:pointer;font-size:24px;color:rgba(241,43,113,.1)}.label-tag{padding:5px 10px;border-radius:5px;font-weight:500}.label-tag.blue{color:#3699ff;background-color:#e1f0ff}.label-tag.pink{color:#f64e60;background-color:#ffe2e5}.main-color{color:#f12b71;background-color:#fff4de}.feather-16{width:16px;height:16px}#js-component-profilesidebar{position:relative;margin-right:30px;min-width:300px}@media screen and (max-width: 991px){#js-component-profilesidebar{max-width:300px;margin:0 auto;position:fixed;height:100%;z-index:9;top:0;border-radius:0 !important;left:-300px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transition:.3s}#js-component-profilesidebar .sidebar-overlay{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgba(0,0,0,.4);top:0;left:-100%;transition:.3s}#js-component-profilesidebar.active{left:0;overflow:auto}#js-component-profilesidebar.active .profile-sidebar .profile-info-list li{margin-bottom:0}}.modal{z-index:1071 !important}.custom-header-student .navbar-header{background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.custom-header-student .navbar-header .navbar-brand{border:none;padding-top:5px;padding-bottom:5px;position:relative}.custom-header-student .navbar-header .navbar-brand:after{content:"";position:absolute;right:0;top:5px;width:1px;height:calc(100% - 10px);background-color:#e1e1e1}@media screen and (max-width: 992px){.custom-header-student .navbar-header .navbar-brand{padding-right:15px}}@media screen and (max-width: 500px){.custom-header-student .navbar-header .navbar-brand{padding-right:10px;padding-left:5px}}.custom-header-student .navbar-header .dropdown-message .dropdown-link.new-indicator span,.custom-header-student .navbar-header .dropdown-notification .dropdown-link.new-indicator span{background-color:#f12b71}.custom-header-student .navbar-header .dropdown-notification .dropdown-menu{margin-top:22.5px;right:0}@media screen and (max-width: 992px){.custom-header-student .navbar-header .dropdown-notification .dropdown-menu{margin-top:21.5px}}@media screen and (max-width: 992px){.custom-header-student .navbar-header .dropdown-profile .dropdown-menu{margin-top:18px}}@media(min-width: 1200px){.custom-header-student .navbar-header .navbar-right{width:500px}.custom-header-student .navbar-header .navbar-right .dropdown-profile{margin-left:30px;padding-left:30px;border-left:1px solid #e1e1e1}}@media screen and (min-width: 1140px){.custom-header-student .navbar-header .container{padding:0 15px}}@media screen and (max-width: 1199px){.custom-header-student .navbar-header .navbar-right .dropdown:not(.dropdown-profile){padding:0 15px}.custom-header-student .navbar-header .navbar-right .dropdown:not(.dropdown-profile) .dropdown-menu{margin-right:0;margin-left:0}}.custom-header-student .navbar-header .navbar-right .dropdown.dropdown-notification .dropdown-menu{right:-68px}.custom-header-student .navbar-header .navbar-right .dropdown.dropdown-notification .dropdown-menu::before{right:82px}.custom-header-student .navbar-header .navbar-right .dropdown.dropdown-notification .dropdown-menu::after{right:83px}#js-book-calendar.calendar-student .fc-event.fc-event-past.available-slot.hide-event .inner-content{display:none}#js-book-calendar.calendar-student .fc-event.fc-event-past.available-slot .inner-content{display:block;color:#777}#js-book-calendar.calendar-student .fc-event.available-slot.hide-event:not(.fc-event-past){display:none}@media screen and (max-width: 1024px){#js-book-calendar.calendar-student .label-book{font-size:.65rem}}#js-book-calendar.calendar-student .booked-others-slot{background-color:#aa092c}.tutor-schedule.custom-student .ul-schedule li.registed .status{padding:1px 6px;background-color:#999;color:#fff;border-radius:3px}@media(min-width: 768px){.booking__container .filter-group-wrap .filter-group .filter-row .left{flex-basis:170px;max-width:170px}.booking__container .filter-group-wrap .filter-group .filter-row .right{flex-grow:1;max-width:calc(100% - 170px)}}.word-break{word-break:break-word}#quick-chat-wrap .sidenav{left:auto;right:0;width:350px;transform:translate(100%, 0)}#quick-chat-wrap .sidenav.show{transform:translate(0, 0)}@media screen and (max-width: 480px){#quick-chat-wrap .sidenav{width:100%}}#quick-chat-wrap .header-nav{padding:15px 10px;border-bottom:1px solid #e1e1e1}#quick-chat-wrap .header-nav .chat-action{float:left;margin-left:15px}#quick-chat-wrap .header-nav .chat-action svg{width:25px;height:25px}#quick-chat-wrap .header-nav .title{text-align:center;padding-left:35px;font-size:20px;color:#000;margin-bottom:0}#quick-chat-wrap .list-people{list-style:none;padding-left:0;overflow:auto;height:calc(100vh - 56px)}#quick-chat-wrap .list-people .people-item>.justify-content-end{margin-right:15px}#quick-chat-wrap .list-people .people-item .people-link{padding:15px 20px;display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#quick-chat-wrap .list-people .people-item .people-link:hover{background:#ebebeb}#quick-chat-wrap .list-people .people-item .info-people{margin-left:10px}#quick-chat-wrap .list-people .people-item .info-people .name{font-size:16px;color:#000;font-weight:600;margin-bottom:5px}#quick-chat-wrap .list-people .people-item .info-people .role{color:#707070;margin-bottom:0;font-weight:500}#quick-chat-wrap .list-people .people-item .user-content{padding:15px}#quick-chat-wrap .list-people .people-item .user-content p{margin-bottom:5px}#quick-chat-wrap .list-people .people-item .user-content p.time{margin-bottom:0}#quick-chat-wrap .list-people .people-item .user-content hr{margin:5px 0}#quick-chat-wrap .list-people .people-item .user-content.bubble{position:relative;margin-left:15px;border-radius:.3rem;background:#eceff1}#quick-chat-wrap .list-people .people-item .user-content.bubble hr{border-color:#e1e1e1}#quick-chat-wrap .list-people .people-item .user-content.bubble:after{position:absolute;top:50%;left:-9px;width:0;height:0;margin-top:-20px;content:"";border:10px solid transparent;border-right-color:#eceff1;border-left:0}#quick-chat-wrap .list-people .people-item .user-content.bubble-right{position:relative;margin-left:1rem;color:#fff;border-radius:.3rem;background-color:#2196f3}#quick-chat-wrap .list-people .people-item .user-content.bubble-right hr{border-color:#fff}#quick-chat-wrap .list-people .people-item .user-content.bubble-right:after{position:absolute;top:50%;right:0;width:0;height:0;margin-top:-16px;margin-right:-8px;content:"";border:10px solid transparent;border-right:0;border-left-color:#2196f3}#quick-chat-wrap .list-people .people-item .avatar-people{display:inline-block;position:relative}#quick-chat-wrap .list-people .people-item .avatar-people.active:after{background:#60b767}#quick-chat-wrap .list-people .people-item .avatar-people:after{content:"";width:15px;height:15px;display:inline-block;position:absolute;background:#ccc;border-radius:50%;bottom:0px;right:0;border:2px solid #fff}#quick-chat-wrap .list-people .people-item .avatar-people img{width:50px;height:50px;object-fit:cover;border-radius:50%}#chat-content-detail .list-people{height:calc(100vh - 125px)}#chat-content-detail .list-people .people-item{margin-bottom:15px;padding:10px 15px}#chat-content-detail .list-people .people-item .people-link:hover{background:#fff}#chat-content-detail .chat-type{border-top:1px solid #e1e1e1;display:flex}#chat-content-detail .chat-type input.form-control{padding:15px;height:auto}#chat-content-detail .chat-type input.form-control:focus{outline:0;box-shadow:none}#chat-content-detail .chat-type .btn-send{padding:0 15px;border-left:1px solid #e1e1e1;background:#eceff1}#chat-content-detail .chat-type .btn-send svg{height:50px;width:30px}.page-invoice-wrap{background:#fff;padding:15px}.page-invoice-top{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e1e1e1}.barcode-wrap{width:100px;height:100px;margin-left:auto;text-align:center}.barcode-wrap img{border:1px solid rgba(0,0,0,.3)}.table tbody tr{background:#fff}.table .tr-row+.collapse-row{background:rgba(142,239,231,.2392156863)}.profile-info-list.course svg{flex-shrink:0;align-self:stretch}nav div ul li a{background:#fff}nav div ul li a:hover{background:#f0f8ff}nav div ul li:not(:last-child) a{margin-right:-1px}.media.blog img{min-height:40px;object-fit:cover;height:auto}.blog__post .media.blog{align-items:stretch}.blog__post .media.blog img{height:100%;max-height:100%}@media print{#scroll-to-top{display:none}}.chart-on-table .table tr td,.chart-on-table .table tr th{border:0}.chart-on-table .table tr.row-info{border-top:1px solid #e1e1e1}.chart-on-table .collapse-row>td{padding:0 !important;border:0 !important}.chart-on-table .collapse-row .content-table{display:none;background:rgba(231,244,255,.3);padding:10px}.chart-on-table .collapse-row.expanded .content-table{display:block}.chart-on-table .toggle-collapse.active .fa-plus-square:before{content:"\F146"}.chart-on-table .chart-wrap{height:250px}.chart-on-table .chart-type{margin-bottom:15px;margin-top:15px}.chart-on-table .chart-type .select-type{display:flex;align-items:center}.chart-on-table .chart-type .select-type>span{color:#000;font-weight:bold}.chart-on-table .chart-type .select-type .radio{margin:0 10px}.chart-on-table .chart-type .select-type .radio>label{margin-bottom:0}.chart-on-table td.collapse-col{width:50px;text-align:center}.nowrap{white-space:nowrap}.search-saler{position:relative}.search-saler .search-saler-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-saler .search-saler-btn svg{color:#252525;stroke-width:1px}.create-new-status .bg-overlay{display:none}.create-new-status .status-wrap{color:#001737;border-radius:4px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-size:cover;background-repeat:no-repeat}.create-new-status .status-wrap.active{display:flex;align-items:center;justify-content:center;font-size:24px;text-align:center;min-height:300px}.create-new-status .status-wrap.active textarea{text-align:center}.create-new-status .status-wrap.active textarea::placeholder{color:inherit}.create-new-status .status-wrap.active textarea:focus::placeholder{color:inherit}.create-new-status textarea{resize:none;padding:15px;background:transparent;color:inherit}.create-new-status textarea:focus{background:transparent;color:inherit}.create-new-status .action-icons>a{color:#b9b8b8;line-height:28px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.create-new-status .action-icons>a:hover{color:#f12b71}.create-new-status .action-icons svg{width:20px;height:20px}.background-demo{display:none}.background-demo .demo-bg{padding:5px}.background-demo .demo-bg img{width:40px;height:40px;object-fit:cover;border-radius:4px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.background-demo .demo-bg img:hover{opacity:.6}.image-demo{background:#f1f0f0;border-radius:3px;display:none}.image-demo .list-preview{display:flex;overflow:auto}.image-demo .list-preview .image-box{padding:10px;flex:1 1 16.6666666667%;max-width:16.6666666667%;position:relative}@media screen and (max-width: 992px){.image-demo .list-preview .image-box{flex:1 0 20%;max-width:20%}}.image-demo .list-preview .image-box .delete-image{position:absolute;right:15px;top:15px;background:#ccc;width:24px;height:24px;line-height:24px;border-radius:50%;color:#3463c9;text-align:center;background:rgba(255,255,255,.6);cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.image-demo .list-preview .image-box .delete-image:hover{background:rgba(0,0,0,.6);color:#fff}.image-demo img{width:100%;height:100%;object-fit:cover;border-radius:4px}.search-post{border-radius:3px;overflow:hidden}.search-post .search-form button{border:0;border-radius:0}.search-post .search-form button:focus{outline:0;box-shadow:none}.search-post .search-form .form-control{border-radius:0}.search-post .share-status{background:#f1f1f1;line-height:38px;padding:0 15px;font-size:14px;border-right:1px solid #e1e1e1;color:#001737;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.search-post .share-status:hover{opacity:.8}.search-post .share-status .write-status{color:#001737}.search-post .share-status svg{width:20px;height:20px}.create-new-status{display:none}.media.blog.status-post .media-header{margin-bottom:15px}.media.blog.status-post .media-body>h5{font-size:14px;line-height:24px;font-weight:400;color:#2f2f2f}.media.blog.status-post .action-blog .dropdown-toggle{color:#001737}.media.blog.status-post .action-blog .dropdown-toggle:after{display:none}.media.blog.status-post.gradient .media-body{border-radius:4px;min-height:350px;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center center}.media.blog.status-post.gradient .media-body h5{padding:15px;font-size:1.4rem;line-height:1.6;text-align:center}.media.blog.status-post>a{display:none}.media.blog.status-post .author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9}.media.blog.status-post .author .username{font-size:.85rem}.media.blog.status-post .author .avatar{border-radius:50%;overflow:hidden}.media.blog.status-post .author .avatar img{height:100%}.media.blog.status-post .author .author-info{margin-left:10px}.media.blog.status-post .date-comment-view{color:#7a7a7a;font-size:.8rem}.media.blog.status-post .comment-wrap{margin:15px 0 0}.media.blog.status-post .comment-item .comment-avatar .avatar img{min-height:32px;height:32px;width:32px}.media.blog.status-post .comment-form-wrap .comment-item .comment-avatar .avatar{margin-top:5px}.media.blog.status-post .comment-block{display:none;padding:15px 0}.pf__schedule-test{margin-bottom:20px}.pf__schedule-test:last-child{margin-bottom:0}.pf__schedule-test tbody{margin-bottom:15px}.pf__schedule-test .vertical-align{vertical-align:middle;background:#fff;min-width:100px;position:sticky;left:0}.pf__schedule-test td.hd{background:#e3e8ed;font-weight:500;min-width:100px}caption.title{caption-side:top;text-align:center;font-size:16px;color:#252525;font-weight:700}.course-join{margin-bottom:15px;border:1px solid #e1e1e1e1}.course-join:last-child{margin-bottom:0}.course-join .tb-hd{background:#f0f8ff;padding:5px 10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.course-join .tb-hd .toggle-table.active{transform:rotate(180deg)}.course-join h6{margin-bottom:0}.course-join h6:focus{outline:0}.course-join .tab-content{padding:15px;display:none}.chart-area-wrap{height:350px}.table__rank__wrap{display:flex;flex-direction:column;height:100%}.table__rank__wrap .table-ranking-teacher{position:relative;flex:1}.table__rank__wrap .table-ranking-teacher .tableFixHead{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%}.profile-info-list a.tx-primary{color:#f12b71}.profile-info-list a.tx-primary svg{color:#f12b71}.carousel-navigator{display:flex;list-style:none;margin-top:15px;padding:15px 0;background:#f1f1f1;border-left:0;border-right:0;overflow:auto}.carousel-navigator>li{flex:1 0 25%;max-width:25%;padding:0 10px}.carousel-navigator>li img{padding:5px;background:#fff}.comment-item span.content-cmt-time{color:#707070;display:inline-flex;flex-direction:row-reverse;align-items:center;padding-left:10px}.comment-item .comment-info-hourt{margin-top:5px}.comment-item span.content-cmt-time .rep-cmt{margin-right:10px}.banner-page{height:300px;position:relative}.banner-page .banner-overlay{position:absolute;height:100%;width:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1}.banner-page img{height:100%;object-fit:cover}.banner-page .box-info{position:absolute;bottom:30px;left:30px;color:#fff;z-index:2}.banner-page .box-info .group-title{color:#fff}.member-list{padding:15px;background:#fff;display:flex}@media screen and (max-width: 600px){.member-list{flex-wrap:wrap}}.member-list .block{padding:0 10px;border-right:1px solid #e1e1e1}@media screen and (max-width: 600px){.member-list .block{flex:1}.member-list .block:not(.member){text-align:center}.member-list .block:nth-child(2){border-right:0}}.member-list .block .title{margin-bottom:5px;font-weight:500}.member-list .block .number{margin-bottom:0;line-height:32px;color:#9a9a9a}.member-list .block.member{flex-grow:1;border-right:0}@media screen and (max-width: 600px){.member-list .block.member{flex:1 1 100%;margin-top:15px}.member-list .block.member .add-member{float:right}}.member-list .members .avatar{border-radius:50%;overflow:hidden;margin:0 5px;flex-shrink:0;width:32px;height:32px}.member-list .view-more{color:#9a9a9a}.member-list .view-more>.more-num{display:inline-block;width:32px;height:32px;background:#ccc;border-radius:50%;text-align:center;line-height:32px;color:#fff}.page-group-info{border-radius:4px;overflow:hidden;margin-bottom:30px}.add-member-select{align-items:flex-start}@media screen and (max-width: 480px){.add-member-select{flex-wrap:wrap}.add-member-select .search-member{margin-bottom:15px}}.add-member-select>.btn{margin:0 5px}.add-member-select .search-member{flex-grow:1;margin:0 5px}.view-list-member .modal-body{max-height:80vh;min-height:60vh;overflow:auto}.view-list-member .modal-body .member-list-wrap{position:absolute;width:100%;bottom:0;left:0;top:15px;padding:15px;overflow:auto}@media screen and (max-width: 480px){.banner-page .box-info{bottom:15px;left:15px;right:15px}.banner-page .box-info .group-title{font-size:1.5rem}}.audio-volumn .irs{width:100px}.audio-volumn .irs--flat{height:20px}.audio-volumn .irs--flat .irs-bar{background-color:#f12b71;margin-left:1px}.audio-volumn .irs--flat .irs-bar,.audio-volumn .irs--flat .irs-line{top:4px;margin-left:1px}.audio-volumn .irs--flat .irs-handle{top:1px;width:18px;background:#f9f9f9;border-radius:15px;border:1px solid #e0e0e0;box-shadow:0px 0px 4px 0px rgba(0,0,0,.1)}.audio-volumn .irs--flat .irs-handle i:first-child{display:none}.audio-volumn .irs--flat .irs-bar--single{border-radius:4px}.test__wrap{display:none}.test__wrap .card-footer{position:relative}.testing header,.testing footer,.testing #scroll-to-top{display:none}.testing .container{max-width:100%}.testing .content.content-fixed{margin-top:0;padding:10px}.clock-time{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.clock-time>label{margin:0}.clock-time .hidden{display:none}.bold{font-weight:500}.qz-wrap{margin-bottom:30px}.qz-wrap .qz-question{margin-bottom:5px}.qz-wrap .qz-question .bold{font-weight:500}.qz-wrap .qz-answer{margin-top:15px}.qz-wrap .qz-answer .audio-result{display:flex;align-items:center;padding:0;margin-bottom:10px;padding-bottom:10px}.qz-wrap .qz-answer .audio-result>audio{max-width:450px}.qz-wrap .qz-answer .audio-result>a{font-size:20px;display:inline-block;padding:5px}.qz-wrap .qz-answer .qz-answer-ul{list-style:none;padding-left:0;margin-bottom:0}.qz-wrap .qz-answer .qz-answer-ul>li{margin-bottom:15px}.qz-wrap .qz-answer .qz-answer-ul>li>label{display:flex;margin-bottom:0}.qz-wrap .qz-answer .qz-answer-ul>li>label .ip-avata{flex-shrink:0}.qz-wrap .qz-answer .qz-answer-ul>li>label .val{margin-top:2px}.qz-wrap .qz-answer p{margin-bottom:0}.qz-wrap.collapse-toggle{display:flex;box-shadow:1px 1px 4px 0px rgba(0,0,0,.15);padding:10px 30px 10px 10px;background:linear-gradient(180deg, #e2e2e2 37.27008%, #e2e0e0 51.45041%, #dedede 51.75211%);cursor:pointer;position:relative}.qz-wrap.collapse-toggle:hover{background:linear-gradient(180deg, #bdbdbd 37.27008%, #c1c1c1 51.45041%, #c3c3c3 51.75211%)}.qz-wrap.collapse-toggle.active:after{content:"\F106"}.qz-wrap.collapse-toggle:after{content:"\F107";font-family:"Font Awesome 5 Free";font-size:18px;color:#000;position:absolute;right:10px;top:50%;transform:translateY(-50%);font-weight:bold}.qz-wrap.collapse-toggle .qz-number{padding-right:10px;display:inline-block;white-space:nowrap}.collapse-qz .collapse-row{display:none}.question-nav{flex-grow:1;padding:0 30px}.question-nav .btn{height:25px;line-height:23px;padding:0 10px;font-size:inherit;border-radius:0;outline:0;box-shadow:none}.question-nav .btn.btn-disabled{background:#eaeaea;border-color:#eaeaea;color:#9c9c9c;pointer-events:none}.question-nav ul{list-style:none;display:flex;list-style:none;overflow:auto;justify-content:center;align-items:center;padding:0 10px;flex-wrap:wrap;margin:0}.question-nav ul li{width:25px;height:25px;line-height:25px;margin:3px;text-align:center;display:inline-block;border-radius:4px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.question-nav ul li a{color:#001737;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:block}.question-nav ul li a:hover{color:#fff;background:#a4bffb}.question-nav ul li a.flag{color:#fff;background:#f95858;border-radius:50%}.question-nav ul li a.checked{border-radius:50%;background:#28b759;color:#fff}.question-nav ul li a.active{background:#f12b71;color:#fff}.check-flag .custom-checkbox{margin-bottom:0}.check-flag .custom-checkbox input{display:none}.check-flag .custom-checkbox input:checked+span:before{background:#f12b71;border-color:#f12b71}.check-flag .custom-checkbox input:checked+span:after{color:#fff;opacity:1}.check-flag .custom-checkbox span{padding-left:35px;position:relative;white-space:nowrap}.check-flag .custom-checkbox span:before{content:"";width:25px;height:25px;border:1px solid #e1e1e1;display:inline-block;vertical-align:middle;position:absolute;left:0;top:50%;transform:translate(0, -50%);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.check-flag .custom-checkbox span:after{content:"\F00C";font-family:"Font Awesome 5 Free";font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:5px;top:0;color:#f12b71;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.testing .test__wrap .card{height:calc(100vh - 80px);display:flex;flex-direction:column}.testing .test__wrap .card-body{flex-grow:1}.testing .test__wrap .card-body .row{height:100%}.testing .test__wrap .card-body .row>.left-col,.testing .test__wrap .card-body .row .right-col{height:100%;overflow:auto}.testing .test__wrap .tab-container{flex-grow:1}.testing .test__wrap .tab-container .tab-question{height:100%;display:none;flex-direction:column}.testing .test__wrap .tab-container .tab-question.show{display:flex}.table-checkmark{border-collapse:collapse}.table-checkmark tr td,.table-checkmark tr th{border:1px solid #909090}.table-checkmark thead tr{background:#f0f8ff}.table-checkmark thead tr th:not(:first-child){text-align:center}.table-checkmark tbody tr:hover{background:#d8e5ff}.table-checkmark tbody tr td{position:relative;min-width:55px}.table-checkmark tbody tr td:first-child .number{display:inline-block;white-space:nowrap;padding:0 20px 0 10px;font-weight:bold;font-size:1rem}.table-checkmark tbody tr td:not(:first-child){text-align:center}.tb-checkmark{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;margin-bottom:0}.tb-checkmark:hover span::after{display:block;opacity:.3}.tb-checkmark:hover input:checked+span:after{opacity:1}.tb-checkmark input{display:none}.tb-checkmark input:checked+span:after{display:block;opacity:1}.tb-checkmark span:after{content:"\F00C";display:inline-block;font-size:24px;font-family:"Font Awesome 5 Free";color:#10b759;font-weight:900;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:1}@media screen and (max-width: 768px){.check-flag,.test-action{order:2}.question-nav{padding:0;order:1;margin-bottom:15px}.test__footer{flex-wrap:wrap}.ready-for-test .steps-lg .step-title span{white-space:normal}.ready-for-test .step-item{flex:1}.testing .test__wrap .card{height:auto}.clock-time{position:static;transform:none;order:2}}.slot__wrap{margin-bottom:30px;overflow:hidden}.slot__wrap:last-child{margin-bottom:0}.slot__wrap .slot__item{display:flex;background:#ebebeb}.slot__wrap .slot__item .item__info{text-align:center;padding:10px;border-right:1px solid #fff;display:flex;flex-direction:column;justify-content:center;width:170px;flex-shrink:0;background:#061737}.slot__wrap .slot__item .item__info-name{margin-bottom:0;font-size:18px;color:#fff;text-align:center;text-transform:uppercase}.slot__wrap .slot__item .item__info-quantity{color:#fddd64;margin-bottom:0;font-weight:500;font-size:14px;margin-bottom:5px}.slot__wrap .slot__item .item__info-price{color:#ff414d;font-weight:600;font-size:20px;margin-bottom:0}.slot__wrap .slot__item .item__list{padding:15px 5px;display:flex;overflow:auto;position:relative}.slot__wrap .slot__item .item__list .test__kit__wrap{padding:0 10px;flex:1;min-width:250px}.slot__wrap .slot__item .item__list .test__kit__wrap.test__kit__empty{white-space:nowrap;padding:30px 10px;flex-shrink:0}.slot__wrap .slot__item .item__list .test__kit__wrap.test__kit__empty .add-set{font-size:26px;color:#ccc;display:flex;flex-grow:1;align-items:center;justify-content:center}.slot__wrap .slot__item .item__list .test__kit__wrap.test__kit__empty .test__kit__action{flex-grow:1}.slot__wrap .slot__item .item__list .test__kit{height:100%;box-shadow:0px 0px 6px 0px rgba(255,255,255,.3);border-radius:4px;display:flex;flex-direction:column;justify-content:center;background:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;justify-content:space-between}.slot__wrap .slot__item .item__list .test__kit:hover{transform:translateY(-5px);background:#fff;box-shadow:4px 4px 8px 0px rgba(255,255,255,.5)}.slot__wrap .slot__item .item__list .test__kit__type{width:100%;display:block;text-align:center;padding:10px;border-bottom:1px solid #e1e1e1}.slot__wrap .slot__item .item__list .test__kit__type-name{display:block;color:#ccc;text-transform:uppercase;font-weight:500;font-size:11px}.slot__wrap .slot__item .item__list .test__kit__action{display:flex;padding:10px;justify-content:center}.slot__wrap .slot__item .item__list .test__kit__action .btn-action{display:inline-block;flex:1;text-align:center;padding:5px 10px;background:#fff;white-space:nowrap;border:1px solid #f12b71;color:#f12b71;border-radius:0px;margin-right:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.slot__wrap .slot__item .item__list .test__kit__action .btn-action:last-child{margin-right:0}.slot__wrap .slot__item .item__list .test__kit__action .btn-action:hover{background:#f12b71;color:#fff}.slot__wrap .slot__item .item__list .test__kit__action .btn-action.btn-info{color:#fff !important;background-color:#00b8d4 !important;border-color:#00b8d4 !important}.slot__wrap .slot__item .item__list .test__kit__action .btn-action.btn-do-test{background:#ffc107;color:#000;border-color:#ffc107}.slot__wrap .slot__item .item__list .test__kit .test__kit__info{text-align:center;padding:10px;flex-grow:1}.slot__wrap .slot__item .item__list .test__kit .test__kit__info-name{font-size:16px;text-align:center;line-height:1.3;margin-bottom:10px;flex-grow:1;display:flex;align-items:center;color:#252525;font-weight:600}.slot__wrap .slot__item .item__list .test__kit .test__kit__info-set{padding:5px;border:1px solid #e1e1e1;text-align:left}.slot__wrap .slot__item .item__list .test__kit .test__kit__info-set .set__group{margin-bottom:0}.slot__wrap .slot__item .item__list .test__kit .test__kit__info-set .set__group .set__type{display:flex;justify-content:space-between}.slot__wrap .slot__item .item__list .test__kit .test__kit__info-status{margin-bottom:0}.slot__wrap .slot__item .item__list .test__kit .test__kit__info-grade{margin-bottom:15px}.test-slot-card{min-height:500px}@media screen and (max-width: 600px){.test-slot-card{min-height:initial}}.set-test{background:#fff}.set-image img{height:200px;object-fit:cover}.package-plan .average{padding:0 10px}.package-plan .average:focus{box-shadow:none;outline:0}.package-plan .plan-section{text-align:justify !important;text-justify:distribute-all-lines;font-size:0 !important}.package-plan .plan-section>*{text-align:left;font-size:medium}.package-plan .plan-section:after{content:"";display:inline-block;width:100%}.package-plan .plan-section>.average{vertical-align:top;display:inline-block;width:100%;width:32.0261437909%;margin-bottom:1.9%}@media only screen and (max-width: 100px){.package-plan .plan-section>.average{width:100%;margin-bottom:1.9%}}.package-plan .plan-section>.average.all-plans{width:100%;margin-bottom:1.9%}.package-plan .price-package{padding-top:25px;margin-bottom:10px;text-align:center;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px}.package-plan .price-package .package-name h2{font-size:1.4rem}@media only screen and (max-width: 529px){.package-plan .price-package{padding-top:1rem}}.package-plan .price-package .package-price{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;margin-top:25px}@media only screen and (max-width: 529px){.package-plan .price-package .package-price{margin-top:1rem}}.package-plan .price-package .package-price .price{position:relative;display:inline-block}.package-plan .price-package .package-price .price sup{font-size:1.6rem;position:absolute;top:6px;left:-12px}.package-plan .price-package .package-price .price span{font-size:3.5rem}.package-plan .price-package .package-price .term{display:inline-block;vertical-align:top;text-align:left;padding-top:6px}.package-plan .price-package .package-price .term sup{font-size:1.5rem;display:block;padding:0}.package-plan .price-package .package-price .term span{font-size:1rem;display:block;margin-top:-3px}.package-plan .price-package .package-features{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;margin-top:16.6666666667px}.package-plan .price-package .package-features ul{font-size:1.3rem;margin:0;padding:0;list-style:none}.package-plan .price-package .package-features ul li{margin:15px auto;padding:0}.package-plan .price-package .sign-up{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;padding:16.6666666667px 0;margin-top:16.6666666667px;width:100%;outline:none;border:none;cursor:pointer}.package-plan .price-package .package-arrow{width:0;height:0;margin:0 auto 12.5px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:8px solid}.package-plan .all-plans .all-plans-features{display:table;width:100%}.package-plan .all-plans .all-plans-features text{display:table-cell;font-size:1.6rem;vertical-align:middle;width:33%}@media only screen and (max-width: 529px){.package-plan .all-plans .all-plans-features text{display:block;margin:10px auto}}.package-plan .average .price-package{background-color:#4169c3}.package-plan .average .price-package .package-name{color:#fff}.package-plan .average .price-package .package-price{background-color:#5c7bc3;color:#fff}.package-plan .average .price-package .package-features{background-color:#f0f4ff;color:#4169c4}.package-plan .average .price-package .sign-up{background-color:#f12b71;color:#fff;transition:background-color .5s ease;border-top-left-radius:0;border-top-right-radius:0}.package-plan .average .price-package .sign-up:hover{background-color:#5c7ac3}.package-plan .average .price-package .sign-up:active{background-color:#5c7ac3}.package-plan .average .price-package .package-price .package-arrow{border-top-color:#009a86}.package-plan .average .price-package .package-features .package-arrow{border-top-color:#66caa6}.package-plan .average .price-package .sign-up .package-arrow{border-top-color:#e0f2ed}.package-plan .special .price-package{background-color:#8654ff}.package-plan .special .price-package .package-name{color:#fff}.package-plan .special .price-package .package-price{background-color:#b191ff;color:#fff}.package-plan .special .price-package .package-features{background-color:#efe9fc;color:#8654ff}.package-plan .special .price-package .sign-up{background-color:#8654ff;color:#fff;transition:background-color .5s ease}.package-plan .special .price-package .sign-up:hover{background-color:#b191ff}.package-plan .special .price-package .sign-up:active{background-color:#efe9fc}.package-plan .special .price-package .package-price .package-arrow{border-top-color:#8654ff}.package-plan .special .price-package .package-features .package-arrow{border-top-color:#b191ff}.package-plan .special .price-package .sign-up .package-arrow{border-top-color:#efe9fc}.package-plan .superduper .price-package{background-color:#00b9f2}.package-plan .superduper .price-package .package-name{color:#fff}.package-plan .superduper .price-package .package-price{background-color:#7dd4fe;color:#fff}.package-plan .superduper .price-package .package-features{background-color:#e0f2fa;color:#00b9f2}.package-plan .superduper .price-package .sign-up{background-color:#00b9f2;color:#fff;transition:background-color .5s ease}.package-plan .superduper .price-package .sign-up:hover{background-color:#7dd4fe}.package-plan .superduper .price-package .sign-up:active{background-color:#e0f2fa}.package-plan .superduper .price-package .package-price .package-arrow{border-top-color:#00b9f2}.package-plan .superduper .price-package .package-features .package-arrow{border-top-color:#7dd4fe}.package-plan .superduper .price-package .sign-up .package-arrow{border-top-color:#e0f2fa}.package-plan .all-plans .price-package{background-color:#646c7f}.package-plan .all-plans .price-package .package-name{color:#fff}.package-plan .all-plans .price-package .package-price{background-color:#8b94ab;color:#fff}.package-plan .all-plans .price-package .package-features{background-color:#e5ebf4;color:#646c7f}.package-plan .all-plans .price-package .sign-up{background-color:#646c7f;color:#fff;transition:background-color .5s ease}.package-plan .all-plans .price-package .sign-up:hover{background-color:#8b94ab}.package-plan .all-plans .price-package .sign-up:active{background-color:#e5ebf4}.package-plan .all-plans .price-package .package-price .package-arrow{border-top-color:#646c7f}.package-plan .all-plans .price-package .package-features .package-arrow{border-top-color:#8b94ab}.package-plan .all-plans .price-package .sign-up .package-arrow{border-top-color:#e5ebf4}.package-plan .all-plans .package-features .package-arrow{border-top-color:#646c7f !important}.package-plan .all-plans .package-features{padding-bottom:20px}.package-plan .plan-section{text-align:justify !important;text-justify:distribute-all-lines;font-size:0 !important}.package-plan .plan-section>*{text-align:left;font-size:medium}.package-plan .plan-section:after{content:"";display:inline-block;width:100%}.package-plan .plan-section>.average{vertical-align:top;display:inline-block;width:100%;width:32.0261437909%;margin-bottom:1.9%}@media only screen and (max-width: 100px){.package-plan .plan-section>.average{width:100%;margin-bottom:1.9%}}.package-plan .plan-section>.average.all-plans{width:100%;margin-bottom:1.9%}.package-plan .price-package{padding-top:25px;margin-bottom:10px;text-align:center;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px}.package-plan .price-package .package-name{font-size:1.4rem}@media only screen and (max-width: 529px){.package-plan .price-package{padding-top:1rem}}.package-plan .price-package .package-price{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;margin-top:25px}@media only screen and (max-width: 529px){.package-plan .price-package .package-price{margin-top:1rem}}.package-plan .price-package .package-price .price{position:relative;display:inline-block}.package-plan .price-package .package-price .price sup{font-size:1.6rem;position:absolute;top:6px;left:-12px}.package-plan .price-package .package-price .price span{font-size:2.5rem}.package-plan .price-package .package-price .term{display:inline-block;vertical-align:top;text-align:left;padding-top:6px}.package-plan .price-package .package-price .term sup{font-size:1.7rem;display:block;padding:0}.package-plan .price-package .package-price .term span{font-size:1rem;display:block;margin-top:-3px}.package-plan .price-package .package-features{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;margin-top:16.6666666667px}.package-plan .price-package .package-features ul{font-size:1.6rem;margin:0;padding:0;list-style:none}.package-plan .price-package .package-features ul li{margin:20px auto;padding:0}.package-plan .price-package .sign-up{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;padding:16.6666666667px 0;margin-top:16.6666666667px;width:100%;outline:none;border:none;cursor:pointer}.package-plan .price-package .package-arrow{width:0;height:0;margin:0 auto 12.5px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:8px solid}.package-plan .all-plans .all-plans-features{display:table;width:100%}.package-plan .all-plans .all-plans-features text{display:table-cell;font-size:1.6rem;vertical-align:middle;width:33%}@media only screen and (max-width: 529px){.package-plan .all-plans .all-plans-features text{display:block;margin:10px auto}}.package-plan .average .price-package{background-color:#009a86}.package-plan .average .price-package .package-name{color:#fff}.package-plan .average .price-package .package-price{background-color:#66caa6;color:#fff}.package-plan .average .price-package .package-features{background-color:#e0f2ed;color:#009a86}.package-plan .average .price-package .sign-up{background-color:#009a86;color:#fff;transition:background-color .5s ease}.package-plan .average .price-package .sign-up:hover{background-color:#66caa6}.package-plan .average .price-package .sign-up:active{background-color:#e0f2ed}.package-plan .average .price-package .package-price .package-arrow{border-top-color:#009a86}.package-plan .average .price-package .package-features .package-arrow{border-top-color:#66caa6}.package-plan .average .price-package .sign-up .package-arrow{border-top-color:#e0f2ed}.package-plan .special .price-package{background-color:#8654ff}.package-plan .special .price-package .package-name{color:#fff}.package-plan .special .price-package .package-price{background-color:#b191ff;color:#fff}.package-plan .special .price-package .package-features{background-color:#efe9fc;color:#8654ff}.package-plan .special .price-package .sign-up h3{background-color:#8654ff;color:#fff;transition:background-color .5s ease}.package-plan .special .price-package .sign-up:hover{background-color:#b191ff}.package-plan .special .price-package .sign-up:active{background-color:#efe9fc}.package-plan .special .price-package .package-price .package-arrow{border-top-color:#8654ff}.package-plan .special .price-package .package-features .package-arrow{border-top-color:#b191ff}.package-plan .special .price-package .sign-up .package-arrow{border-top-color:#efe9fc}.package-plan .superduper .price-package{background-color:#00b9f2}.package-plan .superduper .price-package .package-name{color:#fff}.package-plan .superduper .price-package .package-price{background-color:#7dd4fe;color:#fff}.package-plan .superduper .price-package .package-features{background-color:#e0f2fa;color:#00b9f2}.package-plan .superduper .price-package .sign-up{background-color:#00b9f2;color:#fff;transition:background-color .5s ease}.package-plan .superduper .price-package .sign-up:hover{background-color:#7dd4fe}.package-plan .superduper .price-package .sign-up:active{background-color:#e0f2fa}.package-plan .superduper .price-package .package-price .package-arrow{border-top-color:#00b9f2}.package-plan .superduper .price-package .package-features .package-arrow{border-top-color:#7dd4fe}.package-plan .superduper .price-package .sign-up .package-arrow{border-top-color:#e0f2fa}.package-plan .all-plans .price-package{background-color:#646c7f}.package-plan .all-plans .price-package .package-name{color:#fff}.package-plan .all-plans .price-package .package-price{background-color:#8b94ab;color:#fff}.package-plan .all-plans .price-package .package-features{background-color:#e5ebf4;color:#646c7f}.package-plan .all-plans .price-package .sign-up{background-color:#646c7f;color:#fff;transition:background-color .5s ease}.package-plan .all-plans .price-package .sign-up:hover{background-color:#8b94ab}.package-plan .all-plans .price-package .sign-up:active{background-color:#e5ebf4}.package-plan .all-plans .price-package .package-price .package-arrow{border-top-color:#646c7f}.package-plan .all-plans .price-package .package-features .package-arrow{border-top-color:#8b94ab}.package-plan .all-plans .price-package .sign-up .package-arrow{border-top-color:#e5ebf4}.package-plan .all-plans .package-features .package-arrow{border-top-color:#646c7f !important}.package-plan .all-plans .package-features{padding-bottom:20px}.package-plan .package-name h2{color:#fff}.slider-navi .fas{font-size:60px;color:#299a86;position:absolute;opacity:.2;top:50%;transform:translateY(-50%);cursor:pointer}.slider-navi .fas.fa-chevron-circle-left{left:45px}.slider-navi .fas.fa-chevron-circle-right{right:45px}.slider-navi .fas:hover{opacity:.5}.set-information .set-img{margin-bottom:30px}.set-information .set-img img{width:100%}.answer-area{height:calc(100% - 55px)}.answer-area .answer-content{height:100%;padding:15px;border:1px solid #e1e1e1;border-radius:3px;margin:5px;overflow:auto}.answer-area .answer-content:focus{box-shadow:0px 0px 0px 2px #f12b71;outline:0}.bar-time{position:absolute;bottom:100%;left:0;height:10px;background:#bfd2fd;width:100%}.bar-time span{height:100%;display:block;border-top-right-radius:16px;border-bottom-right-radius:16px;background-image:linear-gradient(48.18232deg, #3462c8 29.78385%, #5dadff 64.88802%);background-size:200%;background-position:right 100%;animation:lighting 5s infinite ease;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@keyframes lighting{0%{background-position:right 100%}25%{background-position:center 150%}50%{background-position:left 200%}75%{background-position:center 150%}100%{background-position:right 100%}}.checkout-box{background:#fff;padding:30px;box-shadow:2px 4px 15px 0px rgba(0,0,0,.15);border-radius:4px}.checkout-box .plan-section .average{width:100%;padding:0}.select-word{height:100%}.dropzone,.type-answer{display:inline-block;min-width:100px;background:#ebebeb;min-height:31px;text-align:center;padding:5px;vertical-align:text-bottom;cursor:pointer;margin:5px}.dropzone.wrong-question,.wrong-question.type-answer{background:#ffc2c2 !important}.type-answer{min-height:auto;padding:3px 5px;vertical-align:initial}.choose-answer{display:flex;align-items:center;padding:15px 0;margin-bottom:15px;flex-wrap:wrap}.choose-answer.draggable-dropzone--active{background:#fdfbe4;border:1px dashed #ccc}.question__wrap.active{outline:2px solid #f12b71}.drop-answer .dropwrap{display:inline-block;min-width:100px;background:#ebebeb;min-height:31px;text-align:center;padding:0;vertical-align:text-bottom;cursor:pointer}.drop-answer .dropwrap .dropzone,.drop-answer .dropwrap .type-answer{margin-bottom:0;display:block}.drop-answer .dropwrap.draggable-dropzone--occupied{background:none;padding:0;margin:0}.drop-answer .dropwrap.draggable-dropzone--occupied .dropzone,.drop-answer .dropwrap.draggable-dropzone--occupied .type-answer{margin:0}.drop-answer .draggable-dropzone--occupied{background:#ccd5f1;min-height:auto}.drop-answer .draggable-dropzone--active{background:#f9f8bd;border:1px dashed #000;box-shadow:0px 0px 4px 0px rgba(0,0,0,.14);width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drop-answer .draggable-mirror{width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drop-answer .draggable-source--is-dragging+.draggable--original{display:none !important}.drop-answer .draggable--original{display:inherit !important}.drop-answer .draggable--original+.draggable-source--is-dragging{display:none}.dropwrap .draggable-dropzone--active{border:1px dashed #000;box-shadow:0px 0px 4px 0px rgba(0,0,0,.14)}.drop-container{outline:0}.drop-container *{outline:0}.drop-container{outline:0;outline:0}.drop-container>*{outline:0}.rating-star{position:relative}.set-img{position:relative}.set-img .badge-wrap{position:absolute;left:0;top:15px}.set-img .trust-badge{display:inline-block;position:relative;padding:0 5px 0 10px;margin:0 0 5px 0;font-weight:300;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:30px;line-height:30px;color:#fff;white-space:nowrap;vertical-align:middle;font-size:9px;font-weight:600}.set-img .trust-badge-top{position:absolute;top:0;right:-30px;width:0;height:0;border-style:solid;border-width:30px 30px 0 0}.set-img .trust-badge-bottom{position:absolute;top:0;right:-30px;width:0;height:0;border-style:solid;border-width:30px 0 0 30px}.set-img .trust-badge a{display:block;color:#fff;text-decoration:none;font-size:18px}.set-img .trust-badge a:hover{color:#fff}.set-img .trust-badge-premium{background:linear-gradient(89.6775130892deg, #ed0043 19.0807291667%, #f24767 74.6015625%, #f34868 74.6015625%)}.set-img .trust-badge-premium .trust-badge-top{border-color:#ed4a68 transparent transparent transparent}.set-img .trust-badge-premium .trust-badge-bottom{border-color:transparent transparent transparent #ed4a68}.set-img .trust-badge-free{background:#2a3e87}.set-img .trust-badge-free .trust-badge-top{border-color:#2a3e87 transparent transparent transparent}.set-img .trust-badge-free .trust-badge-bottom{border-color:transparent transparent transparent #2a3e87}.my-package .set-img .trust-badge{line-height:25px;height:25px}.my-package .set-img .trust-badge .trust-badge-top{right:-25px;border-width:25px 25px 0 0}.my-package .set-img .trust-badge .trust-badge-bottom{right:-25px;border-width:25px 0 0 25px}.tx-center-last{text-align-last:center}.box__select{display:block}.box__select input[type=checkbox]{display:none}.box__select input[type=checkbox]:checked+.set__pack{background:rgba(52,98,200,.17);box-shadow:0px 0px 6px 0px rgba(52,98,200,.1)}.box__select input[type=checkbox]:checked+.set__pack .option-icon{color:rgba(52,98,200,.56)}.box__select input[type=checkbox]:checked+.set__pack .option-name{color:rgba(52,98,200,.86)}.box__select .set__pack{display:flex;justify-content:center;align-items:center;padding:30px;border:1px solid transparent;border-radius:8px;box-shadow:0px 0px 6px 0px rgba(0,0,0,.14);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.box__select .option-icon{font-size:60px;color:#c7c7c7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.box__select .option-name{font-size:24px;vertical-align:middle;margin-left:15px;font-weight:bold;color:#a2a2a2;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail-preview{cursor:pointer}.thumbnail-preview:hover:after{z-index:1}.thumbnail-preview:hover .fa-upload{z-index:2}.thumbnail-preview:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.6);content:""}.thumbnail-preview .fa-upload{font-size:120px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0;color:rgba(52,97,200,.35)}.thumbnail-preview img{z-index:1;position:relative;object-fit:cover}.object-fit{object-fit:cover}.tb-set-manager .th-name{min-width:150px}.tb-set-manager .option-hd{border-bottom:1px solid #e1e1e1 !important}.tb-set-manager .thead-light .option-hd{border-bottom-color:rgba(72,94,144,.16) !important}.tb-set-manager .thead-dark .option-hd{border-bottom-color:#49597b !important}.set__box{position:relative}.set__box .set-edit{position:absolute;right:10px;top:10px;color:#000}.set__box .option-info{text-align:left}.set__box .option-name{color:#f12b71}.set__box .option-icon{color:#f12b71;opacity:.5}.preview-audio{display:flex}.setting-audio .custom-file-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:75px;display:block}.table-group-question thead tr th.th-name,.table-group-question thead tr th.th-title,.table-group-question thead tr th.th-description{min-width:150px}.off-canvas.question-canvas{width:100%;max-width:768px}.line-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp.clamp-2{-webkit-line-clamp:2}body.drop-answer{background:#fff}body.drop-answer .dropwrap{vertical-align:middle;margin:0 5px}.noise-word,.correct-answer{display:flex;align-items:center}.noise-word .action-icon,.correct-answer .action-icon{white-space:nowrap;margin-left:10px}.noise-word .action-icon svg,.correct-answer .action-icon svg{width:20px;height:20px}.noise-word .highlight-box{background:rgba(253,246,246,.98);box-shadow:0px 0px 0px 1px #ff7070}.noise-word .highlight-box:focus,.noise-word .highlight-box:hover{background:rgba(253,246,246,.98);box-shadow:0px 0px 0px 1px #ff7070}.highlight-box{background:rgba(241,245,255,.98);box-shadow:0px 0px 0px 1px #3462c8}.highlight-box:focus,.highlight-box:hover{background:rgba(241,245,255,.98);box-shadow:0px 0px 0px 1px #3462c8}.draggable--over.draggable-dropzone--wrong{outline:5px solid red}.draggable--over.draggable-dropzone--wrong.draggable-dropzone--occupie{box-shadow:4px 4px 8px 0px red}.dropwrap.draggable-dropzone--wrong{background:#f9e5e5}.context-menu{width:125px;z-index:1;box-shadow:0 4px 5px 3px rgba(0,0,0,.2);background:#fff;position:fixed;display:none;transition:.2s display ease-in}.context-menu .menu-options{list-style:none;padding:0;z-index:1;margin-bottom:0;user-select:none}.context-menu .menu-options .menu-option{font-weight:500;font-size:14px;z-index:1;padding:15px 10px;cursor:pointer}.context-menu .menu-options .menu-option:hover{background:#f12b71;color:#fff}.context-menu .menu-options .menu-option:hover svg{color:#fff}.context-menu .menu-options .menu-option svg{color:#f12b71;margin-right:5px}.highlight-word{background:#5c8df9;color:#fff;padding:0 5px}.highlight-word.has-note{cursor:pointer;background:#f12b71}.highlight-word.has-note:after{content:"\F15C";font-family:"Font Awesome 5 Free";font-weight:400;color:#fff;margin-left:5px}.highlight-word .dropwrap{color:#001737}.note-popup{width:250px}.note-popup .header-popup{position:relative}.note-popup .edit-note{position:absolute;right:10px;font-size:20px;top:50%;transform:translateY(-50%);cursor:pointer}.note-popup .popover-header{padding-right:45px}.note-popup .popover-body{background:beige;outline:0;min-height:100px}.time-remain{cursor:pointer;font-size:20px;color:#f12b71}.time-remain .hour{display:none}.time-remain .minute,.time-remain .hour{display:none}.time-remain .minute:after,.time-remain .hour:after{content:":";margin:0 1px;display:none}.time-remain .second{display:none}.time-remain:after{content:" minutes left";margin-left:5px}.time-remain:after{content:"Click to show time"}.time-remain:hover .minute{display:initial}.time-remain:hover:after{content:" minutes left"}.popover-header{background-color:#fa005e !important;color:#fff !important}#js-toggleTime:checked+.time-remain .hour{display:none}#js-toggleTime:checked+.time-remain .hour:after{display:none}#js-toggleTime:checked+.time-remain .minute{display:initial}#js-toggleTime:checked+.time-remain .minute:after{display:initial}#js-toggleTime:checked+.time-remain .second{display:initial}#js-toggleTime:checked+.time-remain:after{content:" left"}.bottom-header{background-color:#fff;width:100%;z-index:999}.bottom-header>.container{padding:0 15px}@media(min-width: 992px){.bottom-header{box-shadow:0px 1px 12px 0px rgba(0,0,0,.25)}}.bottom-header .hd-menu-list{display:flex;align-items:stretch;padding:0;margin:0;overflow:auto;transition:transform .2s cubic-bezier(0.52, 0.57, 0.69, 0.67)}.bottom-header .hd-menu-list::-webkit-scrollbar{width:4px;height:4px;border-radius:10px}.bottom-header .hd-menu-list::-webkit-scrollbar-thumb{background:rgba(72,94,144,.16);border-radius:10px}.bottom-header .hd-menu-list::-webkit-scrollbar-track{background:rgba(240,242,246,.58);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.bottom-header .hd-menu-list::-webkit-scrollbar-thumb:hover{background:rgba(55,72,110,.16)}.bottom-header .hd-menu-list{scrollbar-face-color:rgba(72,94,144,.16);scrollbar-track-color:rgba(240,242,246,.58)}.bottom-header .hd-menu-list+.menu-overlay{content:"";position:fixed;width:100%;height:100%;top:0;left:0;z-index:998;background:rgba(0,0,0,.6);transform:translateX(-200%);transition:transform .2s cubic-bezier(0.52, 0.57, 0.69, 0.67)}.bottom-header .menu-link{display:flex;align-items:center;white-space:nowrap;padding:.75rem .5rem}.bottom-header .menu-link>a{position:relative;border-radius:.42rem;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1rem;padding:.5rem 1rem;color:rgba(0,0,0,.87);display:block}.bottom-header .menu-link>a.active,.bottom-header .menu-link>a:hover{background:rgba(241,43,113,.3);color:#f12b71}@media(min-width: 992px){.bottom-header{position:fixed;top:60px}.bottom-header .hd-menu-list{margin:0 -0.5rem}}.bottom-header .burger-menu-bottom{display:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.bottom-header .burger-menu-bottom.active{z-index:9999;position:fixed;top:10px;left:250px}.bottom-header .burger-menu-bottom.active~.hd-menu-list,.bottom-header .burger-menu-bottom.active~.menu-overlay{transform:none}.navbar-header{background-color:#f12b71;border-bottom:0}.navbar-header>.container{padding:0 15px;border-bottom:1px solid rgba(72,94,144,.16)}@media screen and (max-width: 992px){.navbar-header>.container{padding:0}}.tab-content{background:#fff}footer.footer{background-color:#fff;color:#1b2e4b;border-top:0;box-shadow:0px 0px 0px 0px rgba(0,0,0,.05)}footer.footer a{color:#1b2e4b}.fb-summary-container{background:#fff;padding:15px 30px;margin-bottom:30px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:5px}.fb-summary{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;padding-top:10px;border-top:1px solid #e1e1e1}.fb-summary .fb-type{padding:5px 10px}.fb-radio label{margin-bottom:0;display:inline-flex;align-items:center}.fb-radio input{visibility:hidden;height:0;width:0;opacity:0;user-select:none;cursor:none}.fb-radio input+span{position:relative;padding-left:30px}.fb-radio input+span:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-radius:15px;border:2px solid #f12b71}.fb-radio input+span:after{content:"";position:absolute;top:5px;left:5px;width:10px;height:10px;border-radius:8px;background-color:transparent}.fb-radio input:checked+span:after{background-color:#f12b71}.fb-radio .number{margin-left:10px;font-weight:500;font-style:italic}.rating-wrap{flex-shrink:0;display:flex;align-items:center;font-size:18px}.rating-wrap i{color:#ffcb8e;margin:0 2px}.rating-wrap .filled-stars i{color:#ffcb8e}.fb-item{display:flex;align-items:flex-start;padding:30px;background:#fff;margin-bottom:30px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:5px}@media screen and (max-width: 768px){.fb-item .fb-avatar{margin:auto}}.fb-item .fb-avatar .avatar{width:100px;height:100px;object-fit:cover;border-radius:50px}@media screen and (max-width: 768px){.fb-item .fb-avatar .avatar{width:70px;height:70px}}.fb-item .fb-info{flex-grow:1;margin-left:30px}.fb-item .fb-info .name-rating{display:flex;justify-content:space-between;margin-bottom:10px}.fb-item .fb-info .name-rating .name{flex-grow:1;margin-bottom:0;font-size:1.15rem;font-weight:600}.fb-item .fb-info .feedback-comment{margin-bottom:5px}.fb-item .fb-info .feedback-comment p{margin-bottom:0px}.fb-item .fb-info .actions{margin-top:5px}.metas{display:flex;margin:0 -10px;flex-wrap:wrap;margin-bottom:5px}.metas .meta{font-size:13px;color:#b1b1b1;padding:5px 10px}.metas .meta span{font-weight:500}.tc-comment-wrap{padding-top:15px;border-top:1px solid #e1e1e1;margin-top:15px}.tc-comment-wrap.hidden{display:none}.tc-comment-wrap .tc-comment{display:flex}.tc-comment-wrap .tc-comment+.tc-comment{margin-top:15px}.tc-comment-wrap .tc-comment .tc-content{margin-left:10px;padding:10px;border-radius:8px;border:1px solid #f12b71;position:relative}.tc-comment-wrap .tc-comment .teacher-name{color:#d9ecf2;margin-bottom:5px;font-weight:600}.tc-comment-wrap .tc-comment .meta{color:#b1b1b1}.tc-comment-wrap .tc-comment .box{margin-bottom:10px;padding-right:30px}.tc-comment-wrap .tc-comment .edit-box{position:absolute;right:15px;top:15px;font-size:24px;color:#f12b71}.reply-box{display:none}@media(min-width: 992px){.content-fixed{margin-top:121px}}@media(max-width: 992px){.bottom-header .burger-menu-bottom{display:inline-block;color:#ccc;padding:10px 0}.bottom-header .burger-menu-bottom:hover{color:#f12b71}.bottom-header .hd-menu-list{position:fixed;width:300px;left:0;top:0;bottom:0;flex-direction:column;background:#fff;align-items:stretch;z-index:999;transform:translateX(-200%);padding-top:60px;overflow:auto}.bottom-header .hd-menu-list:before{content:attr(data-title);z-index:9999;position:fixed;top:0;left:0;padding-top:15px;padding-left:15px;color:#d9ecf2;font-size:24px;height:60px;width:300px;background:#fff;border-bottom:1px solid #e1e1e1}.bottom-header .hd-menu-list .menu-link{flex-shrink:0}.bottom-header .hd-menu-list .menu-link>a{display:block;width:100%;border-radius:0}.bottom-header .hd-menu-list .menu-link>a:hover,.bottom-header .hd-menu-list .menu-link>a.active{padding-left:15px}.bottom-header .hd-menu-list .menu-link>a.active:before{content:"\F0DA";font-family:"Font Awesome 5 Free";font-weight:bold;margin-right:15px}}@media screen and (max-width: 768px){.fb-item{padding:15px}.fb-summary-container{padding:15px}.fb-summary-container .fb-type{flex-basis:50%}}.profile-info-list svg{margin-right:10px}.dashboard-page .loader{top:0;left:0;position:fixed;opacity:.8;z-index:10000000;height:100%;width:100%;margin:auto}.dashboard-page .strip-holder{text-align:center}.dashboard-page .noti-error{background:#d20000}.dashboard-page .noti-warning{background:#000}.dashboard-page .lb-contrainer{position:relative;padding:5px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dashboard-page .lb-contrainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.dashboard-page .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee}.dashboard-page .lb-contrainer:hover input~.checkmark{background-color:#ccc}.dashboard-page .lb-contrainer input:checked~.checkmark{background-color:#f12b71}.dashboard-page .checkmark:after{content:"";position:absolute;display:none}.dashboard-page .lb-contrainer input:checked~.checkmark:after{display:block}.dashboard-page .lb-contrainer .checkmark:after{left:8px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dashboard-page #quick-chat-wrap .sidenav{transform:translate(200%, 0)}.dashboard-page .form-fieldset legend{padding:5px 10px}.dashboard-page .down{transform:rotate(180deg);width:30px}.dashboard-page .up{width:30px}.dashboard-page .badge-noti{display:flex;width:15px;height:15px;justify-content:center;position:absolute;top:-8px;right:-15px;background-color:#dc3545;color:#fff;font-size:8px;font-weight:400;font-family:sans-serif;line-height:2;border-radius:100%}.dashboard-page .top-step{padding-left:0;list-style-type:none;margin:0 -5px;display:flex;justify-content:space-around}.dashboard-page .top-step-item{margin:5px;padding:20px 0;text-align:center;flex-grow:1;border-radius:.25rem;box-shadow:0px 0px 4px 0px rgba(0,0,0,.15)}.dashboard-page .top-step-item .item-count{background-color:rgba(217,236,242,.3);border-radius:50%;color:#d9ecf2;display:inline-block;font-size:2.5rem;font-weight:400;height:75px;line-height:75px;position:relative;width:75px;z-index:1}.dashboard-page .right{float:right}.dashboard-page .top-step-item .item-title{padding-top:15px}.dashboard-page .course-information.tx-12.right span:not(:last-child){margin-right:30px}.dashboard-page .lesson{animation-delay:1s}.course-horizental .list-wrap .cr-item{border-bottom:0;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);transition:all .2s ease;border-radius:5px}.course-horizental .list-wrap .cr-item:hover{transform:translateY(-10px);background:#fff}.cr-item{border-bottom:0;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);transition:all .2s ease;border-radius:5px}.cr-item:hover{transform:translateY(-10px);background:#fff}.profile-info-list>li{margin-bottom:15px}.lesson-info{position:relative}.lesson-info .course-name{vertical-align:middle}.lesson-info+.lesson-info{margin-top:30px}.lesson-info .teacher-avatar{position:relative;display:block;border-radius:4px;overflow:hidden;width:175px}.lesson-info .teacher-avatar .course-teacher{background-color:#f6f6f6;color:#fff;color:#000;font-weight:600;margin:0;padding:10px;max-width:100%;transition:all .3s}.lesson-info .teacher-avatar .course-teacher:hover{color:#f12b71}.lesson-info .teacher-avatar .teacher-image{width:100%;height:200px;object-fit:cover}.lesson-info .course-docs{font-size:.85rem}.lesson-info .course-docs .docs-lists{margin:0 -10px}.lesson-info .course-docs .file-doc{padding:0 10px;display:inline-flex;align-items:center}.lesson-info .course-docs .file-doc .file-name{display:inline-block;white-space:nowrap;max-width:125px;overflow:hidden;text-overflow:ellipsis}.lesson-info .course-actions{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center}.lesson-info>.media{align-items:stretch}.lesson-info>.media .media-body{padding-bottom:55px}.lesson-info .course-rate .rating{width:auto}.lesson-info .course-rate .rate-now{display:inline-block;margin-left:15px;color:#f12b71;border-bottom:1px solid #f12b71;font-size:.875rem}.gradient-heading{color:#000;font-weight:500;font-size:1.5rem}.gradient-heading .fas,.gradient-heading .fa{margin-right:10px;display:inline}@keyframes stripes{100%{background-position:250px 0,250px 0,100px 0}}.am-animation-delay-1{animation-delay:1s}.am-animation-delay-2{animation-delay:2s}.calendar__picker{width:100%;margin:15px 0 15px}.calendar-slider{display:flex}.day-block{background:#fff;padding:15px 10px;text-align:center;border-radius:8px}.day-block .day-text{font-size:12px;pointer-events:none}.day-block .day-number{pointer-events:none;font-size:2.4rem;margin:5px 0;line-height:1}.day-block .day-month{color:#ccc;text-transform:uppercase}.day-block.selected{background:linear-gradient(112.96562deg, #f12b71 4.92708%, rgba(255, 32, 117, 0.5) 97.84375%);border:0;color:#fff}.day-block.selected .day-month{color:#fff}.navigation_slider{z-index:2}.navigation_slider>button{background:linear-gradient(112.96562deg, #f12b71 4.92708%, rgba(241, 43, 113, 0.1) 97.84375%);border:0;color:#fff;border-radius:50%;width:25px;height:25px;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:2;display:initial}.navigation_slider>button:focus{box-shadow:none;outline:0}.navigation_slider .next-btn{right:0;left:auto}.body__content{min-height:0;min-width:0}input.time-only[readonly]{background-color:#fff}.list-tutors{padding-left:0;list-style:none;display:flex;flex-wrap:wrap;margin:0 -15px}.list-tutors .tutor{padding:15px;width:25%;text-align:center}@media screen and (max-width: 768px){.list-tutors .tutor{width:50%}}@media screen and (max-width: 600px){.list-tutors .tutor{width:100%}}.tutor-info{display:block;text-align:center}.tutor-infomation .flag-icon{margin-right:5px}.tutor-rate{list-style:none;padding-left:0;display:flex;justify-content:center}.tutor-rate li{color:#ffcb8e}#div-nationality .national-checkbox{display:inline-block}.tutor-rating-star{width:21%;display:flex;justify-content:flex-start;align-items:center;color:#ffcb8e;font-weight:500;font-size:16px}.tutor-rating-star svg{width:.6em !important;height:.6em !important}.tutor-rating-star .tutor-rate{margin-right:10px}.totor-detail{box-shadow:0px 0px 4px 0px rgba(0,0,0,.15)}.tutor-wrap{display:block}.tutor-wrap:hover .tutor-avatar:after{opacity:1}.tutor-wrap:hover .tutor-avatar:before{bottom:50%;transform:translate(-50%, 50%);opacity:1}.tutor-wrap .tutor-avatar{position:relative;display:block}.tutor-wrap .tutor-avatar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,.6);z-index:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0}.tutor-wrap .tutor-avatar:before{content:"Th\F4ng tin Gi\E1o vi\EAn";position:absolute;left:50%;transform:translate(-50%, 0);bottom:0;background:#28b454;white-space:nowrap;display:block;padding:5px 10px;z-index:2;color:#fff;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0}.ul-schedule::-webkit-scrollbar{width:3px;height:3px;border-radius:10px}.ul-schedule::-webkit-scrollbar-thumb{background:#f12b71;border-radius:10px}.ul-schedule::-webkit-scrollbar-track{background:"#ebebeb";-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ul-schedule::-webkit-scrollbar-thumb:hover{background:#db0e57}.ul-schedule{scrollbar-face-color:#f12b71;scrollbar-track-color:"#ebebeb"}.ul-schedule li{background:#f6f6f6;padding:5px 10px}@media screen and (max-width: 600px){.ul-schedule li{padding:10px}}.ul-schedule li:hover{background-color:rgba(241,43,113,.05)}.ul-schedule li.registed{background-color:#d8d8d8;background-image:repeating-linear-gradient(-45deg, transparent 0 2px, #ccc 0 5px);color:#fff}.ul-schedule li.registed .status{color:#ff414d}.ul-schedule li.available{background-color:rgba(59,225,59,.7);color:#fff}.tutor-schedule{display:none;position:relative}.tutor-schedule:after{content:"";width:0;height:0;position:absolute;top:0;transform:translateX(-50%);left:50%;border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent}.tutor-schedule-mobile .ul-schedule{list-style-type:none;padding:0;max-height:200px;overflow-y:scroll}.tutor-schedule-mobile .ul-schedule li{display:flex;align-items:center;vertical-align:middle;justify-content:space-between}.tutor-schedule-mobile .ul-schedule li span.status{display:inline-block}.tutor-schedule-mobile .ul-schedule li span.status button{color:#fff;background-color:#43adff;border:none;outline:none;width:100%;border-radius:3px}.tutor-schedule-mobile .ul-schedule li+li{border-top:1px solid #e1e1e1}.tutor-schedule-mobile::after{display:none;clear:both}.teacher__detail .teacher-header{display:flex;align-items:flex-start}.teacher__detail .teacher-avatar{width:125px;height:125px;flex-shrink:0;overflow:hidden;position:relative}.teacher__detail .teacher-avatar img{width:100%;object-fit:cover;height:100%}.teacher__detail .teacher-avatar .lds-ellipsis>div{margin-left:30px}.teacher__detail .teacher-info{margin-left:15px}.teacher__detail .teacher-info .teacher-name{display:flex;align-items:center;margin-bottom:5px}.teacher__detail .teacher-info .name{margin-bottom:0}.teacher__detail .teacher-info .nation{margin-left:15px;display:flex;align-items:center}.teacher__detail .teacher-info .nation .badge-light{background-color:#ebebeb}.teacher__detail .teacher-body{margin-top:30px}.tab-navigation{background-color:#fff}.tab-navigation .list-tab{padding:0;margin:0;list-style:none;display:flex;align-items:center;border-bottom:1px solid #e1e1e1}.tab-navigation .tab-link{text-transform:uppercase;letter-spacing:1px;color:#999;padding:10px 15px;display:block;position:relative;transition:all .3s ease}.tab-navigation .tab-link:after{content:"";width:0;height:0;border-bottom:2px solid #f12b71;position:absolute;left:0;bottom:-1.5px;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tab-navigation .tab-link.active{color:#f12b71}.tab-navigation .tab-link.active:after{width:100%;opacity:1}@media screen and (max-width: 768px){.tab-navigation .tab-link{text-align:center}.tab-navigation .tab-link i{display:block;margin-bottom:10px}}@media screen and (max-width: 480px){.tab-navigation.teacher-custom .tab-item{flex:1}.tab-navigation.teacher-custom .tab-item .tab-link{padding:5px}.tab-navigation.teacher-custom .tab-item .tab-link i{display:none}}.main-title{background-color:#f12b71;text-transform:uppercase;letter-spacing:1px;font-weight:bold;display:inline-block;position:relative;padding:5px 30px;color:#fff;margin-bottom:15px}.main-title:before{content:"";position:absolute;left:100%;top:0;width:0;height:0;border-left:8px solid #f12b71;border-right:8px solid transparent;border-top:16px solid transparent;border-bottom:15px solid #f12b71}.slide-tab-content{padding:30px 1px;line-height:1.5}.slide-tab-content .content-block{margin-bottom:45px}#js-teacher__info #js-book-calendar .fc-scrollgrid>thead>.fc-scrollgrid-section-sticky>*{top:0}.table-exp tr+tr{border-top:1px solid #e1e1e1}.table-exp tr td{padding:15px 0}.table-exp .col-time{white-space:nowrap}.table-exp .col-info{padding-left:30px}.table-exp .col-info .role{font-weight:600;color:#d9ecf2;margin-bottom:10px}.table-exp .col-info .description{margin-bottom:0}.sub-title{background:rgba(241,43,113,.15);padding:10px 15px;color:#f12b71}.sub-title .fas{margin-right:5px}.form-account .col-label-fixed{flex-basis:100px}.form-account .col-label-fixed+.form-group{flex-grow:1;max-width:100%}#select2-target-select-results .select2-results__option:before{content:"";display:inline-block;position:relative;height:20px;width:20px;border:2px solid #e9e9e9;border-radius:4px;background-color:#fff;margin-right:20px;vertical-align:middle}#select2-target-select-results .select2-results__option[aria-selected=true]:before{font-family:"Font Awesome 5 Free";content:"\F00C";color:#fff;background-color:#f77750;border:0;display:inline-block;padding-left:3px;font-weight:bold}.set-result .lesson-sum .icon i{width:20px}@media screen and (max-width: 768px){.purchased-tab .lesson-info>.media .media-body{margin-left:0}.purchased-tab .lesson-info>.media{flex-wrap:wrap}.purchased-tab .lesson-info .teacher-information{width:100%}.purchased-tab .lesson-info .course-information>span{white-space:nowrap}.purchased-tab .lesson-info .course-information>span:first-child{width:100%;display:block}.purchased-tab .lesson-info .course-note{display:block !important}.purchased-tab .lesson-info .course-note p{margin-top:5px}.tab-navigation .tab-link{font-size:.7rem}}@media screen and (max-width: 600px){body{font-size:90%}.purchased-tab .lesson-sum{width:100%}}.post-detail-cover{height:auto;width:100%}.post-detail-cover img{width:100%;height:auto;object-fit:cover}blockquote.messageText{line-height:1.5}.faq-container{counter-reset:title-count}.faq-container .card{border-radius:5px;margin-bottom:10px;counter-increment:title-count}.faq-container .card+.card{margin-top:-1px}.faq-container .card .btn-link{padding:0;text-align:left;position:relative;padding-left:30px;font-size:1rem;line-height:1.4}.faq-container .card .btn-link.collapsed{color:inherit}.faq-container .card .btn-link:before{content:counter(title-count) ".";font-size:16px;margin-right:10px;display:inline-block;float:left;position:absolute;left:0;top:0}.datetimepicker[readonly]{background:#fff}.foundations .more-btn>a{color:#f12b71}.foundations+.foundations{margin-top:30px}.filter-category{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}.btn-second{background-color:#d9ecf2;border-color:#d9ecf2;color:#fff}.btn-second:hover{background-color:#b3d9e5;border-color:#b3d9e5;color:#fff}.foundations .swiper-button-next:focus,.foundations .swiper-button-prev:focus{outline:0;box-shadow:none}.foundations .swiper-button-next:after,.foundations .swiper-button-prev:after{color:#1b2e4b;font-size:1.15rem;display:block;background:linear-gradient(112.96562deg, #d9ecf2 4.92708%, rgba(217, 236, 242, 0.1) 97.84375%);width:35px;height:35px;text-align:center;border-radius:50%;line-height:35px;flex-shrink:0}.foundations .swiper-slide h5{margin-bottom:0;font-size:1rem}.smalltext-item-foundation{color:#f12b71}.booked-list-teacher .lesson-info{border-top:0;margin-bottom:30px}.booked-list-teacher .lesson-info .course-actions{position:static;margin-top:15px}.booked-list-teacher .lesson-info .media-body{margin-left:0}.table-card{border:0;box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border-radius:16px;background:#fff;color:#b1b1b1;text-align:center;height:100%;padding:75px 30px;padding-top:105px;position:relative;z-index:3}.table-card+.table-card{margin-top:20px}.table-card:after{content:"";position:absolute;bottom:75px;left:0;width:100%;height:50%;background:rgba(241,43,113,.0125);transform:skewY(20deg)}.table-card:before{content:"";position:absolute;bottom:75px;right:0;width:100%;height:50%;background:rgba(241,43,113,.0125);transform:skewY(-20deg)}.table-card .card{background:transparent;border:0;box-shadow:none;position:static}.table-card .card-body{padding:0;z-index:1}.table-card .name{font-size:1.25rem;margin-bottom:30px;line-height:1.5;font-weight:700;text-transform:uppercase;background:rgba(241,43,113,.1);background:linear-gradient(135deg, #d9ecf2, #effbff);color:#91b8c3;display:inline-block;width:180px;height:180px;border-radius:50%;display:flex;justify-content:center;position:absolute;align-items:center;margin-bottom:0;top:-90px;left:50%;transform:translateX(-50%);padding:10px;border:7px solid #fff}.table-card .rp-info{font-size:20px}.table-card .rp-info .label{font-weight:400;text-align:left;padding-right:15px;color:#1b2e4b}.table-card .rp-info .value{font-weight:bold;color:#f12b71}.table-card ul{margin-top:30px;list-style-type:none;margin-left:0;padding-left:0;margin-bottom:30px}.table-card ul li{display:flex;font-size:18px;justify-content:space-between}.table-card ul li+li{margin-top:15px}.price-table-wrapper{padding-bottom:50px}.price-table-wrapper [class^=col-]{margin-top:80px}.card-shadow{height:100%;position:absolute;bottom:0;left:0;right:0;width:80%;margin:0 auto;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:2;transition:box-shadow,transform 500ms ease-in-out 0s}.card-shadow.sub{width:70%;height:100%;transform:translateY(0);z-index:1;opacity:.8;transition:box-shadow,transform 500ms ease-in-out 0s}.edit-summary-btn{position:absolute;right:0;top:0}.group-float-label .form-group{margin-bottom:30px}.input-float{display:flex;flex-flow:column-reverse;position:relative}.input-float label,.input-float input{transition:all .2s;touch-action:manipulation}.input-float label{letter-spacing:.05em}.input-float input:placeholder-shown+label{cursor:text;max-width:66.66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(0, -50%)}.input-float input::-webkit-input-placeholder{opacity:0;transition:inherit}.input-float input:focus::-webkit-input-placeholder{opacity:1}.input-float input:not(:placeholder-shown)+label,.input-float input:focus+label{transform:translate(0, -50%);cursor:pointer;top:0;background:#fff;padding:0 3px}.input-float>select+label{transform:translate(0, -50%);cursor:pointer;top:0;background:#fff;padding:0 3px}.input-float>div+label{transform:translate(0, -50%);cursor:pointer;top:0;background:#fff;padding:0 3px}.input-float>label{position:absolute;top:50%;left:14px;margin-bottom:0;font-size:12px;color:#c3c3c3;pointer-events:none;user-select:none}.upload-container{border-radius:8px}.upload-container .upload-avatar{display:block;position:relative;overflow:hidden;border-radius:8px}.upload-container .upload-avatar:before{content:"";background:rgba(0,0,0,.4);position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;border-radius:8px;opacity:0;transition:opacity .3s linear}.upload-container .upload-avatar:after{content:"\F03E";font-family:"Font Awesome 5 Free";font-size:60px;color:#fabbd1;position:absolute;font-weight:bold;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0;transition:opacity .3s ease-in;z-index:2;display:none}.upload-container .upload-avatar:hover{cursor:pointer}.upload-container .upload-avatar:hover:before,.upload-container .upload-avatar:hover:after{opacity:1 !important}.teacher-avatar .upload-avatar,.teacher-avatar .upload-container{width:inherit;height:inherit}.gv-pro table,.gv-pro th,.gv-pro td{vertical-align:middle;border:1px solid #999}.gv-pro .gv-tenmonhoc{font-size:18px}.gv-pro .gv-situation-item{border:1px solid #ccc;border-radius:8px;padding:15px;align-items:center;align-self:center}.gv-pro .gv-situation-item .row .col-7{padding-right:0}.gv-pro .gv-situation-sl{font-size:80px;color:gray;font-weight:bold;padding-left:-50px}.gv-pro .gv-datime-luong{margin:15px 0}.gv-pro .gv-home-item{margin-bottom:15px;padding:20px;border-radius:8px;background-color:#feeaf1}.gv-pro .gv-gioday{font-size:18px}.gv-pro .gv-sl{font-size:30px;font-weight:bold;color:gray}.gv-pro .gv-hour{color:gray}.gv-pro .btn-100{width:100%;margin:auto 0}.gv-pro .gv-feedback-now{padding:3px;border-radius:3px}.gv-pro .btn-yl{background-color:#ffb45b;font-weight:bold}.gv-pro .btn-gr{background-color:#239f4a;font-weight:bold;color:#fff}.gv-pro .gv-bg-table{background-color:#ccc}.gv-pro .gv-listfeedback .gv-bg-table{background-color:#fff}.gv-pro .gv-situation-icon{font-size:48px;color:#f12b71}.gv-pro .gv-stituation-title{font-size:18px;color:#666}.gv-pro .gv-situation-a{color:#999}.gv-pro .gv-gioday{color:gray}.gv-pro .gv-situation-sl{margin:0;align-items:flex-end}.gv-pro .gv-situation-item .row .col-5{padding:8px 0 0 0;align-items:flex-end}.pay .pay-note .pay-note-text{color:gray}.pay .pay-note .pay-note-text .pay-note-icon{color:#f12b71}.pay .pay-print-btn{float:right}.pay .pay-title #pay-dotluong{height:40px;font-size:15px;padding:0;border:1px solid #e6e6e6}.pay .pay-title .pay-pending{font-size:22px;background:#fcd2e1;padding:5px;border-radius:3px;color:#f12b71;display:inline-block}.pay .pay-title .pay-title-money .pay-title-dola{color:#f12b71;font-size:25px;font-weight:bold}.pay .pay-title .pay-title-money .pay-title-times{color:#001737}.pay .kengang{margin:8px 0;border:1px solid #db0e57}.pay .pay-border{padding-left:15px;border:1px solid #ccc;border-collapse:collapse}.pay .pay-syn-title{font-size:18px;color:gray;padding-bottom:12px}.pay .pay-syn-money{font-size:28px;color:#f34381;padding-bottom:0px}.pay .pay-syn-text{font-size:14px;color:#999}.pay .pay-chitiet .gv-bg-table{background-color:#fff}.pay .pay-chitiet table,.pay .pay-chitiet th,.pay .pay-chitiet td{border:1px solid #ccc}.pay .pay-chitiet table{border-collapse:collapse}.pay .pay-chitiet .btn-100{width:100%;margin:auto 0}.pay .pay-chitiet .pay-icon-check{color:#28b454}.pay .pay-chitiet .pay-icon-times{color:#ff414d}.clrm .clrm-icon{color:#f12b71;margin-right:5px}.clrm .clrm-notice-text{color:gray}.clrm .clrm-table{width:100%}.clrm .clrm-table table,.clrm .clrm-table th,.clrm .clrm-table td{vertical-align:middle;border:1px solid #ccc}.clrm .clrm-table table p,.clrm .clrm-table th p,.clrm .clrm-table td p{margin-bottom:0}.clrm .clrm-table table tr .clrm-booked,.clrm .clrm-table th tr .clrm-booked,.clrm .clrm-table td tr .clrm-booked{background-color:#ffe2c1;padding:4px;border-radius:4px;float:left}.clrm .clrm-table table tr .clrm-finish,.clrm .clrm-table th tr .clrm-finish,.clrm .clrm-table td tr .clrm-finish{background-color:#65dd8b;padding:4px;border-radius:4px;float:left}.clrm .clrm-table .bg-gray{font-size:16px;background-color:gray}.clrm .clrm-table table{border-collapse:collapse}.clrm .clrm-table .icon-check{color:#28b454}.clrm .clrm-table .icon-times{color:#ff414d}.clrm .clrm-table .canhdoc{vertical-align:middle}.clrm .clrm-table .table .clrm-datime{font-weight:bold;color:#666}.clrm .clrm-table .table .clrm-datime2{color:#999}.clrm .clrm-table .table .clrm-class{font-weight:bold;color:#666}.clrm .clrm-table .table .clrm-lession{color:#999}.clrm .clrm-table .table .clrm-ID{color:#ccc}.clrm .clrm-table .table .clrm-studentname{color:#f12b71}.clrm .clrm-table .table .clrm-studentname .clrm-icon-male{color:#28b454;font-size:16px}.clrm .clrm-table .table .clrm-studentname .clrm-icon-female{color:#ff414d}.clrm .clrm-table .table .clrm-a-bnt{margin:5px;float:left;display:block;padding:6px;border-radius:4px;background-color:#fffaf4}.clrm .clrm-table .table .clrm-a-bnt .clrm-icon{color:gray}.clrm-done{width:100%;height:800px;position:relative}.clrm-done .img-done{width:100px;height:100px;position:absolute;left:50%;top:50%}.sup .collapse ul,.sup .collapsed ul,.sup .collapsing ul{list-style:none;color:#999}.sup .collapse ul li,.sup .collapsed ul li,.sup .collapsing ul li{padding:2px;color:gray}.sup .collapse ul li button,.sup .collapsed ul li button,.sup .collapsing ul li button{color:gray}.sup .collapse ul li button:hover,.sup .collapsed ul li button:hover,.sup .collapsing ul li button:hover{color:#f12b71}.sup .sub-menu div ul li button{text-align:left}.sup .sub-menu p{margin-bottom:0}.sup .sub-menu p a{color:#4d4d4d;font-weight:bold;font-size:16px;text-align:left}.sup .sup-item .row{border-bottom:1px solid #bfbfbf}.sup .sup-item .sup-contact-ans .sup-contact-ans-item,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin{border:1px solid #f12b71;padding:10px;border-radius:8px}.sup .sup-item .sup-contact-ans .sup-contact-ans-item .row,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .row{border-bottom:none}.sup .sup-item .sup-contact-ans .sup-contact-ans-item .sup-contact-img,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .sup-contact-img{width:40px;height:40px;border-radius:50%}.sup .sup-item .sup-contact-ans .sup-contact-ans-item .sup-contact-name,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .sup-contact-name{font-weight:bold;color:#4d4d4d}.sup .sup-item .sup-contact-ans .sup-contact-ans-item .sup-contact-time,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .sup-contact-time{color:gray}.sup .sup-item .sup-contact-ans .sup-contact-ans-item .sub-contact-text,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .sub-contact-text{padding-top:30px;padding-left:15px;color:#666}.sup .sup-item .sup-contact-ans .sup-contact-ans-item .sup-contact-btn-1,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .sup-contact-btn-1{border:1px solid #f12b71;color:#f12b71}.sup .sup-item .sup-contact-ans .sup-contact-ans-item .sup-contact-btn-2,.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .sup-contact-btn-2{border:1px solid #999;color:#999}.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin{background:#fff}.sup .sup-item .sup-contact-ans .sup-contact-ans-item-admin .sup-contact-btn-ok{color:#28b454}.sup .sup-item table,.sup .sup-item th,.sup .sup-item td{vertical-align:middle;border:1px solid #999}.sup .sup-item table{border-collapse:collapse;border-radius:8px}.sup .sup-item .table .sup-item-table-tieude{font-weight:bold;color:#4d4d4d}.sup .sup-item .table .sup-item-table-tieude .sup-item-table-ten,.sup .sup-item .table .sup-item-table-tieude .sup-item-table-ma{color:#000}.sup .sup-item .table .sup-item-table-tieude .sup-item-table-gio{color:gray}.sup .sup-item .sup-item-title{font-weight:bold;color:#333}.sup .sup-item .sup-item-text{color:#f12b71;font-size:12px}.sup .sup-item .sup-item-icon{color:#f12b71;font-size:12px}.bg-xanh{background-color:#fff}.table-luong{display:flex;flex-wrap:wrap}.form-control.flatpickr-input{background:#fff}.st-thangdanhgia .st-noidung-rating{color:#001737;font-weight:bold;margin-right:10px;font-size:14px}.st-thangdanhgia .st-noidung-rating .st-verygood{font-size:13px;margin-left:10px;font-weight:lighter;background:#698fc9;padding:4px;border-radius:4px}.st-thangdanhgia .st-icon-star{color:#f12b71}.st-danhgianguphap hr{margin:3px}.st-danhgianguphap .st-item-danhgia .row .col-6{padding-bottom:3px}.st-danhgianguphap .st-item-danhgia .row .col-6 p{padding-bottom:3px;margin-bottom:0}.st-input{border:#ff414d;box-sizing:border-box;border-radius:4px;border:none;border-bottom:2px solid #f12b71}.timngaythang{font-weight:bold;padding:0 4px}.st-thangdanhgia{display:table}.st-thangdanhgia .st-rating{display:table-row}.st-thangdanhgia .cell{display:table-cell}.st-thangdanhgia .cell:first-child{text-align:right;padding-right:15px}.loading-style{content:"";position:absolute;left:0;top:0;width:100%;z-index:9999;display:flex;align-items:center;justify-content:center;height:100%}.loading-style .lds-ellipsis{display:inline-block}.book__calendar{position:relative}.book__calendar .fc-list-table .fc-event .available-slot{background-color:#fff;border-color:#fff}.book__calendar .fc-list-table .box-slot{display:none}.book__calendar .fc-list-table .fc-list-event-title{position:relative}.book__calendar .fc-list-table .fc-list-event-title .fix-btn{bottom:50%;transform:translateY(50%);right:15px;background:#ff414d;color:#fff;padding:3px 10px}.loading-style:after{content:"";position:absolute;left:0;top:0;width:100%;z-index:9997;background-size:contain;height:100%;background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,.35)}.lds-ellipsis{display:none !important;position:relative;width:80px;height:80px;z-index:9999}.teacher-avatar .lds-ellipsis{display:none !important}.teacher-avatar.loading-style .lds-ellipsis{display:block !important}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:rgba(241,43,113,.42);animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}#js-book-calendar .fc-theme-standard td,#js-book-calendar .fc-theme-standard th{border-color:#e1e1e1}.error-form{border-color:#ff414d;padding-right:calc(1.5em + .9375rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23CE2D4F' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23CE2D4F' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .23438rem) center;background-size:calc(.75em + .46875rem) calc(.75em + .46875rem)}.error-form[class$=container]{padding-right:0;border-color:initial;background-image:none}.error-form[class$=container]>[class$=control]{border-color:#ff414d;padding-right:calc(1.5em + .9375rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23CE2D4F' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23CE2D4F' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .23438rem) center;background-size:calc(.75em + .46875rem) calc(.75em + .46875rem)}.success-form{border-color:#28b454;padding-right:calc(1.5em + .9375rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2300A6A6' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .23438rem) center;background-size:calc(.75em + .46875rem) calc(.75em + .46875rem)}.safari .metronic-form select.form-control{background-color:rgba(244,244,244,.9)}.safari select.form-control{padding-right:20px;appearance:none;-webkit-appearance:none;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);background-position:right 2px center;background-repeat:no-repeat}body{background:#f2f3f7}body.menu-open{overflow:hidden}.card-custom{-webkit-box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border:0;border-radius:.42rem}.card-custom>.card-body{padding:2rem 2.25rem}.card-custom>.card-header{padding:1rem 2.25rem}@media screen and (max-width: 768px){.card-custom>.card-body{padding:1rem 1.25rem}.card-custom>.card-header{padding:1rem 1.25rem}}@media(min-width: 1400px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:1340px}}.btn-disabled{background-color:#e5e5e5}.btn-light{background-color:#e5e5e5;border-color:#e5e5e5}.btn-light:hover{border-color:#d2d2d2;background-color:#cecdcd}.tab-navigation .tab-link{cursor:pointer}.tox.tox-tinymce{border-color:#e1e1e1;border-radius:.42rem}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-color:#e1e1e1}.card{-webkit-box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border:0;border-radius:.42rem}input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{-webkit-appearance:none}@media(max-width: 768px){.responsive-table{position:relative;display:flex;width:100%;border-spacing:0;border-collapse:collapse}.responsive-table thead{border:0;border-right:1px solid rgba(72,94,144,.16)}.responsive-table thead tr{display:flex;flex-direction:column;padding:0;height:100%}.responsive-table thead tr th{display:inline-flex;align-items:center;text-align:right;margin:0;min-height:3.5rem;vertical-align:middle;font-size:12px;justify-content:flex-end;flex:1;min-width:auto;width:auto}.responsive-table tbody{position:relative;display:block;overflow-x:auto;width:auto;white-space:nowrap}.responsive-table tbody tr{display:inline-block;vertical-align:top}.responsive-table tbody tr:last-child td{border-right:0}.responsive-table tbody tr td{display:block;min-height:3.5rem;text-align:left;margin:0;vertical-align:top;padding:5px 15px;border-right:1px solid #e1e1e1;border-top:0}.responsive-table tbody tr td .btn>span{display:inline-block !important;vertical-align:middle}.responsive-table tbody::-webkit-scrollbar{width:3px;height:3px;border-radius:10px}.responsive-table tbody::-webkit-scrollbar-thumb{background:rgba(241,43,113,.2);border-radius:10px}.responsive-table tbody::-webkit-scrollbar-track{background:rgba(241,43,113,.42);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.responsive-table tbody::-webkit-scrollbar-thumb:hover{background:rgba(219,14,87,.2)}.responsive-table tbody{scrollbar-face-color:rgba(241,43,113,.2);scrollbar-track-color:rgba(241,43,113,.42)}}.table-striped tr:nth-child(even){background-color:#fffbf5}.table th,.table td{border-top:1px solid rgba(72,94,144,.16);border-color:rgba(72,94,144,.16)}.table-hover tbody tr:hover{background-color:rgba(245,245,245,.85)}@media screen and (max-width: 768px){.responsive-table-vertical{display:block}.responsive-table-vertical tr,.responsive-table-vertical tbody,.responsive-table-vertical th,.responsive-table-vertical td,.responsive-table-vertical thead{display:block}.responsive-table-vertical tbody{padding:5px 0}.responsive-table-vertical tbody tr{margin-bottom:-1px}.responsive-table-vertical tbody tr:nth-child(even){background:#effbff}.responsive-table-vertical tbody tr:nth-child(even) td{border-bottom-color:#e6e6e6}.responsive-table-vertical thead tr{position:absolute;top:-9999px;left:-9999px}.responsive-table-vertical tr{border:1px solid #ccc}.responsive-table-vertical td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;text-align:left}.responsive-table-vertical td:before{content:attr(data-title);position:absolute;top:1rem;left:1rem;font-weight:600}}.content{padding-left:15px;padding-right:15px}.btn-primary.disabled,.btn-primary:disabled{color:#fff}#header:not(.custom-header-student) .dropdown-notification{padding-right:30px;border-right:1px solid #e1e1e1}#header:not(.custom-header-student) .dropdown-profile{margin-left:30px}#header:not(.custom-header-student) .avatar+.username{color:#000}#header:not(.custom-header-student) .dropdown-message .dropdown-link.new-indicator,#header:not(.custom-header-student) .dropdown-notification .dropdown-link.new-indicator{line-height:1}@media screen and (max-width: 580px){#header:not(.custom-header-student) .dropdown-notification{padding-right:15px}#header:not(.custom-header-student) .dropdown-profile{margin-left:15px}#header:not(.custom-header-student) .dropdown-message .dropdown-link.new-indicator,#header:not(.custom-header-student) .dropdown-notification .dropdown-link.new-indicator{padding:5px 7.5px}#header:not(.custom-header-student) .dropdown-message .dropdown-link.new-indicator>span,#header:not(.custom-header-student) .dropdown-notification .dropdown-link.new-indicator>span{top:-3px}}#js-book-calendar .fc-event.hide-event .fc-event-main{display:none}#js-book-calendar .fc-event.fc-event-past.hide-event{background-color:#d8d8d9}#js-book-calendar .fc-event.hide-event{background-color:#fff}.custom-header-student .navbar-right svg{color:#707070}#header .avatar+.username{white-space:nowrap}@media screen and (max-width: 600px){#header .avatar+.username{display:none}}.custom-header-student .bottom-header{display:none}.custom-header-student+.content{min-height:calc(100vh - 106px)}.navbar-header a{cursor:pointer}.navbar-brand a{height:45px}.form-control::placeholder{color:#7987a1 !important}.react-datepicker-wrapper{display:block !important}.react-datepicker{box-shadow:0px 0px 16px 0px rgba(0,0,0,.15);border-color:#e1e1e1}.react-datepicker .react-datepicker__header,.react-datepicker .react-datepicker__day--selected,.react-datepicker .react-datepicker__day--in-selecting-range,.react-datepicker .react-datepicker__day--in-range,.react-datepicker .react-datepicker__month-text--selected,.react-datepicker .react-datepicker__month-text--in-selecting-range,.react-datepicker .react-datepicker__month-text--in-range,.react-datepicker .react-datepicker__quarter-text--selected,.react-datepicker .react-datepicker__quarter-text--in-selecting-range,.react-datepicker .react-datepicker__quarter-text--in-range,.react-datepicker .react-datepicker__year-text--selected,.react-datepicker .react-datepicker__year-text--in-selecting-range,.react-datepicker .react-datepicker__year-text--in-range{background-color:#f12b71}.react-datepicker .react-datepicker__header .react-datepicker__current-month,.react-datepicker .react-datepicker__header .react-datepicker__day-name,.react-datepicker .react-datepicker__header .react-datepicker__day,.react-datepicker .react-datepicker__header .react-datepicker__time-name{color:#fff}.react-datepicker__header{border-color:#e1e1e1;background:#f12b71}.react-datepicker-time__header{color:#fff}.react-datepicker__time-container{width:120px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#d9ecf2}.group-action-header{display:flex;align-items:center}.action-icon{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap;font-size:1rem;margin:0 10px;color:#000;transition:all .3s ease}.facebook-icon,.email-icon{color:#fff;border-radius:4px;width:35px;height:35px;border-radius:50%}.log-out{margin-right:0}.facebook-icon{background-color:#2d88ff}.email-icon{background-color:var(--danger)}.facebook-icon:hover{color:#fff;background-color:#80b8ff}.email-icon:hover{color:#fff;background-color:#f15475}.table-small tr td{padding:.5rem 1rem}.infomation__wrap{padding-bottom:30px;margin-bottom:15px;border-bottom:1px solid #e1e1e1}.infomation__wrap>.st-time:last-child{margin-bottom:0}.rating-style{display:inline-flex;flex-direction:row-reverse;align-items:center}.rating-style .fas.fa-star{color:#ffcb8e}.rating-style .far.fa-star{color:#ccc}.main-title-page{margin-bottom:2rem;color:#bbb}.bg-white-f{background-color:#fff !important}.star-color{color:#ffcb8e}.react-datepicker-wrapper .react-datepicker__close-icon{padding:0px 10px 0px 0px}.react-datepicker-wrapper .react-datepicker__close-icon:after{background-color:#d6d6d6}.react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,.react-datepicker .react-datepicker__day--keyboard-selected,.react-datepicker .react-datepicker__month-text--keyboard-selected,.react-datepicker .react-datepicker__quarter-text--keyboard-selected,.react-datepicker .react-datepicker__year-text--keyboard-selected{background-color:#f12b71 !important}.react-datepicker__month-select,.react-datepicker__year-select{display:block;width:100%;height:calc(1em + .9375rem + 2px);padding:0 .625rem;font-size:.875rem;font-weight:400;line-height:1.5;color:#596882;background-color:#fff;background-clip:padding-box;border:1px solid #c0ccda;border-radius:.125rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.react-datepicker__header__dropdown{margin:5px 0}.table thead th,.table tbody th{font-weight:600}.loginWrap .boxForm .formLogin{width:100%;border:3px solid #e5cca3;padding:20px 30px;background:#fff}.loginWrap .boxForm .styleInput{width:100%}.loginWrap .boxForm .styleInput:first-child{margin-bottom:10px}.loginWrap .boxForm .boxBtn{margin-top:20px;text-align:center}.loginWrap .boxForm .boxBtn .MuiButton-containedPrimary{background:#e61e65;background:linear-gradient(180deg, #e61e65 50%, #da0f56 50%);width:100%;height:45px}.loginWrap .boxForm .formLogin .MuiFormLabel-root{color:#000;font-size:14px}.loginWrap .formRegister .MuiFormLabel-root{color:#000;font-size:14px}.loginWrap .boxForm .formLogin .MuiInput-underline:after{border-bottom:2px solid #e61f63}.loginWrap .boxForm .formLogin .MuiInput-underline:before{transition:.1s ease}.loginWrap .boxForm .formLogin .MuiInput-underline:hover:not(.Mui-disabled):before{border-bottom:2px solid #e61f63}.boxLabel{display:block;position:relative;padding-left:30px;margin-top:10px;cursor:pointer;font-size:15px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.boxLabel input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee}.boxLabel input:checked~.checkmark{background-color:#e61f63}.checkmark:after{content:"";position:absolute;display:none}.boxLabel input:checked~.checkmark:after{display:block}.boxLabel .checkmark:after{left:8px;top:4px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.loginWrap .boxForm .boxRemember{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.loginWrap .boxForm .boxRemember .forgotPass a{font-size:15px;color:#7d7d7b;transition:.2s ease;display:block}.loginWrap .boxForm .boxRemember .forgotPass a:hover{text-decoration:underline;color:#e61f63}.loginWrap .boxForm .boxBtn .svg-inline--fa.fa-w-16{font-size:20px;margin-right:20px}.loginWrap .boxForm .boxBtn .svg-inline--fa.fa-w-18{font-size:18px;margin-right:20px}.loginWrap .titleForm{text-align:center;margin-bottom:10px}.loginWrap .boxForm .boxBtn .MuiButton-containedPrimary:focus{outline:0;color:#fff}.MuiButton-label:focus{outline:0;color:#fff}.headerLogin .mainLogo img{width:120px}.headerLogin{width:100%;position:fixed;top:0;left:0;z-index:999;display:flex;justify-content:space-between;background:#fff;align-items:center;padding:10px 20px;box-shadow:1px 1px 25px #e61a6378}.headerRight .listMenu{display:flex;align-items:center;margin-bottom:0}.headerRight .listMenu li{list-style-type:none}.headerRight .listMenu li a{padding:0 10px;display:block;color:#e61f63;text-transform:uppercase;font-size:14px;font-weight:500;transition:.5s ease}.headerRight .listMenu li a:hover{text-decoration:underline}.footerLogin .tableFooter .columns{display:flex;flex-wrap:wrap;margin:-15px}.footerLogin .tableFooter .columns .colum{width:25%;padding:15px;height:auto}.footerLogin{width:100%;background:#566a82;padding:30px 0 0 0;position:fixed;bottom:0;left:0;z-index:999}.footerLogin .tableFooter .columns .colum .boxLogoFooter img{width:100px;height:auto;display:block}.footerLogin .tableFooter .columns .colum .contentFt{margin-top:20px;color:#fff;font-weight:lighter;font-size:13px}.footerLogin .tableFooter .columns .colum .listFt li a{font-size:14px;font-weight:400;color:#fff;padding-bottom:10px;display:block;transition:.2s ease}.footerLogin .tableFooter .columns .colum .listFt{padding-inline-start:0}.footerLogin .tableFooter .columns .colum .listFt li a:hover{color:#e61f63;text-decoration:underline}.footerLogin .tableFooter .columns .colum .listFt li{list-style-type:none}.padding-left{padding-left:70px !important}.copyRight p{margin-bottom:0;padding:10px 0;text-align:center;color:#fff;font-size:13px;background:#455666;margin-top:20px}.loginWrap{margin-top:-160px}.w-1170{width:1170px;max-width:100%}.w-760{max-width:760px !important;width:100%}.formRegister .boxInput{width:50%}.formRegister .boxInput .custom-date{border:0px solid gray;background:transparent;position:relative;border-bottom:1px solid gray}.formRegister .react-datepicker-wrapper{margin-top:10px}.formRegister.form-flex{display:flex;flex-wrap:wrap;padding:15px;background:#fff}.formRegister .boxInput{padding:0 15px}.formRegister .boxInput .css-yk16xz-control{border:0px solid gray;border-bottom:1px solid gray;border-radius:0px !important}.formRegister .boxInput .css-yk16xz-control:focus{color:#596882;background-color:#fff;border-color:#ff7bac;outline:0;box-shadow:0 0 0 .2rem rgba(250,0,94,.25)}.mar-t-10{margin-top:10px}.w-100{width:100% !important}.formRegister .boxInput.label-radio label{margin-bottom:0 !important}.loginWrap{margin:50px auto}.footerLogin{position:relative;bottom:inherit}body{overflow:auto}.login-page{height:100vh;justify-content:space-between}.headerLogin{position:relative;top:inherit;left:inherit}.teacher-information .teacher-avatar img{height:175px !important}@media screen and (max-width: 800px){.login-page{height:auto}.footerLogin .tableFooter .columns .colum{width:100%}.footerLogin .padding-left{padding-left:0 !important}}.loginWrap .boxForm{box-shadow:1px 4px 20px #00000047;width:315px}.student-code{font-weight:bold !important;color:#fa005e !important}.student-name{font-weight:bold !important;color:#4a4a4a !important}.btn-secondary{font-weight:bold !important;color:#006180 !important}.btn{font-weight:bold !important}.badge-blue{background:#3461a5 !important}button.Mui-selected:focus{outline:none !important;border:none !important}.makeStyles-paper-12{outline:none !important}.aside-fixed .aside-body,.btn-primary,.MuiButton-containedSecondary,.bg-primary{background-color:#f12b71 !important}.profile-account{height:91%;padding:20px 40px;padding-bottom:30px;overflow-y:auto;overflow-x:hidden;background:#f7f7f7;border-radius:10px}.profile-account::-webkit-scrollbar{width:6px}.profile-account::-webkit-scrollbar-track{background:#f1f1f1}.profile-account::-webkit-scrollbar-thumb{background:#c3c3c3}.profile-account::-webkit-scrollbar-thumb:hover{background:#929292}.btn-icon{transition:.3s}.btn-icon svg{width:16px;height:16px;color:#fff}.btn-icon:hover{transition:.3s;box-shadow:1px 2px 12px #c3c3c3}.table-his th{width:10%}.table-his .btn-icon{margin-bottom:5px}.form-his .title-form{margin-bottom:30px}.form-his .row-input{margin-bottom:20px}.form-his label{display:block;font-weight:bold}.form-his input,.form-his select{width:100%;padding:7px 5px;border:1px solid #b3b3b3;border-radius:5px}.datebook{padding-left:40px !important}.btn-delete{background-color:#ff3d00 !important;border-color:#ff3d00 !important}.btn-edit{background-color:#00d569 !important;border-color:#00d569 !important}.row-add-new{padding-right:14px}.box-border{border:1px solid #e8e8e8;padding:30px;border-radius:10px}.box-border .box-title{display:block;margin-top:-42px;z-index:10;text-align:left}.box-border .border-title{background:#fff;display:inline-block;padding:0 10px;margin-left:-21px;color:#000;font-weight:bold}@media screen and (max-width: 1600px){.form-his{height:98%;overflow-y:auto;padding-top:14px}.form-his::-webkit-scrollbar{width:7px}.form-his::-webkit-scrollbar-track{background:#f1f1f1}.form-his::-webkit-scrollbar-thumb{background:#ccc}.form-his::-webkit-scrollbar-thumb:hover{background:#aaa}}.bg-blue{background-color:#5797ce !important;color:#fff !important}.label-style{font-weight:600;color:#313131}.modal-body-form{background:#ece9e6;background:-webkit-linear-gradient(to right, #ffffff, #ece9e6);background:linear-gradient(to right, #ffffff, #ece9e6)}.modal-content .close{position:absolute;top:12px;right:12px;opacity:.8}.modal-content .close:hover{opacity:1 !important}.modal-content .close span{color:#fff !important}.modal-content .btn-primary:hover{background-color:#f14b85 !important;border-color:#f14b85 !important}.card-event .card-img-top{height:250px;object-fit:cover}@media screen and (max-width: 1600px){.card-event .card-img-top{height:200px;object-fit:cover}}.btn-watch{background-color:#337ab7;border-color:#246caa;color:#fff;transition:.3s;font-weight:500 !important;border:none;font-weight:500 !important}.btn-watch:hover{background-color:#1c609c !important;border-color:#1c609c !important;transition:.3s;color:#fff !important}.btn-watch i{margin-right:4px}.btn-info-profile{background-color:#27ba9b !important;border-color:#27ba9b !important;color:#fff !important;text-transform:capitalize !important;font-weight:500 !important}.btn-info-profile:hover{background-color:#149c7f !important;border-color:#149c7f !important}.btn-info{background-color:#27ba9b !important;border-color:#27ba9b !important;color:#fff !important;text-transform:capitalize !important;font-weight:500 !important}.btn-info:hover{background-color:#149c7f !important;border-color:#149c7f !important}.infomation-bottom{background-color:transparent !important;border-top:1px solid #ededed}.MuiPaginationItem-textSecondary.Mui-selected{color:#fff;background-color:#f67da8 !important}.btn-pink{background-color:#f12b70bb !important;border-color:none !important;color:#fff !important;text-transform:capitalize !important;font-weight:500 !important}.btn-pink:hover{background-color:#f12b71 !important;border-color:none !important;color:#fff !important}table tr th:last-child{text-align:right !important}.btn-search-form{background:transparent;color:#f12b719c !important}.btn-search-form:hover{color:#f12b71 !important}.btn-search-form:focus{border-left:none !important}.btn-show-all{background-color:transparent !important;color:#f12b719c !important;text-transform:capitalize !important}.btn-show-all:hover{background-color:#f12b719c !important;color:#fff !important}.btn-search-left{margin-left:-42px}.z-index-99{z-index:9999}.course-horizental .list-wrap{display:flex;justify-content:space-between;flex-wrap:wrap}.course-horizental .list-wrap .cr-item{width:49%}.course-horizental .list-wrap .cr-item:first-child{margin-top:30px}.feedback-container .fb-list{display:flex;justify-content:space-between}.feedback-container .fb-item{width:49%}@media screen and (max-width: 800px){.course-horizental .list-wrap .cr-item{width:100%}.feedback-container .fb-item{width:100%}}.infomation-content .tutor-infomation{width:calc(100% - 80px);padding-right:10px}.infomation-content .tutor-infomation .infomation-exp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 800px){.wrap-btn-attendance{margin-top:10px}.table-tutor-ds .list-tutor-ds li .box-img-teacher{width:65px !important;height:65px !important}.btn-show-all{padding:6px 10px !important}.title-section{font-size:1.2rem}.course-name{font-size:1rem}.teacher-information .teacher-avatar img{height:150px !important}.main-title-page{font-size:1.6rem}.infomation-content .row-button{width:90%}.wrap-filter{right:0 !important}.wrap-filter .btn-search-form{position:absolute;right:0;top:0}.table-schedule{margin-top:40px}.table-attendance tr th{text-align:left !important;justify-content:flex-start !important}.wrap-btn-attendance{width:100%}.box-header{flex-wrap:wrap;margin-bottom:0 !important}.box-header .note-color{width:100%;order:-1}.col-note-2{margin-top:20px}.table-adt .btn{margin:4px 2px !important}.from-to-group{margin-top:10px}.feedback-container .fb-list{flex-wrap:wrap}.table-his th{width:100%}table tr th:last-child{text-align:left !important}table tr td:last-child{text-align:left !important}.wrap-book-search{width:100% !important;text-align:right !important}}@media screen and (max-width: 600px){.w-100-respon{width:100%;text-align:right;margin-top:10px !important}.box-detail-teacher .border-right{border-right:none !important}.profile-account{padding:20px 20px}}.btnStatus{display:block;text-align:center}.flex-wrap-0 .wd-sm-200:nth-child(1) .react-datepicker-wrapper .react-datepicker__input-container .form-control,.flex-wrap-0 .wd-sm-200:nth-child(2) .react-datepicker-wrapper .react-datepicker__input-container .form-control{border-radius:0 !important}@media screen and (max-width: 715px){.infomation-content .tutor-rating-star{width:100%;text-align:right;justify-content:flex-end}.table-tutor-ds .list-tutor-ds li .infomation-bottom{width:100%;flex-direction:column}.infomation-content .row-button{width:100%}}@media screen and (max-width: 600px){table tbody,tr,td,th{display:revert !important}.teacher-custom #js-book-calendar .label-book{font-size:6px !important}.teacher-custom #js-book-calendar .label-book i{display:block;margin-right:0 !important}.label-book{text-align:center !important}}.label-book{color:#3e3e3e !important}.wrap-book-search .btn-pink{margin-left:10px}.MuiButton-root:focus,.MuiButtonBase-root:focus{border:none !important;outline:none !important}.footer-list-icon a{width:30px;height:30px;display:flex !important;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff;text-align:center;padding-bottom:0 !important}.footer-list-icon a:hover i{color:#fff !important;text-decoration:none !important}.footer-list-icon a.bg-fb{background:#46629e}.footer-list-icon a.bg-youtube{background:#b9172b}.ani-tb svg{animation:ani_tb 2s ease infinite}@keyframes ani_tb{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.have-new .item-new{background:#e88005;color:#fff;border-radius:5px;margin-left:10px;font-size:12px;font-weight:600;padding:2px 10px}.form-change-pass{width:55%}@media screen and (max-width: 600px){.form-change-pass{width:100%}.row-search{flex-wrap:wrap}.box-search{width:100% !important;margin-bottom:5px}.profile-account .pa-l-50{padding-left:15px !important}.main-title-page{font-size:1.4rem}.fb-item{flex-wrap:wrap}.fb-item .fb-info{margin-left:0}.fb-summary-container .fb-type{flex-basis:100%}.fb-item .fb-info .name-rating{flex-wrap:wrap}.fb-item .fb-info .name-rating .name{margin:5px 0;margin-bottom:5px;font-size:16px;text-align:center}.fb-item .fb-info .name-rating .rating-wrap{width:100%}.fb-item .fb-info .name-rating .rating-wrap .rating{justify-content:flex-end}}.table-holiday tbody tr td:last-child{text-align:right}.rating-box svg{width:.7em;height:.7em}.profile-account p{color:#3e3e3e !important}.profile-account .title-item{margin-bottom:8px !important}.profile-account .title-item i{margin-right:10px}.row-pass{position:relative}.row-pass .icon-pass{position:absolute;top:21px;right:0;background:none;border:none;cursor:pointer}.row-pass .icon-pass:hover{color:#000 !important}.row-pass .icon-pass i{opacity:.7}.react-datepicker{display:flex !important}p.error{color:red;margin-top:5px;font-size:12px;font-style:italic}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.remember-item .MuiFormControlLabel-label{color:#5f5f5f !important;font-size:.95rem !important}.paper-detail-noti{width:100%;height:99%;overflow:auto;padding:5px 0}.paper-detail-noti::-webkit-scrollbar{width:6px}.paper-detail-noti::-webkit-scrollbar-track{background:#f1f1f1}.paper-detail-noti::-webkit-scrollbar-thumb{background:#c3c3c3}.paper-detail-noti::-webkit-scrollbar-thumb:hover{background:#929292}.text-off-day{background:#fff;padding:3px 10px;border-radius:5px;color:#750000 !important;position:absolute;top:20px;left:50%;transform:translateX(-50%)}#js-book-calendar .custom-color-I .label-book{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#fff;padding:5px 7px;border-radius:5px}.info-slot{width:240px;background:#fff;border:1px solid #00000024;border-radius:6px;box-shadow:0px 2px 10px #00000029}.info-slot .info-slot-header{position:relative;padding:10px 12px;background:#f12b71;color:#fff;border-top-left-radius:6px;border-top-right-radius:6px}.info-slot .info-slot-header .close-icon{position:absolute;padding:5px;right:5px;top:50%;transform:translateY(-50%);cursor:pointer}.info-slot .info-slot-header .close-icon svg{font-size:20px}.info-slot .info-slot-header .title{margin-bottom:0;font-weight:600}.info-slot .info-slot-body{padding:10px 12px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.info-slot .info-slot-body p{margin-bottom:7px;font-size:13px}.info-slot .info-slot-body p:last-child{margin-bottom:0}.info-slot .info-slot-body p span{font-weight:600;color:#535353}.color-primary{color:#f12b71}.box-detail-teacher{height:93%;overflow:auto}
.aside-fixed{width:260px}.aside-fixed .aside-header .aside-menu-link{display:inline-flex;padding:0;align-items:center;font-size:24px;width:52px;height:52px;justify-content:center;color:#fa005e}.aside-fixed .nav-aside svg{width:18px !important;height:18px;margin-right:10px;line-height:18px;color:inherit}.aside-fixed+.content{padding:0;display:flex;flex-direction:column}.aside-fixed .aside-header,.aside-fixed .aside-body{background-color:#f12b71}.aside-fixed .aside-body>.ps__thumb-y{width:5px;background-color:#fff}.aside-fixed .aside-header{box-shadow:0px 4px 8px 0px rgba(0,0,0,.25);z-index:2;overflow:visible;position:relative;background:#fff}.aside-fixed .nav-aside .nav-label{color:#fff;font-size:.65rem}.aside-fixed .nav-aside .nav-link{color:#fff;height:40px}.aside-fixed .nav-aside .nav-link span{transition:padding .3s ease}.aside-fixed .nav-aside .nav-link:hover{color:#fff}.aside-fixed .nav-aside .nav-link:hover span{padding-left:15px}.aside-fixed .nav-aside .nav-link:hover svg{color:inherit}.aside-fixed .nav-aside .nav-link [class^=fa]{width:18px;height:18px;margin-right:15px;line-height:18px}.aside-fixed .nav-aside .nav-link svg{color:inherit}.aside-fixed .nav-aside .nav-item{border-bottom:1px solid rgba(228,252,255,.25);font-size:14px}.aside-fixed .nav-aside .nav-item.with-sub.show:not(.active) a{color:#fff;padding:10px 0}.aside-fixed .nav-aside .nav-item.with-sub.show:not(.active) a:hover{padding-left:15px}.aside-fixed .nav-aside .nav-item.with-sub.show:not(.active) a:hover{color:#fff}.aside-fixed .nav-aside .nav-item.with-sub.show:not(.active) a svg{color:inherit}.aside-fixed .nav-aside li.active>a{color:#ffcb8e !important}.aside-fixed .aside-logo,.aside-fixed .aside-color span,.aside-fixed .aside-menu-link{color:#fff}.aside-fixed .aside-logo span,.aside-fixed .aside-logo:hover span,.aside-fixed .aside-logo:focus span{color:#fff}.content-header{flex-shrink:0;box-shadow:0px 4px 8px 0px rgba(0,0,0,.25);border-bottom:0;z-index:2}.content-header .breadcrumb{margin-bottom:0;background:transparent;padding-left:0;padding-right:0}.content-header .navbar-right{display:flex;align-items:center}.content-header .navbar-right .dropdown-notification{margin-right:15px}.content-header .navbar-right .dropdown-message .dropdown-link.new-indicator,.content-header .navbar-right .dropdown-notification .dropdown-link.new-indicator{color:#000}.content-header .navbar-right .dropdown-notification{padding-right:15px;border-right:1px solid #e1e1e1}.content-body{height:auto;flex-grow:1;overflow:auto}.nav-aside .nav-link::before{border-color:#fff}.nav-aside .nav-item.active>a::before{border-color:#ffcb8e}@media screen and (min-width: 992px){.aside-fixed+.content{margin-left:60px}.content-body{height:auto;padding:25px}}@media screen and (min-width: 1200px){.aside-fixed+.content{margin-left:260px}}@media screen and (max-width: 992px){body:not(.show-aside) .aside-fixed .aside-header{background-color:#fff;box-shadow:none}body:not(.show-aside) .aside-fixed .aside-header .aside-menu-link{color:#000}}@media screen and (max-width: 768px){.content-header .breadcrumb{display:none}.dropdown.dropdown-profile .name{display:none}}.ht-100vh{height:var(--app-height)}.nav .nav-aside{font-size:1rem}.aside-body>.ps__rail-y{background-color:rgba(255,255,255,.5)}.aside-body>.ps__rail-y>.ps__thumb-y{background-color:#fff;width:5px}.nav-aside .nav-item ul a{color:#fff}.nav-aside .with-sub .nav-link::after{font-size:14px;content:"\F107";font-family:"Font Awesome 5 Free";font-weight:bold;opacity:1}.nav-aside .with-sub.show .nav-link::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.aside.maximize .aside-body{width:300px}.aside.minimize .nav-aside .nav-label+.nav-item::before{display:none}@media screen and (max-width: 992px){.aside-fixed .aside-header{padding-right:0}}@media screen and (min-width: 576px){.content-header .navbar-right .dropdown{margin-left:0}}.nav-aside .with-sub.show ul,.nav-aside .with-sub.show li{position:relative}.nav-aside .with-sub.show>ul:before{content:"";position:absolute;width:1px;height:100%;background:rgba(228,252,255,.25);top:0;left:0;bottom:0}.nav-aside .with-sub.show>ul>li:last-child{border-bottom:0}.nav-aside .with-sub.show>ul>li.active:before{background:#ffcb8e}.nav-aside .with-sub.show>ul>li:before{content:"";position:absolute;width:20px;height:1px;background:rgba(228,252,255,.25);top:20px;right:calc(100% + 13px)}.css-5s2wct-control{border-radius:99px !important}.from-to-group.absoulute-date{position:absolute;top:-70px;right:0}.react-datepicker__input-container:before{content:"\F073";font-family:"Font Awesome 5 Free";position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#fa005e;font-size:16px;pointer-events:none}.flex-wrap-0 .wd-sm-200:nth-child(1) .react-datepicker-wrapper .react-datepicker__input-container:after{content:"";position:absolute;right:0px;top:50%;transform:translateY(-50%);height:25px;width:1px;background:#c0ccda;z-index:555}.react-datepicker__input-container .form-control{padding-left:40px}.flex-wrap-0 .wd-sm-200:nth-child(1) .react-datepicker-wrapper .react-datepicker__input-container .form-control{border-right:1px solid #fff;border-radius:99px 0 0 99px}.flex-wrap-0 .wd-sm-200:nth-child(2) .react-datepicker-wrapper .react-datepicker__input-container .form-control{border-left:1px solid #fff;border-radius:0 99px 99px 0}.flex-wrap-0 .mg-sm-r-10{margin-right:-2px}.btn-ab{position:absolute;right:1px;top:2px;background:#fff;border:1px solid #fff;width:35px;height:34px;color:#fa005e;text-align:center;padding:7px;border-radius:99px;z-index:666666}.flex-wrap-0 .wd-sm-240{width:240px}.color-black{color:#000}.content-body{background:#fff}.bg-white-radius{background:#f2f3f7;border-radius:10px}.table tbody tr{background:#f2f3f7}.course-info svg{width:170px;height:170px;vertical-align:middle;padding-right:3px}.CircularProgressbar .CircularProgressbar-path{stroke:#08d9d6 !important;stroke-linecap:square !important;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-text{fill:#000 !important;font-size:13px !important;dominant-baseline:middle;text-anchor:middle}.circularprogressbar{width:200px !important;text-align:center;margin:auto}.w-25{width:25% !important;flex:inherit !important}.w-80{width:80%;padding-left:80px}.w-20{width:20%}.w-25:nth-child(1){border-bottom:1px dashed gray;border-right:1px dashed gray}.w-25:nth-child(2){border-bottom:1px dashed gray;border-right:1px dashed gray}.w-25:nth-child(3){border-bottom:1px dashed gray;border-right:1px dashed gray}.w-25:nth-child(4){border-bottom:1px dashed gray}.w-25:nth-child(5){border-right:1px dashed gray}.w-25:nth-child(6){border-right:1px dashed gray}.w-25:nth-child(7){border-right:1px dashed gray}.overall__summary-summary .summary-item:nth-child(4n+1){justify-content:left;padding:0 10px 0 0}.overall__summary-summary .summary-item:nth-child(4n+1) .mg-l-10{margin-left:0 !important}.overall__summary{background:#f8f8f8 !important;box-shadow:0 0 16px 0 rgba(0,0,0,.15)}.overall__summary-summary .summary-item .count{font-weight:600}.bg-f2{background:#f8f8f8 !important}.mg-b-0{margin-bottom:0}.CircularProgressbar:before{content:"Lesson Complete"}.form-control:focus{position:relative;z-index:55555}.main-title-page{color:#000 !important}.CircularProgressbar .CircularProgressbar-trail{stroke:#fff !important}@media screen and (max-width: 768px){.from-to-group.absoulute-date{position:relative;top:0}.wd-100p{width:auto}}.progress-wrap{position:relative}.progress-wrap:before{content:"Lesson Complate";display:none;position:absolute;background:#e71b64;color:#fff;padding:10px;height:auto;z-index:5555;font-size:12px;font-weight:600;top:0;white-space:nowrap;right:30px;transition:.3s ease;opacity:0;text-transform:uppercase}.progress-wrap:after{content:"";display:none;width:0;height:0;border-style:solid;border-width:7px 7px 0 0;border-color:#e71b64 transparent transparent transparent;position:absolute;top:38px;right:75px;z-index:55555;transition:.3s ease;opacity:0}.progress-wrap:hover:before{opacity:1}.progress-wrap:hover:after{opacity:1}.pd-30{padding:30px 15px 45px 15px}.student-summary-item .label{text-transform:uppercase}.media-body-wrap{position:relative;z-index:1}.dispaly-none{display:none}.badge-beauty{padding:7px 10px;color:#fff;background-color:#ffb054;font-size:11px}@media screen and (max-width: 768px){.w-25{width:50% !important}.w-80{width:100%;padding-left:0}.overall__summary-summary .summary-item{margin-bottom:1.5rem !important}.overall__summary-summary .summary-item:nth-child(4n+2){justify-content:left;padding:0 10px 0 0}.overall__summary-summary .summary-item:nth-child(4n+3){justify-content:left;padding:0 10px 0 0}.overall__summary-summary .summary-item:nth-child(4n+4){justify-content:left;padding:0 10px 0 0}.overall__summary-summary .summary-item:nth-child(4n+3) .mg-l-10{margin-left:0 !important}.w-25:nth-child(1){border-bottom:0px dashed gray;border-right:0px dashed gray}.w-25:nth-child(2){border-bottom:0px dashed gray;border-right:0px dashed gray}.w-25:nth-child(3){border-bottom:0px dashed gray;border-right:0px dashed gray}.w-25:nth-child(4){border-bottom:0px dashed gray}.w-25:nth-child(5){border-right:0px dashed gray}.w-25:nth-child(6){border-right:0px dashed gray}.w-25:nth-child(7){border-right:0px dashed gray}.w-20{width:100%;margin-top:30px}.progress-wrap:before{content:"Lesson Complate";position:absolute;background:#e71b64;color:#fff;padding:10px;height:auto;z-index:5555;font-size:12px;font-weight:600;top:0;white-space:nowrap;right:50%;transition:.3s ease;opacity:0;transform:translateX(50%);text-transform:uppercase}.progress-wrap:after{display:none}.overall__summary-summary .summary-item .title{width:100% !important;text-align:center}.student-summary-item .label{color:#e71b64 !important;font-weight:bold !important;text-transform:uppercase}.margin-bottom-10{margin-bottom:10px}.w-full{width:100%}.table-mobile{min-width:800px}.aside-body{height:calc(100% - 54px)}.table-500{min-width:500px}}@media screen and (max-width: 500px){.font-10{font-size:10px}.justify-content{justify-content:space-between}.aside-logo img{max-width:100px}}@media screen and (max-width: 450px){.navbar-left{display:none}.justify-content{width:100%}}.modal-message-noti{background:#000;padding:10px}.modal-message-noti .close span{color:#000 !important}
@media screen and (max-width: 992px){#main-menu{position:fixed;width:275px;top:0;bottom:0;background:#fff;left:0;box-shadow:2px 0px 12px 0px rgba(0,0,0,.15);z-index:9999}#main-menu>a{display:block;padding:1rem}#main-menu>a:hover a{color:#ffe05d}#main-menu>span a{color:#fff}#main-menu>span.active-menu a{color:#ffe05d}#main-menu{transform:translateX(-200%);display:block}#main-menu.mobile-open{transform:translateX(0)}#main-menu.mobile-open~.overlay-menu{transform:translateX(0)}}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*!
 * Font Awesome Free 5.15.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
svg:not(:root).svg-inline--fa {
  overflow: visible; }

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .svg-inline--fa.fa-lg {
    vertical-align: -.225em; }
  .svg-inline--fa.fa-w-1 {
    width: 0.0625em; }
  .svg-inline--fa.fa-w-2 {
    width: 0.125em; }
  .svg-inline--fa.fa-w-3 {
    width: 0.1875em; }
  .svg-inline--fa.fa-w-4 {
    width: 0.25em; }
  .svg-inline--fa.fa-w-5 {
    width: 0.3125em; }
  .svg-inline--fa.fa-w-6 {
    width: 0.375em; }
  .svg-inline--fa.fa-w-7 {
    width: 0.4375em; }
  .svg-inline--fa.fa-w-8 {
    width: 0.5em; }
  .svg-inline--fa.fa-w-9 {
    width: 0.5625em; }
  .svg-inline--fa.fa-w-10 {
    width: 0.625em; }
  .svg-inline--fa.fa-w-11 {
    width: 0.6875em; }
  .svg-inline--fa.fa-w-12 {
    width: 0.75em; }
  .svg-inline--fa.fa-w-13 {
    width: 0.8125em; }
  .svg-inline--fa.fa-w-14 {
    width: 0.875em; }
  .svg-inline--fa.fa-w-15 {
    width: 0.9375em; }
  .svg-inline--fa.fa-w-16 {
    width: 1em; }
  .svg-inline--fa.fa-w-17 {
    width: 1.0625em; }
  .svg-inline--fa.fa-w-18 {
    width: 1.125em; }
  .svg-inline--fa.fa-w-19 {
    width: 1.1875em; }
  .svg-inline--fa.fa-w-20 {
    width: 1.25em; }
  .svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto; }
  .svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto; }
  .svg-inline--fa.fa-border {
    height: 1.5em; }
  .svg-inline--fa.fa-li {
    width: 2em; }
  .svg-inline--fa.fa-fw {
    width: 1.25em; }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
            transform-origin: center center; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center; }

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left; }

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: #fff; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

.fad.fa-inverse {
  color: #fff; }

.slick-slider{width:100%;position:absolute;left:0;top:0}.react-slideshow-wrapper.slide .images-wrap .each-slide{height:100%}.boxForm{position:relative}.loginWrap .titleForm{z-index:999;position:relative}@media(max-width: 768px){.each-slide .height-mobile{height:462px;object-fit:none}}
.react-slideshow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.react-slideshow-container .nav{z-index:10}.react-slideshow-container .default-nav{height:30px;background:rgba(255,255,255,0.6);width:30px;border:0;text-align:center;cursor:pointer;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.react-slideshow-container .default-nav:hover,.react-slideshow-container .default-nav:focus{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{margin-right:-30px;border-right:0;border-top:0}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;position:relative;width:7px;height:7px;padding:5px;margin:0}.react-slideshow-container+ul.indicators .each-slideshow-indicator{border:0;opacity:.25;cursor:pointer;background:transparent;color:transparent}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;content:'';background:#000;text-align:center}.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover,.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:focus{opacity:.75;outline:0}.react-slideshow-fade-wrapper{width:100%;overflow:hidden}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap>div{position:relative;opacity:0}.react-slideshow-wrapper.slide{width:100%;overflow:hidden}.react-slideshow-wrapper .images-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.react-slideshow-zoom-wrapper{width:100%;overflow:hidden}.react-slideshow-zoom-wrapper .zoom-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.react-slideshow-zoom-wrapper .zoom-wrapper>div{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}

.table-classrooms tr td:last-child{width:300px;text-align:center}.table-classrooms tr th:last-child{text-align:center !important}.clr-lesson,.clr-finishType,.clr-student{min-width:6.6rem}.clr-time{min-width:7.5rem}.clr-feedbackStatus{min-width:13rem}.clr-actions{width:16.6rem}.clr-actions .btn-detail{width:110px}.clr-student,.clr-status,.clr-finishType,.clr-id{text-align:center}.table thead tr th{vertical-align:middle}.table tbody{font-size:13px}.table tbody tr td{vertical-align:middle}@media(max-width: 768px){.table-classrooms.responsive-table thead th{min-height:3.5rem}.table-classrooms.responsive-table tbody tr td{border-left:0;padding:5px 10px}.table-classrooms.responsive-table tbody tr td.clr-actions{padding-top:10px;width:auto;text-align:left}.table-classrooms.responsive-table tbody tr td.clr-student,.table-classrooms.responsive-table tbody tr td.clr-status,.table-classrooms.responsive-table tbody tr td.clr-feedbackStatus,.table-classrooms.responsive-table tbody tr td .clr-id{display:flex;align-items:center}}
#js-book-calendar .fc-list-event:hover .fc-event-main,#js-book-calendar .fc-list-event:hover .fc-list-event-time,#js-book-calendar .fc-list-event:hover .label-book{color:#000 !important}#js-book-calendar .fc-list-event:hover .label-book.booked{color:#000 !important}#js-book-calendar .fc-timegrid-slot{height:2rem}#js-book-calendar .fc-timegrid-slot-label-frame{position:relative}#js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px;padding-left:25px;color:#a0a0a0;font-weight:200}#js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon{position:absolute;left:7px;color:#f78bb1;font-size:16px;top:50%;transform:translateY(-50%)}#js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon.hotest{color:#f12b71}#js-book-calendar .fc-event{border-radius:0;padding:2px;bottom:0;position:relative;height:100%;border-color:#fff}#js-book-calendar .fc-event .label-book{font-size:.7rem;color:#000;font-weight:500}#js-book-calendar .fc-event:hover .fix-btn{display:inline-block}#js-book-calendar .fc-event.off-slot{background-color:#dcdcdc;border-color:#dcdcdc}#js-book-calendar .fc-event.off-slot:hover .label-book{color:#000}#js-book-calendar .fc-event.off-slot .fc-event-main{background-color:#e2e2e2;border-color:#e2e2e2}#js-book-calendar .fc-event.custom-color-A{background-color:blue !important;border-color:blue !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-A .fc-event-main{color:#fff}#js-book-calendar .fc-event.custom-color-A .fc-list-event-time{color:#fff}#js-book-calendar .fc-event.custom-color-A .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-B{background-color:#ff0 !important;border-color:#ff0 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-B .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-B .label-book{color:#000 !important}#js-book-calendar .fc-event.custom-color-C{background-color:red !important;border-color:red !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-C .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-C .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-D{background-color:gray !important;border-color:gray !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-D .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-D .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-E{background-color:#1f4e78 !important;border-color:#1f4e78 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-E .fc-event-main{color:#fff}#js-book-calendar .fc-event.custom-color-E .fc-list-event-time{color:#fff}#js-book-calendar .fc-event.custom-color-E .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-J{background-color:#000 !important;border-color:#000 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-J .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-J .fc-list-event-time{color:#fff}#js-book-calendar .fc-event.custom-color-J .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-F{background-color:purple !important;border-color:purple !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-F .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-F .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-G{background-color:#88b0f1 !important;border-color:#88b0f1 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-G .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-G .label-book{color:#000 !important}#js-book-calendar .fc-event.custom-color-H{background-color:#def6da !important;border-color:#def6da !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-H .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-I{background-color:#ff6fa2 !important;border-color:#ff6fa2 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-I .fc-event-main{color:#000}#js-book-calendar .fc-event.booked-slot{background-color:#d9f2da;border-color:#fff;cursor:pointer}#js-book-calendar .fc-event.booked-slot .fc-event-main{color:#257300}#js-book-calendar .fc-event.available-slot{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-event.available-slot .fc-event-main{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-event .fas,#js-book-calendar .fc-event .far{margin-right:5px}#js-book-calendar .fc-event.empty-slot{background-color:transparent;border-color:transparent}#js-book-calendar .fc-event.empty-slot:hover{background-color:rgba(241,43,113,.09)}#js-book-calendar .fc-event.is-loading{background-color:#fff262;border-color:#fff262}#js-book-calendar .fc-event.fc-event-past{background-color:#ececec;background-image:repeating-linear-gradient(-45deg, transparent 0 2px, #eaeaea 0 3px);border-color:#fff}#js-book-calendar .fc-event.fc-event-past .booking-name{color:#777}#js-book-calendar .fc-event.fc-event-past .label-book.booked{color:#777}#js-book-calendar .fc-event.fc-event-past.empty-slot{background-color:#d8d8d8;border-color:#eee !important}#js-book-calendar .fc-event.fc-event-past.available-slot .inner-content{color:#777;display:initial}#js-book-calendar .fc-event.fc-event-past .fix-btn{display:none}#js-book-calendar .fc-event.hot-slot:after{content:"\F06D";font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;left:35%;top:50%;z-index:-1;color:rgba(241,43,113,.2);font-size:16px;transform:translate(-50%, -50%)}#js-book-calendar .fc-event.hot-slot:before{content:"HOT";position:absolute;left:60%;top:50%;z-index:-1;color:rgba(241,43,113,.2);font-size:16px;transform:translate(-50%, -50%)}#js-book-calendar .fc-timegrid-col-events{margin:1px}#js-book-calendar .label-book{font-size:.75rem}#js-book-calendar .booking-name{font-weight:600}#js-book-calendar .fc-timegrid-event{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-timegrid-event .fc-event-main{height:100%;display:flex;align-items:center;justify-content:center;width:100%;color:#009fd1}#js-book-calendar .close-schedule{background-color:#fff;color:#ff414d;border-color:#fff}#js-book-calendar .cancel-schedule{background-color:#ff414d;color:#fff}#js-book-calendar .fix-btn{position:absolute;bottom:2px;right:2px;display:none;padding:2px 4px;border-radius:.25rem;transition:all .2s ease}#js-book-calendar .fix-btn:hover{box-shadow:0px 4px 10px 0px rgba(0,0,0,.3)}#js-book-calendar .fc-col-header-cell{font-weight:400}#js-book-calendar .fc-col-header-cell .hd-date{font-size:20px;font-weight:600}#js-book-calendar .fc-col-header-cell .hd-day{font-size:16px;color:#ccc}#js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{text-decoration:none}#js-book-calendar .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion{color:#f12b71}#js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{pointer-events:none;color:#1b2e4b}#js-book-calendar .fc-button-primary{background-color:#f12b71;border-color:#f12b71}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button{margin-right:10px}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{border:1px solid #f12b71;padding:.4rem .6rem;font-size:1rem;border-radius:.25rem;white-space:nowrap;margin:0 10px;color:#f12b71}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between}#js-book-calendar .fc-button-primary{background-color:rgba(241,43,113,.05);border-color:rgba(241,43,113,.05);color:#f12b71}#js-book-calendar .fc-button-primary.fc-button-active{background:#f12b71;border-color:#fa005e;color:#fff}#js-book-calendar{position:relative;z-index:0}#js-book-calendar td.fc-timegrid-col.fc-day.fc-day-past{background-color:#ececec;background-image:repeating-linear-gradient(-45deg, transparent 0 2px, #fff 0 3px);border-color:#fff}#js-book-calendar .fc-toolbar-title{min-width:150px;text-align:center}#js-book-calendar .box-slot{margin-left:15px;padding:0 3px;background:#fff;position:absolute;color:rgba(241,43,113,.8);bottom:0;box-shadow:0px 1px 0px 0px #fff;border-top-left-radius:3px;border-top-right-radius:3px;font-weight:500;right:10px;border:1px solid #e1e1e1;border-bottom:0;display:none}#js-book-calendar a.fc-col-header-cell-cushion{display:block;position:relative}#js-book-calendar .date-wrap{padding-right:30px}#js-book-calendar .header-container{padding:5px 0}@media screen and (max-width: 992px){.book__container .card-custom>.card-body .tab-navigation-wrap{flex-direction:column-reverse}.book__container .card-custom>.card-body .tab-navigation-wrap .tab-navigation{width:100%}}#js-book-calendar .label-book svg{margin-right:3px}@media screen and (max-width: 992px){.teacher-custom #js-book-calendar .date-wrap{line-height:1;margin-bottom:5px}.teacher-custom #js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{padding-bottom:0}.teacher-custom #js-book-calendar .header-container{padding:0}.teacher-custom #js-book-calendar .date-wrap{padding-right:0}.teacher-custom #js-book-calendar .box-slot{position:static;margin-left:0;max-width:50px;margin:0 auto;font-size:10px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-date{font-size:14px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-day{font-size:12px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon{display:none}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-frame{padding-right:5px}}@media screen and (max-width: 768px){.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px;font-size:12px}.teacher-custom #js-book-calendar .label-book{font-size:.5rem}.teacher-custom #js-book-calendar .booking-name{display:none}.teacher-custom #js-book-calendar .fix-btn{display:inline-block;bottom:0;top:0;left:0;right:0;opacity:0}}@media screen and (max-width: 650px){.teacher-custom .fc-header-toolbar{flex-wrap:wrap}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk{width:100%}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:first-child{margin-bottom:15px}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:last-child{width:auto}}@media screen and (max-width: 480px){.teacher-custom #js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{font-size:12px;padding:.6rem;min-width:auto;flex-grow:1}.teacher-custom #js-book-calendar .label-book{display:block;font-size:9px}.teacher-custom #js-book-calendar .label-book i.fas{margin-bottom:3px}.teacher-custom #js-book-calendar .fc-timegrid-slot{height:3rem}.teacher-custom #js-book-calendar .fc-event{min-height:calc(3rem - 1px)}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:last-child{width:100%}.teacher-custom .notice ul{padding-left:1rem}.teacher-custom .notice ul li{margin-bottom:5px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-frame{padding-right:0}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0;padding-right:3px;font-size:10px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-date{display:block}.teacher-custom #js-book-calendar .date-wrap .hd-date{display:block;font-size:12px}.teacher-custom #js-book-calendar .date-wrap .hd-day{font-size:10px}.teacher-custom #js-book-calendar .box-slot{padding:0;font-size:10px;padding:0}.teacher-custom #js-book-calendar .box-slot .mg-x-2{margin-left:0;margin-right:0}}.teacher-custom .custom-checkbox .custom-control-label::before,.teacher-custom .custom-checkbox .custom-control-label::after,.teacher-custom .custom-radio .custom-control-label::before,.teacher-custom .custom-radio .custom-control-label::after,.teacher-custom .custom-switch .custom-control-label::before,.teacher-custom .custom-switch .custom-control-label::after{top:50%}.teacher-custom .custom-control{padding-left:2rem}.teacher-custom .custom-control-label:before{width:1.5rem;height:1.5rem;left:-1.85rem}.teacher-custom .custom-control-label:after{left:-1.85rem;width:1.5rem;height:1.5rem}@media screen and (max-width: 768px){.tooltip.show{display:none}}.modal-backdrop.show{z-index:1070}.flatpickr-wrapper{width:100%}.calendar-enter{opacity:0;transform:scale(0.2)}.calendar-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.calendar-exit{opacity:1}.calendar-exit-active{opacity:0;transform:scale(0.2);transition:opacity .3s,transform .3s}@media(min-width: 768px){#quick-calendar .row .c-left{flex-basis:100px;max-width:100px}}#quick-calendar .row .c-left h5{margin:0;line-height:2.5}@media(min-width: 768px){#quick-calendar .row .c-right{flex-grow:1;max-width:calc(100% - 100px)}}#quick-calendar .row .c-right .form-group{padding:5px}.flatpickr-calendar.noCalendar{max-width:calc(100% - 2px);left:1px}.loading-lottie{max-height:500px;max-width:768px;margin:0 auto}.modal-content{border-radius:5px}.btnAccept{padding:5px 5px;background:#ff5b66;border-radius:5px;color:#fff;font-weight:bold;width:80px;display:inline-block;text-align:center;margin:0 5px}.btnAccept:hover{background:#e6333f !important;color:#fff !important}.btnClose{padding:5px 5px;background:#b1b1b1;border-radius:5px;color:#fff;font-weight:bold;width:80px;display:inline-block;text-align:center;margin:0 5px}.btnClose:hover{background:#969696 !important;color:#fff !important}.modal-body{padding-bottom:25px !important;padding-top:25px !important}.modal-body,.modal-content{border-radius:10px !important}.modal-header{border-top-left-radius:10px;border-top-right-radius:10px}.box-header{display:flex;justify-content:space-between;margin-bottom:30px}.note-color{width:50%;border:1px solid #dcdcdc;border-radius:10px;padding:20px}.note-color .item-note{display:flex;justify-content:flex-start;align-items:center;margin-bottom:5px}.note-color .item-note .box-color{width:35px;height:25px;margin-right:10px}.note-color .item-note .text{width:calc(100% - 35px);font-weight:400;font-size:14px}.note-color .color-a{background-color:#0026e0}.note-color .color-b{background-color:#ff0}.note-color .color-c{background-color:red}.note-color .color-d{background-color:gray}.note-color .color-e{background-color:#1f4e78}.note-color .color-f{background-color:purple}.note-color .color-g{background-color:#88b0f1}.note-color .color-h{background-color:#def6da}
@media screen and (max-width: 768px){.table.responsive-table td{display:flex;align-items:center;border-bottom:1px solid #e1e1e1;min-height:3.55rem}.table.responsive-table th{background:#ebebeb;border-bottom:1px solid #e1e1e1}.table.responsive-table tbody{overflow:hidden;position:relative}}
.table-classrooms tr td:last-child{text-align:center}.table-classrooms tr th:last-child{text-align:center !important}.clr-lesson,.clr-finishType,.clr-student{min-width:6.6rem}.clr-time{min-width:7.5rem}.clr-feedbackStatus{min-width:13rem}.clr-actions{width:16.6rem}.clr-actions .btn-detail{width:110px}.clr-student,.clr-status,.clr-finishType,.clr-id{text-align:center}.table thead tr th{vertical-align:middle}.table tbody{font-size:13px}.table tbody tr td{vertical-align:middle}@media(max-width: 768px){.table-classrooms.responsive-table thead th{min-height:3.5rem}.table-classrooms.responsive-table tbody tr td{border-left:0;padding:5px 10px}.table-classrooms.responsive-table tbody tr td.clr-actions{padding-top:10px;width:auto;text-align:left}.table-classrooms.responsive-table tbody tr td.clr-student,.table-classrooms.responsive-table tbody tr td.clr-status,.table-classrooms.responsive-table tbody tr td.clr-feedbackStatus,.table-classrooms.responsive-table tbody tr td .clr-id{display:flex;align-items:center}}.rating-stars{position:relative;display:inline-block;margin-right:10px}.rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.filter-group-wrap .search-btn-group{position:relative}.filter-group-wrap .search-btn-group .overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:999}body{position:relative}body .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:999}.teacher-avatar .lds-ellipsis{width:100%;background:#000}.lds-ellipsis{display:block !important;position:relative;width:80px;height:100% !important;margin:0 auto}.lds-ellipsis div{position:absolute;top:50% !important;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.flatpickr-wrapper{width:100%}@media screen and (max-width: 600px){.list-tutors .tutor{width:50% !important}}@media screen and (max-width: 500px){.list-tutors .tutor{width:100% !important;max-width:300px;margin:0 auto}}@media screen and (max-width: 768px){#div-nationality .national-checkbox{width:auto;margin-right:10px}}.day-block{border-radius:8px;border:1px solid rgba(0,0,0,.15)}.flatpickr-calendar{width:100%}.tutor-avatar img{height:200px;object-fit:cover}.search-tab{text-align:center;padding:0;list-style:none}.search-tab li{display:inline-flex;flex-grow:1}.search-nav li.nav-item{flex-grow:1;font-weight:600;font-size:17px}.search-nav li.nav-item .nav-link{height:50px}.search-nav li.nav-item .nav-link.active{border-bottom:5px solid #76bdff}.date-week{padding-top:15px;display:flex}.date-week label{font-weight:600;font-size:16px;flex-grow:1;background-color:#ddd;color:#6d6d6d}.date-week label:hover{background-color:#e6e1e1;color:#6d6d6d}.date-week label:not(:last-child){margin-right:5px}.date-week label p{margin:0;margin-top:0;margin-bottom:0}.date-week label.checked:hover{background-color:#e6e1e1;color:#fd7e14}.date-week label.checked{color:#fd7e14}.input-search-date{position:absolute;visibility:hidden}.filter-row .left h5{margin:0;line-height:2.5}.filter-row .right .item{padding:5px}.national-checkbox{width:25%}.nationality.checked:after{font-family:"Font Awesome 5 Free";color:#2477c6;content:"\F058";margin-left:50px}.totor-detail{background-color:#fff}.ul-schedule{list-style:none;padding:0;height:300px;overflow:auto}.ul-schedule li{display:flex;align-items:center;background:#f6f6f6;align-items:center;vertical-align:middle;padding:5px 10px;justify-content:space-between}.ul-schedule li+li{border-top:1px solid #e1e1e1}.ul-schedule li span.status{display:inline-block}.ul-schedule li span.status button{color:#fff;background-color:#43adff;border:none;width:100%;border-radius:3px}.table-tutor-ds .list-tutor-ds{display:flex;flex-wrap:wrap;margin:-15px;margin-top:20px;padding-left:0;margin-bottom:20px}.table-tutor-ds .list-tutor-ds li{width:33%;height:auto;padding:15px;list-style-type:none}.table-tutor-ds .list-tutor-ds li .infomation-content{border:3px solid #f1f4f9;border-radius:5px}.table-tutor-ds .list-tutor-ds li .infomation-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation{color:#88a7cc;font-size:11px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-job{color:#9fa0a8 !important;font-size:14px}.table-tutor-ds .list-tutor-ds li .box-img-teacher{width:70px;height:70px;object-fit:cover}.table-tutor-ds .list-tutor-ds li .box-img-teacher img{width:100%;height:100%}.table-tutor-ds .list-tutor-ds li .infomation-bottom{display:flex;justify-content:space-between;padding:10px 15px;background:#f1f4f9}.infomation-bottom .btn{margin-left:10px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-name{padding-left:5px;margin-bottom:5px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-country{padding-left:5px;margin-bottom:5px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-exp{padding-left:5px;margin-bottom:0}.bg-green{background-color:#27ba9b !important;color:#fff !important}.bg-blue{background-color:#337ab7 !important;color:#fff !important}.border-radius-5{border-radius:5px !important}.infomation-bottom .rating-stars .empty-stars i{font-size:10px}.infomation-bottom .rating-stars .filled-stars i{font-size:10px}.tutor-rating-star .number-start{font-size:14px;color:#88a7cc;margin-right:5px;font-weight:normal;margin-top:3px}.tutor-rating-star .rating-stars .filled-stars{color:#88a7cc}.tutor-rating-star .rating-stars .empty-stars{color:#496a90}.Toastify__toast-container--top-right{top:5em}@media screen and (max-width: 1024px){.table-tutor-ds .list-tutor-ds li{width:50%}}@media screen and (max-width: 768px){.table-tutor-ds .list-tutor-ds li{width:50%}}@media screen and (max-width: 500px){.table-tutor-ds .list-tutor-ds li{width:100%}.table-tutor-ds .list-tutor-ds li .infomation-bottom .w-100{width:100px !important}}.name-box .text{font-size:18px}.box-detail-record{background:#f7f7f7;padding:30px 20px;border-radius:10px;height:92%;overflow:auto}.box-detail-record label{margin-bottom:0 !important}.makeStyles-paper-7{width:40% !important;height:60% !important}.MuiButton-root.btn-scheduleee{background:#27ba9b;color:#fff !important;transition:.3s ease}.MuiButton-root.btn-scheduleee:hover{box-shadow:1px 5px 16px rgba(0,0,0,.3);background:#26d0ac;color:#fff !important}.box-detail-record .pa-l-50{padding-left:50px}@media screen and (max-width: 800px){.box-detail-record{overflow:auto;height:98%}.box-detail-record .pa-l-50{padding-left:15px}}
.rating-stars{position:relative;display:inline-block}.rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.rating-stars i{color:inherit}.review__wrap img{height:auto}.review__wrap iframe{max-width:100%}
.tc-comment-wrap{border-top:0}.tc-comment-wrap .tc-content{flex-grow:1}.rating-wrap .rating-stars{position:relative;display:inline-block}.rating-wrap .rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-wrap .rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.rating-wrap .rating-stars i{color:inherit}.fb-item .fb-info .name-rating{margin-bottom:0}@media screen and (max-width: 600px){.fb-item .fb-avatar{margin-right:10px}}
.rating-wrap .rating-stars{position:relative;display:inline-block}.rating-wrap .rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-wrap .rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.rating-wrap .rating-stars i{color:inherit}.readmore{display:inline-block}.readmore i{padding-left:0}.readmore:hover i{animation:wiggle 1s infinite}@keyframes wiggle{0%{padding-left:0}50%{padding-left:5px}100%{padding-left:0}}.fb-summary .fb-type i.star{color:#f12b71}
.flatpickr-wrapper{width:100%}.table td{vertical-align:middle !important}
.rating-wrap .rating-stars{position:relative;display:inline-block}.rating-wrap .rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-wrap .rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.rating-wrap .rating-stars i{color:inherit}.lesson-info .course-rate .rate-now{margin-left:0 !important}.lesson-info .teacher-avatar .course-teacher{background:transparent;color:#000}.cr-item>.media{flex-wrap:wrap}.cr-item>.media .media-body{display:flex;justify-content:space-between;flex-direction:column;padding:0 !important}.cr-item>.media .media-body .course-actions{flex-wrap:wrap;position:static;justify-content:unset}.cr-item>.media .media-body .course-actions .action-left{display:flex;flex-wrap:wrap}.cr-item>.media .media-body .course-actions .action-left a:first-child{width:180px;margin-right:10px}.cr-item>.media .media-body .course-actions .action-left a:last-child{width:180px;margin-right:10px}.cr-item>.media .media-body .course-actions .action-right{width:180px;text-align:right}@media screen and (max-width: 1199px){.cr-item>.media .media-body .course-actions .action-left{width:100%}.cr-item>.media .media-body .course-actions .action-left a{width:100% !important;margin:5px 0 !important}.cr-item>.media .media-body .course-actions .action-right{width:100%;margin:5px 0}.cr-item>.media .media-body .course-actions .action-right a{width:100%}}@media screen and (max-width: 575px){.cr-item>.media .teacher-information{width:100%}.cr-item>.media .teacher-information .teacher-avatar{margin:0 auto}.cr-item>.media .media-body{width:100%;padding-top:15px;margin-left:0 !important}.cr-item>.media .media-body h5{text-align:center}}
.cr-item>.media{flex-wrap:wrap}.cr-item>.media .media-body{display:flex;justify-content:space-between;flex-direction:column;padding:0 !important}.cr-item>.media .media-body .course-actions{flex-wrap:wrap;position:static;justify-content:unset}.cr-item>.media .media-body .course-actions .action-left{display:flex;flex-wrap:wrap}.cr-item>.media .media-body .course-actions .action-left a:first-child{width:180px;margin-right:10px}.cr-item>.media .media-body .course-actions .action-left a:last-child{width:180px;margin-right:10px}.cr-item>.media .media-body .course-actions .action-right{width:180px;text-align:right}@media screen and (max-width: 1199px){.cr-item>.media .media-body .course-actions .action-left{width:100%}.cr-item>.media .media-body .course-actions .action-left a{width:100% !important;margin:5px 0 !important}.cr-item>.media .media-body .course-actions .action-right{width:100%;margin:5px 0}.cr-item>.media .media-body .course-actions .action-right a{width:100%}}@media screen and (max-width: 575px){.cr-item>.media .teacher-information{width:100%}.cr-item>.media .teacher-information .teacher-avatar{margin:0 auto}.cr-item>.media .media-body{width:100%;padding-top:15px;margin-left:0 !important}.cr-item>.media .media-body h5{text-align:center}}.lesson-info .teacher-avatar .course-teacher{background:transparent;color:#000}
@media screen and (max-width: 587px){.media-body .title{justify-content:center}}
.overall__summary{background-color:#fff;border-radius:5px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15)}.overall__summary label{margin:0}.overall__summary-info{position:relative}.overall__summary-info .course-img{width:80px;height:80px}@media screen and (max-width: 500px){.overall__summary-info .course-img{margin:0 auto}}.overall__summary-info .course-img img{width:100%;height:100%;border-radius:10px}.overall__summary-info .course-info{width:100%}@media screen and (max-width: 500px){.overall__summary-info .course-info{margin-top:10px;padding-left:0 !important}}.overall__summary-info .course-info .course-name{font-size:18px;white-space:unset}.overall__summary-info .course-info ul{list-style-type:none;padding:0;color:#b5b5c3 !important}.overall__summary-info .course-info ul li{display:inline-block;margin-right:10px}@media screen and (max-width: 500px){.overall__summary-info .course-info .course-progress .progress-wrap{width:100%}}.overall__summary-info .course-info .course-progress .progress-course-bar{width:100%}.overall__summary-info .course-info .course-progress .progress-course-bar .date .start-date span,.overall__summary-info .course-info .course-progress .progress-course-bar .date .end-date span,.overall__summary-info .course-info .course-progress .progress-course-bar .date .start-level span,.overall__summary-info .course-info .course-progress .progress-course-bar .date .end-level span,.overall__summary-info .course-info .course-progress .progress-course-bar .level .start-date span,.overall__summary-info .course-info .course-progress .progress-course-bar .level .end-date span,.overall__summary-info .course-info .course-progress .progress-course-bar .level .start-level span,.overall__summary-info .course-info .course-progress .progress-course-bar .level .end-level span{font-size:12px}.overall__summary-info .course-info .course-progress .progress-course-bar .date .end-date,.overall__summary-info .course-info .course-progress .progress-course-bar .level .end-date{text-align:right}.overall__summary-info .course-info .course-progress .progress-course-bar .progress-bar-wrap{position:relative;width:100%;height:20px;border-radius:16px;overflow:hidden;background:#e6e6e6;margin:.5rem 0 0}.overall__summary-info .course-info .course-progress .progress-course-bar .progress-bar-wrap .progress-bar-wrap-fill{position:absolute;height:100%;border-top-right-radius:16px;border-bottom-right-radius:16px;top:0;left:0;width:1%;background-image:linear-gradient(to right, #f12b71, #f78bb1)}.overall__summary-info .course-info .course-progress .progress-number{position:absolute;top:17px;left:calc(100% + 10px)}.overall__summary-info .course-info .date{font-size:12px;color:#707070;font-weight:200}.overall__summary-info .course-info .label{color:#969696}.overall__summary-summary .right img{position:relative;cursor:pointer;width:30px;height:30px;border-radius:50%;border:2px solid #fff}.overall__summary-summary .right img:not(:first-child){margin-left:-7px}.overall__summary-summary .right img:hover{z-index:999}.overall__summary-summary .summary-item{padding:0 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;flex:1}.overall__summary-summary .summary-item .count{font-size:20px}.overall__summary-summary .summary-item .other-person{position:relative;cursor:pointer;width:30px;height:30px;color:#7e8299;font-weight:500;display:inline-block;border-radius:50%;background-color:#e1e1e1;text-align:center;line-height:30px;margin-left:-7px}.overall__summary-summary .summary-item .title{width:calc(100% - 40px)}@media screen and (max-width: 768px){.overall__summary-summary .summary-item{flex-basis:50%;margin-bottom:.75rem}}.student-summary-item .label{color:#000;font-weight:200}.course-horizental .list-wrap .cr-item{background:#fff}.box-title{text-align:center}.title-section{width:100%;background:#f7f7f7;padding:15px;text-transform:uppercase;font-weight:800;color:#fa005e;border-radius:5px}
/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.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;
}

.post-detail-cover img{height:350px}.content-blog{min-height:calc(var(--app-height) - 485px)}
.teacher__info-wrap .swiper-slide.active{width:100% !important}.teacher__info-wrap .swiper-slide:not(.active){width:0 !important;max-height:0 !important;overflow:hidden}.flatpickr-wrapper{width:100%}@media screen and (max-width: 768px){.cr-item .teacher-avatar{margin:0 auto}.cr-item .media-body{margin-top:15px}.cr-item .media-body h5{text-align:center}}@media screen and (max-width: 568px){.payment-tab .payment{width:100%}.payment-tab .code{width:100%}}.student-avatar{width:125px;height:125px;border-radius:8px;flex-shrink:0;overflow:hidden;position:relative}.student-avatar .upload-container{width:inherit;height:inherit}.student-avatar .upload-container .upload-avatar{width:inherit;height:inherit;display:block;position:relative;overflow:hidden}.student-avatar .upload-container .upload-avatar:before{content:"";background:rgba(0,0,0,.4);position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .3s linear}.student-avatar .upload-container .upload-avatar img{object-fit:cover;height:100%}.form-account .form-row .col-label-fixed{flex-basis:100px;max-width:100px}@media screen and (max-width: 1170px){.form-account .form-row .col-label-fixed{flex-basis:100%;flex-shrink:0;max-width:100%;margin-bottom:5px}}@media screen and (max-width: 576px){.form-account .form-row .col-label-fixed{flex-basis:auto}}.upload-container{position:relative}.upload-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:999}.lds-ellipsis{display:block !important;position:relative;width:80px;height:100% !important;margin:0 auto}.lds-ellipsis div{position:absolute;top:50% !important;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.mw-300{max-width:300px}.change-password-form .form-account .form-row .col-label-fixed{flex-basis:140px;max-width:140px}@media screen and (max-width: 1170px){.change-password-form .form-account .form-row .col-label-fixed{flex-basis:auto;max-width:none}}@media screen and (min-width: 768px){.change-password-form .col-password{max-width:400px !important}}.sub-title.profile-tab-nav{padding:0}.sub-title.profile-tab-nav a{padding:10px 15px;display:inline-block;border-bottom:2px solid transparent;transition:.3s}.sub-title.profile-tab-nav a.active{border-color:#f12b71}.sub-title.profile-tab-nav a:hover{color:#f12b71}.media-body-wrap{background-color:#fff;border-radius:5px}.table-tiket .table thead th{vertical-align:middle}.mw-200{max-width:200px}.table-border .table th{border-right:1px solid rgba(72,94,144,.16)}.table-border .table td{border-right:1px solid rgba(72,94,144,.16)}.form-account.custome-form .col-label-fixed{flex-basis:150px;max-width:150px}
ul li{line-height:1.5;margin-bottom:10px}
.btn-evalation{background:#00b8d4 !important;color:#fff !important;border:1px solid #00b8d4 !important;transition:.4s ease !important}.btn-evalation:hover{background:#fff !important;color:#00b8d4 !important}.btn-evalation .MuiButton-label{font-size:13px;text-transform:none}.mar-l-10{margin-left:10px !important}textarea{width:100%;height:100px;border:1px solid #e1e1e1;padding:10px;border-radius:5px;outline:none}.rating-item{display:flex;flex-wrap:wrap;align-items:center}.rating-item .txt-rating{width:35%;font-weight:600}.rating-item .MuiRating-root{width:65%}.modal-content .close{color:#00b8d4;font-size:30px !important}button:focus{outline:none !important}.mar-r-5{margin-right:5px !important}@media(max-width: 500px){.table-mobile{width:1000px !important}}
.tc-comment-wrap{border-top:0}.tc-comment-wrap .tc-content{flex-grow:1}.rating-wrap .rating-stars{position:relative;display:inline-block}.rating-wrap .rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-wrap .rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.rating-wrap .rating-stars i{color:inherit}@media screen and (max-width: 600px){.fb-item .fb-avatar{margin-right:10px}}
#js-book-calendar .fc-timegrid-slot{height:2rem}#js-book-calendar .fc-timegrid-slot-label-frame{position:relative}#js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px;padding-left:25px;color:#a0a0a0;font-weight:200}#js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon{position:absolute;left:7px;color:#f78bb1;font-size:16px;top:50%;transform:translateY(-50%)}#js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon.hotest{color:#f12b71}#js-book-calendar .fc-event{border-radius:0;padding:2px;bottom:0;position:relative;height:100%;border-color:#fff}#js-book-calendar .fc-event:hover .fix-btn{display:inline-block}#js-book-calendar .fc-event.booked-slot{background-color:#d9f2da;border-color:#fff;cursor:pointer}#js-book-calendar .fc-event.booked-slot .fc-event-main{color:#257300}#js-book-calendar .fc-event.available-slot{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-event.available-slot .fc-event-main{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-event .fas{margin-right:5px}#js-book-calendar .fc-event.empty-slot{background-color:transparent;border-color:transparent}#js-book-calendar .fc-event.empty-slot:hover{background-color:rgba(241,43,113,.09)}#js-book-calendar .fc-event.is-loading{background-color:#fff262;border-color:#fff262}#js-book-calendar .fc-event.fc-event-past{background-color:#ececec;background-image:repeating-linear-gradient(-45deg, transparent 0 2px, #eaeaea 0 3px);border-color:#fff}#js-book-calendar .fc-event.fc-event-past .booking-name{color:#777}#js-book-calendar .fc-event.fc-event-past .label-book.booked{color:#777}#js-book-calendar .fc-event.fc-event-past.empty-slot{background-color:#d8d8d8;border-color:#eee !important}#js-book-calendar .fc-event.fc-event-past.available-slot .inner-content{color:#777;display:initial}#js-book-calendar .fc-event.fc-event-past .fix-btn{display:none}#js-book-calendar .fc-event.hot-slot:after{content:"\F06D";font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;left:35%;top:50%;z-index:-1;color:rgba(241,43,113,.2);font-size:16px;transform:translate(-50%, -50%)}#js-book-calendar .fc-event.hot-slot:before{content:"HOT";position:absolute;left:60%;top:50%;z-index:-1;color:rgba(241,43,113,.2);font-size:16px;transform:translate(-50%, -50%)}#js-book-calendar .fc-timegrid-col-events{margin:1px}#js-book-calendar .label-book{font-size:.75rem}#js-book-calendar .booking-name{font-weight:600}#js-book-calendar .fc-timegrid-event{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-timegrid-event .fc-event-main{height:100%;display:flex;align-items:center;justify-content:center;width:100%;color:#009fd1}#js-book-calendar .close-schedule{background-color:#fff;color:#ff414d;border-color:#fff}#js-book-calendar .cancel-schedule{background-color:#ff414d;color:#fff}#js-book-calendar .fix-btn{position:absolute;bottom:2px;right:2px;display:none;padding:2px 4px;border-radius:.25rem;transition:all .2s ease}#js-book-calendar .fix-btn:hover{box-shadow:0px 4px 10px 0px rgba(0,0,0,.3)}#js-book-calendar .fc-col-header-cell{font-weight:400}#js-book-calendar .fc-col-header-cell .hd-date{font-size:20px;font-weight:600}#js-book-calendar .fc-col-header-cell .hd-day{font-size:16px;color:#ccc}#js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{text-decoration:none}#js-book-calendar .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion{color:#f12b71}#js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{pointer-events:none;color:#1b2e4b}#js-book-calendar .fc-button-primary{background-color:#f12b71;border-color:#f12b71}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button{margin-right:10px}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{border:1px solid #f12b71;padding:.4rem .6rem;font-size:1rem;border-radius:.25rem;white-space:nowrap;margin:0 10px;color:#f12b71}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between}#js-book-calendar .fc-button-primary{background-color:rgba(241,43,113,.05);border-color:rgba(241,43,113,.05);color:#f12b71}#js-book-calendar .fc-button-primary.fc-button-active{background:#f12b71;border-color:#fa005e;color:#fff}#js-book-calendar{position:relative;z-index:0}#js-book-calendar td.fc-timegrid-col.fc-day.fc-day-past{background-color:#ececec;background-image:repeating-linear-gradient(-45deg, transparent 0 2px, #fff 0 3px);border-color:#fff}#js-book-calendar .fc-toolbar-title{min-width:150px;text-align:center}#js-book-calendar .box-slot{margin-left:15px;padding:0 3px;background:#fff;position:absolute;color:rgba(241,43,113,.8);bottom:0;box-shadow:0px 1px 0px 0px #fff;border-top-left-radius:3px;border-top-right-radius:3px;font-weight:500;right:10px;border:1px solid #e1e1e1;border-bottom:0}#js-book-calendar a.fc-col-header-cell-cushion{display:block;position:relative}#js-book-calendar .date-wrap{padding-right:30px}#js-book-calendar .header-container{padding:5px 0}@media screen and (max-width: 992px){.book__container .card-custom>.card-body .tab-navigation-wrap{flex-direction:column-reverse}.book__container .card-custom>.card-body .tab-navigation-wrap .tab-navigation{width:100%}}#js-book-calendar .label-book svg{margin-right:3px}@media screen and (max-width: 992px){.teacher-custom #js-book-calendar .date-wrap{line-height:1;margin-bottom:5px}.teacher-custom #js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{padding-bottom:0}.teacher-custom #js-book-calendar .header-container{padding:0}.teacher-custom #js-book-calendar .date-wrap{padding-right:0}.teacher-custom #js-book-calendar .box-slot{position:static;margin-left:0;max-width:50px;margin:0 auto;font-size:10px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-date{font-size:14px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-day{font-size:12px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon{display:none}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-frame{padding-right:5px}}@media screen and (max-width: 768px){.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px;font-size:12px}.teacher-custom #js-book-calendar .label-book{font-size:.5rem}.teacher-custom #js-book-calendar .booking-name{display:none}.teacher-custom #js-book-calendar .fix-btn{display:inline-block;bottom:0;top:0;left:0;right:0;opacity:0}}@media screen and (max-width: 650px){.teacher-custom .fc-header-toolbar{flex-wrap:wrap}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk{width:100%}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:first-child{margin-bottom:15px}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:last-child{width:auto}}@media screen and (max-width: 480px){.teacher-custom #js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{font-size:12px;padding:.6rem;min-width:auto;flex-grow:1}.teacher-custom #js-book-calendar .label-book{display:block;font-size:9px}.teacher-custom #js-book-calendar .label-book i.fas{margin-bottom:3px}.teacher-custom #js-book-calendar .fc-timegrid-slot{height:3rem}.teacher-custom #js-book-calendar .fc-event{min-height:calc(3rem - 1px)}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:last-child{width:100%}.teacher-custom .notice ul{padding-left:1rem}.teacher-custom .notice ul li{margin-bottom:5px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-frame{padding-right:0}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0;padding-right:3px;font-size:10px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-date{display:block}.teacher-custom #js-book-calendar .date-wrap .hd-date{display:block;font-size:12px}.teacher-custom #js-book-calendar .date-wrap .hd-day{font-size:10px}.teacher-custom #js-book-calendar .box-slot{padding:0;font-size:10px;padding:0}.teacher-custom #js-book-calendar .box-slot .mg-x-2{margin-left:0;margin-right:0}}.teacher-custom .custom-checkbox .custom-control-label::before,.teacher-custom .custom-checkbox .custom-control-label::after,.teacher-custom .custom-radio .custom-control-label::before,.teacher-custom .custom-radio .custom-control-label::after,.teacher-custom .custom-switch .custom-control-label::before,.teacher-custom .custom-switch .custom-control-label::after{top:50%}.teacher-custom .custom-control{padding-left:2rem}.teacher-custom .custom-control-label:before{width:1.5rem;height:1.5rem;left:-1.85rem}.teacher-custom .custom-control-label:after{left:-1.85rem;width:1.5rem;height:1.5rem}@media screen and (max-width: 768px){.tooltip.show{display:none}}.modal-backdrop.show{z-index:1070}.flatpickr-wrapper{width:100%}.calendar-enter{opacity:0;transform:scale(0.2)}.calendar-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.calendar-exit{opacity:1}.calendar-exit-active{opacity:0;transform:scale(0.2);transition:opacity .3s,transform .3s}@media(min-width: 768px){#quick-calendar .row .c-left{flex-basis:100px;max-width:100px}}#quick-calendar .row .c-left h5{margin:0;line-height:2.5}@media(min-width: 768px){#quick-calendar .row .c-right{flex-grow:1;max-width:calc(100% - 100px)}}#quick-calendar .row .c-right .form-group{padding:5px}.flatpickr-calendar.noCalendar{max-width:calc(100% - 2px);left:1px}.loading-lottie{max-height:500px;max-width:768px;margin:0 auto}
.cr-item .media{flex-wrap:wrap}.cr-item .media .media-body .course-information .tx-medium{display:inline-block}@media screen and (max-width: 547px){.cr-item .media .teacher-information{width:100%}.cr-item .media .teacher-information .teacher-avatar{margin:0 auto}.cr-item .media .media-body{width:100%;margin-left:0;margin-top:15px}.cr-item .media .media-body h5{text-align:center}}.lesson-info .teacher-avatar .course-teacher{background:transparent;color:#000}
.rating-stars{position:relative;display:inline-block;margin-right:10px}.rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.filter-group-wrap .search-btn-group{position:relative}.filter-group-wrap .search-btn-group .overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:999}body{position:relative}body .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:999}.lds-ellipsis{display:block !important;position:relative;width:80px;height:100% !important;margin:0 auto}.lds-ellipsis div{position:absolute;top:50% !important;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.flatpickr-wrapper{width:100%}@media screen and (max-width: 600px){.list-tutors .tutor{width:50% !important}}@media screen and (max-width: 500px){.list-tutors .tutor{width:100% !important;max-width:300px;margin:0 auto}}@media screen and (max-width: 768px){#div-nationality .national-checkbox{width:auto;margin-right:10px}}.day-block{border-radius:8px;border:1px solid rgba(0,0,0,.15)}.flatpickr-calendar{width:100%}.tutor-avatar img{height:200px;object-fit:cover}.search-tab{text-align:center;padding:0;list-style:none}.search-tab li{display:inline-flex;flex-grow:1}.search-nav li.nav-item{flex-grow:1;font-weight:600;font-size:17px}.search-nav li.nav-item .nav-link{height:50px}.search-nav li.nav-item .nav-link.active{border-bottom:5px solid #76bdff}.date-week{padding-top:15px;display:flex}.date-week label{font-weight:600;font-size:16px;flex-grow:1;background-color:#ddd;color:#6d6d6d}.date-week label:hover{background-color:#e6e1e1;color:#6d6d6d}.date-week label:not(:last-child){margin-right:5px}.date-week label p{margin:0;margin-top:0;margin-bottom:0}.date-week label.checked:hover{background-color:#e6e1e1;color:#fd7e14}.date-week label.checked{color:#fd7e14}.input-search-date{position:absolute;visibility:hidden}.filter-row .left h5{margin:0;line-height:2.5}.filter-row .right .item{padding:5px}.national-checkbox{width:25%}.nationality.checked:after{font-family:"Font Awesome 5 Free";color:#2477c6;content:"\F058";margin-left:50px}.totor-detail{background-color:#fff}.ul-schedule{list-style:none;padding:0;height:300px;overflow:auto}.ul-schedule li{display:flex;align-items:center;background:#f6f6f6;align-items:center;vertical-align:middle;padding:5px 10px;justify-content:space-between}.ul-schedule li+li{border-top:1px solid #e1e1e1}.ul-schedule li span.status{display:inline-block}.ul-schedule li span.status button{color:#fff;background-color:#43adff;border:none;width:100%;border-radius:3px}
.rating-stars{position:relative;display:inline-block;margin-right:10px}.rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.filter-group-wrap .search-btn-group{position:relative}.filter-group-wrap .search-btn-group .overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:999}body{position:relative}body .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:999}.teacher-avatar .lds-ellipsis{width:100%;background:#000}.lds-ellipsis{display:block !important;position:relative;width:80px;height:100% !important;margin:0 auto}.lds-ellipsis div{position:absolute;top:50% !important;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.flatpickr-wrapper{width:100%}@media screen and (max-width: 600px){.list-tutors .tutor{width:50% !important}}@media screen and (max-width: 500px){.list-tutors .tutor{width:100% !important;max-width:300px;margin:0 auto}}@media screen and (max-width: 768px){#div-nationality .national-checkbox{width:auto;margin-right:10px}}.day-block{border-radius:8px;border:1px solid rgba(0,0,0,.15)}.flatpickr-calendar{width:100%}.tutor-avatar img{height:200px;object-fit:cover}.search-tab{text-align:center;padding:0;list-style:none}.search-tab li{display:inline-flex;flex-grow:1}.search-nav li.nav-item{flex-grow:1;font-weight:600;font-size:17px}.search-nav li.nav-item .nav-link{height:50px}.search-nav li.nav-item .nav-link.active{border-bottom:5px solid #76bdff}.date-week{padding-top:15px;display:flex}.date-week label{font-weight:600;font-size:16px;flex-grow:1;background-color:#ddd;color:#6d6d6d}.date-week label:hover{background-color:#e6e1e1;color:#6d6d6d}.date-week label:not(:last-child){margin-right:5px}.date-week label p{margin:0;margin-top:0;margin-bottom:0}.date-week label.checked:hover{background-color:#e6e1e1;color:#fd7e14}.date-week label.checked{color:#fd7e14}.input-search-date{position:absolute;visibility:hidden}.filter-row .left h5{margin:0;line-height:2.5}.filter-row .right .item{padding:5px}.national-checkbox{width:25%}.nationality.checked:after{font-family:"Font Awesome 5 Free";color:#2477c6;content:"\F058";margin-left:50px}.totor-detail{background-color:#fff}.ul-schedule{list-style:none;padding:0;height:300px;overflow:auto}.ul-schedule li{display:flex;align-items:center;background:#f6f6f6;align-items:center;vertical-align:middle;padding:5px 10px;justify-content:space-between}.ul-schedule li+li{border-top:1px solid #e1e1e1}.ul-schedule li span.status{display:inline-block}.ul-schedule li span.status button{color:#fff;background-color:#43adff;border:none;width:100%;border-radius:3px}.table-tutor-ds .list-tutor-ds{display:flex;flex-wrap:wrap;margin:-15px;margin-top:20px;padding:0 10px;padding-right:0;margin-bottom:20px}.table-tutor-ds .list-tutor-ds li{width:33%;height:auto;padding:3px;list-style-type:none}.table-tutor-ds .list-tutor-ds li .infomation-content{border:3px solid #f1f4f9;border-radius:5px}.table-tutor-ds .list-tutor-ds li .infomation-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation{color:#88a7cc;font-size:11px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-job{color:#9fa0a8 !important;font-size:14px}.table-tutor-ds .list-tutor-ds li .box-img-teacher{width:80px;height:80px;object-fit:cover;background:#f7f7f7;padding:2px;border-radius:50%;border:1px solid #e4e4e4}.table-tutor-ds .list-tutor-ds li .box-img-teacher img{width:100%;height:100%;border-radius:50%}.table-tutor-ds .list-tutor-ds li .infomation-bottom{display:flex;justify-content:space-between;padding:10px 8px;background:#f1f4f9}.row-button{width:75%;text-align:right}.infomation-bottom .btn{margin-left:5px}.infomation-bottom .btn:first-child{margin-left:0}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-name{padding-left:5px;margin-bottom:5px;color:#6d6d6d}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-country{padding-left:5px;margin-bottom:5px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-exp{padding-left:5px;margin-bottom:0}.table-tutor-ds .list-tutor-ds li .infomation-bottom .w-100{width:106px !important;margin-top:0;font-size:11px;height:33px;line-height:22px;padding:5px;display:inline-block}.bg-green{background-color:#27ba9b !important;color:#fff !important}.bg-blue{background-color:#337ab7 !important;color:#fff !important}.border-radius-5{border-radius:5px !important}.infomation-bottom .rating-stars .empty-stars i{font-size:10px}.infomation-bottom .rating-stars .filled-stars i{font-size:10px}.tutor-rating-star .number-start{font-size:14px;color:#88a7cc;margin-right:5px;font-weight:normal;margin-top:3px}.tutor-rating-star .rating-stars .filled-stars{color:#88a7cc}.tutor-rating-star .rating-stars .empty-stars{color:#496a90}.Toastify__toast-container--top-right{top:5em}@media screen and (max-width: 1650px){.table-tutor-ds .list-tutor-ds li{padding:3px}.table-tutor-ds .list-tutor-ds{padding:0 10px;padding-right:0}}@media screen and (max-width: 1267px){.table-tutor-ds .list-tutor-ds li{width:50%}}@media screen and (max-width: 768px){.table-tutor-ds .list-tutor-ds li{width:50%}}@media screen and (max-width: 500px){.table-tutor-ds .list-tutor-ds li{width:100%}.table-tutor-ds .list-tutor-ds li .infomation-bottom .w-100{width:100px !important}}.box-avatar .upload-avatar img{width:105px;height:105px;object-fit:cover !important;border-radius:50%;border:2px solid #fff}.name-box .text{font-size:18px}.box-detail-teacher label{margin-bottom:0 !important}.MuiButton-root.btn-scheduleee{background:#27ba9b;color:#fff !important;transition:.3s ease}.MuiButton-root.btn-scheduleee:hover{box-shadow:1px 5px 16px rgba(0,0,0,.3);background:#26d0ac;color:#fff !important}.box-detail-teacher .pa-l-50{padding-left:50px}.box-search{width:300px;margin-right:10px}.row-search{display:flex;justify-content:flex-start;align-items:center}.search-form .form-control{border-top-left-radius:5px;border-bottom-left-radius:5px}.search-form button{border-top-right-radius:5px;border-bottom-right-radius:5px}.box-comment .title{margin-top:10px;font-size:17px;font-weight:600;text-decoration:underline;text-transform:uppercase}.box-comment__item{display:flex;margin-bottom:30px}.box-comment__item .avatar{width:40px;height:40px;margin-right:20px}.box-comment__item .avatar img{border-radius:50%}.box-comment__item .detail{width:calc(100% - 40px)}.box-comment__item .detail .name{font-weight:500;margin-bottom:0}.box-comment__item .detail .time{margin-top:5px;margin-right:20px}.box-comment__item .detail .time p{margin-bottom:0;background:#efefef;padding:3px 8px;border-radius:5px}.box-comment__item .detail .detail-content{margin-top:15px;border-left:1px solid #d2d2d2;padding-left:10px}.box-comment__item .detail .detail-content p{margin-bottom:0}
.fc th.fc-col-header-cell{position:relative;text-align:left;padding:2px 0}.fc th.fc-col-header-cell a.fc-col-header-cell-cushion{display:block;margin-left:5px}.fc th.fc-col-header-cell .slot{white-space:nowrap;position:absolute;right:3px;bottom:-1px;font-size:12px;background:#fff;color:#aaa;line-height:1;border:1px solid #e1e1e1;border-bottom:1px solid #fff;border-radius:3px}@media screen and (max-width: 1200px){.fc th.fc-col-header-cell{text-align:center;padding-bottom:12px}.fc th.fc-col-header-cell a.fc-col-header-cell-cushion{display:inline-block}.fc th.fc-col-header-cell .slot{right:50%;transform:translateX(50%)}}#js-book-calendar .book-schedule{background-color:#f12b71;color:#fff;border-color:#f12b71}.fc-toolbar-title{min-width:140px;text-align:center}.fc-header-toolbar{flex-wrap:wrap}.fc-header-toolbar .fc-toolbar-chunk{margin:5px 0}.teacher__info-wrap .swiper-slide.active{width:100% !important}.teacher__info-wrap .swiper-slide:not(.active){width:0 !important;max-height:0 !important;overflow:hidden}.book__calendar{position:relative}.book__calendar .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:999}.lds-ellipsis{display:block !important;position:relative;width:80px;height:100% !important;margin:0 auto}.lds-ellipsis div{position:absolute;top:50% !important;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}@media screen and (max-width: 500px){.tab-navigation .tab-item{width:33.3333333333%}.tab-navigation .tab-item .tab-link{padding:5px;font-size:.75rem;text-align:center}}.teacher__detail__wrap{background-color:#fff;border-radius:5px;padding:15px}.flatpickr-wrapper{width:100%}@media screen and (max-width: 400px){.teacher__detail .teacher-header{flex-wrap:wrap}.teacher__detail .teacher-header .teacher-avatar{margin:0 auto}.teacher__detail .teacher-header .teacher-info{width:100%;margin-top:10px;margin-left:0}}@media screen and (max-width: 400px){.teacher__detail .table-exp tr,.teacher__detail .table-exp td{width:100%;display:block}.teacher__detail .table-exp td,.teacher__detail .table-exp th{border:none}.teacher__detail .table-exp .col-info{padding-left:0;padding-top:0}}.annotate{width:40px;height:25px;display:inline-block}.annotate-available{background-color:#3788d8}.annotate-others{background-color:#aa092c}.annotate-me{background-color:#58cd20}.teacher__info-wrap .slide-tab-content{padding:30px 1px 0 1px}.annotate_wrap span:nth-child(even){margin:0 10px}@media screen and (max-width: 768px){.annotate_wrap span:nth-child(even){width:calc(100% - 60px);margin-top:10px}}.comment__wrapper .fb-item{align-items:center;padding:10px 0;border-bottom:1px solid #e1e1e1;box-shadow:none;margin-bottom:0}.comment__wrapper .fb-item .fb-avatar .avatar{width:80px;height:80px}.comment__wrapper .fb-item .fb-info{margin-left:15px}.table-exp .col-info .role{color:#000}
.table-classrooms tr td:last-child{width:auto;text-align:center}.table-classrooms tr th:last-child{text-align:center}.clr-lesson,.clr-finishType,.clr-student{min-width:6.6rem}.clr-time{min-width:7.5rem}.clr-feedbackStatus{min-width:13rem}.clr-actions{width:16.6rem}.clr-actions .btn-detail{width:110px}.clr-student,.clr-status,.clr-finishType,.clr-id{text-align:center}.table-classrooms tr th{font-size:13px}.table thead tr th{vertical-align:middle}.table tbody{font-size:13px}.table tbody tr td{vertical-align:middle}@media(max-width: 768px){.table-classrooms.responsive-table thead th{min-height:3.5rem}.table-classrooms.responsive-table tbody tr td{border-left:0;padding:5px 10px}.table-classrooms.responsive-table tbody tr td.clr-actions{padding-top:10px;width:auto;text-align:left}.table-classrooms.responsive-table tbody tr td.clr-student,.table-classrooms.responsive-table tbody tr td.clr-status,.table-classrooms.responsive-table tbody tr td.clr-feedbackStatus,.table-classrooms.responsive-table tbody tr td .clr-id{display:flex;align-items:center}}.textarea-custom{height:40px !important;resize:none;overflow:hidden !important;border-radius:0px !important}.rating-stars{position:relative;display:inline-block;margin-right:10px}.rating-stars .empty-stars{color:#e1e1e1;white-space:nowrap}.rating-stars .filled-stars{color:#ffcb8e;position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden}.filter-group-wrap .search-btn-group{position:relative}.filter-group-wrap .search-btn-group .overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:999}body{position:relative}body .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:999}.teacher-avatar .lds-ellipsis{width:100%;background:#000}.lds-ellipsis{display:block !important;position:relative;width:80px;height:100% !important;margin:0 auto}.lds-ellipsis div{position:absolute;top:50% !important;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}.flatpickr-wrapper{width:100%}@media screen and (max-width: 600px){.list-tutors .tutor{width:50% !important}}@media screen and (max-width: 500px){.list-tutors .tutor{width:100% !important;max-width:300px;margin:0 auto}}@media screen and (max-width: 768px){#div-nationality .national-checkbox{width:auto;margin-right:10px}}.day-block{border-radius:8px;border:1px solid rgba(0,0,0,.15)}.flatpickr-calendar{width:100%}.tutor-avatar img{height:200px;object-fit:cover}.search-tab{text-align:center;padding:0;list-style:none}.search-tab li{display:inline-flex;flex-grow:1}.search-nav li.nav-item{flex-grow:1;font-weight:600;font-size:17px}.search-nav li.nav-item .nav-link{height:50px}.search-nav li.nav-item .nav-link.active{border-bottom:5px solid #76bdff}.date-week{padding-top:15px;display:flex}.date-week label{font-weight:600;font-size:16px;flex-grow:1;background-color:#ddd;color:#6d6d6d}.date-week label:hover{background-color:#e6e1e1;color:#6d6d6d}.date-week label:not(:last-child){margin-right:5px}.date-week label p{margin:0;margin-top:0;margin-bottom:0}.date-week label.checked:hover{background-color:#e6e1e1;color:#fd7e14}.date-week label.checked{color:#fd7e14}.input-search-date{position:absolute;visibility:hidden}.filter-row .left h5{margin:0;line-height:2.5}.filter-row .right .item{padding:5px}.national-checkbox{width:25%}.nationality.checked:after{font-family:"Font Awesome 5 Free";color:#2477c6;content:"\F058";margin-left:50px}.totor-detail{background-color:#fff}.ul-schedule{list-style:none;padding:0;height:300px;overflow:auto}.ul-schedule li{display:flex;align-items:center;background:#f6f6f6;align-items:center;vertical-align:middle;padding:5px 10px;justify-content:space-between}.ul-schedule li+li{border-top:1px solid #e1e1e1}.ul-schedule li span.status{display:inline-block}.ul-schedule li span.status button{color:#fff;background-color:#43adff;border:none;width:100%;border-radius:3px}.table-tutor-ds .list-tutor-ds{display:flex;flex-wrap:wrap;margin:-15px;margin-top:20px;padding-left:0;margin-bottom:20px}.table-tutor-ds .list-tutor-ds li .infomation-content{border:3px solid #f1f4f9;border-radius:5px}.table-tutor-ds .list-tutor-ds li .infomation-top{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation{color:#88a7cc;font-size:11px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-job{color:#9fa0a8 !important;font-size:14px}.table-tutor-ds .list-tutor-ds li .box-img-teacher{width:70px;height:70px;object-fit:cover}.table-tutor-ds .list-tutor-ds li .box-img-teacher img{width:100%;height:100%}.table-tutor-ds .list-tutor-ds li .infomation-bottom{display:flex;justify-content:space-between;padding:10px 15px;background:#f1f4f9}.infomation-bottom .btn{margin-left:10px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-name{padding-left:5px;margin-bottom:5px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-country{padding-left:5px;margin-bottom:5px}.table-tutor-ds .list-tutor-ds li .infomation-top .tutor-infomation .infomation-exp{padding-left:5px;margin-bottom:0}.bg-green{background-color:#27ba9b !important;color:#fff !important}.bg-blue{background-color:#337ab7 !important;color:#fff !important}.border-radius-5{border-radius:5px !important}.infomation-bottom .rating-stars .empty-stars i{font-size:10px}.infomation-bottom .rating-stars .filled-stars i{font-size:10px}.tutor-rating-star .number-start{font-size:14px;color:#88a7cc;margin-right:5px;font-weight:normal;margin-top:3px}.tutor-rating-star .rating-stars .filled-stars{color:#88a7cc}.tutor-rating-star .rating-stars .empty-stars{color:#496a90}.Toastify__toast-container--top-right{top:5em}@media screen and (max-width: 1024px){.table-tutor-ds .list-tutor-ds li{width:50%}}@media screen and (max-width: 768px){.table-tutor-ds .list-tutor-ds li{width:50%}}@media screen and (max-width: 500px){.table-tutor-ds .list-tutor-ds li{width:100%}.table-tutor-ds .list-tutor-ds li .infomation-bottom .w-100{width:100px !important}}.box-avatar .upload-avatar img{width:120px;height:120px;object-fit:contain;border-radius:50%}.name-box .text{font-size:18px}.box-detail-teacher{background:#f7f7f7;padding:30px 20px;border-radius:10px}.box-detail-teacher label{margin-bottom:0 !important}.makeStyles-paper-7{width:40% !important;height:60% !important}.MuiButton-root.btn-scheduleee{background:#27ba9b;color:#fff !important;transition:.3s ease}.MuiButton-root.btn-scheduleee:hover{box-shadow:1px 5px 16px rgba(0,0,0,.3);background:#26d0ac;color:#fff !important}.box-detail-teacher .pa-l-50{padding-left:50px}@media screen and (max-width: 800px){.box-detail-teacher{overflow:auto;height:98%}}
.table-classrooms tr td:last-child{width:300px;text-align:center}.table-classrooms tr th:last-child{text-align:center}.m-g-l-auto{margin-left:auto}.badge-blue{background:#0000fe;color:#fff}.clr-lesson,.clr-finishType,.clr-student{min-width:6.6rem}.clr-time{min-width:7.5rem}.clr-feedbackStatus{min-width:13rem}.clr-actions{width:16.6rem}.clr-actions .btn-detail{width:110px}.clr-student,.clr-status,.clr-finishType,.clr-id{text-align:center}.table thead tr th{vertical-align:middle}.table tbody{font-size:13px}.table tbody tr td{vertical-align:middle}@media(max-width: 768px){.table-classrooms.responsive-table thead th{min-height:3.5rem}.table-classrooms.responsive-table tbody tr td{border-left:0;padding:5px 10px}.table-classrooms.responsive-table tbody tr td.clr-actions{padding-top:10px;width:auto;text-align:left}.table-classrooms.responsive-table tbody tr td.clr-student,.table-classrooms.responsive-table tbody tr td.clr-status,.table-classrooms.responsive-table tbody tr td.clr-feedbackStatus,.table-classrooms.responsive-table tbody tr td .clr-id{display:flex;align-items:center}}.color-a{background-color:#0026e0}.color-b{background-color:#ff0;color:#000 !important}.color-c{background-color:red}.color-d{background-color:gray}.color-e{background-color:#1f4e78}.color-f{background-color:#1f4e78}.color-g{background-color:#88b0f1}.color-h{background-color:#def6da}.btnStatus{padding:10px 10px;border-radius:5px;color:#fff}
@media(min-width: 992px){.card.lesson-sidebar{position:sticky;top:0}}.infomation__wrap>.st-time{margin-bottom:15px}.infomation__wrap>.st-time>p{margin-bottom:0}.st-teacher-text>span{display:block}.st-teacher-text>span:last-child{flex-grow:1;margin-left:5px;text-align:right;font-weight:500}.st-teacher-text>span:first-child{width:130px}textarea{width:100%;height:100px;border:1px solid #e1e1e1;padding:10px;border-radius:5px;outline:none}
@media(min-width: 992px){.card.lesson-sidebar{position:sticky;top:0}}.infomation__wrap>.st-time{margin-bottom:15px}.infomation__wrap>.st-time>p{margin-bottom:0}.st-teacher-text>span{display:block}.st-teacher-text>span:last-child{flex-grow:1;margin-left:5px;text-align:right;font-weight:500}.st-teacher-text>span:first-child{width:130px}textarea{width:100%;height:100px;border:1px solid #e1e1e1;padding:10px;border-radius:5px;outline:none}
.tc-comment-wrap .tc-comment .tc-content{flex-grow:1}.feedback-container .reply-box{display:block}.feedback-container .fb-list{flex-grow:1}.feedback-container .fb-summary{display:block}.feedback-container .fb-radio label{display:flex;margin-bottom:10px}.feedback-container .fb-radio input+span{flex-grow:1}.feedback-container .fb-radio .number{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:400;display:inline-flex;width:35px;color:#f12b71;height:35px;align-items:center;background-color:rgba(241,43,113,.05);border-radius:.42rem;justify-content:center}.feedback-container .fb-summary-container{padding:1.25rem;box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border-radius:.42rem;border:0}.feedback-container .fb-summary-container>p{display:flex;justify-content:space-between;align-items:center}.feedback-container .fb-summary-container>p>span{font-size:1rem;font-weight:700;display:inline-flex;width:35px;color:#fff;height:35px;align-items:center;background-color:#f12b71;border-radius:.42rem;justify-content:center;box-shadow:inset 0px 0px 8px 0px rgba(255,255,255,.5)}.feedback-container .fb-summary .fb-type{padding:5px 0}.feedback-container .fb-item{box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border-radius:.42rem;border:0}.filter-sidebar{margin-bottom:30px}@media(min-width: 768px){.filter-sidebar .fb-summary-container{position:sticky;top:0}.feedback-container{display:flex}.filter-sidebar{width:350px;margin-right:30px;margin-bottom:0}}.fb-item:hover{box-shadow:0px 10px 16px 0px rgba(0,0,0,.15)}.fb-item{transition:all .3s}.fb-item .fb-avatar .avatar{transition:all .3s}.metas .meta span{font-weight:normal}.metas .meta span:first-child{font-weight:600}
.tc-comment-wrap .tc-comment .tc-content{flex-grow:1}.feedback-container .reply-box{display:block}.feedback-container .fb-list{flex-grow:1}.feedback-container .fb-summary{display:block}.feedback-container .fb-radio label{display:flex;margin-bottom:10px}.feedback-container .fb-radio input+span{flex-grow:1}.feedback-container .fb-radio .number{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:400;display:inline-flex;width:35px;color:#f12b71;height:35px;align-items:center;background-color:rgba(241,43,113,.05);border-radius:.42rem;justify-content:center}.feedback-container .fb-summary-container{padding:1.25rem;box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border-radius:.42rem;border:0}.feedback-container .fb-summary-container>p{display:flex;justify-content:space-between;align-items:center}.feedback-container .fb-summary-container>p>span{font-size:1rem;font-weight:700;display:inline-flex;width:35px;color:#fff;height:35px;align-items:center;background-color:#f12b71;border-radius:.42rem;justify-content:center;box-shadow:inset 0px 0px 8px 0px rgba(255,255,255,.5)}.feedback-container .fb-summary .fb-type{padding:5px 0}.feedback-container .fb-item{box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border-radius:.42rem;border:0}.filter-sidebar{margin-bottom:30px}@media(min-width: 768px){.filter-sidebar .fb-summary-container{position:sticky;top:0}.filter-sidebar{width:350px;margin-right:30px;margin-bottom:0}}.fb-item:hover{box-shadow:0px 10px 16px 0px rgba(0,0,0,.15)}.fb-item{transition:all .3s}.fb-item .fb-avatar .avatar{transition:all .3s}.metas .meta span{font-weight:normal}.metas .meta span:first-child{font-weight:600}.listFeedback{padding-left:0}.listFeedback li{list-style:none;font-weight:600;margin-bottom:7px}.listFeedback li span{color:#fa005e}.listFeedback li span.text{color:#616161;width:135px;display:inline-block}.title-fb{color:#616161;width:135px;font-weight:600}
.shadow-base{box-shadow:0 0 15px rgba(28,39,60,.06)}.circle-value{background:#fafafa;border-radius:50%;width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-info-list svg{color:#aaaaa9}.svg-icon>svg{color:#cec1b4}.mar-auto-bottom{margin:10px auto;transition:.3s ease}.hover-colum:hover .mar-auto-bottom{transform:translateY(-5px)}@media(max-width: 768px){.lg-valign-middle{display:inline-flex !important;align-items:center}}@media(min-width: 1200px){.wd-xl-325-f{width:325px !important}}.card-custom>.card-body-thin{padding:1rem 1.25rem}@media(max-width: 768px){.gv-notice .lg-valign-middle{width:100%}}
.table-explane tr td[rowspan="2"]{background:#fff}.table-explane tr td{padding:15px}@media(max-width: 600px){table tbody,tr,td,th{display:block}tbody{margin-bottom:30px}tbody>tr>td[rowspan="2"]{background:#fa005e;border-color:#fa005e}tbody>tr>td[rowspan="2"] h5{color:#fa005e}tbody>tr+tr{margin-top:-1px}tbody+tbody{border-top:0}}.table-card,.table-card:before,.table-card:after{transition:all .5s ease}.table-card .card .name{transition:all .3s ease}.table-card:hover .card .name{transform:translateX(-50%) translateY(-10px)}.table-card:hover{box-shadow:0px 0px 30px 0px rgba(82,63,105,.25);transform:translateY(-10px)}.price-table-wrapper .table-card::before{transform:skewY(-15deg)}.price-table-wrapper .table-card::after{transform:skewY(15deg)}.price-table-wrapper .table-card{padding:80px 20px}.price-table-wrapper .table-card:before{height:40%}.price-table-wrapper .table-card:after{height:40%}.price-table-wrapper .table-card .name{font-size:1rem;width:140px;height:140px;top:-70px}.price-table-wrapper .table-card .feather{margin-top:0;margin-bottom:0}
.foundations{-webkit-box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);box-shadow:0px 0px 30px 0px rgba(82,63,105,.05);border:0;border-radius:.42rem;padding:1.5rem 2rem;background:#fff}.foundations h5 a{color:#474747;transition:all .3s ease}.foundations h5 a:hover{color:#f12b71}.foundations .smalltext-item-foundation{color:#acacac}.card-library>a{position:relative;height:150px}.card-library>a img{height:100%;object-fit:cover}.card-library>a:before{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-top:5px solid rgba(255,255,255,.6);border-left:5px solid rgba(255,255,255,.6);z-index:3;perspective:100px;transition:all .3s ease;transform:scale(0.3);opacity:0}.card-library:hover>a:before{transform:scale(1) rotate(0);opacity:1}.card-library>a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;transition:all .5s ease;background:rgba(241,43,113,.47);z-index:1;visibility:visible;opacity:0}.card-library:hover>a:after{opacity:1}.card-library:hover h5{position:relative;z-index:2}.card-library:hover h5 a{color:#f12b71}
@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.table-explane tr td[rowspan="2"]{background:#fff}.table-explane tr td{padding:15px}@media(max-width: 600px){table tbody,tr,td,th{display:block}tbody{margin-bottom:30px}tbody>tr>td[rowspan="2"]{background:#fa005e;border-color:#fa005e}tbody>tr>td[rowspan="2"] h5{color:#fa005e}tbody>tr+tr{margin-top:-1px}tbody+tbody{border-top:0}}.table-card,.table-card:before,.table-card:after{transition:all .5s ease}.table-card .card .name{transition:all .3s ease}.table-card:hover .card .name{transform:translateX(-50%) translateY(-10px)}.table-card:hover{box-shadow:0px 0px 30px 0px rgba(82,63,105,.25);transform:translateY(-10px)}.price-table-wrapper .table-card::before{transform:skewY(-15deg)}.price-table-wrapper .table-card::after{transform:skewY(15deg)}.price-table-wrapper .table-card{padding:80px 20px}.price-table-wrapper .table-card:before{height:40%}.price-table-wrapper .table-card:after{height:40%}.price-table-wrapper .table-card .name{font-size:1rem;width:140px;height:140px;top:-70px}.price-table-wrapper .table-card .feather{margin-top:0;margin-bottom:0}
.post-detail-cover img{height:350px}.content-blog{min-height:calc(var(--app-height) - 485px)}
.sidebar-profile{list-style:none}.sidebar-profile li{position:relative;transition:all .3s ease}.sidebar-profile li a{padding:1rem;font-size:1rem;cursor:pointer;transition:all .3s ease}.sidebar-profile li .icon{width:25px;display:inline-block}.sidebar-profile li+li a{border-top:1px solid #e1e1e1}.sidebar-profile li:hover{background:#fef4f8}.sidebar-profile li:hover a{border-color:#fef4f8}.sidebar-profile li:hover a>span{transition:all .3s ease}.sidebar-profile li:hover a>span:last-child{margin-left:15px}.sidebar-profile li:hover+li a{border-color:#fef4f8}.sidebar-profile li.active a{color:#f12b71}.tab-link{-webkit-appearance:none;background-color:transparent;border:none}.teacher__detail{border-radius:.42rem}.card-visual{margin-left:auto;margin-right:auto;box-shadow:0px 14px 28px 0px rgba(0,0,0,.15);border-radius:100px}.card-visual .visual-name{position:absolute;bottom:60px;left:30px;font-size:20px;color:rgba(159,203,255,.45);font-weight:bold;letter-spacing:1px;text-transform:uppercase;text-shadow:4px 4px 4px rgba(0,0,0,.3)}.card-visual .visual-number{position:absolute;bottom:30px;left:30px;font-size:20px;color:rgba(159,203,255,.45);text-shadow:4px 4px 4px rgba(0,0,0,.3);font-weight:bold;letter-spacing:1.5px;text-transform:uppercase}.card-visual .visual-bank{position:absolute;top:25px;right:30px;font-size:16px;color:#fff;font-weight:bold;letter-spacing:2px;text-transform:uppercase;text-shadow:4px 4px 4px rgba(0,0,0,.3)}@media screen and (max-width: 580px){.card-visual .visual-name{bottom:40px;left:20px;font-size:14px}.card-visual .visual-number{bottom:20px;left:20px;font-size:14px}.card-visual .visual-bank{font-size:12px;top:15px;right:18px}}@media(min-width: 1200px){.tab-navigation .tab-item .tab-link{padding:1rem 1.5rem}}#react-teacher-form .teacher__detail .teacher-body{margin-top:0}textarea.form-control+label{padding:2px 5px;top:0;transform:translate(0, -50%);background-color:#fff}textarea.form-control:focus+label{padding:5px}.uploadvideo-wrap{min-height:250px;position:relative}.upload-container .MuiCardMedia-media{border:solid 1px #e1e1e1;border-radius:4px;display:block}.teacher-video{border-radius:4px}.teacher-video .upload-avatar{margin:0;display:block;padding-bottom:35%;border:solid 1px #e1e1e1;border-radius:4px}.teacher-video.loading-style .upload-avatar{width:100%}.teacher-video .upload-avatar.renewVideo{padding:0;display:inline-block}.teacher-video .upload-avatar:before{border-radius:4px}.teacher-video .calltoupload{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.uploadvideo-wrap .loading-style{position:static}.uploadvideo-wrap .loading-style .lds-ellipsis{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.table-classrooms tr td:last-child{width:auto;text-align:center}.table-classrooms tr th:last-child{text-align:center}.clr-lesson,.clr-finishType,.clr-student{min-width:6.6rem}.clr-time{min-width:7.5rem}.clr-feedbackStatus{min-width:13rem}.clr-actions{width:16.6rem}.clr-actions .btn-detail{width:110px}.clr-student,.clr-status,.clr-finishType,.clr-id{text-align:center}.table-classrooms tr th{font-size:13px}.table thead tr th{vertical-align:middle}.table tbody{font-size:13px}.table tbody tr td{vertical-align:middle}@media(max-width: 768px){.table-classrooms.responsive-table thead th{min-height:3.5rem}.table-classrooms.responsive-table tbody tr td{border-left:0;padding:5px 10px}.table-classrooms.responsive-table tbody tr td.clr-actions{padding-top:10px;width:auto;text-align:left}.table-classrooms.responsive-table tbody tr td.clr-student,.table-classrooms.responsive-table tbody tr td.clr-status,.table-classrooms.responsive-table tbody tr td.clr-feedbackStatus,.table-classrooms.responsive-table tbody tr td .clr-id{display:flex;align-items:center}}.textarea-custom{height:40px !important;resize:none;overflow:hidden !important;border-radius:0px !important}
.pay-border{padding:15px 15px 0;border:1px solid #e1e1e1;border-radius:.25rem}.pay-border .pay-syn-money{font-weight:500;color:#f12b71;font-size:16px}.pay-syn-title{font-weight:500;color:#91b8c3;font-size:1.25rem;padding-right:10px}.pay-syn-title+.pay-syn-money{font-size:1.25rem;color:#91b8c3}.pay-syn-text{color:#97a3b9}.pay-syn-text+.pay-syn-text{font-weight:500;color:#252525}.pay .pay-title .pay-pending{font-size:20px}.v-divider{height:28px;width:1px;background-color:#e1e1e1;margin:0 15px}.btn-collapse{padding:5px 10px;border-radius:50%;font-size:24px;background:#ebebeb;display:flex;align-items:center;justify-content:center}
#js-book-calendar .fc-list-event:hover .fc-event-main,#js-book-calendar .fc-list-event:hover .fc-list-event-time,#js-book-calendar .fc-list-event:hover .label-book{color:#000 !important}#js-book-calendar .fc-list-event:hover .label-book.booked{color:#000 !important}#js-book-calendar .fc-timegrid-slot{height:2rem}#js-book-calendar .fc-timegrid-slot-label-frame{position:relative}#js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px;padding-left:25px;color:#a0a0a0;font-weight:200}#js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon{position:absolute;left:7px;color:#f78bb1;font-size:16px;top:50%;transform:translateY(-50%)}#js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon.hotest{color:#f12b71}#js-book-calendar .fc-event{border-radius:0;padding:2px;bottom:0;position:relative;height:100%;border-color:#fff}#js-book-calendar .fc-event .label-book{font-size:.7rem;color:#000;font-weight:500}#js-book-calendar .fc-event:hover .fix-btn{display:inline-block}#js-book-calendar .fc-event.off-slot{background-color:#dcdcdc;border-color:#dcdcdc}#js-book-calendar .fc-event.off-slot:hover .label-book{color:#000}#js-book-calendar .fc-event.off-slot .fc-event-main{background-color:#e2e2e2;border-color:#e2e2e2}#js-book-calendar .fc-event.custom-color-A{background-color:blue !important;border-color:blue !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-A .fc-event-main{color:#fff}#js-book-calendar .fc-event.custom-color-A .fc-list-event-time{color:#fff}#js-book-calendar .fc-event.custom-color-A .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-B{background-color:#ff0 !important;border-color:#ff0 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-B .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-B .label-book{color:#000 !important}#js-book-calendar .fc-event.custom-color-C{background-color:red !important;border-color:red !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-C .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-C .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-D{background-color:gray !important;border-color:gray !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-D .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-D .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-E{background-color:#1f4e78 !important;border-color:#1f4e78 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-E .fc-event-main{color:#fff}#js-book-calendar .fc-event.custom-color-E .fc-list-event-time{color:#fff}#js-book-calendar .fc-event.custom-color-E .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-F{background-color:purple !important;border-color:purple !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-F .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-F .label-book{color:#fff !important}#js-book-calendar .fc-event.custom-color-G{background-color:#88b0f1 !important;border-color:#88b0f1 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-G .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-G .label-book{color:#000 !important}#js-book-calendar .fc-event.custom-color-H{background-color:#def6da !important;border-color:#def6da !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-H .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-I{background-color:#ff6fa2 !important;border-color:#ff6fa2 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-I .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-J{background-color:#000 !important;border-color:#000 !important;background-image:none !important}#js-book-calendar .fc-event.custom-color-J .fc-event-main{color:#000}#js-book-calendar .fc-event.custom-color-J .fc-list-event-time{color:#fff}#js-book-calendar .fc-event.custom-color-J .label-book{color:#fff !important}#js-book-calendar .fc-event.booked-slot{background-color:#d9f2da;border-color:#fff;cursor:pointer}#js-book-calendar .fc-event.booked-slot .fc-event-main{color:#257300}#js-book-calendar .fc-event.available-slot{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-event.available-slot .fc-event-main{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-event .fas,#js-book-calendar .fc-event .far{margin-right:5px}#js-book-calendar .fc-event.empty-slot{background-color:transparent;border-color:transparent}#js-book-calendar .fc-event.empty-slot:hover{background-color:rgba(241,43,113,.09)}#js-book-calendar .fc-event.is-loading{background-color:#fff262;border-color:#fff262}#js-book-calendar .fc-event.fc-event-past{background-color:#ececec;background-image:repeating-linear-gradient(-45deg, transparent 0 2px, #eaeaea 0 3px);border-color:#fff}#js-book-calendar .fc-event.fc-event-past .booking-name{color:#777}#js-book-calendar .fc-event.fc-event-past .label-book.booked{color:#777}#js-book-calendar .fc-event.fc-event-past.empty-slot{background-color:#d8d8d8;border-color:#eee !important}#js-book-calendar .fc-event.fc-event-past.available-slot .inner-content{color:#777;display:initial}#js-book-calendar .fc-event.fc-event-past .fix-btn{display:none}#js-book-calendar .fc-event.hot-slot:after{content:"\F06D";font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;left:35%;top:50%;z-index:-1;color:rgba(241,43,113,.2);font-size:16px;transform:translate(-50%, -50%)}#js-book-calendar .fc-event.hot-slot:before{content:"HOT";position:absolute;left:60%;top:50%;z-index:-1;color:rgba(241,43,113,.2);font-size:16px;transform:translate(-50%, -50%)}#js-book-calendar .fc-timegrid-col-events{margin:1px}#js-book-calendar .label-book{font-size:.55rem}#js-book-calendar .booking-name{font-weight:600}#js-book-calendar .fc-timegrid-event{background-color:#d9ecf2;border-color:#d9ecf2}#js-book-calendar .fc-timegrid-event .fc-event-main{height:100%;display:flex;align-items:center;justify-content:center;width:100%;color:#009fd1}#js-book-calendar .close-schedule{background-color:#fff;color:#ff414d;border-color:#fff}#js-book-calendar .cancel-schedule{background-color:#ff414d;color:#fff}#js-book-calendar .fix-btn{position:absolute;bottom:2px;right:2px;display:none;padding:2px 4px;border-radius:.25rem;transition:all .2s ease}#js-book-calendar .fix-btn:hover{box-shadow:0px 4px 10px 0px rgba(0,0,0,.3)}#js-book-calendar .fc-col-header-cell{font-weight:400}#js-book-calendar .fc-col-header-cell .hd-date{font-size:20px;font-weight:600}#js-book-calendar .fc-col-header-cell .hd-day{font-size:16px;color:#ccc}#js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{text-decoration:none}#js-book-calendar .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion{color:#f12b71}#js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{pointer-events:none;color:#1b2e4b}#js-book-calendar .fc-button-primary{background-color:#f12b71;border-color:#f12b71}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button{margin-right:10px}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{border:1px solid #f12b71;padding:.4rem .6rem;font-size:1rem;border-radius:.25rem;white-space:nowrap;margin:0 10px;color:#f12b71}#js-book-calendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div{display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between}#js-book-calendar .fc-button-primary{background-color:rgba(241,43,113,.05);border-color:rgba(241,43,113,.05);color:#f12b71}#js-book-calendar .fc-button-primary.fc-button-active{background:#f12b71;border-color:#fa005e;color:#fff}#js-book-calendar{position:relative;z-index:0}#js-book-calendar td.fc-timegrid-col.fc-day.fc-day-past{background-color:#ececec;background-image:repeating-linear-gradient(-45deg, transparent 0 2px, #fff 0 3px);border-color:#fff}#js-book-calendar .fc-toolbar-title{min-width:150px;text-align:center}#js-book-calendar .box-slot{margin-left:15px;padding:0 3px;background:#fff;position:absolute;color:rgba(241,43,113,.8);bottom:0;box-shadow:0px 1px 0px 0px #fff;border-top-left-radius:3px;border-top-right-radius:3px;font-weight:500;right:10px;border:1px solid #e1e1e1;border-bottom:0;display:none}#js-book-calendar a.fc-col-header-cell-cushion{display:block;position:relative}#js-book-calendar .date-wrap{padding-right:30px}#js-book-calendar .header-container{padding:5px 0}@media screen and (max-width: 992px){.book__container .card-custom>.card-body .tab-navigation-wrap{flex-direction:column-reverse}.book__container .card-custom>.card-body .tab-navigation-wrap .tab-navigation{width:100%}}#js-book-calendar .label-book svg{margin-right:3px}@media screen and (max-width: 992px){.teacher-custom #js-book-calendar .date-wrap{line-height:1;margin-bottom:5px}.teacher-custom #js-book-calendar .fc-col-header-cell .fc-col-header-cell-cushion{padding-bottom:0}.teacher-custom #js-book-calendar .header-container{padding:0}.teacher-custom #js-book-calendar .date-wrap{padding-right:0}.teacher-custom #js-book-calendar .box-slot{position:static;margin-left:0;max-width:50px;margin:0 auto;font-size:10px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-date{font-size:14px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-day{font-size:12px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion .hot-icon{display:none}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-frame{padding-right:5px}}@media screen and (max-width: 768px){.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0 5px;font-size:12px}.teacher-custom #js-book-calendar .label-book{font-size:.5rem}.teacher-custom #js-book-calendar .booking-name{display:none}.teacher-custom #js-book-calendar .fix-btn{display:inline-block;bottom:0;top:0;left:0;right:0;opacity:0}}@media screen and (max-width: 650px){.teacher-custom .fc-header-toolbar{flex-wrap:wrap}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk{width:100%}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:first-child{margin-bottom:15px}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:last-child{width:auto}}@media screen and (max-width: 480px){.teacher-custom #js-book-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title{font-size:12px;padding:.6rem;min-width:auto;flex-grow:1}.teacher-custom #js-book-calendar .label-book{display:block;font-size:9px}.teacher-custom #js-book-calendar .label-book i.fas{margin-bottom:3px}.teacher-custom #js-book-calendar .fc-timegrid-slot{height:3rem}.teacher-custom #js-book-calendar .fc-event{min-height:calc(3rem - 1px)}.teacher-custom .fc-header-toolbar .fc-toolbar-chunk:last-child{width:100%}.teacher-custom .notice ul{padding-left:1rem}.teacher-custom .notice ul li{margin-bottom:5px}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-frame{padding-right:0}.teacher-custom #js-book-calendar .fc-timegrid-slot-label-cushion{padding:0;padding-right:3px;font-size:10px}.teacher-custom #js-book-calendar .fc-col-header-cell .hd-date{display:block}.teacher-custom #js-book-calendar .date-wrap .hd-date{display:block;font-size:12px}.teacher-custom #js-book-calendar .date-wrap .hd-day{font-size:10px}.teacher-custom #js-book-calendar .box-slot{padding:0;font-size:10px;padding:0}.teacher-custom #js-book-calendar .box-slot .mg-x-2{margin-left:0;margin-right:0}}.teacher-custom .custom-checkbox .custom-control-label::before,.teacher-custom .custom-checkbox .custom-control-label::after,.teacher-custom .custom-radio .custom-control-label::before,.teacher-custom .custom-radio .custom-control-label::after,.teacher-custom .custom-switch .custom-control-label::before,.teacher-custom .custom-switch .custom-control-label::after{top:50%}.teacher-custom .custom-control{padding-left:2rem}.teacher-custom .custom-control-label:before{width:1.5rem;height:1.5rem;left:-1.85rem}.teacher-custom .custom-control-label:after{left:-1.85rem;width:1.5rem;height:1.5rem}@media screen and (max-width: 768px){.tooltip.show{display:none}}.modal-backdrop.show{z-index:1070}.flatpickr-wrapper{width:100%}.calendar-enter{opacity:0;transform:scale(0.2)}.calendar-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.calendar-exit{opacity:1}.calendar-exit-active{opacity:0;transform:scale(0.2);transition:opacity .3s,transform .3s}@media(min-width: 768px){#quick-calendar .row .c-left{flex-basis:100px;max-width:100px}}#quick-calendar .row .c-left h5{margin:0;line-height:2.5}@media(min-width: 768px){#quick-calendar .row .c-right{flex-grow:1;max-width:calc(100% - 100px)}}#quick-calendar .row .c-right .form-group{padding:5px}.flatpickr-calendar.noCalendar{max-width:calc(100% - 2px);left:1px}.loading-lottie{max-height:500px;max-width:768px;margin:0 auto}.modal-content{border-radius:5px}.btnAccept{padding:5px 5px;background:#ff5b66;border-radius:5px;color:#fff;font-weight:bold;width:80px;display:inline-block;text-align:center;margin:0 5px}.btnAccept:hover{background:#e6333f !important;color:#fff !important}.btnClose{padding:5px 5px;background:#b1b1b1;border-radius:5px;color:#fff;font-weight:bold;width:80px;display:inline-block;text-align:center;margin:0 5px}.btnClose:hover{background:#969696 !important;color:#fff !important}.box-header{display:flex;justify-content:space-between;margin-bottom:30px}.note-color{width:50%;border:1px solid #dcdcdc;border-radius:10px;padding:20px}.note-color .item-note{display:flex;justify-content:flex-start;align-items:center;margin-bottom:5px}.note-color .item-note .box-color{width:35px;height:25px;margin-right:10px}.note-color .item-note .text{width:calc(100% - 35px);font-weight:400;font-size:14px}.note-color .color-a{background-color:#0026e0}.note-color .color-b{background-color:#ff0}.note-color .color-c{background-color:red}.note-color .color-d{background-color:gray}.note-color .color-e{background-color:#1f4e78}.note-color .color-f{background-color:purple}.note-color .color-g{background-color:#88b0f1}.note-color .color-h{background-color:#def6da}

.modal-primary{max-width:900px !important}
.sub-menu .badge{line-height:30px;font-size:14px}.sub-menu p.active .link{color:#f12b71;box-shadow:0 2px 0 0 #f12b71}.sup .card-custom .sub-menu p{padding:5px 0}.sup .card-custom .sub-menu p:last-of-type{border-bottom:1px dashed #e1e1e1;padding-bottom:15px !important}.sup .card-custom .sub-menu p a.link{font-weight:normal;cursor:pointer;transition:all .2s ease}.badge-primary-light{background-color:#fef4f8}.table-custom tr th,.table-custom tr td{padding:15px}.table-custom.table-borderless tr th{border-bottom:1px solid #e1e1e1}.table-custom tbody tr:nth-child(even){background-color:rgba(255,222,193,.13)}.badge-number{font-size:1rem;font-weight:400;display:inline-flex;width:35px;color:#f12b71;height:35px;align-items:center;background-color:rgba(241,43,113,.05);border-radius:.42rem;justify-content:center}.m-g-l-20{margin-left:20px}@media screen and (max-width: 768px){.w-res-100{width:100% !important}}