.card-view{margin:0 auto}.card-view .class-card{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);margin-bottom:25px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.card-view .class-card header.card-header{padding:5px;border-top-left-radius:3px;border-top-right-radius:3px}.card-view .class-card header.card-header h3{margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:#fff}.card-view .class-card header.card-header h3 label{margin-right:5px}.card-view .class-card header.card-header h3 .title{font-size:17px;text-shadow:0 1px 1px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 30px)}.card-view .class-card header.card-header h3 .info-icon{position:absolute;right:0;font-size:15px;font-weight:400;width:20px;height:20px;border:1px solid #fff;border-radius:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.card-view .class-card header.card-header h3 .info-icon,.card-view .class-card section.card-body .card-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-view .class-card section.card-body .card-image{padding:0!important}.card-view .class-card section.card-body .card-image>div{width:60px;height:60px;border-radius:100%;border:1px solid #eee;margin:0 auto;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}.card-view .class-card section.card-body .card-image img{width:100%;-o-object-fit:contain;object-fit:contain}.card-view .class-card section.card-body .body-content>div{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-view .check-all .checkbox-custom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-view .check-all .checkbox-custom label{margin-right:5px}.card-view .check-all .checkbox-custom span{font-size:18px;font-weight:400;color:#3c3c3c}.wizard-card{border:1px solid #ddd;border-top-left-radius:3px;border-bottom-left-radius:3px;margin-bottom:.4vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:15px}.wizard-card.ignored{background:hsla(0,0%,96.1%,.8)}.wizard-card .class-picture>div{width:6.5vw;height:6.5vw;max-width:80px;max-height:80px;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;border-radius:100%;margin-right:8px}.wizard-card .class-picture img{width:100%;-o-object-fit:contain;object-fit:contain}.wizard-card .fa-green{color:green;margin-left:3px}.wizard-card .fa-yellow{color:#fc0;margin-left:3px}.wizard-card .action-buttons .btn{margin:5px 0;min-width:130px;max-width:130px}.wizard-card .section-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-list .title{cursor:pointer}.toggle-list .empty{color:#9d9d9d}.wizard-container{width:100%;margin:0 auto}.empty-wizard{width:100%;height:100%;min-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.alert-error[data-v-fb866210]{color:red}.modal-table[data-v-fb866210]{max-height:60vh;overflow-y:auto}.slide-enter-active[data-v-195c62a2],.slide-leave-active[data-v-195c62a2]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.slide-enter[data-v-195c62a2],.slide-leave-to[data-v-195c62a2]{-webkit-transform:translateX(530px);transform:translateX(530px)}.slide-panel[data-v-195c62a2]{position:fixed;top:0;right:0;height:100%;width:530px;z-index:1500;overflow-y:auto;padding:15px 20px;padding-top:0;-webkit-box-shadow:0 2px 17px 0 rgba(0,0,0,.3);box-shadow:0 2px 17px 0 rgba(0,0,0,.3)}.details-panel .data-list{font-size:14px}.details-panel .data-list .row{margin-top:15px}.details-panel .data-list .row:first-child{margin-top:0}.details-panel .data-list .col-sm-5{font-weight:700}.details-panel h4.data-sep{margin:20px 0;margin-top:20px}.details-panel .main-title{margin-bottom:0}.details-panel .main-details{margin-bottom:15px}.details-panel .img-profile{width:130px;height:130px}.panel[data-v-7f0ebf38]{background-color:transparent}.panel>[data-v-7f0ebf38]:not(.visor-tools){background-color:#fff}.panel-heading[data-v-7f0ebf38]{margin-bottom:10px;padding:15px;padding-bottom:0}.panel-body[data-v-7f0ebf38]{padding:20px 25px;margin-bottom:10px}.toolbar[data-v-7f0ebf38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:bottom;-ms-flex-align:bottom;align-items:bottom}.toolbar>[data-v-7f0ebf38]{margin:0}.left-button[data-v-7f0ebf38]{margin-right:auto;visibility:hidden}#actionButton[data-v-7f0ebf38],.left-button[data-v-7f0ebf38]{justify-self:right;width:32px;height:32px;font-size:18px}#actionButton[data-v-7f0ebf38]{margin-left:auto}.tab-content[data-v-7f0ebf38]{margin-top:20px}.nav-tabs .nav-link[data-v-7f0ebf38]{padding:.715rem .912rem}.visor-tools[data-v-7f0ebf38]{text-align:right;padding-bottom:0;margin-bottom:0}.visor-tools .fa{font-size:17px}.visor-tools .tool-icon{width:13px}.custom-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vm--modal.classes-promote-confirm-shell{border:1px solid #dfe3e7!important;border-radius:4px!important;background:#fff!important;-webkit-box-shadow:0 8px 22px rgba(0,0,0,.1)!important;box-shadow:0 8px 22px rgba(0,0,0,.1)!important;overflow:hidden!important}.vm--modal.classes-promote-confirm-shell .modal-dialog{margin:0;width:auto}.vm--modal.classes-promote-confirm-shell .modal-content{border:0!important;border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.vm--modal.classes-promote-confirm-shell .modal-header{border-bottom:0;padding:12px 16px 6px}.vm--modal.classes-promote-confirm-shell .modal-header .modal-title{margin:0;color:#6f7780;font-size:20px;font-weight:500;line-height:1.2}.vm--modal.classes-promote-confirm-shell .modal-header .close{margin:0;padding:0;color:#6f7780;font-size:22px;line-height:1;opacity:1}.vm--modal.classes-promote-confirm-shell .modal-body{padding:8px 16px 16px}.vm--modal.classes-promote-confirm-shell .modal-body p{margin:0;color:#6f7780;font-size:12px;line-height:1.4;font-weight:400}.vm--modal.classes-promote-confirm-shell .modal-footer{border-top:0;padding:0 14px 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px}.vm--modal.classes-promote-confirm-shell .modal-footer .btn{min-width:96px;height:34px;border-radius:3px;font-size:13px;font-weight:600;padding:0 14px}.vm--modal.classes-promote-confirm-shell .modal-footer .btn-default{background:#e7ecef;border-color:#e7ecef;color:#7e8893}.vm--modal.classes-promote-confirm-shell .modal-footer .btn-primary{background:#4ea9f4;border-color:#4ea9f4;color:#fff}#classSchedule .table-container,#classStudentsList .table-container{padding:0}.knchat-control,.knchat-control-off{color:#76838f;border:1px solid #e4eaec;padding-top:7px;padding-bottom:7px}.knchat-control-off{margin-right:3px}.knchat-label1{margin-right:50px}.knchat-label,.knchat-label1{float:left;color:#76838f;font-size:14px;font-weight:400;margin-top:10px}.knchat-label{margin-right:10px}.popover .btn:nth-child(2){margin-top:20px}.popover .btn{min-width:200px}.delete-class-btn{color:#e74c3c;font-size:18px;padding:4px 8px}.delete-class-btn:hover{color:#c0392b;background-color:rgba(231,76,60,.08)}