@charset "UTF-8";.text-white{color:#fff!important}.text-primary{color:#3a84e5!important}a.text-primary:hover,a.text-primary:focus{color:#195eba!important}.text-action{color:#f48837!important}a.text-action:hover,a.text-action:focus{color:#d3610c!important}.text-third{color:#19b2c0!important}a.text-third:hover,a.text-third:focus{color:#10737c!important}.text-danger{color:#d7263d!important}a.text-danger:hover,a.text-danger:focus{color:#961b2b!important}.text-gray{color:#f7f7f7!important}a.text-gray:hover,a.text-gray:focus{color:#d1d1d1!important}.bg-primary{background-color:#3a84e5!important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:#1c6ad0!important}.bg-action{background-color:#f48837!important}a.bg-action:hover,a.bg-action:focus,button.bg-action:hover,button.bg-action:focus{background-color:#eb6c0d!important}.bg-third{background-color:#19b2c0!important}a.bg-third:hover,a.bg-third:focus,button.bg-third:hover,button.bg-third:focus{background-color:#138893!important}.bg-danger{background-color:#d7263d!important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:#ac1e31!important}.bg-gray{background-color:#f7f7f7!important}a.bg-gray:hover,a.bg-gray:focus,button.bg-gray:hover,button.bg-gray:focus{background-color:#dedede!important}.btn-minWidth-100{min-width:100px}.btn:not(.btn-link) svg{margin-right:.5rem}.btn-primary{color:#fff;background:unset;background-color:#3a84e5;border-color:#3a84e5}.btn-primary:hover{color:#fff;background-color:#1d70dc;border-color:#1c6ad0}.btn-primary:focus,.btn-primary.focus{-webkit-box-shadow:0 0 0 .2rem rgba(88,150,233,.5);box-shadow:0 0 0 .2rem rgba(88,150,233,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#3a84e5;border-color:#3a84e5}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#1c6ad0;border-color:#1a64c5}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(88,150,233,.5);box-shadow:0 0 0 .2rem rgba(88,150,233,.5)}.btn-action{color:#fff;background:unset;background-color:#f48837;border-color:#f48837}.btn-action:hover{color:#fff;background-color:#f27213;border-color:#eb6c0d}.btn-action:focus,.btn-action.focus{-webkit-box-shadow:0 0 0 .2rem rgba(212,121,53,.5);box-shadow:0 0 0 .2rem rgba(212,121,53,.5)}.btn-action.disabled,.btn-action:disabled{color:#212529;background-color:#f48837;border-color:#f48837}.btn-action:not(:disabled):not(.disabled):active,.btn-action:not(:disabled):not(.disabled).active,.show>.btn-action.dropdown-toggle{color:#fff;background-color:#eb6c0d;border-color:#df670c}.btn-action:not(:disabled):not(.disabled):active:focus,.btn-action:not(:disabled):not(.disabled).active:focus,.show>.btn-action.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(212,121,53,.5);box-shadow:0 0 0 .2rem rgba(212,121,53,.5)}.btn-third{color:#fff;background:unset;background-color:#19b2c0;border-color:#19b2c0}.btn-third:hover{color:#fff;background-color:#15939e;border-color:#138893}.btn-third:focus,.btn-third.focus{-webkit-box-shadow:0 0 0 .2rem rgba(60,190,201,.5);box-shadow:0 0 0 .2rem rgba(60,190,201,.5)}.btn-third.disabled,.btn-third:disabled{color:#fff;background-color:#19b2c0;border-color:#19b2c0}.btn-third:not(:disabled):not(.disabled):active,.btn-third:not(:disabled):not(.disabled).active,.show>.btn-third.dropdown-toggle{color:#fff;background-color:#138893;border-color:#127e88}.btn-third:not(:disabled):not(.disabled):active:focus,.btn-third:not(:disabled):not(.disabled).active:focus,.show>.btn-third.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(60,190,201,.5);box-shadow:0 0 0 .2rem rgba(60,190,201,.5)}.btn-danger{color:#fff;background:unset;background-color:#d7263d;border-color:#d7263d}.btn-danger:hover{color:#fff;background-color:#b62034;border-color:#ac1e31}.btn-danger:focus,.btn-danger.focus{-webkit-box-shadow:0 0 0 .2rem rgba(221,71,90,.5);box-shadow:0 0 0 .2rem rgba(221,71,90,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#d7263d;border-color:#d7263d}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#ac1e31;border-color:#a11c2e}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(221,71,90,.5);box-shadow:0 0 0 .2rem rgba(221,71,90,.5)}.btn-gray{color:#fff;background:unset;background-color:#f7f7f7;border-color:#f7f7f7}.btn-gray:hover{color:#212529;background-color:#e4e4e4;border-color:#dedede}.btn-gray:focus,.btn-gray.focus{-webkit-box-shadow:0 0 0 .2rem rgba(215,216,216,.5);box-shadow:0 0 0 .2rem rgba(215,216,216,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#212529;background-color:#f7f7f7;border-color:#f7f7f7}.btn-gray:not(:disabled):not(.disabled):active,.btn-gray:not(:disabled):not(.disabled).active,.show>.btn-gray.dropdown-toggle{color:#212529;background-color:#dedede;border-color:#d7d7d7}.btn-gray:not(:disabled):not(.disabled):active:focus,.btn-gray:not(:disabled):not(.disabled).active:focus,.show>.btn-gray.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(215,216,216,.5);box-shadow:0 0 0 .2rem rgba(215,216,216,.5)}.btn-outline-primary{color:#3a84e5;border-color:#3a84e5}.btn-outline-primary:hover{color:#fff;background-color:#3a84e5;border-color:#3a84e5}.btn-outline-primary:focus,.btn-outline-primary.focus{-webkit-box-shadow:0 0 0 .2rem rgba(58,132,229,.5);box-shadow:0 0 0 .2rem rgba(58,132,229,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#3a84e5;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#3a84e5;border-color:#3a84e5}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(58,132,229,.5);box-shadow:0 0 0 .2rem rgba(58,132,229,.5)}.btn-outline-primary:hover svg,.btn-outline-primary:active svg,.btn-outline-primary.active svg{color:#fff}.btn-outline-action{color:#f48837;border-color:#f48837}.btn-outline-action:hover{color:#212529;background-color:#f48837;border-color:#f48837}.btn-outline-action:focus,.btn-outline-action.focus{-webkit-box-shadow:0 0 0 .2rem rgba(244,136,55,.5);box-shadow:0 0 0 .2rem rgba(244,136,55,.5)}.btn-outline-action.disabled,.btn-outline-action:disabled{color:#f48837;background-color:transparent}.btn-outline-action:not(:disabled):not(.disabled):active,.btn-outline-action:not(:disabled):not(.disabled).active,.show>.btn-outline-action.dropdown-toggle{color:#212529;background-color:#f48837;border-color:#f48837}.btn-outline-action:not(:disabled):not(.disabled):active:focus,.btn-outline-action:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-action.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(244,136,55,.5);box-shadow:0 0 0 .2rem rgba(244,136,55,.5)}.btn-outline-action:hover svg,.btn-outline-action:active svg,.btn-outline-action.active svg{color:#fff}.btn-outline-third{color:#19b2c0;border-color:#19b2c0}.btn-outline-third:hover{color:#fff;background-color:#19b2c0;border-color:#19b2c0}.btn-outline-third:focus,.btn-outline-third.focus{-webkit-box-shadow:0 0 0 .2rem rgba(25,178,192,.5);box-shadow:0 0 0 .2rem rgba(25,178,192,.5)}.btn-outline-third.disabled,.btn-outline-third:disabled{color:#19b2c0;background-color:transparent}.btn-outline-third:not(:disabled):not(.disabled):active,.btn-outline-third:not(:disabled):not(.disabled).active,.show>.btn-outline-third.dropdown-toggle{color:#fff;background-color:#19b2c0;border-color:#19b2c0}.btn-outline-third:not(:disabled):not(.disabled):active:focus,.btn-outline-third:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-third.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(25,178,192,.5);box-shadow:0 0 0 .2rem rgba(25,178,192,.5)}.btn-outline-third:hover svg,.btn-outline-third:active svg,.btn-outline-third.active svg{color:#fff}.btn-outline-danger{color:#d7263d;border-color:#d7263d}.btn-outline-danger:hover{color:#fff;background-color:#d7263d;border-color:#d7263d}.btn-outline-danger:focus,.btn-outline-danger.focus{-webkit-box-shadow:0 0 0 .2rem rgba(215,38,61,.5);box-shadow:0 0 0 .2rem rgba(215,38,61,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#d7263d;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#d7263d;border-color:#d7263d}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(215,38,61,.5);box-shadow:0 0 0 .2rem rgba(215,38,61,.5)}.btn-outline-danger:hover svg,.btn-outline-danger:active svg,.btn-outline-danger.active svg{color:#fff}.btn-outline-gray{color:#f7f7f7;border-color:#f7f7f7}.btn-outline-gray:hover{color:#212529;background-color:#f7f7f7;border-color:#f7f7f7}.btn-outline-gray:focus,.btn-outline-gray.focus{-webkit-box-shadow:0 0 0 .2rem rgba(247,247,247,.5);box-shadow:0 0 0 .2rem rgba(247,247,247,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#f7f7f7;background-color:transparent}.btn-outline-gray:not(:disabled):not(.disabled):active,.btn-outline-gray:not(:disabled):not(.disabled).active,.show>.btn-outline-gray.dropdown-toggle{color:#212529;background-color:#f7f7f7;border-color:#f7f7f7}.btn-outline-gray:not(:disabled):not(.disabled):active:focus,.btn-outline-gray:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(247,247,247,.5);box-shadow:0 0 0 .2rem rgba(247,247,247,.5)}.btn-outline-gray:hover svg,.btn-outline-gray:active svg,.btn-outline-gray.active svg{color:#fff}.btn-link{color:#3a84e5}.btn-link:hover{color:#195eba}.btn-link.btn-lg{padding:0 .5rem;min-width:unset;width:auto}.btn-lg{min-width:120px;padding:.5rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:100px}.card-body>*:not(:last-child){margin-bottom:1rem}.modal-header{border-bottom:unset}.modal-body{padding:20px}.modal-body-content{padding:1rem;background-color:rgba(209,228,255,.3)}.modal-body-content h5{font-size:1rem;color:rgba(0,0,0,.85);margin-bottom:20px}.modal-body-content .form-check{display:inline-block;margin-right:1rem}@media (min-width:768px){.modal-lg,.modal-xl{max-width:800px}.modal-xlg{max-width:1140px}}.form-group--inline>*{display:inline-block}.form-group--inline label{margin-right:.5rem}.form-group--inline .form-control{width:auto}.form-group label{font-size:1rem}.form-check label{cursor:pointer}.nav-tabs .nav-link{color:rgba(0,0,0,.5);margin:unset;padding:.5rem .6rem;background-color:#f7f7f7;border-top-left-radius:10px;border-top-right-radius:10px;margin-right:5px;font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:768px){.nav-tabs .nav-link{padding:.5rem 1.5rem}}.nav-tabs .nav-link.active{background-color:#f1f6ff;border-bottom:2px solid #3a84e5}.nav-tabs .nav-link--primary:hover,.nav-tabs .nav-link--primary:active{color:#19b2c0!important}.nav-tabs .nav-link--primary.active{color:#19b2c0;background-color:#e0f9fb;border-bottom:2px solid #19b2c0}.tab-content{background-color:#fafafa;padding:2rem 1rem}.tab-content-title{margin-bottom:1rem;margin-top:2rem}.tab-content-title h2{display:inline-block;color:#3a84e5;font-size:1.25rem;font-weight:500}.tab-content-searchResult{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tab-content-searchResult span{margin-right:1rem}.table{margin-bottom:unset}.table td{font-size:.875rem}.table tr{background-color:#fff}.table.table--col-bordered tr td:not(:last-child){border-right:1px solid #dee2e6}.table .form-group label{font-size:.875rem}.table th .sort-by{display:block;padding-right:18px;position:relative;cursor:pointer}.table th .sort-by::before,.table th .sort-by::after{border:6px solid transparent;content:"";display:block;height:0;right:5px;top:50%;position:absolute;width:0}.table th .sort-by::before{border-bottom-color:rgba(0,0,0,.2);margin-top:-13px}.table th .sort-by::after{border-top-color:rgba(0,0,0,.2);margin-top:3px}.table th .sort-by.up:before{border-bottom-color:#3a84e5}.table th .sort-by.down:after{border-top-color:#3a84e5}.table .tempTr{background-color:#fafafa}.table .recordTr-movieBtn{display:inline-block;width:30px;margin-left:1rem}.table .recordTr-entryBtn{display:inline-block;width:70px;margin-left:1rem}@media (min-width:768px){.d-none-md-up{display:none}}.h1{font-size:1.25rem}ul{padding-left:1rem}.ProcessBar.Label{min-width:6rem}.b-bgc-light{background-color:#fafafa}.b-color-third{color:#19b2c0}.b-dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto;margin-right:auto;margin-bottom:unset}.b-dl dt,.b-dl dd{width:attr(data-width)}.icheck-primary{display:inline-block;margin-right:1rem}.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before{border-color:#3a84e5}.icheck-primary>input:first-child:checked+label::before,.icheck-primary>input:first-child:checked+input[type="hidden"]+label::before{background-color:#3a84e5;border-color:#3a84e5}.icheck-third>input:first-child:checked+label::before,.icheck-third>input:first-child:checked+input[type="hidden"]+label::before{background-color:#19b2c0;border-color:#19b2c0}.icheck-third>input:first-child:not(:checked):not(:disabled):hover+label::before,.icheck-third>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before{border-color:#19b2c0}.jsCalendar.material-theme thead{background-color:#19b2c0}.jsCalendar tbody td.jsCalendar-current{background-color:#19b2c0}.jsCalendar.material-theme thead .jsCalendar-nav-left:hover,.jsCalendar.material-theme thead .jsCalendar-nav-right:hover{background-color:#e0f9fb;color:#19b2c0}.jsCalendar tbody td{cursor:pointer}.l-section{margin-top:2rem;margin-bottom:2rem}.l-section.container-fluid{padding-top:2rem;padding-bottom:2rem}.l-gap-content>*:not(:last-child){margin-bottom:20px}.l-mb-gap{margin-bottom:20px}@media (min-width:768px){.p-index-quicklyBtn{text-align:right}}@media (max-width:767px){.p-index-quicklyBtn{margin-top:20px}}.p-index-quicklyBtn .btn:not(:last-child){margin-right:.5rem}@media (max-width:767px){.p-index-quicklyBtn .btn{margin-bottom:.5rem}.p-index-quicklyBtn .btn:not(:last-child){margin-right:.5rem}}@media (min-width:768px){.p-index-quicklyBtn__btn{max-width:165px;text-align:right}}.p-index-quicklyBtn__btn svg{margin-right:.5rem}@media (max-width:575px){.p-index-quicklyBtn__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.5rem}.p-index-quicklyBtn__btn:not(:last-child){border-bottom:1px solid #dee2e6!important}}@media (min-width:576px){.p-index-quicklyBtn__btn:not(:last-child){border-right:1px solid #dee2e6!important}}.p-index-guideCard{width:100%;height:auto;background-color:#d1e4ff;background-repeat:no-repeat;background-position:bottom -5px left -5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.p-index-guideCard:hover,.p-index-guideCard:active{background-color:#c7deff;background-position:bottom 0 left 0}.p-index-guideCard:hover .p-index-guideCard__icon img,.p-index-guideCard:active .p-index-guideCard__icon img{-webkit-transform:translateX(-50%) translateY(-50%) scale(1.05);transform:translateX(-50%) translateY(-50%) scale(1.05)}.p-index-guideCard.cart1{background-image:url(/images/svg/graphic-1.svg)}.p-index-guideCard.cart1 .p-index-guideCard__content h5,.p-index-guideCard.cart1 .p-index-guideCard__content h6{color:#d1e4ff}.p-index-guideCard.cart1 .p-index-guideCard__content p{color:#fff}.p-index-guideCard.cart1:hover,.p-index-guideCard.cart1:active{background-color:#317ee4}.p-index-guideCard.cart2{background-image:url(/images/svg/graphic-2.svg)}.p-index-guideCard.cart3{background-image:url(/images/svg/graphic-3.svg)}.p-index-guideCard.cart4{background-image:url(/images/svg/graphic-4.svg)}.p-index-guideCard__icon{display:block;width:30%;height:auto;position:relative}.p-index-guideCard__icon img{width:50%!important;height:50%!important;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.p-index-guideCard__content{width:70%;height:100%;padding:1rem 1rem 1rem 0}.p-index-guideCard__content h5{font-size:1rem;font-weight:700;margin-bottom:0}.p-index-guideCard__content h6{font-size:.9rem;font-weight:700;margin-bottom:5px;color:#3a84e5}.p-index-guideCard__content p{font-size:.875rem;margin-bottom:unset}.p-cart-table thead{background-color:#f1f6ff}.p-cart-table thead tr th{font-size:1rem;color:#3a84e5;border-bottom:2px solid #3a84e5}.p-cart-table thead tr th>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-cart-table thead tr th>div svg{color:#212529}.p-cart-table tbody tr{border-bottom:1px solid #dee2e6}.p-cart-table tbody tr.editing td{background-color:rgba(209,228,255,.3)}.p-cart-table tbody tr td{vertical-align:middle}.p-cart-table tfoot tr td{background-color:#f7f7f7}.p-cart-table__teacher{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;cursor:pointer}.p-cart-table__teacher:hover .p-cart-table-edit,.p-cart-table__teacher:active .p-cart-table-edit{-webkit-transform:scale(1.1);transform:scale(1.1)}.p-cart-table__teacher .pic{display:inline-block;position:relative;margin-right:.5rem;width:50px;height:50px}.p-cart-table__teacher .pic img{width:100%;height:100%;border-radius:50%}.p-cart-table__teacher .pic .p-cart-table-edit{position:absolute;bottom:0;right:-5px}.p-cart-table__teacher .content{margin-left:.5rem}.p-cart-table__teacher .content h5{font-size:1rem;color:#3a84e5;margin-bottom:0}.p-cart-table__teacher .content span{font-size:1rem;font-weight:700;color:#212529}.p-cart-table__teacher .content span em{margin-left:5px;white-space:nowrap;font-style:normal;font-size:.875rem;font-weight:400;color:rgba(0,0,0,.5)}.p-cart-table__list{padding-left:0;margin-bottom:0;list-style-type:none}.p-cart-table__list li{cursor:pointer;font-size:.875rem;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.p-cart-table__list li:not(:last-child){margin-bottom:.5rem}.p-cart-table__list li:hover,.p-cart-table__list li:active{color:#3a84e5}.p-cart-table__list li:hover .p-cart-table-edit,.p-cart-table__list li:hover .p-cart-table-cancel,.p-cart-table__list li:active .p-cart-table-edit,.p-cart-table__list li:active .p-cart-table-cancel{-webkit-transform:scale(1.1);transform:scale(1.1)}.p-cart-table__classNum{max-width:70px}.p-cart-table__cancel{cursor:pointer}.p-cart-table__cancel:hover,.p-cart-table__cancel:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:992px){.p-cart-table__confirm{float:right}}@media (max-width:991px){.p-cart-table__confirm{display:block;margin-top:1rem}}.p-cart-table-edit{display:inline-block;background-color:#3a84e5;border-radius:50%;color:#fff;font-size:12px;line-height:1.2rem;text-align:center;width:1.2rem;height:1.2rem}.p-cart-table-detail{display:inline-block;border:1px solid #3a84e5;border-radius:50%;color:#3a84e5;font-size:12px;line-height:1.2rem;text-align:center;width:1.2rem;height:1.2rem}.p-cart-table-cancel{display:inline-block;background-color:#212529;border-radius:50%;color:#fff;font-size:12px;line-height:1.2rem;text-align:center;width:1.2rem;height:1.2rem}.p-classroom-toolBar{padding:2px 16px}.p-classroom-member{display:inline-block;margin-right:1.5rem}.p-classroom-member>*{display:inline-block;vertical-align:middle}.p-classroom-member h4{font-weight:400;margin-right:2px;margin-bottom:unset}.p-classroom-member a{display:inline-block;width:24px;height:24px;margin-left:8px}.p-classroom-member a img{width:100%;height:100%}.p-classroom-pic{width:36px;height:36px;margin-right:4px;position:relative}.p-classroom-pic img{width:100%;height:100%;border-radius:50%}.p-classroom-pic::after{content:"";width:10px;height:10px;display:inline-block;background-color:#c4c4c4;border-radius:50%;position:absolute;bottom:0;right:-2px}.p-classroom-pic.online::after{background-color:#19b2c0}.p-classroom-pic.offline::after{background-color:#d7263d}.p-classroom-editBook .p-classroom-toolbar{display:block}.p-classroom-editBook .p-classroom-toolbar li{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:8px}.p-classroom-editBook .p-classroom-toolbar li span{display:block;width:100%}.p-classroom-toolbar{padding-left:unset;margin-bottom:unset;display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none}.p-classroom-toolbar a{display:inline-block;width:36px;height:36px;padding:5px;border-radius:50%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.p-classroom-toolbar a:hover,.p-classroom-toolbar a:active,.p-classroom-toolbar a:focus{background-color:#d1e4ff}.p-classroom-toolbar a img{width:100%;height:auto}.p-classroom-toolbar__more{background-color:#f1f6ff;position:relative}.p-classroom-toolbar__more:hover,.p-classroom-toolbar__more:active,.p-classroom-toolbar__more:focus{background-color:#d1e4ff}.p-classroom-toolbar__more span{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-60%);transform:translateX(-50%) translateY(-60%)}.p-classroom-toolbar__dropdown .dropdown-menu{min-width:unset;padding:5px!important}.p-classroom-toolbar__dropdown .dropdown-item{display:block}.p-classroom-finish .timing-info{color:#3a84e5;font-size:24px;margin-bottom:24px}.p-classroom-finish h2{margin-bottom:unset}.p-classroom-finish-info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:250px;margin-left:auto;margin-right:auto}.p-classroom-finish-info dt{width:60%}.p-classroom-finish-info dd{width:40%}.p-classroom-finish-pic{width:100%;height:auto;padding:0 2rem}.p-classroom-finish-pic img{width:100%;height:auto}.p-classroom-resizable-col{padding:15px;background-color:#fafafa}.p-classroom-resizable-title{font-size:20px;color:#3a84e5;font-weight:700;margin-bottom:15px}.p-classroom-editBook .card{border:unset}.p-classroom-editBook .card-header{border:1px solid #bbb;padding:8px 24px 8px 12px;color:#212529;font-weight:700;cursor:pointer;position:relative;background-color:#d1e4ff}.p-classroom-editBook .card-header:first-child{border-radius:unset}.p-classroom-editBook .card-header .arrow-down{position:absolute;top:40%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.p-classroom-editBook .card-body h2{color:#3a84e5;font-size:1rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}.p-classroom-editBook .card-body .form-group label{display:block;color:#212529;font-weight:500;font-size:.875rem}.p-classroom-editBook .card-body .card-body-section:not(:last-child){margin-bottom:32px}.p-classroom-edit-more{font-size:48px;padding:10px 0;color:#d1e4ff;text-align:center;cursor:pointer}.p-classroom-edit-more>div{display:inline-block}.p-classroom-edit-more>div:hover,.p-classroom-edit-more>div:active{color:#3a84e5;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.tooltip-inner{background-color:#19b2c0;color:#fff}.bs-tooltip-right .arrow::before{border-right-color:#19b2c0}.c-fbEmbed{width:100%}.c-fbEmbed iframe{min-height:230px;width:100%}.c-stepBar{padding-left:0;margin-bottom:0;list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.c-stepBar li{width:100%;overflow-x:hidden;padding-left:5px;padding-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-stepBar li span{white-space:nowrap}@media (max-width:767px){.c-stepBar li span{display:none}}.c-stepBar li::before{width:1rem;height:1rem;color:#dee2e6;content:"";font-size:12px;text-align:center;display:inline-block;border:1px solid #dee2e6;border-radius:50%;margin-right:.2rem}@media (min-width:768px){.c-stepBar li::before{width:2rem;height:2rem;color:#dee2e6;content:"";text-align:center;line-height:2rem;display:inline-block;border:1px solid #dee2e6;border-radius:50%;margin-right:.5rem}.c-stepBar li:nth-child(1)::before{content:"1"}.c-stepBar li:nth-child(2)::before{content:"2"}.c-stepBar li:nth-child(3)::before{content:"3"}.c-stepBar li:nth-child(4)::before{content:"4"}.c-stepBar li:nth-child(5)::before{content:"5"}.c-stepBar li:nth-child(6)::before{content:"6"}.c-stepBar li:nth-child(7)::before{content:"7"}.c-stepBar li:nth-child(8)::before{content:"8"}}.c-stepBar li:not(:last-child) em{position:relative}.c-stepBar li:not(:last-child) em::after{width:500px;height:2px;content:"";background-color:#dee2e6;position:absolute;top:50%;right:-510px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.c-stepBar li.done::before{content:"✔";color:#3a84e5;border-color:#3a84e5}.c-stepBar li.done em::after{background-color:#3a84e5}.c-stepBar li.active::before{color:#fff;background-color:#3a84e5}@media (max-width:767px){.c-badge-list{padding-left:1rem;padding-right:1rem}}.c-badge{color:#212529;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:400}@media (min-width:768px){.c-badge{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-badge:not(:last-child){border-right:1px solid #dee2e6}}@media (max-width:767px){.c-badge{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.c-badge:not(:last-child){border-bottom:1px solid #dee2e6}}.c-badge span{color:#fff}.c-searchBar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:1rem}.c-searchBar .btn{width:2rem;min-width:2rem;height:2rem;text-align:center;line-height:2rem;padding:0}.c-searchBar .btn svg{margin-right:unset}.c-sideBar{margin-bottom:2rem}.c-sideBar .card-header a{display:block;font-size:1rem;font-weight:700;color:#3a84e5}.c-sideBar .card-header a svg{margin-right:.5rem}.c-sideBar .card-body{padding-top:.5rem;padding-bottom:.5rem}.c-sideBar .card-body label{font-size:.875rem}.c-sideBar .card-body .form-group{margin-bottom:unset}.c-card{border:1px solid #dee2e6;background-color:#fff;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem;margin-bottom:1rem}.c-card--record{display:block}.c-card--record-time{font-size:.875rem;color:rgba(0,0,0,.5);margin-bottom:1rem}.c-card-pic{width:4rem;height:4rem;min-width:4rem;margin-right:1rem}.c-card-pic img{width:100%;height:100%;border-radius:50%;border:2px solid #3a84e5}.c-card-pic--record{display:inline-block;width:1.5rem;height:1.5rem;min-width:1.5rem;margin-right:.5px}.c-card--record-entry{text-align:right}.c-card--record-entry small{font-weight:400;color:rgba(0,0,0,.5);font-style:oblique}.c-card-content h2{line-height:1.1}.c-card-content h2 span{font-size:1rem}.c-card-content h3{font-size:1rem;font-weight:700}.c-card-content h5{font-size:.875rem;font-weight:400;color:rgba(0,0,0,.5)}.c-card-content .btn{margin-right:.5rem;min-width:28px;text-align:center}.c-card-content .btn svg{margin-right:unset}.c-card-record{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-card-teacher{border:unset;background-color:unset}.c-card-teacher .c-card-pic{width:6rem;height:6rem;min-width:6rem;margin-right:1rem}.c-card-teacher .c-card-pic img{width:100%;height:100%;border-radius:50%}.c-pagination{text-align:center;margin-top:20px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-pagination .page-link{padding:.75rem 1rem;color:#c2c2c2}.c-pagination .page-link:hover,.c-pagination .page-link:active{color:#3a84e5;background-color:#f1f6ff}.c-pagination .page-item.disabled .page-link{background-color:#3a84e5;color:#fff}.c-starBar{color:#dee2e6;margin-bottom:.5rem}.c-starBar svg{cursor:pointer}.c-starBar .light{color:#fadb14}.c-statusDot{display:inline-block;width:.875rem;height:.875rem;min-width:.875rem;background-color:#c2c2c2;border-radius:50%;vertical-align:text-bottom;margin-bottom:3px}.form-control.form-control--lg{font-size:18px}.c-labelCheck{display:none}.c-labelCheck+label{display:inline-block;background-color:#fafafa;border-radius:5px;border:1px solid #dee2e6;padding:6px 8px;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin-right:2px;margin-bottom:6px;line-height:1;font-size:14px;font-weight:300}.c-labelCheck+label:hover,.c-labelCheck+label:active,.c-labelCheck+label:focus{background-color:#e0f9fb}.c-labelCheck:checked+label{border-color:#19b2c0;background-color:#19b2c0;color:#fff}.c-calendar{display:inline-block}.c-calendar ul{padding-left:unset;margin-bottom:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #dee2e6}.c-calendar li{display:block;width:14.287%;min-width:49px;border:1px solid #dee2e6;padding:10px 4px;text-align:center;background-color:#fff}.c-calendar li.num{background-color:#f7f7f7;cursor:pointer}.c-calendar li.available{background-color:#d1e4ff;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.c-calendar li.available:hover,.c-calendar li.available:active{border-color:#3a84e5;background-color:#3a84e5;color:#fff}.c-calendar li.active{border-color:#3a84e5;background-color:#3a84e5;color:#fff}.c-iconBadge{font-size:50px}.c-iconBadge--success{color:#19b2c0}.c-dlModule{text-align:center}.c-dlModule>div{display:inline-block;min-width:200px;margin-left:auto;margin-right:auto}.c-dlModule dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-dlModule dt{width:60%;text-align:left}.c-dlModule dd{width:40%;text-align:left}